@lobehub/ui 4.20.1 → 4.21.0

package/es/Accordion/Accordion.d.mts

@@ -1,8 +1,8 @@
 import { AccordionProps } from "./type.mjs";
-import * as react40 from "react";
+import * as react14 from "react";
 
 //#region src/Accordion/Accordion.d.ts
-declare const Accordion: react40.NamedExoticComponent<AccordionProps>;
+declare const Accordion: react14.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 react41 from "react";
+import * as react13 from "react";
 
 //#region src/Accordion/AccordionItem.d.ts
-declare const AccordionItem: react41.NamedExoticComponent<AccordionItemProps>;
+declare const AccordionItem: react13.NamedExoticComponent<AccordionItemProps>;
 //#endregion
 export { AccordionItem };
 //# sourceMappingURL=AccordionItem.d.mts.map

package/es/ActionIcon/ActionIcon.d.mts

@@ -1,8 +1,8 @@
 import { ActionIconProps } from "./type.mjs";
-import * as react42 from "react";
+import * as react11 from "react";
 
 //#region src/ActionIcon/ActionIcon.d.ts
-declare const ActionIcon: react42.NamedExoticComponent<ActionIconProps>;
+declare const ActionIcon: react11.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 react15 from "react";
+import * as react9 from "react";
 
 //#region src/Alert/Alert.d.ts
-declare const Alert: react15.NamedExoticComponent<AlertProps>;
+declare const Alert: react9.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 react14 from "react";
+import * as react12 from "react";
 
 //#region src/AutoComplete/Select.d.ts
-declare const AutoComplete: react14.NamedExoticComponent<AutoCompleteProps>;
+declare const AutoComplete: react12.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 react16 from "react";
+import * as react23 from "react";
 
 //#region src/Avatar/AvatarGroup/index.d.ts
-declare const AvatarGroup: react16.NamedExoticComponent<AvatarGroupProps>;
+declare const AvatarGroup: react23.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 react24 from "react";
+import * as react17 from "react";
 
 //#region src/Burger/Burger.d.ts
-declare const Burger: react24.NamedExoticComponent<BurgerProps>;
+declare const Burger: react17.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 react38 from "react";
+import * as react15 from "react";
 
 //#region src/CodeDiff/CodeDiff.d.ts
-declare const CodeDiff: react38.NamedExoticComponent<CodeDiffProps>;
+declare const CodeDiff: react15.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 react39 from "react";
+import * as react16 from "react";
 
 //#region src/CodeDiff/PatchDiff.d.ts
-declare const PatchDiff: react39.NamedExoticComponent<PatchDiffProps>;
+declare const PatchDiff: react16.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 react22 from "react";
+import * as react18 from "react";
 
 //#region src/CodeEditor/CodeEditor.d.ts
-declare const CodeEditor: react22.NamedExoticComponent<CodeEditorProps>;
+declare const CodeEditor: react18.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 react36 from "react";
+import * as react4 from "react";
 
 //#region src/Collapse/Collapse.d.ts
-declare const Collapse: react36.NamedExoticComponent<CollapseProps>;
+declare const Collapse: react4.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 react80 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: react80.NamedExoticComponent<ConfigProviderProps>;
 type CdnFn = ({
   pkg,
   version,

package/es/ContextMenu/ContextMenuHost.d.mts

@@ -1,8 +1,8 @@
-import * as react122 from "react";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react123 from "react";
+import * as react_jsx_runtime37 from "react/jsx-runtime";
 
 //#region src/ContextMenu/ContextMenuHost.d.ts
-declare const ContextMenuHost: react122.MemoExoticComponent<() => react_jsx_runtime20.JSX.Element | null>;
+declare const ContextMenuHost: react123.MemoExoticComponent<() => react_jsx_runtime37.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 react23 from "react";
+import * as react62 from "react";
 
 //#region src/CopyButton/CopyButton.d.ts
-declare const CopyButton: react23.NamedExoticComponent<CopyButtonProps>;
+declare const CopyButton: react62.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 react21 from "react";
+import * as react6 from "react";
 
 //#region src/DatePicker/DatePicker.d.ts
-declare const DatePicker: react21.NamedExoticComponent<DatePickerProps>;
+declare const DatePicker: react6.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 react17 from "react";
+import * as react0 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelBody.d.ts
 type DraggablePanelBodyProps = DivProps;
-declare const DraggablePanelBody: react17.NamedExoticComponent<DivProps>;
+declare const DraggablePanelBody: react0.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 react18 from "react";
+import * as react2 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelContainer.d.ts
 type DraggablePanelContainerProps = DivProps;
-declare const DraggablePanelContainer: react18.NamedExoticComponent<DivProps>;
+declare const DraggablePanelContainer: react2.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 react19 from "react";
+import * as react1 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelFooter.d.ts
 type DraggablePanelFooterProps = DivProps;
-declare const DraggablePanelFooter: react19.NamedExoticComponent<DivProps>;
+declare const DraggablePanelFooter: react1.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 react20 from "react";
+import * as react3 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: react20.NamedExoticComponent<DraggablePanelHeaderProps>;
+declare const DraggablePanelHeader: react3.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 react37 from "react";
+import * as react7 from "react";
 
 //#region src/DraggableSideNav/DraggableSideNav.d.ts
-declare const DraggableSideNav: react37.NamedExoticComponent<DraggableSideNavProps>;
+declare const DraggableSideNav: react7.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 react33 from "react";
+import * as react5 from "react";
 
 //#region src/Drawer/Drawer.d.ts
-declare const Drawer: react33.NamedExoticComponent<DrawerProps>;
+declare const Drawer: react5.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 react34 from "react";
+import * as react20 from "react";
 
 //#region src/Dropdown/Dropdown.d.ts
 
@@ -9,7 +9,7 @@ import * as react34 from "react";
  * @see https://ui.lobehub.com/components/context-menu
  * @see https://ui.lobehub.com/components/dropdown-menu
  */
-declare const Dropdown: react34.NamedExoticComponent<DropdownProps>;
+declare const Dropdown: react20.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 react30 from "react";
+import * as react21 from "react";
 
 //#region src/DropdownMenu/DropdownMenu.d.ts
-declare const DropdownMenu: react30.NamedExoticComponent<DropdownMenuProps<unknown>>;
+declare const DropdownMenu: react21.NamedExoticComponent<DropdownMenuProps<unknown>>;
 //#endregion
 export { DropdownMenu };
 //# sourceMappingURL=DropdownMenu.d.mts.map

package/es/DropdownMenu/DropdownMenu.mjs

@@ -2,14 +2,16 @@
 
 import { useNativeButton } from "../hooks/useNativeButton.mjs";
 import { DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuTrigger } from "./atoms.mjs";
+import { parseTrigger } from "../utils/parseTrigger.mjs";
 import { renderDropdownMenuItems } from "./renderItems.mjs";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react/menu";
 
 //#region src/DropdownMenu/DropdownMenu.tsx
-const DropdownMenu = memo(({ children, defaultOpen, items, nativeButton, onOpenChange, onOpenChangeComplete, open, placement = "bottomLeft", popupProps, portalProps, positionerProps, triggerProps, ...rest }) => {
+const DropdownMenu = memo(({ children, defaultOpen, items, nativeButton, onOpenChange, onOpenChangeComplete, open, placement = "bottomLeft", popupProps, portalProps, positionerProps, trigger = "click", triggerProps, ...rest }) => {
 	const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));
+	const { openOnHover } = useMemo(() => parseTrigger(trigger), [trigger]);
 	useEffect(() => {
 		if (open === void 0) return;
 		setUncontrolledOpen(open);
@@ -32,16 +34,16 @@ const DropdownMenu = memo(({ children, defaultOpen, items, nativeButton, onOpenC
 		onOpenChangeComplete?.(nextOpen);
 		if (!nextOpen) menuItemsRef.current = null;
 	}, [onOpenChangeComplete]);
-	const hoverTrigger = Boolean(triggerProps?.openOnHover);
 	const { container: portalContainer, ...restPortalProps } = portalProps ?? {};
 	const { resolvedNativeButton } = useNativeButton({
 		children,
 		nativeButton,
 		triggerNativeButton: triggerProps?.nativeButton
 	});
-	const trigger = /* @__PURE__ */ jsx(DropdownMenuTrigger, {
+	const triggerElement = /* @__PURE__ */ jsx(DropdownMenuTrigger, {
 		...triggerProps,
 		nativeButton: resolvedNativeButton,
+		openOnHover,
 		children
 	});
 	return /* @__PURE__ */ jsxs(Menu.Root, {
@@ -50,12 +52,12 @@ const DropdownMenu = memo(({ children, defaultOpen, items, nativeButton, onOpenC
 		onOpenChange: handleOpenChange,
 		onOpenChangeComplete: handleOpenChangeComplete,
 		open,
-		children: [trigger, /* @__PURE__ */ jsx(DropdownMenuPortal, {
+		children: [triggerElement, /* @__PURE__ */ jsx(DropdownMenuPortal, {
 			container: portalContainer,
 			...restPortalProps,
 			children: /* @__PURE__ */ jsx(DropdownMenuPositioner, {
 				...positionerProps,
-				hoverTrigger,
+				hoverTrigger: openOnHover,
 				placement,
 				children: /* @__PURE__ */ jsx(DropdownMenuPopup, {
 					...popupProps,

package/es/DropdownMenu/DropdownMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.mjs","names":[],"sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["'use client';\n\nimport { Menu } from '@base-ui/react/menu';\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useNativeButton } from '@/hooks/useNativeButton';\n\nimport {\n  DropdownMenuPopup,\n  DropdownMenuPortal,\n  DropdownMenuPositioner,\n  DropdownMenuTrigger,\n} from './atoms';\nimport { renderDropdownMenuItems } from './renderItems';\nimport type { DropdownMenuProps } from './type';\n\nconst DropdownMenu = memo<DropdownMenuProps>(\n  ({\n    children,\n    defaultOpen,\n\n    items,\n    nativeButton,\n    onOpenChange,\n    onOpenChangeComplete,\n    open,\n    placement = 'bottomLeft',\n    popupProps,\n    portalProps,\n    positionerProps,\n    triggerProps,\n    ...rest\n  }) => {\n    const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));\n\n    useEffect(() => {\n      if (open === undefined) return;\n      setUncontrolledOpen(open);\n    }, [open]);\n\n    const handleOpenChange = useCallback(\n      (nextOpen: boolean, details: Parameters<NonNullable<typeof onOpenChange>>[1]) => {\n        onOpenChange?.(nextOpen, details);\n        if (open === undefined) {\n          setUncontrolledOpen(nextOpen);\n        }\n      },\n      [onOpenChange, open],\n    );\n\n    const menuItemsRef = useRef<ReturnType<typeof renderDropdownMenuItems> | null>(null);\n    const isOpen = open ?? uncontrolledOpen;\n    const menuItems = useMemo(() => {\n      if (isOpen) {\n        const resolvedItems = typeof items === 'function' ? items() : items;\n        const renderedItems = renderDropdownMenuItems(resolvedItems);\n        menuItemsRef.current = renderedItems;\n        return renderedItems;\n      }\n      return menuItemsRef.current;\n    }, [isOpen, items]);\n    const handleOpenChangeComplete = useCallback(\n      (nextOpen: boolean) => {\n        onOpenChangeComplete?.(nextOpen);\n        if (!nextOpen) {\n          menuItemsRef.current = null;\n        }\n      },\n      [onOpenChangeComplete],\n    );\n    const hoverTrigger = Boolean((triggerProps as any)?.openOnHover);\n    const { container: portalContainer, ...restPortalProps } = (portalProps ?? {}) as any;\n\n    const { resolvedNativeButton } = useNativeButton({\n      children,\n      nativeButton,\n      triggerNativeButton: triggerProps?.nativeButton,\n    });\n\n    const trigger = (\n      <DropdownMenuTrigger {...triggerProps} nativeButton={resolvedNativeButton}>\n        {children}\n      </DropdownMenuTrigger>\n    );\n\n    return (\n      <Menu.Root\n        {...rest}\n        defaultOpen={defaultOpen}\n        onOpenChange={handleOpenChange}\n        onOpenChangeComplete={handleOpenChangeComplete}\n        open={open}\n      >\n        {trigger}\n        <DropdownMenuPortal container={portalContainer} {...restPortalProps}>\n          <DropdownMenuPositioner\n            {...positionerProps}\n            hoverTrigger={hoverTrigger}\n            placement={placement}\n          >\n            <DropdownMenuPopup {...popupProps}>{menuItems}</DropdownMenuPopup>\n          </DropdownMenuPositioner>\n        </DropdownMenuPortal>\n      </Menu.Root>\n    );\n  },\n);\n\nDropdownMenu.displayName = 'DropdownMenuV2';\n\nexport default DropdownMenu;\n"],"mappings":";;;;;;;;;;AAgBA,MAAM,eAAe,MAClB,EACC,UACA,aAEA,OACA,cACA,cACA,sBACA,MACA,YAAY,cACZ,YACA,aACA,iBACA,cACA,GAAG,WACC;CACJ,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,QAAQ,YAAY,CAAC;AAE9E,iBAAgB;AACd,MAAI,SAAS,OAAW;AACxB,sBAAoB,KAAK;IACxB,CAAC,KAAK,CAAC;CAEV,MAAM,mBAAmB,aACtB,UAAmB,YAA6D;AAC/E,iBAAe,UAAU,QAAQ;AACjC,MAAI,SAAS,OACX,qBAAoB,SAAS;IAGjC,CAAC,cAAc,KAAK,CACrB;CAED,MAAM,eAAe,OAA0D,KAAK;CACpF,MAAM,SAAS,QAAQ;CACvB,MAAM,YAAY,cAAc;AAC9B,MAAI,QAAQ;GAEV,MAAM,gBAAgB,wBADA,OAAO,UAAU,aAAa,OAAO,GAAG,MACF;AAC5D,gBAAa,UAAU;AACvB,UAAO;;AAET,SAAO,aAAa;IACnB,CAAC,QAAQ,MAAM,CAAC;CACnB,MAAM,2BAA2B,aAC9B,aAAsB;AACrB,yBAAuB,SAAS;AAChC,MAAI,CAAC,SACH,cAAa,UAAU;IAG3B,CAAC,qBAAqB,CACvB;CACD,MAAM,eAAe,QAAS,cAAsB,YAAY;CAChE,MAAM,EAAE,WAAW,iBAAiB,GAAG,oBAAqB,eAAe,EAAE;CAE7E,MAAM,EAAE,yBAAyB,gBAAgB;EAC/C;EACA;EACA,qBAAqB,cAAc;EACpC,CAAC;CAEF,MAAM,UACJ,oBAAC;EAAoB,GAAI;EAAc,cAAc;EAClD;GACmB;AAGxB,QACE,qBAAC,KAAK;EACJ,GAAI;EACS;EACb,cAAc;EACd,sBAAsB;EAChB;aAEL,SACD,oBAAC;GAAmB,WAAW;GAAiB,GAAI;aAClD,oBAAC;IACC,GAAI;IACU;IACH;cAEX,oBAAC;KAAkB,GAAI;eAAa;MAA8B;KAC3C;IACN;GACX;EAGjB;AAED,aAAa,cAAc;AAE3B,2BAAe"}
+{"version":3,"file":"DropdownMenu.mjs","names":[],"sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["'use client';\n\nimport { Menu } from '@base-ui/react/menu';\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useNativeButton } from '@/hooks/useNativeButton';\nimport { parseTrigger } from '@/utils/parseTrigger';\n\nimport {\n  DropdownMenuPopup,\n  DropdownMenuPortal,\n  DropdownMenuPositioner,\n  DropdownMenuTrigger,\n} from './atoms';\nimport { renderDropdownMenuItems } from './renderItems';\nimport type { DropdownMenuProps } from './type';\n\nconst DropdownMenu = memo<DropdownMenuProps>(\n  ({\n    children,\n    defaultOpen,\n\n    items,\n    nativeButton,\n    onOpenChange,\n    onOpenChangeComplete,\n    open,\n    placement = 'bottomLeft',\n    popupProps,\n    portalProps,\n    positionerProps,\n    trigger = 'click',\n    triggerProps,\n    ...rest\n  }) => {\n    const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));\n\n    const { openOnHover } = useMemo(() => parseTrigger(trigger), [trigger]);\n\n    useEffect(() => {\n      if (open === undefined) return;\n      setUncontrolledOpen(open);\n    }, [open]);\n\n    const handleOpenChange = useCallback(\n      (nextOpen: boolean, details: Parameters<NonNullable<typeof onOpenChange>>[1]) => {\n        onOpenChange?.(nextOpen, details);\n        if (open === undefined) {\n          setUncontrolledOpen(nextOpen);\n        }\n      },\n      [onOpenChange, open],\n    );\n\n    const menuItemsRef = useRef<ReturnType<typeof renderDropdownMenuItems> | null>(null);\n    const isOpen = open ?? uncontrolledOpen;\n    const menuItems = useMemo(() => {\n      if (isOpen) {\n        const resolvedItems = typeof items === 'function' ? items() : items;\n        const renderedItems = renderDropdownMenuItems(resolvedItems);\n        menuItemsRef.current = renderedItems;\n        return renderedItems;\n      }\n      return menuItemsRef.current;\n    }, [isOpen, items]);\n    const handleOpenChangeComplete = useCallback(\n      (nextOpen: boolean) => {\n        onOpenChangeComplete?.(nextOpen);\n        if (!nextOpen) {\n          menuItemsRef.current = null;\n        }\n      },\n      [onOpenChangeComplete],\n    );\n    const { container: portalContainer, ...restPortalProps } = (portalProps ?? {}) as any;\n\n    const { resolvedNativeButton } = useNativeButton({\n      children,\n      nativeButton,\n      triggerNativeButton: triggerProps?.nativeButton,\n    });\n\n    const triggerElement = (\n      <DropdownMenuTrigger\n        {...triggerProps}\n        nativeButton={resolvedNativeButton}\n        openOnHover={openOnHover}\n      >\n        {children}\n      </DropdownMenuTrigger>\n    );\n\n    return (\n      <Menu.Root\n        {...rest}\n        defaultOpen={defaultOpen}\n        onOpenChange={handleOpenChange}\n        onOpenChangeComplete={handleOpenChangeComplete}\n        open={open}\n      >\n        {triggerElement}\n        <DropdownMenuPortal container={portalContainer} {...restPortalProps}>\n          <DropdownMenuPositioner\n            {...positionerProps}\n            hoverTrigger={openOnHover}\n            placement={placement}\n          >\n            <DropdownMenuPopup {...popupProps}>{menuItems}</DropdownMenuPopup>\n          </DropdownMenuPositioner>\n        </DropdownMenuPortal>\n      </Menu.Root>\n    );\n  },\n);\n\nDropdownMenu.displayName = 'DropdownMenuV2';\n\nexport default DropdownMenu;\n"],"mappings":";;;;;;;;;;;AAiBA,MAAM,eAAe,MAClB,EACC,UACA,aAEA,OACA,cACA,cACA,sBACA,MACA,YAAY,cACZ,YACA,aACA,iBACA,UAAU,SACV,cACA,GAAG,WACC;CACJ,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,QAAQ,YAAY,CAAC;CAE9E,MAAM,EAAE,gBAAgB,cAAc,aAAa,QAAQ,EAAE,CAAC,QAAQ,CAAC;AAEvE,iBAAgB;AACd,MAAI,SAAS,OAAW;AACxB,sBAAoB,KAAK;IACxB,CAAC,KAAK,CAAC;CAEV,MAAM,mBAAmB,aACtB,UAAmB,YAA6D;AAC/E,iBAAe,UAAU,QAAQ;AACjC,MAAI,SAAS,OACX,qBAAoB,SAAS;IAGjC,CAAC,cAAc,KAAK,CACrB;CAED,MAAM,eAAe,OAA0D,KAAK;CACpF,MAAM,SAAS,QAAQ;CACvB,MAAM,YAAY,cAAc;AAC9B,MAAI,QAAQ;GAEV,MAAM,gBAAgB,wBADA,OAAO,UAAU,aAAa,OAAO,GAAG,MACF;AAC5D,gBAAa,UAAU;AACvB,UAAO;;AAET,SAAO,aAAa;IACnB,CAAC,QAAQ,MAAM,CAAC;CACnB,MAAM,2BAA2B,aAC9B,aAAsB;AACrB,yBAAuB,SAAS;AAChC,MAAI,CAAC,SACH,cAAa,UAAU;IAG3B,CAAC,qBAAqB,CACvB;CACD,MAAM,EAAE,WAAW,iBAAiB,GAAG,oBAAqB,eAAe,EAAE;CAE7E,MAAM,EAAE,yBAAyB,gBAAgB;EAC/C;EACA;EACA,qBAAqB,cAAc;EACpC,CAAC;CAEF,MAAM,iBACJ,oBAAC;EACC,GAAI;EACJ,cAAc;EACD;EAEZ;GACmB;AAGxB,QACE,qBAAC,KAAK;EACJ,GAAI;EACS;EACb,cAAc;EACd,sBAAsB;EAChB;aAEL,gBACD,oBAAC;GAAmB,WAAW;GAAiB,GAAI;aAClD,oBAAC;IACC,GAAI;IACJ,cAAc;IACH;cAEX,oBAAC;KAAkB,GAAI;eAAa;MAA8B;KAC3C;IACN;GACX;EAGjB;AAED,aAAa,cAAc;AAE3B,2BAAe"}

package/es/DropdownMenu/atoms.d.mts

@@ -1,18 +1,27 @@
 import { DropdownMenuPlacement } from "./type.mjs";
 import React from "react";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
-import * as _base_ui_react_menu0 from "@base-ui/react/menu";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Menu } from "@base-ui/react/menu";
+import * as _base_ui_react0 from "@base-ui/react";
 
 //#region src/DropdownMenu/atoms.d.ts
 declare const DROPDOWN_MENU_CONTAINER_ATTR = "data-lobe-ui-dropdown-menu-container";
 declare const DropdownMenuRoot: typeof Menu.Root;
 declare const DropdownMenuSubmenuRoot: typeof Menu.SubmenuRoot;
-declare const DropdownMenuCheckboxItemIndicator: React.ForwardRefExoticComponent<_base_ui_react_menu0.MenuCheckboxItemIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
-type DropdownMenuTriggerProps = Omit<React.ComponentProps<typeof Menu.Trigger>, 'children' | 'render'> & {
+declare const DropdownMenuCheckboxItemIndicator: React.ForwardRefExoticComponent<Omit<_base_ui_react0.ContextMenuCheckboxItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+type DropdownMenuTriggerProps = Omit<React.ComponentPropsWithRef<typeof Menu.Trigger>, 'children' | 'render'> & {
   children: React.ReactNode;
 };
-declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuTriggerProps, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const DropdownMenuTrigger: {
+  ({
+    children,
+    className,
+    nativeButton,
+    ref: refProp,
+    ...rest
+  }: DropdownMenuTriggerProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
 type DropdownMenuPortalProps = React.ComponentProps<typeof Menu.Portal> & {
   /**
    * When `container` is not provided, it uses a shared container created by `usePortalContainer`.
@@ -23,7 +32,7 @@ declare const DropdownMenuPortal: {
   ({
     container,
     ...rest
-  }: DropdownMenuPortalProps): react_jsx_runtime5.JSX.Element;
+  }: DropdownMenuPortalProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type DropdownMenuPositionerProps = React.ComponentProps<typeof Menu.Positioner> & {
@@ -39,7 +48,7 @@ declare const DropdownMenuPositioner: {
     side,
     sideOffset,
     ...rest
-  }: DropdownMenuPositionerProps): react_jsx_runtime5.JSX.Element;
+  }: DropdownMenuPositionerProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type DropdownMenuPopupProps = React.ComponentProps<typeof Menu.Popup>;
@@ -47,7 +56,7 @@ declare const DropdownMenuPopup: {
   ({
     className,
     ...rest
-  }: DropdownMenuPopupProps): react_jsx_runtime5.JSX.Element;
+  }: DropdownMenuPopupProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type DropdownMenuItemProps = React.ComponentProps<typeof Menu.Item> & {
@@ -58,7 +67,7 @@ declare const DropdownMenuItem: {
     className,
     danger,
     ...rest
-  }: DropdownMenuItemProps): react_jsx_runtime5.JSX.Element;
+  }: DropdownMenuItemProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type DropdownMenuCheckboxItemProps = React.ComponentProps<typeof Menu.CheckboxItem> & {
@@ -69,7 +78,7 @@ declare const DropdownMenuCheckboxItemPrimitive: {
     className,
     danger,
     ...rest
-  }: DropdownMenuCheckboxItemProps): react_jsx_runtime5.JSX.Element;
+  }: DropdownMenuCheckboxItemProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type DropdownMenuSeparatorProps = React.ComponentProps<typeof Menu.Separator>;
@@ -77,16 +86,16 @@ declare const DropdownMenuSeparator: {
   ({
     className,
     ...rest
-  }: DropdownMenuSeparatorProps): react_jsx_runtime5.JSX.Element;
+  }: DropdownMenuSeparatorProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
-declare const DropdownMenuGroup: React.ForwardRefExoticComponent<_base_ui_react_menu0.MenuGroupProps & React.RefAttributes<Element>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<Omit<_base_ui_react0.ContextMenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type DropdownMenuGroupLabelProps = React.ComponentProps<typeof Menu.GroupLabel>;
 declare const DropdownMenuGroupLabel: {
   ({
     className,
     ...rest
-  }: DropdownMenuGroupLabelProps): react_jsx_runtime5.JSX.Element;
+  }: DropdownMenuGroupLabelProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type DropdownMenuSubmenuTriggerProps = React.ComponentProps<typeof Menu.SubmenuTrigger> & {
@@ -97,7 +106,7 @@ declare const DropdownMenuSubmenuTrigger: {
     className,
     danger,
     ...rest
-  }: DropdownMenuSubmenuTriggerProps): react_jsx_runtime5.JSX.Element;
+  }: DropdownMenuSubmenuTriggerProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type DropdownMenuItemContentProps = React.HTMLAttributes<HTMLDivElement>;
@@ -105,7 +114,7 @@ declare const DropdownMenuItemContent: {
   ({
     className,
     ...rest
-  }: DropdownMenuItemContentProps): react_jsx_runtime5.JSX.Element;
+  }: DropdownMenuItemContentProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type DropdownMenuItemIconProps = React.HTMLAttributes<HTMLSpanElement>;
@@ -113,7 +122,7 @@ declare const DropdownMenuItemIcon: {
   ({
     className,
     ...rest
-  }: DropdownMenuItemIconProps): react_jsx_runtime5.JSX.Element;
+  }: DropdownMenuItemIconProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type DropdownMenuItemLabelProps = React.HTMLAttributes<HTMLSpanElement>;
@@ -121,7 +130,7 @@ declare const DropdownMenuItemLabel: {
   ({
     className,
     ...rest
-  }: DropdownMenuItemLabelProps): react_jsx_runtime5.JSX.Element;
+  }: DropdownMenuItemLabelProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type DropdownMenuItemExtraProps = React.HTMLAttributes<HTMLSpanElement>;
@@ -129,7 +138,7 @@ declare const DropdownMenuItemExtra: {
   ({
     className,
     ...rest
-  }: DropdownMenuItemExtraProps): react_jsx_runtime5.JSX.Element;
+  }: DropdownMenuItemExtraProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type DropdownMenuSubmenuArrowProps = React.HTMLAttributes<HTMLSpanElement>;
@@ -137,7 +146,7 @@ declare const DropdownMenuSubmenuArrow: {
   ({
     className,
     ...rest
-  }: DropdownMenuSubmenuArrowProps): react_jsx_runtime5.JSX.Element;
+  }: DropdownMenuSubmenuArrowProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type DropdownMenuSwitchItemProps = Omit<React.ComponentProps<typeof Menu.Item>, 'onClick'> & {
@@ -158,7 +167,7 @@ declare const DropdownMenuSwitchItem: {
     onCheckedChange,
     children,
     ...rest
-  }: DropdownMenuSwitchItemProps): react_jsx_runtime5.JSX.Element;
+  }: DropdownMenuSwitchItemProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 //#endregion

package/es/DropdownMenu/atoms.mjs

@@ -5,7 +5,7 @@ import { placementMap } from "../utils/placement.mjs";
 import { CLASSNAMES } from "../styles/classNames.mjs";
 import { styles } from "../Menu/sharedStyle.mjs";
 import { usePortalContainer } from "../hooks/usePortalContainer.mjs";
-import { cloneElement, forwardRef, isValidElement, useCallback, useState } from "react";
+import { cloneElement, isValidElement, useCallback, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Switch } from "antd";
 import { cx } from "antd-style";
@@ -23,7 +23,7 @@ const mergeStateClassName = (base, className) => {
 	if (typeof className === "function") return (state) => cx(base, className(state));
 	return cx(base, className);
 };
-const DropdownMenuTrigger = forwardRef(({ children, className, nativeButton, ...rest }, ref) => {
+const DropdownMenuTrigger = ({ children, className, nativeButton, ref: refProp, ...rest }) => {
 	const { isNativeButtonTriggerElement, resolvedNativeButton } = useNativeButton({
 		children,
 		nativeButton
@@ -41,7 +41,7 @@ const DropdownMenuTrigger = forwardRef(({ children, className, nativeButton, ...
 			ref: mergeRefs([
 				children.ref,
 				props.ref,
-				ref
+				refProp
 			])
 		});
 	};
@@ -54,10 +54,10 @@ const DropdownMenuTrigger = forwardRef(({ children, className, nativeButton, ...
 		...rest,
 		className: clsx(CLASSNAMES.DropdownMenuTrigger, className),
 		nativeButton: resolvedNativeButton,
-		ref,
+		ref: refProp,
 		children
 	});
-});
+};
 DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
 const DropdownMenuPortal = ({ container, ...rest }) => {
 	const defaultContainer = usePortalContainer(DROPDOWN_MENU_CONTAINER_ATTR);