betterstart-cli 0.0.119 → 0.0.121

package/dist/cli.js

@@ -4442,7 +4442,7 @@ function renderFieldJsxChangeHandlerTemplate({
   jsString: jsString2,
   escapeJsx: escapeJsx2
 }) {
-  return `                  <label htmlFor="${escapeAttribute2}" className="flex items-center gap-2 text-sm font-medium leading-none">
+  return `                  <label htmlFor="${escapeAttribute2}" className="flex items-center gap-2 font-medium leading-none">
                     <input
                       type="radio"
                       id="${escapeAttribute2}"
@@ -4515,7 +4515,7 @@ function renderFieldJsxChangeHandlerEscapedJsxTemplate({
   jsString: jsString2,
   escapeJsx: escapeJsx2
 }) {
-  return `                  <label htmlFor="${escapeAttribute2}" className="flex items-center gap-2 text-sm font-medium leading-none">
+  return `                  <label htmlFor="${escapeAttribute2}" className="flex items-center gap-2 font-medium leading-none">
                     <input
                       type="checkbox"
                       id="${escapeAttribute2}"
@@ -4612,7 +4612,7 @@ function renderErrorMessageLineLayoutTemplate({
   pathExpression: pathExpression2
 }) {
   return `${indent}{getFieldErrorMessage(form.formState, watchedValues, revealErrors, ${pathExpression2}) ? (
-${indent}  <p className="text-sm text-destructive">
+${indent}  <p className="text-destructive">
 ${indent}    {getFieldErrorMessage(form.formState, watchedValues, revealErrors, ${pathExpression2})}
 ${indent}  </p>
 ${indent}) : null}`;
@@ -4635,15 +4635,16 @@ function fieldContainerClass(height, className = "space-y-2") {
 // adapters/next/generators/form-pipeline/form-component-shared/field-description-line.ts
 function fieldDescriptionLine(name, hint) {
   if (!hint) return "";
-  return `<p id="${escapeAttribute(name)}-description" className="text-sm text-muted-foreground">${escapeJsx(hint)}</p>`;
+  return `<p id="${escapeAttribute(name)}-description" className="text-muted-foreground">${escapeJsx(hint)}</p>`;
 }
 
 // adapters/next/generators/form-pipeline/form-component-shared/form-label-line.ts
 function formLabelLine(name, label, requiredStar, className) {
-  const classes = className ?? "text-sm font-medium leading-none";
+  const classes = className ?? "font-medium leading-none";
+  const classAttribute = classes ? ` className="${classes}"` : "";
   if (!label)
     return `<label htmlFor="${escapeAttribute(name)}" className="sr-only">${escapeJsx(humanizeName(name))}${requiredStar}</label>`;
-  return `<label htmlFor="${escapeAttribute(name)}" className="${classes}">${label}${requiredStar}</label>`;
+  return `<label htmlFor="${escapeAttribute(name)}"${classAttribute}>${label}${requiredStar}</label>`;
 }
 
 // adapters/next/templates/renderers/generators/form-pipeline/form-component-shared/label-with-description-line.ts
@@ -4714,7 +4715,7 @@ ${errorMessageLine2}
 
 // adapters/next/generators/form-pipeline/form-component-shared/input-class.ts
 function inputClass(height) {
-  const base = "h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs outline-none transition-[color,box-shadow] placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50";
+  const base = "h-9 w-full rounded border border-input bg-transparent px-3 py-1 shadow-xs outline-none transition-[color,box-shadow] placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50";
   return height === "fill" ? `${base} flex-1` : base;
 }
 
@@ -4754,7 +4755,7 @@ function renderListFieldJsxFieldControllerTemplate({
                       name={\`${name}.\${index}.${nfName}\`}
                       render={({ field }) => (
                         <div className="flex-1 space-y-2">
-                          <label htmlFor={field.name} className="text-sm font-medium leading-none">${nfLabelRaw}</label>
+                          <label htmlFor={field.name} className="font-medium leading-none">${nfLabelRaw}</label>
                           <select
                             id={field.name}
                             value={field.value ?? ''}
@@ -4785,7 +4786,7 @@ function renderListFieldJsxFieldControllerFieldNameTemplate({
                       name={\`${name}.\${index}.${nfName}\`}
                       render={({ field }) => (
                         <div className="flex-1 space-y-2">
-                          <label htmlFor={field.name} className="text-sm font-medium leading-none">${nfLabelRaw}</label>
+                          <label htmlFor={field.name} className="font-medium leading-none">${nfLabelRaw}</label>
                           <input
                             id={field.name}
                             type="number"
@@ -4819,7 +4820,7 @@ function renderListFieldJsxFieldControllerFieldNameFieldTemplate({
                       name={\`${name}.\${index}.${nfName}\`}
                       render={({ field }) => (
                         <div className="flex-1 space-y-2">
-                          <label htmlFor={field.name} className="text-sm font-medium leading-none">${nfLabelRaw}</label>
+                          <label htmlFor={field.name} className="font-medium leading-none">${nfLabelRaw}</label>
                           <input
                             id={field.name}
                             type="text"
@@ -4846,11 +4847,11 @@ function renderListFieldJsxClickHandlerTemplate({
   return `        <div className="space-y-2">
           ${labelWithDescriptionLine2}
           {${name}FieldArray.fields.map((item, index) => (
-            <div key={item.id} className="relative rounded-sm border p-4">
+            <div key={item.id} className="relative rounded border p-4">
               <button
                 type="button"
                 onClick={() => ${name}FieldArray.remove(index)}
-                className="absolute right-2 top-2 inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground hover:bg-destructive/10 hover:text-destructive"
+                className="absolute right-2 top-2 inline-flex h-7 w-7 items-center justify-center rounded text-muted-foreground hover:bg-destructive/10 hover:text-destructive"
               >
                 <Trash2 className="size-4" />
                 <span className="sr-only">Remove</span>
@@ -4863,7 +4864,7 @@ ${nestedFieldsJsx}
           <button
             type="button"
             onClick={() => ${name}FieldArray.append({ ${defaultObj} })}
-            className="inline-flex h-9 items-center justify-center rounded-md border border-input bg-background px-4 py-2 text-sm font-medium shadow-xs transition-colors hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50"
+            className="inline-flex h-9 items-center justify-center rounded border border-input bg-background px-4 py-2 font-medium shadow-xs transition-colors hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50"
           >
             Add ${singularLabel}
           </button>
@@ -5012,7 +5013,7 @@ function generateListFieldJSX(field, name, label, hintJSX, requiredStar) {
     kind: "renderListFieldJsxClickHandlerTemplate",
     props: {
       labelWithDescriptionLine: labelWithDescriptionLine(
-        formLabelLine(name, label, requiredStar, "text-sm font-medium leading-none"),
+        formLabelLine(name, label, requiredStar, "font-medium leading-none"),
         hintJSX,
         "          "
       ),
@@ -5136,7 +5137,7 @@ function generateNumberFieldJSX(name, label, placeholder, hintJSX, requiredStar,
 
 // adapters/next/generators/form-pipeline/form-component-shared/textarea-class.ts
 function textareaClass(height) {
-  const base = "min-h-24 w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs outline-none transition-[color,box-shadow] placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50";
+  const base = "min-h-24 w-full rounded border border-input bg-transparent px-3 py-2 shadow-xs outline-none transition-[color,box-shadow] placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50";
   return height === "fill" ? `${base} flex-1` : base;
 }
 
@@ -5556,8 +5557,8 @@ ${pFieldArraySetup}${pWatchSetup}
 
   if (submitted) {
     return (
-      <div className="rounded-sm border p-6 text-center">
-        <h3 className="text-lg font-semibold">Thank you!</h3>
+      <div className="rounded border p-6 text-center">
+        <h3 className="font-semibold">Thank you!</h3>
         <p className="mt-2 text-muted-foreground">${pSuccessMessage}</p>
       </div>
     )
@@ -5566,9 +5567,9 @@ ${pFieldArraySetup}${pWatchSetup}
   return (
     <form onSubmit={(event) => event.preventDefault()} className="space-y-8">
         <div>
-          <h3 className="text-lg font-semibold">{STEPS[currentStep].label}</h3>
+          <h3 className="font-semibold">{STEPS[currentStep].label}</h3>
           {'description' in STEPS[currentStep] && STEPS[currentStep].description && (
-            <p className="text-sm text-muted-foreground mt-1">{STEPS[currentStep].description}</p>
+            <p className="text-muted-foreground mt-1">{STEPS[currentStep].description}</p>
           )}
         </div>
 
@@ -5577,7 +5578,7 @@ ${pStepContentBlocks}
         </div>
 
         {form.formState.errors.root && (
-          <p className="text-sm text-destructive">{form.formState.errors.root.message}</p>
+          <p className="text-destructive">{form.formState.errors.root.message}</p>
         )}
 
         <div className="flex justify-between">
@@ -5585,7 +5586,7 @@ ${pStepContentBlocks}
             type="button"
             onClick={handleBack}
             disabled={currentStep === 0}
-            className="inline-flex h-9 items-center justify-center rounded-md border border-input bg-background px-4 py-2 text-sm font-medium shadow-xs transition-colors hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50"
+            className="inline-flex h-9 items-center justify-center rounded border border-input bg-background px-4 py-2 font-medium shadow-xs transition-colors hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50"
           >
             <ChevronLeft className="size-4" />
             Back
@@ -5594,7 +5595,7 @@ ${pStepContentBlocks}
             <button
               type="button"
               onClick={handleNext}
-              className="inline-flex h-9 items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow-xs transition-colors hover:bg-primary/90 disabled:pointer-events-none disabled:opacity-50"
+              className="inline-flex h-9 items-center justify-center rounded bg-primary px-4 py-2 font-medium text-primary-foreground shadow-xs transition-colors hover:bg-primary/90 disabled:pointer-events-none disabled:opacity-50"
             >
               Next
               <ChevronRight className="ml-2 size-4" />
@@ -5605,7 +5606,7 @@ ${pStepContentBlocks}
               disabled={submitting}
               aria-busy={submitting}
               onClick={() => form.handleSubmit(onSubmit)()}
-              className="inline-flex h-9 items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow-xs transition-colors hover:bg-primary/90 disabled:pointer-events-none disabled:opacity-50"
+              className="inline-flex h-9 items-center justify-center rounded bg-primary px-4 py-2 font-medium text-primary-foreground shadow-xs transition-colors hover:bg-primary/90 disabled:pointer-events-none disabled:opacity-50"
             >
               {submitting ? 'Submitting\u2026' : ${pSubmitText}}
             </button>
@@ -5803,8 +5804,8 @@ ${fieldArraySetup}${watchSetup}
 
   if (submitted) {
     return (
-      <div className="rounded-sm border p-6 text-center">
-        <h3 className="text-lg font-semibold">Thank you!</h3>
+      <div className="rounded border p-6 text-center">
+        <h3 className="font-semibold">Thank you!</h3>
         <p className="mt-2 text-muted-foreground">${successMessage}</p>
       </div>
     )
@@ -5815,14 +5816,14 @@ ${fieldArraySetup}${watchSetup}
 ${fieldJsx}
 
       {form.formState.errors.root && (
-        <p className="text-sm text-destructive">{form.formState.errors.root.message}</p>
+        <p className="text-destructive">{form.formState.errors.root.message}</p>
       )}
 
       <button
         type="submit"
         disabled={submitting}
         aria-busy={submitting}
-        className="inline-flex h-9 items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow-xs transition-colors hover:bg-primary/90 disabled:pointer-events-none disabled:opacity-50"
+        className="inline-flex h-9 items-center justify-center rounded bg-primary px-4 py-2 font-medium text-primary-foreground shadow-xs transition-colors hover:bg-primary/90 disabled:pointer-events-none disabled:opacity-50"
       >
         {submitting ? 'Submitting\u2026' : ${submitText}}
       </button>
@@ -6520,7 +6521,7 @@ function renderBuildSortableHeaderButtonJsxActionButtonsTemplate({
   return `<Button
           variant="ghost"
           onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
-          className="${className} min-w-0 justify-start overflow-hidden px-0! border-none rounded-none bg-transparent! scale-100! group"
+          className="${className} min-w-0 justify-start overflow-hidden px-0! border-none bg-transparent! scale-100! group"
           aria-label={\`Sort by ${escapeTemplateText2}, \${sortLabel}\`}
           aria-sort={sortDirection === 'asc' ? 'ascending' : sortDirection === 'desc' ? 'descending' : 'none'}
         >
@@ -6650,7 +6651,7 @@ function buildColumnSize(size) {
 function renderColumnDefLayoutTemplate({ colAccessorKey }) {
   return `cell: ({ row }) => {
       const email = row.getValue('${colAccessorKey}') as string
-      return <div className="text-sm font-medium">{email || '-'}</div>
+      return <div className="font-medium">{email || '-'}</div>
     }`;
 }
 function renderColumnDefDateTemplate({ colAccessorKey }) {
@@ -6965,7 +6966,7 @@ ${deleteTransition}${bulkDeleteHandler}
         actions={
           <div className="flex items-center gap-1">
             <${devModeIntegrateButtonExportName} initialSettings={initialSettings} />${exportButton}
-            <Button variant="outline" render={<Link href="${adminRoutePath}/settings/forms" />}>
+            <Button variant="outline" nativeButton={false} render={<Link href="${adminRoutePath}/settings/forms" />}>
                 <Settings className="size-3.5" />
                 Settings
             </Button>
@@ -7135,8 +7136,8 @@ function generatePage(pascal, kebab) {
 // adapters/next/templates/renderers/generators/form-admin/admin-submission-drawer.ts
 function renderSubmissionDrawerEmailField({ lbl, name }) {
   return `              <div className="space-y-1">
-                <p className="text-sm font-medium text-muted-foreground">${lbl}</p>
-                <p className="text-sm">
+                <p className="font-medium text-muted-foreground">${lbl}</p>
+                <p>
                   {submission.${name} ? (
                     <a href={\`mailto:\${submission.${name}}\`} className="text-primary hover:underline">{submission.${name}}</a>
                   ) : '-'}
@@ -7148,26 +7149,26 @@ function renderSubmissionDrawerMultilineField({
   name
 }) {
   return `              <div className="space-y-1">
-                <p className="text-sm font-medium text-muted-foreground">${lbl}</p>
-                <p className="text-sm whitespace-pre-wrap">{submission.${name} || '-'}</p>
+                <p className="font-medium text-muted-foreground">${lbl}</p>
+                <p className="whitespace-pre-wrap">{submission.${name} || '-'}</p>
               </div>`;
 }
 function renderSubmissionDrawerBooleanField({ lbl, name }) {
   return `              <div className="space-y-1">
-                <p className="text-sm font-medium text-muted-foreground">${lbl}</p>
-                <p className="text-sm">{submission.${name} ? 'Yes' : 'No'}</p>
+                <p className="font-medium text-muted-foreground">${lbl}</p>
+                <p>{submission.${name} ? 'Yes' : 'No'}</p>
               </div>`;
 }
 function renderSubmissionDrawerDateField({ lbl, name }) {
   return `              <div className="space-y-1">
-                <p className="text-sm font-medium text-muted-foreground">${lbl}</p>
-                <p className="text-sm">{submission.${name} ? new Date(submission.${name}).toLocaleDateString() : '-'}</p>
+                <p className="font-medium text-muted-foreground">${lbl}</p>
+                <p>{submission.${name} ? new Date(submission.${name}).toLocaleDateString() : '-'}</p>
               </div>`;
 }
 function renderSubmissionDrawerUrlField({ lbl, name }) {
   return `              <div className="space-y-1">
-                <p className="text-sm font-medium text-muted-foreground">${lbl}</p>
-                <p className="text-sm">
+                <p className="font-medium text-muted-foreground">${lbl}</p>
+                <p>
                   {submission.${name} ? (
                     <a href={submission.${name}} target="_blank" rel="noopener noreferrer" className="text-primary hover:underline break-all">{submission.${name}}</a>
                   ) : '-'}
@@ -7176,8 +7177,8 @@ function renderSubmissionDrawerUrlField({ lbl, name }) {
 }
 function renderSubmissionDrawerListField({ lbl, name }) {
   return `              <div className="space-y-1">
-                <p className="text-sm font-medium text-muted-foreground">${lbl}</p>
-                <div className="text-sm">
+                <p className="font-medium text-muted-foreground">${lbl}</p>
+                <div>
                   {Array.isArray(submission.${name}) && submission.${name}.length > 0 ? (
                     <ul className="list-inside list-disc space-y-1">
                       {submission.${name}.map((item: unknown) => {
@@ -7195,19 +7196,19 @@ function renderSubmissionDrawerListField({ lbl, name }) {
 }
 function renderSubmissionDrawerValueField({ lbl, name }) {
   return `              <div className="space-y-1">
-                <p className="text-sm font-medium text-muted-foreground">${lbl}</p>
-                <p className="text-sm">{submission.${name} ?? '-'}</p>
+                <p className="font-medium text-muted-foreground">${lbl}</p>
+                <p>{submission.${name} ?? '-'}</p>
               </div>`;
 }
 function renderSubmissionDrawerCustomFieldsSection() {
   return `
               {submission.customFields && Object.keys(submission.customFields).length > 0 && (
                 <div className="space-y-3 border-t pt-4">
-                  <p className="text-sm font-semibold text-muted-foreground">Custom Fields</p>
+                  <p className="font-semibold text-muted-foreground">Custom Fields</p>
                   {Object.entries(submission.customFields).map(([key, value]) => (
                     <div key={key} className="space-y-1">
-                      <p className="text-sm font-medium capitalize">{key.replace(/([A-Z])/g, ' $1').trim()}</p>
-                      <p className="text-sm">{value !== null && value !== undefined ? String(value) : '-'}</p>
+                      <p className="font-medium capitalize">{key.replace(/([A-Z])/g, ' $1').trim()}</p>
+                      <p>{value !== null && value !== undefined ? String(value) : '-'}</p>
                     </div>
                   ))}
                 </div>
@@ -7271,23 +7272,23 @@ export function ${pascal}SubmissionDrawer({
         </DrawerHeader>
         <ScrollArea className="min-h-0 flex-1">
           {isPending ? (
-            <div className="p-4 text-sm text-muted-foreground">Loading submission\u2026</div>
+            <div className="p-4 text-muted-foreground">Loading submission\u2026</div>
           ) : error ? (
-            <div className="p-4 text-sm text-destructive">
+            <div className="p-4 text-destructive">
               Error loading submission: {error.message}
             </div>
           ) : submission ? (
             <div className="p-4">
-              <div className="space-y-4 rounded-sm border border-border bg-card p-4">
+              <div className="space-y-4 rounded border border-border bg-card p-4">
 ${fieldItems}${customFieldsSection}
                 <div className="space-y-1 border-t pt-4">
-                  <p className="text-sm font-medium text-muted-foreground">Submitted At</p>
-                  <p className="text-sm">{formatDateTime(submission.submittedAt)}</p>
+                  <p className="font-medium text-muted-foreground">Submitted At</p>
+                  <p>{formatDateTime(submission.submittedAt)}</p>
                 </div>
               </div>
             </div>
           ) : submissionId ? (
-            <div className="p-4 text-sm text-muted-foreground">Submission not found.</div>
+            <div className="p-4 text-muted-foreground">Submission not found.</div>
           ) : null}
         </ScrollArea>
       </DrawerContent>
@@ -13525,7 +13526,7 @@ function renderColumnDefLayoutTemplate2({
   return `cell: ({ row }) => {
       ${generateAuthorshipValue2}
       return label ? (
-        <div className="text-sm font-medium" title={actor?.email}>
+        <div className="font-medium" title={actor?.email}>
           {label}
         </div>
       ) : (
@@ -13586,7 +13587,7 @@ function renderColumnDefLayoutDetailsTemplate2({
   return `cell: ({ row }) => {
       const date = new Date(row.getValue('${columnAccessorKey}'))
       return (
-        <div className="text-sm">
+        <div>
           {date.toLocaleDateString('en-US', {
             month: 'short',
             day: 'numeric',
@@ -13601,7 +13602,7 @@ function renderColumnDefLayoutDetailsBranchTemplate({
 }) {
   return `cell: ({ row }) => {
       const email = row.getValue('${columnAccessorKey}') as string
-      return <div className="text-sm font-medium">{email}</div>
+      return <div className="font-medium">{email}</div>
     }`;
 }
 function renderColumnDefLayoutDetailsBranchBodyTemplate({
@@ -13610,7 +13611,7 @@ function renderColumnDefLayoutDetailsBranchBodyTemplate({
   return `cell: ({ row }) => {
       const amount = row.getValue('${columnAccessorKey}') as number
       return (
-        <div className="text-sm font-medium">
+        <div className="font-medium">
           {new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(amount)}
         </div>
       )
@@ -13619,7 +13620,7 @@ function renderColumnDefLayoutDetailsBranchBodyTemplate({
 function renderNumberColumnCell({ columnAccessorKey }) {
   return `cell: ({ row }) => {
       const value = row.getValue('${columnAccessorKey}') as number
-      return <div className="text-sm">{value}</div>
+      return <div>{value}</div>
     }`;
 }
 function renderColumnDefRenderDetailsBranchTemplate({
@@ -13645,7 +13646,7 @@ function renderLinkColumnCell({ columnAccessorKey }) {
           href={value}
           target="_blank"
           rel="noopener noreferrer"
-          className="text-sm text-blue-600 hover:text-blue-800 hover:underline"
+          className="text-blue-600 hover:text-blue-800 hover:underline"
           title={value}
         >
           {truncateText(value, 50)}
@@ -13868,7 +13869,7 @@ function renderImageElementLayoutTemplate({
               alt={title ? \`${columnHeader} image for \${title}\` : '${columnHeader} image'}
               fill
               sizes="40px"
-              className="rounded-sm object-cover"
+              className="rounded object-cover"
               unoptimized
             />
           ) : (
@@ -14148,7 +14149,7 @@ function renderFirstColumnDefLayoutGenerateAuthorshipValueTemplate({
             aria-label="Select row"
           />
           {label ? (
-            <span className="text-sm font-medium truncate max-w-table-cell" title={actor?.email}>
+            <span className="font-medium truncate max-w-table-cell" title={actor?.email}>
               {label}
             </span>
           ) : (
@@ -14238,7 +14239,7 @@ function renderFirstColumnDefLayoutDetailsBranchBodyTemplate({
             onCheckedChange={(value) => row.toggleSelected(!!value)}
             aria-label="Select row"
           />
-          <div className="text-sm">
+          <div>
             {date.toLocaleDateString('en-US', {
               month: 'short',
               day: 'numeric',
@@ -14259,7 +14260,7 @@ function renderEmailColumnCell({ columnAccessorKey }) {
             onCheckedChange={(value) => row.toggleSelected(!!value)}
             aria-label="Select row"
           />
-          <span className="text-sm font-medium truncate max-w-table-cell">{email}</span>
+          <span className="font-medium truncate max-w-table-cell">{email}</span>
         </div>
       )
     }`;
@@ -14274,7 +14275,7 @@ function renderCurrencyColumnCell({ columnAccessorKey }) {
             onCheckedChange={(value) => row.toggleSelected(!!value)}
             aria-label="Select row"
           />
-          <div className="text-sm font-medium">
+          <div className="font-medium">
             {new Intl.NumberFormat('en-US', {
               style: 'currency',
               currency: 'USD'
@@ -14294,7 +14295,7 @@ function renderNumberColumnCell2({ columnAccessorKey }) {
             onCheckedChange={(value) => row.toggleSelected(!!value)}
             aria-label="Select row"
           />
-          <div className="text-sm">{value}</div>
+          <div>{value}</div>
         </div>
       )
     }`;
@@ -14410,7 +14411,7 @@ function renderFirstColumnDefClickHandlerTemplate({
               href={value}
               target="_blank"
               rel="noopener noreferrer"
-              className="text-sm text-blue-600 hover:text-blue-800 hover:underline truncate block max-w-[250px]"
+              className="text-blue-600 hover:text-blue-800 hover:underline truncate block max-w-[250px]"
               title={value}
               onClick={(e) => e.stopPropagation()}
             >
@@ -16248,7 +16249,7 @@ function renderFormTabContentTemplate({
   tName,
   tabFields
 }) {
-  return `${indent}  <TabsContent value="${tName}" className="space-y-4 pt-4 pb-6 px-4 rounded-sm border bg-card">
+  return `${indent}  <TabsContent value="${tName}" className="space-y-4 pt-4 pb-6 px-4 rounded border bg-card">
 ${tabFields}
 ${indent}  </TabsContent>`;
 }
@@ -17644,7 +17645,7 @@ function renderNestedField(field, indent, path114, depth) {
   if ((field.type === "group" || field.type === "section") && field.fields?.length) {
     const groupFields = field.fields.map((child) => renderNestedField(child, `${indent}    `, [...path114, child.name], depth)).filter(Boolean).join("\n");
     if (!groupFields) return "";
-    const heading = nestedLabel && nestedLabel !== field.name ? `${indent}<h3 className="text-base font-medium">${nestedLabel}</h3>
+    const heading = nestedLabel && nestedLabel !== field.name ? `${indent}<h3 className="font-medium">${nestedLabel}</h3>
 ` : "";
     const columns = field.columns || 1;
     return renderNestedFieldRenderer({
@@ -18108,7 +18109,7 @@ function renderGroupField(field, indent, label, context) {
   const columns = field.columns || 1;
   const groupFields = field.fields.map((nf) => generateFieldJSX2(nf, `${indent}    `, context)).filter(Boolean).join("\n");
   if (!groupFields) return "";
-  const heading = label && label !== field.name ? `${indent}<h3 className="text-lg font-medium">${label}</h3>
+  const heading = label && label !== field.name ? `${indent}<h3 className="font-medium">${label}</h3>
 ` : "";
   return renderGroupFieldLayoutTemplate({
     heading,
@@ -18448,7 +18449,7 @@ ${indent}                <ComboboxItem key={option.value} value={option}>
 ${indent}                  <span className="flex min-w-0 flex-col text-left">
 ${indent}                    <span className="truncate">{option.label}</span>
 ${indent}                    {option.secondaryLabel ? (
-${indent}                      <span className="truncate text-xs text-muted-foreground">{option.secondaryLabel}</span>
+${indent}                      <span className="truncate text-muted-foreground">{option.secondaryLabel}</span>
 ${indent}                    ) : null}
 ${indent}                  </span>
 ${indent}                </ComboboxItem>
@@ -18545,7 +18546,7 @@ ${indent}                <ComboboxItem key={option.value} value={option}>
 ${indent}                  <span className="flex min-w-0 flex-col text-left">
 ${indent}                    <span className="truncate">{option.label}</span>
 ${indent}                    {option.secondaryLabel ? (
-${indent}                      <span className="truncate text-xs text-muted-foreground">{option.secondaryLabel}</span>
+${indent}                      <span className="truncate text-muted-foreground">{option.secondaryLabel}</span>
 ${indent}                    ) : null}
 ${indent}                  </span>
 ${indent}                </ComboboxItem>
@@ -19186,7 +19187,7 @@ function renderSeparatorFieldLayoutTemplate({
 ${indent}  <div className="absolute inset-0 flex items-center">
 ${indent}    <Separator className="w-full" />
 ${indent}  </div>
-${indent}  <div className="relative flex justify-center text-xs uppercase">
+${indent}  <div className="relative flex justify-center uppercase">
 ${indent}    <span className="bg-background px-2 text-muted-foreground">${fieldLabel}</span>
 ${indent}  </div>
 ${indent}</div>`;
@@ -21157,7 +21158,7 @@ function renderPageContentActionButtonsTemplate2({
   schemaName,
   singularizeLabel: singularizeLabel2
 }) {
-  return `<Button render={<Link href="${adminRoutePath}/${schemaName}/new" />}>
+  return `<Button nativeButton={false} render={<Link href="${adminRoutePath}/${schemaName}/new" />}>
               Create ${singularizeLabel2}
             </Button>`;
 }
@@ -23203,7 +23204,7 @@ ${fieldArrayHooks}
       descriptionLine,
       fieldsJsx: fieldsJSX,
       groupHintText: group2.hint ? `
-            <p className="text-sm text-muted-foreground">${group2.hint}</p>` : ""
+ <p className="text-muted-foreground">${group2.hint}</p>` : ""
     }
   });
 }
@@ -33485,13 +33486,35 @@ function renderAdminThemeBlock() {
   --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
   --color-sidebar-border: var(--sidebar-border);
   --color-sidebar-ring: var(--sidebar-ring);
-  --radius-sm: calc(var(--radius) - 4px);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) + 4px);
+  --text-*: initial;
+  --radius-*: initial;
+  --radius: 6px;
 }`;
 }
 
+// adapters/next/templates/renderers/init/scaffolders/tailwind/base-font-declarations.ts
+function renderBaseFontDeclarations() {
+  return `  font-size: 14px;
+  line-height: 20px;
+`;
+}
+
+// adapters/next/init/scaffolders/tailwind/apply-base-font.ts
+function applyBaseFont(content) {
+  const bodyRule = /(?:^|\n)body\s*\{[^}]*\}/.exec(content);
+  if (!bodyRule) {
+    return `${content}
+body {
+${renderBaseFontDeclarations()}}
+`;
+  }
+  if (/font-size\s*:/.test(bodyRule[0])) {
+    return content;
+  }
+  const closingBrace = bodyRule.index + bodyRule[0].length - 1;
+  return `${content.slice(0, closingBrace)}${renderBaseFontDeclarations()}${content.slice(closingBrace)}`;
+}
+
 // adapters/next/init/scaffolders/tailwind/get-admin-theme-vars.ts
 function getAdminThemeVars() {
   return renderAdminThemeBlock().split("\n").filter((line) => line.trim().startsWith("--"));
@@ -33501,7 +33524,7 @@ function getAdminThemeVars() {
 function getMissingThemeVars(existingBlock) {
   return getAdminThemeVars().filter((line) => {
     const varName = line.trim().split(":")[0].trim();
-    return !existingBlock.includes(varName);
+    return !existingBlock.includes(`${varName}:`);
   }).map((line) => `  ${line.trim()}`);
 }
 
@@ -33562,6 +33585,11 @@ ${renderAdminThemeBlock()}
 `;
     changed = true;
   }
+  const withBaseFont = applyBaseFont(content);
+  if (withBaseFont !== content) {
+    content = withBaseFont;
+    changed = true;
+  }
   if (!content.includes("@utility shadow-input")) {
     content = `${content}
 ${renderAdminShadowInputUtility()}