betterstart-cli 0.0.104 → 0.0.106

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

@@ -0,0 +1,20 @@
+'use client'
+
+import type * as React from 'react'
+import { cn } from '@admin/utils/shared/cn'
+
+function DataGridBody({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      role="rowgroup"
+      data-slot="data-grid-body"
+      className={cn(
+        "relative col-span-full grid grid-cols-subgrid overflow-hidden rounded-sm bg-card shadow-input after:pointer-events-none after:absolute after:inset-0 after:rounded-sm after:border after:border-border after:content-['']",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { DataGridBody }

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

@@ -0,0 +1,20 @@
+'use client'
+
+import type * as React from 'react'
+import { cn } from '@admin/utils/shared/cn'
+
+function DataGridCell({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      role="cell"
+      data-slot="data-grid-cell"
+      className={cn(
+        'grid min-h-12 items-center px-3 py-1.5 whitespace-nowrap [&:has([role=checkbox])]:pr-0',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { DataGridCell }

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

@@ -0,0 +1,21 @@
+'use client'
+
+import type * as React from 'react'
+import { cn } from '@admin/utils/shared/cn'
+
+function DataGridHead({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      role="columnheader"
+      data-slot="data-grid-head"
+      className={cn(
+        'grid h-9.5 items-center px-3 text-left font-medium whitespace-nowrap text-muted-foreground *:h-full [&:has([role=checkbox])]:pr-0',
+        className
+      )}
+      tabIndex={-1}
+      {...props}
+    />
+  )
+}
+
+export { DataGridHead }

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

@@ -0,0 +1,20 @@
+'use client'
+
+import type * as React from 'react'
+import { cn } from '@admin/utils/shared/cn'
+
+function DataGridHeader({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      role="rowgroup"
+      data-slot="data-grid-header"
+      className={cn(
+        "relative col-span-full -mb-1 grid grid-cols-subgrid rounded-t-sm bg-muted pb-1 after:pointer-events-none after:absolute after:inset-0 after:rounded-t-sm after:border-x after:border-t after:border-border after:content-['']",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { DataGridHeader }

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

@@ -0,0 +1,22 @@
+'use client'
+
+import type * as React from 'react'
+import { cn } from '@admin/utils/shared/cn'
+
+function DataGridRow({ className, style, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      role="row"
+      data-slot="data-grid-row"
+      className={cn(
+        'grid border-b transition-colors last:border-b-0 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted',
+        className
+      )}
+      style={{ ...style, gridColumn: '1 / -1', gridTemplateColumns: 'subgrid' }}
+      tabIndex={-1}
+      {...props}
+    />
+  )
+}
+
+export { DataGridRow }

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

@@ -9,12 +9,6 @@ type DataGridProps = React.ComponentProps<'div'> & {
   gridTemplateColumns: string
 }
 
-const dataGridTableRole = { role: 'table' } as const
-const dataGridRowGroupRole = { role: 'rowgroup' } as const
-const dataGridRowRole = { role: 'row' } as const
-const dataGridColumnHeaderRole = { role: 'columnheader' } as const
-const dataGridCellRole = { role: 'cell' } as const
-
 function DataGrid({
   className,
   containerClassName,
@@ -30,7 +24,7 @@ function DataGrid({
       className={cn('relative min-w-0 overflow-auto', containerClassName)}
     >
       <div
-        {...dataGridTableRole}
+        role="table"
         data-slot="data-grid"
         className={cn('grid min-w-full text-sm', className)}
         style={{ ...style, gridTemplateColumns }}
@@ -40,77 +34,9 @@ function DataGrid({
   )
 }
 
-function DataGridHeader({ className, ...props }: React.ComponentProps<'div'>) {
-  return (
-    <div
-      {...dataGridRowGroupRole}
-      data-slot="data-grid-header"
-      className={cn(
-        "relative col-span-full -mb-1 grid grid-cols-subgrid rounded-t-sm bg-muted pb-1 after:pointer-events-none after:absolute after:inset-0 after:rounded-t-sm after:border-x after:border-t after:border-border after:content-['']",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function DataGridBody({ className, ...props }: React.ComponentProps<'div'>) {
-  return (
-    <div
-      {...dataGridRowGroupRole}
-      data-slot="data-grid-body"
-      className={cn(
-        "relative col-span-full grid grid-cols-subgrid overflow-hidden rounded-sm bg-card shadow-input after:pointer-events-none after:absolute after:inset-0 after:rounded-sm after:border after:border-border after:content-['']",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function DataGridRow({ className, style, ...props }: React.ComponentProps<'div'>) {
-  return (
-    <div
-      {...dataGridRowRole}
-      data-slot="data-grid-row"
-      className={cn(
-        'grid border-b transition-colors last:border-b-0 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted',
-        className
-      )}
-      style={{ ...style, gridColumn: '1 / -1', gridTemplateColumns: 'subgrid' }}
-      tabIndex={-1}
-      {...props}
-    />
-  )
-}
-
-function DataGridHead({ className, ...props }: React.ComponentProps<'div'>) {
-  return (
-    <div
-      {...dataGridColumnHeaderRole}
-      data-slot="data-grid-head"
-      className={cn(
-        'grid h-9.5 items-center px-3 text-left font-medium whitespace-nowrap text-muted-foreground *:h-full [&:has([role=checkbox])]:pr-0',
-        className
-      )}
-      tabIndex={-1}
-      {...props}
-    />
-  )
-}
-
-function DataGridCell({ className, ...props }: React.ComponentProps<'div'>) {
-  return (
-    <div
-      {...dataGridCellRole}
-      data-slot="data-grid-cell"
-      className={cn(
-        'grid min-h-12 items-center px-3 py-1.5 whitespace-nowrap [&:has([role=checkbox])]:pr-0',
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-export { DataGrid, DataGridHeader, DataGridBody, DataGridHead, DataGridRow, DataGridCell }
+export { DataGridBody } from './data-grid-body'
+export { DataGridCell } from './data-grid-cell'
+export { DataGridHead } from './data-grid-head'
+export { DataGridHeader } from './data-grid-header'
+export { DataGridRow } from './data-grid-row'
+export { DataGrid }

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

@@ -2,22 +2,23 @@
 
 import type { ControlAvailability, ControlShortcut, ControlTooltip } from '../control-options'
 import type { UseBlockquoteConfig } from '@admin/hooks/content-editor/use-blockquote'
-import { Badge } from '@admin/components/ui/badge'
 import { Button } from '@admin/components/ui/button'
-import { BLOCKQUOTE_SHORTCUT_KEY, useBlockquote } from '@admin/hooks/content-editor/use-blockquote'
+import { useBlockquote } from '@admin/hooks/content-editor/use-blockquote'
 import { useTiptapEditor } from '@admin/hooks/content-editor/use-tiptap-editor'
-import { parseShortcutKeys } from '@admin/utils/editor/parse-shortcut-keys'
 import { useCallback } from 'react'
 import {
   getControlTooltipTitle,
   shouldHideUnavailableControl,
   shouldShowControlShortcut
 } from '../control-options'
+import { BlockquoteShortcutBadge } from './blockquote-shortcut-badge'
 
 type EditorButtonProps = React.ComponentProps<typeof Button> & {
   tooltip?: ControlTooltip
 }
 
+export { BlockquoteShortcutBadge } from './blockquote-shortcut-badge'
+
 export interface BlockquoteButtonProps
   extends Omit<EditorButtonProps, 'type'>, Omit<UseBlockquoteConfig, 'hideWhenUnavailable'> {
   availability?: ControlAvailability
@@ -25,14 +26,6 @@ export interface BlockquoteButtonProps
   shortcut?: ControlShortcut
 }
 
-export function BlockquoteShortcutBadge({
-  shortcutKeys = BLOCKQUOTE_SHORTCUT_KEY
-}: {
-  shortcutKeys?: string
-}) {
-  return <Badge>{parseShortcutKeys({ shortcutKeys })}</Badge>
-}
-
 export function BlockquoteButton({
   editor: providedEditor,
   availability,

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

@@ -0,0 +1,15 @@
+'use client'
+
+import { Badge } from '@admin/components/ui/badge'
+import { BLOCKQUOTE_SHORTCUT_KEY } from '@admin/hooks/content-editor/use-blockquote'
+import { parseShortcutKeys } from '@admin/utils/editor/parse-shortcut-keys'
+
+function BlockquoteShortcutBadge({
+  shortcutKeys = BLOCKQUOTE_SHORTCUT_KEY
+}: {
+  shortcutKeys?: string
+}) {
+  return <Badge>{parseShortcutKeys({ shortcutKeys })}</Badge>
+}
+
+export { BlockquoteShortcutBadge }

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

@@ -2,22 +2,23 @@
 
 import type { ControlAvailability, ControlShortcut, ControlTooltip } from '../control-options'
 import type { UseCodeBlockConfig } from '@admin/hooks/content-editor/use-code-block'
-import { Badge } from '@admin/components/ui/badge'
 import { Button } from '@admin/components/ui/button'
-import { CODE_BLOCK_SHORTCUT_KEY, useCodeBlock } from '@admin/hooks/content-editor/use-code-block'
+import { useCodeBlock } from '@admin/hooks/content-editor/use-code-block'
 import { useTiptapEditor } from '@admin/hooks/content-editor/use-tiptap-editor'
-import { parseShortcutKeys } from '@admin/utils/editor/parse-shortcut-keys'
 import { useCallback } from 'react'
 import {
   getControlTooltipTitle,
   shouldHideUnavailableControl,
   shouldShowControlShortcut
 } from '../control-options'
+import { CodeBlockShortcutBadge } from './code-block-shortcut-badge'
 
 type EditorButtonProps = React.ComponentProps<typeof Button> & {
   tooltip?: ControlTooltip
 }
 
+export { CodeBlockShortcutBadge } from './code-block-shortcut-badge'
+
 export interface CodeBlockButtonProps
   extends Omit<EditorButtonProps, 'type'>, Omit<UseCodeBlockConfig, 'hideWhenUnavailable'> {
   availability?: ControlAvailability
@@ -25,14 +26,6 @@ export interface CodeBlockButtonProps
   shortcut?: ControlShortcut
 }
 
-export function CodeBlockShortcutBadge({
-  shortcutKeys = CODE_BLOCK_SHORTCUT_KEY
-}: {
-  shortcutKeys?: string
-}) {
-  return <Badge>{parseShortcutKeys({ shortcutKeys })}</Badge>
-}
-
 export function CodeBlockButton({
   editor: providedEditor,
   availability,

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

@@ -0,0 +1,15 @@
+'use client'
+
+import { Badge } from '@admin/components/ui/badge'
+import { CODE_BLOCK_SHORTCUT_KEY } from '@admin/hooks/content-editor/use-code-block'
+import { parseShortcutKeys } from '@admin/utils/editor/parse-shortcut-keys'
+
+function CodeBlockShortcutBadge({
+  shortcutKeys = CODE_BLOCK_SHORTCUT_KEY
+}: {
+  shortcutKeys?: string
+}) {
+  return <Badge>{parseShortcutKeys({ shortcutKeys })}</Badge>
+}
+
+export { CodeBlockShortcutBadge }

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

@@ -2,14 +2,9 @@
 
 import type { ControlAvailability, ControlShortcut, ControlTooltip } from '../control-options'
 import type { UseColorHighlightConfig } from '@admin/hooks/content-editor/use-color-highlight'
-import { Badge } from '@admin/components/ui/badge'
 import { Button } from '@admin/components/ui/button'
-import {
-  COLOR_HIGHLIGHT_SHORTCUT_KEY,
-  useColorHighlight
-} from '@admin/hooks/content-editor/use-color-highlight'
+import { useColorHighlight } from '@admin/hooks/content-editor/use-color-highlight'
 import { useTiptapEditor } from '@admin/hooks/content-editor/use-tiptap-editor'
-import { parseShortcutKeys } from '@admin/utils/editor/parse-shortcut-keys'
 import { cn } from '@admin/utils/shared/cn'
 import { useCallback, useMemo } from 'react'
 import {
@@ -17,11 +12,16 @@ import {
   shouldHideUnavailableControl,
   shouldShowControlShortcut
 } from '../control-options'
+import { ColorHighlightShortcutBadge } from './color-highlight-shortcut-badge'
+import { HighlightSwatch } from './highlight-swatch'
 
 type EditorButtonProps = React.ComponentProps<typeof Button> & {
   tooltip?: ControlTooltip
 }
 
+export { ColorHighlightShortcutBadge } from './color-highlight-shortcut-badge'
+export { HighlightSwatch } from './highlight-swatch'
+
 export interface ColorHighlightButtonProps
   extends Omit<EditorButtonProps, 'type'>, Omit<UseColorHighlightConfig, 'hideWhenUnavailable'> {
   availability?: ControlAvailability
@@ -29,42 +29,6 @@ export interface ColorHighlightButtonProps
   shortcut?: ControlShortcut
 }
 
-export function ColorHighlightShortcutBadge({
-  shortcutKeys = COLOR_HIGHLIGHT_SHORTCUT_KEY
-}: {
-  shortcutKeys?: string
-}) {
-  return <Badge>{parseShortcutKeys({ shortcutKeys })}</Badge>
-}
-
-export function HighlightSwatch({ highlightColor }: { highlightColor: string }) {
-  return (
-    <span
-      className={cn(
-        '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: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',
-        'group-data-[active-state=on]/highlight:after:opacity-100',
-        'group-data-[highlighted=true]/highlight:after:opacity-100'
-      )}
-      style={
-        {
-          '--highlight-color': highlightColor,
-          '--highlight-shadow':
-            'color-mix(in oklab, var(--highlight-border-color, var(--highlight-color)) 72%, var(--foreground) 28%)',
-          '--highlight-shadow-soft': 'color-mix(in oklab, var(--foreground) 10%, transparent)',
-          '--highlight-after-border':
-            'color-mix(in oklab, var(--highlight-border-color, var(--highlight-color)) 52%, var(--foreground) 48%)'
-        } as React.CSSProperties
-      }
-    />
-  )
-}
-
 export function ColorHighlightButton({
   editor: providedEditor,
   availability,

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

@@ -0,0 +1,15 @@
+'use client'
+
+import { Badge } from '@admin/components/ui/badge'
+import { COLOR_HIGHLIGHT_SHORTCUT_KEY } from '@admin/hooks/content-editor/use-color-highlight'
+import { parseShortcutKeys } from '@admin/utils/editor/parse-shortcut-keys'
+
+function ColorHighlightShortcutBadge({
+  shortcutKeys = COLOR_HIGHLIGHT_SHORTCUT_KEY
+}: {
+  shortcutKeys?: string
+}) {
+  return <Badge>{parseShortcutKeys({ shortcutKeys })}</Badge>
+}
+
+export { ColorHighlightShortcutBadge }

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

@@ -0,0 +1,34 @@
+'use client'
+
+import type { CSSProperties } from 'react'
+import { cn } from '@admin/utils/shared/cn'
+
+function HighlightSwatch({ highlightColor }: { highlightColor: string }) {
+  return (
+    <span
+      className={cn(
+        '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: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',
+        'group-data-[active-state=on]/highlight:after:opacity-100',
+        'group-data-[highlighted=true]/highlight:after:opacity-100'
+      )}
+      style={
+        {
+          '--highlight-color': highlightColor,
+          '--highlight-shadow':
+            'color-mix(in oklab, var(--highlight-border-color, var(--highlight-color)) 72%, var(--foreground) 28%)',
+          '--highlight-shadow-soft': 'color-mix(in oklab, var(--foreground) 10%, transparent)',
+          '--highlight-after-border':
+            'color-mix(in oklab, var(--highlight-border-color, var(--highlight-color)) 52%, var(--foreground) 48%)'
+        } as CSSProperties
+      }
+    />
+  )
+}
+
+export { HighlightSwatch }

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

@@ -1,23 +1,24 @@
 'use client'
 
 import type { ControlAvailability, ControlShortcut, ControlTooltip } from '../control-options'
-import type { Mark, UseMarkConfig } from '@admin/hooks/content-editor/use-mark'
-import { Badge } from '@admin/components/ui/badge'
+import type { UseMarkConfig } from '@admin/hooks/content-editor/use-mark'
 import { Button } from '@admin/components/ui/button'
-import { MARK_SHORTCUT_KEYS, useMark } from '@admin/hooks/content-editor/use-mark'
+import { useMark } from '@admin/hooks/content-editor/use-mark'
 import { useTiptapEditor } from '@admin/hooks/content-editor/use-tiptap-editor'
-import { parseShortcutKeys } from '@admin/utils/editor/parse-shortcut-keys'
 import { useCallback } from 'react'
 import {
   getControlTooltipTitle,
   shouldHideUnavailableControl,
   shouldShowControlShortcut
 } from '../control-options'
+import { MarkShortcutBadge } from './mark-shortcut-badge'
 
 type EditorButtonProps = React.ComponentProps<typeof Button> & {
   tooltip?: ControlTooltip
 }
 
+export { MarkShortcutBadge } from './mark-shortcut-badge'
+
 export interface MarkButtonProps
   extends Omit<EditorButtonProps, 'type'>, Omit<UseMarkConfig, 'hideWhenUnavailable'> {
   availability?: ControlAvailability
@@ -25,16 +26,6 @@ export interface MarkButtonProps
   shortcut?: ControlShortcut
 }
 
-export function MarkShortcutBadge({
-  type,
-  shortcutKeys = MARK_SHORTCUT_KEYS[type]
-}: {
-  type: Mark
-  shortcutKeys?: string
-}) {
-  return <Badge>{parseShortcutKeys({ shortcutKeys })}</Badge>
-}
-
 export function MarkButton({
   editor: providedEditor,
   availability,

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

@@ -0,0 +1,18 @@
+'use client'
+
+import type { Mark } from '@admin/hooks/content-editor/use-mark'
+import { Badge } from '@admin/components/ui/badge'
+import { MARK_SHORTCUT_KEYS } from '@admin/hooks/content-editor/use-mark'
+import { parseShortcutKeys } from '@admin/utils/editor/parse-shortcut-keys'
+
+function MarkShortcutBadge({
+  type,
+  shortcutKeys = MARK_SHORTCUT_KEYS[type]
+}: {
+  type: Mark
+  shortcutKeys?: string
+}) {
+  return <Badge>{parseShortcutKeys({ shortcutKeys })}</Badge>
+}
+
+export { MarkShortcutBadge }

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

@@ -0,0 +1,18 @@
+'use client'
+
+import type { UndoRedoAction } from '@admin/hooks/content-editor/use-undo-redo'
+import { Badge } from '@admin/components/ui/badge'
+import { UNDO_REDO_SHORTCUT_KEYS } from '@admin/hooks/content-editor/use-undo-redo'
+import { parseShortcutKeys } from '@admin/utils/editor/parse-shortcut-keys'
+
+function HistoryShortcutBadge({
+  action,
+  shortcutKeys = UNDO_REDO_SHORTCUT_KEYS[action]
+}: {
+  action: UndoRedoAction
+  shortcutKeys?: string
+}) {
+  return <Badge>{parseShortcutKeys({ shortcutKeys })}</Badge>
+}
+
+export { HistoryShortcutBadge }

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

@@ -1,23 +1,24 @@
 'use client'
 
 import type { ControlAvailability, ControlShortcut, ControlTooltip } from '../control-options'
-import type { UndoRedoAction, UseUndoRedoConfig } from '@admin/hooks/content-editor/use-undo-redo'
-import { Badge } from '@admin/components/ui/badge'
+import type { UseUndoRedoConfig } from '@admin/hooks/content-editor/use-undo-redo'
 import { Button } from '@admin/components/ui/button'
 import { useTiptapEditor } from '@admin/hooks/content-editor/use-tiptap-editor'
-import { UNDO_REDO_SHORTCUT_KEYS, useUndoRedo } from '@admin/hooks/content-editor/use-undo-redo'
-import { parseShortcutKeys } from '@admin/utils/editor/parse-shortcut-keys'
+import { useUndoRedo } from '@admin/hooks/content-editor/use-undo-redo'
 import { useCallback } from 'react'
 import {
   getControlTooltipTitle,
   shouldHideUnavailableControl,
   shouldShowControlShortcut
 } from '../control-options'
+import { HistoryShortcutBadge } from './history-shortcut-badge'
 
 type EditorButtonProps = React.ComponentProps<typeof Button> & {
   tooltip?: ControlTooltip
 }
 
+export { HistoryShortcutBadge } from './history-shortcut-badge'
+
 export interface UndoRedoButtonProps
   extends Omit<EditorButtonProps, 'type'>, Omit<UseUndoRedoConfig, 'hideWhenUnavailable'> {
   availability?: ControlAvailability
@@ -25,16 +26,6 @@ export interface UndoRedoButtonProps
   shortcut?: ControlShortcut
 }
 
-export function HistoryShortcutBadge({
-  action,
-  shortcutKeys = UNDO_REDO_SHORTCUT_KEYS[action]
-}: {
-  action: UndoRedoAction
-  shortcutKeys?: string
-}) {
-  return <Badge>{parseShortcutKeys({ shortcutKeys })}</Badge>
-}
-
 export function UndoRedoButton({
   editor: providedEditor,
   action,

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

@@ -0,0 +1,10 @@
+'use client'
+
+import * as React from 'react'
+import type { IconName } from 'lucide-react/dynamic'
+import { DynamicIcon } from 'lucide-react/dynamic'
+
+const MemoizedIcon = React.memo(({ name }: { name: IconName }) => <DynamicIcon name={name} />)
+MemoizedIcon.displayName = 'MemoizedIcon'
+
+export { MemoizedIcon }

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

@@ -19,6 +19,7 @@ import Fuse from 'fuse.js'
 import { DynamicIcon, dynamicIconImports } from 'lucide-react/dynamic'
 import { useCallback, useMemo, useState } from 'react'
 import { useDebounceValue } from 'usehooks-ts'
+import { MemoizedIcon } from './icon-picker/memoized-icon'
 import { IconsColumnSkeleton } from './icons-column-skeleton'
 import { iconsData } from './icons-data'
 
@@ -26,9 +27,6 @@ const DEFAULT_ICONS = iconsData.filter((icon: IconData) => {
   return icon.name in dynamicIconImports
 })
 
-const MemoizedIcon = React.memo(({ name }: { name: IconName }) => <DynamicIcon name={name} />)
-MemoizedIcon.displayName = 'MemoizedIcon'
-
 interface IconPickerProps extends Omit<
   React.ComponentPropsWithoutRef<typeof PopoverTrigger>,
   'onSelect' | 'onOpenChange'