betterstart-cli 0.0.96 → 0.0.98

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

@@ -1,5 +1,9 @@
 'use client'
 
+import * as React from 'react'
+import type { IconData } from './icons-data'
+import type { VirtualItem } from '@tanstack/react-virtual'
+import type { IconName } from 'lucide-react/dynamic'
 import { Button } from '@admin/components/ui/button'
 import { Input } from '@admin/components/ui/input'
 import { Popover, PopoverContent, PopoverTrigger } from '@admin/components/ui/popover'
@@ -10,14 +14,13 @@ import {
   TooltipTrigger
 } from '@admin/components/ui/tooltip'
 import { cn } from '@admin/utils/shared/cn'
-import { useVirtualizer, type VirtualItem } from '@tanstack/react-virtual'
+import { useVirtualizer } from '@tanstack/react-virtual'
 import Fuse from 'fuse.js'
-import { DynamicIcon, dynamicIconImports, type IconName } from 'lucide-react/dynamic'
-import * as React from 'react'
+import { DynamicIcon, dynamicIconImports } from 'lucide-react/dynamic'
 import { useCallback, useMemo, useState } from 'react'
 import { useDebounceValue } from 'usehooks-ts'
 import { IconsColumnSkeleton } from './icons-column-skeleton'
-import { type IconData, iconsData } from './icons-data'
+import { iconsData } from './icons-data'
 
 const DEFAULT_ICONS = iconsData.filter((icon: IconData) => {
   return icon.name in dynamicIconImports
@@ -26,8 +29,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 +263,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 +307,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 +363,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

@@ -1,9 +1,9 @@
 'use client'
 
+import type { AdminMedia } from '@admin/types'
 import { MediaGalleryDialog } from '@admin/components/shared/media/media-gallery-dialog'
 import { Button } from '@admin/components/ui/button'
 import { Card, CardContent } from '@admin/components/ui/card'
-import type { AdminMedia } from '@admin/types'
 import { cn } from '@admin/utils/shared/cn'
 import { ImageIcon } from 'lucide-react'
 
@@ -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

@@ -1,17 +1,17 @@
 'use client'
 
+import * as React from 'react'
+import type { AdminMedia } from '@admin/types'
 import { MediaGalleryDialog } from '@admin/components/shared/media/media-gallery-dialog'
 import { MediaPreview } from '@admin/components/shared/media/media-preview'
 import { Button } from '@admin/components/ui/button'
 import { Card, CardContent, CardFooter } from '@admin/components/ui/card'
 import { useCopyToClipboard } from '@admin/hooks/use-copy-to-clipboard'
 import { useMediaById } from '@admin/hooks/use-media'
-import type { AdminMedia } from '@admin/types'
 import { createAdminMediaFromUrl } from '@admin/utils/media/fallback'
 import { cn } from '@admin/utils/shared/cn'
 import { Check, Copy, Link2 } from 'lucide-react'
 import Link from 'next/link'
-import * as React from 'react'
 import { MediaFieldEmptyState } from './media-field-empty-state'
 
 type MediaFieldValueMode = 'id' | 'url'
@@ -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

@@ -1,5 +1,6 @@
 'use client'
 
+import * as React from 'react'
 import {
   Accordion,
   AccordionContent,
@@ -12,7 +13,6 @@ import { FormDescription, FormField, FormItem, FormLabel } from '@admin/componen
 import { cloneDefaultValue, createListItemKey } from '@admin/utils/form/list-field'
 import { cn } from '@admin/utils/shared/cn'
 import { Plus, X } from 'lucide-react'
-import * as React from 'react'
 import { useFormContext, useWatch } from 'react-hook-form'
 
 interface NestedObjectListFieldProps {
@@ -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

@@ -1,5 +1,5 @@
-import { cn } from '@admin/utils/shared/cn'
 import type * as React from 'react'
+import { cn } from '@admin/utils/shared/cn'
 
 interface PlaceholderCardProps {
   icon?: React.ReactNode
@@ -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

@@ -1,5 +1,5 @@
-import { cn } from '@admin/utils/shared/cn'
 import type * as React from 'react'
+import { cn } from '@admin/utils/shared/cn'
 
 type PlaceholderProps = {
   label: string
@@ -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

@@ -1,9 +1,9 @@
 'use client'
 
+import type * as React from 'react'
 import { usePageBoundaryBlurVisibility } from '@admin/hooks/use-page-boundary-blur-visibility'
 import { cn } from '@admin/utils/shared/cn'
 import { motion } from 'motion/react'
-import type * as React from 'react'
 
 type ProgressiveBlurProps = React.ComponentProps<typeof motion.div> & {
   backgroundColor?: string
@@ -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

@@ -1,10 +1,10 @@
+import type * as React from 'react'
 import { Button } from '@admin/components/ui/button'
 import { Card, CardContent, CardFooter } from '@admin/components/ui/card'
 import { Skeleton } from '@admin/components/ui/skeleton'
 import { useSortable } from '@dnd-kit/sortable'
 import { CSS } from '@dnd-kit/utilities'
 import { GripVertical } from 'lucide-react'
-import type * as React from 'react'
 
 export function SortableGalleryItem({
   id,
@@ -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

@@ -1,13 +1,13 @@
 'use client'
 
+import * as React from 'react'
+import type { UploadProgress } from '@admin/types'
 import { Button } from '@admin/components/ui/button'
 import { Card, CardContent } from '@admin/components/ui/card'
 import { Progress } from '@admin/components/ui/progress'
-import type { UploadProgress } from '@admin/types'
 import { cn } from '@admin/utils/shared/cn'
 import { parseDropzoneAccept } from '@admin/utils/upload/upload'
 import { GalleryVerticalEnd } from 'lucide-react'
-import * as React from 'react'
 import { useDropzone } from 'react-dropzone'
 
 export interface UploadDropzoneHandle {
@@ -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

@@ -1,16 +1,16 @@
 'use client'
 
+import type * as React from 'react'
 import { cn } from '@admin/utils/shared/cn'
 import { ChevronDownIcon, ChevronUpIcon } from 'lucide-react'
 import { Accordion as AccordionPrimitive } from 'radix-ui'
-import type * as React from 'react'
 
 function Accordion({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>) {
   return (
     <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

@@ -1,9 +1,9 @@
 'use client'
 
+import type * as React from 'react'
 import { Button } from '@admin/components/ui/button'
 import { cn } from '@admin/utils/shared/cn'
 import { AlertDialog as AlertDialogPrimitive } from 'radix-ui'
-import type * as React from 'react'
 
 function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {
   return <AlertDialogPrimitive.Root data-slot="alert-dialog" {...props} />
@@ -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/alert.tsx

@@ -1,6 +1,7 @@
-import { cn } from '@admin/utils/shared/cn'
-import { cva, type VariantProps } from 'class-variance-authority'
 import type * as React from 'react'
+import type { VariantProps } from 'class-variance-authority'
+import { cn } from '@admin/utils/shared/cn'
+import { cva } from 'class-variance-authority'
 
 const alertVariants = cva(
   "group/alert relative grid w-full gap-0.5 rounded-sm border px-4 py-3 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-foreground *:[svg:not([class*='size-'])]:size-4",

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

@@ -1,8 +1,8 @@
 'use client'
 
+import type * as React from 'react'
 import { cn } from '@admin/utils/shared/cn'
 import { Avatar as AvatarPrimitive } from 'radix-ui'
-import type * as React from 'react'
 
 function Avatar({
   className,

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

@@ -1,7 +1,8 @@
+import type * as React from 'react'
+import type { VariantProps } from 'class-variance-authority'
 import { cn } from '@admin/utils/shared/cn'
-import { cva, type VariantProps } from 'class-variance-authority'
+import { cva } from 'class-variance-authority'
 import { Slot } from 'radix-ui'
-import type * as React from 'react'
 
 const badgeVariants = cva(
   'group/badge inline-flex h-6 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-sm border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!',
@@ -10,7 +11,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/breadcrumb.tsx

@@ -1,7 +1,7 @@
+import type * as React from 'react'
 import { cn } from '@admin/utils/shared/cn'
 import { ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react'
 import { Slot } from 'radix-ui'
-import type * as React from 'react'
 
 function Breadcrumb({ className, ...props }: React.ComponentProps<'nav'>) {
   return <nav aria-label="breadcrumb" data-slot="breadcrumb" className={cn(className)} {...props} />

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

@@ -1,10 +1,11 @@
+import type { VariantProps } from 'class-variance-authority'
 import { Separator } from '@admin/components/ui/separator'
 import { cn } from '@admin/utils/shared/cn'
-import { cva, type VariantProps } from 'class-variance-authority'
+import { cva } 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

@@ -1,24 +1,25 @@
+import * as React from 'react'
+import type { VariantProps } from 'class-variance-authority'
 import { cn } from '@admin/utils/shared/cn'
-import { cva, type VariantProps } from 'class-variance-authority'
+import { cva } from 'class-variance-authority'
 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/calendar.tsx

@@ -1,10 +1,11 @@
 'use client'
 
+import * as React from 'react'
+import type { DayButton, Locale } from 'react-day-picker'
 import { Button, buttonVariants } from '@admin/components/ui/button'
 import { cn } from '@admin/utils/shared/cn'
 import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from 'lucide-react'
-import * as React from 'react'
-import { type DayButton, DayPicker, getDefaultClassNames, type Locale } from 'react-day-picker'
+import { DayPicker, getDefaultClassNames } from 'react-day-picker'
 
 function Calendar({
   className,

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

@@ -1,5 +1,5 @@
-import { cn } from '@admin/utils/shared/cn'
 import type * as React from 'react'
+import { cn } from '@admin/utils/shared/cn'
 
 function Card({
   className,
@@ -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/carousel.tsx

@@ -1,10 +1,11 @@
 'use client'
 
+import * as React from 'react'
+import type { UseEmblaCarouselType } from 'embla-carousel-react'
 import { Button } from '@admin/components/ui/button'
 import { cn } from '@admin/utils/shared/cn'
-import useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react'
+import useEmblaCarousel from 'embla-carousel-react'
 import { ChevronLeftIcon, ChevronRightIcon } from 'lucide-react'
-import * as React from 'react'
 
 type CarouselApi = UseEmblaCarouselType[1]
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>