betterstart-cli 0.0.118 → 0.0.120

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>

package/dist/assets/shared-assets/react-admin/custom/content-editor/index.tsx

@@ -83,7 +83,7 @@ export function ContentEditor({
               toolbarEnd={
                 <ModeToggleButton isSourceMode={isSourceMode} onClick={handleModeChange} />
               }
-              className="max-h-none min-h-0 flex-1 resize-none rounded-none border-0"
+              className="max-h-none min-h-0 flex-1 resize-none border-0"
             />
           ) : (
             <>

package/dist/assets/shared-assets/react-admin/custom/content-editor/math-bubble-menu.tsx

@@ -61,7 +61,7 @@ export function MathBubbleMenu({ editor }: { editor: Editor }) {
         role="toolbar"
         aria-label="Math formatting toolbar"
         className={cn(
-          'flex items-center gap-1 overflow-x-auto rounded-sm border border-border bg-popover p-0 text-popover-foreground shadow-menu [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
+          'flex items-center gap-1 overflow-x-auto rounded border border-border bg-popover p-0 text-popover-foreground shadow-menu [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
           'relative z-50'
         )}
       >

package/dist/assets/shared-assets/react-admin/custom/content-editor/math-editor-controls.tsx

@@ -70,7 +70,7 @@ export function MathEditorControls({
         onKeyDown={handleKeyDown}
         placeholder="Paste LaTeX..."
         disabled={disabled}
-        className="min-h-24 resize-y rounded-md text-sm"
+        className="min-h-24 resize-y rounded"
       />
 
       <div className="flex flex-wrap items-center gap-1">

package/dist/assets/shared-assets/react-admin/custom/content-editor/remove-table-part-icon.tsx

@@ -11,7 +11,7 @@ export function RemoveTablePartIcon({
   return (
     <span className="tiptap-button-icon relative inline-flex size-4 items-center justify-center">
       <Icon className="size-4" />
-      <MinusIcon className="absolute -right-1 -bottom-0.5 size-3 rounded-sm border border-border bg-card stroke-3" />
+      <MinusIcon className="absolute -right-1 -bottom-0.5 size-3 rounded border border-border bg-card stroke-3" />
     </span>
   )
 }

package/dist/assets/shared-assets/react-admin/custom/content-editor/selection-bubble-menu.tsx

@@ -72,7 +72,7 @@ export function SelectionBubbleMenu({ editor }: { editor: Editor }) {
           role="toolbar"
           aria-label="Link formatting toolbar"
           className={cn(
-            'flex items-center gap-1 overflow-x-auto rounded-sm border border-border bg-popover p-4 text-foreground shadow-2xl [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
+            'flex items-center gap-1 overflow-x-auto rounded border border-border bg-popover p-4 text-foreground shadow-2xl [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
             'relative z-50'
           )}
         >
@@ -101,7 +101,7 @@ export function SelectionBubbleMenu({ editor }: { editor: Editor }) {
           aria-label="Selection formatting toolbar"
           onPointerDownCapture={handleSelectionMenuPointerDown}
           className={cn(
-            'flex items-center gap-1 overflow-x-auto rounded-sm border border-border bg-popover p-1 text-popover-foreground shadow-menu [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
+            'flex items-center gap-1 overflow-x-auto rounded border border-border bg-popover p-1 text-popover-foreground shadow-menu [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
             'relative z-50'
           )}
         >

package/dist/assets/shared-assets/react-admin/custom/content-editor/slash-command-menu.tsx

@@ -174,14 +174,12 @@ export function SlashCommandMenu({
                   }
                 )}
               >
-                <span className="flex size-8 shrink-0 items-center justify-center rounded-sm border border-border bg-card shadow-input">
+                <span className="flex size-8 shrink-0 items-center justify-center rounded border border-border bg-card shadow-input">
                   <Icon />
                 </span>
                 <span className="flex w-full min-w-0 flex-col space-y-1">
                   <span className="leading-none font-medium">{command.title}</span>
-                  <span className="truncate text-xs text-muted-foreground">
-                    {command.description}
-                  </span>
+                  <span className="truncate text-muted-foreground">{command.description}</span>
                 </span>
               </ComboboxItem>
             )

package/dist/assets/shared-assets/react-admin/custom/content-editor/source-mode.tsx

@@ -120,7 +120,7 @@ export function SourceMode({
   return (
     <div
       className={cn(
-        'content-editor-wrapper relative flex max-h-[90vh] min-h-source-editor resize-y flex-col overflow-hidden rounded-md border bg-background',
+        'content-editor-wrapper relative flex max-h-[90vh] min-h-source-editor resize-y flex-col overflow-hidden rounded border bg-background',
         { 'opacity-50': disabled },
         className
       )}
@@ -332,7 +332,7 @@ export function SourceMode({
             highlightActiveLineGutter: false
           }}
           className={cn(
-            'flex min-h-0 flex-1 flex-col overflow-hidden font-mono text-sm leading-6 font-normal [&_.cm-content]:!bg-transparent [&_.cm-editor]:!bg-input [&_.cm-gutters]:!bg-input [&_.cm-scroller]:!bg-input',
+            'flex min-h-0 flex-1 flex-col overflow-hidden font-mono leading-6 font-normal [&_.cm-content]:!bg-transparent [&_.cm-editor]:!bg-input [&_.cm-gutters]:!bg-input [&_.cm-scroller]:!bg-input',
             {
               'cursor-not-allowed opacity-50': disabled
             }

package/dist/assets/shared-assets/react-admin/custom/content-editor/table-add-controls.tsx

@@ -16,27 +16,27 @@ export function TableAddControls({ controls }: TableAddControlsProps) {
     <div className="not-prose contents" contentEditable={false}>
       <Button
         aria-label="Add table column"
-        className="group absolute top-0 right-0 bottom-6 z-[1] inline-flex h-auto w-4 shrink-0 cursor-pointer items-center justify-center rounded-none border border-border bg-muted/80 p-0 whitespace-nowrap transition-colors outline-none select-none hover:bg-muted focus-visible:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50"
+        className="group absolute top-0 right-0 bottom-6 z-[1] inline-flex h-auto w-4 shrink-0 cursor-pointer items-center justify-center border border-border bg-muted/80 p-0 whitespace-nowrap transition-colors outline-none select-none hover:bg-muted focus-visible:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50"
         onClick={controls.addColumn}
         onPointerDown={(event) => event.preventDefault()}
         title="Add table column"
         type="button"
         variant="outline"
       >
-        <span className="pointer-events-none inline-flex size-6 shrink-0 items-center justify-center rounded-md border border-border bg-input text-foreground transition-colors group-hover:bg-secondary group-focus-visible:bg-secondary">
+        <span className="pointer-events-none inline-flex size-6 shrink-0 items-center justify-center rounded border border-border bg-input text-foreground transition-colors group-hover:bg-secondary group-focus-visible:bg-secondary">
           <PlusIcon aria-hidden="true" />
         </span>
       </Button>
       <Button
         aria-label="Add table row"
-        className="group absolute right-6 bottom-0 left-0 z-[1] inline-flex h-4 w-auto shrink-0 cursor-pointer items-center justify-center rounded-none border border-border bg-muted/80 p-0 whitespace-nowrap transition-colors outline-none select-none hover:bg-muted focus-visible:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50"
+        className="group absolute right-6 bottom-0 left-0 z-[1] inline-flex h-4 w-auto shrink-0 cursor-pointer items-center justify-center border border-border bg-muted/80 p-0 whitespace-nowrap transition-colors outline-none select-none hover:bg-muted focus-visible:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50"
         onClick={controls.addRow}
         onPointerDown={(event) => event.preventDefault()}
         title="Add table row"
         type="button"
         variant="outline"
       >
-        <span className="pointer-events-none inline-flex size-6 shrink-0 items-center justify-center rounded-md border border-border bg-input text-foreground transition-colors group-hover:bg-secondary group-focus-visible:bg-secondary">
+        <span className="pointer-events-none inline-flex size-6 shrink-0 items-center justify-center rounded border border-border bg-input text-foreground transition-colors group-hover:bg-secondary group-focus-visible:bg-secondary">
           <PlusIcon aria-hidden="true" />
         </span>
       </Button>

package/dist/assets/shared-assets/react-admin/custom/content-editor/table-bubble-menu.tsx

@@ -198,7 +198,7 @@ export function TableBubbleMenu({ editor }: { editor: Editor }) {
           role="toolbar"
           aria-label="Table formatting toolbar"
           className={cn(
-            'flex items-center gap-1 overflow-x-auto rounded-sm border border-border bg-popover p-1 text-popover-foreground shadow-menu [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
+            'flex items-center gap-1 overflow-x-auto rounded border border-border bg-popover p-1 text-popover-foreground shadow-menu [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
             'relative z-50'
           )}
         >

package/dist/assets/shared-assets/react-admin/custom/content-editor/tiptap-node/removable-image-node/removable-image-node.tsx

@@ -94,7 +94,7 @@ export const RemovableImageNode: React.FC<NodeViewProps> = (props) => {
 
   return (
     <NodeViewWrapper
-      className="not-prose relative my-4 block max-w-full rounded-md"
+      className="not-prose relative my-4 block max-w-full rounded"
       contentEditable={false}
       data-content-editor-image-node=""
       onMouseEnter={() => setIsControlsVisible(true)}
@@ -111,7 +111,7 @@ export const RemovableImageNode: React.FC<NodeViewProps> = (props) => {
       style={{ width: width ? `${width}px` : '100%' }}
     >
       <div
-        className="relative max-w-full overflow-hidden rounded-md bg-muted/20"
+        className="relative max-w-full overflow-hidden rounded bg-muted/20"
         style={{ aspectRatio }}
       >
         {src && (
@@ -130,7 +130,7 @@ export const RemovableImageNode: React.FC<NodeViewProps> = (props) => {
           <div
             data-content-editor-image-controls-overlay=""
             className={cn(
-              'pointer-events-none absolute inset-0 flex items-center justify-center gap-1 rounded-md bg-black/10 backdrop-blur-xs transition-opacity duration-200 ease-out',
+              'pointer-events-none absolute inset-0 flex items-center justify-center gap-1 rounded bg-black/10 backdrop-blur-xs transition-opacity duration-200 ease-out',
               {
                 'opacity-100': isControlsVisible,
                 'opacity-0': !isControlsVisible

package/dist/assets/shared-assets/react-admin/custom/content-editor/tiptap-ui/color-highlight-button/highlight-swatch.tsx

@@ -7,10 +7,10 @@ function HighlightSwatch({ highlightColor }: { highlightColor: string }) {
   return (
     <span
       className={cn(
-        'relative -mx-[0.175rem] size-5 rounded-sm transition-transform duration-200 ease-in-out',
+        'relative -mx-[0.175rem] size-5 rounded transition-transform duration-200 ease-in-out',
         'bg-[var(--highlight-color)]',
         'shadow-[inset_0_0_0_1px_var(--highlight-shadow),_0_1px_2px_var(--highlight-shadow-soft)]',
-        "after:absolute after:inset-0 after:box-border after:size-full after:rounded-sm after:border after:opacity-0 after:transition-opacity after:duration-200 after:ease-in-out after:content-['']",
+        "after:absolute after:inset-0 after:box-border after:size-full after:rounded after:border after:opacity-0 after:transition-opacity after:duration-200 after:ease-in-out after:content-['']",
         'after:border-[var(--highlight-after-border)]',
         'group-data-[active-state=on]/highlight:scale-110',
         'group-data-[highlighted=true]/highlight:scale-110',

package/dist/assets/shared-assets/react-admin/custom/content-editor/tiptap-ui/color-highlight-popover/color-highlight-popover-content.tsx

@@ -114,7 +114,7 @@ export function ColorHighlightPopoverContent(props: ColorHighlightPopoverContent
         role="menuitem"
         variant="ghost"
         size="icon-sm"
-        className="rounded-sm"
+        className="rounded"
         data-highlighted={selectedIndex === colors.length}
         disabled={disabled}
         data-disabled={disabled}

package/dist/assets/shared-assets/react-admin/custom/content-editor/tiptap-ui/color-highlight-popover/color-highlight-popover.tsx

@@ -88,7 +88,7 @@ export function ColorHighlightPopover({
       </PopoverTrigger>
       <PopoverContent
         aria-label="Highlight colors"
-        className="w-auto max-w-[calc(100vw-2rem)] gap-0 rounded-sm p-0"
+        className="w-auto max-w-[calc(100vw-2rem)] gap-0 rounded p-0"
       >
         <ColorHighlightPopoverContent
           editor={editor}

package/dist/assets/shared-assets/react-admin/custom/content-editor/tiptap-ui/color-highlight-popover/highlight-color-button.tsx

@@ -38,7 +38,7 @@ export function HighlightColorButton({
         useColorValue={useColorValue}
         style={buttonStyle}
         size="icon-sm"
-        className="rounded-sm"
+        className="rounded"
       />
     )
   }
@@ -48,7 +48,7 @@ export function HighlightColorButton({
       type="button"
       variant="ghost"
       size="icon-sm"
-      className={cn('group/highlight rounded-sm')}
+      className={cn('group/highlight rounded')}
       disabled={disabled}
       data-disabled={disabled}
       aria-label={`${color.label} highlight color`}

package/dist/assets/shared-assets/react-admin/custom/content-editor/tiptap-ui/color-highlight-popover/source-color-highlight-popover.tsx

@@ -49,7 +49,7 @@ export function SourceColorHighlightPopover({
       </PopoverTrigger>
       <PopoverContent
         aria-label="Highlight colors"
-        className="w-auto max-w-[calc(100vw-2rem)] gap-0 rounded-sm p-0"
+        className="w-auto max-w-[calc(100vw-2rem)] gap-0 rounded p-0"
       >
         <ColorHighlightPopoverContent
           mode="source"

package/dist/assets/shared-assets/react-admin/custom/date-range-picker.tsx

@@ -144,7 +144,7 @@ export function DateRangePicker({
         <ChevronDown />
       </PopoverTrigger>
       <PopoverContent
-        className="w-date-range-popover gap-0 overflow-hidden rounded-sm p-0"
+        className="w-date-range-popover gap-0 overflow-hidden rounded p-0"
         align="start"
       >
         <Calendar
@@ -162,16 +162,15 @@ export function DateRangePicker({
             month: 'flex w-full flex-col gap-2',
             nav: 'absolute right-0 top-0 flex items-center gap-1',
             month_caption: 'flex h-8 items-center justify-start pr-18',
-            caption_label: 'text-sm font-semibold text-foreground',
+            caption_label: 'font-semibold text-foreground',
             weekdays: 'flex',
-            weekday:
-              'flex-1 text-center text-xs font-normal leading-8 text-muted-foreground select-none',
+            weekday: 'flex-1 text-center font-normal leading-8 text-muted-foreground select-none',
             week: 'mt-1 flex w-full'
           }}
         />
         <div className="flex flex-col gap-2 border-t p-3">
           <div className="flex flex-col gap-1">
-            <label className="text-sm text-muted-foreground" htmlFor="date-range-start-date">
+            <label className="text-muted-foreground" htmlFor="date-range-start-date">
               Start
             </label>
             <div className="grid grid-cols-[1fr_96px] gap-2">
@@ -180,19 +179,19 @@ export function DateRangePicker({
                 value={fromInput}
                 onChange={(event) => handleDateInputChange('from', event.target.value)}
                 placeholder="Apr 10, 2026"
-                className="h-8 rounded-md px-3 text-sm"
+                className="h-8 rounded px-3"
               />
               <Input
                 type="time"
                 value={fromTime}
                 onChange={(event) => setFromTime(event.target.value)}
                 aria-label="Start time"
-                className="h-8 rounded-md px-3 text-sm tabular-nums"
+                className="h-8 rounded px-3 tabular-nums"
               />
             </div>
           </div>
           <div className="flex flex-col gap-1">
-            <label className="text-sm text-muted-foreground" htmlFor="date-range-end-date">
+            <label className="text-muted-foreground" htmlFor="date-range-end-date">
               End
             </label>
             <div className="grid grid-cols-[1fr_96px] gap-2">
@@ -201,14 +200,14 @@ export function DateRangePicker({
                 value={toInput}
                 onChange={(event) => handleDateInputChange('to', event.target.value)}
                 placeholder="Apr 30, 2026"
-                className="h-8 rounded-md px-3 text-sm"
+                className="h-8 rounded px-3"
               />
               <Input
                 type="time"
                 value={toTime}
                 onChange={(event) => setToTime(event.target.value)}
                 aria-label="End time"
-                className="h-8 rounded-md px-3 text-sm tabular-nums"
+                className="h-8 rounded px-3 tabular-nums"
               />
             </div>
           </div>

package/dist/assets/shared-assets/react-admin/custom/dynamic-list-field.tsx

@@ -76,7 +76,7 @@ export function DynamicListField({
       </div>
 
       {fields.length === 0 && (
-        <div className="text-sm text-muted-foreground">
+        <div className="text-muted-foreground">
           No items added yet. Click "Add {label}" to get started.
         </div>
       )}
@@ -114,7 +114,7 @@ export function DynamicListField({
       </div>
 
       {maxItems && (
-        <div className="text-xs text-muted-foreground">
+        <div className="text-muted-foreground">
           {fields.length} / {maxItems} items
         </div>
       )}

package/dist/assets/shared-assets/react-admin/custom/gallery-field.tsx

@@ -192,9 +192,9 @@ export function GalleryField({
                   <CarouselItem className="basis-gallery-item pl-3">
                     <Card className="h-full" onClick={() => setOpen(true)}>
                       <CardContent className="flex cursor-pointer flex-col p-2">
-                        <div className="flex aspect-square size-full flex-col items-center justify-center gap-1 overflow-hidden rounded-sm border border-border bg-background text-muted-foreground transition-colors hover:text-foreground">
+                        <div className="flex aspect-square size-full flex-col items-center justify-center gap-1 overflow-hidden rounded border border-border bg-background text-muted-foreground transition-colors hover:text-foreground">
                           <Plus className="size-6" strokeWidth={1.5} />
-                          <span className="text-sm">Add Images</span>
+                          <span>Add Images</span>
                         </div>
                       </CardContent>
                       <CardFooter>
@@ -224,7 +224,7 @@ export function GalleryField({
                           ) : (
                             <Card>
                               <CardContent className="flex flex-col p-2">
-                                <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">
                                   <Skeleton className="size-full" />
                                 </div>
                               </CardContent>
@@ -258,7 +258,7 @@ export function GalleryField({
                 ) : (
                   <Card>
                     <CardContent className="flex flex-col p-2">
-                      <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">
                         <Skeleton className="size-full" />
                       </div>
                     </CardContent>

package/dist/assets/shared-assets/react-admin/custom/icon-picker.tsx

@@ -244,7 +244,6 @@ const IconPicker = React.forwardRef<React.ComponentRef<typeof PopoverTrigger>, I
         <Button
           key={category.name}
           variant={'outline'}
-          className="text-xs"
           onClick={(e) => {
             e.stopPropagation()
             scrollToCategory(category.name)
@@ -261,7 +260,7 @@ const IconPicker = React.forwardRef<React.ComponentRef<typeof PopoverTrigger>, I
           <Tooltip>
             <TooltipTrigger
               className={cn(
-                'rounded-md border p-2 transition hover:bg-foreground/10',
+                'rounded border p-2 transition hover:bg-foreground/10',
                 'flex items-center justify-center'
               )}
               onClick={() => handleIconClick(icon.name as IconName)}
@@ -306,7 +305,7 @@ const IconPicker = React.forwardRef<React.ComponentRef<typeof PopoverTrigger>, I
             if (item.type === 'category') {
               return (
                 <div key={virtualItem.key} style={itemStyle} className="z-10 bg-background">
-                  <h3 className="text-sm font-medium capitalize">
+                  <h3 className="font-medium capitalize">
                     {categorizedIcons[item.categoryIndex].name}
                   </h3>
                   <div className="h-[1px] w-full bg-foreground/10" />