@hubstr/kit 0.1.5 → 0.1.6

package/ui/es/base-ui/ContextMenu/imperative.d.mts

@@ -0,0 +1,3 @@
+import { ContextMenuTrigger } from "./ContextMenuTrigger.mjs";
+import { ContextMenuHost } from "./ContextMenuHost.mjs";
+import { closeContextMenu, showContextMenu, updateContextMenuItems } from "./store.mjs";

package/ui/es/base-ui/ContextMenu/index.d.mts

@@ -0,0 +1,5 @@
+import { IconSpaceMode } from "../../Menu/renderUtils.mjs";
+import { ContextMenuCheckboxItem, ContextMenuItem, ContextMenuSwitchItem } from "./type.mjs";
+import { ContextMenuTrigger, ContextMenuTriggerProps } from "./ContextMenuTrigger.mjs";
+import { ContextMenuHost } from "./ContextMenuHost.mjs";
+import { ShowContextMenuOptions, closeContextMenu, showContextMenu, updateContextMenuItems } from "./store.mjs";

package/ui/es/base-ui/ContextMenu/renderItems.d.mts

@@ -0,0 +1,2 @@
+import { IconAlign, IconSpaceMode } from "../../Menu/renderUtils.mjs";
+import { ReactNode } from "react";

package/ui/es/base-ui/ContextMenu/renderItems.mjs

@@ -0,0 +1,259 @@
+import Icon from "../../Icon/Icon.mjs";
+import { preventDefaultAndStopPropagation } from "../../utils/dom.mjs";
+import Switch from "../Switch/Switch.mjs";
+import { styles } from "../DropdownMenu/sharedStyle.mjs";
+import { SubmenuArrowIcon } from "../SubmenuArrowIcon.mjs";
+import { getItemKey, getItemLabel, hasAnyIcon, hasCheckboxAndIcon, renderIcon } from "../../Menu/renderUtils.mjs";
+import common_default from "../../i18n/resources/en/common.mjs";
+import { useTranslation } from "../../i18n/useTranslation.mjs";
+import { memo, useCallback, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { Check } from "lucide-react";
+import { ContextMenu } from "@base-ui/react/context-menu";
+//#region src/base-ui/ContextMenu/renderItems.tsx
+const EmptyMenuItem = memo(() => {
+	const { t } = useTranslation(common_default);
+	return /* @__PURE__ */ jsx(ContextMenu.Item, {
+		disabled: true,
+		className: cx(styles.item, styles.empty),
+		children: /* @__PURE__ */ jsx("div", {
+			className: styles.itemContent,
+			children: /* @__PURE__ */ jsx("span", {
+				className: styles.label,
+				children: t("common.empty")
+			})
+		})
+	});
+});
+EmptyMenuItem.displayName = "EmptyMenuItem";
+const ContextMenuSwitchItemInternal = ({ checked: checkedProp, children, closeOnClick = false, danger, defaultChecked, disabled, label, onCheckedChange }) => {
+	const [internalChecked, setInternalChecked] = useState(defaultChecked ?? false);
+	const isControlled = checkedProp !== void 0;
+	const checked = isControlled ? checkedProp : internalChecked;
+	const handleCheckedChange = useCallback((newChecked) => {
+		if (!isControlled) setInternalChecked(newChecked);
+		onCheckedChange?.(newChecked);
+	}, [isControlled, onCheckedChange]);
+	return /* @__PURE__ */ jsxs(ContextMenu.Item, {
+		className: cx(styles.item, danger && styles.danger),
+		closeOnClick,
+		disabled,
+		label,
+		onClick: (e) => {
+			e.preventDefault();
+			if (!disabled) handleCheckedChange(!checked);
+		},
+		children: [children, /* @__PURE__ */ jsx("span", {
+			style: {
+				display: "inline-flex",
+				marginInlineStart: 16
+			},
+			onFocus: (e) => e.stopPropagation(),
+			children: /* @__PURE__ */ jsx(Switch, {
+				checked,
+				disabled,
+				size: "small",
+				tabIndex: -1,
+				onChange: handleCheckedChange,
+				onClick: (_, e) => e.stopPropagation()
+			})
+		})]
+	});
+};
+const renderItemContent = (item, options, iconNode) => {
+	const label = getItemLabel(item);
+	const desc = "desc" in item ? item.desc : void 0;
+	const extra = "extra" in item ? item.extra : void 0;
+	const indicatorOnRight = options?.indicatorOnRight;
+	const alignStart = Boolean(desc) && options?.iconAlign === "start";
+	const hasCustomIcon = iconNode !== void 0 && !indicatorOnRight;
+	const hasIcon = hasCustomIcon ? Boolean(iconNode) : Boolean(item.icon);
+	const shouldRenderIcon = hasCustomIcon ? Boolean(options?.reserveIconSpace || iconNode) : Boolean(hasIcon || options?.reserveIconSpace);
+	const labelNode = desc ? /* @__PURE__ */ jsxs("div", {
+		className: styles.labelGroup,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: styles.label,
+			children: label
+		}), /* @__PURE__ */ jsx("span", {
+			className: styles.desc,
+			children: desc
+		})]
+	}) : /* @__PURE__ */ jsx("span", {
+		className: styles.label,
+		children: label
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(styles.itemContent, alignStart && styles.itemContentAlignStart),
+		children: [
+			shouldRenderIcon ? /* @__PURE__ */ jsx("span", {
+				"aria-hidden": !hasIcon,
+				className: cx(styles.icon, alignStart && styles.iconAlignStart),
+				children: hasCustomIcon ? iconNode : hasIcon ? renderIcon(item.icon, "small") : null
+			}) : null,
+			labelNode,
+			extra ? /* @__PURE__ */ jsx("span", {
+				className: styles.extra,
+				children: extra
+			}) : null,
+			indicatorOnRight && iconNode ? iconNode : null,
+			options?.submenu ? /* @__PURE__ */ jsx("span", {
+				className: styles.submenuArrow,
+				children: /* @__PURE__ */ jsx(SubmenuArrowIcon, {})
+			}) : null
+		]
+	});
+};
+const invokeItemClick = (item, keyPath, event) => {
+	if (!item.onClick) return;
+	const key = item.key ?? keyPath.at(-1) ?? "";
+	const info = {
+		domEvent: event,
+		item: event.currentTarget,
+		key: String(key),
+		keyPath
+	};
+	item.onClick(info);
+};
+const renderContextMenuItems = (items, keyPath = [], options) => {
+	const iconAlign = options?.iconAlign;
+	const iconSpaceMode = options?.iconSpaceMode ?? "global";
+	const reserveIconSpace = options?.reserveIconSpace ?? hasAnyIcon(items, iconSpaceMode === "global");
+	const indicatorOnRight = options?.indicatorOnRight ?? hasCheckboxAndIcon(items);
+	return items.map((item, index) => {
+		if (!item) return null;
+		const itemKey = getItemKey(item, `${keyPath.join("-") || "root"}-${index}`);
+		const nextKeyPath = [...keyPath, String(itemKey)];
+		if (item.type === "checkbox") {
+			const checkboxItem = item;
+			const label = getItemLabel(checkboxItem);
+			const labelText = typeof label === "string" ? label : void 0;
+			const isDanger = Boolean(checkboxItem.danger);
+			const indicator = /* @__PURE__ */ jsx(ContextMenu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(Icon, {
+				icon: Check,
+				size: "small"
+			}) });
+			return /* @__PURE__ */ jsx(ContextMenu.CheckboxItem, {
+				checked: checkboxItem.checked,
+				className: cx(styles.item, isDanger && styles.danger),
+				closeOnClick: checkboxItem.closeOnClick,
+				defaultChecked: checkboxItem.defaultChecked,
+				disabled: checkboxItem.disabled,
+				label: labelText,
+				onCheckedChange: (checked) => checkboxItem.onCheckedChange?.(checked),
+				children: renderItemContent(checkboxItem, {
+					iconAlign,
+					indicatorOnRight,
+					reserveIconSpace
+				}, indicator)
+			}, itemKey);
+		}
+		if (item.type === "switch") {
+			const switchItem = item;
+			const label = getItemLabel(switchItem);
+			const labelText = typeof label === "string" ? label : void 0;
+			const isDanger = Boolean(switchItem.danger);
+			return /* @__PURE__ */ jsx(ContextMenuSwitchItemInternal, {
+				checked: switchItem.checked,
+				closeOnClick: switchItem.closeOnClick,
+				danger: isDanger,
+				defaultChecked: switchItem.defaultChecked,
+				disabled: switchItem.disabled,
+				label: labelText,
+				onCheckedChange: switchItem.onCheckedChange,
+				children: renderItemContent(switchItem, {
+					iconAlign,
+					reserveIconSpace
+				})
+			}, itemKey);
+		}
+		if (item.type === "divider") return /* @__PURE__ */ jsx(ContextMenu.Separator, { className: styles.separator }, itemKey);
+		if (item.type === "group") {
+			const group = item;
+			const groupReserveIconSpace = iconSpaceMode === "group" ? group.children ? hasAnyIcon(group.children) : false : reserveIconSpace;
+			const groupIndicatorOnRight = group.children ? hasCheckboxAndIcon(group.children) : false;
+			return /* @__PURE__ */ jsxs(ContextMenu.Group, { children: [group.label ? /* @__PURE__ */ jsx(ContextMenu.GroupLabel, {
+				className: styles.groupLabel,
+				children: group.label
+			}) : null, group.children ? renderContextMenuItems(group.children, nextKeyPath, {
+				iconAlign,
+				iconSpaceMode,
+				indicatorOnRight: groupIndicatorOnRight,
+				reserveIconSpace: groupReserveIconSpace
+			}) : null] }, itemKey);
+		}
+		if (item.type === "submenu" || "children" in item && item.children) {
+			const submenu = item;
+			const label = getItemLabel(submenu);
+			const labelText = typeof label === "string" ? label : void 0;
+			const isDanger = "danger" in submenu && Boolean(submenu.danger);
+			const submenuHasSlots = submenu.header != null || submenu.footer != null;
+			const submenuBody = submenu.children && submenu.children.length > 0 ? renderContextMenuItems(submenu.children, nextKeyPath, {
+				iconAlign,
+				iconSpaceMode
+			}) : /* @__PURE__ */ jsx(EmptyMenuItem, {});
+			return /* @__PURE__ */ jsxs(ContextMenu.SubmenuRoot, {
+				defaultOpen: submenu.defaultOpen,
+				open: submenu.open,
+				onOpenChange: submenu.onOpenChange,
+				children: [/* @__PURE__ */ jsx(ContextMenu.SubmenuTrigger, {
+					...submenu.triggerProps,
+					className: cx(styles.item, isDanger && styles.danger),
+					closeDelay: submenu.closeDelay,
+					delay: submenu.delay,
+					disabled: submenu.disabled,
+					label: labelText,
+					openOnHover: submenu.openOnHover,
+					onClick: submenu.onClick,
+					children: renderItemContent(submenu, {
+						iconAlign,
+						reserveIconSpace,
+						submenu: true
+					})
+				}), /* @__PURE__ */ jsx(ContextMenu.Portal, { children: /* @__PURE__ */ jsx(ContextMenu.Positioner, {
+					alignOffset: -4,
+					className: styles.positioner,
+					"data-submenu": "",
+					sideOffset: -1,
+					onContextMenu: preventDefaultAndStopPropagation,
+					children: /* @__PURE__ */ jsxs(ContextMenu.Popup, {
+						className: submenuHasSlots ? cx(styles.popup, styles.popupWithSlots) : styles.popup,
+						children: [
+							submenu.header == null ? null : /* @__PURE__ */ jsx("div", {
+								className: styles.header,
+								children: submenu.header
+							}),
+							submenuHasSlots ? /* @__PURE__ */ jsx("div", {
+								className: styles.slotViewport,
+								children: submenuBody
+							}) : submenuBody,
+							submenu.footer == null ? null : /* @__PURE__ */ jsx("div", {
+								className: styles.footer,
+								children: submenu.footer
+							})
+						]
+					})
+				}) })]
+			}, itemKey);
+		}
+		const menuItem = item;
+		const label = getItemLabel(menuItem);
+		const labelText = typeof label === "string" ? label : void 0;
+		const isDanger = "danger" in menuItem && Boolean(menuItem.danger);
+		return /* @__PURE__ */ jsx(ContextMenu.Item, {
+			className: cx(styles.item, isDanger && styles.danger),
+			closeOnClick: menuItem.closeOnClick,
+			disabled: menuItem.disabled,
+			label: labelText,
+			onClick: (event) => invokeItemClick(menuItem, nextKeyPath, event),
+			children: renderItemContent(menuItem, {
+				iconAlign,
+				reserveIconSpace
+			})
+		}, itemKey);
+	});
+};
+//#endregion
+export { renderContextMenuItems };
+
+//# sourceMappingURL=renderItems.mjs.map

package/ui/es/base-ui/ContextMenu/renderItems.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderItems.mjs","names":["common"],"sources":["../../../src/base-ui/ContextMenu/renderItems.tsx"],"sourcesContent":["import { ContextMenu } from '@base-ui/react/context-menu';\r\nimport { cx } from 'antd-style';\r\nimport { Check } from 'lucide-react';\r\nimport { type MenuInfo } from 'rc-menu/es/interface';\r\nimport {\r\n  type KeyboardEvent as ReactKeyboardEvent,\r\n  type MouseEvent as ReactMouseEvent,\r\n  type ReactNode,\r\n} from 'react';\r\nimport { memo, useCallback, useState } from 'react';\r\n\r\nimport { styles } from '../DropdownMenu/sharedStyle';\r\nimport { SubmenuArrowIcon } from '../SubmenuArrowIcon';\r\nimport Switch from '../Switch';\r\nimport common from '../../i18n/resources/en/common';\r\nimport { useTranslation } from '../../i18n/useTranslation';\r\nimport Icon from '../../Icon';\r\nimport {\r\n  type BaseMenuItemGroupType,\r\n  type BaseSubMenuType,\r\n  getItemKey,\r\n  getItemLabel,\r\n  hasAnyIcon,\r\n  hasCheckboxAndIcon,\r\n  type MenuDividerType,\r\n  type MenuItemType,\r\n  renderIcon,\r\n  type RenderItemContentOptions,\r\n  type RenderOptions,\r\n} from '../../Menu';\r\nimport { preventDefaultAndStopPropagation } from '../../utils/dom';\r\n\r\nimport {\r\n  type ContextMenuCheckboxItem,\r\n  type ContextMenuItem,\r\n  type ContextMenuSwitchItem,\r\n} from './type';\r\n\r\nexport type { IconAlign, IconSpaceMode } from '../../Menu';\r\n\r\nconst EmptyMenuItem = memo(() => {\r\n  const { t } = useTranslation(common);\r\n  return (\r\n    <ContextMenu.Item disabled className={cx(styles.item, styles.empty)}>\r\n      <div className={styles.itemContent}>\r\n        <span className={styles.label}>{t('common.empty')}</span>\r\n      </div>\r\n    </ContextMenu.Item>\r\n  );\r\n});\r\n\r\nEmptyMenuItem.displayName = 'EmptyMenuItem';\r\n\r\ninterface ContextMenuSwitchItemInternalProps {\r\n  checked?: boolean;\r\n  children: ReactNode;\r\n  closeOnClick?: boolean;\r\n  danger?: boolean;\r\n  defaultChecked?: boolean;\r\n  disabled?: boolean;\r\n  label?: string;\r\n  onCheckedChange?: (checked: boolean) => void;\r\n}\r\n\r\nconst ContextMenuSwitchItemInternal = ({\r\n  checked: checkedProp,\r\n  children,\r\n  closeOnClick = false,\r\n  danger,\r\n  defaultChecked,\r\n  disabled,\r\n  label,\r\n  onCheckedChange,\r\n}: ContextMenuSwitchItemInternalProps) => {\r\n  const [internalChecked, setInternalChecked] = useState(defaultChecked ?? false);\r\n  const isControlled = checkedProp !== undefined;\r\n  const checked = isControlled ? checkedProp : internalChecked;\r\n\r\n  const handleCheckedChange = useCallback(\r\n    (newChecked: boolean) => {\r\n      if (!isControlled) {\r\n        setInternalChecked(newChecked);\r\n      }\r\n      onCheckedChange?.(newChecked);\r\n    },\r\n    [isControlled, onCheckedChange],\r\n  );\r\n\r\n  return (\r\n    <ContextMenu.Item\r\n      className={cx(styles.item, danger && styles.danger)}\r\n      closeOnClick={closeOnClick}\r\n      disabled={disabled}\r\n      label={label}\r\n      onClick={(e) => {\r\n        e.preventDefault();\r\n        if (!disabled) {\r\n          handleCheckedChange(!checked);\r\n        }\r\n      }}\r\n    >\r\n      {children}\r\n      <span\r\n        style={{ display: 'inline-flex', marginInlineStart: 16 }}\r\n        onFocus={(e) => e.stopPropagation()}\r\n      >\r\n        <Switch\r\n          checked={checked}\r\n          disabled={disabled}\r\n          size=\"small\"\r\n          tabIndex={-1}\r\n          onChange={handleCheckedChange}\r\n          onClick={(_, e) => e.stopPropagation()}\r\n        />\r\n      </span>\r\n    </ContextMenu.Item>\r\n  );\r\n};\r\n\r\nconst renderItemContent = (\r\n  item: MenuItemType | BaseSubMenuType | ContextMenuCheckboxItem | ContextMenuSwitchItem,\r\n  options?: RenderItemContentOptions,\r\n  iconNode?: ReactNode,\r\n) => {\r\n  const label = getItemLabel(item);\r\n  const desc = 'desc' in item ? item.desc : undefined;\r\n  const extra = 'extra' in item ? item.extra : undefined;\r\n  const indicatorOnRight = options?.indicatorOnRight;\r\n  const alignStart = Boolean(desc) && options?.iconAlign === 'start';\r\n  const hasCustomIcon = iconNode !== undefined && !indicatorOnRight;\r\n  const hasIcon = hasCustomIcon ? Boolean(iconNode) : Boolean(item.icon);\r\n  const shouldRenderIcon = hasCustomIcon\r\n    ? Boolean(options?.reserveIconSpace || iconNode)\r\n    : Boolean(hasIcon || options?.reserveIconSpace);\r\n\r\n  const labelNode = desc ? (\r\n    <div className={styles.labelGroup}>\r\n      <span className={styles.label}>{label}</span>\r\n      <span className={styles.desc}>{desc}</span>\r\n    </div>\r\n  ) : (\r\n    <span className={styles.label}>{label}</span>\r\n  );\r\n\r\n  return (\r\n    <div className={cx(styles.itemContent, alignStart && styles.itemContentAlignStart)}>\r\n      {shouldRenderIcon ? (\r\n        <span\r\n          aria-hidden={!hasIcon}\r\n          className={cx(styles.icon, alignStart && styles.iconAlignStart)}\r\n        >\r\n          {hasCustomIcon ? iconNode : hasIcon ? renderIcon(item.icon, 'small') : null}\r\n        </span>\r\n      ) : null}\r\n      {labelNode}\r\n      {extra ? <span className={styles.extra}>{extra}</span> : null}\r\n      {indicatorOnRight && iconNode ? iconNode : null}\r\n      {options?.submenu ? (\r\n        <span className={styles.submenuArrow}>\r\n          <SubmenuArrowIcon />\r\n        </span>\r\n      ) : null}\r\n    </div>\r\n  );\r\n};\r\n\r\nconst invokeItemClick = (\r\n  item: MenuItemType,\r\n  keyPath: string[],\r\n  event: ReactMouseEvent<HTMLElement> | ReactKeyboardEvent<HTMLElement>,\r\n) => {\r\n  if (!item.onClick) return;\r\n  const key = item.key ?? keyPath.at(-1) ?? '';\r\n  const info: MenuInfo = {\r\n    domEvent: event,\r\n    item: event.currentTarget as MenuInfo['item'],\r\n    key: String(key),\r\n    keyPath,\r\n  };\r\n  item.onClick(info);\r\n};\r\n\r\nexport const renderContextMenuItems = (\r\n  items: ContextMenuItem[],\r\n  keyPath: string[] = [],\r\n  options?: RenderOptions,\r\n): ReactNode[] => {\r\n  const iconAlign = options?.iconAlign;\r\n  const iconSpaceMode = options?.iconSpaceMode ?? 'global';\r\n  const reserveIconSpace =\r\n    options?.reserveIconSpace ?? hasAnyIcon(items, iconSpaceMode === 'global');\r\n  const indicatorOnRight = options?.indicatorOnRight ?? hasCheckboxAndIcon(items);\r\n\r\n  return items.map((item, index) => {\r\n    if (!item) return null;\r\n\r\n    const fallbackKey = `${keyPath.join('-') || 'root'}-${index}`;\r\n    const itemKey = getItemKey(item, fallbackKey);\r\n    const nextKeyPath = [...keyPath, String(itemKey)];\r\n\r\n    if ((item as ContextMenuCheckboxItem).type === 'checkbox') {\r\n      const checkboxItem = item as ContextMenuCheckboxItem;\r\n      const label = getItemLabel(checkboxItem);\r\n      const labelText = typeof label === 'string' ? label : undefined;\r\n      const isDanger = Boolean(checkboxItem.danger);\r\n      const indicator = (\r\n        <ContextMenu.CheckboxItemIndicator>\r\n          <Icon icon={Check} size={'small'} />\r\n        </ContextMenu.CheckboxItemIndicator>\r\n      );\r\n\r\n      return (\r\n        <ContextMenu.CheckboxItem\r\n          checked={checkboxItem.checked}\r\n          className={cx(styles.item, isDanger && styles.danger)}\r\n          closeOnClick={checkboxItem.closeOnClick}\r\n          defaultChecked={checkboxItem.defaultChecked}\r\n          disabled={checkboxItem.disabled}\r\n          key={itemKey}\r\n          label={labelText}\r\n          onCheckedChange={(checked) => checkboxItem.onCheckedChange?.(checked)}\r\n        >\r\n          {renderItemContent(\r\n            checkboxItem,\r\n            { iconAlign, indicatorOnRight, reserveIconSpace },\r\n            indicator,\r\n          )}\r\n        </ContextMenu.CheckboxItem>\r\n      );\r\n    }\r\n\r\n    if ((item as ContextMenuSwitchItem).type === 'switch') {\r\n      const switchItem = item as ContextMenuSwitchItem;\r\n      const label = getItemLabel(switchItem);\r\n      const labelText = typeof label === 'string' ? label : undefined;\r\n      const isDanger = Boolean(switchItem.danger);\r\n\r\n      return (\r\n        <ContextMenuSwitchItemInternal\r\n          checked={switchItem.checked}\r\n          closeOnClick={switchItem.closeOnClick}\r\n          danger={isDanger}\r\n          defaultChecked={switchItem.defaultChecked}\r\n          disabled={switchItem.disabled}\r\n          key={itemKey}\r\n          label={labelText}\r\n          onCheckedChange={switchItem.onCheckedChange}\r\n        >\r\n          {renderItemContent(switchItem, { iconAlign, reserveIconSpace })}\r\n        </ContextMenuSwitchItemInternal>\r\n      );\r\n    }\r\n\r\n    if ((item as MenuDividerType).type === 'divider') {\r\n      return <ContextMenu.Separator className={styles.separator} key={itemKey} />;\r\n    }\r\n\r\n    if ((item as BaseMenuItemGroupType).type === 'group') {\r\n      const group = item as BaseMenuItemGroupType;\r\n      const groupReserveIconSpace =\r\n        iconSpaceMode === 'group'\r\n          ? group.children\r\n            ? hasAnyIcon(group.children)\r\n            : false\r\n          : reserveIconSpace;\r\n      const groupIndicatorOnRight = group.children ? hasCheckboxAndIcon(group.children) : false;\r\n      return (\r\n        <ContextMenu.Group key={itemKey}>\r\n          {group.label ? (\r\n            <ContextMenu.GroupLabel className={styles.groupLabel}>\r\n              {group.label}\r\n            </ContextMenu.GroupLabel>\r\n          ) : null}\r\n          {group.children\r\n            ? renderContextMenuItems(group.children, nextKeyPath, {\r\n                iconAlign,\r\n                iconSpaceMode,\r\n                indicatorOnRight: groupIndicatorOnRight,\r\n                reserveIconSpace: groupReserveIconSpace,\r\n              })\r\n            : null}\r\n        </ContextMenu.Group>\r\n      );\r\n    }\r\n\r\n    if (\r\n      (item as BaseSubMenuType).type === 'submenu' ||\r\n      ('children' in item && (item as BaseSubMenuType).children)\r\n    ) {\r\n      const submenu = item as BaseSubMenuType;\r\n      const label = getItemLabel(submenu);\r\n      const labelText = typeof label === 'string' ? label : undefined;\r\n      const isDanger = 'danger' in submenu && Boolean(submenu.danger);\r\n      const submenuHasSlots = submenu.header != null || submenu.footer != null;\r\n      const submenuBody =\r\n        submenu.children && submenu.children.length > 0 ? (\r\n          renderContextMenuItems(submenu.children, nextKeyPath, {\r\n            iconAlign,\r\n            iconSpaceMode,\r\n          })\r\n        ) : (\r\n          <EmptyMenuItem />\r\n        );\r\n\r\n      return (\r\n        <ContextMenu.SubmenuRoot\r\n          defaultOpen={submenu.defaultOpen}\r\n          key={itemKey}\r\n          open={submenu.open}\r\n          onOpenChange={submenu.onOpenChange}\r\n        >\r\n          <ContextMenu.SubmenuTrigger\r\n            {...submenu.triggerProps}\r\n            className={cx(styles.item, isDanger && styles.danger)}\r\n            closeDelay={submenu.closeDelay}\r\n            delay={submenu.delay}\r\n            disabled={submenu.disabled}\r\n            label={labelText}\r\n            openOnHover={submenu.openOnHover}\r\n            onClick={submenu.onClick}\r\n          >\r\n            {renderItemContent(submenu, {\r\n              iconAlign,\r\n              reserveIconSpace,\r\n              submenu: true,\r\n            })}\r\n          </ContextMenu.SubmenuTrigger>\r\n          <ContextMenu.Portal>\r\n            <ContextMenu.Positioner\r\n              alignOffset={-4}\r\n              className={styles.positioner}\r\n              data-submenu=\"\"\r\n              sideOffset={-1}\r\n              onContextMenu={preventDefaultAndStopPropagation}\r\n            >\r\n              <ContextMenu.Popup\r\n                className={submenuHasSlots ? cx(styles.popup, styles.popupWithSlots) : styles.popup}\r\n              >\r\n                {submenu.header == null ? null : (\r\n                  <div className={styles.header}>{submenu.header}</div>\r\n                )}\r\n                {submenuHasSlots ? (\r\n                  <div className={styles.slotViewport}>{submenuBody}</div>\r\n                ) : (\r\n                  submenuBody\r\n                )}\r\n                {submenu.footer == null ? null : (\r\n                  <div className={styles.footer}>{submenu.footer}</div>\r\n                )}\r\n              </ContextMenu.Popup>\r\n            </ContextMenu.Positioner>\r\n          </ContextMenu.Portal>\r\n        </ContextMenu.SubmenuRoot>\r\n      );\r\n    }\r\n\r\n    const menuItem = item as MenuItemType;\r\n    const label = getItemLabel(menuItem);\r\n    const labelText = typeof label === 'string' ? label : undefined;\r\n    const isDanger = 'danger' in menuItem && Boolean(menuItem.danger);\r\n\r\n    return (\r\n      <ContextMenu.Item\r\n        className={cx(styles.item, isDanger && styles.danger)}\r\n        closeOnClick={menuItem.closeOnClick}\r\n        disabled={menuItem.disabled}\r\n        key={itemKey}\r\n        label={labelText}\r\n        onClick={(event) => invokeItemClick(menuItem, nextKeyPath, event)}\r\n      >\r\n        {renderItemContent(menuItem, { iconAlign, reserveIconSpace })}\r\n      </ContextMenu.Item>\r\n    );\r\n  });\r\n};\r\n"],"mappings":"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"}

package/ui/es/base-ui/ContextMenu/store.d.mts

@@ -0,0 +1,20 @@
+import { IconAlign, IconSpaceMode } from "../../Menu/renderUtils.mjs";
+import { ContextMenuItem } from "./type.mjs";
+import { ReactNode } from "react";
+//#region src/base-ui/ContextMenu/store.d.ts
+interface ShowContextMenuOptions {
+  footer?: ReactNode;
+  header?: ReactNode;
+  iconAlign?: IconAlign;
+  iconSpaceMode?: IconSpaceMode;
+}
+declare const showContextMenu: (items: ContextMenuItem[], options?: ShowContextMenuOptions) => void;
+/**
+ * Update menu items while keeping current anchor/position.
+ * Useful for interactive menu items (e.g. checkbox) to avoid re-positioning.
+ */
+declare const updateContextMenuItems: (items: ContextMenuItem[]) => void;
+declare const closeContextMenu: () => void;
+//#endregion
+export { ShowContextMenuOptions, closeContextMenu, showContextMenu, updateContextMenuItems };
+//# sourceMappingURL=store.d.mts.map

package/ui/es/base-ui/ContextMenu/store.mjs

@@ -0,0 +1,96 @@
+//#region src/base-ui/ContextMenu/store.ts
+const emptyState = {
+	anchor: null,
+	iconSpaceMode: "global",
+	items: [],
+	open: false,
+	triggerId: null
+};
+let contextMenuState = emptyState;
+const listeners = /* @__PURE__ */ new Set();
+const lastPointer = {
+	ready: false,
+	triggerId: null,
+	x: 0,
+	y: 0
+};
+const notify = () => {
+	listeners.forEach((listener) => listener());
+};
+const subscribe = (listener) => {
+	listeners.add(listener);
+	return () => listeners.delete(listener);
+};
+const getSnapshot = () => contextMenuState;
+const getServerSnapshot = () => emptyState;
+const updateLastPointer = (event) => {
+	lastPointer.x = event.clientX;
+	lastPointer.y = event.clientY;
+	lastPointer.ready = true;
+	if (event.target instanceof Element) lastPointer.triggerId = event.target.closest("[data-contextmenu-trigger]")?.dataset.contextmenuTrigger ?? null;
+	else lastPointer.triggerId = null;
+};
+const createVirtualElement = (point) => ({
+	contextElement: typeof document === "undefined" ? void 0 : document.body,
+	getBoundingClientRect: () => ({
+		bottom: point.y,
+		height: 0,
+		left: point.x,
+		right: point.x,
+		toJSON: () => void 0,
+		top: point.y,
+		width: 0,
+		x: point.x,
+		y: point.y
+	})
+});
+const setContextMenuState = (next) => {
+	contextMenuState = {
+		...contextMenuState,
+		...next
+	};
+	notify();
+};
+const showContextMenu = (items, options) => {
+	if (typeof window === "undefined") return;
+	const fallbackPoint = {
+		x: window.innerWidth / 2,
+		y: window.innerHeight / 2
+	};
+	setContextMenuState({
+		anchor: createVirtualElement(lastPointer.ready ? {
+			x: lastPointer.x,
+			y: lastPointer.y
+		} : fallbackPoint),
+		footer: options?.footer,
+		header: options?.header,
+		iconAlign: options?.iconAlign,
+		iconSpaceMode: options?.iconSpaceMode ?? "global",
+		items,
+		open: true,
+		triggerId: lastPointer.triggerId ?? null
+	});
+};
+/**
+* Update menu items while keeping current anchor/position.
+* Useful for interactive menu items (e.g. checkbox) to avoid re-positioning.
+*/
+const updateContextMenuItems = (items) => {
+	if (typeof window === "undefined") return;
+	setContextMenuState({ items });
+};
+const closeContextMenu = () => {
+	setContextMenuState({
+		anchor: null,
+		footer: void 0,
+		header: void 0,
+		iconSpaceMode: "global",
+		items: [],
+		open: false,
+		triggerId: null
+	});
+};
+//#endregion
+export { closeContextMenu, getServerSnapshot, getSnapshot, setContextMenuState, showContextMenu, subscribe, updateContextMenuItems, updateLastPointer };
+
+//# sourceMappingURL=store.mjs.map

package/ui/es/base-ui/ContextMenu/store.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.mjs","names":[],"sources":["../../../src/base-ui/ContextMenu/store.ts"],"sourcesContent":["import type { VirtualElement } from '@floating-ui/react';\r\nimport type { ReactNode } from 'react';\r\n\r\nimport type { IconAlign } from '../../Menu';\r\n\r\nimport type { IconSpaceMode } from './renderItems';\r\nimport type { ContextMenuItem } from './type';\r\n\r\nexport type ContextMenuState = {\r\n  anchor: VirtualElement | null;\r\n  footer?: ReactNode;\r\n  header?: ReactNode;\r\n  iconAlign?: IconAlign;\r\n  iconSpaceMode: IconSpaceMode;\r\n  items: ContextMenuItem[];\r\n  open: boolean;\r\n  triggerId: string | null;\r\n};\r\n\r\nconst emptyState: ContextMenuState = {\r\n  anchor: null,\r\n  iconSpaceMode: 'global',\r\n  items: [],\r\n  open: false,\r\n  triggerId: null,\r\n};\r\n\r\nlet contextMenuState: ContextMenuState = emptyState;\r\nconst listeners = new Set<() => void>();\r\nconst lastPointer = { ready: false, triggerId: null as string | null, x: 0, y: 0 };\r\n\r\nconst notify = () => {\r\n  listeners.forEach((listener) => listener());\r\n};\r\n\r\nexport const subscribe = (listener: () => void) => {\r\n  listeners.add(listener);\r\n  return () => listeners.delete(listener);\r\n};\r\n\r\nexport const getSnapshot = () => contextMenuState;\r\nexport const getServerSnapshot = () => emptyState;\r\n\r\nexport const updateLastPointer = (event: MouseEvent | PointerEvent) => {\r\n  lastPointer.x = event.clientX;\r\n  lastPointer.y = event.clientY;\r\n  lastPointer.ready = true;\r\n  if (event.target instanceof Element) {\r\n    const trigger = event.target.closest<HTMLElement>('[data-contextmenu-trigger]');\r\n    lastPointer.triggerId = trigger?.dataset.contextmenuTrigger ?? null;\r\n  } else {\r\n    lastPointer.triggerId = null;\r\n  }\r\n};\r\n\r\nconst createVirtualElement = (point: { x: number; y: number }): VirtualElement => ({\r\n  contextElement: typeof document === 'undefined' ? undefined : document.body,\r\n  getBoundingClientRect: () =>\r\n    ({\r\n      bottom: point.y,\r\n      height: 0,\r\n      left: point.x,\r\n      right: point.x,\r\n      toJSON: () => undefined,\r\n      top: point.y,\r\n      width: 0,\r\n      x: point.x,\r\n      y: point.y,\r\n    }) as DOMRect,\r\n});\r\n\r\nexport const setContextMenuState = (next: Partial<ContextMenuState>) => {\r\n  contextMenuState = { ...contextMenuState, ...next };\r\n  notify();\r\n};\r\n\r\nexport interface ShowContextMenuOptions {\r\n  footer?: ReactNode;\r\n  header?: ReactNode;\r\n  iconAlign?: IconAlign;\r\n  iconSpaceMode?: IconSpaceMode;\r\n}\r\n\r\nexport const showContextMenu = (items: ContextMenuItem[], options?: ShowContextMenuOptions) => {\r\n  if (typeof window === 'undefined') return;\r\n\r\n  const fallbackPoint = { x: window.innerWidth / 2, y: window.innerHeight / 2 };\r\n  const point = lastPointer.ready ? { x: lastPointer.x, y: lastPointer.y } : fallbackPoint;\r\n\r\n  setContextMenuState({\r\n    anchor: createVirtualElement(point),\r\n    footer: options?.footer,\r\n    header: options?.header,\r\n    iconAlign: options?.iconAlign,\r\n    iconSpaceMode: options?.iconSpaceMode ?? 'global',\r\n    items,\r\n    open: true,\r\n    triggerId: lastPointer.triggerId ?? null,\r\n  });\r\n};\r\n\r\n/**\r\n * Update menu items while keeping current anchor/position.\r\n * Useful for interactive menu items (e.g. checkbox) to avoid re-positioning.\r\n */\r\nexport const updateContextMenuItems = (items: ContextMenuItem[]) => {\r\n  if (typeof window === 'undefined') return;\r\n  setContextMenuState({ items });\r\n};\r\n\r\nexport const closeContextMenu = () => {\r\n  setContextMenuState({\r\n    anchor: null,\r\n    footer: undefined,\r\n    header: undefined,\r\n    iconSpaceMode: 'global',\r\n    items: [],\r\n    open: false,\r\n    triggerId: null,\r\n  });\r\n};\r\n"],"mappings":";AAmBA,MAAM,aAA+B;CACnC,QAAQ;CACR,eAAe;CACf,OAAO,EAAE;CACT,MAAM;CACN,WAAW;CACZ;AAED,IAAI,mBAAqC;AACzC,MAAM,4BAAY,IAAI,KAAiB;AACvC,MAAM,cAAc;CAAE,OAAO;CAAO,WAAW;CAAuB,GAAG;CAAG,GAAG;CAAG;AAElF,MAAM,eAAe;AACnB,WAAU,SAAS,aAAa,UAAU,CAAC;;AAG7C,MAAa,aAAa,aAAyB;AACjD,WAAU,IAAI,SAAS;AACvB,cAAa,UAAU,OAAO,SAAS;;AAGzC,MAAa,oBAAoB;AACjC,MAAa,0BAA0B;AAEvC,MAAa,qBAAqB,UAAqC;AACrE,aAAY,IAAI,MAAM;AACtB,aAAY,IAAI,MAAM;AACtB,aAAY,QAAQ;AACpB,KAAI,MAAM,kBAAkB,QAE1B,aAAY,YADI,MAAM,OAAO,QAAqB,6BACnB,EAAE,QAAQ,sBAAsB;KAE/D,aAAY,YAAY;;AAI5B,MAAM,wBAAwB,WAAqD;CACjF,gBAAgB,OAAO,aAAa,cAAc,KAAA,IAAY,SAAS;CACvE,8BACG;EACC,QAAQ,MAAM;EACd,QAAQ;EACR,MAAM,MAAM;EACZ,OAAO,MAAM;EACb,cAAc,KAAA;EACd,KAAK,MAAM;EACX,OAAO;EACP,GAAG,MAAM;EACT,GAAG,MAAM;EACV;CACJ;AAED,MAAa,uBAAuB,SAAoC;AACtE,oBAAmB;EAAE,GAAG;EAAkB,GAAG;EAAM;AACnD,SAAQ;;AAUV,MAAa,mBAAmB,OAA0B,YAAqC;AAC7F,KAAI,OAAO,WAAW,YAAa;CAEnC,MAAM,gBAAgB;EAAE,GAAG,OAAO,aAAa;EAAG,GAAG,OAAO,cAAc;EAAG;AAG7E,qBAAoB;EAClB,QAAQ,qBAHI,YAAY,QAAQ;GAAE,GAAG,YAAY;GAAG,GAAG,YAAY;GAAG,GAAG,cAGtC;EACnC,QAAQ,SAAS;EACjB,QAAQ,SAAS;EACjB,WAAW,SAAS;EACpB,eAAe,SAAS,iBAAiB;EACzC;EACA,MAAM;EACN,WAAW,YAAY,aAAa;EACrC,CAAC;;;;;;AAOJ,MAAa,0BAA0B,UAA6B;AAClE,KAAI,OAAO,WAAW,YAAa;AACnC,qBAAoB,EAAE,OAAO,CAAC;;AAGhC,MAAa,yBAAyB;AACpC,qBAAoB;EAClB,QAAQ;EACR,QAAQ,KAAA;EACR,QAAQ,KAAA;EACR,eAAe;EACf,OAAO,EAAE;EACT,MAAM;EACN,WAAW;EACZ,CAAC"}

package/ui/es/base-ui/ContextMenu/type.d.mts

@@ -0,0 +1,10 @@
+import { MenuCheckboxItemType } from "../../Menu/checkboxItem.mjs";
+import { MenuSwitchItemType } from "../../Menu/switchItem.mjs";
+import { BaseMenuItemType } from "../../Menu/baseItem.mjs";
+//#region src/base-ui/ContextMenu/type.d.ts
+type ContextMenuCheckboxItem = MenuCheckboxItemType;
+type ContextMenuSwitchItem = MenuSwitchItemType;
+type ContextMenuItem = BaseMenuItemType;
+//#endregion
+export { ContextMenuCheckboxItem, ContextMenuItem, ContextMenuSwitchItem };
+//# sourceMappingURL=type.d.mts.map

package/ui/es/base-ui/DropdownMenu/DropdownMenu.d.mts

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

package/ui/es/base-ui/DropdownMenu/DropdownMenu.mjs

@@ -0,0 +1,92 @@
+"use client";
+import { useNativeButton } from "../../hooks/useNativeButton.mjs";
+import { styles } from "./sharedStyle.mjs";
+import { DropdownMenuFooter, DropdownMenuHeader, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuScrollViewport, DropdownMenuTrigger } from "./atoms.mjs";
+import { parseTrigger } from "../../utils/parseTrigger.mjs";
+import { renderDropdownMenuItems } from "./renderItems.mjs";
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { Menu } from "@base-ui/react/menu";
+//#region src/base-ui/DropdownMenu/DropdownMenu.tsx
+const DropdownMenu = memo(({ children, defaultOpen, footer, header, iconAlign, iconSpaceMode, items, nativeButton, onOpenChange, onOpenChangeComplete, open, placement = "bottomLeft", popupProps, portalProps, positionerProps, trigger = "click", triggerProps, ...rest }) => {
+	const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));
+	const { openOnHover } = useMemo(() => parseTrigger(trigger), [trigger]);
+	const resolvedOpenOnHover = triggerProps?.openOnHover ?? openOnHover;
+	useEffect(() => {
+		if (open === void 0) return;
+		setUncontrolledOpen(open);
+	}, [open]);
+	const handleOpenChange = useCallback((nextOpen, details) => {
+		onOpenChange?.(nextOpen, details);
+		if (open === void 0) setUncontrolledOpen(nextOpen);
+	}, [onOpenChange, open]);
+	const menuItemsRef = useRef(null);
+	const isOpen = open ?? uncontrolledOpen;
+	const menuItems = useMemo(() => {
+		if (isOpen) {
+			const renderedItems = renderDropdownMenuItems(typeof items === "function" ? items() : items, [], {
+				iconAlign,
+				iconSpaceMode
+			});
+			menuItemsRef.current = renderedItems;
+			return renderedItems;
+		}
+		return menuItemsRef.current;
+	}, [
+		isOpen,
+		items,
+		iconAlign,
+		iconSpaceMode
+	]);
+	const handleOpenChangeComplete = useCallback((nextOpen) => {
+		onOpenChangeComplete?.(nextOpen);
+		if (!nextOpen) menuItemsRef.current = null;
+	}, [onOpenChangeComplete]);
+	const { container: portalContainer, ...restPortalProps } = portalProps ?? {};
+	const { resolvedNativeButton } = useNativeButton({
+		children,
+		nativeButton,
+		triggerNativeButton: triggerProps?.nativeButton
+	});
+	const hasSlots = header != null || footer != null;
+	const triggerElement = /* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		...triggerProps,
+		nativeButton: resolvedNativeButton,
+		openOnHover: resolvedOpenOnHover,
+		children
+	});
+	return /* @__PURE__ */ jsxs(Menu.Root, {
+		...rest,
+		defaultOpen,
+		modal: false,
+		open,
+		onOpenChange: handleOpenChange,
+		onOpenChangeComplete: handleOpenChangeComplete,
+		children: [triggerElement, /* @__PURE__ */ jsx(DropdownMenuPortal, {
+			container: portalContainer,
+			...restPortalProps,
+			children: /* @__PURE__ */ jsx(DropdownMenuPositioner, {
+				...positionerProps,
+				hoverTrigger: resolvedOpenOnHover,
+				placement,
+				children: /* @__PURE__ */ jsxs(DropdownMenuPopup, {
+					...popupProps,
+					"data-has-footer": footer == null ? void 0 : "",
+					"data-has-header": header == null ? void 0 : "",
+					className: hasSlots ? cx(styles.popupWithSlots, popupProps?.className) : popupProps?.className,
+					children: [
+						header == null ? null : /* @__PURE__ */ jsx(DropdownMenuHeader, { children: header }),
+						hasSlots ? /* @__PURE__ */ jsx(DropdownMenuScrollViewport, { children: menuItems }) : menuItems,
+						footer == null ? null : /* @__PURE__ */ jsx(DropdownMenuFooter, { children: footer })
+					]
+				})
+			})
+		})]
+	});
+});
+DropdownMenu.displayName = "DropdownMenuV2";
+//#endregion
+export { DropdownMenu as default };
+
+//# sourceMappingURL=DropdownMenu.mjs.map

package/ui/es/base-ui/DropdownMenu/DropdownMenu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.mjs","names":[],"sources":["../../../src/base-ui/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Menu } from '@base-ui/react/menu';\r\nimport { cx } from 'antd-style';\r\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\r\n\r\nimport { useNativeButton } from '../../hooks/useNativeButton';\r\nimport { parseTrigger } from '../../utils/parseTrigger';\r\n\r\nimport {\r\n  DropdownMenuFooter,\r\n  DropdownMenuHeader,\r\n  DropdownMenuPopup,\r\n  DropdownMenuPortal,\r\n  DropdownMenuPositioner,\r\n  DropdownMenuScrollViewport,\r\n  DropdownMenuTrigger,\r\n} from './atoms';\r\nimport { renderDropdownMenuItems } from './renderItems';\r\nimport { styles } from './sharedStyle';\r\nimport type { DropdownMenuProps } from './type';\r\n\r\nconst DropdownMenu = memo<DropdownMenuProps>(\r\n  ({\r\n    children,\r\n    defaultOpen,\r\n    footer,\r\n    header,\r\n    iconAlign,\r\n    iconSpaceMode,\r\n    items,\r\n    nativeButton,\r\n    onOpenChange,\r\n    onOpenChangeComplete,\r\n    open,\r\n    placement = 'bottomLeft',\r\n    popupProps,\r\n    portalProps,\r\n    positionerProps,\r\n    trigger = 'click',\r\n    triggerProps,\r\n    ...rest\r\n  }) => {\r\n    const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));\r\n\r\n    const { openOnHover } = useMemo(() => parseTrigger(trigger), [trigger]);\r\n    const resolvedOpenOnHover = (triggerProps as any)?.openOnHover ?? openOnHover;\r\n\r\n    useEffect(() => {\r\n      if (open === undefined) return;\r\n      setUncontrolledOpen(open);\r\n    }, [open]);\r\n\r\n    const handleOpenChange = useCallback(\r\n      (nextOpen: boolean, details: Parameters<NonNullable<typeof onOpenChange>>[1]) => {\r\n        onOpenChange?.(nextOpen, details);\r\n        if (open === undefined) {\r\n          setUncontrolledOpen(nextOpen);\r\n        }\r\n      },\r\n      [onOpenChange, open],\r\n    );\r\n\r\n    const menuItemsRef = useRef<ReturnType<typeof renderDropdownMenuItems> | null>(null);\r\n    const isOpen = open ?? uncontrolledOpen;\r\n    const menuItems = useMemo(() => {\r\n      if (isOpen) {\r\n        const resolvedItems = typeof items === 'function' ? items() : items;\r\n        const renderedItems = renderDropdownMenuItems(resolvedItems, [], {\r\n          iconAlign,\r\n          iconSpaceMode,\r\n        });\r\n        menuItemsRef.current = renderedItems;\r\n        return renderedItems;\r\n      }\r\n      return menuItemsRef.current;\r\n    }, [isOpen, items, iconAlign, iconSpaceMode]);\r\n    const handleOpenChangeComplete = useCallback(\r\n      (nextOpen: boolean) => {\r\n        onOpenChangeComplete?.(nextOpen);\r\n        if (!nextOpen) {\r\n          menuItemsRef.current = null;\r\n        }\r\n      },\r\n      [onOpenChangeComplete],\r\n    );\r\n    const { container: portalContainer, ...restPortalProps } = (portalProps ?? {}) as any;\r\n\r\n    const { resolvedNativeButton } = useNativeButton({\r\n      children,\r\n      nativeButton,\r\n      triggerNativeButton: triggerProps?.nativeButton,\r\n    });\r\n\r\n    const hasSlots = header != null || footer != null;\r\n\r\n    const triggerElement = (\r\n      <DropdownMenuTrigger\r\n        {...triggerProps}\r\n        nativeButton={resolvedNativeButton}\r\n        openOnHover={resolvedOpenOnHover}\r\n      >\r\n        {children}\r\n      </DropdownMenuTrigger>\r\n    );\r\n\r\n    return (\r\n      <Menu.Root\r\n        {...rest}\r\n        defaultOpen={defaultOpen}\r\n        modal={false}\r\n        open={open}\r\n        onOpenChange={handleOpenChange}\r\n        onOpenChangeComplete={handleOpenChangeComplete}\r\n      >\r\n        {triggerElement}\r\n        <DropdownMenuPortal container={portalContainer} {...restPortalProps}>\r\n          <DropdownMenuPositioner\r\n            {...positionerProps}\r\n            hoverTrigger={resolvedOpenOnHover}\r\n            placement={placement}\r\n          >\r\n            <DropdownMenuPopup\r\n              {...popupProps}\r\n              data-has-footer={footer == null ? undefined : ''}\r\n              data-has-header={header == null ? undefined : ''}\r\n              className={\r\n                hasSlots\r\n                  ? (cx(styles.popupWithSlots, popupProps?.className as string) as any)\r\n                  : popupProps?.className\r\n              }\r\n            >\r\n              {header == null ? null : <DropdownMenuHeader>{header}</DropdownMenuHeader>}\r\n              {hasSlots ? (\r\n                <DropdownMenuScrollViewport>{menuItems}</DropdownMenuScrollViewport>\r\n              ) : (\r\n                menuItems\r\n              )}\r\n              {footer == null ? null : <DropdownMenuFooter>{footer}</DropdownMenuFooter>}\r\n            </DropdownMenuPopup>\r\n          </DropdownMenuPositioner>\r\n        </DropdownMenuPortal>\r\n      </Menu.Root>\r\n    );\r\n  },\r\n);\r\n\r\nDropdownMenu.displayName = 'DropdownMenuV2';\r\n\r\nexport default DropdownMenu;\r\n"],"mappings":";;;;;;;;;;;AAsBA,MAAM,eAAe,MAClB,EACC,UACA,aACA,QACA,QACA,WACA,eACA,OACA,cACA,cACA,sBACA,MACA,YAAY,cACZ,YACA,aACA,iBACA,UAAU,SACV,cACA,GAAG,WACC;CACJ,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,QAAQ,YAAY,CAAC;CAE9E,MAAM,EAAE,gBAAgB,cAAc,aAAa,QAAQ,EAAE,CAAC,QAAQ,CAAC;CACvE,MAAM,sBAAuB,cAAsB,eAAe;AAElE,iBAAgB;AACd,MAAI,SAAS,KAAA,EAAW;AACxB,sBAAoB,KAAK;IACxB,CAAC,KAAK,CAAC;CAEV,MAAM,mBAAmB,aACtB,UAAmB,YAA6D;AAC/E,iBAAe,UAAU,QAAQ;AACjC,MAAI,SAAS,KAAA,EACX,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,OACD,EAAE,EAAE;IAC/D;IACA;IACD,CAAC;AACF,gBAAa,UAAU;AACvB,UAAO;;AAET,SAAO,aAAa;IACnB;EAAC;EAAQ;EAAO;EAAW;EAAc,CAAC;CAC7C,MAAM,2BAA2B,aAC9B,aAAsB;AACrB,yBAAuB,SAAS;AAChC,MAAI,CAAC,SACH,cAAa,UAAU;IAG3B,CAAC,qBAAqB,CACvB;CACD,MAAM,EAAE,WAAW,iBAAiB,GAAG,oBAAqB,eAAe,EAAE;CAE7E,MAAM,EAAE,yBAAyB,gBAAgB;EAC/C;EACA;EACA,qBAAqB,cAAc;EACpC,CAAC;CAEF,MAAM,WAAW,UAAU,QAAQ,UAAU;CAE7C,MAAM,iBACJ,oBAAC,qBAAD;EACE,GAAI;EACJ,cAAc;EACd,aAAa;EAEZ;EACmB,CAAA;AAGxB,QACE,qBAAC,KAAK,MAAN;EACE,GAAI;EACS;EACb,OAAO;EACD;EACN,cAAc;EACd,sBAAsB;YANxB,CAQG,gBACD,oBAAC,oBAAD;GAAoB,WAAW;GAAiB,GAAI;aAClD,oBAAC,wBAAD;IACE,GAAI;IACJ,cAAc;IACH;cAEX,qBAAC,mBAAD;KACE,GAAI;KACJ,mBAAiB,UAAU,OAAO,KAAA,IAAY;KAC9C,mBAAiB,UAAU,OAAO,KAAA,IAAY;KAC9C,WACE,WACK,GAAG,OAAO,gBAAgB,YAAY,UAAoB,GAC3D,YAAY;eAPpB;MAUG,UAAU,OAAO,OAAO,oBAAC,oBAAD,EAAA,UAAqB,QAA4B,CAAA;MACzE,WACC,oBAAC,4BAAD,EAAA,UAA6B,WAAuC,CAAA,GAEpE;MAED,UAAU,OAAO,OAAO,oBAAC,oBAAD,EAAA,UAAqB,QAA4B,CAAA;MACxD;;IACG,CAAA;GACN,CAAA,CACX;;EAGjB;AAED,aAAa,cAAc"}