betterstart-cli 0.0.107 → 0.0.108

package/dist/assets/adapters/next/templates/init/admin-globals.css

@@ -5,8 +5,6 @@
 
 @plugin "@tailwindcss/typography";
 
-@custom-variant dark (&:is(.dark *));
-
 @theme inline {
   --color-background: var(--background);
   --color-foreground: var(--foreground);
@@ -97,6 +95,7 @@
   --accent-foreground: oklch(0.15 0 0);
   --destructive: oklch(0.577 0.245 27.325);
   --warning: oklch(0.625 0.165 57.4);
+  --warning-foreground: oklch(0.625 0.165 57.4);
   --border: oklch(0.93 0 0);
   --highlight: oklch(0.9 0.004 286.32);
   --input: oklch(0.994 0 0);
@@ -174,65 +173,6 @@
   --tt-color-highlight-pink-contrast: rgba(225, 136, 179, 0.27);
 }
 
-.dark {
-  --background: oklch(0.144 0 0);
-  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.15 0 0);
-  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.15 0 0);
-  --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.922 0 0);
-  --primary-foreground: oklch(0.15 0 0);
-  --secondary: oklch(0.269 0 0);
-  --secondary-foreground: oklch(0.985 0 0);
-  --muted: oklch(0.269 0 0);
-  --muted-foreground: oklch(0.708 0 0);
-  --accent: oklch(0.269 0 0);
-  --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.704 0.191 22.216);
-  --warning: oklch(0.75 0.2 90);
-  --warning-foreground: oklch(0.625 0.165 57.4);
-  --border: oklch(1 0 0 / 10%);
-  --highlight: oklch(1 0 0 / 10%);
-  --input: oklch(1 0 0 / 15%);
-  --ring: oklch(0.556 0 0);
-  --chart-1: oklch(0.845 0.143 164.978);
-  --chart-2: oklch(0.696 0.17 162.48);
-  --chart-3: oklch(0.596 0.145 163.225);
-  --chart-4: oklch(0.508 0.118 165.612);
-  --chart-5: oklch(0.432 0.095 166.913);
-  --sidebar: oklch(0.15 0 0);
-  --sidebar-foreground: oklch(0.985 0 0);
-  --sidebar-primary: oklch(0.488 0.243 264.376);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.269 0 0);
-  --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(1 0 0 / 10%);
-  --sidebar-ring: oklch(0.556 0 0);
-  --tt-bg-color: var(--background);
-  --tt-bg-color-contrast: var(--border);
-  --tt-color-highlight-yellow: #6b6524;
-  --tt-color-highlight-green: #509568;
-  --tt-color-highlight-blue: #6e92aa;
-  --tt-color-highlight-purple: #583e74;
-  --tt-color-highlight-red: #743e42;
-  --tt-color-highlight-gray: rgb(47, 47, 47);
-  --tt-color-highlight-brown: rgb(74, 50, 40);
-  --tt-color-highlight-orange: rgb(92, 59, 35);
-  --tt-color-highlight-pink: rgb(78, 44, 60);
-  --tt-color-highlight-yellow-contrast: #58531e;
-  --tt-color-highlight-green-contrast: #47855d;
-  --tt-color-highlight-blue-contrast: #5e86a1;
-  --tt-color-highlight-purple-contrast: #4c3564;
-  --tt-color-highlight-red-contrast: #643539;
-  --tt-color-highlight-gray-contrast: rgba(255, 255, 255, 0.094);
-  --tt-color-highlight-brown-contrast: rgba(184, 101, 69, 0.25);
-  --tt-color-highlight-orange-contrast: rgba(233, 126, 37, 0.2);
-  --tt-color-highlight-pink-contrast: rgba(220, 76, 145, 0.22);
-  --shadow-small: 0px 1px 2px #00000029;
-  --shadow-medium: 0px 2px 2px #00000052, 0px 8px 8px -8px #00000029;
-}
-
 @layer base {
   * {
     @apply border-border outline-ring/50;

package/dist/assets/adapters/next/templates/init/components/layouts/admin-header.tsx

@@ -1,31 +1,14 @@
 'use client'
 
-import { Button } from '@admin/components/ui/button'
 import { SidebarTrigger, useSidebar } from '@admin/components/ui/sidebar'
-import { useTheme } from '@admin/hooks/use-admin-theme'
-import { Moon, Sun } from 'lucide-react'
 
 export function AdminHeader() {
-  const { theme, setTheme } = useTheme()
   const { state } = useSidebar()
 
   return (
     <header className="sticky top-0 z-50 flex h-14 w-full shrink-0 items-center gap-2 border-b border-border">
-      <div className="flex w-full flex-1 items-center justify-between gap-1 px-5">
-        <div className="flex w-full items-center gap-2">
-          {state === 'collapsed' && <SidebarTrigger />}
-        </div>
-        <div className="ml-auto flex items-center gap-2">
-          <Button
-            variant="ghost"
-            size="icon"
-            onClick={() => setTheme(theme === 'dark' ? 'light' : 'dark')}
-          >
-            <Sun className="size-4 scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" />
-            <Moon className="absolute size-4 scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" />
-            <span className="sr-only">Toggle theme</span>
-          </Button>
-        </div>
+      <div className="flex w-full flex-1 items-center gap-2 px-5">
+        {state === 'collapsed' && <SidebarTrigger />}
       </div>
     </header>
   )

package/dist/assets/adapters/next/templates/init/components/layouts/admin-providers.tsx

@@ -2,7 +2,6 @@
 
 import { Toaster } from '@admin/components/ui/sonner'
 import { TooltipProvider } from '@admin/components/ui/tooltip'
-import { AdminThemeProvider } from '@admin/hooks/use-admin-theme'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { useState } from 'react'
 
@@ -22,12 +21,10 @@ export function AdminProviders({ children }: { children: React.ReactNode }) {
 
   return (
     <QueryClientProvider client={queryClient}>
-      <AdminThemeProvider>
-        <TooltipProvider>
-          {children}
-          <Toaster position="top-right" richColors />
-        </TooltipProvider>
-      </AdminThemeProvider>
+      <TooltipProvider>
+        {children}
+        <Toaster position="top-right" richColors />
+      </TooltipProvider>
     </QueryClientProvider>
   )
 }

package/dist/assets/adapters/next/templates/init/components/layouts/admin-sidebar-user-menu.tsx

@@ -60,7 +60,6 @@ export async function SidebarUserMenu() {
                 render={
                   <Link
                     href="/admin/profile"
-                    prefetch={true}
                     className="flex w-full items-center justify-between gap-2 py-2 pr-1"
                   />
                 }

package/dist/assets/adapters/next/templates/init/components/shared/data-table/data-table-pagination.tsx

@@ -70,7 +70,9 @@ export function DataTablePagination<TData>(props: DataTablePaginationProps<TData
   )
 
   const handlePageSizeChange = React.useCallback(
-    (value: string) => {
+    (value: string | null) => {
+      if (value === null) return
+
       React.startTransition(() => {
         if (value === 'all') {
           setPageSize(-1)

package/dist/assets/adapters/next/templates/init/components/shared/dev-mode/copyable-code-block.tsx

@@ -5,7 +5,6 @@ import type { DevModeCodeLanguage, DevModeSnippetCodeTab } from './dev-mode-type
 import { Button } from '@admin/components/ui/button'
 import { Card, CardContent, CardHeader } from '@admin/components/ui/card'
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@admin/components/ui/tabs'
-import { useTheme } from '@admin/hooks/use-admin-theme'
 import { useCopyToClipboard } from '@admin/hooks/use-copy-to-clipboard'
 import { Check, Copy } from 'lucide-react'
 import { PlainCodeFallback } from './plain-code-fallback'
@@ -21,8 +20,6 @@ interface CopyableCodeBlockProps {
 
 export function CopyableCodeBlock({ label, code, language, tabs }: CopyableCodeBlockProps) {
   const [copy, isCopied] = useCopyToClipboard()
-  const { resolvedTheme } = useTheme()
-  const codeTheme = resolvedTheme === 'dark' ? 'dark' : 'light'
   const fallbackTab: DevModeSnippetCodeTab = {
     id: 'code',
     label,
@@ -68,7 +65,7 @@ export function CopyableCodeBlock({ label, code, language, tabs }: CopyableCodeB
             <TabsContent key={tab.id} value={tab.id} className="min-h-0 overflow-auto">
               <CardContent className="h-full overflow-auto p-0">
                 <React.Suspense fallback={<PlainCodeFallback code={tab.code} />}>
-                  <LazyCodeMirror code={tab.code} language={tab.language} theme={codeTheme} />
+                  <LazyCodeMirror code={tab.code} language={tab.language} />
                 </React.Suspense>
               </CardContent>
             </TabsContent>
@@ -94,7 +91,7 @@ export function CopyableCodeBlock({ label, code, language, tabs }: CopyableCodeB
           </CardHeader>
           <CardContent className="overflow-auto p-0">
             <React.Suspense fallback={<PlainCodeFallback code={code} />}>
-              <LazyCodeMirror code={code} language={language} theme={codeTheme} />
+              <LazyCodeMirror code={code} language={language} />
             </React.Suspense>
           </CardContent>
         </>

package/dist/assets/adapters/next/templates/init/components/shared/dev-mode/dev-mode-code-mirror.tsx

@@ -1,11 +1,11 @@
 'use client'
 
 import * as React from 'react'
-import type { DevModeCodeLanguage, DevModeCodeTheme } from './dev-mode-types'
+import type { DevModeCodeLanguage } from './dev-mode-types'
 import { javascript } from '@codemirror/lang-javascript'
 import { json } from '@codemirror/lang-json'
 import { EditorView } from '@codemirror/view'
-import { githubDark, githubLight } from '@uiw/codemirror-theme-github'
+import { githubLight } from '@uiw/codemirror-theme-github'
 import CodeMirror from '@uiw/react-codemirror'
 
 const codeMirrorSetup = {
@@ -43,10 +43,9 @@ const compactCodeTheme = EditorView.theme({
 interface DevModeCodeMirrorProps {
   code: string
   language: DevModeCodeLanguage
-  theme: DevModeCodeTheme
 }
 
-export default function DevModeCodeMirror({ code, language, theme }: DevModeCodeMirrorProps) {
+export default function DevModeCodeMirror({ code, language }: DevModeCodeMirrorProps) {
   const extensions = React.useMemo(
     () =>
       language === 'json'
@@ -62,7 +61,7 @@ export default function DevModeCodeMirror({ code, language, theme }: DevModeCode
       readOnly
       basicSetup={codeMirrorSetup}
       extensions={extensions}
-      theme={theme === 'dark' ? githubDark : githubLight}
+      theme={githubLight}
       className="flex-1 [&>.cm-editor]:h-full"
     />
   )

package/dist/assets/adapters/next/templates/init/components/shared/dev-mode/dev-mode-types.ts

@@ -1,5 +1,4 @@
 export type DevModeCodeLanguage = 'tsx' | 'ts' | 'json'
-export type DevModeCodeTheme = 'light' | 'dark'
 export type DevModeSnippetIcon =
   | 'eye'
   | 'file-code'

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

@@ -41,7 +41,9 @@ export function MediaGridPagination({
   const perPage = 'Rows per page'
 
   const handlePageSizeChange = React.useCallback(
-    (value: string) => {
+    (value: string | null) => {
+      if (value === null) return
+
       React.startTransition(() => {
         onPageSizeChange(Number(value))
         onPageChange(1)

package/dist/assets/adapters/next/templates/init/hooks/content-editor/use-content-editor-source-mode.tsx

@@ -9,7 +9,6 @@ import type { QueryClient } from '@tanstack/react-query'
 import type { ReactCodeMirrorRef } from '@uiw/react-codemirror'
 import type { Root } from 'react-dom/client'
 import { MediaField } from '@admin/components/custom/media-field'
-import { useTheme } from '@admin/hooks/use-admin-theme'
 import { applyCursorChange } from '@admin/utils/editor/apply-cursor-change'
 import { applyCursorChangeIfAvailable } from '@admin/utils/editor/apply-cursor-change-if-available'
 import { createMarkdownTableText } from '@admin/utils/editor/create-markdown-table-text'
@@ -33,11 +32,12 @@ import { redo, redoDepth, undo, undoDepth } from '@codemirror/commands'
 import { markdown } from '@codemirror/lang-markdown'
 import { Decoration, EditorView, WidgetType } from '@codemirror/view'
 import { QueryClientProvider, useQueryClient } from '@tanstack/react-query'
-import { githubDarkInit, githubLightInit } from '@uiw/codemirror-theme-github'
+import { githubLightInit } from '@uiw/codemirror-theme-github'
 import { NuqsAdapter } from 'nuqs/adapters/react'
 import { createRoot } from 'react-dom/client'
 
 const ADMIN_MONO_FONT_FAMILY = 'var(--font-geist-mono), ui-monospace, SFMono-Regular, monospace'
+const editorTheme = githubLightInit({ settings: { fontFamily: ADMIN_MONO_FONT_FAMILY } })
 
 type MarkdownMediaGalleryWidgetProps = {
   widgetId: number
@@ -150,15 +150,6 @@ export function useContentEditorSourceMode({
   const [isMarkdownLinkActive, setIsMarkdownLinkActive] = React.useState(false)
   const [canUndoMarkdownChange, setCanUndoMarkdownChange] = React.useState(false)
   const [canRedoMarkdownChange, setCanRedoMarkdownChange] = React.useState(false)
-  const { resolvedTheme } = useTheme()
-  const editorTheme = React.useMemo(
-    () =>
-      resolvedTheme === 'dark'
-        ? githubDarkInit({ settings: { fontFamily: ADMIN_MONO_FONT_FAMILY } })
-        : githubLightInit({ settings: { fontFamily: ADMIN_MONO_FONT_FAMILY } }),
-    [resolvedTheme]
-  )
-
   const valueRef = React.useRef(value)
   valueRef.current = value
   const onChangeRef = React.useRef(onChange)

package/dist/assets/adapters/next/templates/init/hooks/content-editor/use-content-editor.ts

@@ -99,8 +99,7 @@ export function useContentEditor({
         autocomplete: 'off',
         autocorrect: 'off',
         autocapitalize: 'off',
-        class:
-          'simple-editor content-editor-prose prose prose-sm max-w-none dark:prose-invert focus:outline-none'
+        class: 'simple-editor content-editor-prose prose prose-sm max-w-none focus:outline-none'
       },
       handleKeyDown: (_view, event) => handleSlashKeyDown(event)
     },

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

@@ -54,7 +54,7 @@ export function ForgotPasswordForm({ className, ...props }: React.ComponentProps
               alt=""
               fill
               sizes="(min-width: 768px) 42vw, 0px"
-              className="object-cover dark:brightness-[0.2] dark:grayscale"
+              className="object-cover"
             />
           </div>
           <div className="p-6 md:p-20">

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

@@ -60,7 +60,7 @@ export function LoginForm({ className, ...props }: React.ComponentProps<'div'>)
               alt=""
               fill
               sizes="(min-width: 768px) 42vw, 0px"
-              className="object-cover dark:brightness-[0.2] dark:grayscale"
+              className="object-cover"
             />
           </div>
           <form onSubmit={handleSubmit} className="p-6 md:p-20">
@@ -70,7 +70,7 @@ export function LoginForm({ className, ...props }: React.ComponentProps<'div'>)
                 <p className="text-balance text-muted-foreground">Sign in to your account</p>
               </div>
               {resetSuccess ? (
-                <div className="rounded-md bg-emerald-500/10 p-3 text-sm text-emerald-700 dark:text-emerald-400">
+                <div className="rounded-md bg-emerald-500/10 p-3 text-sm text-emerald-700">
                   Password reset. Sign in with your new password.
                 </div>
               ) : null}

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

@@ -37,7 +37,7 @@ export function ResetPasswordForm({ className, ...props }: React.ComponentProps<
                 alt=""
                 fill
                 sizes="(min-width: 768px) 42vw, 0px"
-                className="object-cover dark:brightness-[0.2] dark:grayscale"
+                className="object-cover"
               />
             </div>
             <div className="p-6 md:p-20">
@@ -104,7 +104,7 @@ export function ResetPasswordForm({ className, ...props }: React.ComponentProps<
               alt=""
               fill
               sizes="(min-width: 768px) 42vw, 0px"
-              className="object-cover dark:brightness-[0.2] dark:grayscale"
+              className="object-cover"
             />
           </div>
           <form onSubmit={handleSubmit} className="p-6 md:p-20">

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

@@ -49,7 +49,7 @@ export function MainToolbarContent({
           <UndoRedoButton action="redo" />
         </div>
 
-        <Separator orientation="vertical" decorative className="mx-1 my-auto h-[65%] self-center" />
+        <Separator orientation="vertical" 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="mx-1 my-auto h-[65%] self-center" />
+        <Separator orientation="vertical" 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="mx-1 my-auto h-[65%] self-center" />
+        <Separator orientation="vertical" 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/mobile-toolbar-content.tsx

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

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

@@ -117,11 +117,7 @@ export function SelectionBubbleMenu({ editor }: { editor: Editor }) {
             />
           </div>
 
-          <Separator
-            orientation="vertical"
-            decorative
-            className="mx-1 my-auto h-[65%] self-center"
-          />
+          <Separator orientation="vertical" className="mx-1 my-auto h-[65%] self-center" />
 
           <div className="flex items-center gap-0.5">
             <MarkButton editor={editor} type="bold" />

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

@@ -152,11 +152,7 @@ export function SourceMode({
             </Button>
           </div>
 
-          <Separator
-            orientation="vertical"
-            decorative
-            className="mx-1 my-auto h-[65%] self-center"
-          />
+          <Separator orientation="vertical" className="mx-1 my-auto h-[65%] self-center" />
 
           <div className="flex items-center gap-0.5">
             <SourceModeDropdownButton
@@ -234,11 +230,7 @@ export function SourceMode({
             </Button>
           </div>
 
-          <Separator
-            orientation="vertical"
-            decorative
-            className="mx-1 my-auto h-[65%] self-center"
-          />
+          <Separator orientation="vertical" className="mx-1 my-auto h-[65%] self-center" />
 
           <div className="flex items-center gap-0.5">
             {[
@@ -300,11 +292,7 @@ export function SourceMode({
             />
           </div>
 
-          <Separator
-            orientation="vertical"
-            decorative
-            className="mx-1 my-auto h-[65%] self-center"
-          />
+          <Separator orientation="vertical" className="mx-1 my-auto h-[65%] self-center" />
 
           <div className="flex items-center">
             <TableButton disabled={disabled} onInsertTable={insertTable} />

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

@@ -230,7 +230,6 @@ export function TableBubbleMenu({ editor }: { editor: Editor }) {
           </div>
           <Separator
             orientation="vertical"
-            decorative
             className="mx-1 my-auto h-5 w-px self-center bg-border opacity-100"
           />
           <div className="flex items-center gap-0.5">

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

@@ -2,6 +2,7 @@
 
 import type { ControlAvailability, ControlShortcut, ControlTooltip } from '../control-options'
 import type { UseBlockquoteConfig } from '@admin/hooks/content-editor/use-blockquote'
+import type { BaseUIEvent } from '@base-ui/react'
 import { Button } from '@admin/components/ui/button'
 import { useBlockquote } from '@admin/hooks/content-editor/use-blockquote'
 import { useTiptapEditor } from '@admin/hooks/content-editor/use-tiptap-editor'
@@ -48,7 +49,7 @@ export function BlockquoteButton({
   )
 
   const handleClick = useCallback(
-    (event: React.MouseEvent<HTMLButtonElement>) => {
+    (event: BaseUIEvent<React.MouseEvent<HTMLButtonElement>>) => {
       onClick?.(event)
       if (event.defaultPrevented) return
       handleToggle()

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

@@ -2,6 +2,7 @@
 
 import type { ControlAvailability, ControlShortcut, ControlTooltip } from '../control-options'
 import type { UseCodeBlockConfig } from '@admin/hooks/content-editor/use-code-block'
+import type { BaseUIEvent } from '@base-ui/react'
 import { Button } from '@admin/components/ui/button'
 import { useCodeBlock } from '@admin/hooks/content-editor/use-code-block'
 import { useTiptapEditor } from '@admin/hooks/content-editor/use-tiptap-editor'
@@ -46,7 +47,7 @@ export function CodeBlockButton({
   })
 
   const handleClick = useCallback(
-    (event: React.MouseEvent<HTMLButtonElement>) => {
+    (event: BaseUIEvent<React.MouseEvent<HTMLButtonElement>>) => {
       onClick?.(event)
       if (event.defaultPrevented) return
       handleToggle()

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

@@ -2,6 +2,7 @@
 
 import type { ControlAvailability, ControlShortcut, ControlTooltip } from '../control-options'
 import type { UseColorHighlightConfig } from '@admin/hooks/content-editor/use-color-highlight'
+import type { BaseUIEvent } from '@base-ui/react'
 import { Button } from '@admin/components/ui/button'
 import { useColorHighlight } from '@admin/hooks/content-editor/use-color-highlight'
 import { useTiptapEditor } from '@admin/hooks/content-editor/use-tiptap-editor'
@@ -59,7 +60,7 @@ export function ColorHighlightButton({
     })
 
   const handleClick = useCallback(
-    (event: React.MouseEvent<HTMLButtonElement>) => {
+    (event: BaseUIEvent<React.MouseEvent<HTMLButtonElement>>) => {
       onClick?.(event)
       if (event.defaultPrevented) return
       handleColorHighlight()

package/dist/assets/shared-assets/react-admin/custom/content-editor/tiptap-ui/heading-dropdown-menu/heading-dropdown-menu.tsx

@@ -96,7 +96,7 @@ export function HeadingDropdownMenu({
       <DropdownMenuContent
         align="start"
         className="w-auto min-w-40"
-        onCloseAutoFocus={(event) => event.preventDefault()}
+        finalFocus={false}
         portalled={false}
       >
         <DropdownMenuGroup>

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

@@ -3,6 +3,7 @@
 import type * as React from 'react'
 import type { LinkButtonProps } from './link-button'
 import type { LinkMainProps } from './link-main'
+import type { BaseUIEvent } from '@base-ui/react'
 import { Popover, PopoverContent, PopoverTrigger } from '@admin/components/ui/popover'
 import { LinkIcon } from 'lucide-react'
 import { useCallback, useState } from 'react'
@@ -52,7 +53,7 @@ export function LinkControlPopover({
   }, [handleOnOpenChange, setLink])
 
   const handleClick = useCallback(
-    (event: React.MouseEvent<HTMLButtonElement>) => {
+    (event: BaseUIEvent<React.MouseEvent<HTMLButtonElement>>) => {
       onClick?.(event)
       if (event.defaultPrevented) return
       handleOnOpenChange(!isOpen)

package/dist/assets/shared-assets/react-admin/custom/content-editor/tiptap-ui/list-dropdown-menu/list-dropdown-menu.tsx

@@ -86,7 +86,7 @@ export function ListDropdownMenu({
       <DropdownMenuContent
         align="start"
         className="w-auto min-w-40"
-        onCloseAutoFocus={(event) => event.preventDefault()}
+        finalFocus={false}
         portalled={false}
       >
         <DropdownMenuGroup>

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

@@ -2,6 +2,7 @@
 
 import type { ControlAvailability, ControlShortcut, ControlTooltip } from '../control-options'
 import type { UseMarkConfig } from '@admin/hooks/content-editor/use-mark'
+import type { BaseUIEvent } from '@base-ui/react'
 import { Button } from '@admin/components/ui/button'
 import { useMark } from '@admin/hooks/content-editor/use-mark'
 import { useTiptapEditor } from '@admin/hooks/content-editor/use-tiptap-editor'
@@ -48,7 +49,7 @@ export function MarkButton({
   })
 
   const handleClick = useCallback(
-    (event: React.MouseEvent<HTMLButtonElement>) => {
+    (event: BaseUIEvent<React.MouseEvent<HTMLButtonElement>>) => {
       onClick?.(event)
       if (event.defaultPrevented) return
       handleMark()

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

@@ -2,6 +2,7 @@
 
 import type { ControlAvailability, ControlShortcut, ControlTooltip } from '../control-options'
 import type { UseUndoRedoConfig } from '@admin/hooks/content-editor/use-undo-redo'
+import type { BaseUIEvent } from '@base-ui/react'
 import { Button } from '@admin/components/ui/button'
 import { useTiptapEditor } from '@admin/hooks/content-editor/use-tiptap-editor'
 import { useUndoRedo } from '@admin/hooks/content-editor/use-undo-redo'
@@ -48,7 +49,7 @@ export function UndoRedoButton({
   })
 
   const handleClick = useCallback(
-    (event: React.MouseEvent<HTMLButtonElement>) => {
+    (event: BaseUIEvent<React.MouseEvent<HTMLButtonElement>>) => {
       onClick?.(event)
       if (event.defaultPrevented) return
       handleAction()

package/dist/assets/shared-assets/react-admin/ui/avatar.tsx

@@ -16,7 +16,7 @@ function Avatar({
       data-slot="avatar"
       data-size={size}
       className={cn(
-        'group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten',
+        'group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6',
         className
       )}
       {...props}

package/dist/assets/shared-assets/react-admin/ui/badge.tsx

@@ -5,17 +5,19 @@ import { useRender } from '@base-ui/react/use-render'
 import { cva } from 'class-variance-authority'
 
 const badgeVariants = cva(
-  'group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!',
+  'group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 [&>svg]:pointer-events-none [&>svg]:size-3!',
   {
     variants: {
       variant: {
         default: 'bg-primary text-primary-foreground [a]:hover:bg-primary/80',
         secondary: 'bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80',
         destructive:
-          'bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20',
+          'bg-destructive/10 text-destructive focus-visible:ring-destructive/20 [a]:hover:bg-destructive/20',
+        success:
+          'bg-emerald-500/10 text-emerald-700 focus-visible:ring-emerald-500/20 [a]:hover:bg-emerald-500/20',
         outline:
           'border-border bg-input/30 text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground',
-        ghost: 'hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50',
+        ghost: 'hover:bg-muted hover:text-muted-foreground',
         link: 'text-primary underline-offset-4 hover:underline'
       }
     },

package/dist/assets/shared-assets/react-admin/ui/button.tsx

@@ -4,7 +4,7 @@ import { Button as ButtonPrimitive } from '@base-ui/react/button'
 import { cva } from 'class-variance-authority'
 
 const buttonVariants = cva(
-  "group/button inline-flex shrink-0 items-center justify-center rounded-4xl border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  "group/button inline-flex shrink-0 items-center justify-center rounded-4xl border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
     variants: {
       variant: {
@@ -14,11 +14,11 @@ const buttonVariants = cva(
         secondary:
           'bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground',
         ghost:
-          'hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50',
+          'hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground',
         destructive:
-          'bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40',
+          'bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20',
         warning:
-          'border-warning/20 bg-warning/10 text-warning hover:bg-warning/15 focus-visible:border-warning/40 focus-visible:ring-warning/15 dark:bg-warning/20 dark:hover:bg-warning/30 dark:focus-visible:ring-warning/40 [&_svg]:text-warning',
+          'border-warning/20 bg-warning/10 text-warning hover:bg-warning/15 focus-visible:border-warning/40 focus-visible:ring-warning/15 [&_svg]:text-warning',
         link: 'text-primary underline-offset-4 hover:underline'
       },
       size: {