betterstart-cli 0.0.119 → 0.0.121

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

@@ -25,7 +25,7 @@ export function SortableItem({ id, label }: SortOrderItemData) {
         {...listeners}
       >
         <GripVertical strokeWidth={1} />
-        <span className="min-w-0 truncate text-sm">{label}</span>
+        <span className="min-w-0 truncate">{label}</span>
       </Button>
     </div>
   )

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

@@ -46,7 +46,7 @@ export default function DashboardPage() {
             <CardContent className="p-10!">
               <div className="grid grid-cols-2 gap-10">
                 <div className="flex w-full flex-col gap-1">
-                  <p className="text-base font-medium">Hey, let's get started</p>
+                  <p className="font-medium">Hey, let's get started</p>
                   <p className="text-muted-foreground">
                     Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.
                   </p>
@@ -64,12 +64,12 @@ export default function DashboardPage() {
                         <div className="flex w-full flex-col gap-1">
                           {envVariables.map((env) => (
                             <div
-                              className="flex w-full flex-col rounded-sm border border-border bg-card py-2 pr-2 pl-4 shadow-card"
+                              className="flex w-full flex-col rounded border border-border bg-card py-2 pr-2 pl-4 shadow-card"
                               key={env.name}
                             >
                               <div className="flex items-center justify-between">
                                 <div className="flex items-center gap-2">
-                                  <span className="">{env.label}</span>
+                                  <span>{env.label}</span>
                                   <Badge variant={env.value ? 'success' : 'destructive'}>
                                     {env.value ? 'Connected' : 'Not configured'}
                                   </Badge>

package/dist/assets/adapters/next/templates/init/pages/forgot-password-form.tsx

@@ -82,7 +82,7 @@ export function ForgotPasswordForm({ className, ...props }: React.ComponentProps
               >
                 <FieldGroup className="gap-10 pb-12">
                   <div className="flex flex-col items-start">
-                    <h1 className="text-xl font-medium">Forgot password</h1>
+                    <h1 className="font-medium">Forgot password</h1>
                     <p className="text-balance text-muted-foreground">
                       Enter your email and we&apos;ll send you a reset link when email delivery is
                       enabled
@@ -110,7 +110,7 @@ export function ForgotPasswordForm({ className, ...props }: React.ComponentProps
                     </Field>
                     <Link
                       href="/admin/login"
-                      className="text-center text-sm underline-offset-4 hover:underline"
+                      className="text-center underline-offset-4 hover:underline"
                     >
                       Back to sign in
                     </Link>

package/dist/assets/adapters/next/templates/init/pages/forgot-password-page-skeleton.tsx

@@ -1,21 +1,21 @@
 export function ForgotPasswordPageSkeleton() {
   return (
-    <div className="overflow-hidden rounded-sm border bg-card">
+    <div className="overflow-hidden rounded border bg-card">
       <div className="grid grid-cols-[5fr_7fr]">
         <div className="block min-h-auth-forgot-panel bg-muted" />
         <div className="flex min-h-auth-forgot-panel flex-col gap-10 p-20">
           <div className="space-y-3">
-            <div className="h-6 w-40 animate-pulse rounded-md bg-muted" />
-            <div className="h-4 w-full max-w-72 animate-pulse rounded-md bg-muted" />
-            <div className="h-4 w-52 animate-pulse rounded-md bg-muted" />
+            <div className="h-6 w-40 animate-pulse rounded bg-muted" />
+            <div className="h-4 w-full max-w-72 animate-pulse rounded bg-muted" />
+            <div className="h-4 w-52 animate-pulse rounded bg-muted" />
           </div>
           <div className="space-y-4">
             <div className="space-y-2">
-              <div className="h-4 w-12 animate-pulse rounded-md bg-muted" />
-              <div className="h-10 w-full animate-pulse rounded-md bg-muted" />
+              <div className="h-4 w-12 animate-pulse rounded bg-muted" />
+              <div className="h-10 w-full animate-pulse rounded bg-muted" />
             </div>
-            <div className="h-10 w-full animate-pulse rounded-md bg-muted" />
-            <div className="mx-auto h-4 w-20 animate-pulse rounded-md bg-muted" />
+            <div className="h-10 w-full animate-pulse rounded bg-muted" />
+            <div className="mx-auto h-4 w-20 animate-pulse rounded bg-muted" />
           </div>
         </div>
       </div>

package/dist/assets/adapters/next/templates/init/pages/login-form.tsx

@@ -98,7 +98,7 @@ export function LoginForm({ className, ...props }: React.ComponentProps<'div'>)
             >
               <FieldGroup className="gap-10 pb-12">
                 <div className="flex flex-col items-start">
-                  <h1 className="text-xl font-medium">Sign In</h1>
+                  <h1 className="font-medium">Sign In</h1>
                 </div>
                 <div className="flex flex-col gap-4">
                   <Field>
@@ -119,7 +119,7 @@ export function LoginForm({ className, ...props }: React.ComponentProps<'div'>)
                       <FieldLabel htmlFor="password">Password</FieldLabel>
                       <Link
                         href="/admin/forgot-password"
-                        className="ml-auto text-sm underline-offset-4 hover:underline"
+                        className="ml-auto underline-offset-4 hover:underline"
                         tabIndex={-1}
                       >
                         Forgot password?

package/dist/assets/adapters/next/templates/init/pages/login-page-skeleton.tsx

@@ -1,23 +1,23 @@
 export function LoginPageSkeleton() {
   return (
-    <div className="overflow-hidden rounded-sm border bg-card">
+    <div className="overflow-hidden rounded border bg-card">
       <div className="grid grid-cols-[5fr_7fr]">
         <div className="block min-h-auth-login-panel bg-muted" />
         <div className="flex min-h-auth-login-panel flex-col gap-10 p-20">
           <div className="space-y-3">
-            <div className="h-6 w-32 animate-pulse rounded-md bg-muted" />
-            <div className="h-4 w-40 animate-pulse rounded-md bg-muted" />
+            <div className="h-6 w-32 animate-pulse rounded bg-muted" />
+            <div className="h-4 w-40 animate-pulse rounded bg-muted" />
           </div>
           <div className="space-y-4">
             <div className="space-y-2">
-              <div className="h-4 w-12 animate-pulse rounded-md bg-muted" />
-              <div className="h-10 w-full animate-pulse rounded-md bg-muted" />
+              <div className="h-4 w-12 animate-pulse rounded bg-muted" />
+              <div className="h-10 w-full animate-pulse rounded bg-muted" />
             </div>
             <div className="space-y-2">
-              <div className="h-4 w-20 animate-pulse rounded-md bg-muted" />
-              <div className="h-10 w-full animate-pulse rounded-md bg-muted" />
+              <div className="h-4 w-20 animate-pulse rounded bg-muted" />
+              <div className="h-10 w-full animate-pulse rounded bg-muted" />
             </div>
-            <div className="h-10 w-full animate-pulse rounded-md bg-muted" />
+            <div className="h-10 w-full animate-pulse rounded bg-muted" />
           </div>
         </div>
       </div>

package/dist/assets/adapters/next/templates/init/pages/minimal-account-shell.tsx

@@ -13,7 +13,7 @@ export function MinimalAccountShell({
       <header className="sticky top-0 z-50 flex h-14 items-center justify-between border-b bg-background px-6">
         <Link
           href="/admin/profile"
-          className="text-sm font-medium transition-colors hover:text-foreground/80"
+          className="font-medium transition-colors hover:text-foreground/80"
         >
           {name}
         </Link>

package/dist/assets/adapters/next/templates/init/pages/profile/profile-form.tsx

@@ -201,7 +201,7 @@ export function ProfileForm({ user }: ProfileFormProps) {
               <div className="flex items-center gap-4 pl-1">
                 <Avatar className="size-12">
                   <AvatarImage src={imageValue || undefined} />
-                  <AvatarFallback className="text-lg font-semibold">
+                  <AvatarFallback className="font-semibold">
                     {user.name?.charAt(0) ?? '?'}
                   </AvatarFallback>
                 </Avatar>
@@ -393,7 +393,7 @@ export function ProfileForm({ user }: ProfileFormProps) {
           <CardDescription>Send a password reset link to your email address</CardDescription>
         </CardHeader>
         <CardContent>
-          <p className="text-sm text-muted-foreground">
+          <p className="text-muted-foreground">
             A reset link will be sent to{' '}
             <span className="font-medium text-foreground">{user.email}</span>
           </p>

package/dist/assets/adapters/next/templates/init/pages/reset-password-form.tsx

@@ -64,15 +64,12 @@ export function ResetPasswordForm({ className, ...props }: React.ComponentProps<
             <div className="p-20">
               <FieldGroup className="gap-10 pb-12">
                 <div className="flex flex-col items-start">
-                  <h1 className="text-xl font-medium">Invalid reset link</h1>
+                  <h1 className="font-medium">Invalid reset link</h1>
                   <p className="text-balance text-muted-foreground">
                     This password reset link is invalid or has expired. Please request a new one.
                   </p>
                 </div>
-                <Link
-                  href="/admin/forgot-password"
-                  className="text-sm underline-offset-4 hover:underline"
-                >
+                <Link href="/admin/forgot-password" className="underline-offset-4 hover:underline">
                   Request a new reset link
                 </Link>
               </FieldGroup>
@@ -123,7 +120,7 @@ export function ResetPasswordForm({ className, ...props }: React.ComponentProps<
             >
               <FieldGroup className="gap-10 pb-12">
                 <div className="flex flex-col items-start">
-                  <h1 className="text-xl font-medium">Reset password</h1>
+                  <h1 className="font-medium">Reset password</h1>
                   <p className="text-balance text-muted-foreground">
                     Enter your new password below
                   </p>

package/dist/assets/adapters/next/templates/init/pages/reset-password-page-skeleton.tsx

@@ -1,23 +1,23 @@
 export function ResetPasswordPageSkeleton() {
   return (
-    <div className="overflow-hidden rounded-sm border bg-card">
+    <div className="overflow-hidden rounded border bg-card">
       <div className="grid grid-cols-[5fr_7fr]">
         <div className="block min-h-auth-reset-panel bg-muted" />
         <div className="flex min-h-auth-reset-panel flex-col gap-10 p-20">
           <div className="space-y-3">
-            <div className="h-6 w-36 animate-pulse rounded-md bg-muted" />
-            <div className="h-4 w-56 animate-pulse rounded-md bg-muted" />
+            <div className="h-6 w-36 animate-pulse rounded bg-muted" />
+            <div className="h-4 w-56 animate-pulse rounded bg-muted" />
           </div>
           <div className="space-y-4">
             <div className="space-y-2">
-              <div className="h-4 w-28 animate-pulse rounded-md bg-muted" />
-              <div className="h-10 w-full animate-pulse rounded-md bg-muted" />
+              <div className="h-4 w-28 animate-pulse rounded bg-muted" />
+              <div className="h-10 w-full animate-pulse rounded bg-muted" />
             </div>
             <div className="space-y-2">
-              <div className="h-4 w-32 animate-pulse rounded-md bg-muted" />
-              <div className="h-10 w-full animate-pulse rounded-md bg-muted" />
+              <div className="h-4 w-32 animate-pulse rounded bg-muted" />
+              <div className="h-10 w-full animate-pulse rounded bg-muted" />
             </div>
-            <div className="h-10 w-full animate-pulse rounded-md bg-muted" />
+            <div className="h-10 w-full animate-pulse rounded bg-muted" />
           </div>
         </div>
       </div>

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

@@ -53,7 +53,7 @@ function SortableAuditLogHeader({
     <Button
       variant="ghost"
       onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
-      className="group w-full min-w-0 scale-100! justify-start overflow-hidden rounded-none border-none bg-transparent! px-0!"
+      className="group w-full min-w-0 scale-100! justify-start overflow-hidden border-none bg-transparent! px-0!"
       aria-label={`Sort by ${label}, ${sortLabel}`}
       aria-sort={
         sortDirection === 'asc' ? 'ascending' : sortDirection === 'desc' ? 'descending' : 'none'
@@ -82,7 +82,7 @@ export function createAuditLogColumns(): ColumnDef<AuditLogEntry>[] {
           <span className="truncate font-medium">
             {row.original.targetLabel ?? row.original.targetId ?? 'Unknown'}
           </span>
-          <span className="truncate text-xs text-muted-foreground">{row.original.targetType}</span>
+          <span className="truncate text-muted-foreground">{row.original.targetType}</span>
         </div>
       )
     },
@@ -95,7 +95,7 @@ export function createAuditLogColumns(): ColumnDef<AuditLogEntry>[] {
           <span className="truncate">
             {row.original.actorEmail ?? row.original.actorName ?? 'Unknown'}
           </span>
-          <span className="truncate text-xs text-muted-foreground">
+          <span className="truncate text-muted-foreground">
             {row.original.actorRole ?? 'No role'}
           </span>
         </div>
@@ -120,7 +120,7 @@ export function createAuditLogColumns(): ColumnDef<AuditLogEntry>[] {
       cell: ({ row }) => (
         <div className="text-muted-foreground">
           <div className="truncate">{row.original.sourceType}</div>
-          <div className="truncate text-xs">{row.original.ipAddress ?? 'No IP'}</div>
+          <div className="truncate">{row.original.ipAddress ?? 'No IP'}</div>
         </div>
       )
     },

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

@@ -8,8 +8,8 @@ interface AuditLogDetailRowProps {
 export function AuditLogDetailRow({ label, value }: AuditLogDetailRowProps) {
   return (
     <div className="grid grid-cols-audit-detail gap-3 border-b border-border px-4 py-2 last:border-b-0">
-      <dt className="text-sm font-medium text-muted-foreground">{label}</dt>
-      <dd className="min-w-0 text-sm break-words text-foreground">{value || 'Unknown'}</dd>
+      <dt className="font-medium text-muted-foreground">{label}</dt>
+      <dd className="min-w-0 break-words text-foreground">{value || 'Unknown'}</dd>
     </div>
   )
 }

package/dist/assets/adapters/next/templates/init/pages/settings/forms/forms-settings-columns.tsx

@@ -22,7 +22,7 @@ export function createFormSettingsColumns(isPending: boolean): ColumnDef<FormSet
         isPending ? (
           <span className="text-muted-foreground">Loading…</span>
         ) : row.original.notificationEmails ? (
-          <span className="truncate font-mono text-xs">{row.original.notificationEmails}</span>
+          <span className="truncate font-mono">{row.original.notificationEmails}</span>
         ) : (
           <span className="text-muted-foreground">No emails configured</span>
         )

package/dist/assets/adapters/next/templates/init/pages/settings/webhooks/delete-webhook-dialog.tsx

@@ -63,7 +63,7 @@ export function DeleteWebhookDialog({ webhook, open, onOpenChange }: DeleteWebho
           </DialogDescription>
         </DialogHeader>
         <DialogBody>
-          <p className="text-sm text-muted-foreground">This action cannot be undone.</p>
+          <p className="text-muted-foreground">This action cannot be undone.</p>
         </DialogBody>
         <DialogFooter showCloseButton={true}>
           <Button

package/dist/assets/adapters/next/templates/init/pages/settings/webhooks/webhook-endpoint-dialog.tsx

@@ -244,7 +244,7 @@ export function WebhookEndpointDialog({ webhook, open, onOpenChange }: WebhookEn
                   control={form.control}
                   name="enabled"
                   render={({ field }) => (
-                    <FormItem className="flex items-center justify-between rounded-md border border-border px-3 py-2">
+                    <FormItem className="flex items-center justify-between rounded border border-border px-3 py-2">
                       <FormLabel>Enabled</FormLabel>
                       <FormControl>
                         <Switch
@@ -257,10 +257,10 @@ export function WebhookEndpointDialog({ webhook, open, onOpenChange }: WebhookEn
                   )}
                 />
                 {isEdit && (
-                  <div className="space-y-2 rounded-md border border-border p-3">
-                    <p className="text-sm leading-none font-medium">Signing secret</p>
+                  <div className="space-y-2 rounded border border-border p-3">
+                    <p className="leading-none font-medium">Signing secret</p>
                     <div className="flex items-center gap-2">
-                      <span className="min-w-0 flex-1 truncate font-mono text-xs">
+                      <span className="min-w-0 flex-1 truncate font-mono">
                         {secret ?? 'whsec_••••••••••••••••'}
                       </span>
                       <Button
@@ -286,7 +286,7 @@ export function WebhookEndpointDialog({ webhook, open, onOpenChange }: WebhookEn
                         {regenerateSecretMutation.isPending ? 'Regenerating…' : 'Regenerate'}
                       </Button>
                     </div>
-                    <p className="text-xs text-muted-foreground">
+                    <p className="text-muted-foreground">
                       Requests carry x-webhook-id, x-webhook-timestamp, and an HMAC-SHA256
                       x-webhook-signature of the body.
                     </p>
@@ -299,8 +299,8 @@ export function WebhookEndpointDialog({ webhook, open, onOpenChange }: WebhookEn
                     render={() => (
                       <React.Fragment>
                         {formSources.length > 0 && (
-                          <fieldset className="space-y-2 rounded-md border border-border p-3">
-                            <legend className="px-1 text-xs font-medium tracking-wide text-muted-foreground uppercase">
+                          <fieldset className="space-y-2 rounded border border-border p-3">
+                            <legend className="px-1 font-medium tracking-wide text-muted-foreground uppercase">
                               Events · Forms
                             </legend>
                             {formSources.flatMap((source) =>
@@ -315,17 +315,15 @@ export function WebhookEndpointDialog({ webhook, open, onOpenChange }: WebhookEn
                                       disabled={isPending}
                                     />
                                   </FormControl>
-                                  <FormLabel className="font-mono text-xs font-normal">
-                                    {event}
-                                  </FormLabel>
+                                  <FormLabel className="font-mono font-normal">{event}</FormLabel>
                                 </FormItem>
                               ))
                             )}
                           </fieldset>
                         )}
                         {contentSources.length > 0 && (
-                          <fieldset className="space-y-2 rounded-md border border-border p-3">
-                            <legend className="px-1 text-xs font-medium tracking-wide text-muted-foreground uppercase">
+                          <fieldset className="space-y-2 rounded border border-border p-3">
+                            <legend className="px-1 font-medium tracking-wide text-muted-foreground uppercase">
                               Events · Entities
                             </legend>
                             {contentSources.flatMap((source) =>
@@ -340,9 +338,7 @@ export function WebhookEndpointDialog({ webhook, open, onOpenChange }: WebhookEn
                                       disabled={isPending}
                                     />
                                   </FormControl>
-                                  <FormLabel className="font-mono text-xs font-normal">
-                                    {event}
-                                  </FormLabel>
+                                  <FormLabel className="font-mono font-normal">{event}</FormLabel>
                                 </FormItem>
                               ))
                             )}
@@ -353,7 +349,7 @@ export function WebhookEndpointDialog({ webhook, open, onOpenChange }: WebhookEn
                   />
                 )}
                 {formSources.length === 0 && contentSources.length === 0 && (
-                  <p className="text-sm text-muted-foreground">
+                  <p className="text-muted-foreground">
                     No schemas yet — generate an entity or form schema to subscribe this endpoint to
                     its events.
                   </p>

package/dist/assets/adapters/next/templates/init/pages/settings/webhooks/webhooks-columns.tsx

@@ -35,7 +35,7 @@ export function createWebhooksColumns({
           <Button
             variant="ghost"
             onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
-            className="group w-full min-w-0 scale-100! justify-start overflow-hidden rounded-none border-none bg-transparent! px-0!"
+            className="group w-full min-w-0 scale-100! justify-start overflow-hidden border-none bg-transparent! px-0!"
             aria-label={`Sort by Name, ${sortLabel}`}
             aria-sort={
               sortDirection === 'asc'
@@ -69,7 +69,7 @@ export function createWebhooksColumns({
           <Button
             variant="ghost"
             onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
-            className="group w-full min-w-0 scale-100! justify-start overflow-hidden rounded-none border-none bg-transparent! px-0!"
+            className="group w-full min-w-0 scale-100! justify-start overflow-hidden border-none bg-transparent! px-0!"
             aria-label={`Sort by URL, ${sortLabel}`}
             aria-sort={
               sortDirection === 'asc'
@@ -85,7 +85,7 @@ export function createWebhooksColumns({
         )
       },
       cell: ({ row }) => (
-        <span className="truncate font-mono text-xs text-muted-foreground">{row.original.url}</span>
+        <span className="truncate font-mono text-muted-foreground">{row.original.url}</span>
       )
     },
     {
@@ -104,7 +104,7 @@ export function createWebhooksColumns({
           <Button
             variant="ghost"
             onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
-            className="group w-full min-w-0 scale-100! justify-start overflow-hidden rounded-none border-none bg-transparent! px-0!"
+            className="group w-full min-w-0 scale-100! justify-start overflow-hidden border-none bg-transparent! px-0!"
             aria-label={`Sort by Enabled, ${sortLabel}`}
             aria-sort={
               sortDirection === 'asc'
@@ -137,7 +137,7 @@ export function createWebhooksColumns({
           <Button
             variant="ghost"
             onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
-            className="group w-full min-w-0 scale-100! justify-start overflow-hidden rounded-none border-none bg-transparent! px-0!"
+            className="group w-full min-w-0 scale-100! justify-start overflow-hidden border-none bg-transparent! px-0!"
             aria-label={`Sort by Events, ${sortLabel}`}
             aria-sort={
               sortDirection === 'asc'
@@ -170,7 +170,7 @@ export function createWebhooksColumns({
           <Button
             variant="ghost"
             onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
-            className="group w-full min-w-0 scale-100! justify-start overflow-hidden rounded-none border-none bg-transparent! px-0!"
+            className="group w-full min-w-0 scale-100! justify-start overflow-hidden border-none bg-transparent! px-0!"
             aria-label={`Sort by Last delivery, ${sortLabel}`}
             aria-sort={
               sortDirection === 'asc'
@@ -191,7 +191,7 @@ export function createWebhooksColumns({
             <Badge variant={row.original.lastDeliverySuccess ? 'outline' : 'destructive'}>
               {row.original.lastDeliverySuccess ? 'Delivered' : 'Failed'}
             </Badge>
-            <span className="truncate text-xs text-muted-foreground">
+            <span className="truncate text-muted-foreground">
               {formatDistanceToNow(new Date(row.original.lastDeliveryAt), {
                 addSuffix: true
               })}
@@ -217,7 +217,7 @@ export function createWebhooksColumns({
           <Button
             variant="ghost"
             onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
-            className="group w-full min-w-0 scale-100! justify-start overflow-hidden rounded-none border-none bg-transparent! px-0!"
+            className="group w-full min-w-0 scale-100! justify-start overflow-hidden border-none bg-transparent! px-0!"
             aria-label={`Sort by Created, ${sortLabel}`}
             aria-sort={
               sortDirection === 'asc'
@@ -233,7 +233,7 @@ export function createWebhooksColumns({
         )
       },
       cell: ({ row }) => (
-        <div className="text-sm">
+        <div>
           {new Date(row.original.createdAt).toLocaleDateString('en-US', {
             month: 'short',
             day: 'numeric',

package/dist/assets/adapters/next/templates/init/pages/settings/webhooks/webhooks-logs-columns.tsx

@@ -24,7 +24,7 @@ export const logsColumns: ColumnDef<WebhookDeliveryEntry>[] = [
         <Button
           variant="ghost"
           onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
-          className="group w-full min-w-0 scale-100! justify-start overflow-hidden rounded-none border-none bg-transparent! px-0!"
+          className="group w-full min-w-0 scale-100! justify-start overflow-hidden border-none bg-transparent! px-0!"
           aria-label={`Sort by Status, ${sortLabel}`}
           aria-sort={
             sortDirection === 'asc' ? 'ascending' : sortDirection === 'desc' ? 'descending' : 'none'
@@ -60,7 +60,7 @@ export const logsColumns: ColumnDef<WebhookDeliveryEntry>[] = [
         <Button
           variant="ghost"
           onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
-          className="group w-full min-w-0 scale-100! justify-start overflow-hidden rounded-none border-none bg-transparent! px-0!"
+          className="group w-full min-w-0 scale-100! justify-start overflow-hidden border-none bg-transparent! px-0!"
           aria-label={`Sort by Event, ${sortLabel}`}
           aria-sort={
             sortDirection === 'asc' ? 'ascending' : sortDirection === 'desc' ? 'descending' : 'none'
@@ -71,7 +71,7 @@ export const logsColumns: ColumnDef<WebhookDeliveryEntry>[] = [
         </Button>
       )
     },
-    cell: ({ row }) => <span className="truncate font-mono text-xs">{row.original.event}</span>
+    cell: ({ row }) => <span className="truncate font-mono">{row.original.event}</span>
   },
   {
     accessorKey: 'webhookName',
@@ -89,7 +89,7 @@ export const logsColumns: ColumnDef<WebhookDeliveryEntry>[] = [
         <Button
           variant="ghost"
           onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
-          className="group w-full min-w-0 scale-100! justify-start overflow-hidden rounded-none border-none bg-transparent! px-0!"
+          className="group w-full min-w-0 scale-100! justify-start overflow-hidden border-none bg-transparent! px-0!"
           aria-label={`Sort by Endpoint, ${sortLabel}`}
           aria-sort={
             sortDirection === 'asc' ? 'ascending' : sortDirection === 'desc' ? 'descending' : 'none'
@@ -118,7 +118,7 @@ export const logsColumns: ColumnDef<WebhookDeliveryEntry>[] = [
         <Button
           variant="ghost"
           onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
-          className="group w-full min-w-0 scale-100! justify-start overflow-hidden rounded-none border-none bg-transparent! px-0!"
+          className="group w-full min-w-0 scale-100! justify-start overflow-hidden border-none bg-transparent! px-0!"
           aria-label={`Sort by Attempt, ${sortLabel}`}
           aria-sort={
             sortDirection === 'asc' ? 'ascending' : sortDirection === 'desc' ? 'descending' : 'none'
@@ -147,7 +147,7 @@ export const logsColumns: ColumnDef<WebhookDeliveryEntry>[] = [
         <Button
           variant="ghost"
           onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
-          className="group w-full min-w-0 scale-100! justify-start overflow-hidden rounded-none border-none bg-transparent! px-0!"
+          className="group w-full min-w-0 scale-100! justify-start overflow-hidden border-none bg-transparent! px-0!"
           aria-label={`Sort by Duration, ${sortLabel}`}
           aria-sort={
             sortDirection === 'asc' ? 'ascending' : sortDirection === 'desc' ? 'descending' : 'none'
@@ -178,7 +178,7 @@ export const logsColumns: ColumnDef<WebhookDeliveryEntry>[] = [
         <Button
           variant="ghost"
           onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
-          className="group w-full min-w-0 scale-100! justify-start overflow-hidden rounded-none border-none bg-transparent! px-0!"
+          className="group w-full min-w-0 scale-100! justify-start overflow-hidden border-none bg-transparent! px-0!"
           aria-label={`Sort by When, ${sortLabel}`}
           aria-sort={
             sortDirection === 'asc' ? 'ascending' : sortDirection === 'desc' ? 'descending' : 'none'

package/dist/assets/adapters/next/templates/init/pages/users/columns.tsx

@@ -26,7 +26,7 @@ export const columns: ColumnDef<User>[] = [
         <Button
           variant="ghost"
           onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
-          className="group w-full min-w-0 scale-100! justify-start overflow-hidden rounded-none border-none bg-transparent! px-0!"
+          className="group w-full min-w-0 scale-100! justify-start overflow-hidden border-none bg-transparent! px-0!"
         >
           <span className="truncate">User</span>
           <SortIndicator direction={sortDirection} />
@@ -43,7 +43,7 @@ export const columns: ColumnDef<User>[] = [
           </Avatar>
           <div className="flex flex-col">
             <div className="font-medium">{name || 'N/A'}</div>
-            <div className="text-sm text-muted-foreground">{email}</div>
+            <div className="text-muted-foreground">{email}</div>
           </div>
         </div>
       )
@@ -112,7 +112,7 @@ export const columns: ColumnDef<User>[] = [
         <Button
           variant="ghost"
           onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
-          className="group w-full min-w-0 scale-100! justify-start overflow-hidden rounded-none border-none bg-transparent! px-0!"
+          className="group w-full min-w-0 scale-100! justify-start overflow-hidden border-none bg-transparent! px-0!"
         >
           <span className="truncate">Joined</span>
           <SortIndicator direction={sortDirection} />
@@ -122,7 +122,7 @@ export const columns: ColumnDef<User>[] = [
     cell: ({ row }) => {
       const date = new Date(row.getValue('createdAt'))
       return (
-        <div className="text-sm">
+        <div>
           {date.toLocaleDateString('en-US', {
             month: 'short',
             day: 'numeric',

package/dist/assets/adapters/next/templates/init/utils/editor/inline-math-node-view.ts

@@ -19,7 +19,7 @@ export class InlineMathNodeView {
     this.dom = document.createElement('span')
     this.dom.dataset.contentEditorInlineMath = ''
     this.dom.contentEditable = 'false'
-    this.dom.className = 'content-editor-inline-math rounded-[3px] px-0.5'
+    this.dom.className = 'content-editor-inline-math rounded px-0.5'
     this.render()
   }
 

package/dist/assets/adapters/next/templates/init/utils/editor/raw-content-block-node-view.ts

@@ -31,7 +31,7 @@ export class RawContentBlockNodeView {
     this.dom.dataset.raw = this.currentRaw
     this.dom.contentEditable = 'false'
     this.dom.className =
-      'content-editor-raw-block not-prose my-4 overflow-hidden rounded-md border bg-muted/20'
+      'content-editor-raw-block not-prose my-4 overflow-hidden rounded border bg-muted/20'
 
     this.preview = document.createElement('div')
     this.preview.contentEditable = 'true'

package/dist/assets/adapters/next/templates/init/utils/email/render-form-submission-rows.ts

@@ -9,7 +9,7 @@ export function renderFormSubmissionRows(submissionData: Record<string, unknown>
       const displayValue = escapeHtml(formatEmailValue(value))
 
       return `<tr>
-  <th style="border-bottom:1px solid ${emailTheme.border};color:${emailTheme.mutedText};font-size:12px;font-weight:600;padding:12px;text-align:left;text-transform:uppercase;vertical-align:top;width:36%;">${label}</th>
+  <th style="border-bottom:1px solid ${emailTheme.border};color:${emailTheme.mutedText};font-size:14px;font-weight:600;padding:12px;text-align:left;text-transform:uppercase;vertical-align:top;width:36%;">${label}</th>
   <td style="border-bottom:1px solid ${emailTheme.border};color:${emailTheme.text};font-size:14px;line-height:20px;padding:12px;vertical-align:top;">${displayValue}</td>
 </tr>`
     })

package/dist/assets/adapters/next/templates/init/utils/email/render-notification-email.ts

@@ -13,10 +13,10 @@ export function renderNotificationEmail(input: FormEmailDeliveryInput): string {
 <html>
   <body style="margin:0;background:${emailTheme.pageBackground};font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:${emailTheme.text};">
     <div style="margin:0 auto;max-width:${emailTheme.contentWidth};padding:40px 20px;">
-      <div style="border-radius:12px;background:${emailTheme.surface};border:1px solid ${emailTheme.border};overflow:hidden;">
+      <div style="border-radius:6px;background:${emailTheme.surface};border:1px solid ${emailTheme.border};overflow:hidden;">
         <div style="background:${emailTheme.headerBackground};color:${emailTheme.inverseText};padding:24px 28px;">
-          <p style="margin:0;color:${emailTheme.mutedInverseText};font-size:13px;line-height:20px;">${formName}</p>
-          <h1 style="margin:4px 0 0;font-size:24px;line-height:32px;">New ${formLabel} submission</h1>
+          <p style="margin:0;color:${emailTheme.mutedInverseText};font-size:14px;line-height:20px;">${formName}</p>
+          <h1 style="margin:4px 0 0;font-size:14px;line-height:32px;">New ${formLabel} submission</h1>
         </div>
         <div style="padding:24px 28px;">
           <p style="margin:0 0 20px;color:${emailTheme.mutedText};font-size:14px;line-height:20px;">Submitted at ${submittedAt}</p>

package/dist/assets/adapters/next/templates/init/utils/email/render-thank-you-email.ts

@@ -9,9 +9,9 @@ export function renderThankYouEmail(input: FormEmailDeliveryInput): string {
 <html>
   <body style="margin:0;background:${emailTheme.pageBackground};font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:${emailTheme.text};">
     <div style="margin:0 auto;max-width:${emailTheme.compactWidth};padding:40px 20px;">
-      <div style="border-radius:12px;background:${emailTheme.surface};padding:32px;border:1px solid ${emailTheme.border};">
-        <h1 style="margin:0 0 16px;font-size:24px;line-height:32px;">Thank you</h1>
-        <p style="margin:0;color:${emailTheme.bodyText};font-size:16px;line-height:24px;">We received your ${formLabel} submission and will get back to you shortly.</p>
+      <div style="border-radius:6px;background:${emailTheme.surface};padding:32px;border:1px solid ${emailTheme.border};">
+        <h1 style="margin:0 0 16px;font-size:14px;line-height:32px;">Thank you</h1>
+        <p style="margin:0;color:${emailTheme.bodyText};font-size:14px;line-height:24px;">We received your ${formLabel} submission and will get back to you shortly.</p>
       </div>
     </div>
   </body>