betterstart-cli 0.0.96 → 0.0.97

package/dist/assets/shared-assets/react-admin/custom/content-editor/tiptap-ui/heading-dropdown-menu/heading-dropdown-menu.tsx

@@ -28,7 +28,8 @@ type EditorButtonProps = React.ComponentProps<typeof Button> & {
 }
 
 export interface HeadingDropdownMenuProps
-  extends Omit<EditorButtonProps, 'type'>,
+  extends
+    Omit<EditorButtonProps, 'type'>,
     Omit<UseHeadingDropdownMenuConfig, 'hideWhenUnavailable'> {
   availability?: ControlAvailability
   /**

package/dist/assets/shared-assets/react-admin/custom/content-editor/tiptap-ui/link-popover/link-main.tsx

@@ -33,7 +33,7 @@ export function LinkMain({ url, setUrl, setLink, removeLink }: LinkMainProps) {
   }
 
   return (
-    <div className="flex flex-col min-w-max items-center gap-2">
+    <div className="flex min-w-max flex-col items-center gap-2">
       <InputGroup className="h-9 min-w-64">
         <InputGroupInput
           type="url"
@@ -48,7 +48,7 @@ export function LinkMain({ url, setUrl, setLink, removeLink }: LinkMainProps) {
         />
       </InputGroup>
 
-      <div className="flex items-center gap-1 w-full">
+      <div className="flex w-full items-center gap-1">
         {url && (
           <Button type="button" onClick={removeLink} title="Remove link" variant="destructive">
             <TrashIcon />

package/dist/assets/shared-assets/react-admin/custom/content-editor/tiptap-ui/link-popover/link-popover.tsx

@@ -23,8 +23,7 @@ export { LinkControlPopover } from './link-control-popover'
 export type { LinkMainProps } from './link-main'
 
 export interface LinkPopoverProps
-  extends Omit<LinkButtonProps, 'type'>,
-    Omit<UseLinkPopoverConfig, 'hideWhenUnavailable'> {
+  extends Omit<LinkButtonProps, 'type'>, Omit<UseLinkPopoverConfig, 'hideWhenUnavailable'> {
   availability?: ControlAvailability
   /**
    * Callback for when the popover opens or closes.

package/dist/assets/shared-assets/react-admin/custom/content-editor/tiptap-ui/mark-button/mark-button.tsx

@@ -27,8 +27,7 @@ type EditorButtonProps = React.ComponentProps<typeof Button> & {
 }
 
 export interface MarkButtonProps
-  extends Omit<EditorButtonProps, 'type'>,
-    Omit<UseMarkConfig, 'hideWhenUnavailable'> {
+  extends Omit<EditorButtonProps, 'type'>, Omit<UseMarkConfig, 'hideWhenUnavailable'> {
   availability?: ControlAvailability
   /**
    * Optional text to display alongside the icon.

package/dist/assets/shared-assets/react-admin/custom/content-editor/tiptap-ui/undo-redo-button/undo-redo-button.tsx

@@ -27,8 +27,7 @@ type EditorButtonProps = React.ComponentProps<typeof Button> & {
 }
 
 export interface UndoRedoButtonProps
-  extends Omit<EditorButtonProps, 'type'>,
-    Omit<UseUndoRedoConfig, 'hideWhenUnavailable'> {
+  extends Omit<EditorButtonProps, 'type'>, Omit<UseUndoRedoConfig, 'hideWhenUnavailable'> {
   availability?: ControlAvailability
   /**
    * Optional text to display alongside the icon.

package/dist/assets/shared-assets/react-admin/custom/date-picker.tsx

@@ -39,7 +39,7 @@ export function DatePicker({
           variant="outline"
           size="lg"
           className={cn(
-            'w-full justify-start text-left font-normal pl-3!',
+            'w-full justify-start pl-3! text-left font-normal',
             { 'text-muted-foreground': !date },
             className
           )}
@@ -49,7 +49,7 @@ export function DatePicker({
           {date ? format(date, 'PPP') : <span>{placeholder}</span>}
         </Button>
       </PopoverTrigger>
-      <PopoverContent className="w-auto p-0 overflow-hidden" align="start">
+      <PopoverContent className="w-auto overflow-hidden p-0" align="start">
         <Calendar
           mode="single"
           selected={date}

package/dist/assets/shared-assets/react-admin/custom/gallery-field.tsx

@@ -196,8 +196,8 @@ export function GalleryField({
                 {canAdd && !disabled ? (
                   <CarouselItem className="basis-[168px] pl-3 sm:basis-[184px]">
                     <Card className="h-full" onClick={() => setOpen(true)}>
-                      <CardContent className="p-2 flex flex-col cursor-pointer">
-                        <div className="flex size-full bg-background border border-border rounded-sm aspect-square overflow-hidden text-muted-foreground hover:text-foreground transition-colors items-center flex-col justify-center gap-1">
+                      <CardContent className="flex cursor-pointer flex-col p-2">
+                        <div className="flex aspect-square size-full flex-col items-center justify-center gap-1 overflow-hidden rounded-sm border border-border bg-background text-muted-foreground transition-colors hover:text-foreground">
                           <Plus className="size-6" strokeWidth={1.5} />
                           <span className="text-sm">Add Images</span>
                         </div>
@@ -228,8 +228,8 @@ export function GalleryField({
                             />
                           ) : (
                             <Card>
-                              <CardContent className="p-2 flex flex-col">
-                                <div className="flex size-full bg-background border border-border rounded-sm aspect-square overflow-hidden">
+                              <CardContent className="flex flex-col p-2">
+                                <div className="flex aspect-square size-full overflow-hidden rounded-sm border border-border bg-background">
                                   <Skeleton className="size-full" />
                                 </div>
                               </CardContent>
@@ -262,8 +262,8 @@ export function GalleryField({
                   />
                 ) : (
                   <Card>
-                    <CardContent className="p-2 flex flex-col">
-                      <div className="flex size-full bg-background border border-border rounded-sm aspect-square overflow-hidden">
+                    <CardContent className="flex flex-col p-2">
+                      <div className="flex aspect-square size-full overflow-hidden rounded-sm border border-border bg-background">
                         <Skeleton className="size-full" />
                       </div>
                     </CardContent>

package/dist/assets/shared-assets/react-admin/custom/icon-picker.tsx

@@ -26,8 +26,10 @@ const DEFAULT_ICONS = iconsData.filter((icon: IconData) => {
 const MemoizedIcon = React.memo(({ name }: { name: IconName }) => <DynamicIcon name={name} />)
 MemoizedIcon.displayName = 'MemoizedIcon'
 
-interface IconPickerProps
-  extends Omit<React.ComponentPropsWithoutRef<typeof PopoverTrigger>, 'onSelect' | 'onOpenChange'> {
+interface IconPickerProps extends Omit<
+  React.ComponentPropsWithoutRef<typeof PopoverTrigger>,
+  'onSelect' | 'onOpenChange'
+> {
   value?: string
   defaultValue?: string
   onValueChange?: (value: string) => void
@@ -258,7 +260,7 @@ const IconPicker = React.forwardRef<React.ComponentRef<typeof PopoverTrigger>, I
           <Tooltip>
             <TooltipTrigger
               className={cn(
-                'p-2 rounded-md border hover:bg-foreground/10 transition',
+                'rounded-md border p-2 transition hover:bg-foreground/10',
                 'flex items-center justify-center'
               )}
               onClick={() => handleIconClick(icon.name as IconName)}
@@ -302,18 +304,18 @@ const IconPicker = React.forwardRef<React.ComponentRef<typeof PopoverTrigger>, I
 
             if (item.type === 'category') {
               return (
-                <div key={virtualItem.key} style={itemStyle} className="bg-background z-10">
-                  <h3 className="font-medium text-sm capitalize">
+                <div key={virtualItem.key} style={itemStyle} className="z-10 bg-background">
+                  <h3 className="text-sm font-medium capitalize">
                     {categorizedIcons[item.categoryIndex].name}
                   </h3>
-                  <div className="h-[1px] bg-foreground/10 w-full" />
+                  <div className="h-[1px] w-full bg-foreground/10" />
                 </div>
               )
             }
 
             return (
               <div key={virtualItem.key} data-index={virtualItem.index} style={itemStyle}>
-                <div className="grid grid-cols-5 gap-2 w-full">{item.icons?.map(renderIcon)}</div>
+                <div className="grid w-full grid-cols-5 gap-2">{item.icons?.map(renderIcon)}</div>
               </div>
             )
           })}
@@ -358,7 +360,7 @@ const IconPicker = React.forwardRef<React.ComponentRef<typeof PopoverTrigger>, I
             <Input placeholder={searchPlaceholder} onChange={handleSearchChange} className="mb-2" />
           )}
           {categorized && search.trim() === '' && (
-            <div className="flex flex-row gap-1 mt-2 overflow-x-auto pb-2">{categoryButtons}</div>
+            <div className="mt-2 flex flex-row gap-1 overflow-x-auto pb-2">{categoryButtons}</div>
           )}
           <div
             ref={parentRef}

package/dist/assets/shared-assets/react-admin/custom/icons-column-skeleton.tsx

@@ -4,9 +4,9 @@ const ICON_SKELETON_KEYS = Array.from({ length: 40 }, (_, index) => `icon-skelet
 
 export function IconsColumnSkeleton() {
   return (
-    <div className="flex flex-col gap-2 w-full">
+    <div className="flex w-full flex-col gap-2">
       <Skeleton className="h-4 w-1/2 rounded-md" />
-      <div className="grid grid-cols-5 gap-2 w-full">
+      <div className="grid w-full grid-cols-5 gap-2">
         {ICON_SKELETON_KEYS.map((key) => (
           <Skeleton key={key} className="h-10 w-10 rounded-md" />
         ))}

package/dist/assets/shared-assets/react-admin/custom/media-field-empty-state.tsx

@@ -40,18 +40,18 @@ export function MediaFieldEmptyState({
   return (
     <div className={className}>
       <Card
-        className={cn('group p-0 gap-0', {
-          'cursor-not-allowed opacity-50 pointer-events-none': disabled
+        className={cn('group gap-0 p-0', {
+          'pointer-events-none cursor-not-allowed opacity-50': disabled
         })}
         onClick={() => !disabled && onOpenChange(true)}
       >
-        <CardContent className="relative p-0 justify-center items-center flex flex-col h-40 hover:bg-muted/50 transition-colors duration-200">
+        <CardContent className="relative flex h-40 flex-col items-center justify-center p-0 transition-colors duration-200 hover:bg-muted/50">
           <ImageIcon
-            className="text-muted-foreground transition-opacity group-hover:opacity-0 group-focus-within:opacity-0"
+            className="text-muted-foreground transition-opacity group-focus-within:opacity-0 group-hover:opacity-0"
             strokeWidth={1}
           />
           {showAddButton ? (
-            <div className="absolute inset-0 flex items-center justify-center gap-1 opacity-0 transition-opacity duration-200 ease-out group-hover:opacity-100 group-focus-within:opacity-100">
+            <div className="absolute inset-0 flex items-center justify-center gap-1 opacity-0 transition-opacity duration-200 ease-out group-focus-within:opacity-100 group-hover:opacity-100">
               <Button
                 type="button"
                 data-media-field-action="true"

package/dist/assets/shared-assets/react-admin/custom/media-field.tsx

@@ -82,10 +82,10 @@ export function MediaField({
     return (
       <div className={cn('group relative', className)}>
         <Card className="p-0">
-          <CardContent className="p-0! relative">
+          <CardContent className="relative p-0!">
             <div
               data-media-field-preview
-              className="relative aspect-video rounded-sm bg-background overflow-hidden"
+              className="relative aspect-video overflow-hidden rounded-sm bg-background"
             >
               <MediaPreview media={selectedMedia} showMetadata={Boolean(media)} />
             </div>
@@ -94,15 +94,15 @@ export function MediaField({
               <>
                 <div
                   aria-hidden="true"
-                  className="pointer-events-none absolute inset-0 bg-black/10 opacity-0 backdrop-blur-xs transition-opacity duration-300 ease-out group-hover:opacity-100 group-focus-within:opacity-100 rounded-sm"
+                  className="pointer-events-none absolute inset-0 rounded-sm bg-black/10 opacity-0 backdrop-blur-xs transition-opacity duration-300 ease-out group-focus-within:opacity-100 group-hover:opacity-100"
                 />
-                <div className="absolute inset-0 flex flex-col items-center justify-center gap-1 opacity-0 transition-opacity duration-200 ease-out group-hover:opacity-100 group-focus-within:opacity-100">
+                <div className="absolute inset-0 flex flex-col items-center justify-center gap-1 opacity-0 transition-opacity duration-200 ease-out group-focus-within:opacity-100 group-hover:opacity-100">
                   <Button
                     type="button"
                     data-media-field-action="true"
                     variant="outline"
                     onClick={handleChangeImage}
-                    className="border-primary/10 w-[100px]"
+                    className="w-[100px] border-primary/10"
                   >
                     Change
                   </Button>
@@ -129,7 +129,7 @@ export function MediaField({
                       href={selectedMedia.url}
                       target="_blank"
                       rel="noopener noreferrer"
-                      className="min-w-0 truncate text-foreground hover:underline underline-offset-4"
+                      className="min-w-0 truncate text-foreground underline-offset-4 hover:underline"
                     >
                       {selectedMedia.url}
                     </Link>
@@ -141,7 +141,7 @@ export function MediaField({
                     variant="ghost"
                     title={hasCopiedMediaUrl ? 'Copied' : 'Copy media URL'}
                     onClick={() => copyMediaUrl(selectedMedia.url)}
-                    className="shrink-0 size-7"
+                    className="size-7 shrink-0"
                   >
                     {hasCopiedMediaUrl ? <Check className="text-foreground" /> : <Copy />}
                   </Button>

package/dist/assets/shared-assets/react-admin/custom/nested-object-list-field.tsx

@@ -189,7 +189,7 @@ export function NestedObjectListField({
                       type="button"
                       variant="ghost"
                       size="icon-sm"
-                      className="absolute right-10 top-1/2 shrink-0 -translate-y-1/2"
+                      className="absolute top-1/2 right-10 shrink-0 -translate-y-1/2"
                       aria-label={`Remove ${singularLabel}`}
                       onClick={() => handleRemove(index)}
                       disabled={disabled}
@@ -197,7 +197,7 @@ export function NestedObjectListField({
                       <X />
                     </Button>
                   </div>
-                  <AccordionContent className="space-y-5 border rounded-sm border-border p-5 bg-background mb-4">
+                  <AccordionContent className="mb-4 space-y-5 rounded-sm border border-border bg-background p-5">
                     {children(index)}
                   </AccordionContent>
                 </AccordionItem>

package/dist/assets/shared-assets/react-admin/custom/placeholder-card.tsx

@@ -19,7 +19,7 @@ export function PlaceholderCard({
   return (
     <div
       className={cn(
-        'flex h-75 border border-border border-dashed bg-background flex-col items-center justify-center gap-5 rounded-sm',
+        'flex h-75 flex-col items-center justify-center gap-5 rounded-sm border border-dashed border-border bg-background',
         className
       )}
     >

package/dist/assets/shared-assets/react-admin/custom/placeholder.tsx

@@ -12,7 +12,7 @@ export function Placeholder({ label, description, action, className, ...props }:
   return (
     <div
       className={cn(
-        'border flex items-center flex-col gap-2 border-dashed border-border rounded-sm p-8 bg-background',
+        'flex flex-col items-center gap-2 rounded-sm border border-dashed border-border bg-background p-8',
         className
       )}
       {...props}

package/dist/assets/shared-assets/react-admin/custom/progressive-blur.tsx

@@ -36,7 +36,7 @@ function ProgressiveBlur({
       animate={{ opacity: isVisible ? 1 : 0 }}
       transition={{ duration: 0.16, ease: 'easeOut' }}
       className={cn(
-        'pointer-events-none h-(--progressive-blur-height) w-full shrink-0 select-none [background:var(--progressive-blur-background)] [-webkit-backdrop-filter:blur(var(--progressive-blur-amount))] [backdrop-filter:blur(var(--progressive-blur-amount))] [-webkit-mask-image:var(--progressive-blur-mask)] mask-(--progressive-blur-mask)',
+        'pointer-events-none h-(--progressive-blur-height) w-full shrink-0 mask-(--progressive-blur-mask) [backdrop-filter:blur(var(--progressive-blur-amount))] select-none [-webkit-backdrop-filter:blur(var(--progressive-blur-amount))] [-webkit-mask-image:var(--progressive-blur-mask)] [background:var(--progressive-blur-background)]',
         className
       )}
       style={

package/dist/assets/shared-assets/react-admin/custom/sortable-gallery-item.tsx

@@ -37,8 +37,8 @@ export function SortableGalleryItem({
         className="pointer-events-none absolute inset-0 opacity-0 transition-opacity group-data-[gallery-dragging=true]:opacity-100"
       >
         <Card className="h-full">
-          <CardContent className="p-2 flex flex-col">
-            <div className="flex size-full bg-background border border-border rounded-sm aspect-square overflow-hidden">
+          <CardContent className="flex flex-col p-2">
+            <div className="flex aspect-square size-full overflow-hidden rounded-sm border border-border bg-background">
               <Skeleton className="size-full" />
             </div>
           </CardContent>
@@ -54,7 +54,7 @@ export function SortableGalleryItem({
           data-gallery-drag-handle
           variant="outline"
           size="icon-sm"
-          className="absolute right-1 top-1 z-10 cursor-grab touch-none opacity-0 transition-[opacity,transform] group-hover:opacity-100 active:scale-[0.96] active:cursor-grabbing border-primary/10"
+          className="absolute top-1 right-1 z-10 cursor-grab touch-none border-primary/10 opacity-0 transition-[opacity,transform] group-hover:opacity-100 active:scale-[0.96] active:cursor-grabbing"
         >
           <GripVertical className="size-3.5 text-foreground" />
         </Button>

package/dist/assets/shared-assets/react-admin/custom/upload-dropzone.tsx

@@ -68,7 +68,7 @@ export function UploadDropzone({
         className: cn(
           'flex items-center justify-center',
           {
-            'bg-muted ring-1 ring-border p-2 transition-all duration-100': isDragActive,
+            'bg-muted p-2 ring-1 ring-border transition-all duration-100': isDragActive,
             'cursor-not-allowed': disabled || isUploading
           },
           className
@@ -76,20 +76,20 @@ export function UploadDropzone({
         'aria-label': 'File upload dropzone'
       })}
     >
-      <CardContent className="w-full h-full">
+      <CardContent className="h-full w-full">
         {isUploading ? (
           <div
             data-slot="upload-dropzone-progress"
-            className="flex w-full flex-col h-full justify-center items-center gap-3 text-center"
+            className="flex h-full w-full flex-col items-center justify-center gap-3 text-center"
           >
-            <p className="font-medium text-sm">Uploading files…</p>
-            <Progress value={progressPercent} className="h-2 max-w-sm mx-auto" />
+            <p className="text-sm font-medium">Uploading files…</p>
+            <Progress value={progressPercent} className="mx-auto h-2 max-w-sm" />
             <p className="text-sm text-muted-foreground">{progressPercent}% complete</p>
           </div>
         ) : (
           <div
             data-slot="upload-dropzone-idle"
-            className="flex w-full flex-col h-full justify-center items-center gap-3 text-center"
+            className="flex h-full w-full flex-col items-center justify-center gap-3 text-center"
           >
             <Button type="button" variant="outline" onClick={open}>
               <GalleryVerticalEnd />

package/dist/assets/shared-assets/react-admin/ui/accordion.tsx

@@ -10,7 +10,7 @@ function Accordion({ className, ...props }: React.ComponentProps<typeof Accordio
     <AccordionPrimitive.Root
       data-slot="accordion"
       className={cn(
-        'flex w-full flex-col rounded-sm overflow-hidden border border-border bg-card shadow-2xl/1',
+        'flex w-full flex-col overflow-hidden rounded-sm border border-border bg-card shadow-2xl/1',
         className
       )}
       {...props}

package/dist/assets/shared-assets/react-admin/ui/alert-dialog.tsx

@@ -49,7 +49,7 @@ function AlertDialogContent({
         data-slot="alert-dialog-content"
         data-size={size}
         className={cn(
-          'group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-6 rounded-sm bg-muted text-popover-foreground ring-1 ring-foreground/5 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-md data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 overflow-hidden',
+          'group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-6 overflow-hidden rounded-sm bg-muted text-popover-foreground ring-1 ring-foreground/5 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-md data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',
           className
         )}
         {...props}
@@ -63,7 +63,7 @@ function AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>)
     <div
       data-slot="alert-dialog-header"
       className={cn(
-        'grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr] bg-muted px-6 pt-6',
+        'grid grid-rows-[auto_1fr] place-items-center gap-1.5 bg-muted px-6 pt-6 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]',
         className
       )}
       {...props}
@@ -75,7 +75,7 @@ function AlertDialogBody({ className, ...props }: React.ComponentProps<'div'>) {
   return (
     <div
       data-slot="alert-dialog-body"
-      className={cn('flex shadow-input flex-col gap-1 px-6 py-6', className)}
+      className={cn('flex flex-col gap-1 px-6 py-6 shadow-input', className)}
       {...props}
     />
   )
@@ -85,7 +85,7 @@ function AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>)
   return (
     <div
       data-slot="alert-dialog-footer"
-      className={cn('grid w-full grid-cols-2 gap-1 px-6 pb-5 bg-muted *:w-full', className)}
+      className={cn('grid w-full grid-cols-2 gap-1 bg-muted px-6 pb-5 *:w-full', className)}
       {...props}
     />
   )

package/dist/assets/shared-assets/react-admin/ui/badge.tsx

@@ -10,7 +10,7 @@ const badgeVariants = cva(
       variant: {
         default: 'bg-primary text-primary-foreground [a]:hover:bg-primary/80',
         secondary:
-          'bg-secondary border border-border text-secondary-foreground [a]:hover:bg-secondary/80',
+          'border border-border bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80',
         destructive:
           'bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20',
         success:

package/dist/assets/shared-assets/react-admin/ui/button-group.tsx

@@ -4,7 +4,7 @@ import { cva, type VariantProps } from 'class-variance-authority'
 import { Slot } from 'radix-ui'
 
 const buttonGroupVariants = cva(
-  "group/button-group flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-sm [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 [&>button]:min-w-0 [&>button]:scale-100!",
+  "group/button-group flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-sm [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>button]:min-w-0 [&>button]:scale-100! [&>input]:flex-1",
   {
     variants: {
       orientation: {

package/dist/assets/shared-assets/react-admin/ui/button.tsx

@@ -4,21 +4,21 @@ import { Slot } from 'radix-ui'
 import * as React from 'react'
 
 const buttonVariants = cva(
-  "group/button inline-flex shrink-0 items-center justify-center rounded-sm bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 active:not-aria-[haspopup]:scale-97 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:text-current [&_svg:not([class*='size-'])]:size-3.5 cursor-pointer [&_svg]:[stroke-width:1.5] min-w-0",
+  "group/button inline-flex min-w-0 shrink-0 cursor-pointer items-center justify-center rounded-sm bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 active:not-aria-[haspopup]:scale-97 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:[stroke-width:1.5] [&_svg]:text-current [&_svg:not([class*='size-'])]:size-3.5",
   {
     variants: {
       variant: {
-        default: 'bg-primary border-primary text-primary-foreground hover:bg-primary/80',
+        default: 'border-primary bg-primary text-primary-foreground hover:bg-primary/80',
         outline:
-          'border border-border bg-card hover:bg-secondary hover:text-foreground aria-expanded:bg-secondary aria-expanded:text-foreground hover:border-primary/10',
+          'border border-border bg-card hover:border-primary/10 hover:bg-secondary hover:text-foreground aria-expanded:bg-secondary aria-expanded:text-foreground',
         secondary:
-          'bg-secondary border border-primary/8 text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground',
+          'border border-primary/8 bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground',
         ghost:
           'hover:bg-secondary hover:text-foreground aria-expanded:bg-secondary aria-expanded:text-foreground dark:hover:bg-secondary/50',
         destructive:
-          'border bg-destructive/10 border-destructive/20  text-destructive hover:bg-destructive/15 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40 [&_svg]:text-destructive',
+          'border border-destructive/20 bg-destructive/10 text-destructive hover:bg-destructive/15 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40 [&_svg]:text-destructive',
         warning:
-          'border bg-warning/10 border-warning/20  text-warning hover:bg-warning/15 focus-visible:border-warning/40 focus-visible:ring-warning/15 dark:bg-warning/20 dark:hover:bg-warning/30 dark:focus-visible:ring-warning/40 [&_svg]:text-warning',
+          'border border-warning/20 bg-warning/10 text-warning hover:bg-warning/15 focus-visible:border-warning/40 focus-visible:ring-warning/15 dark:bg-warning/20 dark:hover:bg-warning/30 dark:focus-visible:ring-warning/40 [&_svg]:text-warning',
         link: 'text-primary underline-offset-4 hover:underline'
       },
       size: {

package/dist/assets/shared-assets/react-admin/ui/card.tsx

@@ -11,7 +11,7 @@ function Card({
       data-slot="card"
       data-size={size}
       className={cn(
-        'group/card flex flex-col rounded-sm has-[>[data-slot=card-header]]:bg-transparent has-[>[data-slot=card-header]]:border-none has-[>[data-slot=card-footer]]:border-none text-sm text-foreground has-[>img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-sm *:[img:last-child]:rounded-b-sm [&_[data-slot=card]:last-of-type:last-child]:rounded-b-sm [&_[data-slot=card]:first-of-type:first-child]:rounded-t-sm',
+        'group/card flex flex-col rounded-sm text-sm text-foreground has-[>[data-slot=card-footer]]:border-none has-[>[data-slot=card-header]]:border-none has-[>[data-slot=card-header]]:bg-transparent has-[>img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 [&_[data-slot=card]:first-of-type:first-child]:rounded-t-sm [&_[data-slot=card]:last-of-type:last-child]:rounded-b-sm *:[img:first-child]:rounded-t-sm *:[img:last-child]:rounded-b-sm',
         className
       )}
       {...props}
@@ -24,7 +24,7 @@ function CardHeader({ className, ...props }: React.ComponentProps<'div'>) {
     <div
       data-slot="card-header"
       className={cn(
-        'group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-sm px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] border-x border-t [.border-b]:pb-6 border-border bg-muted pt-2.5 [text-box-trim:trim-both] -mb-1 pb-3',
+        'group/card-header @container/card-header -mb-1 grid auto-rows-min items-start gap-1 rounded-t-sm border-x border-t border-border bg-muted px-3 pt-2.5 pb-3 [text-box-trim:trim-both] has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-6',
         className
       )}
       {...props}
@@ -37,7 +37,7 @@ function CardTitle({ className, ...props }: React.ComponentProps<'div'>) {
     <div
       data-slot="card-title"
       className={cn(
-        'font-heading [text-box-trim:trim-both] text-xs text-muted-foreground font-medium',
+        'font-heading text-xs font-medium text-muted-foreground [text-box-trim:trim-both]',
         className
       )}
       {...props}
@@ -70,7 +70,7 @@ function CardContent({ className, ...props }: React.ComponentProps<'div'>) {
     <div
       data-slot="card-content"
       className={cn(
-        'group-has-[>[data-slot=card-header]]/card:px-5 rounded-sm border border-border bg-card group-has-[>[data-slot=card-footer]]/card:bg-card p-8 flex flex-col overflow-hidden shadow-input relative',
+        'relative flex flex-col overflow-hidden rounded-sm border border-border bg-card p-8 shadow-input group-has-[>[data-slot=card-footer]]/card:bg-card group-has-[>[data-slot=card-header]]/card:px-5',
         className
       )}
       {...props}
@@ -83,7 +83,7 @@ function CardFooter({ className, ...props }: React.ComponentProps<'div'>) {
     <div
       data-slot="card-footer"
       className={cn(
-        'flex items-center border border-border bg-muted -mt-2 pt-3.5 pb-2 rounded-b-sm px-4',
+        '-mt-2 flex items-center rounded-b-sm border border-border bg-muted px-4 pt-3.5 pb-2',
         className
       )}
       {...props}

package/dist/assets/shared-assets/react-admin/ui/checkbox.tsx

@@ -10,7 +10,7 @@ function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxP
     <CheckboxPrimitive.Root
       data-slot="checkbox"
       className={cn(
-        'peer relative flex size-4.5 shrink-0 items-center justify-center rounded-[6px] border border-border transition-shadow outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary bg-input',
+        'peer relative flex size-4.5 shrink-0 items-center justify-center rounded-[6px] border border-border bg-input transition-shadow outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary',
         className
       )}
       {...props}

package/dist/assets/shared-assets/react-admin/ui/combobox.tsx

@@ -121,7 +121,7 @@ function ComboboxContent({
           data-slot="combobox-content"
           data-chips={!!anchor}
           className={cn(
-            'group/combobox-content max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-sm text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 data-[chips=true]:min-w-(--anchor-width) data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-9 *:data-[slot=input-group]:border-none *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 animate-none! relative bg-popover/70 before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit] before:backdrop-blur-2xl before:backdrop-saturate-150 **:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10 **:data-[slot$=-separator]:bg-foreground/5 **:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10! **:data-[variant=destructive]:focus:bg-foreground/10! **:data-[variant=destructive]:text-accent-foreground! **:data-[variant=destructive]:**:text-accent-foreground!',
+            'group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) animate-none! overflow-hidden rounded-sm bg-popover/70 text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit] before:backdrop-blur-2xl before:backdrop-saturate-150 data-[chips=true]:min-w-(--anchor-width) data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10 **:data-[slot$=-separator]:bg-foreground/5 **:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10! *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-9 *:data-[slot=input-group]:border-none *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none **:data-[variant=destructive]:**:text-accent-foreground! **:data-[variant=destructive]:text-accent-foreground! **:data-[variant=destructive]:focus:bg-foreground/10! data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',
             className
           )}
           {...props}

package/dist/assets/shared-assets/react-admin/ui/command.tsx

@@ -8,7 +8,6 @@ import {
   DialogTitle
 } from '@admin/components/ui/dialog'
 import { InputGroup, InputGroupAddon } from '@admin/components/ui/input-group'
-
 import { cn } from '@admin/utils/shared/cn'
 import { Command as CommandPrimitive } from 'cmdk'
 import { CheckIcon, SearchIcon } from 'lucide-react'

package/dist/assets/shared-assets/react-admin/ui/context-menu.tsx

@@ -51,7 +51,7 @@ function ContextMenuContent({
       <ContextMenuPrimitive.Content
         data-slot="context-menu-content"
         className={cn(
-          'z-50 max-h-(--radix-context-menu-content-available-height) min-w-48 origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-sm p-1 text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 animate-none! relative bg-popover/70 before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit] before:backdrop-blur-2xl before:backdrop-saturate-150 **:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10 **:data-[slot$=-separator]:bg-foreground/5 **:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10! **:data-[variant=destructive]:focus:bg-foreground/10! **:data-[variant=destructive]:text-accent-foreground! **:data-[variant=destructive]:**:text-accent-foreground!',
+          'relative z-50 max-h-(--radix-context-menu-content-available-height) min-w-48 origin-(--radix-context-menu-content-transform-origin) animate-none! overflow-x-hidden overflow-y-auto rounded-sm bg-popover/70 p-1 text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit] before:backdrop-blur-2xl before:backdrop-saturate-150 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10 **:data-[slot$=-separator]:bg-foreground/5 **:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10! **:data-[variant=destructive]:**:text-accent-foreground! **:data-[variant=destructive]:text-accent-foreground! **:data-[variant=destructive]:focus:bg-foreground/10! data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',
           className
         )}
         {...props}
@@ -115,7 +115,7 @@ function ContextMenuSubContent({
     <ContextMenuPrimitive.SubContent
       data-slot="context-menu-sub-content"
       className={cn(
-        'z-50 min-w-32 origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-sm border p-1 text-popover-foreground shadow-lg duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 animate-none! relative bg-popover/70 before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit] before:backdrop-blur-2xl before:backdrop-saturate-150 **:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10 **:data-[slot$=-separator]:bg-foreground/5 **:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10! **:data-[variant=destructive]:focus:bg-foreground/10! **:data-[variant=destructive]:text-accent-foreground! **:data-[variant=destructive]:**:text-accent-foreground!',
+        'relative z-50 min-w-32 origin-(--radix-context-menu-content-transform-origin) animate-none! overflow-hidden rounded-sm border bg-popover/70 p-1 text-popover-foreground shadow-lg duration-100 before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit] before:backdrop-blur-2xl before:backdrop-saturate-150 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10 **:data-[slot$=-separator]:bg-foreground/5 **:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10! **:data-[variant=destructive]:**:text-accent-foreground! **:data-[variant=destructive]:text-accent-foreground! **:data-[variant=destructive]:focus:bg-foreground/10! data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',
         className
       )}
       {...props}

package/dist/assets/shared-assets/react-admin/ui/dialog.tsx

@@ -52,7 +52,7 @@ function DialogContent({
       <DialogPrimitive.Content
         data-slot="dialog-content"
         className={cn(
-          'fixed top-1/2 left-1/2 z-200 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-0 rounded-sm text-sm text-popover-foreground ring-1 ring-foreground/5 duration-100 outline-none sm:max-w-md data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:fade-out-0 data-closed:zoom-out-95 overflow-hidden bg-card',
+          'fixed top-1/2 left-1/2 z-200 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-0 overflow-hidden rounded-sm bg-card text-sm text-popover-foreground ring-1 ring-foreground/5 duration-100 outline-none sm:max-w-md data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:fade-out-0 data-closed:zoom-out-95',
           className
         )}
         {...props}
@@ -86,7 +86,7 @@ function DialogBody({ className, ...props }: React.ComponentProps<'div'>) {
     <div
       data-slot="dialog-body"
       className={cn(
-        'flex shadow-input flex-col gap-1 p-6 rounded-sm bg-card border border-border',
+        'flex flex-col gap-1 rounded-sm border border-border bg-card p-6 shadow-input',
         className
       )}
       {...props}
@@ -106,7 +106,7 @@ function DialogFooter({
     <div
       data-slot="dialog-footer"
       className={cn(
-        'flex flex-col-reverse gap-1 px-6 pt-2 items-center pb-3 bg-muted sm:flex-row sm:justify-between',
+        'flex flex-col-reverse items-center gap-1 bg-muted px-6 pt-2 pb-3 sm:flex-row sm:justify-between',
         className
       )}
       {...props}