Update prettier

packages/ui/src/field.tsx

@@ -12,7 +12,7 @@ export function FieldSet({
 }: React.ComponentProps<'fieldset'>) {
   return (
     <fieldset
-      data-slot="field-set"
+      data-slot='field-set'
       className={cn(
         'flex flex-col gap-6',
         'has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3',
@@ -30,7 +30,7 @@ export function FieldLegend({
 }: React.ComponentProps<'legend'> & { variant?: 'legend' | 'label' }) {
   return (
     <legend
-      data-slot="field-legend"
+      data-slot='field-legend'
       data-variant={variant}
       className={cn(
         'mb-3 font-medium',
@@ -49,7 +49,7 @@ export function FieldGroup({
 }: React.ComponentProps<'div'>) {
   return (
     <div
-      data-slot="field-group"
+      data-slot='field-group'
       className={cn(
         'group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4',
         className,
@@ -90,8 +90,8 @@ export function Field({
 }: React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>) {
   return (
     <div
-      role="group"
-      data-slot="field"
+      role='group'
+      data-slot='field'
       data-orientation={orientation}
       className={cn(fieldVariants({ orientation }), className)}
       {...props}
@@ -105,7 +105,7 @@ export function FieldContent({
 }: React.ComponentProps<'div'>) {
   return (
     <div
-      data-slot="field-content"
+      data-slot='field-content'
       className={cn(
         'group/field-content flex flex-1 flex-col gap-1.5 leading-snug',
         className,
@@ -121,7 +121,7 @@ export function FieldLabel({
 }: React.ComponentProps<typeof Label>) {
   return (
     <Label
-      data-slot="field-label"
+      data-slot='field-label'
       className={cn(
         'group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50',
         'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4',
@@ -139,7 +139,7 @@ export function FieldTitle({
 }: React.ComponentProps<'div'>) {
   return (
     <div
-      data-slot="field-label"
+      data-slot='field-label'
       className={cn(
         'flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50',
         className,
@@ -155,7 +155,7 @@ export function FieldDescription({
 }: React.ComponentProps<'p'>) {
   return (
     <p
-      data-slot="field-description"
+      data-slot='field-description'
       className={cn(
         'text-muted-foreground text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance',
         'last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5',
@@ -176,7 +176,7 @@ export function FieldSeparator({
 }) {
   return (
     <div
-      data-slot="field-separator"
+      data-slot='field-separator'
       data-content={!!children}
       className={cn(
         'relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2',
@@ -184,11 +184,11 @@ export function FieldSeparator({
       )}
       {...props}
     >
-      <Separator className="absolute inset-0 top-1/2" />
+      <Separator className='absolute inset-0 top-1/2' />
       {children && (
         <span
-          className="bg-background text-muted-foreground relative mx-auto block w-fit px-2"
-          data-slot="field-separator-content"
+          className='bg-background text-muted-foreground relative mx-auto block w-fit px-2'
+          data-slot='field-separator-content'
         >
           {children}
         </span>
@@ -221,7 +221,7 @@ export function FieldError({
     }
 
     return (
-      <ul className="ml-4 flex list-disc flex-col gap-1">
+      <ul className='ml-4 flex list-disc flex-col gap-1'>
         {errors.map(
           (error, index) =>
             error.message && <li key={index}>{error.message}</li>,
@@ -236,8 +236,8 @@ export function FieldError({
 
   return (
     <div
-      role="alert"
-      data-slot="field-error"
+      role='alert'
+      data-slot='field-error'
       className={cn('text-destructive text-sm font-normal', className)}
       {...props}
     >