betterstart-cli 0.0.122 → 0.0.123

package/dist/assets/adapters/next/templates/init/admin-globals.css

@@ -7,9 +7,10 @@
 
 @theme inline {
   --color-background: var(--background);
+  --color-background-light: var(--background-light);
   --color-foreground: var(--foreground);
-  --font-sans: var(--font-sans);
-  --font-mono: var(--font-geist-mono), ui-monospace, SFMono-Regular, monospace;
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
   --color-sidebar-ring: var(--sidebar-ring);
   --color-sidebar-border: var(--sidebar-border);
   --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
@@ -48,6 +49,7 @@
   --text-*: initial;
   --radius-*: initial;
   --radius: 6px;
+  --radius-lg: calc(var(--radius) + 2px);
   --font-heading: var(--font-sans);
   --shadow-sm: var(--shadow-small);
   --shadow-md: var(--shadow-medium);
@@ -194,8 +196,9 @@
   --ds-pink-1000: lab(12.9204% 31.3916 -0.183001);
 
   --background: var(--ds-background-200);
+  --background-light: var(--ds-background-100);
   --foreground: var(--ds-gray-1000);
-  --card: var(--ds-background-100);
+  --card: var(--color-white);
   --card-foreground: var(--ds-gray-1000);
   --popover: var(--ds-background-100);
   --popover-foreground: var(--ds-gray-1000);
@@ -204,7 +207,7 @@
   --secondary: var(--ds-gray-200);
   --secondary-foreground: var(--ds-gray-1000);
   --muted: var(--ds-gray-100);
-  --muted-foreground: var(--ds-gray-900);
+  --muted-foreground: var(--ds-gray-800);
   --placeholder: var(--ds-gray-700);
   --accent: var(--ds-gray-100);
   --accent-foreground: var(--ds-gray-1000);
@@ -214,7 +217,7 @@
   --warning-foreground: var(--ds-amber-900);
   --border: var(--ds-gray-400);
   --highlight: var(--ds-gray-600);
-  --input: var(--ds-gray-400);
+  --input: var(--color-white);
   --ring: var(--ds-gray-600);
   --chart-1: var(--ds-blue-700);
   --chart-2: var(--ds-purple-700);
@@ -298,22 +301,11 @@
     line-height: 20px;
   }
 
-  .admin-root {
-    font-family: var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;
-  }
-
   .admin-root .tiptap-button-icon,
   .admin-root .tiptap-button-icon-sub {
     @apply text-foreground;
   }
 
-  .admin-root code,
-  .admin-root pre,
-  .admin-root kbd {
-    font-family:
-      var(--font-geist-mono), ui-monospace, SFMono-Regular, monospace;
-  }
-
   html {
     @apply font-sans;
   }

package/dist/assets/adapters/next/templates/init/components/shared/dev-mode/copyable-code-block.tsx

@@ -32,10 +32,10 @@ export function CopyableCodeBlock({ label, code, language, tabs }: CopyableCodeB
   const hasTabs = codeTabs.length > 1
 
   return (
-    <Card className="flex w-full flex-col gap-0 p-0">
+    <Card className="flex h-full w-full flex-col gap-0 p-0">
       {hasTabs ? (
         <Tabs value={activeTab.id} onValueChange={setActiveTabId} className="min-h-0 flex-1 gap-0">
-          <CardHeader className="flex items-center justify-between gap-2 border-b border-border bg-background pt-[5px]! pr-1 pb-2! pl-3.5!">
+          <CardHeader className="flex items-center justify-between gap-2 py-1!">
             <div className="flex min-w-0 flex-1 items-center gap-2">
               <span className="min-w-0 truncate font-medium text-muted-foreground">{label}</span>
               <TabsList className="h-fit! shrink-0">
@@ -61,7 +61,7 @@ export function CopyableCodeBlock({ label, code, language, tabs }: CopyableCodeB
 
           {codeTabs.map((tab) => (
             <TabsContent key={tab.id} value={tab.id} className="min-h-0 overflow-auto">
-              <CardContent className="h-full overflow-auto p-0">
+              <CardContent className="h-full overflow-auto border-t p-0">
                 <React.Suspense fallback={<PlainCodeFallback code={tab.code} />}>
                   <LazyCodeMirror code={tab.code} language={tab.language} />
                 </React.Suspense>
@@ -71,7 +71,7 @@ export function CopyableCodeBlock({ label, code, language, tabs }: CopyableCodeB
         </Tabs>
       ) : (
         <>
-          <CardHeader className="flex items-center justify-between gap-2 border-b border-border bg-background pt-[5px]! pr-1 pb-2! pl-3.5!">
+          <CardHeader className="flex items-center justify-between gap-2 py-1!">
             <span className="min-w-0 truncate font-medium text-muted-foreground">{label}</span>
             <Button
               type="button"
@@ -85,7 +85,7 @@ export function CopyableCodeBlock({ label, code, language, tabs }: CopyableCodeB
               {isCopied ? <Check /> : <Copy />}
             </Button>
           </CardHeader>
-          <CardContent className="overflow-auto p-0">
+          <CardContent className="h-full overflow-auto border-t p-0">
             <React.Suspense fallback={<PlainCodeFallback code={code} />}>
               <LazyCodeMirror code={code} language={language} />
             </React.Suspense>

package/dist/assets/adapters/next/templates/init/components/shared/dev-mode/dev-mode-code-mirror.tsx

@@ -35,8 +35,7 @@ const compactCodeTheme = EditorView.theme({
     padding: '0 16px'
   },
   '.cm-scroller': {
-    fontFamily:
-      'ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace'
+    fontFamily: 'var(--font-geist-mono)'
   }
 })
 

package/dist/assets/adapters/next/templates/init/components/shared/dev-mode-integrate.tsx

@@ -60,7 +60,7 @@ export function DevModeIntegrateButton({
         </DrawerHeader>
 
         {loadedIntegration ? (
-          <Tabs defaultValue="snippets" className="min-h-0 flex-1 gap-4 overflow-hidden px-6 pb-4">
+          <Tabs defaultValue="snippets" className="min-h-0 flex-1 gap-2 overflow-hidden px-6 pb-4">
             <TabsList className="w-full">
               <TabsTrigger value="snippets">Snippets</TabsTrigger>
               <TabsTrigger value="lifecycle-hooks">Lifecycle Hooks</TabsTrigger>

package/dist/assets/adapters/next/templates/init/components/shared/entity-filters-bar.tsx

@@ -64,7 +64,7 @@ export function EntityFiltersBar({
   return (
     <div
       className={cn(
-        'sticky top-14 z-10 flex h-16 flex-row items-center justify-between gap-1 overflow-x-clip bg-background px-4 transition-shadow',
+        'sticky top-14 z-10 mt-6 mb-3 flex flex-row items-center justify-between gap-1 overflow-x-clip bg-background px-6 transition-shadow',
         {
           'shadow-modal/3': hasScrolled
         }

package/dist/assets/adapters/next/templates/init/components/shared/entity-versions/entity-versions-drawer.tsx

@@ -43,7 +43,7 @@ export function EntityVersionsDrawer({
 }: EntityVersionsDrawerProps) {
   return (
     <Drawer swipeDirection="right" open={open} onOpenChange={onOpenChange} modal>
-      <DrawerContent className="h-full max-w-lg">
+      <DrawerContent className="w-full data-[swipe-direction=right]:max-w-lg">
         <DrawerHeader>
           <DrawerTitle>Versions</DrawerTitle>
           <DrawerDescription>

package/dist/assets/adapters/next/templates/init/components/shared/media/edit-media-dialog-content.tsx

@@ -91,7 +91,7 @@ export function EditMediaDialogContent({
   }
 
   return (
-    <DrawerContent className="h-full w-full overflow-hidden">
+    <DrawerContent className="w-full overflow-hidden">
       <div
         ref={handleDrawerContainerRef}
         className="pointer-events-none absolute inset-3 z-20 overflow-hidden rounded"

package/dist/assets/adapters/next/templates/init/components/shared/media/media-filters-bar.tsx

@@ -48,7 +48,7 @@ export function MediaFiltersBar({
   return (
     <div
       className={cn(
-        'sticky top-14 z-9 flex h-16 flex-row items-center justify-between gap-1 overflow-clip bg-background px-4 transition-shadow',
+        'sticky top-14 z-9 mt-6 mb-3 flex flex-row items-center justify-between gap-1 overflow-clip bg-background px-6 transition-shadow',
         {
           'shadow-modal/3': hasScrolled
         }

package/dist/assets/adapters/next/templates/init/components/shared/page-header.tsx

@@ -23,7 +23,7 @@ export function PageHeader({
 
   return (
     <>
-      <header className="fixed top-0 right-0 left-(--admin-shell-content-left) z-200 grid h-14 grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center border-t border-b border-border/80 bg-sidebar px-4 transition-[left] duration-200 ease-linear">
+      <header className="fixed top-0 right-0 left-(--admin-shell-content-left) z-30 grid h-14 grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center border-t border-b border-border/80 bg-sidebar px-4 transition-[left] duration-200 ease-linear">
         <div className="flex w-full items-center justify-start gap-2">
           {hasBackButton && (
             <Button variant="ghost" size="icon" onClick={() => router.back()}>

package/dist/assets/adapters/next/templates/init/components/shared/sort-order-dialog.tsx

@@ -192,7 +192,7 @@ export function SortOrderDialog({
         onOpenChange={onOpenChange}
         onOpenChangeComplete={handleDrawerAnimationEnd}
       >
-        <DrawerContent className="h-full w-full overflow-hidden">
+        <DrawerContent className="w-full overflow-hidden data-[swipe-direction=right]:max-w-md">
           <div className="relative z-10 flex min-h-0 flex-1 flex-col gap-3 overflow-hidden">
             <DrawerHeader>
               <DrawerTitle>{title}</DrawerTitle>

package/dist/assets/adapters/next/templates/init/hooks/content-editor/use-content-editor-source-mode.tsx

@@ -39,7 +39,7 @@ import { githubLightInit } from '@uiw/codemirror-theme-github'
 import { NuqsAdapter } from 'nuqs/adapters/react'
 import { createRoot } from 'react-dom/client'
 
-const ADMIN_MONO_FONT_FAMILY = 'var(--font-geist-mono), ui-monospace, SFMono-Regular, monospace'
+const ADMIN_MONO_FONT_FAMILY = 'var(--font-geist-mono)'
 const editorTheme = githubLightInit({ settings: { fontFamily: ADMIN_MONO_FONT_FAMILY } })
 
 type MarkdownMediaGalleryWidgetProps = {

package/dist/assets/adapters/next/templates/init/pages/media/media-page-content.tsx

@@ -206,7 +206,7 @@ export function MediaPageContent() {
         }
       />
 
-      <main className="flex-1 space-y-3 px-4 pb-4">
+      <main className="flex-1 space-y-3 px-6 pb-6">
         <div className="flex w-full flex-col gap-4 pt-px">
           {activeTab === 'url' ? (
             <MediaUrlImporter

package/dist/assets/adapters/next/templates/init/pages/settings/audit-log/audit-log-detail-drawer.tsx

@@ -37,7 +37,7 @@ function formatMetadata(metadata: Record<string, unknown> | null): string {
 export function AuditLogDetailDrawer({ auditLog, open, onOpenChange }: AuditLogDetailDrawerProps) {
   return (
     <Drawer swipeDirection="right" open={open} onOpenChange={onOpenChange} modal>
-      <DrawerContent className="h-full max-w-xl">
+      <DrawerContent className="w-full data-[swipe-direction=right]:max-w-xl">
         <DrawerHeader>
           <DrawerTitle>Audit Event</DrawerTitle>
           <DrawerDescription>

package/dist/assets/adapters/next/templates/init/pages/settings/forms/form-notifications-drawer.tsx

@@ -83,7 +83,7 @@ export function FormNotificationsDrawer({
 
   return (
     <Drawer swipeDirection="right" open={open} onOpenChange={onOpenChange} modal>
-      <DrawerContent className="h-full max-w-xl">
+      <DrawerContent className="w-full data-[swipe-direction=right]:max-w-xl">
         <Form {...form}>
           <form
             autoComplete="off"

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

@@ -16,7 +16,7 @@ function AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {
   return (
     <AccordionPrimitive.Item
       data-slot="accordion-item"
-      className={cn('not-last:border-b data-open:bg-muted/50', className)}
+      className={cn('not-last:border-b data-open:bg-background-light', className)}
       {...props}
     />
   )

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

@@ -10,7 +10,7 @@ const buttonVariants = cva(
       variant: {
         default: 'bg-primary text-primary-foreground hover:bg-primary/80',
         outline:
-          'border-border bg-input/30 hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground',
+          'border-border bg-input hover:border-foreground/10 hover:bg-accent hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground',
         secondary:
           'bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground',
         ghost:

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

@@ -11,7 +11,7 @@ function Card({
       data-slot="card"
       data-size={size}
       className={cn(
-        'group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded bg-card py-(--card-spacing) text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(6)] has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(4)] *:[img:first-child]:rounded-t *:[img:last-child]:rounded-b',
+        'group/card flex flex-col overflow-clip rounded-lg border bg-accent text-card-foreground has-[>img:first-child]:pt-0 *:[img:first-child]:rounded-t-lg *:[img:last-child]:rounded-b',
         className
       )}
       {...props}
@@ -24,7 +24,7 @@ function CardHeader({ className, ...props }: React.ComponentProps<'div'>) {
     <div
       data-slot="card-header"
       className={cn(
-        'group/card-header grid auto-rows-min items-start gap-2 rounded-t px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)',
+        'group/card-header grid auto-rows-min items-start gap-2 rounded-t-lg bg-accent px-5 py-2 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]',
         className
       )}
       {...props}
@@ -64,7 +64,14 @@ function CardAction({ className, ...props }: React.ComponentProps<'div'>) {
 
 function CardContent({ className, ...props }: React.ComponentProps<'div'>) {
   return (
-    <div data-slot="card-content" className={cn('px-(--card-spacing)', className)} {...props} />
+    <div
+      data-slot="card-content"
+      className={cn(
+        'overflow-clip rounded-t-lg bg-card px-5 py-5 [[data-slot=card-header]~&]:border-t',
+        className
+      )}
+      {...props}
+    />
   )
 }
 
@@ -72,10 +79,7 @@ function CardFooter({ className, ...props }: React.ComponentProps<'div'>) {
   return (
     <div
       data-slot="card-footer"
-      className={cn(
-        'flex items-center rounded-b px-(--card-spacing) [.border-t]:pt-(--card-spacing)',
-        className
-      )}
+      className={cn('flex items-center rounded-b px-5 [.border-t]:pt-(--card-spacing)', className)}
       {...props}
     />
   )

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

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

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

@@ -207,7 +207,7 @@ function ComboboxChips({
     <ComboboxPrimitive.Chips
       data-slot="combobox-chips"
       className={cn(
-        'flex min-h-9 flex-wrap items-center gap-1.5 rounded border border-input bg-input/30 bg-clip-padding px-2.5 py-1.5 transition-colors focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-[3px] has-aria-invalid:ring-destructive/20 has-data-[slot=combobox-chip]:px-1.5',
+        'flex min-h-9 flex-wrap items-center gap-1.5 rounded border border-border bg-input/30 bg-clip-padding px-2.5 py-1.5 transition-colors focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-[3px] has-aria-invalid:ring-destructive/20 has-data-[slot=combobox-chip]:px-1.5',
         className
       )}
       {...props}

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

@@ -158,7 +158,7 @@ function DrawerHeader({ className, ...props }: React.ComponentProps<'div'>) {
     <div
       data-slot="drawer-header"
       className={cn(
-        'flex shrink-0 flex-col gap-1.5 p-4 pb-0 text-left group-data-[swipe-axis=y]/drawer-popup:text-center',
+        'flex shrink-0 flex-col px-6 py-4 pb-0 text-left group-data-[swipe-axis=y]/drawer-popup:text-center',
         className
       )}
       {...props}

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

@@ -14,7 +14,7 @@ function InputGroup({ className, ...props }: React.ComponentProps<'div'>) {
       data-slot="input-group"
       role="group"
       className={cn(
-        'group/input-group relative flex h-9 w-full min-w-0 items-center rounded border border-input bg-input/30 transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-data-[align=block-end]:rounded has-data-[align=block-start]:rounded has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[textarea]:rounded has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5',
+        'group/input-group relative flex h-9 w-full min-w-0 items-center rounded border border-border bg-input/30 transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-data-[align=block-end]:rounded has-data-[align=block-start]:rounded has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[textarea]:rounded has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5',
         className
       )}
       {...props}

package/dist/assets/shared-assets/react-admin/ui/input-otp.tsx

@@ -54,7 +54,7 @@ function InputOTPSlot({
       data-slot="input-otp-slot"
       data-active={isActive}
       className={cn(
-        'relative flex size-9 items-center justify-center border-y border-r border-input bg-input/30 transition-all outline-none first:rounded-l first:border-l last:rounded-r aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-[3px] data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20',
+        'relative flex size-9 items-center justify-center border-y border-r border-border bg-input/30 transition-all outline-none first:rounded-l first:border-l last:rounded-r aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-[3px] data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20',
         className
       )}
       {...props}

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

@@ -8,7 +8,7 @@ function Input({ className, type, ...props }: React.ComponentProps<'input'>) {
       type={type}
       data-slot="input"
       className={cn(
-        'h-9 w-full min-w-0 rounded border border-input bg-input/30 px-3 py-1 transition-colors outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:font-medium file:text-foreground placeholder:text-placeholder focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20',
+        'h-9 w-full min-w-0 rounded border border-border bg-input px-3 py-1 transition-colors outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:font-medium file:text-foreground placeholder:text-placeholder focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20',
         className
       )}
       {...props}

package/dist/assets/shared-assets/react-admin/ui/native-select.tsx

@@ -19,7 +19,7 @@ function NativeSelect({ className, size = 'default', ...props }: NativeSelectPro
       <select
         data-slot="native-select"
         data-size={size}
-        className="h-9 w-full min-w-0 appearance-none rounded border border-input bg-input/30 py-1 pr-8 pl-3 transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-placeholder focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 data-[size=sm]:h-8"
+        className="h-9 w-full min-w-0 appearance-none rounded border border-border bg-input/30 py-1 pr-8 pl-3 transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-placeholder focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 data-[size=sm]:h-8"
         {...props}
       />
       <ChevronDownIcon

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

@@ -19,7 +19,7 @@ function RadioGroupItem({ className, ...props }: RadioPrimitive.Root.Props) {
     <RadioPrimitive.Root
       data-slot="radio-group-item"
       className={cn(
-        'group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded border border-input outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground',
+        'group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded border border-border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground',
         className
       )}
       {...props}

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

@@ -40,7 +40,7 @@ function SelectTrigger({
       data-slot="select-trigger"
       data-size={size}
       className={cn(
-        "flex w-fit items-center justify-between gap-1.5 rounded border border-input bg-input/30 px-3 py-2 whitespace-nowrap transition-colors outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 data-placeholder:text-placeholder data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "flex w-fit items-center justify-between gap-1.5 rounded border border-border bg-input/30 px-3 py-2 whitespace-nowrap transition-colors outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 data-placeholder:text-placeholder data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       )}
       {...props}

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

@@ -51,9 +51,9 @@ function TabsTrigger({ className, ...props }: TabsPrimitive.Tab.Props) {
     <TabsPrimitive.Tab
       data-slot="tabs-trigger"
       className={cn(
-        "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded border border-transparent px-2 py-1 font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start group-data-vertical/tabs:px-2.5 group-data-vertical/tabs:py-1.5 hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        'group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent',
-        'data-active:bg-background data-active:text-foreground',
+        "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded border border-transparent bg-clip-padding px-2 py-1 font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start group-data-vertical/tabs:px-2.5 group-data-vertical/tabs:py-1.5 hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        'group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:border-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent',
+        'data-active:border-border data-active:bg-input data-active:text-foreground',
         'after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100',
         className
       )}

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

@@ -6,7 +6,7 @@ function Textarea({ className, ...props }: React.ComponentProps<'textarea'>) {
     <textarea
       data-slot="textarea"
       className={cn(
-        'flex field-sizing-content min-h-16 w-full resize-none rounded border border-input bg-input/30 px-3 py-3 transition-colors outline-none placeholder:text-placeholder focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20',
+        'flex field-sizing-content min-h-16 w-full resize-none rounded border border-border bg-input/30 px-3 py-3 transition-colors outline-none placeholder:text-placeholder focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20',
         className
       )}
       {...props}

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

@@ -11,7 +11,7 @@ const toggleVariants = cva(
     variants: {
       variant: {
         default: 'bg-transparent',
-        outline: 'border border-input bg-transparent hover:bg-muted'
+        outline: 'border border-border bg-transparent hover:bg-muted'
       },
       size: {
         default:

package/dist/cli.js

@@ -16340,9 +16340,10 @@ ${join}
               </div>`;
 }
 function renderFormLayoutDetailsTemplate() {
-  return `className={initialData?.id != null
-                  ? 'sticky top-32 space-y-4 pb-4'
-                  : 'sticky top-14 space-y-4 pb-4'}`;
+  return `className={cn('sticky space-y-4', {
+                  'top-32': initialData?.id != null,
+                  'top-14': initialData?.id == null
+                })}`;
 }
 function renderFormCardContentGridTemplate({
   tabSidebarEntriesGrid,
@@ -16384,8 +16385,8 @@ function renderFormCardContentDetailsTemplate({
 }) {
   return `${formGridOpen}
               <div className="h-full min-w-0">
-                <Card className="min-w-0 h-full">
-                <CardContent className="space-y-5 gap-0 h-full">
+                <Card className="h-full min-w-0">
+                <CardContent className="flex h-full min-h-0 flex-col space-y-5 p-8">
 ${mainFieldsJsx}
 </CardContent>
                 </Card>
@@ -16822,7 +16823,7 @@ function renderFormLayoutDetailsBranchBodyTemplate({
   return `      {initialData?.id != null && (
         <div
           className={cn(
-            'sticky z-100 flex flex-row items-center justify-between gap-1 px-4 bg-background h-14 top-14 transition-shadow overflow-x-clip',
+            'sticky top-14 z-20 flex h-14 flex-row items-center justify-between gap-1 overflow-x-clip bg-background px-6 transition-shadow',
             {
               'shadow-modal/2': hasScrolled,
               'border-b border-border/80': !hasScrolled
@@ -16874,7 +16875,7 @@ function renderFormTabContentDetailsTemplate({
           </TabsContent>`;
 }
 function renderEntityFormBody({ contentComponentName }) {
-  return `      <main className="w-full p-4 h-full">
+  return `      <main className="h-full w-full px-6 pt-6">
         <${contentComponentName} state={entityForm} />
       </main>`;
 }
@@ -17036,7 +17037,7 @@ function buildEntityFormArtifacts({
   const withHandlerSection = (handlers) => handlers ? `
 ${handlers}
 ` : "";
-  const needsCn = hasRelationship || hasSelectCombobox || shouldGuardSidebarByTab;
+  const needsCn = hasRelationship || hasSelectCombobox || shouldGuardSidebarByTab || /\bcn\s*\(/.test(formBodyJSX);
   const metadataOffsetConst = showMetadataWidget ? "const SCROLL_BORDER_OFFSET = 8;\n\n" : "";
   const metadataScrollState = showMetadataWidget ? "  const hasScrolled = usePageScrollThreshold(SCROLL_BORDER_OFFSET)\n" : "";
   const metadataStrip = showMetadataWidget ? renderEntityFormPageRenderer({
@@ -19278,7 +19279,7 @@ function renderTextareaField(field, indent, label, hintJSX, context) {
         `${indent}      `
       ),
       toLowerCase: label.toLowerCase(),
-      fillControlClass: fillControlClass(field, "min-h-[80px]"),
+      fillControlClass: fillControlClass(field, "min-h-20"),
       fieldProps
     }
   });
@@ -19660,7 +19661,7 @@ function buildEntityFormLayout({
   const sidebarVisibilityState = shouldGuardSidebarByTab ? `
   const hasVisibleSidebarFields = ${sidebarTabNames.map((tabName) => `activeTab === ${JSON.stringify(tabName)}`).join(" || ")}
 ` : "";
-  const formGridOpen = shouldGuardSidebarByTab ? renderEntityFormContentRenderer({ kind: "renderFormLayoutDetailsBranchTemplate" }) : `            <div className="grid ${hasSidebarFields ? "grid-cols-entity-form" : "grid-cols-1"} gap-4 items-start h-full">`;
+  const formGridOpen = shouldGuardSidebarByTab ? renderEntityFormContentRenderer({ kind: "renderFormLayoutDetailsBranchTemplate" }) : `            <div className="grid h-full ${hasSidebarFields ? "grid-cols-entity-form" : "grid-cols-1"} items-start gap-6">`;
   const sidebarCardJSX = !hasSidebarFields ? "" : shouldGuardSidebarByTab ? renderEntityFormContentRenderer({
     kind: "renderFormContentSidebarColumnTemplate",
     props: {
@@ -21261,7 +21262,8 @@ ${createButtonContent}
         }
       />
 ${hasFiltersLabel}
-      <main className="space-y-4 px-4 pb-4 flex-1">
+
+      <main className="flex-1 space-y-4 px-6 pb-6">
         <${plural}Table ${tableProps} />${sortOrderDialog}
       </main>
     </React.Fragment>
@@ -32263,7 +32265,8 @@ function scaffoldCoreSchemas({
   const schemaName = "settings";
   const schemaPath = path71.join(cwd, config.paths.schemas, `${schemaName}.json`);
   fs60.mkdirSync(path71.dirname(schemaPath), { recursive: true });
-  fs60.writeFileSync(schemaPath, schemaContent, "utf-8");
+  fs60.writeFileSync(schemaPath, `${schemaContent}
+`, "utf-8");
   result.schemas.push(`${schemaName}.json`);
   ensureSnapshotGitFiles(cwd);
   try {
@@ -32510,7 +32513,6 @@ function scaffoldLayout({ cwd, config }) {
   );
   write(path74.join(config.paths.pages, "page.tsx"), readTemplate("pages/dashboard-page.tsx"));
   const containerDir = path74.join(config.paths.pages, ADMIN_CONTAINER_ROUTE_GROUP);
-  write(path74.join(containerDir, "layout.tsx"), readTemplate("pages/container-layout.tsx"));
   const usersDir = path74.join(containerDir, "users");
   write(path74.join(usersDir, "page.tsx"), readTemplate("pages/users/users-page.tsx"));
   write(
@@ -33499,20 +33501,50 @@ function renderBaseFontDeclarations() {
 `;
 }
 
+// adapters/next/templates/renderers/init/scaffolders/tailwind/mono-font-family-rule.ts
+function renderMonoFontFamilyRule() {
+  return `code,
+kbd,
+samp,
+pre {
+  font-family: var(--font-geist-mono);
+}
+`;
+}
+
+// adapters/next/templates/renderers/init/scaffolders/tailwind/root-font-family-rule.ts
+function renderRootFontFamilyRule() {
+  return `html {
+  font-family: var(--font-geist-sans);
+}
+`;
+}
+
 // adapters/next/init/scaffolders/tailwind/apply-base-font.ts
 function applyBaseFont(content) {
   const bodyRule = /(?:^|\n)body\s*\{[^}]*\}/.exec(content);
   if (!bodyRule) {
     return `${content}
+${renderRootFontFamilyRule()}
 body {
 ${renderBaseFontDeclarations()}}
-`;
+
+${renderMonoFontFamilyRule()}`;
   }
-  if (/font-size\s*:/.test(bodyRule[0])) {
-    return content;
+  const leadingNewline = bodyRule[0].startsWith("\n") ? "\n" : "";
+  let rule = bodyRule[0].slice(leadingNewline.length).replace(/\n[ \t]*font-family:[^;]*;/g, "");
+  if (!/font-size\s*:/.test(rule)) {
+    const closingBrace = rule.length - 1;
+    rule = `${rule.slice(0, closingBrace)}${renderBaseFontDeclarations()}${rule.slice(closingBrace)}`;
   }
-  const closingBrace = bodyRule.index + bodyRule[0].length - 1;
-  return `${content.slice(0, closingBrace)}${renderBaseFontDeclarations()}${content.slice(closingBrace)}`;
+  const before = content.slice(0, bodyRule.index);
+  const after = content.slice(bodyRule.index + bodyRule[0].length);
+  const rootRule = content.includes(renderRootFontFamilyRule()) ? "" : `${renderRootFontFamilyRule()}
+`;
+  const monoRule = content.includes(renderMonoFontFamilyRule()) ? "" : `
+
+${renderMonoFontFamilyRule()}`;
+  return `${before}${leadingNewline}${rootRule}${rule}${monoRule}${after}`;
 }
 
 // adapters/next/init/scaffolders/tailwind/get-admin-theme-vars.ts
@@ -38352,11 +38384,6 @@ var TEMPLATE_REGISTRY = {
     base: "cwd",
     dependencies: ["auth-gate"]
   },
-  "container-layout": {
-    relPath: "app/(admin)/admin/(authenticated)/(container)/layout.tsx",
-    content: () => readTemplate("pages/container-layout.tsx"),
-    base: "cwd"
-  },
   "auth-gate": {
     relPath: "app/(admin)/admin/(authenticated)/auth-gate.tsx",
     content: () => readTemplate("pages/auth-gate.tsx"),