npm - betterstart-cli - Versions diffs - 0.0.119 → 0.0.121 - Mend

betterstart-cli 0.0.119 → 0.0.121

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

@@ -44,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);
@@ -224,7 +220,7 @@
   --chart-3: var(--ds-teal-700);
   --chart-4: var(--ds-amber-700);
   --chart-5: var(--ds-pink-700);
-  --radius: 0.625rem;
+  --radius: 6px;
   --shadow-background-border: 0 0 0 1px var(--background);
   --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);
@@ -296,6 +292,8 @@
   body {
     @apply bg-background text-foreground;
+    font-size: 14px;
+    line-height: 20px;
   }
   .admin-root {
@@ -364,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 {
@@ -390,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
@@ -475,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
@@ -490,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;
 }
@@ -517,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 {
@@ -592,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 {
@@ -699,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 {
@@ -717,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>

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

@@ -24,7 +24,7 @@ export function EntityVersionItem({
   const authorLabel = author?.name || author?.email || 'System'
   return (
-    <div className="flex items-center justify-between gap-3 rounded-sm border border-border px-3 py-3 shadow-input">
+    <div className="flex items-center justify-between gap-3 rounded border border-border px-3 py-3 shadow-input">
       <div className="flex min-w-0 items-center gap-3">
         <Avatar size="sm">
           {author?.image ? <AvatarImage src={author.image} alt={authorLabel} /> : null}
@@ -36,7 +36,7 @@ export function EntityVersionItem({
             <Badge variant="secondary">v{version.version}</Badge>
           </div>
           <Tooltip>
-            <TooltipTrigger render={<p className="w-fit text-xs text-muted-foreground" />}>
+            <TooltipTrigger render={<p className="w-fit text-muted-foreground" />}>
               Saved {formatDistanceToNow(createdDate, { addSuffix: true })}
             </TooltipTrigger>
             <TooltipContent>{format(createdDate, 'PPpp')}</TooltipContent>

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

@@ -22,7 +22,7 @@ export function EntityVersionsCurrentRow({ updatedAt, author }: EntityVersionsCu
   const authorLabel = author?.name || author?.email || 'System'
   return (
-    <div className="flex items-center justify-between gap-3 rounded-sm border border-border bg-card px-3 py-3 shadow-input">
+    <div className="flex items-center justify-between gap-3 rounded border border-border bg-card px-3 py-3 shadow-input">
       <div className="flex min-w-0 items-center gap-3">
         <Avatar size="sm">
           {author?.image ? <AvatarImage src={author.image} alt={authorLabel} /> : null}
@@ -34,7 +34,7 @@ export function EntityVersionsCurrentRow({ updatedAt, author }: EntityVersionsCu
             <Badge variant="outline">Current</Badge>
           </div>
           <Tooltip>
-            <TooltipTrigger render={<p className="w-fit text-xs text-muted-foreground" />}>
+            <TooltipTrigger render={<p className="w-fit text-muted-foreground" />}>
               Edited {formatDistanceToNow(updatedDate, { addSuffix: true })}
             </TooltipTrigger>
             <TooltipContent>{format(updatedDate, 'PPpp')}</TooltipContent>

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

@@ -54,12 +54,12 @@ export function EntityVersionsDrawer({
           <div className="flex flex-col gap-1 px-6">
             <EntityVersionsCurrentRow updatedAt={currentUpdatedAt} author={currentAuthor} />
             {isPending ? (
-              <p className="rounded-sm border border-dashed border-border px-3 py-6 text-center text-sm text-muted-foreground">
+              <p className="rounded border border-dashed border-border px-3 py-6 text-center text-muted-foreground">
                 Loading versions…
               </p>
             ) : null}
             {!isPending && versions.length === 0 ? (
-              <p className="rounded-sm border border-dashed border-border px-3 py-6 text-center text-sm text-muted-foreground">
+              <p className="rounded border border-dashed border-border px-3 py-6 text-center text-muted-foreground">
                 No previous versions yet.
               </p>
             ) : null}

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

@@ -94,7 +94,7 @@ export function EditMediaDialogContent({
     <DrawerContent className="h-full w-full overflow-hidden">
       <div
         ref={handleDrawerContainerRef}
-        className="pointer-events-none absolute inset-3 z-20 overflow-hidden rounded-sm"
+        className="pointer-events-none absolute inset-3 z-20 overflow-hidden rounded"
       />
       <div className="relative z-10 flex min-h-0 flex-1 flex-col gap-3 overflow-hidden">
         <DrawerHeader>
@@ -109,7 +109,7 @@ export function EditMediaDialogContent({
           >
             <Card>
               <CardContent className="p-0">
-                <div className="relative aspect-video overflow-hidden rounded-sm bg-background">
+                <div className="relative aspect-video overflow-hidden rounded bg-background">
                   <MediaPreview media={media} showMetadata />
                 </div>
               </CardContent>

package/dist/assets/adapters/next/templates/init/components/shared/media/media-delete-drawer.tsx CHANGED Viewed

@@ -111,18 +111,18 @@ export function MediaDeleteDrawer({
       </DrawerTrigger>
       <DrawerContent className="pointer-events-auto max-h-[calc(100%-1rem)] overflow-hidden p-3 outline-none">
         <div
-          className="overflow-hidden rounded-sm border border-border bg-popover text-sm text-popover-foreground shadow-2xl transition-[height] duration-200 ease-out"
+          className="overflow-hidden rounded border border-border bg-popover text-popover-foreground shadow-2xl transition-[height] duration-200 ease-out"
           style={contentHeight ? { height: contentHeight } : undefined}
         >
           <div ref={contentRef} className="max-h-[calc(100vh-8rem)] overflow-y-auto px-4 pt-4 pb-4">
-            <div aria-hidden="true" className="mx-auto mb-5 h-1.5 w-20 rounded-sm bg-muted" />
-            <div className="mb-3 flex size-10 items-center justify-center rounded-sm bg-destructive/10 text-foreground">
+            <div aria-hidden="true" className="mx-auto mb-5 h-1.5 w-20 rounded bg-muted" />
+            <div className="mb-3 flex size-10 items-center justify-center rounded bg-destructive/10 text-foreground">
               <TriangleAlert className="size-5" />
             </div>
-            <DrawerTitle className="font-heading text-base font-medium text-foreground">
+            <DrawerTitle className="font-heading font-medium text-foreground">
               Delete this media?
             </DrawerTitle>
-            <DrawerDescription className="mt-1 text-sm text-muted-foreground">
+            <DrawerDescription className="mt-1 text-muted-foreground">
               This deletes {media.filename} from the media library. The stored file is not deleted.
             </DrawerDescription>
             <div className="mt-5 grid grid-cols-2 gap-2">

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

@@ -34,7 +34,7 @@ export const MediaGridItem = React.memo(function MediaGridItem({
           'border-highlight': selected
         })}
       >
-        <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">
           <MediaPreview media={item} isFilled />
         </div>
@@ -42,7 +42,7 @@ export const MediaGridItem = React.memo(function MediaGridItem({
           <Checkbox
             aria-label={selected ? `Deselect ${item.filename}` : `Select ${item.filename}`}
             tabIndex={-1}
-            className={cn('absolute top-3 right-3 z-10 rounded-sm bg-card', {
+            className={cn('absolute top-3 right-3 z-10 rounded bg-card', {
               'ring ring-white': selected
             })}
             checked={selected}
@@ -52,7 +52,7 @@ export const MediaGridItem = React.memo(function MediaGridItem({
       </CardContent>
       <CardFooter>
         <span
-          className={cn('w-full truncate text-sm text-muted-foreground', {
+          className={cn('w-full truncate text-muted-foreground', {
             'group-hover:text-foreground': Boolean(onClick)
           })}
         >

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

@@ -79,7 +79,7 @@ export function MediaGridPagination({
       >
         {!isMinimal && (
           <div className="flex items-center gap-2">
-            <span className="text-sm text-muted-foreground">{perPage}</span>
+            <span className="text-muted-foreground">{perPage}</span>
             <Select value={pageSizeValue} onValueChange={handlePageSizeChange}>
               <SelectTrigger className="h-8 w-25">
                 <SelectValue>{pageSize}</SelectValue>
@@ -101,7 +101,7 @@ export function MediaGridPagination({
           </Button>
           {!isMinimal && (
-            <div className="text-sm text-muted-foreground">
+            <div className="text-muted-foreground">
               Page {page} of {pageCount}
             </div>
           )}

package/dist/assets/adapters/next/templates/init/components/shared/media/media-preview.tsx CHANGED Viewed

@@ -37,7 +37,7 @@ export function MediaPreview({ media, isFilled = false, showMetadata = false }:
         />
         {showMetadata && (
-          <div className="pointer-events-none absolute inset-x-0 bottom-0 z-10 flex w-full items-center justify-between gap-4 bg-[linear-gradient(to_top,color-mix(in_oklab,var(--primary)_86%,transparent)_0%,color-mix(in_oklab,var(--primary)_52%,transparent)_48%,transparent_100%)] px-3 py-2 text-left text-xs font-medium text-white">
+          <div className="pointer-events-none absolute inset-x-0 bottom-0 z-10 flex w-full items-center justify-between gap-4 bg-[linear-gradient(to_top,color-mix(in_oklab,var(--primary)_86%,transparent)_0%,color-mix(in_oklab,var(--primary)_52%,transparent)_48%,transparent_100%)] px-3 py-2 text-left font-medium text-white">
             <p className="truncate">{media.filename}</p>
             <p className="shrink-0">
               {media.contentType} &middot; {(media.size / 1024).toFixed(1)} KB

package/dist/assets/adapters/next/templates/init/components/shared/media/media-url-importer.tsx CHANGED Viewed

@@ -142,7 +142,7 @@ export function MediaUrlImporter({ onImportFromUrl, accept, className }: MediaUr
           </Form>
           <div className="flex w-full flex-col items-center text-center">
-            <p className="text-sm text-muted-foreground">{urlHelpText}</p>
+            <p className="text-muted-foreground">{urlHelpText}</p>
           </div>
         </div>
       </CardContent>

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

@@ -32,7 +32,7 @@ export function PageHeader({
           )}
         </div>
         <div className="flex min-w-0 items-center justify-center gap-2">
-          <h2 className="truncate text-sm font-medium tracking-tight">{title}</h2>
+          <h2 className="truncate font-medium tracking-tight">{title}</h2>
         </div>
         <div className="flex w-full min-w-0 items-center justify-end gap-2">
           {children}

package/dist/assets/adapters/next/templates/init/components/shared/sort-order-drag-overlay-item.tsx CHANGED Viewed

@@ -9,7 +9,7 @@ export function DragOverlayItem({ label }: { label: string }) {
       className="w-full shrink-0 cursor-grabbing touch-none justify-start gap-2 px-2 font-normal"
     >
       <GripVertical strokeWidth={1} />
-      <span className="min-w-0 truncate text-sm">{label}</span>
+      <span className="min-w-0 truncate">{label}</span>
     </Button>
   )
 }