betterstart-cli 0.0.119 → 0.0.121

package/dist/assets/shared-assets/react-admin/custom/content-editor/index.tsx

@@ -83,7 +83,7 @@ export function ContentEditor({
               toolbarEnd={
                 <ModeToggleButton isSourceMode={isSourceMode} onClick={handleModeChange} />
               }
-              className="max-h-none min-h-0 flex-1 resize-none rounded-none border-0"
+              className="max-h-none min-h-0 flex-1 resize-none border-0"
             />
           ) : (
             <>

package/dist/assets/shared-assets/react-admin/custom/content-editor/math-bubble-menu.tsx

@@ -61,7 +61,7 @@ export function MathBubbleMenu({ editor }: { editor: Editor }) {
         role="toolbar"
         aria-label="Math formatting toolbar"
         className={cn(
-          'flex items-center gap-1 overflow-x-auto rounded-sm border border-border bg-popover p-0 text-popover-foreground shadow-menu [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
+          'flex items-center gap-1 overflow-x-auto rounded border border-border bg-popover p-0 text-popover-foreground shadow-menu [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
           'relative z-50'
         )}
       >

package/dist/assets/shared-assets/react-admin/custom/content-editor/math-editor-controls.tsx

@@ -70,7 +70,7 @@ export function MathEditorControls({
         onKeyDown={handleKeyDown}
         placeholder="Paste LaTeX..."
         disabled={disabled}
-        className="min-h-24 resize-y rounded-md text-sm"
+        className="min-h-24 resize-y rounded"
       />
 
       <div className="flex flex-wrap items-center gap-1">

package/dist/assets/shared-assets/react-admin/custom/content-editor/remove-table-part-icon.tsx

@@ -11,7 +11,7 @@ export function RemoveTablePartIcon({
   return (
     <span className="tiptap-button-icon relative inline-flex size-4 items-center justify-center">
       <Icon className="size-4" />
-      <MinusIcon className="absolute -right-1 -bottom-0.5 size-3 rounded-sm border border-border bg-card stroke-3" />
+      <MinusIcon className="absolute -right-1 -bottom-0.5 size-3 rounded border border-border bg-card stroke-3" />
     </span>
   )
 }

package/dist/assets/shared-assets/react-admin/custom/content-editor/selection-bubble-menu.tsx

@@ -72,7 +72,7 @@ export function SelectionBubbleMenu({ editor }: { editor: Editor }) {
           role="toolbar"
           aria-label="Link formatting toolbar"
           className={cn(
-            'flex items-center gap-1 overflow-x-auto rounded-sm border border-border bg-popover p-4 text-foreground shadow-2xl [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
+            'flex items-center gap-1 overflow-x-auto rounded border border-border bg-popover p-4 text-foreground shadow-2xl [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
             'relative z-50'
           )}
         >
@@ -101,7 +101,7 @@ export function SelectionBubbleMenu({ editor }: { editor: Editor }) {
           aria-label="Selection formatting toolbar"
           onPointerDownCapture={handleSelectionMenuPointerDown}
           className={cn(
-            'flex items-center gap-1 overflow-x-auto rounded-sm border border-border bg-popover p-1 text-popover-foreground shadow-menu [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
+            'flex items-center gap-1 overflow-x-auto rounded border border-border bg-popover p-1 text-popover-foreground shadow-menu [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
             'relative z-50'
           )}
         >

package/dist/assets/shared-assets/react-admin/custom/content-editor/slash-command-menu.tsx

@@ -174,14 +174,12 @@ export function SlashCommandMenu({
                   }
                 )}
               >
-                <span className="flex size-8 shrink-0 items-center justify-center rounded-sm border border-border bg-card shadow-input">
+                <span className="flex size-8 shrink-0 items-center justify-center rounded border border-border bg-card shadow-input">
                   <Icon />
                 </span>
                 <span className="flex w-full min-w-0 flex-col space-y-1">
                   <span className="leading-none font-medium">{command.title}</span>
-                  <span className="truncate text-xs text-muted-foreground">
-                    {command.description}
-                  </span>
+                  <span className="truncate text-muted-foreground">{command.description}</span>
                 </span>
               </ComboboxItem>
             )

package/dist/assets/shared-assets/react-admin/custom/content-editor/source-mode.tsx

@@ -120,7 +120,7 @@ export function SourceMode({
   return (
     <div
       className={cn(
-        'content-editor-wrapper relative flex max-h-[90vh] min-h-source-editor resize-y flex-col overflow-hidden rounded-md border bg-background',
+        'content-editor-wrapper relative flex max-h-[90vh] min-h-source-editor resize-y flex-col overflow-hidden rounded border bg-background',
         { 'opacity-50': disabled },
         className
       )}
@@ -332,7 +332,7 @@ export function SourceMode({
             highlightActiveLineGutter: false
           }}
           className={cn(
-            'flex min-h-0 flex-1 flex-col overflow-hidden font-mono text-sm leading-6 font-normal [&_.cm-content]:!bg-transparent [&_.cm-editor]:!bg-input [&_.cm-gutters]:!bg-input [&_.cm-scroller]:!bg-input',
+            'flex min-h-0 flex-1 flex-col overflow-hidden font-mono leading-6 font-normal [&_.cm-content]:!bg-transparent [&_.cm-editor]:!bg-input [&_.cm-gutters]:!bg-input [&_.cm-scroller]:!bg-input',
             {
               'cursor-not-allowed opacity-50': disabled
             }

package/dist/assets/shared-assets/react-admin/custom/content-editor/table-add-controls.tsx

@@ -16,27 +16,27 @@ export function TableAddControls({ controls }: TableAddControlsProps) {
     <div className="not-prose contents" contentEditable={false}>
       <Button
         aria-label="Add table column"
-        className="group absolute top-0 right-0 bottom-6 z-[1] inline-flex h-auto w-4 shrink-0 cursor-pointer items-center justify-center rounded-none border border-border bg-muted/80 p-0 whitespace-nowrap transition-colors outline-none select-none hover:bg-muted focus-visible:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50"
+        className="group absolute top-0 right-0 bottom-6 z-[1] inline-flex h-auto w-4 shrink-0 cursor-pointer items-center justify-center border border-border bg-muted/80 p-0 whitespace-nowrap transition-colors outline-none select-none hover:bg-muted focus-visible:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50"
         onClick={controls.addColumn}
         onPointerDown={(event) => event.preventDefault()}
         title="Add table column"
         type="button"
         variant="outline"
       >
-        <span className="pointer-events-none inline-flex size-6 shrink-0 items-center justify-center rounded-md border border-border bg-input text-foreground transition-colors group-hover:bg-secondary group-focus-visible:bg-secondary">
+        <span className="pointer-events-none inline-flex size-6 shrink-0 items-center justify-center rounded border border-border bg-input text-foreground transition-colors group-hover:bg-secondary group-focus-visible:bg-secondary">
           <PlusIcon aria-hidden="true" />
         </span>
       </Button>
       <Button
         aria-label="Add table row"
-        className="group absolute right-6 bottom-0 left-0 z-[1] inline-flex h-4 w-auto shrink-0 cursor-pointer items-center justify-center rounded-none border border-border bg-muted/80 p-0 whitespace-nowrap transition-colors outline-none select-none hover:bg-muted focus-visible:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50"
+        className="group absolute right-6 bottom-0 left-0 z-[1] inline-flex h-4 w-auto shrink-0 cursor-pointer items-center justify-center border border-border bg-muted/80 p-0 whitespace-nowrap transition-colors outline-none select-none hover:bg-muted focus-visible:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50"
         onClick={controls.addRow}
         onPointerDown={(event) => event.preventDefault()}
         title="Add table row"
         type="button"
         variant="outline"
       >
-        <span className="pointer-events-none inline-flex size-6 shrink-0 items-center justify-center rounded-md border border-border bg-input text-foreground transition-colors group-hover:bg-secondary group-focus-visible:bg-secondary">
+        <span className="pointer-events-none inline-flex size-6 shrink-0 items-center justify-center rounded border border-border bg-input text-foreground transition-colors group-hover:bg-secondary group-focus-visible:bg-secondary">
           <PlusIcon aria-hidden="true" />
         </span>
       </Button>

package/dist/assets/shared-assets/react-admin/custom/content-editor/table-bubble-menu.tsx

@@ -198,7 +198,7 @@ export function TableBubbleMenu({ editor }: { editor: Editor }) {
           role="toolbar"
           aria-label="Table formatting toolbar"
           className={cn(
-            'flex items-center gap-1 overflow-x-auto rounded-sm border border-border bg-popover p-1 text-popover-foreground shadow-menu [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
+            'flex items-center gap-1 overflow-x-auto rounded border border-border bg-popover p-1 text-popover-foreground shadow-menu [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
             'relative z-50'
           )}
         >

package/dist/assets/shared-assets/react-admin/custom/content-editor/tiptap-node/removable-image-node/removable-image-node.tsx

@@ -94,7 +94,7 @@ export const RemovableImageNode: React.FC<NodeViewProps> = (props) => {
 
   return (
     <NodeViewWrapper
-      className="not-prose relative my-4 block max-w-full rounded-md"
+      className="not-prose relative my-4 block max-w-full rounded"
       contentEditable={false}
       data-content-editor-image-node=""
       onMouseEnter={() => setIsControlsVisible(true)}
@@ -111,7 +111,7 @@ export const RemovableImageNode: React.FC<NodeViewProps> = (props) => {
       style={{ width: width ? `${width}px` : '100%' }}
     >
       <div
-        className="relative max-w-full overflow-hidden rounded-md bg-muted/20"
+        className="relative max-w-full overflow-hidden rounded bg-muted/20"
         style={{ aspectRatio }}
       >
         {src && (
@@ -130,7 +130,7 @@ export const RemovableImageNode: React.FC<NodeViewProps> = (props) => {
           <div
             data-content-editor-image-controls-overlay=""
             className={cn(
-              'pointer-events-none absolute inset-0 flex items-center justify-center gap-1 rounded-md bg-black/10 backdrop-blur-xs transition-opacity duration-200 ease-out',
+              'pointer-events-none absolute inset-0 flex items-center justify-center gap-1 rounded bg-black/10 backdrop-blur-xs transition-opacity duration-200 ease-out',
               {
                 'opacity-100': isControlsVisible,
                 'opacity-0': !isControlsVisible

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

@@ -7,10 +7,10 @@ function HighlightSwatch({ highlightColor }: { highlightColor: string }) {
   return (
     <span
       className={cn(
-        'relative -mx-[0.175rem] size-5 rounded-sm transition-transform duration-200 ease-in-out',
+        'relative -mx-[0.175rem] size-5 rounded 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: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:absolute after:inset-0 after:box-border after:size-full after:rounded 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

@@ -114,7 +114,7 @@ export function ColorHighlightPopoverContent(props: ColorHighlightPopoverContent
         role="menuitem"
         variant="ghost"
         size="icon-sm"
-        className="rounded-sm"
+        className="rounded"
         data-highlighted={selectedIndex === colors.length}
         disabled={disabled}
         data-disabled={disabled}

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

@@ -88,7 +88,7 @@ export function ColorHighlightPopover({
       </PopoverTrigger>
       <PopoverContent
         aria-label="Highlight colors"
-        className="w-auto max-w-[calc(100vw-2rem)] gap-0 rounded-sm p-0"
+        className="w-auto max-w-[calc(100vw-2rem)] gap-0 rounded p-0"
       >
         <ColorHighlightPopoverContent
           editor={editor}

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

@@ -38,7 +38,7 @@ export function HighlightColorButton({
         useColorValue={useColorValue}
         style={buttonStyle}
         size="icon-sm"
-        className="rounded-sm"
+        className="rounded"
       />
     )
   }
@@ -48,7 +48,7 @@ export function HighlightColorButton({
       type="button"
       variant="ghost"
       size="icon-sm"
-      className={cn('group/highlight rounded-sm')}
+      className={cn('group/highlight rounded')}
       disabled={disabled}
       data-disabled={disabled}
       aria-label={`${color.label} highlight color`}

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

@@ -49,7 +49,7 @@ export function SourceColorHighlightPopover({
       </PopoverTrigger>
       <PopoverContent
         aria-label="Highlight colors"
-        className="w-auto max-w-[calc(100vw-2rem)] gap-0 rounded-sm p-0"
+        className="w-auto max-w-[calc(100vw-2rem)] gap-0 rounded p-0"
       >
         <ColorHighlightPopoverContent
           mode="source"

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

@@ -144,7 +144,7 @@ export function DateRangePicker({
         <ChevronDown />
       </PopoverTrigger>
       <PopoverContent
-        className="w-date-range-popover gap-0 overflow-hidden rounded-sm p-0"
+        className="w-date-range-popover gap-0 overflow-hidden rounded p-0"
         align="start"
       >
         <Calendar
@@ -162,16 +162,15 @@ export function DateRangePicker({
             month: 'flex w-full flex-col gap-2',
             nav: 'absolute right-0 top-0 flex items-center gap-1',
             month_caption: 'flex h-8 items-center justify-start pr-18',
-            caption_label: 'text-sm font-semibold text-foreground',
+            caption_label: 'font-semibold text-foreground',
             weekdays: 'flex',
-            weekday:
-              'flex-1 text-center text-xs font-normal leading-8 text-muted-foreground select-none',
+            weekday: 'flex-1 text-center font-normal leading-8 text-muted-foreground select-none',
             week: 'mt-1 flex w-full'
           }}
         />
         <div className="flex flex-col gap-2 border-t p-3">
           <div className="flex flex-col gap-1">
-            <label className="text-sm text-muted-foreground" htmlFor="date-range-start-date">
+            <label className="text-muted-foreground" htmlFor="date-range-start-date">
               Start
             </label>
             <div className="grid grid-cols-[1fr_96px] gap-2">
@@ -180,19 +179,19 @@ export function DateRangePicker({
                 value={fromInput}
                 onChange={(event) => handleDateInputChange('from', event.target.value)}
                 placeholder="Apr 10, 2026"
-                className="h-8 rounded-md px-3 text-sm"
+                className="h-8 rounded px-3"
               />
               <Input
                 type="time"
                 value={fromTime}
                 onChange={(event) => setFromTime(event.target.value)}
                 aria-label="Start time"
-                className="h-8 rounded-md px-3 text-sm tabular-nums"
+                className="h-8 rounded px-3 tabular-nums"
               />
             </div>
           </div>
           <div className="flex flex-col gap-1">
-            <label className="text-sm text-muted-foreground" htmlFor="date-range-end-date">
+            <label className="text-muted-foreground" htmlFor="date-range-end-date">
               End
             </label>
             <div className="grid grid-cols-[1fr_96px] gap-2">
@@ -201,14 +200,14 @@ export function DateRangePicker({
                 value={toInput}
                 onChange={(event) => handleDateInputChange('to', event.target.value)}
                 placeholder="Apr 30, 2026"
-                className="h-8 rounded-md px-3 text-sm"
+                className="h-8 rounded px-3"
               />
               <Input
                 type="time"
                 value={toTime}
                 onChange={(event) => setToTime(event.target.value)}
                 aria-label="End time"
-                className="h-8 rounded-md px-3 text-sm tabular-nums"
+                className="h-8 rounded px-3 tabular-nums"
               />
             </div>
           </div>

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

@@ -76,7 +76,7 @@ export function DynamicListField({
       </div>
 
       {fields.length === 0 && (
-        <div className="text-sm text-muted-foreground">
+        <div className="text-muted-foreground">
           No items added yet. Click "Add {label}" to get started.
         </div>
       )}
@@ -114,7 +114,7 @@ export function DynamicListField({
       </div>
 
       {maxItems && (
-        <div className="text-xs text-muted-foreground">
+        <div className="text-muted-foreground">
           {fields.length} / {maxItems} items
         </div>
       )}

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

@@ -192,9 +192,9 @@ export function GalleryField({
                   <CarouselItem className="basis-gallery-item pl-3">
                     <Card className="h-full" onClick={() => setOpen(true)}>
                       <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">
+                        <div className="flex aspect-square size-full flex-col items-center justify-center gap-1 overflow-hidden rounded 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>
+                          <span>Add Images</span>
                         </div>
                       </CardContent>
                       <CardFooter>
@@ -224,7 +224,7 @@ export function GalleryField({
                           ) : (
                             <Card>
                               <CardContent className="flex flex-col p-2">
-                                <div className="flex aspect-square size-full overflow-hidden rounded-sm border border-border bg-background">
+                                <div className="flex aspect-square size-full overflow-hidden rounded border border-border bg-background">
                                   <Skeleton className="size-full" />
                                 </div>
                               </CardContent>
@@ -258,7 +258,7 @@ export function GalleryField({
                 ) : (
                   <Card>
                     <CardContent className="flex flex-col p-2">
-                      <div className="flex aspect-square size-full overflow-hidden rounded-sm border border-border bg-background">
+                      <div className="flex aspect-square size-full overflow-hidden rounded border border-border bg-background">
                         <Skeleton className="size-full" />
                       </div>
                     </CardContent>

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

@@ -244,7 +244,6 @@ const IconPicker = React.forwardRef<React.ComponentRef<typeof PopoverTrigger>, I
         <Button
           key={category.name}
           variant={'outline'}
-          className="text-xs"
           onClick={(e) => {
             e.stopPropagation()
             scrollToCategory(category.name)
@@ -261,7 +260,7 @@ const IconPicker = React.forwardRef<React.ComponentRef<typeof PopoverTrigger>, I
           <Tooltip>
             <TooltipTrigger
               className={cn(
-                'rounded-md border p-2 transition hover:bg-foreground/10',
+                'rounded border p-2 transition hover:bg-foreground/10',
                 'flex items-center justify-center'
               )}
               onClick={() => handleIconClick(icon.name as IconName)}
@@ -306,7 +305,7 @@ const IconPicker = React.forwardRef<React.ComponentRef<typeof PopoverTrigger>, I
             if (item.type === 'category') {
               return (
                 <div key={virtualItem.key} style={itemStyle} className="z-10 bg-background">
-                  <h3 className="text-sm font-medium capitalize">
+                  <h3 className="font-medium capitalize">
                     {categorizedIcons[item.categoryIndex].name}
                   </h3>
                   <div className="h-[1px] w-full bg-foreground/10" />

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

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

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

@@ -85,7 +85,7 @@ export function MediaField({
           <CardContent className="relative p-0!">
             <div
               data-media-field-preview
-              className="relative aspect-video overflow-hidden rounded-sm bg-background"
+              className="relative aspect-video overflow-hidden rounded bg-background"
             >
               <MediaPreview media={selectedMedia} showMetadata={Boolean(media)} />
             </div>
@@ -94,7 +94,7 @@ export function MediaField({
               <>
                 <div
                   aria-hidden="true"
-                  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"
+                  className="pointer-events-none absolute inset-0 rounded 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-focus-within:opacity-100 group-hover:opacity-100">
                   <Button
@@ -147,7 +147,7 @@ export function MediaField({
                   </Button>
                 </div>
               ) : (
-                <span className="w-full truncate text-sm text-muted-foreground">
+                <span className="w-full truncate text-muted-foreground">
                   {selectedMedia.filename}
                 </span>
               )}

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

@@ -198,7 +198,7 @@ export function NestedObjectListField({
                       <X />
                     </Button>
                   </div>
-                  <AccordionContent className="mb-4 space-y-5 rounded-sm border border-border bg-background p-5">
+                  <AccordionContent className="mb-4 space-y-5 rounded border border-border bg-background p-5">
                     {children(index)}
                   </AccordionContent>
                 </AccordionItem>

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

@@ -19,14 +19,14 @@ export function PlaceholderCard({
   return (
     <div
       className={cn(
-        'flex h-75 flex-col items-center justify-center gap-5 rounded-sm border border-dashed border-border bg-background',
+        'flex h-75 flex-col items-center justify-center gap-5 rounded border border-dashed border-border bg-background',
         className
       )}
     >
       {icon}
       <div className="space-y-2 text-center">
         <p className="font-medium">{title}</p>
-        {description && <p className="text-sm text-muted-foreground">{description}</p>}
+        {description && <p className="text-muted-foreground">{description}</p>}
       </div>
       {action}
     </div>

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

@@ -12,13 +12,13 @@ export function Placeholder({ label, description, action, className, ...props }:
   return (
     <div
       className={cn(
-        'flex flex-col items-center gap-2 rounded-sm border border-dashed border-border bg-background p-8',
+        'flex flex-col items-center gap-2 rounded border border-dashed border-border bg-background p-8',
         className
       )}
       {...props}
     >
-      <h4 className="text-sm font-medium">{label}</h4>
-      <p className="text-sm text-muted-foreground">{description}</p>
+      <h4 className="font-medium">{label}</h4>
+      <p className="text-muted-foreground">{description}</p>
       <div className="flex pt-4">{action}</div>
     </div>
   )

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

@@ -38,7 +38,7 @@ export function SortableGalleryItem({
       >
         <Card className="h-full">
           <CardContent className="flex flex-col p-2">
-            <div className="flex aspect-square size-full overflow-hidden rounded-sm border border-border bg-background">
+            <div className="flex aspect-square size-full overflow-hidden rounded border border-border bg-background">
               <Skeleton className="size-full" />
             </div>
           </CardContent>

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

@@ -82,9 +82,9 @@ export function UploadDropzone({
             data-slot="upload-dropzone-progress"
             className="flex h-full w-full flex-col items-center justify-center gap-3 text-center"
           >
-            <p className="text-sm font-medium">Uploading files…</p>
+            <p className="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>
+            <p className="text-muted-foreground">{progressPercent}% complete</p>
           </div>
         ) : (
           <div
@@ -95,9 +95,7 @@ export function UploadDropzone({
               <GalleryVerticalEnd />
               Add files
             </Button>
-            <p className="text-sm text-muted-foreground">
-              Drag & drop images, videos, or documents here
-            </p>
+            <p className="text-muted-foreground">Drag & drop images, videos, or documents here</p>
           </div>
         )}
         <input {...getInputProps({ className: 'hidden' })} />

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

@@ -6,7 +6,7 @@ function Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {
   return (
     <AccordionPrimitive.Root
       data-slot="accordion"
-      className={cn('flex w-full flex-col overflow-hidden rounded-2xl border', className)}
+      className={cn('flex w-full flex-col overflow-hidden rounded border', className)}
       {...props}
     />
   )
@@ -28,7 +28,7 @@ function AccordionTrigger({ className, children, ...props }: AccordionPrimitive.
       <AccordionPrimitive.Trigger
         data-slot="accordion-trigger"
         className={cn(
-          'group/accordion-trigger relative flex flex-1 items-start justify-between gap-6 border border-transparent p-4 text-left text-sm font-medium transition-all outline-none hover:underline aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground',
+          'group/accordion-trigger relative flex flex-1 items-start justify-between gap-6 border border-transparent p-4 text-left font-medium transition-all outline-none hover:underline aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground',
           className
         )}
         {...props}
@@ -51,7 +51,7 @@ function AccordionContent({ className, children, ...props }: AccordionPrimitive.
   return (
     <AccordionPrimitive.Panel
       data-slot="accordion-content"
-      className="overflow-hidden px-4 text-sm data-open:animate-accordion-down data-closed:animate-accordion-up"
+      className="overflow-hidden px-4 data-open:animate-accordion-down data-closed:animate-accordion-up"
       {...props}
     >
       <div

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

@@ -44,7 +44,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-4xl bg-popover p-6 text-popover-foreground ring-1 ring-foreground/5 duration-100 outline-none data-[size=default]:max-w-md data-[size=sm]:max-w-xs 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',
+          '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 bg-popover p-6 text-popover-foreground ring-1 ring-foreground/5 duration-100 outline-none data-[size=default]:max-w-md data-[size=sm]:max-w-xs 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}
@@ -94,7 +94,7 @@ function AlertDialogMedia({ className, ...props }: React.ComponentProps<'div'>)
     <div
       data-slot="alert-dialog-media"
       className={cn(
-        "mb-2 inline-flex size-16 items-center justify-center rounded-full bg-muted group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-8",
+        "mb-2 inline-flex size-16 items-center justify-center rounded bg-muted group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-8",
         className
       )}
       {...props}
@@ -110,7 +110,7 @@ function AlertDialogTitle({
     <AlertDialogPrimitive.Title
       data-slot="alert-dialog-title"
       className={cn(
-        'cn-font-heading text-lg font-medium group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2',
+        'cn-font-heading font-medium group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2',
         className
       )}
       {...props}
@@ -126,7 +126,7 @@ function AlertDialogDescription({
     <AlertDialogPrimitive.Description
       data-slot="alert-dialog-description"
       className={cn(
-        'text-sm text-pretty text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground',
+        'text-pretty text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground',
         className
       )}
       {...props}

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

@@ -4,7 +4,7 @@ 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-lg 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-current *:[svg:not([class*='size-'])]:size-4",
+  "group/alert relative grid w-full gap-0.5 rounded border px-4 py-3 text-left 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-current *:[svg:not([class*='size-'])]:size-4",
   {
     variants: {
       variant: {
@@ -52,7 +52,7 @@ function AlertDescription({ className, ...props }: React.ComponentProps<'div'>)
     <div
       data-slot="alert-description"
       className={cn(
-        'text-sm text-pretty text-muted-foreground [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4',
+        'text-pretty text-muted-foreground [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4',
         className
       )}
       {...props}