npm - betterstart-cli - Versions diffs - 0.0.118 → 0.0.120 - Mend

betterstart-cli 0.0.118 → 0.0.120

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (128) hide show

package/dist/assets/adapters/next/integrations/resend/actions/render-password-reset-email.ts CHANGED Viewed

@@ -10,12 +10,12 @@ export function renderPasswordResetEmail(input: PasswordResetEmailInput): string
 <html>
   <body style="margin:0;background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#0f172a;">
     <div style="margin:0 auto;max-width:560px;padding:40px 20px;">
-      <div style="border-radius:12px;background:#ffffff;padding:32px;border:1px solid #e2e8f0;">
-        <h1 style="margin:0 0 16px;font-size:24px;line-height:32px;">Reset your password</h1>
-        <p style="margin:0 0 16px;font-size:16px;line-height:24px;">Hi ${escapedName},</p>
-        <p style="margin:0 0 24px;font-size:16px;line-height:24px;">Use the button below to reset your BetterStart Admin password.</p>
+      <div style="border-radius:6px;background:#ffffff;padding:32px;border:1px solid #e2e8f0;">
+        <h1 style="margin:0 0 16px;font-size:14px;line-height:32px;">Reset your password</h1>
+        <p style="margin:0 0 16px;font-size:14px;line-height:24px;">Hi ${escapedName},</p>
+        <p style="margin:0 0 24px;font-size:14px;line-height:24px;">Use the button below to reset your BetterStart Admin password.</p>
         <p style="margin:0 0 24px;">
-          <a href="${escapedUrl}" style="display:inline-block;border-radius:8px;background:#0f172a;color:#ffffff;padding:12px 18px;text-decoration:none;font-weight:600;">Reset password</a>
+          <a href="${escapedUrl}" style="display:inline-block;border-radius:6px;background:#0f172a;color:#ffffff;padding:12px 18px;text-decoration:none;font-weight:600;">Reset password</a>
         </p>
         <p style="margin:0;color:#64748b;font-size:14px;line-height:20px;">If you did not request this email, you can safely ignore it.</p>
       </div>

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

@@ -27,7 +27,9 @@
   --color-input: var(--input);
   --color-border: var(--border);
   --color-highlight: var(--highlight);
+  --color-placeholder: var(--placeholder);
   --color-destructive: var(--destructive);
+  --color-success: var(--success);
   --color-warning: var(--warning);
   --color-warning-foreground: var(--warning-foreground);
   --color-accent-foreground: var(--accent-foreground);
@@ -42,13 +44,9 @@
   --color-popover: var(--popover);
   --color-card-foreground: var(--card-foreground);
   --color-card: var(--card);
-  --radius-sm: calc(var(--radius) - 4px);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) + 4px);
-  --radius-2xl: calc(var(--radius) + 8px);
-  --radius-3xl: calc(var(--radius) + 12px);
-  --radius-4xl: calc(var(--radius) + 16px);
+  --text-*: initial;
+  --radius-*: initial;
+  --radius: 6px;
   --font-heading: var(--font-sans);
   --shadow-sm: var(--shadow-small);
   --shadow-md: var(--shadow-medium);
@@ -101,35 +99,131 @@
 }
 :root {
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.145 0 0);
-  --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.145 0 0);
-  --primary: oklch(0.15 0 0);
-  --primary-foreground: oklch(0.985 0 0);
-  --secondary: oklch(0.95 0 0);
-  --secondary-foreground: oklch(0.15 0 0);
-  --muted: oklch(0.97 0 0);
-  --muted-foreground: oklch(0.556 0 0);
-  --accent: oklch(0.97 0 0);
-  --accent-foreground: oklch(0.15 0 0);
-  --destructive: oklch(0.577 0.245 27.325);
-  --warning: oklch(0.625 0.165 57.4);
-  --warning-foreground: oklch(0.625 0.165 57.4);
-  --border: oklch(0.93 0 0);
-  --highlight: oklch(0.9 0.004 286.32);
-  --input: oklch(0.93 0 0);
-  --ring: oklch(0.708 0 0);
-  --chart-1: oklch(0.845 0.143 164.978);
-  --chart-2: oklch(0.696 0.17 162.48);
-  --chart-3: oklch(0.596 0.145 163.225);
-  --chart-4: oklch(0.508 0.118 165.612);
-  --chart-5: oklch(0.432 0.095 166.913);
-  --radius: 0.625rem;
+  --ds-background-100: lab(100% 0 0);
+  --ds-background-200: lab(98.144% 0 -0.0000119209);
+  --ds-gray-100: lab(95.476% -0.0000298023 0);
+  --ds-gray-200: lab(93.04% 0.0000298023 -0.0000119209);
+  --ds-gray-300: lab(91.3% 0 -0.0000119209);
+  --ds-gray-400: lab(92.692% 0 0);
+  --ds-gray-500: lab(80.976% 0 -0.0000119209);
+  --ds-gray-600: lab(68.912% 0 -0.0000119209);
+  --ds-gray-700: lab(59.4% 0 0);
+  --ds-gray-800: lab(52.44% 0 0);
+  --ds-gray-900: lab(32.72% -0.0000149012 0);
+  --ds-gray-1000: lab(7.78201% -0.0000149012 0);
+  --ds-gray-alpha-100: lab(0% 0 0 / 0.05);
+  --ds-gray-alpha-200: lab(0% 0 0 / 0.081);
+  --ds-gray-alpha-300: lab(0% 0 0 / 0.1);
+  --ds-gray-alpha-400: lab(0% 0 0 / 0.08);
+  --ds-gray-alpha-500: lab(0% 0 0 / 0.21);
+  --ds-gray-alpha-600: lab(0% 0 0 / 0.24);
+  --ds-gray-alpha-700: lab(0% 0 0 / 0.44);
+  --ds-gray-alpha-800: lab(0% 0 0 / 0.51);
+  --ds-gray-alpha-900: lab(0% 0 0 / 0.7);
+  --ds-gray-alpha-1000: lab(0% 0 0 / 0.91);
+  --ds-blue-100: lab(96.8732% -1.39889 -5.07131);
+  --ds-blue-200: lab(95.6744% -2.00856 -6.9569);
+  --ds-blue-300: lab(93.6801% -3.04809 -10.3604);
+  --ds-blue-400: lab(90.2207% -5.88808 -16.0541);
+  --ds-blue-500: lab(79.7793% -8.30209 -33.3699);
+  --ds-blue-600: lab(68.1823% -8.44929 -52.7934);
+  --ds-blue-700: lab(47.9229% 22.3147 -86.8328);
+  --ds-blue-800: lab(40.8106% 23.698 -82.9445);
+  --ds-blue-900: lab(42.9093% 21.1896 -82.6493);
+  --ds-blue-1000: lab(13.8687% 6.36795 -37.4197);
+  --ds-red-100: lab(95.6935% 7.32443 2.00332);
+  --ds-red-200: lab(94.3497% 9.77078 2.91723);
+  --ds-red-300: lab(93.0242% 12.0165 3.78883);
+  --ds-red-400: lab(89.6749% 14.9771 6.30434);
+  --ds-red-500: lab(80.9124% 32.7639 12.5167);
+  --ds-red-600: lab(64.5512% 60.0041 29.3131);
+  --ds-red-700: lab(53.9255% 80.6033 48.0845);
+  --ds-red-800: lab(48.9343% 78.946 55.0086);
+  --ds-red-900: lab(45.3957% 73.7444 51.3924);
+  --ds-red-1000: lab(11.6345% 33.5137 13.8317);
+  --ds-amber-100: lab(97.2024% 1.01992 12.7992);
+  --ds-amber-200: lab(96.5222% 0.44781 19.38);
+  --ds-amber-300: lab(95.5532% 0.730604 25.1573);
+  --ds-amber-400: lab(89.9281% 6.02812 56.553);
+  --ds-amber-500: lab(84.4286% 16.6827 71.0758);
+  --ds-amber-600: lab(76.726% 29.5673 105.476);
+  --ds-amber-700: lab(78.7256% 26.6905 107.161);
+  --ds-amber-800: lab(72.7954% 39.7122 103.301);
+  --ds-amber-900: lab(44.3662% 36.3127 70.4646);
+  --ds-amber-1000: lab(19.0178% 27.3692 31.8945);
+  --ds-green-100: lab(97.5853% -8.11777 6.20661);
+  --ds-green-200: lab(96.9166% -10.612 7.60013);
+  --ds-green-300: lab(94.6031% -18.6422 15.0889);
+  --ds-green-400: lab(91.3796% -27.7496 20.9385);
+  --ds-green-500: lab(85.1416% -46.4903 35.8939);
+  --ds-green-600: lab(79.6441% -60.3529 50.7117);
+  --ds-green-700: lab(61.0339% -50.9714 38.8312);
+  --ds-green-800: lab(52.9002% -44.1062 33.0987);
+  --ds-green-900: lab(45.7946% -42.7208 32.0975);
+  --ds-green-1000: lab(19.2017% -35.6785 27.2939);
+  --ds-teal-100: lab(97.7805% -12.1079 -1.6973);
+  --ds-teal-200: lab(97.0232% -11.8163 -0.259781);
+  --ds-teal-300: lab(94.6978% -16.2983 -0.800061);
+  --ds-teal-400: lab(92.4757% -24.5274 -1.99826);
+  --ds-teal-500: lab(86.4355% -46.7053 -2.48644);
+  --ds-teal-600: lab(80.5746% -56.8254 0.696123);
+  --ds-teal-700: lab(61.2492% -55.7738 -2.36303);
+  --ds-teal-800: lab(52.4585% -49.4257 -1.83064);
+  --ds-teal-900: lab(45.9452% -44.2291 -2.67519);
+  --ds-teal-1000: lab(22.2372% -28.1244 -0.0907302);
+  --ds-purple-100: lab(95.8064% 5.66289 -6.77673);
+  --ds-purple-200: lab(95.9251% 5.05617 -6.57121);
+  --ds-purple-300: lab(93.5693% 8.17552 -10.3939);
+  --ds-purple-400: lab(89.6505% 14.5975 -16.7056);
+  --ds-purple-500: lab(76.2735% 33.6932 -38.7706);
+  --ds-purple-600: lab(64.3635% 50.5605 -58.6804);
+  --ds-purple-700: lab(42.3587% 81.2683 -86.4789);
+  --ds-purple-800: lab(35.0556% 71.1896 -76.2188);
+  --ds-purple-900: lab(33.4854% 69.2003 -76.1092);
+  --ds-purple-1000: lab(9.18347% 35.0629 -37.5931);
+  --ds-pink-100: lab(94.5133% 11.6709 -3.49871);
+  --ds-pink-200: lab(94.6026% 10.7321 -1.35195);
+  --ds-pink-300: lab(92.2617% 15.1106 -0.957537);
+  --ds-pink-400: lab(88.9731% 19.1876 -0.249231);
+  --ds-pink-500: lab(80.5902% 30.3695 -1.5003);
+  --ds-pink-600: lab(68.2806% 50.7706 0.897086);
+  --ds-pink-700: lab(54.7091% 76.7064 2.85504);
+  --ds-pink-800: lab(50.1788% 75.5319 8.12644);
+  --ds-pink-900: lab(43.5237% 66.4129 5.12512);
+  --ds-pink-1000: lab(12.9204% 31.3916 -0.183001);
+  --background: var(--ds-background-200);
+  --foreground: var(--ds-gray-1000);
+  --card: var(--ds-background-100);
+  --card-foreground: var(--ds-gray-1000);
+  --popover: var(--ds-background-100);
+  --popover-foreground: var(--ds-gray-1000);
+  --primary: var(--ds-gray-1000);
+  --primary-foreground: var(--ds-background-100);
+  --secondary: var(--ds-gray-200);
+  --secondary-foreground: var(--ds-gray-1000);
+  --muted: var(--ds-gray-100);
+  --muted-foreground: var(--ds-gray-900);
+  --placeholder: var(--ds-gray-700);
+  --accent: var(--ds-gray-100);
+  --accent-foreground: var(--ds-gray-1000);
+  --destructive: var(--ds-red-900);
+  --success: var(--ds-green-900);
+  --warning: var(--ds-amber-900);
+  --warning-foreground: var(--ds-amber-900);
+  --border: var(--ds-gray-400);
+  --highlight: var(--ds-gray-600);
+  --input: var(--ds-gray-400);
+  --ring: var(--ds-gray-600);
+  --chart-1: var(--ds-blue-700);
+  --chart-2: var(--ds-purple-700);
+  --chart-3: var(--ds-teal-700);
+  --chart-4: var(--ds-amber-700);
+  --chart-5: var(--ds-pink-700);
+  --radius: 6px;
   --shadow-background-border: 0 0 0 1px var(--background);
-  --shadow-border-base: 0 0 0 1px
-    color-mix(in oklab, var(--border) 60%, transparent);
-  --shadow-border-inset: inset 0 0 0 1px var(--border);
+  --shadow-border-base: 0 0 0 1px var(--ds-gray-alpha-400);
+  --shadow-border-inset: inset 0 0 0 1px var(--ds-gray-alpha-400);
   --shadow-border: var(--shadow-border-base), var(--shadow-background-border);
   --shadow-small: 0px 2px 2px #0000000a;
   --shadow-border-small:
@@ -161,16 +255,14 @@
     var(--shadow-border-base), 0px 1px 1px #00000005, 0px 8px 16px -4px #0000000a, 0px 24px 32px -8px #0000000f, var(
       --shadow-background-border
     );
-  --sidebar: oklch(0.983 0 0);
-  --sidebar-foreground: oklch(0.3 0 0);
-  --sidebar-primary: oklch(0.15 0 0);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.95 0 0);
-  --sidebar-accent-foreground: oklch(0 0 0);
-  --sidebar-border: oklch(0.95 0 0);
-  --sidebar-ring: oklch(0.708 0 0);
-  --background: oklch(0.983 0 0);
-  --foreground: oklch(0.145 0 0);
+  --sidebar: var(--ds-background-200);
+  --sidebar-foreground: var(--ds-gray-900);
+  --sidebar-primary: var(--ds-gray-1000);
+  --sidebar-primary-foreground: var(--ds-background-100);
+  --sidebar-accent: var(--ds-gray-200);
+  --sidebar-accent-foreground: var(--ds-gray-1000);
+  --sidebar-border: var(--ds-gray-400);
+  --sidebar-ring: var(--ds-gray-600);
   --tt-bg-color: var(--background);
   --tt-bg-color-contrast: var(--border);
   --tt-color-highlight-yellow: #fef9c3;
@@ -200,6 +292,8 @@
   body {
     @apply bg-background text-foreground;
+    font-size: 14px;
+    line-height: 20px;
   }
   .admin-root {
@@ -268,7 +362,8 @@
   --tw-prose-invert-pre-bg: var(--muted);
   --tw-prose-invert-th-borders: var(--border);
   --tw-prose-invert-td-borders: var(--border);
-  @apply caret-foreground text-foreground text-[0.9375rem] leading-[1.65] outline-none whitespace-pre-wrap;
+  @apply caret-foreground text-foreground leading-[1.65] outline-none whitespace-pre-wrap;
+  font-size: 0.9375rem;
 }
 .admin-root .content-editor-prose > :first-child {
@@ -294,25 +389,29 @@
 .admin-root
   .content-editor-prose
   :where(h1):not(:where([class~="not-prose"] *)) {
-  @apply mt-7 text-[1.75rem] leading-[1.18];
+  @apply mt-7 leading-[1.18];
+  font-size: 1.75rem;
 }
 .admin-root
   .content-editor-prose
   :where(h2):not(:where([class~="not-prose"] *)) {
-  @apply mt-6 text-[1.375rem] leading-tight;
+  @apply mt-6 leading-tight;
+  font-size: 1.375rem;
 }
 .admin-root
   .content-editor-prose
   :where(h3):not(:where([class~="not-prose"] *)) {
-  @apply mt-5 text-lg leading-[1.3];
+  @apply mt-5 leading-[1.3];
+  font-size: 1.125rem;
 }
 .admin-root
   .content-editor-prose
   :where(h4):not(:where([class~="not-prose"] *)) {
-  @apply mt-[1.125rem] text-base leading-[1.35];
+  @apply mt-[1.125rem] leading-[1.35];
+  font-size: 1rem;
 }
 .admin-root
@@ -379,7 +478,8 @@
 .admin-root
   .content-editor-prose
   :where(code):not(:where(pre code, [class~="not-prose"] *)) {
-  @apply rounded-sm border border-border bg-muted px-[0.3em] py-[0.1em] text-[0.875em] font-medium leading-[1.4];
+  @apply rounded border border-border bg-muted px-[0.3em] py-[0.1em] font-medium leading-[1.4];
+  font-size: 0.875em;
 }
 .admin-root
@@ -394,16 +494,23 @@
 .admin-root
   .content-editor-prose
   :where(pre):not(:where([class~="not-prose"] *)) {
-  @apply my-4 rounded-md border border-border px-4 py-3.5 text-[0.875em] leading-[1.6];
+  @apply my-4 rounded border border-border px-4 py-3.5 leading-[1.6];
+  font-size: 0.875em;
 }
 .admin-root
   .content-editor-prose
   :where(pre code):not(:where([class~="not-prose"] *)) {
-  @apply border-0 bg-transparent p-0;
+  @apply rounded border-0 bg-transparent p-0;
   font-size: inherit;
 }
+.admin-root
+  .content-editor-prose
+  :where(kbd):not(:where([class~="not-prose"] *)) {
+  @apply rounded;
+}
 .admin-root .content-editor-prose > * {
   @apply relative;
 }
@@ -421,7 +528,7 @@
 .admin-root
   .content-editor-prose
   .ProseMirror-selectednode:not(img):not(pre):not(.react-renderer) {
-  @apply rounded-sm bg-primary/12;
+  @apply rounded bg-primary/12;
 }
 .admin-root .content-editor-prose.ProseMirror-hideselection {
@@ -461,7 +568,7 @@
 .admin-root
   .content-editor-prose
   .is-empty[data-placeholder]:has(> .ProseMirror-trailingBreak)::before {
-  @apply pointer-events-none absolute inset-x-0 h-0 w-full text-muted-foreground;
+  @apply pointer-events-none absolute inset-x-0 h-0 w-full text-placeholder;
   text-align: inherit;
 }
@@ -496,7 +603,8 @@
 .admin-root
   .content-editor-prose
   :where(table):not(:where([class~="not-prose"] *)) {
-  @apply my-4 w-full table-fixed border-collapse text-sm;
+  @apply my-4 w-full table-fixed border-collapse;
+  font-size: 0.875rem;
 }
 .admin-root .content-editor-prose .tableWrapper table {
@@ -603,13 +711,13 @@
 @utility material-md {
   background-color: var(--card);
   box-shadow: var(--shadow-border-medium);
-  border-radius: 8px;
+  border-radius: 6px;
 }
 @utility material-lg {
   background-color: var(--card);
   box-shadow: var(--shadow-border-large);
-  border-radius: 12px;
+  border-radius: 6px;
 }
 @utility material-tooltip {
@@ -621,17 +729,17 @@
 @utility material-menu {
   background-color: var(--card);
   box-shadow: var(--shadow-menu);
-  border-radius: 8px;
+  border-radius: 6px;
 }
 @utility material-modal {
   background-color: var(--card);
   box-shadow: var(--shadow-modal);
-  border-radius: 12px;
+  border-radius: 6px;
 }
 @utility material-fullscreen {
   background-color: var(--card);
   box-shadow: var(--shadow-fullscreen);
-  border-radius: 16px;
+  border-radius: 6px;
 }

package/dist/assets/adapters/next/templates/init/components/layouts/admin-sidebar-branding-skeleton.tsx CHANGED Viewed

@@ -3,7 +3,7 @@ import { Skeleton } from '@admin/components/ui/skeleton'
 export function BrandingSkeleton() {
   return (
     <div className="flex h-full w-full items-center gap-2">
-      <Skeleton className="size-8 shrink-0 rounded-sm" />
+      <Skeleton className="size-8 shrink-0 rounded" />
       <Skeleton className="h-4 w-24 group-data-[collapsible=icon]:hidden" />
     </div>
   )

package/dist/assets/adapters/next/templates/init/components/layouts/admin-sidebar-user-menu-skeleton.tsx CHANGED Viewed

@@ -6,7 +6,7 @@ export function UserMenuSkeleton() {
     <SidebarMenu className="h-full gap-0">
       <SidebarMenuItem className="h-full">
         <div className="flex h-full w-full items-center gap-2 px-3">
-          <Skeleton className="size-8 shrink-0 rounded-sm" />
+          <Skeleton className="size-8 shrink-0 rounded" />
           <Skeleton className="h-4 w-20 group-data-[collapsible=icon]:hidden" />
         </div>
       </SidebarMenuItem>

package/dist/assets/adapters/next/templates/init/components/layouts/admin-sidebar-user-menu.tsx CHANGED Viewed

@@ -32,7 +32,7 @@ export async function SidebarUserMenu() {
               >
                 <Avatar className="size-8 shrink-0">
                   <AvatarImage src={user.image ?? undefined} />
-                  <AvatarFallback className="text-xs font-semibold group-hover:bg-white">
+                  <AvatarFallback className="font-semibold group-hover:bg-white">
                     {user.name?.charAt(0) ?? user.email?.charAt(0) ?? '?'}
                   </AvatarFallback>
                 </Avatar>
@@ -44,7 +44,7 @@ export async function SidebarUserMenu() {
                   <span
                     className={cn(
                       buttonVariants({ variant: 'outline', size: 'icon' }),
-                      'size-7 rounded-sm group-hover:bg-white'
+                      'size-7 rounded group-hover:bg-white'
                     )}
                   >
                     <Ellipsis strokeWidth={2} className="size-4" />
@@ -67,7 +67,7 @@ export async function SidebarUserMenu() {
                 <div className="flex items-center gap-2">
                   <div className="flex flex-col">
                     <p className="truncate font-medium">{user.name}</p>
-                    <p className="truncate text-sm font-normal text-muted-foreground [text-box-trim:trim-start]">
+                    <p className="truncate font-normal text-muted-foreground [text-box-trim:trim-start]">
                       {user.email}
                     </p>
                   </div>

package/dist/assets/adapters/next/templates/init/components/layouts/content-skeleton.tsx CHANGED Viewed

@@ -7,35 +7,35 @@ export function ContentSkeleton() {
       <div className="relative w-full max-w-xl" aria-hidden="true">
         <Card size="sm" className="absolute top-1 left-1/2 h-24 w-[72%] -translate-x-1/2 rotate-3">
           <CardContent className="flex h-full items-start gap-3 p-3">
-            <Skeleton className="size-8 shrink-0 rounded-md" />
+            <Skeleton className="size-8 shrink-0 rounded" />
             <div className="flex min-w-0 flex-1 flex-col gap-2 pt-1">
-              <Skeleton className="h-4 w-full rounded-md" />
-              <Skeleton className="h-3 w-[78%] rounded-md" />
+              <Skeleton className="h-4 w-full rounded" />
+              <Skeleton className="h-3 w-[78%] rounded" />
             </div>
-            <Skeleton className="h-6 w-14 shrink-0 rounded-md" />
+            <Skeleton className="h-6 w-14 shrink-0 rounded" />
           </CardContent>
         </Card>
         <Card size="sm" className="absolute top-10 right-2 h-36 w-[50%] rotate-6">
           <CardContent className="flex h-full flex-col gap-4 p-4">
-            <Skeleton className="ml-auto h-6 w-14 rounded-md" />
+            <Skeleton className="ml-auto h-6 w-14 rounded" />
             <div className="flex flex-col gap-3 pt-2">
-              <Skeleton className="h-4 w-full rounded-md" />
-              <Skeleton className="h-4 w-[88%] rounded-md" />
+              <Skeleton className="h-4 w-full rounded" />
+              <Skeleton className="h-4 w-[88%] rounded" />
             </div>
-            <Skeleton className="mt-auto h-4 w-[78%] rounded-md" />
+            <Skeleton className="mt-auto h-4 w-[78%] rounded" />
           </CardContent>
         </Card>
         <Card size="sm" className="absolute top-12 left-0 h-36 w-[78%] -rotate-2">
           <CardContent className="flex h-full gap-4 p-4">
-            <Skeleton className="h-full w-[27%] shrink-0 rounded-md" />
+            <Skeleton className="h-full w-[27%] shrink-0 rounded" />
             <div className="flex min-w-0 flex-1 flex-col gap-3">
-              <Skeleton className="h-8 w-full rounded-md" />
-              <Skeleton className="h-9 w-[94%] rounded-md" />
-              <Skeleton className="h-3 w-[70%] rounded-md" />
+              <Skeleton className="h-8 w-full rounded" />
+              <Skeleton className="h-9 w-[94%] rounded" />
+              <Skeleton className="h-3 w-[70%] rounded" />
             </div>
-            <Skeleton className="h-6 w-14 shrink-0 rounded-md" />
+            <Skeleton className="h-6 w-14 shrink-0 rounded" />
           </CardContent>
         </Card>
       </div>

package/dist/assets/adapters/next/templates/init/components/layouts/sidebar-branding.tsx CHANGED Viewed

@@ -28,12 +28,12 @@ export function SidebarBranding({ initialData }: SidebarBrandingProps) {
       <Link href="/admin" className="flex w-full items-center gap-2">
         <Avatar className="size-8">
           <AvatarImage src={dashboardLogo} />
-          <AvatarFallback className="text-sm font-semibold text-foreground">
+          <AvatarFallback className="font-semibold text-foreground">
             {dashboardName.charAt(0)}
           </AvatarFallback>
         </Avatar>
         <div className="flex w-full items-center gap-1 text-foreground group-data-[collapsible=icon]:hidden">
-          <span className="line-clamp-1 text-sm font-medium">{dashboardName}</span>
+          <span className="line-clamp-1 font-medium">{dashboardName}</span>
         </div>
       </Link>
     </div>

package/dist/assets/adapters/next/templates/init/components/shared/data-table/data-grid-body.tsx CHANGED Viewed

@@ -9,7 +9,7 @@ function DataGridBody({ className, ...props }: React.ComponentProps<'div'>) {
       role="rowgroup"
       data-slot="data-grid-body"
       className={cn(
-        "relative col-span-full grid grid-cols-subgrid overflow-hidden rounded-sm bg-card shadow-input after:pointer-events-none after:absolute after:inset-0 after:rounded-sm after:border after:border-border after:content-['']",
+        "relative col-span-full grid grid-cols-subgrid overflow-hidden rounded bg-card shadow-input after:pointer-events-none after:absolute after:inset-0 after:rounded after:border after:border-border after:content-['']",
         className
       )}
       {...props}

package/dist/assets/adapters/next/templates/init/components/shared/data-table/data-grid-header.tsx CHANGED Viewed

@@ -9,7 +9,7 @@ function DataGridHeader({ className, ...props }: React.ComponentProps<'div'>) {
       role="rowgroup"
       data-slot="data-grid-header"
       className={cn(
-        "relative col-span-full -mb-1 grid grid-cols-subgrid rounded-t-sm bg-muted pb-1 after:pointer-events-none after:absolute after:inset-0 after:rounded-t-sm after:border-x after:border-t after:border-border after:content-['']",
+        "relative col-span-full -mb-1 grid grid-cols-subgrid rounded-t bg-muted pb-1 after:pointer-events-none after:absolute after:inset-0 after:rounded-t after:border-x after:border-t after:border-border after:content-['']",
         className
       )}
       {...props}

package/dist/assets/adapters/next/templates/init/components/shared/data-table/data-grid.tsx CHANGED Viewed

@@ -26,7 +26,7 @@ function DataGrid({
       <div
         role="table"
         data-slot="data-grid"
-        className={cn('grid min-w-full text-sm', className)}
+        className={cn('grid min-w-full', className)}
         style={{ ...style, gridTemplateColumns }}
         {...props}
       />

package/dist/assets/adapters/next/templates/init/components/shared/data-table/data-table-pagination.tsx CHANGED Viewed

@@ -99,7 +99,7 @@ export function DataTablePagination<TData>(props: DataTablePaginationProps<TData
       <ProgressiveBlur position="bottom" height="53px" />
       <div className="pointer-events-auto flex h-(--admin-shell-bottom-bar-height) items-center justify-between border-t border-border bg-background px-4 py-2 [--admin-shell-bottom-bar-height:53px]">
         <div className="flex items-center gap-2">
-          <span className="text-sm text-muted-foreground">Rows per page</span>
+          <span className="text-muted-foreground">Rows per page</span>
           <Select
             value={pageSize === -1 ? 'all' : String(pageSize)}
             onValueChange={handlePageSizeChange}
@@ -124,7 +124,7 @@ export function DataTablePagination<TData>(props: DataTablePaginationProps<TData
           >
             Previous
           </Button>
-          <div className="text-sm text-muted-foreground">
+          <div className="text-muted-foreground">
             Page {resolvedPageIndex + 1} of {resolvedPageCount}
           </div>
           <Button

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

@@ -37,12 +37,10 @@ export function CopyableCodeBlock({ label, code, language, tabs }: CopyableCodeB
         <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!">
             <div className="flex min-w-0 flex-1 items-center gap-2">
-              <span className="min-w-0 truncate text-sm font-medium text-muted-foreground">
-                {label}
-              </span>
+              <span className="min-w-0 truncate font-medium text-muted-foreground">{label}</span>
               <TabsList className="h-fit! shrink-0">
                 {codeTabs.map((tab) => (
-                  <TabsTrigger key={tab.id} value={tab.id} className="h-7 px-3 text-xs">
+                  <TabsTrigger key={tab.id} value={tab.id} className="h-7 px-3">
                     {tab.label}
                   </TabsTrigger>
                 ))}
@@ -74,9 +72,7 @@ export function CopyableCodeBlock({ label, code, language, tabs }: CopyableCodeB
       ) : (
         <>
           <CardHeader className="flex items-center justify-between gap-2 border-b border-border bg-background pt-[5px]! pr-1 pb-2! pl-3.5!">
-            <span className="min-w-0 truncate text-sm font-medium text-muted-foreground">
-              {label}
-            </span>
+            <span className="min-w-0 truncate font-medium text-muted-foreground">{label}</span>
             <Button
               type="button"
               variant="ghost"

package/dist/assets/adapters/next/templates/init/components/shared/dev-mode/lifecycle-hooks-tab.tsx CHANGED Viewed

@@ -43,14 +43,14 @@ export function LifecycleHooksTab({ lifecycleHooks }: LifecycleHooksTabProps) {
   if (!firstHook) {
     return (
-      <div className="flex min-h-80 items-center justify-center rounded-sm border border-dashed border-border px-6 text-center text-sm text-muted-foreground">
+      <div className="flex min-h-80 items-center justify-center rounded border border-dashed border-border px-6 text-center text-muted-foreground">
         Lifecycle hook examples are generated for entity and form schemas.
       </div>
     )
   }
   return (
-    <Accordion defaultValue={[firstHook.id]} className="min-h-0 shrink-0 rounded-sm">
+    <Accordion defaultValue={[firstHook.id]} className="min-h-0 shrink-0 rounded">
       {lifecycleHooks.map((hook) => {
         const HookIcon = LIFECYCLE_HOOK_ICONS[hook.icon]
         const phaseLabel = LIFECYCLE_HOOK_PHASE_LABELS[hook.phase]

package/dist/assets/adapters/next/templates/init/components/shared/dev-mode/plain-code-fallback.tsx CHANGED Viewed

@@ -4,7 +4,7 @@ interface PlainCodeFallbackProps {
 export function PlainCodeFallback({ code }: PlainCodeFallbackProps) {
   return (
-    <pre className="min-h-full overflow-x-auto p-3 font-mono text-xs leading-5 whitespace-pre text-foreground">
+    <pre className="min-h-full overflow-x-auto p-3 font-mono text-[12px] leading-5 whitespace-pre text-foreground">
       {code}
     </pre>
   )

package/dist/assets/adapters/next/templates/init/components/shared/dev-mode/snippets-tab.tsx CHANGED Viewed

@@ -47,7 +47,7 @@ export function SnippetsTab({ snippets }: SnippetsTabProps) {
   }
   return (
-    <Accordion defaultValue={[firstSnippet.id]} className="min-h-0 shrink-0 rounded-sm">
+    <Accordion defaultValue={[firstSnippet.id]} className="min-h-0 shrink-0 rounded">
       {snippets.map((snippet) => {
         const SnippetIcon = SNIPPET_ICONS[snippet.icon]
         const snippetKindLabel = SNIPPET_KIND_LABELS[snippet.kind]

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

@@ -81,13 +81,13 @@ export function DevModeIntegrateButton({
             </TabsContent>
           </Tabs>
         ) : isPending ? (
-          <div className="flex min-h-80 items-center justify-center px-6 text-sm text-muted-foreground">
+          <div className="flex min-h-80 items-center justify-center px-6 text-muted-foreground">
             Loading integration details…
           </div>
         ) : loadError ? (
           <div
             role="alert"
-            className="flex min-h-80 items-center justify-center px-6 text-sm text-destructive"
+            className="flex min-h-80 items-center justify-center px-6 text-destructive"
           >
             {loadError}
           </div>

package/dist/assets/adapters/next/templates/init/components/shared/entity-metadata.tsx CHANGED Viewed

@@ -47,7 +47,7 @@ export function EntityMetadata({
     typeof data.published === 'boolean' ? (data.published ? 'Published' : 'Draft') : null
   return (
-    <div className="flex w-full flex-wrap items-center justify-between gap-3 text-sm text-muted-foreground">
+    <div className="flex w-full flex-wrap items-center justify-between gap-3 text-muted-foreground">
       <div className="flex flex-wrap items-center gap-3">
         <div className="flex items-center gap-1">
           <span>ID</span>