feat: update form label and message styles & add select component

libs/shadcn-ui/src/atoms/form.tsx

@@ -96,7 +96,7 @@ function FormLabel({
     <Label
       data-slot="form-label"
       data-error={!!error}
-      className={cn('data-[error=true]:text-destructive', className)}
+      className={cn('data-[error=true]:text-rose-500', className)}
       htmlFor={formItemId}
       {...props}
     />
@@ -147,7 +147,7 @@ function FormMessage({ className, ...props }: React.ComponentProps<'p'>) {
     <p
       data-slot="form-message"
       id={formMessageId}
-      className={cn('text-destructive text-sm', className)}
+      className={cn('text-rose-500 text-xs', className)}
       {...props}
     >
       {body}

libs/shadcn-ui/src/atoms/index.ts

@@ -4,3 +4,4 @@ export * from './card';
 export * from './form';
 export * from './input';
 export * from './label';
+export * from './select';