betterstart-cli 0.0.105 → 0.0.107

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/color-highlight-popover/color-highlight-popover.tsx

@@ -69,20 +69,22 @@ export function ColorHighlightPopover({
 
   return (
     <Popover open={isOpen} onOpenChange={handleOpenChange}>
-      <PopoverTrigger asChild>
-        <ColorHighlightPopoverButton
-          disabled={disabled || !canColorHighlight}
-          data-active-state={isActive ? 'on' : 'off'}
-          data-disabled={disabled || !canColorHighlight}
-          aria-pressed={isActive}
-          aria-label={label}
-          title={label}
-          tooltip={tooltip}
-          {...props}
-          ref={ref}
-        >
-          <Icon />
-        </ColorHighlightPopoverButton>
+      <PopoverTrigger
+        render={
+          <ColorHighlightPopoverButton
+            disabled={disabled || !canColorHighlight}
+            data-active-state={isActive ? 'on' : 'off'}
+            data-disabled={disabled || !canColorHighlight}
+            aria-pressed={isActive}
+            aria-label={label}
+            title={label}
+            tooltip={tooltip}
+            {...props}
+            ref={ref}
+          />
+        }
+      >
+        <Icon />
       </PopoverTrigger>
       <PopoverContent
         aria-label="Highlight colors"

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

@@ -31,19 +31,21 @@ export function SourceColorHighlightPopover({
 
   return (
     <Popover open={isOpen} onOpenChange={setIsOpen}>
-      <PopoverTrigger asChild>
-        <ColorHighlightPopoverButton
-          disabled={disabled}
-          data-active-state="off"
-          data-disabled={disabled}
-          aria-pressed={false}
-          aria-label="Highlight"
-          title="Highlight"
-          tooltip={tooltip}
-          {...props}
-        >
-          <HighlighterIcon />
-        </ColorHighlightPopoverButton>
+      <PopoverTrigger
+        render={
+          <ColorHighlightPopoverButton
+            disabled={disabled}
+            data-active-state="off"
+            data-disabled={disabled}
+            aria-pressed={false}
+            aria-label="Highlight"
+            title="Highlight"
+            tooltip={tooltip}
+            {...props}
+          />
+        }
+      >
+        <HighlighterIcon />
       </PopoverTrigger>
       <PopoverContent
         aria-label="Highlight colors"

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

@@ -27,7 +27,7 @@ export function HeadingDropdownMenuItem({
       disabled={!canToggle}
       aria-label={label}
       title={label}
-      onSelect={() => handleToggle()}
+      onClick={() => handleToggle()}
     >
       <Icon />
       <span className="tiptap-button-text">{label}</span>

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

@@ -61,35 +61,37 @@ export function HeadingDropdownMenu({
 
   return (
     <DropdownMenu modal={false} open={isOpen} onOpenChange={handleOpenChange}>
-      <DropdownMenuTrigger asChild>
-        <Button
-          type="button"
-          variant="ghost"
-          data-active-state={isActive ? 'on' : 'off'}
-          role="button"
-          tabIndex={-1}
-          disabled={!canToggle}
-          data-disabled={!canToggle}
-          aria-label="Format text as heading"
-          aria-pressed={isActive}
-          title={getControlTooltipTitle(tooltip, 'Heading')}
-          size="icon-sm"
-          className="w-auto px-2"
-          {...buttonProps}
-          ref={ref}
-          onPointerDown={(event) => event.preventDefault()}
-          onClick={() => handleOpenChange(!isOpen)}
-        >
-          {children ? (
-            children
-          ) : (
-            <>
-              <Icon />
-              <ChevronDownIcon className="tiptap-button-dropdown-small" />
-            </>
-          )}
-        </Button>
-      </DropdownMenuTrigger>
+      <DropdownMenuTrigger
+        render={
+          <Button
+            type="button"
+            variant="ghost"
+            data-active-state={isActive ? 'on' : 'off'}
+            role="button"
+            tabIndex={-1}
+            disabled={!canToggle}
+            data-disabled={!canToggle}
+            aria-label="Format text as heading"
+            aria-pressed={isActive}
+            title={getControlTooltipTitle(tooltip, 'Heading')}
+            size="icon-sm"
+            className="w-auto px-2"
+            {...buttonProps}
+            ref={ref}
+            onPointerDown={(event) => event.preventDefault()}
+            onClick={() => handleOpenChange(!isOpen)}
+          >
+            {children ? (
+              children
+            ) : (
+              <>
+                <Icon />
+                <ChevronDownIcon className="tiptap-button-dropdown-small" />
+              </>
+            )}
+          </Button>
+        }
+      ></DropdownMenuTrigger>
 
       <DropdownMenuContent
         align="start"

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

@@ -62,19 +62,21 @@ export function LinkControlPopover({
 
   return (
     <Popover open={isOpen} onOpenChange={handleOnOpenChange}>
-      <PopoverTrigger asChild>
-        <LinkButton
-          {...buttonProps}
-          disabled={isDisabled}
-          data-active-state={isActive ? 'on' : 'off'}
-          data-disabled={isDisabled}
-          aria-label={label}
-          aria-pressed={isActive}
-          onClick={handleClick}
-          ref={ref}
-        >
-          {children ?? <LinkIcon />}
-        </LinkButton>
+      <PopoverTrigger
+        render={
+          <LinkButton
+            {...buttonProps}
+            disabled={isDisabled}
+            data-active-state={isActive ? 'on' : 'off'}
+            data-disabled={isDisabled}
+            aria-label={label}
+            aria-pressed={isActive}
+            onClick={handleClick}
+            ref={ref}
+          />
+        }
+      >
+        {children ?? <LinkIcon />}
       </PopoverTrigger>
 
       <PopoverContent className="w-auto max-w-[calc(100vw-2rem)]">

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

@@ -36,7 +36,7 @@ export function ListDropdownMenuItem({
       disabled={!canToggle}
       aria-label={itemLabel}
       title={itemLabel}
-      onSelect={() => handleToggle()}
+      onClick={() => handleToggle()}
     >
       <Icon />
       <span className="tiptap-button-text">{label}</span>

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

@@ -59,26 +59,28 @@ export function ListDropdownMenu({
 
   return (
     <DropdownMenu modal={false} open={isOpen} onOpenChange={handleOnOpenChange}>
-      <DropdownMenuTrigger asChild>
-        <Button
-          type="button"
-          variant="ghost"
-          data-active-state={isActive ? 'on' : 'off'}
-          role="button"
-          tabIndex={-1}
-          disabled={!canToggle}
-          data-disabled={!canToggle}
-          aria-label="List options"
-          title={getControlTooltipTitle(tooltip, 'List')}
-          size="icon-sm"
-          className="w-auto px-2"
-          {...props}
-          onPointerDown={(event) => event.preventDefault()}
-          onClick={() => handleOnOpenChange(!isOpen)}
-        >
-          <Icon />
-          <ChevronDownIcon className="tiptap-button-dropdown-small" />
-        </Button>
+      <DropdownMenuTrigger
+        render={
+          <Button
+            type="button"
+            variant="ghost"
+            data-active-state={isActive ? 'on' : 'off'}
+            role="button"
+            tabIndex={-1}
+            disabled={!canToggle}
+            data-disabled={!canToggle}
+            aria-label="List options"
+            title={getControlTooltipTitle(tooltip, 'List')}
+            size="icon-sm"
+            className="w-auto px-2"
+            {...props}
+            onPointerDown={(event) => event.preventDefault()}
+            onClick={() => handleOnOpenChange(!isOpen)}
+          />
+        }
+      >
+        <Icon />
+        <ChevronDownIcon className="tiptap-button-dropdown-small" />
       </DropdownMenuTrigger>
 
       <DropdownMenuContent

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/date-picker.tsx

@@ -32,20 +32,22 @@ export function DatePicker({
 
   return (
     <Popover open={open} onOpenChange={setOpen}>
-      <PopoverTrigger asChild>
-        <Button
-          variant="outline"
-          size="lg"
-          className={cn(
-            'w-full justify-start pl-3! text-left font-normal',
-            { 'text-muted-foreground': !date },
-            className
-          )}
-          disabled={disabled}
-        >
-          <CalendarIcon className="size-4" />
-          {date ? format(date, 'PPP') : <span>{placeholder}</span>}
-        </Button>
+      <PopoverTrigger
+        render={
+          <Button
+            variant="outline"
+            size="lg"
+            className={cn(
+              'w-full justify-start pl-3! text-left font-normal',
+              { 'text-muted-foreground': !date },
+              className
+            )}
+            disabled={disabled}
+          />
+        }
+      >
+        <CalendarIcon className="size-4" />
+        {date ? format(date, 'PPP') : <span>{placeholder}</span>}
       </PopoverTrigger>
       <PopoverContent className="w-auto overflow-hidden p-0" align="start">
         <Calendar

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

@@ -130,12 +130,14 @@ export function DateRangePicker({
         }
       }}
     >
-      <PopoverTrigger asChild>
-        <Button variant="outline" className={cn('w-[206px]', className)} disabled={disabled}>
-          <CalendarIcon />
-          <span className="min-w-0 flex-1 truncate text-left tabular-nums">{triggerLabel}</span>
-          <ChevronDown />
-        </Button>
+      <PopoverTrigger
+        render={
+          <Button variant="outline" className={cn('w-[206px]', className)} disabled={disabled} />
+        }
+      >
+        <CalendarIcon />
+        <span className="min-w-0 flex-1 truncate text-left tabular-nums">{triggerLabel}</span>
+        <ChevronDown />
       </PopoverTrigger>
       <PopoverContent className="w-[282px] gap-0 overflow-hidden rounded-sm p-0" align="start">
         <Calendar

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'
@@ -348,16 +346,17 @@ const IconPicker = React.forwardRef<React.ComponentRef<typeof PopoverTrigger>, I
     }, [isPopoverVisible, virtualizer])
 
     const selectedIconName = (value || selectedIcon) as IconName | undefined
+    const trigger = React.isValidElement(children) ? (
+      children
+    ) : (
+      <Button variant="outline" size="lg">
+        {selectedIconName ? <DynamicIcon name={selectedIconName} /> : triggerPlaceholder}
+      </Button>
+    )
 
     return (
       <Popover open={open ?? isOpen} onOpenChange={handleOpenChange} modal={modal}>
-        <PopoverTrigger ref={ref} asChild {...props}>
-          {children || (
-            <Button variant="outline" size="lg">
-              {selectedIconName ? <DynamicIcon name={selectedIconName} /> : triggerPlaceholder}
-            </Button>
-          )}
-        </PopoverTrigger>
+        <PopoverTrigger ref={ref} render={trigger} {...props} />
         <PopoverContent className="w-64 p-2">
           {searchable && (
             <Input placeholder={searchPlaceholder} onChange={handleSearchChange} className="mb-2" />

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

@@ -170,10 +170,8 @@ export function NestedObjectListField({
 
           <CardContent className="p-0!">
             <Accordion
-              type="single"
-              collapsible
-              value={expanded}
-              onValueChange={handleExpandedChange}
+              value={expanded ? [expanded] : []}
+              onValueChange={(nextValue) => handleExpandedChange(nextValue[0] ?? '')}
               className="border-none"
             >
               {items.map((_, index) => (