@lobehub/ui 4.17.1 → 4.18.1

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 react48 from "react";
+import * as react32 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: react48.NamedExoticComponent<ConfigProviderProps>;
+declare const ConfigProvider: react32.NamedExoticComponent<ConfigProviderProps>;
 type CdnFn = ({
   pkg,
   version,

package/es/ContextMenu/ContextMenuHost.d.mts

@@ -1,8 +1,8 @@
-import * as react113 from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react119 from "react";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 
 //#region src/ContextMenu/ContextMenuHost.d.ts
-declare const ContextMenuHost: react113.MemoExoticComponent<() => react_jsx_runtime0.JSX.Element | null>;
+declare const ContextMenuHost: react119.MemoExoticComponent<() => react_jsx_runtime19.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 react28 from "react";
+import * as react26 from "react";
 
 //#region src/CopyButton/CopyButton.d.ts
-declare const CopyButton: react28.NamedExoticComponent<CopyButtonProps>;
+declare const CopyButton: react26.NamedExoticComponent<CopyButtonProps>;
 //#endregion
 export { CopyButton };
 //# sourceMappingURL=CopyButton.d.mts.map

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

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

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

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react22 from "react";
+import * as react23 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelFooter.d.ts
 type DraggablePanelFooterProps = DivProps;
-declare const DraggablePanelFooter: react22.NamedExoticComponent<DivProps>;
+declare const DraggablePanelFooter: react23.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 react23 from "react";
+import * as react24 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: react23.NamedExoticComponent<DraggablePanelHeaderProps>;
+declare const DraggablePanelHeader: react24.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 react24 from "react";
+import * as react19 from "react";
 
 //#region src/DraggableSideNav/DraggableSideNav.d.ts
-declare const DraggableSideNav: react24.NamedExoticComponent<DraggableSideNavProps>;
+declare const DraggableSideNav: react19.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 react19 from "react";
+import * as react20 from "react";
 
 //#region src/Drawer/Drawer.d.ts
-declare const Drawer: react19.NamedExoticComponent<DrawerProps>;
+declare const Drawer: react20.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 react18 from "react";
+import * as react39 from "react";
 
 //#region src/Dropdown/Dropdown.d.ts
 
@@ -9,7 +9,7 @@ import * as react18 from "react";
  * @see https://ui.lobehub.com/components/context-menu
  * @see https://ui.lobehub.com/components/dropdown-menu
  */
-declare const Dropdown: react18.NamedExoticComponent<DropdownProps>;
+declare const Dropdown: react39.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 react17 from "react";
+import * as react0 from "react";
 
 //#region src/DropdownMenu/DropdownMenu.d.ts
-declare const DropdownMenu: react17.NamedExoticComponent<DropdownMenuProps<unknown>>;
+declare const DropdownMenu: react0.NamedExoticComponent<DropdownMenuProps<unknown>>;
 //#endregion
 export { DropdownMenu };
 //# sourceMappingURL=DropdownMenu.d.mts.map

package/es/DropdownMenu/DropdownMenu.mjs

@@ -1,20 +1,13 @@
 'use client';
 
 import { useNativeButton } from "../hooks/useNativeButton.mjs";
-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 { DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuTrigger } from "./atoms.mjs";
 import { renderDropdownMenuItems } from "./renderItems.mjs";
-import { cloneElement, isValidElement, memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
-import { mergeProps } from "@base-ui/react/merge-props";
 import { Menu } from "@base-ui/react/menu";
-import clsx from "clsx";
 
 //#region src/DropdownMenu/DropdownMenu.tsx
-const DROPDOWN_MENU_CONTAINER_ATTR = "data-lobe-ui-dropdown-menu-container";
 const DropdownMenu = memo(({ children, defaultOpen, items, nativeButton, onOpenChange, onOpenChangeComplete, open, placement = "bottomLeft", popupProps, portalProps, positionerProps, triggerProps, ...rest }) => {
 	const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));
 	useEffect(() => {
@@ -39,55 +32,33 @@ const DropdownMenu = memo(({ children, defaultOpen, items, nativeButton, onOpenC
 		onOpenChangeComplete?.(nextOpen);
 		if (!nextOpen) menuItemsRef.current = null;
 	}, [onOpenChangeComplete]);
-	const portalContainer = usePortalContainer(DROPDOWN_MENU_CONTAINER_ATTR);
-	const placementConfig = placementMap[placement];
 	const hoverTrigger = Boolean(triggerProps?.openOnHover);
-	const { isNativeButtonTriggerElement, resolvedNativeButton } = useNativeButton({
+	const { container: portalContainer, ...restPortalProps } = portalProps ?? {};
+	const { resolvedNativeButton } = useNativeButton({
 		children,
 		nativeButton,
 		triggerNativeButton: triggerProps?.nativeButton
 	});
-	const renderer = useCallback((props) => {
-		const resolvedProps = (() => {
-			if (isNativeButtonTriggerElement) return props;
-			const { type, ...restProps } = props;
-			return restProps;
-		})();
-		return cloneElement(children, mergeProps(children.props, resolvedProps));
-	}, [children, isNativeButtonTriggerElement]);
-	const trigger = isValidElement(children) ? /* @__PURE__ */ jsx(Menu.Trigger, {
+	const trigger = /* @__PURE__ */ jsx(DropdownMenuTrigger, {
 		...triggerProps,
-		className: clsx(CLASSNAMES.DropdownMenuTrigger, triggerProps?.className),
 		nativeButton: resolvedNativeButton,
-		render: renderer
-	}) : /* @__PURE__ */ jsx(Menu.Trigger, {
-		...triggerProps,
-		className: clsx(CLASSNAMES.DropdownMenuTrigger, triggerProps?.className),
 		children
 	});
-	const resolvedPositionerProps = {
-		...positionerProps,
-		align: positionerProps?.align ?? placementConfig?.align ?? "center",
-		side: positionerProps?.side ?? placementConfig?.side ?? "bottom",
-		sideOffset: positionerProps?.sideOffset ?? 6
-	};
 	return /* @__PURE__ */ jsxs(Menu.Root, {
 		...rest,
 		defaultOpen,
 		onOpenChange: handleOpenChange,
 		onOpenChangeComplete: handleOpenChangeComplete,
 		open,
-		children: [trigger, /* @__PURE__ */ jsx(Menu.Portal, {
-			container: portalProps?.container ?? portalContainer,
-			...portalProps,
-			children: /* @__PURE__ */ jsx(Menu.Positioner, {
-				...resolvedPositionerProps,
-				className: (state) => cx(styles.positioner, typeof positionerProps?.className === "function" ? positionerProps.className(state) : positionerProps?.className),
-				"data-hover-trigger": hoverTrigger || void 0,
-				"data-placement": placement,
-				children: /* @__PURE__ */ jsx(Menu.Popup, {
+		children: [trigger, /* @__PURE__ */ jsx(DropdownMenuPortal, {
+			container: portalContainer,
+			...restPortalProps,
+			children: /* @__PURE__ */ jsx(DropdownMenuPositioner, {
+				...positionerProps,
+				hoverTrigger,
+				placement,
+				children: /* @__PURE__ */ jsx(DropdownMenuPopup, {
 					...popupProps,
-					className: (state) => cx(styles.popup, typeof popupProps?.className === "function" ? popupProps.className(state) : popupProps?.className),
 					children: menuItems
 				})
 			})

package/es/DropdownMenu/DropdownMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.mjs","names":["renderer: ComponentRenderFn<HTMLProps<any>, MenuTriggerState>"],"sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["'use client';\n\nimport { Menu, type MenuTriggerState } from '@base-ui/react/menu';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport type { ComponentRenderFn, HTMLProps } from '@base-ui/react/utils/types';\nimport { cx } from 'antd-style';\nimport clsx from 'clsx';\nimport {\n  cloneElement,\n  isValidElement,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { styles } from '@/Menu/sharedStyle';\nimport { useNativeButton } from '@/hooks/useNativeButton';\nimport { usePortalContainer } from '@/hooks/usePortalContainer';\nimport { CLASSNAMES } from '@/styles/classNames';\nimport { placementMap } from '@/utils/placement';\n\nimport { renderDropdownMenuItems } from './renderItems';\nimport type { DropdownMenuProps } from './type';\n\nconst DROPDOWN_MENU_CONTAINER_ATTR = 'data-lobe-ui-dropdown-menu-container';\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 portalContainer = usePortalContainer(DROPDOWN_MENU_CONTAINER_ATTR);\n    const placementConfig = placementMap[placement];\n    const hoverTrigger = Boolean((triggerProps as any)?.openOnHover);\n\n    const { isNativeButtonTriggerElement, resolvedNativeButton } = useNativeButton({\n      children,\n      nativeButton,\n      triggerNativeButton: triggerProps?.nativeButton,\n    });\n\n    const renderer: ComponentRenderFn<HTMLProps<any>, MenuTriggerState> = useCallback(\n      (props) => {\n        // Base UI's trigger props include `type=\"button\"` by default.\n        // If we render into a non-<button> element, that prop is invalid and can warn.\n        const resolvedProps = (() => {\n          if (isNativeButtonTriggerElement) return props as any;\n          // eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n          const { type, ...restProps } = props as any;\n          return restProps;\n        })();\n\n        return cloneElement(children as any, mergeProps((children as any).props, resolvedProps));\n      },\n      [children, isNativeButtonTriggerElement],\n    );\n\n    const trigger = isValidElement(children) ? (\n      <Menu.Trigger\n        {...triggerProps}\n        className={clsx(CLASSNAMES.DropdownMenuTrigger, triggerProps?.className)}\n        nativeButton={resolvedNativeButton}\n        render={renderer}\n      />\n    ) : (\n      <Menu.Trigger\n        {...triggerProps}\n        className={clsx(CLASSNAMES.DropdownMenuTrigger, triggerProps?.className)}\n      >\n        {children}\n      </Menu.Trigger>\n    );\n\n    const resolvedPositionerProps = {\n      ...positionerProps,\n      align: positionerProps?.align ?? placementConfig?.align ?? 'center',\n      side: positionerProps?.side ?? placementConfig?.side ?? 'bottom',\n      sideOffset: positionerProps?.sideOffset ?? 6,\n    };\n    return (\n      <Menu.Root\n        {...rest}\n        defaultOpen={defaultOpen}\n        onOpenChange={handleOpenChange}\n        onOpenChangeComplete={handleOpenChangeComplete}\n        open={open}\n      >\n        {trigger}\n        <Menu.Portal container={portalProps?.container ?? portalContainer} {...portalProps}>\n          <Menu.Positioner\n            {...resolvedPositionerProps}\n            className={(state) =>\n              cx(\n                styles.positioner,\n                typeof positionerProps?.className === 'function'\n                  ? positionerProps.className(state)\n                  : positionerProps?.className,\n              )\n            }\n            data-hover-trigger={hoverTrigger || undefined}\n            data-placement={placement}\n          >\n            <Menu.Popup\n              {...popupProps}\n              className={(state) =>\n                cx(\n                  styles.popup,\n                  typeof popupProps?.className === 'function'\n                    ? popupProps.className(state)\n                    : popupProps?.className,\n                )\n              }\n            >\n              {menuItems}\n            </Menu.Popup>\n          </Menu.Positioner>\n        </Menu.Portal>\n      </Menu.Root>\n    );\n  },\n);\n\nDropdownMenu.displayName = 'DropdownMenuV2';\n\nexport default DropdownMenu;\n"],"mappings":";;;;;;;;;;;;;;;;AA2BA,MAAM,+BAA+B;AAErC,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,kBAAkB,mBAAmB,6BAA6B;CACxE,MAAM,kBAAkB,aAAa;CACrC,MAAM,eAAe,QAAS,cAAsB,YAAY;CAEhE,MAAM,EAAE,8BAA8B,yBAAyB,gBAAgB;EAC7E;EACA;EACA,qBAAqB,cAAc;EACpC,CAAC;CAEF,MAAMA,WAAgE,aACnE,UAAU;EAGT,MAAM,uBAAuB;AAC3B,OAAI,6BAA8B,QAAO;GAEzC,MAAM,EAAE,MAAM,GAAG,cAAc;AAC/B,UAAO;MACL;AAEJ,SAAO,aAAa,UAAiB,WAAY,SAAiB,OAAO,cAAc,CAAC;IAE1F,CAAC,UAAU,6BAA6B,CACzC;CAED,MAAM,UAAU,eAAe,SAAS,GACtC,oBAAC,KAAK;EACJ,GAAI;EACJ,WAAW,KAAK,WAAW,qBAAqB,cAAc,UAAU;EACxE,cAAc;EACd,QAAQ;GACR,GAEF,oBAAC,KAAK;EACJ,GAAI;EACJ,WAAW,KAAK,WAAW,qBAAqB,cAAc,UAAU;EAEvE;GACY;CAGjB,MAAM,0BAA0B;EAC9B,GAAG;EACH,OAAO,iBAAiB,SAAS,iBAAiB,SAAS;EAC3D,MAAM,iBAAiB,QAAQ,iBAAiB,QAAQ;EACxD,YAAY,iBAAiB,cAAc;EAC5C;AACD,QACE,qBAAC,KAAK;EACJ,GAAI;EACS;EACb,cAAc;EACd,sBAAsB;EAChB;aAEL,SACD,oBAAC,KAAK;GAAO,WAAW,aAAa,aAAa;GAAiB,GAAI;aACrE,oBAAC,KAAK;IACJ,GAAI;IACJ,YAAY,UACV,GACE,OAAO,YACP,OAAO,iBAAiB,cAAc,aAClC,gBAAgB,UAAU,MAAM,GAChC,iBAAiB,UACtB;IAEH,sBAAoB,gBAAgB;IACpC,kBAAgB;cAEhB,oBAAC,KAAK;KACJ,GAAI;KACJ,YAAY,UACV,GACE,OAAO,OACP,OAAO,YAAY,cAAc,aAC7B,WAAW,UAAU,MAAM,GAC3B,YAAY,UACjB;eAGF;MACU;KACG;IACN;GACJ;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';\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"}

package/es/DropdownMenu/atoms.d.mts

@@ -0,0 +1,145 @@
+import { DropdownMenuPlacement } from "./type.mjs";
+import React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _base_ui_react_menu0 from "@base-ui/react/menu";
+import { Menu } from "@base-ui/react/menu";
+
+//#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'> & {
+  children: React.ReactNode;
+};
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuTriggerProps, "ref"> & React.RefAttributes<HTMLElement>>;
+type DropdownMenuPortalProps = React.ComponentProps<typeof Menu.Portal> & {
+  /**
+   * When `container` is not provided, it uses a shared container created by `usePortalContainer`.
+   */
+  container?: HTMLElement | null;
+};
+declare const DropdownMenuPortal: {
+  ({
+    container,
+    ...rest
+  }: DropdownMenuPortalProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+type DropdownMenuPositionerProps = React.ComponentProps<typeof Menu.Positioner> & {
+  hoverTrigger?: boolean;
+  placement?: DropdownMenuPlacement;
+};
+declare const DropdownMenuPositioner: {
+  ({
+    className,
+    placement,
+    hoverTrigger,
+    align,
+    side,
+    sideOffset,
+    ...rest
+  }: DropdownMenuPositionerProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+type DropdownMenuPopupProps = React.ComponentProps<typeof Menu.Popup>;
+declare const DropdownMenuPopup: {
+  ({
+    className,
+    ...rest
+  }: DropdownMenuPopupProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+type DropdownMenuItemProps = React.ComponentProps<typeof Menu.Item> & {
+  danger?: boolean;
+};
+declare const DropdownMenuItem: {
+  ({
+    className,
+    danger,
+    ...rest
+  }: DropdownMenuItemProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+type DropdownMenuCheckboxItemProps = React.ComponentProps<typeof Menu.CheckboxItem> & {
+  danger?: boolean;
+};
+declare const DropdownMenuCheckboxItemPrimitive: {
+  ({
+    className,
+    danger,
+    ...rest
+  }: DropdownMenuCheckboxItemProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+type DropdownMenuSeparatorProps = React.ComponentProps<typeof Menu.Separator>;
+declare const DropdownMenuSeparator: {
+  ({
+    className,
+    ...rest
+  }: DropdownMenuSeparatorProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<_base_ui_react_menu0.MenuGroupProps & React.RefAttributes<Element>>;
+type DropdownMenuGroupLabelProps = React.ComponentProps<typeof Menu.GroupLabel>;
+declare const DropdownMenuGroupLabel: {
+  ({
+    className,
+    ...rest
+  }: DropdownMenuGroupLabelProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+type DropdownMenuSubmenuTriggerProps = React.ComponentProps<typeof Menu.SubmenuTrigger> & {
+  danger?: boolean;
+};
+declare const DropdownMenuSubmenuTrigger: {
+  ({
+    className,
+    danger,
+    ...rest
+  }: DropdownMenuSubmenuTriggerProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+type DropdownMenuItemContentProps = React.HTMLAttributes<HTMLDivElement>;
+declare const DropdownMenuItemContent: {
+  ({
+    className,
+    ...rest
+  }: DropdownMenuItemContentProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+type DropdownMenuItemIconProps = React.HTMLAttributes<HTMLSpanElement>;
+declare const DropdownMenuItemIcon: {
+  ({
+    className,
+    ...rest
+  }: DropdownMenuItemIconProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+type DropdownMenuItemLabelProps = React.HTMLAttributes<HTMLSpanElement>;
+declare const DropdownMenuItemLabel: {
+  ({
+    className,
+    ...rest
+  }: DropdownMenuItemLabelProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+type DropdownMenuItemExtraProps = React.HTMLAttributes<HTMLSpanElement>;
+declare const DropdownMenuItemExtra: {
+  ({
+    className,
+    ...rest
+  }: DropdownMenuItemExtraProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+type DropdownMenuSubmenuArrowProps = React.HTMLAttributes<HTMLSpanElement>;
+declare const DropdownMenuSubmenuArrow: {
+  ({
+    className,
+    ...rest
+  }: DropdownMenuSubmenuArrowProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { DROPDOWN_MENU_CONTAINER_ATTR, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuCheckboxItemProps, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuGroupLabelProps, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemContentProps, DropdownMenuItemExtra, DropdownMenuItemExtraProps, DropdownMenuItemIcon, DropdownMenuItemIconProps, DropdownMenuItemLabel, DropdownMenuItemLabelProps, DropdownMenuItemProps, DropdownMenuPopup, DropdownMenuPopupProps, DropdownMenuPortal, DropdownMenuPortalProps, DropdownMenuPositioner, DropdownMenuPositionerProps, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuSubmenuArrow, DropdownMenuSubmenuArrowProps, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuSubmenuTriggerProps, DropdownMenuTrigger, DropdownMenuTriggerProps };
+//# sourceMappingURL=atoms.d.mts.map

package/es/DropdownMenu/atoms.mjs

@@ -0,0 +1,163 @@
+'use client';
+
+import { useNativeButton } from "../hooks/useNativeButton.mjs";
+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 } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { mergeRefs } from "react-merge-refs";
+import { Menu } from "@base-ui/react/menu";
+import clsx from "clsx";
+
+//#region src/DropdownMenu/atoms.tsx
+const DROPDOWN_MENU_CONTAINER_ATTR = "data-lobe-ui-dropdown-menu-container";
+const DropdownMenuRoot = Menu.Root;
+const DropdownMenuSubmenuRoot = Menu.SubmenuRoot;
+const DropdownMenuCheckboxItemIndicator = Menu.CheckboxItemIndicator;
+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 { isNativeButtonTriggerElement, resolvedNativeButton } = useNativeButton({
+		children,
+		nativeButton
+	});
+	const renderer = (props) => {
+		const resolvedProps = (() => {
+			if (isNativeButtonTriggerElement) return props;
+			const { type, ...restProps } = props;
+			return restProps;
+		})();
+		const mergedProps = mergeProps(children.props, resolvedProps);
+		return cloneElement(children, {
+			...mergedProps,
+			className: clsx(CLASSNAMES.DropdownMenuTrigger, className, mergedProps.className),
+			ref: mergeRefs([
+				children.ref,
+				props.ref,
+				ref
+			])
+		});
+	};
+	if (isValidElement(children)) return /* @__PURE__ */ jsx(Menu.Trigger, {
+		...rest,
+		nativeButton: resolvedNativeButton,
+		render: renderer
+	});
+	return /* @__PURE__ */ jsx(Menu.Trigger, {
+		...rest,
+		className: clsx(CLASSNAMES.DropdownMenuTrigger, className),
+		nativeButton: resolvedNativeButton,
+		ref,
+		children
+	});
+});
+DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
+const DropdownMenuPortal = ({ container, ...rest }) => {
+	const defaultContainer = usePortalContainer(DROPDOWN_MENU_CONTAINER_ATTR);
+	return /* @__PURE__ */ jsx(Menu.Portal, {
+		container: container ?? defaultContainer,
+		...rest
+	});
+};
+DropdownMenuPortal.displayName = "DropdownMenuPortal";
+const DropdownMenuPositioner = ({ className, placement, hoverTrigger, align, side, sideOffset, ...rest }) => {
+	const placementConfig = placement ? placementMap[placement] : void 0;
+	return /* @__PURE__ */ jsx(Menu.Positioner, {
+		...rest,
+		align: align ?? placementConfig?.align,
+		className: mergeStateClassName(styles.positioner, className),
+		"data-hover-trigger": hoverTrigger || void 0,
+		"data-placement": placement,
+		side: side ?? placementConfig?.side,
+		sideOffset: sideOffset ?? (placementConfig ? 6 : void 0)
+	});
+};
+DropdownMenuPositioner.displayName = "DropdownMenuPositioner";
+const DropdownMenuPopup = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx(Menu.Popup, {
+		...rest,
+		className: mergeStateClassName(styles.popup, className)
+	});
+};
+DropdownMenuPopup.displayName = "DropdownMenuPopup";
+const DropdownMenuItem = ({ className, danger, ...rest }) => {
+	return /* @__PURE__ */ jsx(Menu.Item, {
+		...rest,
+		className: (state) => cx(styles.item, danger && styles.danger, typeof className === "function" ? className(state) : className)
+	});
+};
+DropdownMenuItem.displayName = "DropdownMenuItem";
+const DropdownMenuCheckboxItemPrimitive = ({ className, danger, ...rest }) => {
+	return /* @__PURE__ */ jsx(Menu.CheckboxItem, {
+		...rest,
+		className: (state) => cx(styles.item, danger && styles.danger, typeof className === "function" ? className(state) : className)
+	});
+};
+DropdownMenuCheckboxItemPrimitive.displayName = "DropdownMenuCheckboxItemPrimitive";
+const DropdownMenuSeparator = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx(Menu.Separator, {
+		...rest,
+		className: (state) => cx(styles.separator, typeof className === "function" ? className(state) : className)
+	});
+};
+DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
+const DropdownMenuGroup = Menu.Group;
+const DropdownMenuGroupLabel = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx(Menu.GroupLabel, {
+		...rest,
+		className: (state) => cx(styles.groupLabel, typeof className === "function" ? className(state) : className)
+	});
+};
+DropdownMenuGroupLabel.displayName = "DropdownMenuGroupLabel";
+const DropdownMenuSubmenuTrigger = ({ className, danger, ...rest }) => {
+	return /* @__PURE__ */ jsx(Menu.SubmenuTrigger, {
+		...rest,
+		className: (state) => cx(styles.item, danger && styles.danger, typeof className === "function" ? className(state) : className)
+	});
+};
+DropdownMenuSubmenuTrigger.displayName = "DropdownMenuSubmenuTrigger";
+const DropdownMenuItemContent = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		className: cx(styles.itemContent, className)
+	});
+};
+DropdownMenuItemContent.displayName = "DropdownMenuItemContent";
+const DropdownMenuItemIcon = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx("span", {
+		...rest,
+		className: cx(styles.icon, className)
+	});
+};
+DropdownMenuItemIcon.displayName = "DropdownMenuItemIcon";
+const DropdownMenuItemLabel = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx("span", {
+		...rest,
+		className: cx(styles.label, className)
+	});
+};
+DropdownMenuItemLabel.displayName = "DropdownMenuItemLabel";
+const DropdownMenuItemExtra = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx("span", {
+		...rest,
+		className: cx(styles.extra, className)
+	});
+};
+DropdownMenuItemExtra.displayName = "DropdownMenuItemExtra";
+const DropdownMenuSubmenuArrow = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx("span", {
+		...rest,
+		className: cx(styles.submenuArrow, className)
+	});
+};
+DropdownMenuSubmenuArrow.displayName = "DropdownMenuSubmenuArrow";
+
+//#endregion
+export { DROPDOWN_MENU_CONTAINER_ATTR, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuTrigger };
+//# sourceMappingURL=atoms.mjs.map

package/es/DropdownMenu/atoms.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"atoms.mjs","names":[],"sources":["../../src/DropdownMenu/atoms.tsx"],"sourcesContent":["'use client';\n\nimport { Menu } from '@base-ui/react/menu';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { cx } from 'antd-style';\nimport clsx from 'clsx';\nimport type React from 'react';\nimport { cloneElement, forwardRef, isValidElement } from 'react';\nimport { mergeRefs } from 'react-merge-refs';\n\nimport { styles } from '@/Menu/sharedStyle';\nimport { useNativeButton } from '@/hooks/useNativeButton';\nimport { usePortalContainer } from '@/hooks/usePortalContainer';\nimport { CLASSNAMES } from '@/styles/classNames';\nimport { placementMap } from '@/utils/placement';\n\nimport type { DropdownMenuPlacement } from './type';\n\nexport const DROPDOWN_MENU_CONTAINER_ATTR = 'data-lobe-ui-dropdown-menu-container';\n\nexport const DropdownMenuRoot = Menu.Root;\nexport const DropdownMenuSubmenuRoot = Menu.SubmenuRoot;\nexport const DropdownMenuCheckboxItemIndicator = Menu.CheckboxItemIndicator;\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 type DropdownMenuTriggerProps = Omit<\n  React.ComponentProps<typeof Menu.Trigger>,\n  'children' | 'render'\n> & {\n  children: React.ReactNode;\n};\n\nexport const DropdownMenuTrigger = forwardRef<HTMLElement, DropdownMenuTriggerProps>(\n  ({ children, className, nativeButton, ...rest }, ref) => {\n    const { isNativeButtonTriggerElement, resolvedNativeButton } = useNativeButton({\n      children,\n      nativeButton,\n    });\n\n    const renderer = (props: any) => {\n      // Base UI's trigger props include `type=\"button\"` by default.\n      // If we render into a non-<button> element, that prop is invalid and can warn.\n      const resolvedProps = (() => {\n        if (isNativeButtonTriggerElement) return props as any;\n        // eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n        const { type, ...restProps } = props as any;\n        return restProps;\n      })();\n\n      const mergedProps = mergeProps((children as any).props, resolvedProps);\n      return cloneElement(children as any, {\n        ...mergedProps,\n        className: clsx(CLASSNAMES.DropdownMenuTrigger, className, mergedProps.className),\n        ref: mergeRefs([(children as any).ref, (props as any).ref, ref]),\n      });\n    };\n\n    if (isValidElement(children)) {\n      return (\n        <Menu.Trigger {...rest} nativeButton={resolvedNativeButton} render={renderer as any} />\n      );\n    }\n\n    return (\n      <Menu.Trigger\n        {...rest}\n        className={clsx(CLASSNAMES.DropdownMenuTrigger, className)}\n        nativeButton={resolvedNativeButton}\n        ref={ref as any}\n      >\n        {children}\n      </Menu.Trigger>\n    );\n  },\n);\n\nDropdownMenuTrigger.displayName = 'DropdownMenuTrigger';\n\nexport type DropdownMenuPortalProps = React.ComponentProps<typeof Menu.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 DropdownMenuPortal = ({ container, ...rest }: DropdownMenuPortalProps) => {\n  const defaultContainer = usePortalContainer(DROPDOWN_MENU_CONTAINER_ATTR);\n  return <Menu.Portal container={container ?? defaultContainer} {...rest} />;\n};\n\nDropdownMenuPortal.displayName = 'DropdownMenuPortal';\n\nexport type DropdownMenuPositionerProps = React.ComponentProps<typeof Menu.Positioner> & {\n  hoverTrigger?: boolean;\n  placement?: DropdownMenuPlacement;\n};\n\nexport const DropdownMenuPositioner = ({\n  className,\n  placement,\n  hoverTrigger,\n  align,\n  side,\n  sideOffset,\n  ...rest\n}: DropdownMenuPositionerProps) => {\n  const placementConfig = placement ? placementMap[placement] : undefined;\n\n  return (\n    <Menu.Positioner\n      {...rest}\n      align={align ?? placementConfig?.align}\n      className={mergeStateClassName(styles.positioner, className as any) as any}\n      data-hover-trigger={hoverTrigger || undefined}\n      data-placement={placement}\n      side={side ?? placementConfig?.side}\n      sideOffset={sideOffset ?? (placementConfig ? 6 : undefined)}\n    />\n  );\n};\n\nDropdownMenuPositioner.displayName = 'DropdownMenuPositioner';\n\nexport type DropdownMenuPopupProps = React.ComponentProps<typeof Menu.Popup>;\n\nexport const DropdownMenuPopup = ({ className, ...rest }: DropdownMenuPopupProps) => {\n  return (\n    <Menu.Popup {...rest} className={mergeStateClassName(styles.popup, className as any) as any} />\n  );\n};\n\nDropdownMenuPopup.displayName = 'DropdownMenuPopup';\n\nexport type DropdownMenuItemProps = React.ComponentProps<typeof Menu.Item> & { danger?: boolean };\n\nexport const DropdownMenuItem = ({ className, danger, ...rest }: DropdownMenuItemProps) => {\n  return (\n    <Menu.Item\n      {...rest}\n      className={(state) =>\n        cx(\n          styles.item,\n          danger && styles.danger,\n          typeof className === 'function' ? className(state) : className,\n        )\n      }\n    />\n  );\n};\n\nDropdownMenuItem.displayName = 'DropdownMenuItem';\n\nexport type DropdownMenuCheckboxItemProps = React.ComponentProps<typeof Menu.CheckboxItem> & {\n  danger?: boolean;\n};\n\nexport const DropdownMenuCheckboxItemPrimitive = ({\n  className,\n  danger,\n  ...rest\n}: DropdownMenuCheckboxItemProps) => {\n  return (\n    <Menu.CheckboxItem\n      {...rest}\n      className={(state) =>\n        cx(\n          styles.item,\n          danger && styles.danger,\n          typeof className === 'function' ? className(state) : className,\n        )\n      }\n    />\n  );\n};\n\nDropdownMenuCheckboxItemPrimitive.displayName = 'DropdownMenuCheckboxItemPrimitive';\n\nexport type DropdownMenuSeparatorProps = React.ComponentProps<typeof Menu.Separator>;\n\nexport const DropdownMenuSeparator = ({ className, ...rest }: DropdownMenuSeparatorProps) => {\n  return (\n    <Menu.Separator\n      {...rest}\n      className={(state) =>\n        cx(styles.separator, typeof className === 'function' ? className(state) : className)\n      }\n    />\n  );\n};\n\nDropdownMenuSeparator.displayName = 'DropdownMenuSeparator';\n\nexport const DropdownMenuGroup = Menu.Group;\n\nexport type DropdownMenuGroupLabelProps = React.ComponentProps<typeof Menu.GroupLabel>;\n\nexport const DropdownMenuGroupLabel = ({ className, ...rest }: DropdownMenuGroupLabelProps) => {\n  return (\n    <Menu.GroupLabel\n      {...rest}\n      className={(state) =>\n        cx(styles.groupLabel, typeof className === 'function' ? className(state) : className)\n      }\n    />\n  );\n};\n\nDropdownMenuGroupLabel.displayName = 'DropdownMenuGroupLabel';\n\nexport type DropdownMenuSubmenuTriggerProps = React.ComponentProps<typeof Menu.SubmenuTrigger> & {\n  danger?: boolean;\n};\n\nexport const DropdownMenuSubmenuTrigger = ({\n  className,\n  danger,\n  ...rest\n}: DropdownMenuSubmenuTriggerProps) => {\n  return (\n    <Menu.SubmenuTrigger\n      {...rest}\n      className={(state) =>\n        cx(\n          styles.item,\n          danger && styles.danger,\n          typeof className === 'function' ? className(state) : className,\n        )\n      }\n    />\n  );\n};\n\nDropdownMenuSubmenuTrigger.displayName = 'DropdownMenuSubmenuTrigger';\n\nexport type DropdownMenuItemContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const DropdownMenuItemContent = ({ className, ...rest }: DropdownMenuItemContentProps) => {\n  return <div {...rest} className={cx(styles.itemContent, className)} />;\n};\n\nDropdownMenuItemContent.displayName = 'DropdownMenuItemContent';\n\nexport type DropdownMenuItemIconProps = React.HTMLAttributes<HTMLSpanElement>;\n\nexport const DropdownMenuItemIcon = ({ className, ...rest }: DropdownMenuItemIconProps) => {\n  return <span {...rest} className={cx(styles.icon, className)} />;\n};\n\nDropdownMenuItemIcon.displayName = 'DropdownMenuItemIcon';\n\nexport type DropdownMenuItemLabelProps = React.HTMLAttributes<HTMLSpanElement>;\n\nexport const DropdownMenuItemLabel = ({ className, ...rest }: DropdownMenuItemLabelProps) => {\n  return <span {...rest} className={cx(styles.label, className)} />;\n};\n\nDropdownMenuItemLabel.displayName = 'DropdownMenuItemLabel';\n\nexport type DropdownMenuItemExtraProps = React.HTMLAttributes<HTMLSpanElement>;\n\nexport const DropdownMenuItemExtra = ({ className, ...rest }: DropdownMenuItemExtraProps) => {\n  return <span {...rest} className={cx(styles.extra, className)} />;\n};\n\nDropdownMenuItemExtra.displayName = 'DropdownMenuItemExtra';\n\nexport type DropdownMenuSubmenuArrowProps = React.HTMLAttributes<HTMLSpanElement>;\n\nexport const DropdownMenuSubmenuArrow = ({ className, ...rest }: DropdownMenuSubmenuArrowProps) => {\n  return <span {...rest} className={cx(styles.submenuArrow, className)} />;\n};\n\nDropdownMenuSubmenuArrow.displayName = 'DropdownMenuSubmenuArrow';\n"],"mappings":"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"}

package/es/DropdownMenu/index.d.mts

@@ -1,3 +1,5 @@
 import { DropdownItem, DropdownMenuCheckboxItem, DropdownMenuPlacement, DropdownMenuProps } from "./type.mjs";
+import { DROPDOWN_MENU_CONTAINER_ATTR, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuCheckboxItemProps, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuGroupLabelProps, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemContentProps, DropdownMenuItemExtra, DropdownMenuItemExtraProps, DropdownMenuItemIcon, DropdownMenuItemIconProps, DropdownMenuItemLabel, DropdownMenuItemLabelProps, DropdownMenuItemProps, DropdownMenuPopup, DropdownMenuPopupProps, DropdownMenuPortal, DropdownMenuPortalProps, DropdownMenuPositioner, DropdownMenuPositionerProps, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuSubmenuArrow, DropdownMenuSubmenuArrowProps, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuSubmenuTriggerProps, DropdownMenuTrigger, DropdownMenuTriggerProps } from "./atoms.mjs";
 import { DropdownMenu } from "./DropdownMenu.mjs";
-export { type DropdownItem, type DropdownMenuCheckboxItem, type DropdownMenuPlacement, type DropdownMenuProps, DropdownMenu as default };
+import { renderDropdownMenuItems } from "./renderItems.mjs";
+export { DROPDOWN_MENU_CONTAINER_ATTR, type DropdownItem, type DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, type DropdownMenuCheckboxItemProps, DropdownMenuGroup, DropdownMenuGroupLabel, type DropdownMenuGroupLabelProps, DropdownMenuItem, DropdownMenuItemContent, type DropdownMenuItemContentProps, DropdownMenuItemExtra, type DropdownMenuItemExtraProps, DropdownMenuItemIcon, type DropdownMenuItemIconProps, DropdownMenuItemLabel, type DropdownMenuItemLabelProps, type DropdownMenuItemProps, type DropdownMenuPlacement, DropdownMenuPopup, type DropdownMenuPopupProps, DropdownMenuPortal, type DropdownMenuPortalProps, DropdownMenuPositioner, type DropdownMenuPositionerProps, type DropdownMenuProps, DropdownMenuRoot, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuSubmenuArrow, type DropdownMenuSubmenuArrowProps, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, type DropdownMenuSubmenuTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, DropdownMenu as default, renderDropdownMenuItems };

package/es/DropdownMenu/index.mjs

@@ -1,3 +1,5 @@
+import { DROPDOWN_MENU_CONTAINER_ATTR, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuTrigger } from "./atoms.mjs";
+import { renderDropdownMenuItems } from "./renderItems.mjs";
 import DropdownMenu_default from "./DropdownMenu.mjs";
 
-export { DropdownMenu_default as default };
+export { DROPDOWN_MENU_CONTAINER_ATTR, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuTrigger, DropdownMenu_default as default, renderDropdownMenuItems };

package/es/DropdownMenu/renderItems.d.mts

@@ -0,0 +1,10 @@
+import { DropdownItem } from "./type.mjs";
+import { ReactNode } from "react";
+
+//#region src/DropdownMenu/renderItems.d.ts
+declare const renderDropdownMenuItems: (items: DropdownItem[], keyPath?: string[], options?: {
+  reserveIconSpace?: boolean;
+}) => ReactNode[];
+//#endregion
+export { renderDropdownMenuItems };
+//# sourceMappingURL=renderItems.d.mts.map