betterstart-cli 0.0.95 → 0.0.97

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

@@ -27,8 +27,7 @@ type EditorButtonProps = React.ComponentProps<typeof Button> & {
 }
 
 export interface ColorHighlightButtonProps
-  extends Omit<EditorButtonProps, 'type'>,
-    Omit<UseColorHighlightConfig, 'hideWhenUnavailable'> {
+  extends Omit<EditorButtonProps, 'type'>, Omit<UseColorHighlightConfig, 'hideWhenUnavailable'> {
   availability?: ControlAvailability
   /**
    * Optional text to display alongside the icon.
@@ -52,7 +51,7 @@ export function HighlightSwatch({ highlightColor }: { highlightColor: string })
         'relative -mx-[0.175rem] size-5 rounded-sm transition-transform duration-200 ease-in-out',
         'bg-[var(--highlight-color)]',
         'shadow-[inset_0_0_0_1px_var(--highlight-shadow),_0_1px_2px_var(--highlight-shadow-soft)]',
-        "after:content-[''] after:absolute after:inset-0 after:box-border after:size-full after:rounded-sm after:border after:opacity-0 after:transition-opacity after:duration-200 after:ease-in-out",
+        "after:absolute after:inset-0 after:box-border after:size-full after:rounded-sm after:border after:opacity-0 after:transition-opacity after:duration-200 after:ease-in-out after:content-['']",
         'after:border-[var(--highlight-after-border)]',
         'group-data-[active-state=on]/highlight:scale-110',
         'group-data-[highlighted=true]/highlight:scale-110',

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

@@ -29,8 +29,10 @@ interface EditorColorHighlightPopoverContentProps extends ColorHighlightPopoverC
   onRemoveHighlight?: never
 }
 
-interface SourceColorHighlightPopoverContentProps
-  extends Omit<ColorHighlightPopoverContentBaseProps, 'editor'> {
+interface SourceColorHighlightPopoverContentProps extends Omit<
+  ColorHighlightPopoverContentBaseProps,
+  'editor'
+> {
   editor?: never
   mode: 'source'
   onHighlightColorSelect: (color: HighlightColor) => void

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

@@ -25,7 +25,8 @@ export type { SourceColorHighlightPopoverProps } from './source-color-highlight-
 export { SourceColorHighlightPopover } from './source-color-highlight-popover'
 
 export interface ColorHighlightPopoverProps
-  extends Omit<ColorHighlightPopoverButtonProps, 'type'>,
+  extends
+    Omit<ColorHighlightPopoverButtonProps, 'type'>,
     Pick<UseColorHighlightConfig, 'editor' | 'onApplied'> {
   availability?: ControlAvailability
   /**
@@ -91,7 +92,7 @@ export function ColorHighlightPopover({
       </PopoverTrigger>
       <PopoverContent
         aria-label="Highlight colors"
-        className="w-auto max-w-[calc(100vw-2rem)] gap-0 p-0 rounded-sm"
+        className="w-auto max-w-[calc(100vw-2rem)] gap-0 rounded-sm p-0"
       >
         <ColorHighlightPopoverContent
           editor={editor}

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

@@ -10,8 +10,10 @@ import {
 import { ColorHighlightPopoverContent } from './color-highlight-popover-content'
 import { DEFAULT_HIGHLIGHT_COLORS, type HighlightColor } from './highlight-colors'
 
-export interface SourceColorHighlightPopoverProps
-  extends Omit<ColorHighlightPopoverButtonProps, 'type'> {
+export interface SourceColorHighlightPopoverProps extends Omit<
+  ColorHighlightPopoverButtonProps,
+  'type'
+> {
   /**
    * Optional colors to use in the highlight popover.
    * If not provided, defaults to a predefined set of colors.
@@ -50,7 +52,7 @@ export function SourceColorHighlightPopover({
       </PopoverTrigger>
       <PopoverContent
         aria-label="Highlight colors"
-        className="w-auto max-w-[calc(100vw-2rem)] gap-0 p-0 rounded-sm"
+        className="w-auto max-w-[calc(100vw-2rem)] gap-0 rounded-sm p-0"
       >
         <ColorHighlightPopoverContent
           mode="source"

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 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">
+                <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 />