@lobehub/ui 4.22.0 → 4.23.0

package/es/Accordion/Accordion.d.mts

@@ -1,8 +1,8 @@
 import { AccordionProps } from "./type.mjs";
-import * as react61 from "react";
+import * as react72 from "react";
 
 //#region src/Accordion/Accordion.d.ts
-declare const Accordion: react61.NamedExoticComponent<AccordionProps>;
+declare const Accordion: react72.NamedExoticComponent<AccordionProps>;
 //#endregion
 export { Accordion };
 //# sourceMappingURL=Accordion.d.mts.map

package/es/Accordion/AccordionItem.d.mts

@@ -1,8 +1,8 @@
 import { AccordionItemProps } from "./type.mjs";
-import * as react62 from "react";
+import * as react73 from "react";
 
 //#region src/Accordion/AccordionItem.d.ts
-declare const AccordionItem: react62.NamedExoticComponent<AccordionItemProps>;
+declare const AccordionItem: react73.NamedExoticComponent<AccordionItemProps>;
 //#endregion
 export { AccordionItem };
 //# sourceMappingURL=AccordionItem.d.mts.map

package/es/Accordion/style.mjs

@@ -4,11 +4,7 @@ import { createStaticStyles } from "antd-style";
 const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
 	return {
 		action: css$1`
-      width: 0;
       opacity: 0;
-      transition:
-        opacity,
-        width 0.2s ${cssVar$1.motionEaseOut};
     `,
 		base: css$1`
       display: flex;
@@ -26,7 +22,6 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
     `,
 		header: css$1`
       &:hover .accordion-action {
-        width: auto;
         opacity: 1;
       }
 

package/es/Accordion/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../src/Accordion/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    action: css`\n      width: 0;\n      opacity: 0;\n      transition:\n        opacity,\n        width 0.2s ${cssVar.motionEaseOut};\n    `,\n    base: css`\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n    `,\n    content: css`\n      overflow: hidden;\n    `,\n    contentInner: css`\n      /* Content wrapper for animation */\n    `,\n    divider: css`\n      margin-block: 0;\n    `,\n    header: css`\n      &:hover .accordion-action {\n        width: auto;\n        opacity: 1;\n      }\n\n      &:focus-visible {\n        border-radius: ${cssVar.borderRadiusLG};\n        outline: 2px solid ${cssVar.colorPrimary};\n        outline-offset: 2px;\n      }\n    `,\n    icon: css`\n      transition: transform 200ms ${cssVar.motionEaseOut};\n    `,\n    iconRotate: css`\n      transform: rotate(90deg);\n    `,\n    indicator: css`\n      display: flex;\n      flex-shrink: 0;\n      align-items: center;\n\n      font-size: 18px;\n      color: ${cssVar.colorTextDescription};\n\n      transition: transform 200ms ${cssVar.motionEaseOut};\n    `,\n    item: css`\n      position: relative;\n      display: flex;\n      flex-direction: column;\n    `,\n    titleWrapper: css`\n      user-select: none;\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,QAAQ,KAAG;;;;;qBAKMA,SAAO,cAAc;;EAEtC,MAAM,KAAG;;;;;EAKT,SAAS,KAAG;;;EAGZ,cAAc,KAAG;;;EAGjB,SAAS,KAAG;;;EAGZ,QAAQ,KAAG;;;;;;;yBAOUA,SAAO,eAAe;6BAClBA,SAAO,aAAa;;;;EAI7C,MAAM,KAAG;oCACuBA,SAAO,cAAc;;EAErD,YAAY,KAAG;;;EAGf,WAAW,KAAG;;;;;;eAMHA,SAAO,qBAAqB;;oCAEPA,SAAO,cAAc;;EAErD,MAAM,KAAG;;;;;EAKT,cAAc,KAAG;;;EAGlB;EACD"}
+{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../src/Accordion/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    action: css`\n      opacity: 0;\n    `,\n    base: css`\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n    `,\n    content: css`\n      overflow: hidden;\n    `,\n    contentInner: css`\n      /* Content wrapper for animation */\n    `,\n    divider: css`\n      margin-block: 0;\n    `,\n    header: css`\n      &:hover .accordion-action {\n        opacity: 1;\n      }\n\n      &:focus-visible {\n        border-radius: ${cssVar.borderRadiusLG};\n        outline: 2px solid ${cssVar.colorPrimary};\n        outline-offset: 2px;\n      }\n    `,\n    icon: css`\n      transition: transform 200ms ${cssVar.motionEaseOut};\n    `,\n    iconRotate: css`\n      transform: rotate(90deg);\n    `,\n    indicator: css`\n      display: flex;\n      flex-shrink: 0;\n      align-items: center;\n\n      font-size: 18px;\n      color: ${cssVar.colorTextDescription};\n\n      transition: transform 200ms ${cssVar.motionEaseOut};\n    `,\n    item: css`\n      position: relative;\n      display: flex;\n      flex-direction: column;\n    `,\n    titleWrapper: css`\n      user-select: none;\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,QAAQ,KAAG;;;EAGX,MAAM,KAAG;;;;;EAKT,SAAS,KAAG;;;EAGZ,cAAc,KAAG;;;EAGjB,SAAS,KAAG;;;EAGZ,QAAQ,KAAG;;;;;;yBAMUA,SAAO,eAAe;6BAClBA,SAAO,aAAa;;;;EAI7C,MAAM,KAAG;oCACuBA,SAAO,cAAc;;EAErD,YAAY,KAAG;;;EAGf,WAAW,KAAG;;;;;;eAMHA,SAAO,qBAAqB;;oCAEPA,SAAO,cAAc;;EAErD,MAAM,KAAG;;;;;EAKT,cAAc,KAAG;;;EAGlB;EACD"}

package/es/ActionIcon/ActionIcon.d.mts

@@ -1,8 +1,8 @@
 import { ActionIconProps } from "./type.mjs";
-import * as react59 from "react";
+import * as react83 from "react";
 
 //#region src/ActionIcon/ActionIcon.d.ts
-declare const ActionIcon: react59.NamedExoticComponent<ActionIconProps>;
+declare const ActionIcon: react83.NamedExoticComponent<ActionIconProps>;
 //#endregion
 export { ActionIcon };
 //# sourceMappingURL=ActionIcon.d.mts.map

package/es/Alert/Alert.d.mts

@@ -1,8 +1,8 @@
 import { AlertProps } from "./type.mjs";
-import * as react70 from "react";
+import * as react51 from "react";
 
 //#region src/Alert/Alert.d.ts
-declare const Alert: react70.NamedExoticComponent<AlertProps>;
+declare const Alert: react51.NamedExoticComponent<AlertProps>;
 //#endregion
 export { Alert };
 //# sourceMappingURL=Alert.d.mts.map

package/es/AutoComplete/Select.d.mts

@@ -1,8 +1,8 @@
 import { AutoCompleteProps } from "./type.mjs";
-import * as react69 from "react";
+import * as react52 from "react";
 
 //#region src/AutoComplete/Select.d.ts
-declare const AutoComplete: react69.NamedExoticComponent<AutoCompleteProps>;
+declare const AutoComplete: react52.NamedExoticComponent<AutoCompleteProps>;
 //#endregion
 export { AutoComplete };
 //# sourceMappingURL=Select.d.mts.map

package/es/Avatar/AvatarGroup/index.d.mts

@@ -1,8 +1,8 @@
 import { AvatarGroupProps } from "../type.mjs";
-import * as react68 from "react";
+import * as react50 from "react";
 
 //#region src/Avatar/AvatarGroup/index.d.ts
-declare const AvatarGroup: react68.NamedExoticComponent<AvatarGroupProps>;
+declare const AvatarGroup: react50.NamedExoticComponent<AvatarGroupProps>;
 //#endregion
 export { AvatarGroup };
 //# sourceMappingURL=index.d.mts.map

package/es/Burger/Burger.d.mts

@@ -1,8 +1,8 @@
 import { BurgerProps } from "./type.mjs";
-import * as react67 from "react";
+import * as react81 from "react";
 
 //#region src/Burger/Burger.d.ts
-declare const Burger: react67.NamedExoticComponent<BurgerProps>;
+declare const Burger: react81.NamedExoticComponent<BurgerProps>;
 //#endregion
 export { Burger };
 //# sourceMappingURL=Burger.d.mts.map

package/es/CodeDiff/CodeDiff.d.mts

@@ -1,8 +1,8 @@
 import { CodeDiffProps } from "./type.mjs";
-import * as react64 from "react";
+import * as react47 from "react";
 
 //#region src/CodeDiff/CodeDiff.d.ts
-declare const CodeDiff: react64.NamedExoticComponent<CodeDiffProps>;
+declare const CodeDiff: react47.NamedExoticComponent<CodeDiffProps>;
 //#endregion
 export { CodeDiff };
 //# sourceMappingURL=CodeDiff.d.mts.map

package/es/CodeDiff/PatchDiff.d.mts

@@ -1,8 +1,8 @@
 import { PatchDiffProps } from "./type.mjs";
-import * as react65 from "react";
+import * as react48 from "react";
 
 //#region src/CodeDiff/PatchDiff.d.ts
-declare const PatchDiff: react65.NamedExoticComponent<PatchDiffProps>;
+declare const PatchDiff: react48.NamedExoticComponent<PatchDiffProps>;
 //#endregion
 export { PatchDiff };
 //# sourceMappingURL=PatchDiff.d.mts.map

package/es/CodeEditor/CodeEditor.d.mts

@@ -1,8 +1,8 @@
 import { CodeEditorProps } from "./type.mjs";
-import * as react66 from "react";
+import * as react46 from "react";
 
 //#region src/CodeEditor/CodeEditor.d.ts
-declare const CodeEditor: react66.NamedExoticComponent<CodeEditorProps>;
+declare const CodeEditor: react46.NamedExoticComponent<CodeEditorProps>;
 //#endregion
 export { CodeEditor };
 //# sourceMappingURL=CodeEditor.d.mts.map

package/es/Collapse/Collapse.d.mts

@@ -1,8 +1,8 @@
 import { CollapseProps } from "./type.mjs";
-import * as react60 from "react";
+import * as react45 from "react";
 
 //#region src/Collapse/Collapse.d.ts
-declare const Collapse: react60.NamedExoticComponent<CollapseProps>;
+declare const Collapse: react45.NamedExoticComponent<CollapseProps>;
 //#endregion
 export { Collapse };
 //# sourceMappingURL=Collapse.d.mts.map

package/es/ConfigProvider/index.d.mts

@@ -1,7 +1,7 @@
 import { MotionComponentType } from "../MotionProvider/index.mjs";
 import { TranslationResourcesInput } from "../i18n/types.mjs";
 import { CDN, CdnApi } from "../utils/genCdnUrl.mjs";
-import * as react77 from "react";
+import * as react65 from "react";
 import { ElementType, ReactNode } from "react";
 
 //#region src/ConfigProvider/index.d.ts
@@ -19,7 +19,7 @@ interface ConfigProviderProps {
   motion: MotionComponentType;
   resources?: TranslationResourcesInput;
 }
-declare const ConfigProvider: react77.NamedExoticComponent<ConfigProviderProps>;
+declare const ConfigProvider: react65.NamedExoticComponent<ConfigProviderProps>;
 type CdnFn = ({
   pkg,
   version,

package/es/ContextMenu/ContextMenuHost.d.mts

@@ -1,8 +1,8 @@
 import * as react124 from "react";
-import * as react_jsx_runtime37 from "react/jsx-runtime";
+import * as react_jsx_runtime48 from "react/jsx-runtime";
 
 //#region src/ContextMenu/ContextMenuHost.d.ts
-declare const ContextMenuHost: react124.MemoExoticComponent<() => react_jsx_runtime37.JSX.Element | null>;
+declare const ContextMenuHost: react124.MemoExoticComponent<() => react_jsx_runtime48.JSX.Element | null>;
 //#endregion
 export { ContextMenuHost };
 //# sourceMappingURL=ContextMenuHost.d.mts.map

package/es/CopyButton/CopyButton.d.mts

@@ -1,8 +1,8 @@
 import { CopyButtonProps } from "./type.mjs";
-import * as react56 from "react";
+import * as react43 from "react";
 
 //#region src/CopyButton/CopyButton.d.ts
-declare const CopyButton: react56.NamedExoticComponent<CopyButtonProps>;
+declare const CopyButton: react43.NamedExoticComponent<CopyButtonProps>;
 //#endregion
 export { CopyButton };
 //# sourceMappingURL=CopyButton.d.mts.map

package/es/DatePicker/DatePicker.d.mts

@@ -1,8 +1,8 @@
 import { DatePickerProps } from "./type.mjs";
-import * as react57 from "react";
+import * as react42 from "react";
 
 //#region src/DatePicker/DatePicker.d.ts
-declare const DatePicker: react57.NamedExoticComponent<DatePickerProps>;
+declare const DatePicker: react42.NamedExoticComponent<DatePickerProps>;
 //#endregion
 export { DatePicker };
 //# sourceMappingURL=DatePicker.d.mts.map

package/es/DraggablePanel/components/DraggablePanelBody.d.mts

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react52 from "react";
+import * as react64 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelBody.d.ts
 type DraggablePanelBodyProps = DivProps;
-declare const DraggablePanelBody: react52.NamedExoticComponent<DivProps>;
+declare const DraggablePanelBody: react64.NamedExoticComponent<DivProps>;
 //#endregion
 export { DraggablePanelBody, DraggablePanelBodyProps };
 //# sourceMappingURL=DraggablePanelBody.d.mts.map

package/es/DraggablePanel/components/DraggablePanelContainer.d.mts

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react55 from "react";
+import * as react62 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelContainer.d.ts
 type DraggablePanelContainerProps = DivProps;
-declare const DraggablePanelContainer: react55.NamedExoticComponent<DivProps>;
+declare const DraggablePanelContainer: react62.NamedExoticComponent<DivProps>;
 //#endregion
 export { DraggablePanelContainer, DraggablePanelContainerProps };
 //# sourceMappingURL=DraggablePanelContainer.d.mts.map

package/es/DraggablePanel/components/DraggablePanelFooter.d.mts

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react53 from "react";
+import * as react61 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelFooter.d.ts
 type DraggablePanelFooterProps = DivProps;
-declare const DraggablePanelFooter: react53.NamedExoticComponent<DivProps>;
+declare const DraggablePanelFooter: react61.NamedExoticComponent<DivProps>;
 //#endregion
 export { DraggablePanelFooter, DraggablePanelFooterProps };
 //# sourceMappingURL=DraggablePanelFooter.d.mts.map

package/es/DraggablePanel/components/DraggablePanelHeader.d.mts

@@ -1,5 +1,5 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react54 from "react";
+import * as react63 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelHeader.d.ts
 interface DraggablePanelHeaderProps extends Omit<DivProps, 'children'> {
@@ -9,7 +9,7 @@ interface DraggablePanelHeaderProps extends Omit<DivProps, 'children'> {
   setPin?: (pin: boolean) => void;
   title?: string;
 }
-declare const DraggablePanelHeader: react54.NamedExoticComponent<DraggablePanelHeaderProps>;
+declare const DraggablePanelHeader: react63.NamedExoticComponent<DraggablePanelHeaderProps>;
 //#endregion
 export { DraggablePanelHeader, DraggablePanelHeaderProps };
 //# sourceMappingURL=DraggablePanelHeader.d.mts.map

package/es/DraggableSideNav/DraggableSideNav.d.mts

@@ -1,8 +1,8 @@
 import { DraggableSideNavProps } from "./type.mjs";
-import * as react51 from "react";
+import * as react59 from "react";
 
 //#region src/DraggableSideNav/DraggableSideNav.d.ts
-declare const DraggableSideNav: react51.NamedExoticComponent<DraggableSideNavProps>;
+declare const DraggableSideNav: react59.NamedExoticComponent<DraggableSideNavProps>;
 //#endregion
 export { DraggableSideNav };
 //# sourceMappingURL=DraggableSideNav.d.mts.map

package/es/Drawer/Drawer.d.mts

@@ -1,8 +1,8 @@
 import { DrawerProps } from "./type.mjs";
-import * as react50 from "react";
+import * as react58 from "react";
 
 //#region src/Drawer/Drawer.d.ts
-declare const Drawer: react50.NamedExoticComponent<DrawerProps>;
+declare const Drawer: react58.NamedExoticComponent<DrawerProps>;
 //#endregion
 export { Drawer };
 //# sourceMappingURL=Drawer.d.mts.map

package/es/Dropdown/Dropdown.d.mts

@@ -1,5 +1,5 @@
 import { DropdownProps } from "./type.mjs";
-import * as react49 from "react";
+import * as react56 from "react";
 
 //#region src/Dropdown/Dropdown.d.ts
 
@@ -9,7 +9,7 @@ import * as react49 from "react";
  * @see https://ui.lobehub.com/components/context-menu
  * @see https://ui.lobehub.com/components/dropdown-menu
  */
-declare const Dropdown: react49.NamedExoticComponent<DropdownProps>;
+declare const Dropdown: react56.NamedExoticComponent<DropdownProps>;
 //#endregion
 export { Dropdown };
 //# sourceMappingURL=Dropdown.d.mts.map

package/es/DropdownMenu/DropdownMenu.d.mts

@@ -1,8 +1,8 @@
 import { DropdownMenuProps } from "./type.mjs";
-import * as react48 from "react";
+import * as react57 from "react";
 
 //#region src/DropdownMenu/DropdownMenu.d.ts
-declare const DropdownMenu: react48.NamedExoticComponent<DropdownMenuProps<unknown>>;
+declare const DropdownMenu: react57.NamedExoticComponent<DropdownMenuProps<unknown>>;
 //#endregion
 export { DropdownMenu };
 //# sourceMappingURL=DropdownMenu.d.mts.map

package/es/DropdownMenu/atoms.d.mts

@@ -1,6 +1,6 @@
 import { DropdownMenuPlacement } from "./type.mjs";
 import React from "react";
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 import * as _base_ui_react_menu0 from "@base-ui/react/menu";
 import { Menu } from "@base-ui/react/menu";
 
@@ -19,7 +19,7 @@ declare const DropdownMenuTrigger: {
     nativeButton,
     ref: refProp,
     ...rest
-  }: DropdownMenuTriggerProps): react_jsx_runtime22.JSX.Element;
+  }: DropdownMenuTriggerProps): react_jsx_runtime25.JSX.Element;
   displayName: string;
 };
 type DropdownMenuPortalProps = React.ComponentProps<typeof Menu.Portal> & {
@@ -32,7 +32,7 @@ declare const DropdownMenuPortal: {
   ({
     container,
     ...rest
-  }: DropdownMenuPortalProps): react_jsx_runtime22.JSX.Element;
+  }: DropdownMenuPortalProps): react_jsx_runtime25.JSX.Element;
   displayName: string;
 };
 type DropdownMenuPositionerProps = React.ComponentProps<typeof Menu.Positioner> & {
@@ -48,7 +48,7 @@ declare const DropdownMenuPositioner: {
     side,
     sideOffset,
     ...rest
-  }: DropdownMenuPositionerProps): react_jsx_runtime22.JSX.Element;
+  }: DropdownMenuPositionerProps): react_jsx_runtime25.JSX.Element;
   displayName: string;
 };
 type DropdownMenuPopupProps = React.ComponentProps<typeof Menu.Popup>;
@@ -56,7 +56,7 @@ declare const DropdownMenuPopup: {
   ({
     className,
     ...rest
-  }: DropdownMenuPopupProps): react_jsx_runtime22.JSX.Element;
+  }: DropdownMenuPopupProps): react_jsx_runtime25.JSX.Element;
   displayName: string;
 };
 type DropdownMenuItemProps = React.ComponentProps<typeof Menu.Item> & {
@@ -67,7 +67,7 @@ declare const DropdownMenuItem: {
     className,
     danger,
     ...rest
-  }: DropdownMenuItemProps): react_jsx_runtime22.JSX.Element;
+  }: DropdownMenuItemProps): react_jsx_runtime25.JSX.Element;
   displayName: string;
 };
 type DropdownMenuCheckboxItemProps = React.ComponentProps<typeof Menu.CheckboxItem> & {
@@ -78,7 +78,7 @@ declare const DropdownMenuCheckboxItemPrimitive: {
     className,
     danger,
     ...rest
-  }: DropdownMenuCheckboxItemProps): react_jsx_runtime22.JSX.Element;
+  }: DropdownMenuCheckboxItemProps): react_jsx_runtime25.JSX.Element;
   displayName: string;
 };
 type DropdownMenuSeparatorProps = React.ComponentProps<typeof Menu.Separator>;
@@ -86,7 +86,7 @@ declare const DropdownMenuSeparator: {
   ({
     className,
     ...rest
-  }: DropdownMenuSeparatorProps): react_jsx_runtime22.JSX.Element;
+  }: DropdownMenuSeparatorProps): react_jsx_runtime25.JSX.Element;
   displayName: string;
 };
 declare const DropdownMenuGroup: React.ForwardRefExoticComponent<_base_ui_react_menu0.MenuGroupProps & React.RefAttributes<Element>>;
@@ -95,7 +95,7 @@ declare const DropdownMenuGroupLabel: {
   ({
     className,
     ...rest
-  }: DropdownMenuGroupLabelProps): react_jsx_runtime22.JSX.Element;
+  }: DropdownMenuGroupLabelProps): react_jsx_runtime25.JSX.Element;
   displayName: string;
 };
 type DropdownMenuSubmenuTriggerProps = React.ComponentProps<typeof Menu.SubmenuTrigger> & {
@@ -106,7 +106,7 @@ declare const DropdownMenuSubmenuTrigger: {
     className,
     danger,
     ...rest
-  }: DropdownMenuSubmenuTriggerProps): react_jsx_runtime22.JSX.Element;
+  }: DropdownMenuSubmenuTriggerProps): react_jsx_runtime25.JSX.Element;
   displayName: string;
 };
 type DropdownMenuItemContentProps = React.HTMLAttributes<HTMLDivElement>;
@@ -114,7 +114,7 @@ declare const DropdownMenuItemContent: {
   ({
     className,
     ...rest
-  }: DropdownMenuItemContentProps): react_jsx_runtime22.JSX.Element;
+  }: DropdownMenuItemContentProps): react_jsx_runtime25.JSX.Element;
   displayName: string;
 };
 type DropdownMenuItemIconProps = React.HTMLAttributes<HTMLSpanElement>;
@@ -122,7 +122,7 @@ declare const DropdownMenuItemIcon: {
   ({
     className,
     ...rest
-  }: DropdownMenuItemIconProps): react_jsx_runtime22.JSX.Element;
+  }: DropdownMenuItemIconProps): react_jsx_runtime25.JSX.Element;
   displayName: string;
 };
 type DropdownMenuItemLabelProps = React.HTMLAttributes<HTMLSpanElement>;
@@ -130,7 +130,7 @@ declare const DropdownMenuItemLabel: {
   ({
     className,
     ...rest
-  }: DropdownMenuItemLabelProps): react_jsx_runtime22.JSX.Element;
+  }: DropdownMenuItemLabelProps): react_jsx_runtime25.JSX.Element;
   displayName: string;
 };
 type DropdownMenuItemExtraProps = React.HTMLAttributes<HTMLSpanElement>;
@@ -138,7 +138,7 @@ declare const DropdownMenuItemExtra: {
   ({
     className,
     ...rest
-  }: DropdownMenuItemExtraProps): react_jsx_runtime22.JSX.Element;
+  }: DropdownMenuItemExtraProps): react_jsx_runtime25.JSX.Element;
   displayName: string;
 };
 type DropdownMenuSubmenuArrowProps = React.HTMLAttributes<HTMLSpanElement>;
@@ -146,7 +146,7 @@ declare const DropdownMenuSubmenuArrow: {
   ({
     className,
     ...rest
-  }: DropdownMenuSubmenuArrowProps): react_jsx_runtime22.JSX.Element;
+  }: DropdownMenuSubmenuArrowProps): react_jsx_runtime25.JSX.Element;
   displayName: string;
 };
 type DropdownMenuSwitchItemProps = Omit<React.ComponentProps<typeof Menu.Item>, 'onClick'> & {
@@ -167,7 +167,7 @@ declare const DropdownMenuSwitchItem: {
     onCheckedChange,
     children,
     ...rest
-  }: DropdownMenuSwitchItemProps): react_jsx_runtime22.JSX.Element;
+  }: DropdownMenuSwitchItemProps): react_jsx_runtime25.JSX.Element;
   displayName: string;
 };
 //#endregion

package/es/EditableText/EditableText.d.mts

@@ -1,8 +1,8 @@
 import { EditableTextProps } from "./type.mjs";
-import * as react34 from "react";
+import * as react55 from "react";
 
 //#region src/EditableText/EditableText.d.ts
-declare const EditableText: react34.NamedExoticComponent<EditableTextProps>;
+declare const EditableText: react55.NamedExoticComponent<EditableTextProps>;
 //#endregion
 export { EditableText };
 //# sourceMappingURL=EditableText.d.mts.map

package/es/EditorSlashMenu/EditorSlashMenu.d.mts

@@ -0,0 +1,51 @@
+import { EditorSlashMenuHiddenInput, EditorSlashMenuList, EditorSlashMenuPopup, EditorSlashMenuPortal, EditorSlashMenuPositioner } from "./atoms.mjs";
+import { EditorSlashMenuItems, EditorSlashMenuOption } from "./type.mjs";
+import React from "react";
+import { AutocompleteRootChangeEventDetails, AutocompleteRootProps } from "@base-ui/react/autocomplete";
+
+//#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 */
+  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. */
+  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) */
+  value?: string;
+  /**
+   * Render a visually-hidden input element for keyboard navigation / screen readers.
+   * Default is `false` because slash menus usually live inside an editor input.
+   */
+  withHiddenInput?: boolean;
+};
+declare const EditorSlashMenu: React.NamedExoticComponent<Props>;
+//#endregion
+export { EditorSlashMenu };
+//# sourceMappingURL=EditorSlashMenu.d.mts.map

package/es/EditorSlashMenu/EditorSlashMenu.mjs

@@ -0,0 +1,99 @@
+'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";
+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);
+	useEffect(() => {
+		if (open === void 0) return;
+		setUncontrolledOpen(open);
+	}, [open]);
+	const resolvedOpen = open ?? uncontrolledOpen;
+	const { resolvedItems, hasAnyIcon } = useNormalizedItems(items);
+	const { listRef } = useKeyboardNavigation({ isOpen: resolvedOpen });
+	const itemToStringValue = useCallback((item) => {
+		const kws = item.keywords?.length ? ` ${item.keywords.join(" ")}` : "";
+		return `${item.label}${kws}`;
+	}, []);
+	const handleValueChange = useCallback((nextValue, details) => {
+		if (!updateValueOnSelect && details.reason === "item-press") return;
+		onValueChange?.(nextValue, details);
+	}, [onValueChange, updateValueOnSelect]);
+	const handleSelect = useCallback((item, details) => {
+		onSelect?.(item, details);
+	}, [onSelect]);
+	const handleOpenChange = useCallback((nextOpen, details) => {
+		setUncontrolledOpen(nextOpen);
+		onOpenChange?.(nextOpen, details);
+	}, [onOpenChange]);
+	const setListRef = useCallback((node) => {
+		listRef.current = node;
+		const externalRef = listProps?.ref;
+		if (!externalRef) return;
+		if (typeof externalRef === "function") externalRef(node);
+		else externalRef.current = node;
+	}, [listRef, listProps]);
+	const menuItemProps = useMemo(() => ({
+		hasAnyIcon,
+		onSelect: handleSelect,
+		renderItem,
+		reserveIconSpace
+	}), [
+		hasAnyIcon,
+		handleSelect,
+		renderItem,
+		reserveIconSpace
+	]);
+	return /* @__PURE__ */ jsxs(EditorSlashMenuRoot, {
+		...rootProps,
+		defaultOpen,
+		defaultValue,
+		itemToStringValue,
+		items: resolvedItems,
+		onOpenChange: handleOpenChange,
+		onOpenChangeComplete,
+		onValueChange: handleValueChange,
+		open,
+		value,
+		children: [withHiddenInput ? /* @__PURE__ */ jsx(EditorSlashMenuHiddenInput, { ...hiddenInputProps }) : null, /* @__PURE__ */ jsx(EditorSlashMenuPortal, {
+			...portalProps,
+			children: /* @__PURE__ */ jsx(EditorSlashMenuPositioner, {
+				...positionerProps,
+				anchor,
+				children: /* @__PURE__ */ jsxs(EditorSlashMenuPopup, {
+					...popupProps,
+					children: [/* @__PURE__ */ jsx(EditorSlashMenuList, {
+						...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, {
+								...menuItemProps,
+								item: item$1,
+								key: item$1.value
+							}))] }, entry.label ?? entry.items.map((i) => i.value).join("|"));
+							const item = entry;
+							return /* @__PURE__ */ createElement(MenuItemRenderer, {
+								...menuItemProps,
+								item,
+								key: item.value
+							});
+						}
+					}), /* @__PURE__ */ jsx(EditorSlashMenuEmpty, { children: empty })]
+				})
+			})
+		})]
+	});
+});
+EditorSlashMenu.displayName = "EditorSlashMenu";
+var EditorSlashMenu_default = EditorSlashMenu;
+
+//#endregion
+export { EditorSlashMenu_default as default };
+//# sourceMappingURL=EditorSlashMenu.mjs.map