@lobehub/ui 5.6.3 → 5.6.4

package/es/EditorSlashMenu/EditorSlashMenu.d.mts

@@ -5,39 +5,28 @@ import { AutocompleteRootChangeEventDetails, AutocompleteRootProps } from "@base
 
 //#region src/EditorSlashMenu/EditorSlashMenu.d.ts
 type Props = {
-  /** Anchor for positioning (caret virtual element, dom element, ref, etc.) */
-  anchor?: React.ComponentProps<typeof EditorSlashMenuPositioner>['anchor'];
-  defaultOpen?: boolean;
-  /** Initial query string (uncontrolled) */
-  defaultValue?: string;
-  /** Optional custom empty state */
+  /** Anchor for positioning (caret virtual element, dom element, ref, etc.) */anchor?: React.ComponentProps<typeof EditorSlashMenuPositioner>['anchor'];
+  defaultOpen?: boolean; /** Initial query string (uncontrolled) */
+  defaultValue?: string; /** Optional custom empty state */
   empty?: React.ReactNode;
   hiddenInputProps?: React.ComponentProps<typeof EditorSlashMenuHiddenInput>;
   items: EditorSlashMenuItems;
   listProps?: React.ComponentProps<typeof EditorSlashMenuList>;
   onOpenChange?: (open: boolean, details: AutocompleteRootChangeEventDetails) => void;
-  onOpenChangeComplete?: (open: boolean) => void;
-  /** Called when a command is selected. */
-  onSelect?: (item: EditorSlashMenuOption, details: AutocompleteRootChangeEventDetails) => void;
-  /** Called when query changes. By default, changes caused by item selection are ignored. */
+  onOpenChangeComplete?: (open: boolean) => void; /** Called when a command is selected. */
+  onSelect?: (item: EditorSlashMenuOption, details: AutocompleteRootChangeEventDetails) => void; /** Called when query changes. By default, changes caused by item selection are ignored. */
   onValueChange?: (value: string, details: AutocompleteRootChangeEventDetails) => void;
   open?: boolean;
   popupProps?: React.ComponentProps<typeof EditorSlashMenuPopup>;
   portalProps?: Omit<React.ComponentProps<typeof EditorSlashMenuPortal>, 'container'> & {
     container?: HTMLElement | null;
   };
-  positionerProps?: Omit<React.ComponentProps<typeof EditorSlashMenuPositioner>, 'anchor'>;
-  /** Optional custom group label renderer */
-  renderGroupLabel?: (label: string) => React.ReactNode;
-  /** Optional custom item renderer */
-  renderItem?: (item: EditorSlashMenuOption) => React.ReactNode;
-  /** Reserve icon space even when icon is missing */
-  reserveIconSpace?: boolean;
-  /** Pass-through props */
-  rootProps?: Omit<AutocompleteRootProps<EditorSlashMenuOption>, 'items' | 'value' | 'defaultValue' | 'onValueChange' | 'open' | 'defaultOpen' | 'onOpenChange' | 'onOpenChangeComplete' | 'itemToStringValue'>;
-  /** Whether selecting an item should propagate its filled value via `onValueChange`. */
-  updateValueOnSelect?: boolean;
-  /** Current query string (controlled) */
+  positionerProps?: Omit<React.ComponentProps<typeof EditorSlashMenuPositioner>, 'anchor'>; /** Optional custom group label renderer */
+  renderGroupLabel?: (label: string) => React.ReactNode; /** Optional custom item renderer */
+  renderItem?: (item: EditorSlashMenuOption) => React.ReactNode; /** Reserve icon space even when icon is missing */
+  reserveIconSpace?: boolean; /** Pass-through props */
+  rootProps?: Omit<AutocompleteRootProps<EditorSlashMenuOption>, 'items' | 'value' | 'defaultValue' | 'onValueChange' | 'open' | 'defaultOpen' | 'onOpenChange' | 'onOpenChangeComplete' | 'itemToStringValue'>; /** Whether selecting an item should propagate its filled value via `onValueChange`. */
+  updateValueOnSelect?: boolean; /** Current query string (controlled) */
   value?: string;
   /**
    * Render a visually-hidden input element for keyboard navigation / screen readers.

package/es/EditorSlashMenu/EditorSlashMenu.mjs

@@ -1,5 +1,4 @@
-'use client';
-
+"use client";
 import { EditorSlashMenuEmpty, EditorSlashMenuGroup, EditorSlashMenuGroupLabel, EditorSlashMenuHiddenInput, EditorSlashMenuList, EditorSlashMenuPopup, EditorSlashMenuPortal, EditorSlashMenuPositioner, EditorSlashMenuRoot } from "./atoms.mjs";
 import { MenuItemRenderer } from "./MenuItemRenderer.mjs";
 import { isGroup } from "./utils.mjs";
@@ -7,7 +6,6 @@ import { useKeyboardNavigation } from "./useKeyboardNavigation.mjs";
 import { useNormalizedItems } from "./useNormalizedItems.mjs";
 import { createElement, memo, useCallback, useEffect, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/EditorSlashMenu/EditorSlashMenu.tsx
 const EditorSlashMenu = memo(({ items, anchor, open, defaultOpen, onOpenChange, onOpenChangeComplete, value, defaultValue, onValueChange, updateValueOnSelect = false, onSelect, empty = "No results", renderGroupLabel, renderItem, reserveIconSpace = true, rootProps, portalProps, positionerProps, popupProps, listProps, withHiddenInput = false, hiddenInputProps }) => {
 	const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen ?? false);
@@ -73,10 +71,10 @@ const EditorSlashMenu = memo(({ items, anchor, open, defaultOpen, onOpenChange,
 						...listProps,
 						ref: setListRef,
 						children: (entry) => {
-							if (isGroup(entry)) return /* @__PURE__ */ jsxs(EditorSlashMenuGroup, { children: [entry.label ? renderGroupLabel?.(entry.label) ?? /* @__PURE__ */ jsx(EditorSlashMenuGroupLabel, { children: entry.label }) : null, entry.items.map((item$1) => /* @__PURE__ */ createElement(MenuItemRenderer, {
+							if (isGroup(entry)) return /* @__PURE__ */ jsxs(EditorSlashMenuGroup, { children: [entry.label ? renderGroupLabel?.(entry.label) ?? /* @__PURE__ */ jsx(EditorSlashMenuGroupLabel, { children: entry.label }) : null, entry.items.map((item) => /* @__PURE__ */ createElement(MenuItemRenderer, {
 								...menuItemProps,
-								item: item$1,
-								key: item$1.value
+								item,
+								key: item.value
 							}))] }, entry.label ?? entry.items.map((i) => i.value).join("|"));
 							const item = entry;
 							return /* @__PURE__ */ createElement(MenuItemRenderer, {
@@ -92,8 +90,7 @@ const EditorSlashMenu = memo(({ items, anchor, open, defaultOpen, onOpenChange,
 	});
 });
 EditorSlashMenu.displayName = "EditorSlashMenu";
-var EditorSlashMenu_default = EditorSlashMenu;
-
 //#endregion
-export { EditorSlashMenu_default as default };
+export { EditorSlashMenu as default };
+
 //# sourceMappingURL=EditorSlashMenu.mjs.map

package/es/EditorSlashMenu/EditorSlashMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditorSlashMenu.mjs","names":["item"],"sources":["../../src/EditorSlashMenu/EditorSlashMenu.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type AutocompleteRootChangeEventDetails,\n  type AutocompleteRootProps,\n} from '@base-ui/react/autocomplete';\nimport type React from 'react';\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport {\n  EditorSlashMenuEmpty,\n  EditorSlashMenuGroup,\n  EditorSlashMenuGroupLabel,\n  EditorSlashMenuHiddenInput,\n  EditorSlashMenuList,\n  EditorSlashMenuPopup,\n  EditorSlashMenuPortal,\n  EditorSlashMenuPositioner,\n  EditorSlashMenuRoot,\n} from './atoms';\nimport { MenuItemRenderer } from './MenuItemRenderer';\nimport { type EditorSlashMenuItems, type EditorSlashMenuOption as ItemType } from './type';\nimport { useKeyboardNavigation } from './useKeyboardNavigation';\nimport { useNormalizedItems } from './useNormalizedItems';\nimport { isGroup } from './utils';\n\ntype Props = {\n  /** Anchor for positioning (caret virtual element, dom element, ref, etc.) */\n  anchor?: React.ComponentProps<typeof EditorSlashMenuPositioner>['anchor'];\n  defaultOpen?: boolean;\n\n  /** Initial query string (uncontrolled) */\n  defaultValue?: string;\n  /** Optional custom empty state */\n  empty?: React.ReactNode;\n  hiddenInputProps?: React.ComponentProps<typeof EditorSlashMenuHiddenInput>;\n  items: EditorSlashMenuItems;\n\n  listProps?: React.ComponentProps<typeof EditorSlashMenuList>;\n  onOpenChange?: (open: boolean, details: AutocompleteRootChangeEventDetails) => void;\n  onOpenChangeComplete?: (open: boolean) => void;\n  /** Called when a command is selected. */\n  onSelect?: (item: ItemType, details: AutocompleteRootChangeEventDetails) => void;\n\n  /** Called when query changes. By default, changes caused by item selection are ignored. */\n  onValueChange?: (value: string, details: AutocompleteRootChangeEventDetails) => void;\n\n  open?: boolean;\n  popupProps?: React.ComponentProps<typeof EditorSlashMenuPopup>;\n  portalProps?: Omit<React.ComponentProps<typeof EditorSlashMenuPortal>, 'container'> & {\n    container?: HTMLElement | null;\n  };\n  positionerProps?: Omit<React.ComponentProps<typeof EditorSlashMenuPositioner>, 'anchor'>;\n\n  /** Optional custom group label renderer */\n  renderGroupLabel?: (label: string) => React.ReactNode;\n  /** Optional custom item renderer */\n  renderItem?: (item: ItemType) => React.ReactNode;\n  /** Reserve icon space even when icon is missing */\n  reserveIconSpace?: boolean;\n  /** Pass-through props */\n  rootProps?: Omit<\n    AutocompleteRootProps<ItemType>,\n    | 'items'\n    | 'value'\n    | 'defaultValue'\n    | 'onValueChange'\n    | 'open'\n    | 'defaultOpen'\n    | 'onOpenChange'\n    | 'onOpenChangeComplete'\n    | 'itemToStringValue'\n  >;\n  /** Whether selecting an item should propagate its filled value via `onValueChange`. */\n  updateValueOnSelect?: boolean;\n\n  /** Current query string (controlled) */\n  value?: string;\n  /**\n   * Render a visually-hidden input element for keyboard navigation / screen readers.\n   * Default is `false` because slash menus usually live inside an editor input.\n   */\n  withHiddenInput?: boolean;\n};\n\nconst EditorSlashMenu = memo<Props>(\n  ({\n    items,\n    anchor,\n\n    open,\n    defaultOpen,\n    onOpenChange,\n    onOpenChangeComplete,\n\n    value,\n    defaultValue,\n    onValueChange,\n    updateValueOnSelect = false,\n\n    onSelect,\n\n    empty = 'No results',\n    renderGroupLabel,\n    renderItem,\n    reserveIconSpace = true,\n\n    rootProps,\n    portalProps,\n    positionerProps,\n    popupProps,\n    listProps,\n\n    withHiddenInput = false,\n    hiddenInputProps,\n  }) => {\n    const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen ?? false);\n\n    useEffect(() => {\n      if (open === undefined) return;\n      setUncontrolledOpen(open);\n    }, [open]);\n\n    const resolvedOpen = open ?? uncontrolledOpen;\n\n    const { resolvedItems, hasAnyIcon } = useNormalizedItems(items);\n    const { listRef } = useKeyboardNavigation({ isOpen: resolvedOpen });\n\n    const itemToStringValue = useCallback((item: ItemType) => {\n      const kws = item.keywords?.length ? ` ${item.keywords.join(' ')}` : '';\n      return `${item.label}${kws}`;\n    }, []);\n\n    const handleValueChange = useCallback(\n      (nextValue: string, details: AutocompleteRootChangeEventDetails) => {\n        if (!updateValueOnSelect && details.reason === 'item-press') return;\n        onValueChange?.(nextValue, details);\n      },\n      [onValueChange, updateValueOnSelect],\n    );\n\n    const handleSelect = useCallback(\n      (item: ItemType, details: AutocompleteRootChangeEventDetails) => {\n        onSelect?.(item, details);\n      },\n      [onSelect],\n    );\n\n    const handleOpenChange = useCallback(\n      (nextOpen: boolean, details: AutocompleteRootChangeEventDetails) => {\n        setUncontrolledOpen(nextOpen);\n        onOpenChange?.(nextOpen, details);\n      },\n      [onOpenChange],\n    );\n\n    // Stable ref callback that doesn't depend on listProps object\n    const setListRef = useCallback(\n      (node: HTMLDivElement | null) => {\n        listRef.current = node;\n        const externalRef = (listProps as any)?.ref;\n        if (!externalRef) return;\n        if (typeof externalRef === 'function') {\n          externalRef(node);\n        } else {\n          (externalRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n        }\n      },\n      [listRef, listProps],\n    );\n\n    // Memoize render props to prevent recreating on every render\n    const menuItemProps = useMemo(\n      () => ({\n        hasAnyIcon,\n        onSelect: handleSelect,\n        renderItem,\n        reserveIconSpace,\n      }),\n      [hasAnyIcon, handleSelect, renderItem, reserveIconSpace],\n    );\n\n    return (\n      <EditorSlashMenuRoot<ItemType>\n        {...(rootProps as any)}\n        defaultOpen={defaultOpen}\n        defaultValue={defaultValue}\n        itemToStringValue={itemToStringValue as any}\n        items={resolvedItems as any}\n        open={open}\n        value={value}\n        onOpenChange={handleOpenChange}\n        onOpenChangeComplete={onOpenChangeComplete}\n        onValueChange={handleValueChange}\n      >\n        {withHiddenInput ? <EditorSlashMenuHiddenInput {...(hiddenInputProps as any)} /> : null}\n\n        <EditorSlashMenuPortal {...(portalProps as any)}>\n          <EditorSlashMenuPositioner {...(positionerProps as any)} anchor={anchor}>\n            <EditorSlashMenuPopup {...(popupProps as any)}>\n              <EditorSlashMenuList {...(listProps as any)} ref={setListRef as any}>\n                {(entry: any) => {\n                  if (isGroup(entry)) {\n                    return (\n                      <EditorSlashMenuGroup\n                        key={entry.label ?? entry.items.map((i: any) => i.value).join('|')}\n                      >\n                        {entry.label\n                          ? (renderGroupLabel?.(entry.label) ?? (\n                              <EditorSlashMenuGroupLabel>{entry.label}</EditorSlashMenuGroupLabel>\n                            ))\n                          : null}\n                        {entry.items.map((item: ItemType) => (\n                          <MenuItemRenderer {...menuItemProps} item={item} key={item.value} />\n                        ))}\n                      </EditorSlashMenuGroup>\n                    );\n                  }\n\n                  const item = entry as ItemType;\n                  return <MenuItemRenderer {...menuItemProps} item={item} key={item.value} />;\n                }}\n              </EditorSlashMenuList>\n\n              <EditorSlashMenuEmpty>{empty}</EditorSlashMenuEmpty>\n            </EditorSlashMenuPopup>\n          </EditorSlashMenuPositioner>\n        </EditorSlashMenuPortal>\n      </EditorSlashMenuRoot>\n    );\n  },\n);\n\nEditorSlashMenu.displayName = 'EditorSlashMenu';\n\nexport default EditorSlashMenu;\n"],"mappings":";;;;;;;;;;;AAqFA,MAAM,kBAAkB,MACrB,EACC,OACA,QAEA,MACA,aACA,cACA,sBAEA,OACA,cACA,eACA,sBAAsB,OAEtB,UAEA,QAAQ,cACR,kBACA,YACA,mBAAmB,MAEnB,WACA,aACA,iBACA,YACA,WAEA,kBAAkB,OAClB,uBACI;CACJ,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,eAAe,MAAM;AAE9E,iBAAgB;AACd,MAAI,SAAS,OAAW;AACxB,sBAAoB,KAAK;IACxB,CAAC,KAAK,CAAC;CAEV,MAAM,eAAe,QAAQ;CAE7B,MAAM,EAAE,eAAe,eAAe,mBAAmB,MAAM;CAC/D,MAAM,EAAE,YAAY,sBAAsB,EAAE,QAAQ,cAAc,CAAC;CAEnE,MAAM,oBAAoB,aAAa,SAAmB;EACxD,MAAM,MAAM,KAAK,UAAU,SAAS,IAAI,KAAK,SAAS,KAAK,IAAI,KAAK;AACpE,SAAO,GAAG,KAAK,QAAQ;IACtB,EAAE,CAAC;CAEN,MAAM,oBAAoB,aACvB,WAAmB,YAAgD;AAClE,MAAI,CAAC,uBAAuB,QAAQ,WAAW,aAAc;AAC7D,kBAAgB,WAAW,QAAQ;IAErC,CAAC,eAAe,oBAAoB,CACrC;CAED,MAAM,eAAe,aAClB,MAAgB,YAAgD;AAC/D,aAAW,MAAM,QAAQ;IAE3B,CAAC,SAAS,CACX;CAED,MAAM,mBAAmB,aACtB,UAAmB,YAAgD;AAClE,sBAAoB,SAAS;AAC7B,iBAAe,UAAU,QAAQ;IAEnC,CAAC,aAAa,CACf;CAGD,MAAM,aAAa,aAChB,SAAgC;AAC/B,UAAQ,UAAU;EAClB,MAAM,cAAe,WAAmB;AACxC,MAAI,CAAC,YAAa;AAClB,MAAI,OAAO,gBAAgB,WACzB,aAAY,KAAK;MAEjB,CAAC,YAA8D,UAAU;IAG7E,CAAC,SAAS,UAAU,CACrB;CAGD,MAAM,gBAAgB,eACb;EACL;EACA,UAAU;EACV;EACA;EACD,GACD;EAAC;EAAY;EAAc;EAAY;EAAiB,CACzD;AAED,QACE,qBAAC;EACC,GAAK;EACQ;EACC;EACK;EACnB,OAAO;EACD;EACC;EACP,cAAc;EACQ;EACtB,eAAe;aAEd,kBAAkB,oBAAC,8BAA2B,GAAK,mBAA4B,GAAG,MAEnF,oBAAC;GAAsB,GAAK;aAC1B,oBAAC;IAA0B,GAAK;IAAiC;cAC/D,qBAAC;KAAqB,GAAK;gBACzB,oBAAC;MAAoB,GAAK;MAAmB,KAAK;iBAC9C,UAAe;AACf,WAAI,QAAQ,MAAM,CAChB,QACE,qBAAC,mCAGE,MAAM,QACF,mBAAmB,MAAM,MAAM,IAC9B,oBAAC,uCAA2B,MAAM,QAAkC,GAEtE,MACH,MAAM,MAAM,KAAK,WAChB,8BAAC;QAAiB,GAAI;QAAe,MAAMA;QAAM,KAAKA,OAAK;SAAS,CACpE,KATG,MAAM,SAAS,MAAM,MAAM,KAAK,MAAW,EAAE,MAAM,CAAC,KAAK,IAAI,CAU7C;OAI3B,MAAM,OAAO;AACb,cAAO,8BAAC;QAAiB,GAAI;QAAqB;QAAM,KAAK,KAAK;SAAS;;OAEzD,EAEtB,oBAAC,kCAAsB,QAA6B;MAC/B;KACG;IACN;GACJ;EAG3B;AAED,gBAAgB,cAAc;AAE9B,8BAAe"}
+{"version":3,"file":"EditorSlashMenu.mjs","names":[],"sources":["../../src/EditorSlashMenu/EditorSlashMenu.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type AutocompleteRootChangeEventDetails,\n  type AutocompleteRootProps,\n} from '@base-ui/react/autocomplete';\nimport type React from 'react';\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport {\n  EditorSlashMenuEmpty,\n  EditorSlashMenuGroup,\n  EditorSlashMenuGroupLabel,\n  EditorSlashMenuHiddenInput,\n  EditorSlashMenuList,\n  EditorSlashMenuPopup,\n  EditorSlashMenuPortal,\n  EditorSlashMenuPositioner,\n  EditorSlashMenuRoot,\n} from './atoms';\nimport { MenuItemRenderer } from './MenuItemRenderer';\nimport { type EditorSlashMenuItems, type EditorSlashMenuOption as ItemType } from './type';\nimport { useKeyboardNavigation } from './useKeyboardNavigation';\nimport { useNormalizedItems } from './useNormalizedItems';\nimport { isGroup } from './utils';\n\ntype Props = {\n  /** Anchor for positioning (caret virtual element, dom element, ref, etc.) */\n  anchor?: React.ComponentProps<typeof EditorSlashMenuPositioner>['anchor'];\n  defaultOpen?: boolean;\n\n  /** Initial query string (uncontrolled) */\n  defaultValue?: string;\n  /** Optional custom empty state */\n  empty?: React.ReactNode;\n  hiddenInputProps?: React.ComponentProps<typeof EditorSlashMenuHiddenInput>;\n  items: EditorSlashMenuItems;\n\n  listProps?: React.ComponentProps<typeof EditorSlashMenuList>;\n  onOpenChange?: (open: boolean, details: AutocompleteRootChangeEventDetails) => void;\n  onOpenChangeComplete?: (open: boolean) => void;\n  /** Called when a command is selected. */\n  onSelect?: (item: ItemType, details: AutocompleteRootChangeEventDetails) => void;\n\n  /** Called when query changes. By default, changes caused by item selection are ignored. */\n  onValueChange?: (value: string, details: AutocompleteRootChangeEventDetails) => void;\n\n  open?: boolean;\n  popupProps?: React.ComponentProps<typeof EditorSlashMenuPopup>;\n  portalProps?: Omit<React.ComponentProps<typeof EditorSlashMenuPortal>, 'container'> & {\n    container?: HTMLElement | null;\n  };\n  positionerProps?: Omit<React.ComponentProps<typeof EditorSlashMenuPositioner>, 'anchor'>;\n\n  /** Optional custom group label renderer */\n  renderGroupLabel?: (label: string) => React.ReactNode;\n  /** Optional custom item renderer */\n  renderItem?: (item: ItemType) => React.ReactNode;\n  /** Reserve icon space even when icon is missing */\n  reserveIconSpace?: boolean;\n  /** Pass-through props */\n  rootProps?: Omit<\n    AutocompleteRootProps<ItemType>,\n    | 'items'\n    | 'value'\n    | 'defaultValue'\n    | 'onValueChange'\n    | 'open'\n    | 'defaultOpen'\n    | 'onOpenChange'\n    | 'onOpenChangeComplete'\n    | 'itemToStringValue'\n  >;\n  /** Whether selecting an item should propagate its filled value via `onValueChange`. */\n  updateValueOnSelect?: boolean;\n\n  /** Current query string (controlled) */\n  value?: string;\n  /**\n   * Render a visually-hidden input element for keyboard navigation / screen readers.\n   * Default is `false` because slash menus usually live inside an editor input.\n   */\n  withHiddenInput?: boolean;\n};\n\nconst EditorSlashMenu = memo<Props>(\n  ({\n    items,\n    anchor,\n\n    open,\n    defaultOpen,\n    onOpenChange,\n    onOpenChangeComplete,\n\n    value,\n    defaultValue,\n    onValueChange,\n    updateValueOnSelect = false,\n\n    onSelect,\n\n    empty = 'No results',\n    renderGroupLabel,\n    renderItem,\n    reserveIconSpace = true,\n\n    rootProps,\n    portalProps,\n    positionerProps,\n    popupProps,\n    listProps,\n\n    withHiddenInput = false,\n    hiddenInputProps,\n  }) => {\n    const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen ?? false);\n\n    useEffect(() => {\n      if (open === undefined) return;\n      setUncontrolledOpen(open);\n    }, [open]);\n\n    const resolvedOpen = open ?? uncontrolledOpen;\n\n    const { resolvedItems, hasAnyIcon } = useNormalizedItems(items);\n    const { listRef } = useKeyboardNavigation({ isOpen: resolvedOpen });\n\n    const itemToStringValue = useCallback((item: ItemType) => {\n      const kws = item.keywords?.length ? ` ${item.keywords.join(' ')}` : '';\n      return `${item.label}${kws}`;\n    }, []);\n\n    const handleValueChange = useCallback(\n      (nextValue: string, details: AutocompleteRootChangeEventDetails) => {\n        if (!updateValueOnSelect && details.reason === 'item-press') return;\n        onValueChange?.(nextValue, details);\n      },\n      [onValueChange, updateValueOnSelect],\n    );\n\n    const handleSelect = useCallback(\n      (item: ItemType, details: AutocompleteRootChangeEventDetails) => {\n        onSelect?.(item, details);\n      },\n      [onSelect],\n    );\n\n    const handleOpenChange = useCallback(\n      (nextOpen: boolean, details: AutocompleteRootChangeEventDetails) => {\n        setUncontrolledOpen(nextOpen);\n        onOpenChange?.(nextOpen, details);\n      },\n      [onOpenChange],\n    );\n\n    // Stable ref callback that doesn't depend on listProps object\n    const setListRef = useCallback(\n      (node: HTMLDivElement | null) => {\n        listRef.current = node;\n        const externalRef = (listProps as any)?.ref;\n        if (!externalRef) return;\n        if (typeof externalRef === 'function') {\n          externalRef(node);\n        } else {\n          (externalRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n        }\n      },\n      [listRef, listProps],\n    );\n\n    // Memoize render props to prevent recreating on every render\n    const menuItemProps = useMemo(\n      () => ({\n        hasAnyIcon,\n        onSelect: handleSelect,\n        renderItem,\n        reserveIconSpace,\n      }),\n      [hasAnyIcon, handleSelect, renderItem, reserveIconSpace],\n    );\n\n    return (\n      <EditorSlashMenuRoot<ItemType>\n        {...(rootProps as any)}\n        defaultOpen={defaultOpen}\n        defaultValue={defaultValue}\n        itemToStringValue={itemToStringValue as any}\n        items={resolvedItems as any}\n        open={open}\n        value={value}\n        onOpenChange={handleOpenChange}\n        onOpenChangeComplete={onOpenChangeComplete}\n        onValueChange={handleValueChange}\n      >\n        {withHiddenInput ? <EditorSlashMenuHiddenInput {...(hiddenInputProps as any)} /> : null}\n\n        <EditorSlashMenuPortal {...(portalProps as any)}>\n          <EditorSlashMenuPositioner {...(positionerProps as any)} anchor={anchor}>\n            <EditorSlashMenuPopup {...(popupProps as any)}>\n              <EditorSlashMenuList {...(listProps as any)} ref={setListRef as any}>\n                {(entry: any) => {\n                  if (isGroup(entry)) {\n                    return (\n                      <EditorSlashMenuGroup\n                        key={entry.label ?? entry.items.map((i: any) => i.value).join('|')}\n                      >\n                        {entry.label\n                          ? (renderGroupLabel?.(entry.label) ?? (\n                              <EditorSlashMenuGroupLabel>{entry.label}</EditorSlashMenuGroupLabel>\n                            ))\n                          : null}\n                        {entry.items.map((item: ItemType) => (\n                          <MenuItemRenderer {...menuItemProps} item={item} key={item.value} />\n                        ))}\n                      </EditorSlashMenuGroup>\n                    );\n                  }\n\n                  const item = entry as ItemType;\n                  return <MenuItemRenderer {...menuItemProps} item={item} key={item.value} />;\n                }}\n              </EditorSlashMenuList>\n\n              <EditorSlashMenuEmpty>{empty}</EditorSlashMenuEmpty>\n            </EditorSlashMenuPopup>\n          </EditorSlashMenuPositioner>\n        </EditorSlashMenuPortal>\n      </EditorSlashMenuRoot>\n    );\n  },\n);\n\nEditorSlashMenu.displayName = 'EditorSlashMenu';\n\nexport default EditorSlashMenu;\n"],"mappings":";;;;;;;;;AAqFA,MAAM,kBAAkB,MACrB,EACC,OACA,QAEA,MACA,aACA,cACA,sBAEA,OACA,cACA,eACA,sBAAsB,OAEtB,UAEA,QAAQ,cACR,kBACA,YACA,mBAAmB,MAEnB,WACA,aACA,iBACA,YACA,WAEA,kBAAkB,OAClB,uBACI;CACJ,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,eAAe,MAAM;AAE9E,iBAAgB;AACd,MAAI,SAAS,KAAA,EAAW;AACxB,sBAAoB,KAAK;IACxB,CAAC,KAAK,CAAC;CAEV,MAAM,eAAe,QAAQ;CAE7B,MAAM,EAAE,eAAe,eAAe,mBAAmB,MAAM;CAC/D,MAAM,EAAE,YAAY,sBAAsB,EAAE,QAAQ,cAAc,CAAC;CAEnE,MAAM,oBAAoB,aAAa,SAAmB;EACxD,MAAM,MAAM,KAAK,UAAU,SAAS,IAAI,KAAK,SAAS,KAAK,IAAI,KAAK;AACpE,SAAO,GAAG,KAAK,QAAQ;IACtB,EAAE,CAAC;CAEN,MAAM,oBAAoB,aACvB,WAAmB,YAAgD;AAClE,MAAI,CAAC,uBAAuB,QAAQ,WAAW,aAAc;AAC7D,kBAAgB,WAAW,QAAQ;IAErC,CAAC,eAAe,oBAAoB,CACrC;CAED,MAAM,eAAe,aAClB,MAAgB,YAAgD;AAC/D,aAAW,MAAM,QAAQ;IAE3B,CAAC,SAAS,CACX;CAED,MAAM,mBAAmB,aACtB,UAAmB,YAAgD;AAClE,sBAAoB,SAAS;AAC7B,iBAAe,UAAU,QAAQ;IAEnC,CAAC,aAAa,CACf;CAGD,MAAM,aAAa,aAChB,SAAgC;AAC/B,UAAQ,UAAU;EAClB,MAAM,cAAe,WAAmB;AACxC,MAAI,CAAC,YAAa;AAClB,MAAI,OAAO,gBAAgB,WACzB,aAAY,KAAK;MAEhB,aAA8D,UAAU;IAG7E,CAAC,SAAS,UAAU,CACrB;CAGD,MAAM,gBAAgB,eACb;EACL;EACA,UAAU;EACV;EACA;EACD,GACD;EAAC;EAAY;EAAc;EAAY;EAAiB,CACzD;AAED,QACE,qBAAC,qBAAD;EACE,GAAK;EACQ;EACC;EACK;EACnB,OAAO;EACD;EACC;EACP,cAAc;EACQ;EACtB,eAAe;YAVjB,CAYG,kBAAkB,oBAAC,4BAAD,EAA4B,GAAK,kBAA4B,CAAA,GAAG,MAEnF,oBAAC,uBAAD;GAAuB,GAAK;aAC1B,oBAAC,2BAAD;IAA2B,GAAK;IAAiC;cAC/D,qBAAC,sBAAD;KAAsB,GAAK;eAA3B,CACE,oBAAC,qBAAD;MAAqB,GAAK;MAAmB,KAAK;iBAC9C,UAAe;AACf,WAAI,QAAQ,MAAM,CAChB,QACE,qBAAC,sBAAD,EAAA,UAAA,CAGG,MAAM,QACF,mBAAmB,MAAM,MAAM,IAC9B,oBAAC,2BAAD,EAAA,UAA4B,MAAM,OAAkC,CAAA,GAEtE,MACH,MAAM,MAAM,KAAK,SAChB,8BAAC,kBAAD;QAAkB,GAAI;QAAqB;QAAM,KAAK,KAAK;QAAS,CAAA,CACpE,CACmB,EAAA,EAVhB,MAAM,SAAS,MAAM,MAAM,KAAK,MAAW,EAAE,MAAM,CAAC,KAAK,IAAI,CAU7C;OAI3B,MAAM,OAAO;AACb,cAAO,8BAAC,kBAAD;QAAkB,GAAI;QAAqB;QAAM,KAAK,KAAK;QAAS,CAAA;;MAEzD,CAAA,EAEtB,oBAAC,sBAAD,EAAA,UAAuB,OAA6B,CAAA,CAC/B;;IACG,CAAA;GACN,CAAA,CACJ;;EAG3B;AAED,gBAAgB,cAAc"}

package/es/EditorSlashMenu/MenuItemRenderer.mjs

@@ -1,7 +1,6 @@
 import { EditorSlashMenuItem, EditorSlashMenuItemContent, EditorSlashMenuItemExtra, EditorSlashMenuItemIcon, EditorSlashMenuItemLabel } from "./atoms.mjs";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/EditorSlashMenu/MenuItemRenderer.tsx
 const DefaultItemContent = memo(({ item, hasAnyIcon, reserveIconSpace }) => /* @__PURE__ */ jsxs(EditorSlashMenuItemContent, { children: [
 	/* @__PURE__ */ jsx(EditorSlashMenuItemIcon, {
@@ -36,7 +35,7 @@ const MenuItemRenderer = memo(({ hasAnyIcon, item, onSelect, renderItem, reserve
 	}, item.value);
 });
 MenuItemRenderer.displayName = "MenuItemRenderer";
-
 //#endregion
 export { MenuItemRenderer };
+
 //# sourceMappingURL=MenuItemRenderer.mjs.map

package/es/EditorSlashMenu/MenuItemRenderer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemRenderer.mjs","names":[],"sources":["../../src/EditorSlashMenu/MenuItemRenderer.tsx"],"sourcesContent":["import type { AutocompleteRootChangeEventDetails } from '@base-ui/react/autocomplete';\nimport { memo } from 'react';\n\nimport {\n  EditorSlashMenuItem,\n  EditorSlashMenuItemContent,\n  EditorSlashMenuItemExtra,\n  EditorSlashMenuItemIcon,\n  EditorSlashMenuItemLabel,\n} from './atoms';\nimport type { EditorSlashMenuOption } from './type';\n\ninterface MenuItemRendererProps {\n  hasAnyIcon: boolean;\n  item: EditorSlashMenuOption;\n  onSelect: (item: EditorSlashMenuOption, details: AutocompleteRootChangeEventDetails) => void;\n  renderItem?: (item: EditorSlashMenuOption) => React.ReactNode;\n  reserveIconSpace: boolean;\n}\n\nconst DefaultItemContent = memo<{\n  hasAnyIcon: boolean;\n  item: EditorSlashMenuOption;\n  reserveIconSpace: boolean;\n}>(({ item, hasAnyIcon, reserveIconSpace }) => (\n  <EditorSlashMenuItemContent>\n    <EditorSlashMenuItemIcon aria-hidden={!hasAnyIcon && !reserveIconSpace}>\n      {item.icon ?? (reserveIconSpace && hasAnyIcon ? <span /> : null)}\n    </EditorSlashMenuItemIcon>\n    <EditorSlashMenuItemLabel>{item.label}</EditorSlashMenuItemLabel>\n    {item.extra ? <EditorSlashMenuItemExtra>{item.extra}</EditorSlashMenuItemExtra> : null}\n  </EditorSlashMenuItemContent>\n));\n\nDefaultItemContent.displayName = 'DefaultItemContent';\n\nexport const MenuItemRenderer = memo<MenuItemRendererProps>(\n  ({ hasAnyIcon, item, onSelect, renderItem, reserveIconSpace }) => {\n    const content = renderItem?.(item) ?? (\n      <DefaultItemContent hasAnyIcon={hasAnyIcon} item={item} reserveIconSpace={reserveIconSpace} />\n    );\n\n    return (\n      <EditorSlashMenuItem\n        danger={item.danger}\n        disabled={item.disabled}\n        key={item.value}\n        value={item as any}\n        onClick={(e) => {\n          if (item.disabled) {\n            e.preventDefault();\n            return;\n          }\n          onSelect(item, { event: e as any, reason: 'item-press' } as any);\n        }}\n      >\n        {content}\n      </EditorSlashMenuItem>\n    );\n  },\n);\n\nMenuItemRenderer.displayName = 'MenuItemRenderer';\n"],"mappings":";;;;;AAoBA,MAAM,qBAAqB,MAIvB,EAAE,MAAM,YAAY,uBACtB,qBAAC;CACC,oBAAC;EAAwB,eAAa,CAAC,cAAc,CAAC;YACnD,KAAK,SAAS,oBAAoB,aAAa,oBAAC,WAAO,GAAG;GACnC;CAC1B,oBAAC,sCAA0B,KAAK,QAAiC;CAChE,KAAK,QAAQ,oBAAC,sCAA0B,KAAK,QAAiC,GAAG;IACvD,CAC7B;AAEF,mBAAmB,cAAc;AAEjC,MAAa,mBAAmB,MAC7B,EAAE,YAAY,MAAM,UAAU,YAAY,uBAAuB;CAChE,MAAM,UAAU,aAAa,KAAK,IAChC,oBAAC;EAA+B;EAAkB;EAAwB;GAAoB;AAGhG,QACE,oBAAC;EACC,QAAQ,KAAK;EACb,UAAU,KAAK;EAEf,OAAO;EACP,UAAU,MAAM;AACd,OAAI,KAAK,UAAU;AACjB,MAAE,gBAAgB;AAClB;;AAEF,YAAS,MAAM;IAAE,OAAO;IAAU,QAAQ;IAAc,CAAQ;;YAGjE;IAVI,KAAK,MAWU;EAG3B;AAED,iBAAiB,cAAc"}
+{"version":3,"file":"MenuItemRenderer.mjs","names":[],"sources":["../../src/EditorSlashMenu/MenuItemRenderer.tsx"],"sourcesContent":["import type { AutocompleteRootChangeEventDetails } from '@base-ui/react/autocomplete';\nimport { memo } from 'react';\n\nimport {\n  EditorSlashMenuItem,\n  EditorSlashMenuItemContent,\n  EditorSlashMenuItemExtra,\n  EditorSlashMenuItemIcon,\n  EditorSlashMenuItemLabel,\n} from './atoms';\nimport type { EditorSlashMenuOption } from './type';\n\ninterface MenuItemRendererProps {\n  hasAnyIcon: boolean;\n  item: EditorSlashMenuOption;\n  onSelect: (item: EditorSlashMenuOption, details: AutocompleteRootChangeEventDetails) => void;\n  renderItem?: (item: EditorSlashMenuOption) => React.ReactNode;\n  reserveIconSpace: boolean;\n}\n\nconst DefaultItemContent = memo<{\n  hasAnyIcon: boolean;\n  item: EditorSlashMenuOption;\n  reserveIconSpace: boolean;\n}>(({ item, hasAnyIcon, reserveIconSpace }) => (\n  <EditorSlashMenuItemContent>\n    <EditorSlashMenuItemIcon aria-hidden={!hasAnyIcon && !reserveIconSpace}>\n      {item.icon ?? (reserveIconSpace && hasAnyIcon ? <span /> : null)}\n    </EditorSlashMenuItemIcon>\n    <EditorSlashMenuItemLabel>{item.label}</EditorSlashMenuItemLabel>\n    {item.extra ? <EditorSlashMenuItemExtra>{item.extra}</EditorSlashMenuItemExtra> : null}\n  </EditorSlashMenuItemContent>\n));\n\nDefaultItemContent.displayName = 'DefaultItemContent';\n\nexport const MenuItemRenderer = memo<MenuItemRendererProps>(\n  ({ hasAnyIcon, item, onSelect, renderItem, reserveIconSpace }) => {\n    const content = renderItem?.(item) ?? (\n      <DefaultItemContent hasAnyIcon={hasAnyIcon} item={item} reserveIconSpace={reserveIconSpace} />\n    );\n\n    return (\n      <EditorSlashMenuItem\n        danger={item.danger}\n        disabled={item.disabled}\n        key={item.value}\n        value={item as any}\n        onClick={(e) => {\n          if (item.disabled) {\n            e.preventDefault();\n            return;\n          }\n          onSelect(item, { event: e as any, reason: 'item-press' } as any);\n        }}\n      >\n        {content}\n      </EditorSlashMenuItem>\n    );\n  },\n);\n\nMenuItemRenderer.displayName = 'MenuItemRenderer';\n"],"mappings":";;;;AAoBA,MAAM,qBAAqB,MAIvB,EAAE,MAAM,YAAY,uBACtB,qBAAC,4BAAD,EAAA,UAAA;CACE,oBAAC,yBAAD;EAAyB,eAAa,CAAC,cAAc,CAAC;YACnD,KAAK,SAAS,oBAAoB,aAAa,oBAAC,QAAD,EAAQ,CAAA,GAAG;EACnC,CAAA;CAC1B,oBAAC,0BAAD,EAAA,UAA2B,KAAK,OAAiC,CAAA;CAChE,KAAK,QAAQ,oBAAC,0BAAD,EAAA,UAA2B,KAAK,OAAiC,CAAA,GAAG;CACvD,EAAA,CAAA,CAC7B;AAEF,mBAAmB,cAAc;AAEjC,MAAa,mBAAmB,MAC7B,EAAE,YAAY,MAAM,UAAU,YAAY,uBAAuB;CAChE,MAAM,UAAU,aAAa,KAAK,IAChC,oBAAC,oBAAD;EAAgC;EAAkB;EAAwB;EAAoB,CAAA;AAGhG,QACE,oBAAC,qBAAD;EACE,QAAQ,KAAK;EACb,UAAU,KAAK;EAEf,OAAO;EACP,UAAU,MAAM;AACd,OAAI,KAAK,UAAU;AACjB,MAAE,gBAAgB;AAClB;;AAEF,YAAS,MAAM;IAAE,OAAO;IAAU,QAAQ;IAAc,CAAQ;;YAGjE;EACmB,EAXf,KAAK,MAWU;EAG3B;AAED,iBAAiB,cAAc"}

package/es/EditorSlashMenu/atoms.d.mts

@@ -1,6 +1,6 @@
 import React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import * as _base_ui_react_autocomplete0 from "@base-ui/react/autocomplete";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$_base_ui_react_autocomplete0 from "@base-ui/react/autocomplete";
 import { Autocomplete } from "@base-ui/react/autocomplete";
 
 //#region src/EditorSlashMenu/atoms.d.ts
@@ -12,7 +12,7 @@ declare const EditorSlashMenuList: {
     ...rest
   }: React.ComponentProps<typeof Autocomplete.List> & {
     ref?: React.RefObject<HTMLDivElement | null>;
-  }): react_jsx_runtime0.JSX.Element;
+  }): _$react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type EditorSlashMenuPortalProps = React.ComponentProps<typeof Autocomplete.Portal> & {
@@ -25,7 +25,7 @@ declare const EditorSlashMenuPortal: {
   ({
     container,
     ...rest
-  }: EditorSlashMenuPortalProps): react_jsx_runtime0.JSX.Element;
+  }: EditorSlashMenuPortalProps): _$react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type EditorSlashMenuPositionerProps = React.ComponentProps<typeof Autocomplete.Positioner>;
@@ -37,7 +37,7 @@ declare const EditorSlashMenuPositioner: {
     side,
     sideOffset,
     ...rest
-  }: EditorSlashMenuPositionerProps): react_jsx_runtime0.JSX.Element;
+  }: EditorSlashMenuPositionerProps): _$react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type EditorSlashMenuPopupProps = React.ComponentProps<typeof Autocomplete.Popup>;
@@ -46,7 +46,7 @@ declare const EditorSlashMenuPopup: {
     className,
     initialFocus,
     ...rest
-  }: EditorSlashMenuPopupProps): react_jsx_runtime0.JSX.Element;
+  }: EditorSlashMenuPopupProps): _$react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type EditorSlashMenuItemProps = React.ComponentProps<typeof Autocomplete.Item> & {
@@ -57,16 +57,16 @@ declare const EditorSlashMenuItem: {
     className,
     danger,
     ...rest
-  }: EditorSlashMenuItemProps): react_jsx_runtime0.JSX.Element;
+  }: EditorSlashMenuItemProps): _$react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
-declare const EditorSlashMenuGroup: React.ForwardRefExoticComponent<_base_ui_react_autocomplete0.AutocompleteGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const EditorSlashMenuGroup: React.ForwardRefExoticComponent<_$_base_ui_react_autocomplete0.AutocompleteGroupProps & React.RefAttributes<HTMLDivElement>>;
 type EditorSlashMenuGroupLabelProps = React.ComponentProps<typeof Autocomplete.GroupLabel>;
 declare const EditorSlashMenuGroupLabel: {
   ({
     className,
     ...rest
-  }: EditorSlashMenuGroupLabelProps): react_jsx_runtime0.JSX.Element;
+  }: EditorSlashMenuGroupLabelProps): _$react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type EditorSlashMenuEmptyProps = React.ComponentProps<typeof Autocomplete.Empty>;
@@ -74,7 +74,7 @@ declare const EditorSlashMenuEmpty: {
   ({
     className,
     ...rest
-  }: EditorSlashMenuEmptyProps): react_jsx_runtime0.JSX.Element;
+  }: EditorSlashMenuEmptyProps): _$react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type EditorSlashMenuItemContentProps = React.HTMLAttributes<HTMLDivElement>;
@@ -82,7 +82,7 @@ declare const EditorSlashMenuItemContent: {
   ({
     className,
     ...rest
-  }: EditorSlashMenuItemContentProps): react_jsx_runtime0.JSX.Element;
+  }: EditorSlashMenuItemContentProps): _$react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type EditorSlashMenuItemIconProps = React.HTMLAttributes<HTMLSpanElement>;
@@ -90,7 +90,7 @@ declare const EditorSlashMenuItemIcon: {
   ({
     className,
     ...rest
-  }: EditorSlashMenuItemIconProps): react_jsx_runtime0.JSX.Element;
+  }: EditorSlashMenuItemIconProps): _$react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type EditorSlashMenuItemLabelProps = React.HTMLAttributes<HTMLSpanElement>;
@@ -98,7 +98,7 @@ declare const EditorSlashMenuItemLabel: {
   ({
     className,
     ...rest
-  }: EditorSlashMenuItemLabelProps): react_jsx_runtime0.JSX.Element;
+  }: EditorSlashMenuItemLabelProps): _$react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type EditorSlashMenuItemExtraProps = React.HTMLAttributes<HTMLSpanElement>;
@@ -106,7 +106,7 @@ declare const EditorSlashMenuItemExtra: {
   ({
     className,
     ...rest
-  }: EditorSlashMenuItemExtraProps): react_jsx_runtime0.JSX.Element;
+  }: EditorSlashMenuItemExtraProps): _$react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type EditorSlashMenuHiddenInputProps = React.ComponentProps<typeof Autocomplete.Input>;
@@ -114,7 +114,7 @@ declare const EditorSlashMenuHiddenInput: {
   ({
     className,
     ...rest
-  }: EditorSlashMenuHiddenInputProps): react_jsx_runtime0.JSX.Element;
+  }: EditorSlashMenuHiddenInputProps): _$react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 //#endregion

package/es/EditorSlashMenu/atoms.mjs

@@ -1,12 +1,10 @@
-'use client';
-
+"use client";
 import { useAppElement } from "../ThemeProvider/AppElementContext.mjs";
 import { styles } from "../Menu/sharedStyle.mjs";
 import { styles as styles$1 } from "./style.mjs";
 import { jsx } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { Autocomplete } from "@base-ui/react/autocomplete";
-
 //#region src/EditorSlashMenu/atoms.tsx
 const mergeStateClassName = (base, className) => {
 	if (typeof className === "function") return (state) => cx(base, className(state));
@@ -105,7 +103,7 @@ const EditorSlashMenuHiddenInput = ({ className, ...rest }) => {
 	});
 };
 EditorSlashMenuHiddenInput.displayName = "EditorSlashMenuHiddenInput";
-
 //#endregion
 export { EditorSlashMenuEmpty, EditorSlashMenuGroup, EditorSlashMenuGroupLabel, EditorSlashMenuHiddenInput, EditorSlashMenuItem, EditorSlashMenuItemContent, EditorSlashMenuItemExtra, EditorSlashMenuItemIcon, EditorSlashMenuItemLabel, EditorSlashMenuList, EditorSlashMenuPopup, EditorSlashMenuPortal, EditorSlashMenuPositioner, EditorSlashMenuRoot };
+
 //# sourceMappingURL=atoms.mjs.map

package/es/EditorSlashMenu/atoms.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"atoms.mjs","names":["styles","menuStyles"],"sources":["../../src/EditorSlashMenu/atoms.tsx"],"sourcesContent":["'use client';\n\nimport { Autocomplete } from '@base-ui/react/autocomplete';\nimport { cx } from 'antd-style';\nimport type React from 'react';\n\nimport { styles as menuStyles } from '@/Menu/sharedStyle';\nimport { useAppElement } from '@/ThemeProvider';\n\nimport { styles } from './style';\n\nconst mergeStateClassName = <TState,>(\n  base: string,\n  className: string | ((state: TState) => string | undefined) | undefined,\n) => {\n  if (typeof className === 'function') return (state: TState) => cx(base, className(state));\n  return cx(base, className);\n};\n\nexport const EditorSlashMenuRoot = Autocomplete.Root;\nexport const EditorSlashMenuList = ({\n  ref,\n  className,\n  ...rest\n}: React.ComponentProps<typeof Autocomplete.List> & {\n  ref?: React.RefObject<HTMLDivElement | null>;\n}) => {\n  return (\n    <Autocomplete.List\n      {...rest}\n      className={mergeStateClassName(cx(styles.list), className as any) as any}\n      ref={ref}\n    />\n  );\n};\nEditorSlashMenuList.displayName = 'EditorSlashMenuList';\n\nexport type EditorSlashMenuPortalProps = React.ComponentProps<typeof Autocomplete.Portal> & {\n  /**\n   * When `container` is not provided, it uses a shared container created by `usePortalContainer`.\n   */\n  container?: HTMLElement | null;\n};\n\nexport const EditorSlashMenuPortal = ({ container, ...rest }: EditorSlashMenuPortalProps) => {\n  const appElement = useAppElement();\n  return <Autocomplete.Portal container={container ?? appElement ?? undefined} {...rest} />;\n};\nEditorSlashMenuPortal.displayName = 'EditorSlashMenuPortal';\n\nexport type EditorSlashMenuPositionerProps = React.ComponentProps<typeof Autocomplete.Positioner>;\n\nexport const EditorSlashMenuPositioner = ({\n  className,\n  align,\n  positionMethod,\n  side,\n  sideOffset,\n  ...rest\n}: EditorSlashMenuPositionerProps) => {\n  return (\n    <Autocomplete.Positioner\n      {...rest}\n      align={align ?? 'start'}\n      className={mergeStateClassName(menuStyles.positioner, className as any) as any}\n      positionMethod={positionMethod ?? 'fixed'}\n      side={side ?? 'bottom'}\n      sideOffset={sideOffset ?? 6}\n    />\n  );\n};\nEditorSlashMenuPositioner.displayName = 'EditorSlashMenuPositioner';\n\nexport type EditorSlashMenuPopupProps = React.ComponentProps<typeof Autocomplete.Popup>;\n\nexport const EditorSlashMenuPopup = ({\n  className,\n  initialFocus = false,\n  ...rest\n}: EditorSlashMenuPopupProps) => {\n  return (\n    <Autocomplete.Popup\n      {...rest}\n      className={mergeStateClassName(menuStyles.popup, className as any) as any}\n      initialFocus={initialFocus}\n    />\n  );\n};\nEditorSlashMenuPopup.displayName = 'EditorSlashMenuPopup';\n\nexport type EditorSlashMenuItemProps = React.ComponentProps<typeof Autocomplete.Item> & {\n  danger?: boolean;\n};\n\nexport const EditorSlashMenuItem = ({ className, danger, ...rest }: EditorSlashMenuItemProps) => {\n  return (\n    <Autocomplete.Item\n      {...rest}\n      className={(state) =>\n        cx(\n          menuStyles.item,\n          danger && menuStyles.danger,\n          typeof className === 'function' ? className(state) : className,\n        )\n      }\n    />\n  );\n};\nEditorSlashMenuItem.displayName = 'EditorSlashMenuItem';\n\nexport type EditorSlashMenuGroupProps = React.ComponentProps<typeof Autocomplete.Group>;\nexport const EditorSlashMenuGroup = Autocomplete.Group;\n\nexport type EditorSlashMenuGroupLabelProps = React.ComponentProps<typeof Autocomplete.GroupLabel>;\n\nexport const EditorSlashMenuGroupLabel = ({\n  className,\n  ...rest\n}: EditorSlashMenuGroupLabelProps) => {\n  return (\n    <Autocomplete.GroupLabel\n      {...rest}\n      className={(state) =>\n        cx(menuStyles.groupLabel, typeof className === 'function' ? className(state) : className)\n      }\n    />\n  );\n};\nEditorSlashMenuGroupLabel.displayName = 'EditorSlashMenuGroupLabel';\n\nexport type EditorSlashMenuEmptyProps = React.ComponentProps<typeof Autocomplete.Empty>;\n\nexport const EditorSlashMenuEmpty = ({ className, ...rest }: EditorSlashMenuEmptyProps) => {\n  return (\n    <Autocomplete.Empty\n      {...rest}\n      className={(state) =>\n        cx(\n          menuStyles.item,\n          menuStyles.empty,\n          typeof className === 'function' ? className(state) : className,\n        )\n      }\n    />\n  );\n};\nEditorSlashMenuEmpty.displayName = 'EditorSlashMenuEmpty';\n\nexport type EditorSlashMenuItemContentProps = React.HTMLAttributes<HTMLDivElement>;\nexport const EditorSlashMenuItemContent = ({\n  className,\n  ...rest\n}: EditorSlashMenuItemContentProps) => {\n  return <div {...rest} className={cx(menuStyles.itemContent, className)} />;\n};\nEditorSlashMenuItemContent.displayName = 'EditorSlashMenuItemContent';\n\nexport type EditorSlashMenuItemIconProps = React.HTMLAttributes<HTMLSpanElement>;\nexport const EditorSlashMenuItemIcon = ({ className, ...rest }: EditorSlashMenuItemIconProps) => {\n  return <span {...rest} className={cx(menuStyles.icon, className)} />;\n};\nEditorSlashMenuItemIcon.displayName = 'EditorSlashMenuItemIcon';\n\nexport type EditorSlashMenuItemLabelProps = React.HTMLAttributes<HTMLSpanElement>;\nexport const EditorSlashMenuItemLabel = ({ className, ...rest }: EditorSlashMenuItemLabelProps) => {\n  return <span {...rest} className={cx(menuStyles.label, className)} />;\n};\nEditorSlashMenuItemLabel.displayName = 'EditorSlashMenuItemLabel';\n\nexport type EditorSlashMenuItemExtraProps = React.HTMLAttributes<HTMLSpanElement>;\nexport const EditorSlashMenuItemExtra = ({ className, ...rest }: EditorSlashMenuItemExtraProps) => {\n  return <span {...rest} className={cx(menuStyles.extra, className)} />;\n};\nEditorSlashMenuItemExtra.displayName = 'EditorSlashMenuItemExtra';\n\nexport type EditorSlashMenuHiddenInputProps = React.ComponentProps<typeof Autocomplete.Input>;\nexport const EditorSlashMenuHiddenInput = ({\n  className,\n  ...rest\n}: EditorSlashMenuHiddenInputProps) => {\n  return (\n    <Autocomplete.Input\n      {...rest}\n      className={mergeStateClassName(cx(styles.hiddenInput), className as any) as any}\n    />\n  );\n};\nEditorSlashMenuHiddenInput.displayName = 'EditorSlashMenuHiddenInput';\n"],"mappings":";;;;;;;;;;AAWA,MAAM,uBACJ,MACA,cACG;AACH,KAAI,OAAO,cAAc,WAAY,SAAQ,UAAkB,GAAG,MAAM,UAAU,MAAM,CAAC;AACzF,QAAO,GAAG,MAAM,UAAU;;AAG5B,MAAa,sBAAsB,aAAa;AAChD,MAAa,uBAAuB,EAClC,KACA,WACA,GAAG,WAGC;AACJ,QACE,oBAAC,aAAa;EACZ,GAAI;EACJ,WAAW,oBAAoB,GAAGA,SAAO,KAAK,EAAE,UAAiB;EAC5D;GACL;;AAGN,oBAAoB,cAAc;AASlC,MAAa,yBAAyB,EAAE,WAAW,GAAG,WAAuC;CAC3F,MAAM,aAAa,eAAe;AAClC,QAAO,oBAAC,aAAa;EAAO,WAAW,aAAa,cAAc;EAAW,GAAI;GAAQ;;AAE3F,sBAAsB,cAAc;AAIpC,MAAa,6BAA6B,EACxC,WACA,OACA,gBACA,MACA,YACA,GAAG,WACiC;AACpC,QACE,oBAAC,aAAa;EACZ,GAAI;EACJ,OAAO,SAAS;EAChB,WAAW,oBAAoBC,OAAW,YAAY,UAAiB;EACvE,gBAAgB,kBAAkB;EAClC,MAAM,QAAQ;EACd,YAAY,cAAc;GAC1B;;AAGN,0BAA0B,cAAc;AAIxC,MAAa,wBAAwB,EACnC,WACA,eAAe,OACf,GAAG,WAC4B;AAC/B,QACE,oBAAC,aAAa;EACZ,GAAI;EACJ,WAAW,oBAAoBA,OAAW,OAAO,UAAiB;EACpD;GACd;;AAGN,qBAAqB,cAAc;AAMnC,MAAa,uBAAuB,EAAE,WAAW,QAAQ,GAAG,WAAqC;AAC/F,QACE,oBAAC,aAAa;EACZ,GAAI;EACJ,YAAY,UACV,GACEA,OAAW,MACX,UAAUA,OAAW,QACrB,OAAO,cAAc,aAAa,UAAU,MAAM,GAAG,UACtD;GAEH;;AAGN,oBAAoB,cAAc;AAGlC,MAAa,uBAAuB,aAAa;AAIjD,MAAa,6BAA6B,EACxC,WACA,GAAG,WACiC;AACpC,QACE,oBAAC,aAAa;EACZ,GAAI;EACJ,YAAY,UACV,GAAGA,OAAW,YAAY,OAAO,cAAc,aAAa,UAAU,MAAM,GAAG,UAAU;GAE3F;;AAGN,0BAA0B,cAAc;AAIxC,MAAa,wBAAwB,EAAE,WAAW,GAAG,WAAsC;AACzF,QACE,oBAAC,aAAa;EACZ,GAAI;EACJ,YAAY,UACV,GACEA,OAAW,MACXA,OAAW,OACX,OAAO,cAAc,aAAa,UAAU,MAAM,GAAG,UACtD;GAEH;;AAGN,qBAAqB,cAAc;AAGnC,MAAa,8BAA8B,EACzC,WACA,GAAG,WACkC;AACrC,QAAO,oBAAC;EAAI,GAAI;EAAM,WAAW,GAAGA,OAAW,aAAa,UAAU;GAAI;;AAE5E,2BAA2B,cAAc;AAGzC,MAAa,2BAA2B,EAAE,WAAW,GAAG,WAAyC;AAC/F,QAAO,oBAAC;EAAK,GAAI;EAAM,WAAW,GAAGA,OAAW,MAAM,UAAU;GAAI;;AAEtE,wBAAwB,cAAc;AAGtC,MAAa,4BAA4B,EAAE,WAAW,GAAG,WAA0C;AACjG,QAAO,oBAAC;EAAK,GAAI;EAAM,WAAW,GAAGA,OAAW,OAAO,UAAU;GAAI;;AAEvE,yBAAyB,cAAc;AAGvC,MAAa,4BAA4B,EAAE,WAAW,GAAG,WAA0C;AACjG,QAAO,oBAAC;EAAK,GAAI;EAAM,WAAW,GAAGA,OAAW,OAAO,UAAU;GAAI;;AAEvE,yBAAyB,cAAc;AAGvC,MAAa,8BAA8B,EACzC,WACA,GAAG,WACkC;AACrC,QACE,oBAAC,aAAa;EACZ,GAAI;EACJ,WAAW,oBAAoB,GAAGD,SAAO,YAAY,EAAE,UAAiB;GACxE;;AAGN,2BAA2B,cAAc"}
+{"version":3,"file":"atoms.mjs","names":["styles","menuStyles"],"sources":["../../src/EditorSlashMenu/atoms.tsx"],"sourcesContent":["'use client';\n\nimport { Autocomplete } from '@base-ui/react/autocomplete';\nimport { cx } from 'antd-style';\nimport type React from 'react';\n\nimport { styles as menuStyles } from '@/Menu/sharedStyle';\nimport { useAppElement } from '@/ThemeProvider';\n\nimport { styles } from './style';\n\nconst mergeStateClassName = <TState,>(\n  base: string,\n  className: string | ((state: TState) => string | undefined) | undefined,\n) => {\n  if (typeof className === 'function') return (state: TState) => cx(base, className(state));\n  return cx(base, className);\n};\n\nexport const EditorSlashMenuRoot = Autocomplete.Root;\nexport const EditorSlashMenuList = ({\n  ref,\n  className,\n  ...rest\n}: React.ComponentProps<typeof Autocomplete.List> & {\n  ref?: React.RefObject<HTMLDivElement | null>;\n}) => {\n  return (\n    <Autocomplete.List\n      {...rest}\n      className={mergeStateClassName(cx(styles.list), className as any) as any}\n      ref={ref}\n    />\n  );\n};\nEditorSlashMenuList.displayName = 'EditorSlashMenuList';\n\nexport type EditorSlashMenuPortalProps = React.ComponentProps<typeof Autocomplete.Portal> & {\n  /**\n   * When `container` is not provided, it uses a shared container created by `usePortalContainer`.\n   */\n  container?: HTMLElement | null;\n};\n\nexport const EditorSlashMenuPortal = ({ container, ...rest }: EditorSlashMenuPortalProps) => {\n  const appElement = useAppElement();\n  return <Autocomplete.Portal container={container ?? appElement ?? undefined} {...rest} />;\n};\nEditorSlashMenuPortal.displayName = 'EditorSlashMenuPortal';\n\nexport type EditorSlashMenuPositionerProps = React.ComponentProps<typeof Autocomplete.Positioner>;\n\nexport const EditorSlashMenuPositioner = ({\n  className,\n  align,\n  positionMethod,\n  side,\n  sideOffset,\n  ...rest\n}: EditorSlashMenuPositionerProps) => {\n  return (\n    <Autocomplete.Positioner\n      {...rest}\n      align={align ?? 'start'}\n      className={mergeStateClassName(menuStyles.positioner, className as any) as any}\n      positionMethod={positionMethod ?? 'fixed'}\n      side={side ?? 'bottom'}\n      sideOffset={sideOffset ?? 6}\n    />\n  );\n};\nEditorSlashMenuPositioner.displayName = 'EditorSlashMenuPositioner';\n\nexport type EditorSlashMenuPopupProps = React.ComponentProps<typeof Autocomplete.Popup>;\n\nexport const EditorSlashMenuPopup = ({\n  className,\n  initialFocus = false,\n  ...rest\n}: EditorSlashMenuPopupProps) => {\n  return (\n    <Autocomplete.Popup\n      {...rest}\n      className={mergeStateClassName(menuStyles.popup, className as any) as any}\n      initialFocus={initialFocus}\n    />\n  );\n};\nEditorSlashMenuPopup.displayName = 'EditorSlashMenuPopup';\n\nexport type EditorSlashMenuItemProps = React.ComponentProps<typeof Autocomplete.Item> & {\n  danger?: boolean;\n};\n\nexport const EditorSlashMenuItem = ({ className, danger, ...rest }: EditorSlashMenuItemProps) => {\n  return (\n    <Autocomplete.Item\n      {...rest}\n      className={(state) =>\n        cx(\n          menuStyles.item,\n          danger && menuStyles.danger,\n          typeof className === 'function' ? className(state) : className,\n        )\n      }\n    />\n  );\n};\nEditorSlashMenuItem.displayName = 'EditorSlashMenuItem';\n\nexport type EditorSlashMenuGroupProps = React.ComponentProps<typeof Autocomplete.Group>;\nexport const EditorSlashMenuGroup = Autocomplete.Group;\n\nexport type EditorSlashMenuGroupLabelProps = React.ComponentProps<typeof Autocomplete.GroupLabel>;\n\nexport const EditorSlashMenuGroupLabel = ({\n  className,\n  ...rest\n}: EditorSlashMenuGroupLabelProps) => {\n  return (\n    <Autocomplete.GroupLabel\n      {...rest}\n      className={(state) =>\n        cx(menuStyles.groupLabel, typeof className === 'function' ? className(state) : className)\n      }\n    />\n  );\n};\nEditorSlashMenuGroupLabel.displayName = 'EditorSlashMenuGroupLabel';\n\nexport type EditorSlashMenuEmptyProps = React.ComponentProps<typeof Autocomplete.Empty>;\n\nexport const EditorSlashMenuEmpty = ({ className, ...rest }: EditorSlashMenuEmptyProps) => {\n  return (\n    <Autocomplete.Empty\n      {...rest}\n      className={(state) =>\n        cx(\n          menuStyles.item,\n          menuStyles.empty,\n          typeof className === 'function' ? className(state) : className,\n        )\n      }\n    />\n  );\n};\nEditorSlashMenuEmpty.displayName = 'EditorSlashMenuEmpty';\n\nexport type EditorSlashMenuItemContentProps = React.HTMLAttributes<HTMLDivElement>;\nexport const EditorSlashMenuItemContent = ({\n  className,\n  ...rest\n}: EditorSlashMenuItemContentProps) => {\n  return <div {...rest} className={cx(menuStyles.itemContent, className)} />;\n};\nEditorSlashMenuItemContent.displayName = 'EditorSlashMenuItemContent';\n\nexport type EditorSlashMenuItemIconProps = React.HTMLAttributes<HTMLSpanElement>;\nexport const EditorSlashMenuItemIcon = ({ className, ...rest }: EditorSlashMenuItemIconProps) => {\n  return <span {...rest} className={cx(menuStyles.icon, className)} />;\n};\nEditorSlashMenuItemIcon.displayName = 'EditorSlashMenuItemIcon';\n\nexport type EditorSlashMenuItemLabelProps = React.HTMLAttributes<HTMLSpanElement>;\nexport const EditorSlashMenuItemLabel = ({ className, ...rest }: EditorSlashMenuItemLabelProps) => {\n  return <span {...rest} className={cx(menuStyles.label, className)} />;\n};\nEditorSlashMenuItemLabel.displayName = 'EditorSlashMenuItemLabel';\n\nexport type EditorSlashMenuItemExtraProps = React.HTMLAttributes<HTMLSpanElement>;\nexport const EditorSlashMenuItemExtra = ({ className, ...rest }: EditorSlashMenuItemExtraProps) => {\n  return <span {...rest} className={cx(menuStyles.extra, className)} />;\n};\nEditorSlashMenuItemExtra.displayName = 'EditorSlashMenuItemExtra';\n\nexport type EditorSlashMenuHiddenInputProps = React.ComponentProps<typeof Autocomplete.Input>;\nexport const EditorSlashMenuHiddenInput = ({\n  className,\n  ...rest\n}: EditorSlashMenuHiddenInputProps) => {\n  return (\n    <Autocomplete.Input\n      {...rest}\n      className={mergeStateClassName(cx(styles.hiddenInput), className as any) as any}\n    />\n  );\n};\nEditorSlashMenuHiddenInput.displayName = 'EditorSlashMenuHiddenInput';\n"],"mappings":";;;;;;;;AAWA,MAAM,uBACJ,MACA,cACG;AACH,KAAI,OAAO,cAAc,WAAY,SAAQ,UAAkB,GAAG,MAAM,UAAU,MAAM,CAAC;AACzF,QAAO,GAAG,MAAM,UAAU;;AAG5B,MAAa,sBAAsB,aAAa;AAChD,MAAa,uBAAuB,EAClC,KACA,WACA,GAAG,WAGC;AACJ,QACE,oBAAC,aAAa,MAAd;EACE,GAAI;EACJ,WAAW,oBAAoB,GAAGA,SAAO,KAAK,EAAE,UAAiB;EAC5D;EACL,CAAA;;AAGN,oBAAoB,cAAc;AASlC,MAAa,yBAAyB,EAAE,WAAW,GAAG,WAAuC;CAC3F,MAAM,aAAa,eAAe;AAClC,QAAO,oBAAC,aAAa,QAAd;EAAqB,WAAW,aAAa,cAAc,KAAA;EAAW,GAAI;EAAQ,CAAA;;AAE3F,sBAAsB,cAAc;AAIpC,MAAa,6BAA6B,EACxC,WACA,OACA,gBACA,MACA,YACA,GAAG,WACiC;AACpC,QACE,oBAAC,aAAa,YAAd;EACE,GAAI;EACJ,OAAO,SAAS;EAChB,WAAW,oBAAoBC,OAAW,YAAY,UAAiB;EACvE,gBAAgB,kBAAkB;EAClC,MAAM,QAAQ;EACd,YAAY,cAAc;EAC1B,CAAA;;AAGN,0BAA0B,cAAc;AAIxC,MAAa,wBAAwB,EACnC,WACA,eAAe,OACf,GAAG,WAC4B;AAC/B,QACE,oBAAC,aAAa,OAAd;EACE,GAAI;EACJ,WAAW,oBAAoBA,OAAW,OAAO,UAAiB;EACpD;EACd,CAAA;;AAGN,qBAAqB,cAAc;AAMnC,MAAa,uBAAuB,EAAE,WAAW,QAAQ,GAAG,WAAqC;AAC/F,QACE,oBAAC,aAAa,MAAd;EACE,GAAI;EACJ,YAAY,UACV,GACEA,OAAW,MACX,UAAUA,OAAW,QACrB,OAAO,cAAc,aAAa,UAAU,MAAM,GAAG,UACtD;EAEH,CAAA;;AAGN,oBAAoB,cAAc;AAGlC,MAAa,uBAAuB,aAAa;AAIjD,MAAa,6BAA6B,EACxC,WACA,GAAG,WACiC;AACpC,QACE,oBAAC,aAAa,YAAd;EACE,GAAI;EACJ,YAAY,UACV,GAAGA,OAAW,YAAY,OAAO,cAAc,aAAa,UAAU,MAAM,GAAG,UAAU;EAE3F,CAAA;;AAGN,0BAA0B,cAAc;AAIxC,MAAa,wBAAwB,EAAE,WAAW,GAAG,WAAsC;AACzF,QACE,oBAAC,aAAa,OAAd;EACE,GAAI;EACJ,YAAY,UACV,GACEA,OAAW,MACXA,OAAW,OACX,OAAO,cAAc,aAAa,UAAU,MAAM,GAAG,UACtD;EAEH,CAAA;;AAGN,qBAAqB,cAAc;AAGnC,MAAa,8BAA8B,EACzC,WACA,GAAG,WACkC;AACrC,QAAO,oBAAC,OAAD;EAAK,GAAI;EAAM,WAAW,GAAGA,OAAW,aAAa,UAAU;EAAI,CAAA;;AAE5E,2BAA2B,cAAc;AAGzC,MAAa,2BAA2B,EAAE,WAAW,GAAG,WAAyC;AAC/F,QAAO,oBAAC,QAAD;EAAM,GAAI;EAAM,WAAW,GAAGA,OAAW,MAAM,UAAU;EAAI,CAAA;;AAEtE,wBAAwB,cAAc;AAGtC,MAAa,4BAA4B,EAAE,WAAW,GAAG,WAA0C;AACjG,QAAO,oBAAC,QAAD;EAAM,GAAI;EAAM,WAAW,GAAGA,OAAW,OAAO,UAAU;EAAI,CAAA;;AAEvE,yBAAyB,cAAc;AAGvC,MAAa,4BAA4B,EAAE,WAAW,GAAG,WAA0C;AACjG,QAAO,oBAAC,QAAD;EAAM,GAAI;EAAM,WAAW,GAAGA,OAAW,OAAO,UAAU;EAAI,CAAA;;AAEvE,yBAAyB,cAAc;AAGvC,MAAa,8BAA8B,EACzC,WACA,GAAG,WACkC;AACrC,QACE,oBAAC,aAAa,OAAd;EACE,GAAI;EACJ,WAAW,oBAAoB,GAAGD,SAAO,YAAY,EAAE,UAAiB;EACxE,CAAA;;AAGN,2BAA2B,cAAc"}

package/es/EditorSlashMenu/index.mjs

@@ -1,6 +1,4 @@
-'use client';
-
+"use client";
 import { EditorSlashMenuEmpty, EditorSlashMenuGroup, EditorSlashMenuGroupLabel, EditorSlashMenuHiddenInput, EditorSlashMenuItem, EditorSlashMenuItemContent, EditorSlashMenuItemExtra, EditorSlashMenuItemIcon, EditorSlashMenuItemLabel, EditorSlashMenuList, EditorSlashMenuPopup, EditorSlashMenuPortal, EditorSlashMenuPositioner, EditorSlashMenuRoot } from "./atoms.mjs";
-import EditorSlashMenu_default from "./EditorSlashMenu.mjs";
-
-export { EditorSlashMenuEmpty, EditorSlashMenuGroup, EditorSlashMenuGroupLabel, EditorSlashMenuHiddenInput, EditorSlashMenuItem, EditorSlashMenuItemContent, EditorSlashMenuItemExtra, EditorSlashMenuItemIcon, EditorSlashMenuItemLabel, EditorSlashMenuList, EditorSlashMenuPopup, EditorSlashMenuPortal, EditorSlashMenuPositioner, EditorSlashMenuRoot, EditorSlashMenu_default as default };
+import EditorSlashMenu from "./EditorSlashMenu.mjs";
+export { EditorSlashMenuEmpty, EditorSlashMenuGroup, EditorSlashMenuGroupLabel, EditorSlashMenuHiddenInput, EditorSlashMenuItem, EditorSlashMenuItemContent, EditorSlashMenuItemExtra, EditorSlashMenuItemIcon, EditorSlashMenuItemLabel, EditorSlashMenuList, EditorSlashMenuPopup, EditorSlashMenuPortal, EditorSlashMenuPositioner, EditorSlashMenuRoot, EditorSlashMenu as default };

package/es/EditorSlashMenu/style.mjs

@@ -1,10 +1,8 @@
-'use client';
-
+"use client";
 import { createStaticStyles } from "antd-style";
-
 //#region src/EditorSlashMenu/style.ts
-const styles = createStaticStyles(({ css: css$1 }) => ({
-	hiddenInput: css$1`
+const styles = createStaticStyles(({ css }) => ({
+	hiddenInput: css`
     position: absolute;
 
     overflow: hidden;
@@ -19,12 +17,12 @@ const styles = createStaticStyles(({ css: css$1 }) => ({
 
     clip: rect(0, 0, 0, 0);
   `,
-	list: css$1`
+	list: css`
     overflow: auto;
     max-height: 320px;
   `
 }));
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

package/es/EditorSlashMenu/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../src/EditorSlashMenu/style.ts"],"sourcesContent":["'use client';\n\nimport { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css }) => ({\n  // Optional hidden input for keyboard navigation (opt-in).\n  hiddenInput: css`\n    position: absolute;\n\n    overflow: hidden;\n\n    width: 1px;\n    height: 1px;\n    margin: -1px;\n    padding: 0;\n    border: 0;\n\n    white-space: nowrap;\n\n    clip: rect(0, 0, 0, 0);\n  `,\n  list: css`\n    overflow: auto;\n    max-height: 320px;\n  `,\n}));\n"],"mappings":";;;;;AAIA,MAAa,SAAS,oBAAoB,EAAE,kBAAW;CAErD,aAAa,KAAG;;;;;;;;;;;;;;;CAehB,MAAM,KAAG;;;;CAIV,EAAE"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/EditorSlashMenu/style.ts"],"sourcesContent":["'use client';\n\nimport { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css }) => ({\n  // Optional hidden input for keyboard navigation (opt-in).\n  hiddenInput: css`\n    position: absolute;\n\n    overflow: hidden;\n\n    width: 1px;\n    height: 1px;\n    margin: -1px;\n    padding: 0;\n    border: 0;\n\n    white-space: nowrap;\n\n    clip: rect(0, 0, 0, 0);\n  `,\n  list: css`\n    overflow: auto;\n    max-height: 320px;\n  `,\n}));\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,WAAW;CAErD,aAAa,GAAG;;;;;;;;;;;;;;;CAehB,MAAM,GAAG;;;;CAIV,EAAE"}

package/es/EditorSlashMenu/type.d.mts

@@ -4,24 +4,16 @@ import { AutocompleteRootChangeEventDetails } from "@base-ui/react/autocomplete"
 //#region src/EditorSlashMenu/type.d.ts
 type EditorSlashMenuItemValue = string;
 type EditorSlashMenuOption = {
-  /** Render danger style (red) */
-  danger?: boolean;
-  /** Whether the item is disabled */
-  disabled?: boolean;
-  /** Optional extra content shown at the end */
-  extra?: React.ReactNode;
-  /** Optional icon shown at the start */
-  icon?: React.ReactNode;
-  /** Optional additional keywords for filtering */
-  keywords?: string[];
-  /** Visible label, also used for filtering by default */
-  label: string;
-  /** Unique id of the command */
+  /** Render danger style (red) */danger?: boolean; /** Whether the item is disabled */
+  disabled?: boolean; /** Optional extra content shown at the end */
+  extra?: React.ReactNode; /** Optional icon shown at the start */
+  icon?: React.ReactNode; /** Optional additional keywords for filtering */
+  keywords?: string[]; /** Visible label, also used for filtering by default */
+  label: string; /** Unique id of the command */
   value: EditorSlashMenuItemValue;
 };
 type EditorSlashMenuGroup = {
-  items: EditorSlashMenuOption[];
-  /** Optional group title */
+  items: EditorSlashMenuOption[]; /** Optional group title */
   label?: string;
 };
 type EditorSlashMenuItems = Array<EditorSlashMenuOption | EditorSlashMenuGroup>;

package/es/EditorSlashMenu/useKeyboardNavigation.mjs

@@ -1,6 +1,5 @@
 import { isEditableTarget } from "./utils.mjs";
 import { useCallback, useEffect, useRef } from "react";
-
 //#region src/EditorSlashMenu/useKeyboardNavigation.ts
 const useKeyboardNavigation = ({ isOpen }) => {
 	const listRef = useRef(null);
@@ -45,7 +44,7 @@ const useKeyboardNavigation = ({ isOpen }) => {
 	}, [dispatchListKey, isOpen]);
 	return { listRef };
 };
-
 //#endregion
 export { useKeyboardNavigation };
+
 //# sourceMappingURL=useKeyboardNavigation.mjs.map

package/es/EditorSlashMenu/useKeyboardNavigation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardNavigation.mjs","names":[],"sources":["../../src/EditorSlashMenu/useKeyboardNavigation.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport { isEditableTarget } from './utils';\n\ninterface UseKeyboardNavigationProps {\n  isOpen: boolean;\n}\n\nexport const useKeyboardNavigation = ({ isOpen }: UseKeyboardNavigationProps) => {\n  const listRef = useRef<HTMLDivElement | null>(null);\n\n  const dispatchListKey = useCallback((key: string) => {\n    const list = listRef.current;\n    if (!list) return;\n    const event = new KeyboardEvent('keydown', { bubbles: true, cancelable: true, key });\n    list.dispatchEvent(event);\n  }, []);\n\n  // Auto-highlight first item when menu opens\n  useEffect(() => {\n    if (!isOpen) return;\n    const raf = requestAnimationFrame(() => {\n      const list = listRef.current;\n      if (!list) return;\n      if (list.querySelector('[data-highlighted]')) return;\n      if (!list.querySelector('[role=\"option\"]')) return;\n      dispatchListKey('ArrowDown');\n    });\n    return () => cancelAnimationFrame(raf);\n  }, [dispatchListKey, isOpen]);\n\n  // Global keyboard navigation when menu is open\n  useEffect(() => {\n    if (!isOpen) return;\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (!event.isTrusted) return;\n      const list = listRef.current;\n      if (!list) return;\n      if (event.metaKey || event.ctrlKey || event.altKey) return;\n      const target = event.target as HTMLElement | null;\n      if (!isEditableTarget(target) || list.contains(target)) return;\n      if (!list.querySelector('[role=\"option\"]')) return;\n      if (event.key !== 'ArrowDown' && event.key !== 'ArrowUp' && event.key !== 'Enter') return;\n      if (event.key === 'Enter' && !list.querySelector('[data-highlighted]')) return;\n      event.preventDefault();\n      dispatchListKey(event.key);\n    };\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [dispatchListKey, isOpen]);\n\n  return { listRef };\n};\n"],"mappings":";;;;AAQA,MAAa,yBAAyB,EAAE,aAAyC;CAC/E,MAAM,UAAU,OAA8B,KAAK;CAEnD,MAAM,kBAAkB,aAAa,QAAgB;EACnD,MAAM,OAAO,QAAQ;AACrB,MAAI,CAAC,KAAM;EACX,MAAM,QAAQ,IAAI,cAAc,WAAW;GAAE,SAAS;GAAM,YAAY;GAAM;GAAK,CAAC;AACpF,OAAK,cAAc,MAAM;IACxB,EAAE,CAAC;AAGN,iBAAgB;AACd,MAAI,CAAC,OAAQ;EACb,MAAM,MAAM,4BAA4B;GACtC,MAAM,OAAO,QAAQ;AACrB,OAAI,CAAC,KAAM;AACX,OAAI,KAAK,cAAc,qBAAqB,CAAE;AAC9C,OAAI,CAAC,KAAK,cAAc,oBAAkB,CAAE;AAC5C,mBAAgB,YAAY;IAC5B;AACF,eAAa,qBAAqB,IAAI;IACrC,CAAC,iBAAiB,OAAO,CAAC;AAG7B,iBAAgB;AACd,MAAI,CAAC,OAAQ;EACb,MAAM,iBAAiB,UAAyB;AAC9C,OAAI,CAAC,MAAM,UAAW;GACtB,MAAM,OAAO,QAAQ;AACrB,OAAI,CAAC,KAAM;AACX,OAAI,MAAM,WAAW,MAAM,WAAW,MAAM,OAAQ;GACpD,MAAM,SAAS,MAAM;AACrB,OAAI,CAAC,iBAAiB,OAAO,IAAI,KAAK,SAAS,OAAO,CAAE;AACxD,OAAI,CAAC,KAAK,cAAc,oBAAkB,CAAE;AAC5C,OAAI,MAAM,QAAQ,eAAe,MAAM,QAAQ,aAAa,MAAM,QAAQ,QAAS;AACnF,OAAI,MAAM,QAAQ,WAAW,CAAC,KAAK,cAAc,qBAAqB,CAAE;AACxE,SAAM,gBAAgB;AACtB,mBAAgB,MAAM,IAAI;;AAE5B,WAAS,iBAAiB,WAAW,cAAc;AACnD,eAAa,SAAS,oBAAoB,WAAW,cAAc;IAClE,CAAC,iBAAiB,OAAO,CAAC;AAE7B,QAAO,EAAE,SAAS"}
+{"version":3,"file":"useKeyboardNavigation.mjs","names":[],"sources":["../../src/EditorSlashMenu/useKeyboardNavigation.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport { isEditableTarget } from './utils';\n\ninterface UseKeyboardNavigationProps {\n  isOpen: boolean;\n}\n\nexport const useKeyboardNavigation = ({ isOpen }: UseKeyboardNavigationProps) => {\n  const listRef = useRef<HTMLDivElement | null>(null);\n\n  const dispatchListKey = useCallback((key: string) => {\n    const list = listRef.current;\n    if (!list) return;\n    const event = new KeyboardEvent('keydown', { bubbles: true, cancelable: true, key });\n    list.dispatchEvent(event);\n  }, []);\n\n  // Auto-highlight first item when menu opens\n  useEffect(() => {\n    if (!isOpen) return;\n    const raf = requestAnimationFrame(() => {\n      const list = listRef.current;\n      if (!list) return;\n      if (list.querySelector('[data-highlighted]')) return;\n      if (!list.querySelector('[role=\"option\"]')) return;\n      dispatchListKey('ArrowDown');\n    });\n    return () => cancelAnimationFrame(raf);\n  }, [dispatchListKey, isOpen]);\n\n  // Global keyboard navigation when menu is open\n  useEffect(() => {\n    if (!isOpen) return;\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (!event.isTrusted) return;\n      const list = listRef.current;\n      if (!list) return;\n      if (event.metaKey || event.ctrlKey || event.altKey) return;\n      const target = event.target as HTMLElement | null;\n      if (!isEditableTarget(target) || list.contains(target)) return;\n      if (!list.querySelector('[role=\"option\"]')) return;\n      if (event.key !== 'ArrowDown' && event.key !== 'ArrowUp' && event.key !== 'Enter') return;\n      if (event.key === 'Enter' && !list.querySelector('[data-highlighted]')) return;\n      event.preventDefault();\n      dispatchListKey(event.key);\n    };\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [dispatchListKey, isOpen]);\n\n  return { listRef };\n};\n"],"mappings":";;;AAQA,MAAa,yBAAyB,EAAE,aAAyC;CAC/E,MAAM,UAAU,OAA8B,KAAK;CAEnD,MAAM,kBAAkB,aAAa,QAAgB;EACnD,MAAM,OAAO,QAAQ;AACrB,MAAI,CAAC,KAAM;EACX,MAAM,QAAQ,IAAI,cAAc,WAAW;GAAE,SAAS;GAAM,YAAY;GAAM;GAAK,CAAC;AACpF,OAAK,cAAc,MAAM;IACxB,EAAE,CAAC;AAGN,iBAAgB;AACd,MAAI,CAAC,OAAQ;EACb,MAAM,MAAM,4BAA4B;GACtC,MAAM,OAAO,QAAQ;AACrB,OAAI,CAAC,KAAM;AACX,OAAI,KAAK,cAAc,qBAAqB,CAAE;AAC9C,OAAI,CAAC,KAAK,cAAc,oBAAkB,CAAE;AAC5C,mBAAgB,YAAY;IAC5B;AACF,eAAa,qBAAqB,IAAI;IACrC,CAAC,iBAAiB,OAAO,CAAC;AAG7B,iBAAgB;AACd,MAAI,CAAC,OAAQ;EACb,MAAM,iBAAiB,UAAyB;AAC9C,OAAI,CAAC,MAAM,UAAW;GACtB,MAAM,OAAO,QAAQ;AACrB,OAAI,CAAC,KAAM;AACX,OAAI,MAAM,WAAW,MAAM,WAAW,MAAM,OAAQ;GACpD,MAAM,SAAS,MAAM;AACrB,OAAI,CAAC,iBAAiB,OAAO,IAAI,KAAK,SAAS,OAAO,CAAE;AACxD,OAAI,CAAC,KAAK,cAAc,oBAAkB,CAAE;AAC5C,OAAI,MAAM,QAAQ,eAAe,MAAM,QAAQ,aAAa,MAAM,QAAQ,QAAS;AACnF,OAAI,MAAM,QAAQ,WAAW,CAAC,KAAK,cAAc,qBAAqB,CAAE;AACxE,SAAM,gBAAgB;AACtB,mBAAgB,MAAM,IAAI;;AAE5B,WAAS,iBAAiB,WAAW,cAAc;AACnD,eAAa,SAAS,oBAAoB,WAAW,cAAc;IAClE,CAAC,iBAAiB,OAAO,CAAC;AAE7B,QAAO,EAAE,SAAS"}

package/es/EditorSlashMenu/useNormalizedItems.mjs

@@ -1,6 +1,5 @@
 import { isGroup } from "./utils.mjs";
 import { useMemo } from "react";
-
 //#region src/EditorSlashMenu/useNormalizedItems.ts
 const useNormalizedItems = (items) => {
 	const resolvedItems = useMemo(() => {
@@ -31,7 +30,7 @@ const useNormalizedItems = (items) => {
 		resolvedItems
 	};
 };
-
 //#endregion
 export { useNormalizedItems };
+
 //# sourceMappingURL=useNormalizedItems.mjs.map

package/es/EditorSlashMenu/useNormalizedItems.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useNormalizedItems.mjs","names":["groups: EditorSlashMenuGroup[]","buffer: EditorSlashMenuOption[]"],"sources":["../../src/EditorSlashMenu/useNormalizedItems.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { EditorSlashMenuGroup, EditorSlashMenuItems, EditorSlashMenuOption } from './type';\nimport { isGroup } from './utils';\n\nexport const useNormalizedItems = (items: EditorSlashMenuItems) => {\n  const resolvedItems = useMemo(() => {\n    const hasAnyGroup = items.some(isGroup);\n    if (!hasAnyGroup) return items as EditorSlashMenuOption[];\n\n    // Normalize: keep order, but ensure all entries are groups.\n    const groups: EditorSlashMenuGroup[] = [];\n    let buffer: EditorSlashMenuOption[] = [];\n\n    const flush = () => {\n      if (buffer.length) {\n        groups.push({ items: buffer });\n        buffer = [];\n      }\n    };\n\n    for (const entry of items) {\n      if (isGroup(entry)) {\n        flush();\n        groups.push(entry);\n      } else {\n        buffer.push(entry);\n      }\n    }\n    flush();\n\n    return groups;\n  }, [items]);\n\n  const hasAnyIcon = useMemo(() => {\n    const walk = (entry: EditorSlashMenuOption | EditorSlashMenuGroup): boolean => {\n      if (isGroup(entry)) return entry.items.some(walk as any);\n      return Boolean(entry.icon);\n    };\n    return items.some(walk as any);\n  }, [items]);\n\n  return { hasAnyIcon, resolvedItems };\n};\n"],"mappings":";;;;AAKA,MAAa,sBAAsB,UAAgC;CACjE,MAAM,gBAAgB,cAAc;AAElC,MAAI,CADgB,MAAM,KAAK,QAAQ,CACrB,QAAO;EAGzB,MAAMA,SAAiC,EAAE;EACzC,IAAIC,SAAkC,EAAE;EAExC,MAAM,cAAc;AAClB,OAAI,OAAO,QAAQ;AACjB,WAAO,KAAK,EAAE,OAAO,QAAQ,CAAC;AAC9B,aAAS,EAAE;;;AAIf,OAAK,MAAM,SAAS,MAClB,KAAI,QAAQ,MAAM,EAAE;AAClB,UAAO;AACP,UAAO,KAAK,MAAM;QAElB,QAAO,KAAK,MAAM;AAGtB,SAAO;AAEP,SAAO;IACN,CAAC,MAAM,CAAC;AAUX,QAAO;EAAE,YARU,cAAc;GAC/B,MAAM,QAAQ,UAAiE;AAC7E,QAAI,QAAQ,MAAM,CAAE,QAAO,MAAM,MAAM,KAAK,KAAY;AACxD,WAAO,QAAQ,MAAM,KAAK;;AAE5B,UAAO,MAAM,KAAK,KAAY;KAC7B,CAAC,MAAM,CAAC;EAEU;EAAe"}
+{"version":3,"file":"useNormalizedItems.mjs","names":[],"sources":["../../src/EditorSlashMenu/useNormalizedItems.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { EditorSlashMenuGroup, EditorSlashMenuItems, EditorSlashMenuOption } from './type';\nimport { isGroup } from './utils';\n\nexport const useNormalizedItems = (items: EditorSlashMenuItems) => {\n  const resolvedItems = useMemo(() => {\n    const hasAnyGroup = items.some(isGroup);\n    if (!hasAnyGroup) return items as EditorSlashMenuOption[];\n\n    // Normalize: keep order, but ensure all entries are groups.\n    const groups: EditorSlashMenuGroup[] = [];\n    let buffer: EditorSlashMenuOption[] = [];\n\n    const flush = () => {\n      if (buffer.length) {\n        groups.push({ items: buffer });\n        buffer = [];\n      }\n    };\n\n    for (const entry of items) {\n      if (isGroup(entry)) {\n        flush();\n        groups.push(entry);\n      } else {\n        buffer.push(entry);\n      }\n    }\n    flush();\n\n    return groups;\n  }, [items]);\n\n  const hasAnyIcon = useMemo(() => {\n    const walk = (entry: EditorSlashMenuOption | EditorSlashMenuGroup): boolean => {\n      if (isGroup(entry)) return entry.items.some(walk as any);\n      return Boolean(entry.icon);\n    };\n    return items.some(walk as any);\n  }, [items]);\n\n  return { hasAnyIcon, resolvedItems };\n};\n"],"mappings":";;;AAKA,MAAa,sBAAsB,UAAgC;CACjE,MAAM,gBAAgB,cAAc;AAElC,MAAI,CADgB,MAAM,KAAK,QAAQ,CACrB,QAAO;EAGzB,MAAM,SAAiC,EAAE;EACzC,IAAI,SAAkC,EAAE;EAExC,MAAM,cAAc;AAClB,OAAI,OAAO,QAAQ;AACjB,WAAO,KAAK,EAAE,OAAO,QAAQ,CAAC;AAC9B,aAAS,EAAE;;;AAIf,OAAK,MAAM,SAAS,MAClB,KAAI,QAAQ,MAAM,EAAE;AAClB,UAAO;AACP,UAAO,KAAK,MAAM;QAElB,QAAO,KAAK,MAAM;AAGtB,SAAO;AAEP,SAAO;IACN,CAAC,MAAM,CAAC;AAUX,QAAO;EAAE,YARU,cAAc;GAC/B,MAAM,QAAQ,UAAiE;AAC7E,QAAI,QAAQ,MAAM,CAAE,QAAO,MAAM,MAAM,KAAK,KAAY;AACxD,WAAO,QAAQ,MAAM,KAAK;;AAE5B,UAAO,MAAM,KAAK,KAAY;KAC7B,CAAC,MAAM,CAAC;EAEU;EAAe"}

package/es/EditorSlashMenu/utils.mjs

@@ -7,7 +7,7 @@ const isEditableTarget = (target) => {
 	if (tag === "INPUT" || tag === "TEXTAREA") return !target.readOnly && !target.disabled;
 	return target.getAttribute("role") === "textbox";
 };
-
 //#endregion
 export { isEditableTarget, isGroup };
+
 //# sourceMappingURL=utils.mjs.map

package/es/EmojiPicker/AvatarUploader.mjs

@@ -1,20 +1,18 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import Center_default from "../Flex/Center.mjs";
-import Icon_default from "../Icon/Icon.mjs";
-import Text_default from "../Text/Text.mjs";
-import Button_default from "../Button/Button.mjs";
+import Center from "../Flex/Center.mjs";
+import Icon from "../Icon/Icon.mjs";
+import Text from "../Text/Text.mjs";
+import Button$1 from "../Button/Button.mjs";
 import { useTranslation } from "../i18n/useTranslation.mjs";
 import emojiPicker_default from "../i18n/resources/en/emojiPicker.mjs";
-import Tag_default from "../Tag/Tag.mjs";
+import Tag$1 from "../Tag/Tag.mjs";
 import { memo, useCallback, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Upload, message } from "antd";
 import { cssVar } from "antd-style";
 import { ChevronLeftIcon, ImageUpIcon } from "lucide-react";
 import AvatarEditor from "react-avatar-editor";
-
 //#region src/EmojiPicker/AvatarUploader.tsx
 const { Dragger } = Upload;
 const createUploadImageHandler = (onUploadImage) => (file) => {
@@ -59,33 +57,33 @@ const AvatarUploader = memo(({ shape, onChange, texts, compressSize = 256, onUpl
 			itemRender: () => void 0,
 			maxCount: 1,
 			multiple: false,
-			children: /* @__PURE__ */ jsxs(Center_default, {
+			children: /* @__PURE__ */ jsxs(Center, {
 				gap: 16,
 				height: compressSize,
 				width: compressSize,
 				children: [
-					/* @__PURE__ */ jsx(Icon_default, {
+					/* @__PURE__ */ jsx(Icon, {
 						color: cssVar.colorTextDescription,
 						icon: ImageUpIcon,
 						size: 48
 					}),
-					/* @__PURE__ */ jsx(Text_default, {
+					/* @__PURE__ */ jsx(Text, {
 						color: cssVar.colorTextSecondary,
 						children: draggerDescText
 					}),
-					/* @__PURE__ */ jsxs(Center_default, {
+					/* @__PURE__ */ jsxs(Center, {
 						horizontal: true,
 						gap: 4,
 						children: [
-							/* @__PURE__ */ jsx(Tag_default, { children: "JPG" }),
-							/* @__PURE__ */ jsx(Tag_default, { children: "PNG" }),
-							/* @__PURE__ */ jsx(Tag_default, { children: "GIF" }),
-							/* @__PURE__ */ jsx(Tag_default, { children: "WEBP" })
+							/* @__PURE__ */ jsx(Tag$1, { children: "JPG" }),
+							/* @__PURE__ */ jsx(Tag$1, { children: "PNG" }),
+							/* @__PURE__ */ jsx(Tag$1, { children: "GIF" }),
+							/* @__PURE__ */ jsx(Tag$1, { children: "WEBP" })
 						]
 					})
 				]
 			})
-		}), previewImage && /* @__PURE__ */ jsxs(Center_default, {
+		}), previewImage && /* @__PURE__ */ jsxs(Center, {
 			gap: 8,
 			style: { position: "relative" },
 			width: "100%",
@@ -101,11 +99,11 @@ const AvatarUploader = memo(({ shape, onChange, texts, compressSize = 256, onUpl
 				gap: 8,
 				style: { position: "relative" },
 				width: "100%",
-				children: [/* @__PURE__ */ jsx(Button_default, {
+				children: [/* @__PURE__ */ jsx(Button$1, {
 					icon: ChevronLeftIcon,
 					style: { flex: "none" },
 					onClick: () => setPreviewImage("")
-				}), /* @__PURE__ */ jsx(Button_default, {
+				}), /* @__PURE__ */ jsx(Button$1, {
 					style: {
 						flex: 1,
 						fontWeight: 500
@@ -119,8 +117,7 @@ const AvatarUploader = memo(({ shape, onChange, texts, compressSize = 256, onUpl
 	});
 });
 AvatarUploader.displayName = "AvatarUploader";
-var AvatarUploader_default = AvatarUploader;
-
 //#endregion
-export { AvatarUploader_default as default };
+export { AvatarUploader as default };
+
 //# sourceMappingURL=AvatarUploader.mjs.map