betterstart-cli 0.0.96 → 0.0.97

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="w-full min-w-0 justify-start overflow-hidden px-0! border-none rounded-none bg-transparent! scale-100! group"
+          className="group w-full min-w-0 scale-100! justify-start overflow-hidden rounded-none 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="w-full min-w-0 justify-start overflow-hidden px-0! border-none rounded-none bg-transparent! scale-100! group"
+          className="group w-full min-w-0 scale-100! justify-start overflow-hidden rounded-none border-none bg-transparent! px-0!"
           aria-label={`Sort by Event, ${sortLabel}`}
           aria-sort={
             sortDirection === 'asc' ? 'ascending' : sortDirection === 'desc' ? 'descending' : 'none'
@@ -89,7 +89,7 @@ export const logsColumns: ColumnDef<WebhookDeliveryEntry>[] = [
         <Button
           variant="ghost"
           onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
-          className="w-full min-w-0 justify-start overflow-hidden px-0! border-none rounded-none bg-transparent! scale-100! group"
+          className="group w-full min-w-0 scale-100! justify-start overflow-hidden rounded-none 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="w-full min-w-0 justify-start overflow-hidden px-0! border-none rounded-none bg-transparent! scale-100! group"
+          className="group w-full min-w-0 scale-100! justify-start overflow-hidden rounded-none 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="w-full min-w-0 justify-start overflow-hidden px-0! border-none rounded-none bg-transparent! scale-100! group"
+          className="group w-full min-w-0 scale-100! justify-start overflow-hidden rounded-none border-none bg-transparent! px-0!"
           aria-label={`Sort by Duration, ${sortLabel}`}
           aria-sort={
             sortDirection === 'asc' ? 'ascending' : sortDirection === 'desc' ? 'descending' : 'none'
@@ -159,7 +159,7 @@ export const logsColumns: ColumnDef<WebhookDeliveryEntry>[] = [
       )
     },
     cell: ({ row }) => (
-      <span className="tabular-nums text-muted-foreground">{row.original.durationMs} ms</span>
+      <span className="text-muted-foreground tabular-nums">{row.original.durationMs} ms</span>
     )
   },
   {
@@ -178,7 +178,7 @@ export const logsColumns: ColumnDef<WebhookDeliveryEntry>[] = [
         <Button
           variant="ghost"
           onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
-          className="w-full min-w-0 justify-start overflow-hidden px-0! border-none rounded-none bg-transparent! scale-100! group"
+          className="group w-full min-w-0 scale-100! justify-start overflow-hidden rounded-none 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/settings/webhooks/webhooks-logs-page-content.tsx

@@ -102,7 +102,7 @@ export function WebhooksLogsPageContent() {
         isPending={isSearchFetching}
         onSearch={handleSearch}
       />
-      <main className="space-y-4 px-4 pb-4 flex-1">
+      <main className="flex-1 space-y-4 px-4 pb-4">
         <WebhooksLogsTable
           columns={logsColumns}
           search={search}

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

@@ -127,7 +127,7 @@ export function WebhooksLogsTable<TValue>({
     .join(' ')
 
   return (
-    <div className={cn('flex flex-col gap-6 pt-px pb-2 h-full', className)}>
+    <div className={cn('flex h-full flex-col gap-6 pt-px pb-2', className)}>
       <DataGrid
         containerClassName="min-h-0 flex-1"
         containerRef={tableContainerRef}
@@ -164,7 +164,7 @@ export function WebhooksLogsTable<TValue>({
                       <button
                         type="button"
                         aria-label={`Resize ${resizeLabel} column`}
-                        className="group/resize-handle absolute right-0 top-0 z-10 flex h-full w-5 cursor-col-resize touch-none select-none items-center justify-center text-muted-foreground opacity-0 transition-opacity hover:text-foreground focus-visible:text-foreground focus-visible:opacity-100 focus-visible:outline-none group-focus-within/resize-header:opacity-100 data-[column-hovered=true]:opacity-100 data-[resizing=true]:opacity-100"
+                        className="group/resize-handle absolute top-0 right-0 z-10 flex h-full w-5 cursor-col-resize touch-none items-center justify-center text-muted-foreground opacity-0 transition-opacity select-none group-focus-within/resize-header:opacity-100 hover:text-foreground focus-visible:text-foreground focus-visible:opacity-100 focus-visible:outline-none data-[column-hovered=true]:opacity-100 data-[resizing=true]:opacity-100"
                         data-resize-handle
                         data-column-hovered={
                           hoveredColumnId === header.column.id ? 'true' : 'false'

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

@@ -132,7 +132,7 @@ export function WebhooksPageContent() {
         isPending={isSearchFetching}
         onSearch={handleSearch}
       />
-      <main className="space-y-4 px-4 pb-4 flex-1">
+      <main className="flex-1 space-y-4 px-4 pb-4">
         <WebhooksTable
           columns={columns}
           search={search}

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

@@ -1,6 +1,6 @@
 export function WebhooksPageSkeleton() {
   return (
-    <div className="flex items-center justify-center h-48">
+    <div className="flex h-48 items-center justify-center">
       <div className="text-muted-foreground">Loading Webhooks…</div>
     </div>
   )

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

@@ -129,7 +129,7 @@ export function WebhooksTable<TValue>({
     .join(' ')
 
   return (
-    <div className={cn('flex flex-col gap-6 pt-px pb-2 h-full', className)}>
+    <div className={cn('flex h-full flex-col gap-6 pt-px pb-2', className)}>
       <DataGrid
         containerClassName="min-h-0 flex-1"
         containerRef={tableContainerRef}
@@ -166,7 +166,7 @@ export function WebhooksTable<TValue>({
                       <button
                         type="button"
                         aria-label={`Resize ${resizeLabel} column`}
-                        className="group/resize-handle absolute right-0 top-0 z-10 flex h-full w-5 cursor-col-resize touch-none select-none items-center justify-center text-muted-foreground opacity-0 transition-opacity hover:text-foreground focus-visible:text-foreground focus-visible:opacity-100 focus-visible:outline-none group-focus-within/resize-header:opacity-100 data-[column-hovered=true]:opacity-100 data-[resizing=true]:opacity-100"
+                        className="group/resize-handle absolute top-0 right-0 z-10 flex h-full w-5 cursor-col-resize touch-none items-center justify-center text-muted-foreground opacity-0 transition-opacity select-none group-focus-within/resize-header:opacity-100 hover:text-foreground focus-visible:text-foreground focus-visible:opacity-100 focus-visible:outline-none data-[column-hovered=true]:opacity-100 data-[resizing=true]:opacity-100"
                         data-resize-handle
                         data-column-hovered={
                           hoveredColumnId === header.column.id ? 'true' : 'false'

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

@@ -25,7 +25,7 @@ export const columns: ColumnDef<User>[] = [
         <Button
           variant="ghost"
           onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
-          className="w-full min-w-0 justify-start overflow-hidden px-0! border-none rounded-none bg-transparent! scale-100! group"
+          className="group w-full min-w-0 scale-100! justify-start overflow-hidden rounded-none border-none bg-transparent! px-0!"
         >
           <span className="truncate">User</span>
           <SortIndicator direction={sortDirection} />
@@ -42,7 +42,7 @@ export const columns: ColumnDef<User>[] = [
           </Avatar>
           <div className="flex flex-col">
             <div className="font-medium">{name || 'N/A'}</div>
-            <div className="text-muted-foreground text-sm">{email}</div>
+            <div className="text-sm text-muted-foreground">{email}</div>
           </div>
         </div>
       )
@@ -92,7 +92,7 @@ export const columns: ColumnDef<User>[] = [
           currentRole={row.original.role}
           userName={row.original.name}
         >
-          <Badge variant="outline" className="capitalize cursor-pointer">
+          <Badge variant="outline" className="cursor-pointer capitalize">
             <span className="flex items-center gap-1">
               {role}
               <Edit className="size-3" />
@@ -111,7 +111,7 @@ export const columns: ColumnDef<User>[] = [
         <Button
           variant="ghost"
           onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
-          className="w-full min-w-0 justify-start overflow-hidden px-0! border-none rounded-none bg-transparent! scale-100! group"
+          className="group w-full min-w-0 scale-100! justify-start overflow-hidden rounded-none border-none bg-transparent! px-0!"
         >
           <span className="truncate">Joined</span>
           <SortIndicator direction={sortDirection} />

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

@@ -98,7 +98,7 @@ export function UsersPageContent() {
         isPending={isSearchFetching}
         onSearch={handleSearch}
       />
-      <main className="space-y-4 px-4 pb-4 flex-1">
+      <main className="flex-1 space-y-4 px-4 pb-4">
         <UsersTable columns={columns} search={search} status={status} role={role} />
       </main>
     </React.Fragment>

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

@@ -1,6 +1,6 @@
 export function UsersPageSkeleton() {
   return (
-    <div className="flex items-center justify-center h-48">
+    <div className="flex h-48 items-center justify-center">
       <div className="text-muted-foreground">Loading Users…</div>
     </div>
   )

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

@@ -137,7 +137,7 @@ export function UsersTable<TValue>({
     .join(' ')
 
   return (
-    <div className={cn('flex flex-col gap-6 pt-px pb-2 h-full', className)}>
+    <div className={cn('flex h-full flex-col gap-6 pt-px pb-2', className)}>
       <DataGrid
         containerClassName="min-h-0 flex-1"
         containerRef={tableContainerRef}
@@ -174,7 +174,7 @@ export function UsersTable<TValue>({
                       <button
                         type="button"
                         aria-label={`Resize ${resizeLabel} column`}
-                        className="group/resize-handle absolute right-0 top-0 z-10 flex h-full w-5 cursor-col-resize touch-none select-none items-center justify-center text-muted-foreground opacity-0 transition-opacity hover:text-foreground focus-visible:text-foreground focus-visible:opacity-100 focus-visible:outline-none group-focus-within/resize-header:opacity-100 data-[column-hovered=true]:opacity-100 data-[resizing=true]:opacity-100"
+                        className="group/resize-handle absolute top-0 right-0 z-10 flex h-full w-5 cursor-col-resize touch-none items-center justify-center text-muted-foreground opacity-0 transition-opacity select-none group-focus-within/resize-header:opacity-100 hover:text-foreground focus-visible:text-foreground focus-visible:opacity-100 focus-visible:outline-none data-[column-hovered=true]:opacity-100 data-[resizing=true]:opacity-100"
                         data-resize-handle
                         data-column-hovered={
                           hoveredColumnId === header.column.id ? 'true' : 'false'
@@ -202,7 +202,7 @@ export function UsersTable<TValue>({
           {isPending ? (
             <DataGridRow>
               <DataGridCell
-                className="flex h-24 items-center justify-center text-center px-4"
+                className="flex h-24 items-center justify-center px-4 text-center"
                 style={{ gridColumn: '1 / -1' }}
               >
                 <div className="text-muted-foreground">Loading users…</div>
@@ -211,7 +211,7 @@ export function UsersTable<TValue>({
           ) : error ? (
             <DataGridRow>
               <DataGridCell
-                className="flex h-24 items-center justify-center text-center px-4"
+                className="flex h-24 items-center justify-center px-4 text-center"
                 style={{ gridColumn: '1 / -1' }}
               >
                 <div className="text-destructive">Error: {error.message}</div>
@@ -238,7 +238,7 @@ export function UsersTable<TValue>({
           ) : (
             <DataGridRow>
               <DataGridCell
-                className="flex h-24 items-center justify-center text-center px-4"
+                className="flex h-24 items-center justify-center px-4 text-center"
                 style={{ gridColumn: '1 / -1' }}
               >
                 No users found.

package/dist/assets/adapters/next/templates/init/types/table-meta.ts

@@ -1,7 +1,7 @@
 import type { RowData } from '@tanstack/react-table'
 
 declare module '@tanstack/react-table' {
-  // biome-ignore lint/correctness/noUnusedVariables: augmenting module
+  // oxlint-disable-next-line no-unused-vars -- augmenting module
   interface TableMeta<TData extends RowData> {
     currentUser?: {
       id: string

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

@@ -15,7 +15,7 @@ export function EditorToolbar({
       role="toolbar"
       aria-label={ariaLabel}
       className={cn(
-        'flex items-center gap-1 overflow-x-auto border-border bg-card sticky top-0 z-10 min-h-12 w-full overscroll-x-contain border-b px-2 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden max-[480px]:absolute max-[480px]:top-auto max-[480px]:h-[calc(2.75rem+env(safe-area-inset-bottom,0px))] max-[480px]:flex-nowrap max-[480px]:justify-start max-[480px]:border-t max-[480px]:border-b-0 max-[480px]:pb-[env(safe-area-inset-bottom,0px)]',
+        'sticky top-0 z-10 flex min-h-12 w-full items-center gap-1 overflow-x-auto overscroll-x-contain border-b border-border bg-card px-2 [scrollbar-width:none] max-[480px]:absolute max-[480px]:top-auto max-[480px]:h-[calc(2.75rem+env(safe-area-inset-bottom,0px))] max-[480px]:flex-nowrap max-[480px]:justify-start max-[480px]:border-t max-[480px]:border-b-0 max-[480px]:pb-[env(safe-area-inset-bottom,0px)] [&::-webkit-scrollbar]:hidden',
         className
       )}
     >

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

@@ -88,7 +88,7 @@ export function ContentEditor({
               toolbarEnd={
                 <ModeToggleButton isSourceMode={isSourceMode} onClick={handleModeChange} />
               }
-              className="min-h-0 flex-1 max-h-none resize-none rounded-none border-0"
+              className="max-h-none min-h-0 flex-1 resize-none rounded-none border-0"
             />
           ) : (
             <>
@@ -136,7 +136,7 @@ export function ContentEditor({
                 <EditorContent
                   editor={editor}
                   role="presentation"
-                  className="simple-editor-content min-h-0 flex-1 cursor-text p-10 overflow-y-auto bg-input [&_.ProseMirror]:min-h-full"
+                  className="simple-editor-content min-h-0 flex-1 cursor-text overflow-y-auto bg-input p-10 [&_.ProseMirror]:min-h-full"
                 />
               </div>
             </>

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

@@ -43,13 +43,13 @@ export function MainToolbarContent({
 
   return (
     <>
-      <div className="flex min-w-0 h-full flex-1 items-center overflow-x-auto">
+      <div className="flex h-full min-w-0 flex-1 items-center overflow-x-auto">
         <div className="flex items-center gap-0.5">
           <UndoRedoButton action="undo" />
           <UndoRedoButton action="redo" />
         </div>
 
-        <Separator orientation="vertical" decorative className="my-auto h-[65%] mx-1 self-center" />
+        <Separator orientation="vertical" decorative className="mx-1 my-auto h-[65%] self-center" />
 
         <div className="flex items-center gap-0.5">
           <HeadingDropdownMenu />
@@ -59,7 +59,7 @@ export function MainToolbarContent({
           <HorizontalRuleButton editor={editor} />
         </div>
 
-        <Separator orientation="vertical" decorative className="my-auto h-[65%] mx-1 self-center" />
+        <Separator orientation="vertical" decorative className="mx-1 my-auto h-[65%] self-center" />
 
         <div className="flex items-center gap-0.5">
           <MarkButton type="bold" />
@@ -75,7 +75,7 @@ export function MainToolbarContent({
           {!isMobile ? <LinkPopover /> : <LinkButton onClick={onLinkClick} />}
         </div>
 
-        <Separator orientation="vertical" decorative className="my-auto h-[65%] mx-1 self-center" />
+        <Separator orientation="vertical" decorative className="mx-1 my-auto h-[65%] self-center" />
 
         <div className="flex items-center">
           <TableButton editor={editor} />

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

@@ -63,7 +63,7 @@ export function MathBubbleMenu({ editor }: { editor: Editor }) {
         role="toolbar"
         aria-label="Math formatting toolbar"
         className={cn(
-          'flex items-center gap-1 overflow-x-auto border-border rounded-sm 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-sm 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

@@ -73,7 +73,7 @@ export function MathEditorControls({
         className="min-h-24 resize-y rounded-md text-sm"
       />
 
-      <div className="flex items-center flex-wrap gap-1">
+      <div className="flex flex-wrap items-center gap-1">
         {onRemove ? (
           <Button
             type="button"

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

@@ -38,7 +38,7 @@ export function MobileToolbarContent({
         </Button>
       </div>
 
-      <Separator orientation="vertical" decorative className="my-auto h-[65%] mx-1 self-center" />
+      <Separator orientation="vertical" decorative className="mx-1 my-auto h-[65%] self-center" />
 
       {type === 'highlighter' ? (
         <ColorHighlightPopoverContent />

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="-right-1 -bottom-0.5 border border-border absolute size-3 rounded-sm bg-card stroke-3" />
+      <MinusIcon className="absolute -right-1 -bottom-0.5 size-3 rounded-sm 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 border-border border bg-popover p-4 text-foreground shadow-2xl [scrollbar-width:none] [&::-webkit-scrollbar]:hidden rounded-sm',
+            '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',
             '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 border-border rounded-sm 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-sm border border-border bg-popover p-1 text-popover-foreground shadow-menu [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
             'relative z-50'
           )}
         >
@@ -120,7 +120,7 @@ export function SelectionBubbleMenu({ editor }: { editor: Editor }) {
           <Separator
             orientation="vertical"
             decorative
-            className="my-auto h-[65%] mx-1 self-center"
+            className="mx-1 my-auto h-[65%] self-center"
           />
 
           <div className="flex items-center gap-0.5">

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

@@ -130,7 +130,7 @@ export function SlashCommandMenu({
       <ComboboxContent
         anchor={slashAnchor}
         align="start"
-        className="w-72 min-w-72 max-w-[calc(100vw-2rem)] p-2 gap-2 flex flex-col"
+        className="flex w-72 max-w-[calc(100vw-2rem)] min-w-72 flex-col gap-2 p-2"
         collisionPadding={8}
         finalFocus={false}
         initialFocus={false}
@@ -166,17 +166,17 @@ export function SlashCommandMenu({
                 onMouseEnter={() => onActiveIndexChange(index)}
                 value={command}
                 className={cn(
-                  'border border-transparent p-2 data-highlighted:bg-card! data-highlighted:border-border!',
+                  'border border-transparent p-2 data-highlighted:border-border! data-highlighted:bg-card!',
                   {
-                    'bg-card border-border shadow-input text-foreground': isActive
+                    'border-border bg-card text-foreground shadow-input': isActive
                   }
                 )}
               >
-                <span className="flex size-8 shrink-0 items-center justify-center rounded-sm bg-card border border-border shadow-input">
+                <span className="flex size-8 shrink-0 items-center justify-center rounded-sm border border-border bg-card shadow-input">
                   <Icon />
                 </span>
-                <span className="min-w-0 space-y-1 flex flex-col w-full">
-                  <span className="font-medium leading-none">{command.title}</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>

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

@@ -124,13 +124,13 @@ export function SourceMode({
   return (
     <div
       className={cn(
-        'content-editor-wrapper relative flex min-h-[240px] max-h-[90vh] flex-col overflow-hidden resize-y rounded-md border bg-background',
+        'content-editor-wrapper relative flex max-h-[90vh] min-h-[240px] resize-y flex-col overflow-hidden rounded-md border bg-background',
         { 'opacity-50': disabled },
         className
       )}
     >
       <EditorToolbar ariaLabel="Markdown editor toolbar" className="shrink-0">
-        <div className="flex min-w-0 h-full flex-1 items-center overflow-x-auto">
+        <div className="flex h-full min-w-0 flex-1 items-center overflow-x-auto">
           <div className="flex items-center gap-0.5">
             <Button
               type="button"
@@ -159,7 +159,7 @@ export function SourceMode({
           <Separator
             orientation="vertical"
             decorative
-            className="my-auto h-[65%] mx-1 self-center"
+            className="mx-1 my-auto h-[65%] self-center"
           />
 
           <div className="flex items-center gap-0.5">
@@ -241,7 +241,7 @@ export function SourceMode({
           <Separator
             orientation="vertical"
             decorative
-            className="my-auto h-[65%] mx-1 self-center"
+            className="mx-1 my-auto h-[65%] self-center"
           />
 
           <div className="flex items-center gap-0.5">
@@ -307,7 +307,7 @@ export function SourceMode({
           <Separator
             orientation="vertical"
             decorative
-            className="my-auto h-[65%] mx-1 self-center"
+            className="mx-1 my-auto h-[65%] self-center"
           />
 
           <div className="flex items-center">
@@ -348,9 +348,9 @@ export function SourceMode({
             highlightActiveLineGutter: false
           }}
           className={cn(
-            'flex min-h-0 flex-1 flex-col overflow-hidden font-mono text-sm font-normal leading-6 [&_.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 text-sm leading-6 font-normal [&_.cm-content]:!bg-transparent [&_.cm-editor]:!bg-input [&_.cm-gutters]:!bg-input [&_.cm-scroller]:!bg-input',
             {
-              'opacity-50 cursor-not-allowed': disabled
+              'cursor-not-allowed opacity-50': disabled
             }
           )}
         />

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

@@ -13,10 +13,10 @@ export function TableAddControls({ controls }: TableAddControlsProps) {
   if (!controls) return null
 
   return createPortal(
-    <div className="contents not-prose" contentEditable={false}>
+    <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 outline-none transition-colors 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 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"
         onClick={controls.addColumn}
         onPointerDown={(event) => event.preventDefault()}
         title="Add table column"
@@ -29,7 +29,7 @@ export function TableAddControls({ controls }: TableAddControlsProps) {
       </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 outline-none transition-colors 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 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"
         onClick={controls.addRow}
         onPointerDown={(event) => event.preventDefault()}
         title="Add table row"

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

@@ -202,7 +202,7 @@ export function TableBubbleMenu({ editor }: { editor: Editor }) {
           role="toolbar"
           aria-label="Table formatting toolbar"
           className={cn(
-            'flex items-center gap-1 overflow-x-auto border-border rounded-sm 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-sm border border-border bg-popover p-1 text-popover-foreground shadow-menu [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
             'relative z-50'
           )}
         >
@@ -235,7 +235,7 @@ export function TableBubbleMenu({ editor }: { editor: Editor }) {
           <Separator
             orientation="vertical"
             decorative
-            className="my-auto h-5 w-px mx-1 self-center bg-border opacity-100"
+            className="mx-1 my-auto h-5 w-px self-center bg-border opacity-100"
           />
           <div className="flex items-center gap-0.5">
             <Button

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

@@ -126,7 +126,7 @@ export const RemovableImageNode: React.FC<NodeViewProps> = (props) => {
           <div
             data-content-editor-image-controls-overlay=""
             className={cn(
-              'pointer-events-none rounded-md absolute inset-0 flex items-center justify-center gap-1 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-md 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/blockquote-button/blockquote-button.tsx

@@ -26,8 +26,7 @@ type EditorButtonProps = React.ComponentProps<typeof Button> & {
 }
 
 export interface BlockquoteButtonProps
-  extends Omit<EditorButtonProps, 'type'>,
-    Omit<UseBlockquoteConfig, 'hideWhenUnavailable'> {
+  extends Omit<EditorButtonProps, 'type'>, Omit<UseBlockquoteConfig, 'hideWhenUnavailable'> {
   availability?: ControlAvailability
   /**
    * Optional text to display alongside the icon.

package/dist/assets/shared-assets/react-admin/custom/content-editor/tiptap-ui/code-block-button/code-block-button.tsx

@@ -26,8 +26,7 @@ type EditorButtonProps = React.ComponentProps<typeof Button> & {
 }
 
 export interface CodeBlockButtonProps
-  extends Omit<EditorButtonProps, 'type'>,
-    Omit<UseCodeBlockConfig, 'hideWhenUnavailable'> {
+  extends Omit<EditorButtonProps, 'type'>, Omit<UseCodeBlockConfig, 'hideWhenUnavailable'> {
   availability?: ControlAvailability
   /**
    * Optional text to display alongside the icon.

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

@@ -27,8 +27,7 @@ type EditorButtonProps = React.ComponentProps<typeof Button> & {
 }
 
 export interface ColorHighlightButtonProps
-  extends Omit<EditorButtonProps, 'type'>,
-    Omit<UseColorHighlightConfig, 'hideWhenUnavailable'> {
+  extends Omit<EditorButtonProps, 'type'>, Omit<UseColorHighlightConfig, 'hideWhenUnavailable'> {
   availability?: ControlAvailability
   /**
    * Optional text to display alongside the icon.
@@ -52,7 +51,7 @@ export function HighlightSwatch({ highlightColor }: { highlightColor: string })
         'relative -mx-[0.175rem] size-5 rounded-sm 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:content-[''] 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: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: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

@@ -29,8 +29,10 @@ interface EditorColorHighlightPopoverContentProps extends ColorHighlightPopoverC
   onRemoveHighlight?: never
 }
 
-interface SourceColorHighlightPopoverContentProps
-  extends Omit<ColorHighlightPopoverContentBaseProps, 'editor'> {
+interface SourceColorHighlightPopoverContentProps extends Omit<
+  ColorHighlightPopoverContentBaseProps,
+  'editor'
+> {
   editor?: never
   mode: 'source'
   onHighlightColorSelect: (color: HighlightColor) => void

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

@@ -25,7 +25,8 @@ export type { SourceColorHighlightPopoverProps } from './source-color-highlight-
 export { SourceColorHighlightPopover } from './source-color-highlight-popover'
 
 export interface ColorHighlightPopoverProps
-  extends Omit<ColorHighlightPopoverButtonProps, 'type'>,
+  extends
+    Omit<ColorHighlightPopoverButtonProps, 'type'>,
     Pick<UseColorHighlightConfig, 'editor' | 'onApplied'> {
   availability?: ControlAvailability
   /**
@@ -91,7 +92,7 @@ export function ColorHighlightPopover({
       </PopoverTrigger>
       <PopoverContent
         aria-label="Highlight colors"
-        className="w-auto max-w-[calc(100vw-2rem)] gap-0 p-0 rounded-sm"
+        className="w-auto max-w-[calc(100vw-2rem)] gap-0 rounded-sm p-0"
       >
         <ColorHighlightPopoverContent
           editor={editor}

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

@@ -10,8 +10,10 @@ import {
 import { ColorHighlightPopoverContent } from './color-highlight-popover-content'
 import { DEFAULT_HIGHLIGHT_COLORS, type HighlightColor } from './highlight-colors'
 
-export interface SourceColorHighlightPopoverProps
-  extends Omit<ColorHighlightPopoverButtonProps, 'type'> {
+export interface SourceColorHighlightPopoverProps extends Omit<
+  ColorHighlightPopoverButtonProps,
+  'type'
+> {
   /**
    * Optional colors to use in the highlight popover.
    * If not provided, defaults to a predefined set of colors.
@@ -50,7 +52,7 @@ export function SourceColorHighlightPopover({
       </PopoverTrigger>
       <PopoverContent
         aria-label="Highlight colors"
-        className="w-auto max-w-[calc(100vw-2rem)] gap-0 p-0 rounded-sm"
+        className="w-auto max-w-[calc(100vw-2rem)] gap-0 rounded-sm p-0"
       >
         <ColorHighlightPopoverContent
           mode="source"