@lobehub/ui 4.17.0 → 4.18.0

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

package/es/ContextMenu/ContextMenuHost.d.mts

@@ -1,8 +1,8 @@
-import * as react119 from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react118 from "react";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 
 //#region src/ContextMenu/ContextMenuHost.d.ts
-declare const ContextMenuHost: react119.MemoExoticComponent<() => react_jsx_runtime0.JSX.Element | null>;
+declare const ContextMenuHost: react118.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 react43 from "react";
+import * as react28 from "react";
 
 //#region src/CopyButton/CopyButton.d.ts
-declare const CopyButton: react43.NamedExoticComponent<CopyButtonProps>;
+declare const CopyButton: react28.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 react37 from "react";
+import * as react27 from "react";
 
 //#region src/DatePicker/DatePicker.d.ts
-declare const DatePicker: react37.NamedExoticComponent<DatePickerProps>;
+declare const DatePicker: react27.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 react54 from "react";
+import * as react26 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelBody.d.ts
 type DraggablePanelBodyProps = DivProps;
-declare const DraggablePanelBody: react54.NamedExoticComponent<DivProps>;
+declare const DraggablePanelBody: react26.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 react23 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelContainer.d.ts
 type DraggablePanelContainerProps = DivProps;
-declare const DraggablePanelContainer: react55.NamedExoticComponent<DivProps>;
+declare const DraggablePanelContainer: react23.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 react56 from "react";
+import * as react25 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelFooter.d.ts
 type DraggablePanelFooterProps = DivProps;
-declare const DraggablePanelFooter: react56.NamedExoticComponent<DivProps>;
+declare const DraggablePanelFooter: react25.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 react57 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: react57.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 react53 from "react";
+import * as react22 from "react";
 
 //#region src/DraggableSideNav/DraggableSideNav.d.ts
-declare const DraggableSideNav: react53.NamedExoticComponent<DraggableSideNavProps>;
+declare const DraggableSideNav: react22.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 react60 from "react";
+import * as react33 from "react";
 
 //#region src/Drawer/Drawer.d.ts
-declare const Drawer: react60.NamedExoticComponent<DrawerProps>;
+declare const Drawer: react33.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 react21 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: react21.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 react59 from "react";
+import * as react66 from "react";
 
 //#region src/DropdownMenu/DropdownMenu.d.ts
-declare const DropdownMenu: react59.NamedExoticComponent<DropdownMenuProps<unknown>>;
+declare const DropdownMenu: react66.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_runtime6 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_runtime6.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_runtime6.JSX.Element;
+  displayName: string;
+};
+type DropdownMenuPopupProps = React.ComponentProps<typeof Menu.Popup>;
+declare const DropdownMenuPopup: {
+  ({
+    className,
+    ...rest
+  }: DropdownMenuPopupProps): react_jsx_runtime6.JSX.Element;
+  displayName: string;
+};
+type DropdownMenuItemProps = React.ComponentProps<typeof Menu.Item> & {
+  danger?: boolean;
+};
+declare const DropdownMenuItem: {
+  ({
+    className,
+    danger,
+    ...rest
+  }: DropdownMenuItemProps): react_jsx_runtime6.JSX.Element;
+  displayName: string;
+};
+type DropdownMenuCheckboxItemProps = React.ComponentProps<typeof Menu.CheckboxItem> & {
+  danger?: boolean;
+};
+declare const DropdownMenuCheckboxItemPrimitive: {
+  ({
+    className,
+    danger,
+    ...rest
+  }: DropdownMenuCheckboxItemProps): react_jsx_runtime6.JSX.Element;
+  displayName: string;
+};
+type DropdownMenuSeparatorProps = React.ComponentProps<typeof Menu.Separator>;
+declare const DropdownMenuSeparator: {
+  ({
+    className,
+    ...rest
+  }: DropdownMenuSeparatorProps): react_jsx_runtime6.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_runtime6.JSX.Element;
+  displayName: string;
+};
+type DropdownMenuSubmenuTriggerProps = React.ComponentProps<typeof Menu.SubmenuTrigger> & {
+  danger?: boolean;
+};
+declare const DropdownMenuSubmenuTrigger: {
+  ({
+    className,
+    danger,
+    ...rest
+  }: DropdownMenuSubmenuTriggerProps): react_jsx_runtime6.JSX.Element;
+  displayName: string;
+};
+type DropdownMenuItemContentProps = React.HTMLAttributes<HTMLDivElement>;
+declare const DropdownMenuItemContent: {
+  ({
+    className,
+    ...rest
+  }: DropdownMenuItemContentProps): react_jsx_runtime6.JSX.Element;
+  displayName: string;
+};
+type DropdownMenuItemIconProps = React.HTMLAttributes<HTMLSpanElement>;
+declare const DropdownMenuItemIcon: {
+  ({
+    className,
+    ...rest
+  }: DropdownMenuItemIconProps): react_jsx_runtime6.JSX.Element;
+  displayName: string;
+};
+type DropdownMenuItemLabelProps = React.HTMLAttributes<HTMLSpanElement>;
+declare const DropdownMenuItemLabel: {
+  ({
+    className,
+    ...rest
+  }: DropdownMenuItemLabelProps): react_jsx_runtime6.JSX.Element;
+  displayName: string;
+};
+type DropdownMenuItemExtraProps = React.HTMLAttributes<HTMLSpanElement>;
+declare const DropdownMenuItemExtra: {
+  ({
+    className,
+    ...rest
+  }: DropdownMenuItemExtraProps): react_jsx_runtime6.JSX.Element;
+  displayName: string;
+};
+type DropdownMenuSubmenuArrowProps = React.HTMLAttributes<HTMLSpanElement>;
+declare const DropdownMenuSubmenuArrow: {
+  ({
+    className,
+    ...rest
+  }: DropdownMenuSubmenuArrowProps): react_jsx_runtime6.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 };