@lobehub/ui 5.57.2 → 6.0.0-beta.1

package/es/ContextMenu/ContextMenuTrigger.mjs

@@ -0,0 +1,54 @@
+"use client";
+import { CLASSNAMES } from "../styles/classNames.mjs";
+import { getServerSnapshot, getSnapshot, showContextMenu, subscribe } from "./store.mjs";
+import React, { cloneElement, isValidElement, memo, useCallback, useId, useSyncExternalStore } from "react";
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { mergeProps } from "@base-ui/react/merge-props";
+//#region src/ContextMenu/ContextMenuTrigger.tsx
+const styles = { trigger: { display: "contents" } };
+const ContextMenuTrigger = memo(({ children, footer, header, items, listItemHeight, onContextMenu, virtual, ...rest }) => {
+	const triggerId = useId();
+	const state = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+	const open = state.open && state.triggerId === triggerId;
+	const handleContextMenu = useCallback((event) => {
+		if (items) {
+			event.preventDefault();
+			const resolvedItems = typeof items === "function" ? items() : items;
+			showContextMenu(resolvedItems, {
+				footer,
+				header,
+				listItemHeight,
+				virtual
+			});
+		}
+		onContextMenu?.(event);
+	}, [
+		items,
+		onContextMenu,
+		footer,
+		header,
+		listItemHeight,
+		virtual
+	]);
+	const triggerProps = {
+		...rest,
+		"aria-expanded": open || void 0,
+		"className": clsx(CLASSNAMES.ContextTrigger, rest.className),
+		"data-contextmenu-trigger": triggerId,
+		"data-popup-open": open ? "" : void 0,
+		"data-state": open ? "open" : void 0,
+		"onContextMenu": handleContextMenu
+	};
+	if (isValidElement(children) && React.Children.only(children)) return cloneElement(children, mergeProps(children.props, triggerProps));
+	return /* @__PURE__ */ jsx("span", {
+		style: styles.trigger,
+		...triggerProps,
+		children
+	});
+});
+ContextMenuTrigger.displayName = "ContextMenuTrigger";
+//#endregion
+export { ContextMenuTrigger };
+
+//# sourceMappingURL=ContextMenuTrigger.mjs.map

package/es/ContextMenu/ContextMenuTrigger.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuTrigger.mjs","names":[],"sources":["../../src/ContextMenu/ContextMenuTrigger.tsx"],"sourcesContent":["'use client';\n\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport clsx from 'clsx';\nimport React, {\n  cloneElement,\n  type HTMLAttributes,\n  isValidElement,\n  memo,\n  type MouseEvent,\n  type ReactNode,\n  useCallback,\n  useId,\n  useSyncExternalStore,\n} from 'react';\n\nimport type { VirtualListProps } from '@/internal/virtual';\nimport { CLASSNAMES } from '@/styles/classNames';\n\nimport { getServerSnapshot, getSnapshot, showContextMenu, subscribe } from './store';\nimport { type ContextMenuItem } from './type';\n\nexport type ContextMenuTriggerProps = Pick<VirtualListProps, 'virtual' | 'listItemHeight'> & {\n  children: ReactNode;\n  /**\n   * Footer slot pinned below the scrollable items area, with a divider border.\n   */\n  footer?: ReactNode;\n  /**\n   * Header slot pinned above the scrollable items area, with a divider border.\n   */\n  header?: ReactNode;\n  /**\n   * Menu items to display. Supports lazy rendering via function.\n   * When provided, context menu will be automatically shown on right-click.\n   */\n  items?: ContextMenuItem[] | (() => ContextMenuItem[]);\n  /**\n   * Custom context menu handler. If `items` is provided, this is optional.\n   */\n  onContextMenu?: (event: MouseEvent<HTMLElement>) => void;\n} & Omit<HTMLAttributes<HTMLElement>, 'onContextMenu' | 'children'>;\n\nconst styles = {\n  trigger: {\n    display: 'contents',\n  },\n};\n\nexport const ContextMenuTrigger = memo<ContextMenuTriggerProps>(\n  ({ children, footer, header, items, listItemHeight, onContextMenu, virtual, ...rest }) => {\n    const triggerId = useId();\n    const state = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n    const open = state.open && state.triggerId === triggerId;\n\n    const handleContextMenu = useCallback(\n      (event: MouseEvent<HTMLElement>) => {\n        if (items) {\n          event.preventDefault();\n          const resolvedItems = typeof items === 'function' ? items() : items;\n          showContextMenu(resolvedItems, { footer, header, listItemHeight, virtual });\n        }\n        onContextMenu?.(event);\n      },\n      [items, onContextMenu, footer, header, listItemHeight, virtual],\n    );\n\n    const triggerProps = {\n      ...rest,\n      'aria-expanded': open || undefined,\n      'className': clsx(CLASSNAMES.ContextTrigger, rest.className),\n      'data-contextmenu-trigger': triggerId,\n      'data-popup-open': open ? '' : undefined,\n      'data-state': open ? 'open' : undefined,\n      'onContextMenu': handleContextMenu,\n    };\n\n    if (isValidElement(children) && React.Children.only(children)) {\n      return cloneElement(children, mergeProps(children.props as any, triggerProps));\n    }\n\n    return (\n      <span style={styles.trigger} {...triggerProps}>\n        {children}\n      </span>\n    );\n  },\n);\n\nContextMenuTrigger.displayName = 'ContextMenuTrigger';\n"],"mappings":";;;;;;;;AA2CA,MAAM,SAAS,EACb,SAAS,EACP,SAAS,WACX,EACF;AAEA,MAAa,qBAAqB,MAC/B,EAAE,UAAU,QAAQ,QAAQ,OAAO,gBAAgB,eAAe,SAAS,GAAG,WAAW;CACxF,MAAM,YAAY,MAAM;CACxB,MAAM,QAAQ,qBAAqB,WAAW,aAAa,iBAAiB;CAC5E,MAAM,OAAO,MAAM,QAAQ,MAAM,cAAc;CAE/C,MAAM,oBAAoB,aACvB,UAAmC;EAClC,IAAI,OAAO;GACT,MAAM,eAAe;GACrB,MAAM,gBAAgB,OAAO,UAAU,aAAa,MAAM,IAAI;GAC9D,gBAAgB,eAAe;IAAE;IAAQ;IAAQ;IAAgB;GAAQ,CAAC;EAC5E;EACA,gBAAgB,KAAK;CACvB,GACA;EAAC;EAAO;EAAe;EAAQ;EAAQ;EAAgB;CAAO,CAChE;CAEA,MAAM,eAAe;EACnB,GAAG;EACH,iBAAiB,QAAQ,KAAA;EACzB,aAAa,KAAK,WAAW,gBAAgB,KAAK,SAAS;EAC3D,4BAA4B;EAC5B,mBAAmB,OAAO,KAAK,KAAA;EAC/B,cAAc,OAAO,SAAS,KAAA;EAC9B,iBAAiB;CACnB;CAEA,IAAI,eAAe,QAAQ,KAAK,MAAM,SAAS,KAAK,QAAQ,GAC1D,OAAO,aAAa,UAAU,WAAW,SAAS,OAAc,YAAY,CAAC;CAG/E,OACE,oBAAC,QAAD;EAAM,OAAO,OAAO;EAAS,GAAI;EAC9B;CACG,CAAA;AAEV,CACF;AAEA,mBAAmB,cAAc"}

package/es/ContextMenu/index.d.mts

@@ -1,7 +1,8 @@
-import { IconSpaceMode } from "../Menu/renderUtils.mjs";
-import { ContextMenuCheckboxItem, ContextMenuItem, ContextMenuSwitchItem } from "../base-ui/ContextMenu/type.mjs";
-import { ContextMenuTrigger, ContextMenuTriggerProps } from "../base-ui/ContextMenu/ContextMenuTrigger.mjs";
-import { ContextMenuHost } from "../base-ui/ContextMenu/ContextMenuHost.mjs";
-import { ContextMenuInterceptor, ShowContextMenuOptions, closeContextMenu, setContextMenuInterceptor, showContextMenu, updateContextMenuItems } from "../base-ui/ContextMenu/store.mjs";
-import "../base-ui/ContextMenu/index.mjs";
+import { IconSpaceMode } from "../internal/menu/renderUtils.mjs";
+import { ContextMenuCheckboxItem, ContextMenuItem, ContextMenuSwitchItem } from "./type.mjs";
+import { ContextMenuTrigger, ContextMenuTriggerProps } from "./ContextMenuTrigger.mjs";
+import { ContextMenuHost } from "./ContextMenuHost.mjs";
+import "./renderItems.mjs";
+import { ContextMenuInterceptor, ShowContextMenuOptions, closeContextMenu, setContextMenuInterceptor, showContextMenu, updateContextMenuItems } from "./store.mjs";
+import "./imperative.mjs";
 export { type ContextMenuCheckboxItem, ContextMenuHost, type ContextMenuInterceptor, type ContextMenuItem, type ContextMenuSwitchItem, ContextMenuTrigger, type ContextMenuTriggerProps, type IconSpaceMode, type ShowContextMenuOptions, closeContextMenu, setContextMenuInterceptor, showContextMenu, updateContextMenuItems };

package/es/ContextMenu/index.mjs

@@ -1,4 +1,4 @@
-import { closeContextMenu, setContextMenuInterceptor, showContextMenu, updateContextMenuItems } from "../base-ui/ContextMenu/store.mjs";
-import { ContextMenuHost } from "../base-ui/ContextMenu/ContextMenuHost.mjs";
-import { ContextMenuTrigger } from "../base-ui/ContextMenu/ContextMenuTrigger.mjs";
+import { closeContextMenu, setContextMenuInterceptor, showContextMenu, updateContextMenuItems } from "./store.mjs";
+import { ContextMenuHost } from "./ContextMenuHost.mjs";
+import { ContextMenuTrigger } from "./ContextMenuTrigger.mjs";
 export { ContextMenuHost, ContextMenuTrigger, closeContextMenu, setContextMenuInterceptor, showContextMenu, updateContextMenuItems };

package/es/ContextMenu/renderItems.d.mts

@@ -0,0 +1,4 @@
+import { IconAlign, IconSpaceMode } from "../internal/menu/renderUtils.mjs";
+import "./type.mjs";
+import { ReactNode } from "react";
+export type { IconSpaceMode };

package/es/ContextMenu/renderItems.mjs

@@ -0,0 +1,287 @@
+import Icon from "../Icon/Icon.mjs";
+import { getFloatingCollisionPadding } from "../internal/floating/collisionPadding.mjs";
+import Switch from "../Switch/Switch.mjs";
+import { useLayerZIndex } from "../internal/zIndex/useLayerZIndex.mjs";
+import { menuClassNames, menuStyles } from "../DropdownMenu/style.mjs";
+import { getItemKey, getItemLabel, hasAnyIcon, hasCheckboxAndIcon, renderIcon } from "../internal/menu/renderUtils.mjs";
+import { SubmenuArrowIcon } from "../internal/SubmenuArrowIcon.mjs";
+import common_default from "../i18n/resources/en/common.mjs";
+import { useTranslation } from "../i18n/useTranslation.mjs";
+import { styles } from "../DropdownMenu/sharedStyle.mjs";
+import { preventDefaultAndStopPropagation } from "../utils/dom.mjs";
+import { memo, useCallback, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import * as stylex from "@stylexjs/stylex";
+import { Check } from "lucide-react";
+import { ContextMenu } from "@base-ui/react/context-menu";
+//#region src/ContextMenu/renderItems.tsx
+/**
+* Submenu positioners are portaled outside the root menu, so they must allocate
+* their own layer z-index (same pattern as DropdownMenu) rather than relying on
+* the fixed CSS fallback that can fall behind after repeated root openings (#608).
+*/
+const ContextMenuSubmenuPositioner = memo(({ collisionPadding, style, ...rest }) => {
+	const explicitZIndex = typeof style !== "function" && style?.zIndex != null && typeof style.zIndex === "number" ? style.zIndex : void 0;
+	const { zIndex, ref: zRef } = useLayerZIndex("floating", explicitZIndex);
+	const resolvedStyle = typeof style === "function" ? (state) => ({
+		zIndex,
+		...style(state)
+	}) : {
+		zIndex,
+		...style
+	};
+	return /* @__PURE__ */ jsx(ContextMenu.Positioner, {
+		...rest,
+		collisionPadding: collisionPadding ?? getFloatingCollisionPadding(),
+		ref: zRef,
+		style: resolvedStyle
+	});
+});
+ContextMenuSubmenuPositioner.displayName = "ContextMenuSubmenuPositioner";
+const EmptyMenuItem = memo(() => {
+	const { t } = useTranslation(common_default);
+	return /* @__PURE__ */ jsx(ContextMenu.Item, {
+		disabled: true,
+		className: stylex.props(menuStyles.item, menuStyles.empty).className,
+		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: stylex.props(menuStyles.item, danger && menuStyles.danger).className,
+		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: stylex.props(menuStyles.itemContent, alignStart && menuStyles.itemContentAlignStart).className,
+		children: [
+			shouldRenderIcon ? /* @__PURE__ */ jsx("span", {
+				"aria-hidden": !hasIcon,
+				className: clsx(stylex.props(menuStyles.icon, alignStart && menuStyles.iconAlignStart).className, menuClassNames.icon),
+				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 fallbackKey = `${keyPath.join("-") || "root"}-${index}`;
+		const itemKey = getItemKey(item, fallbackKey);
+		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: stylex.props(menuStyles.item, isDanger && menuStyles.danger).className,
+				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: stylex.props(menuStyles.item, isDanger && menuStyles.danger).className,
+					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(ContextMenuSubmenuPositioner, {
+					alignOffset: -4,
+					className: styles.positioner,
+					"data-submenu": "",
+					sideOffset: -1,
+					onContextMenu: preventDefaultAndStopPropagation,
+					children: /* @__PURE__ */ jsxs(ContextMenu.Popup, {
+						className: clsx(stylex.props(menuStyles.popup, submenuHasSlots && menuStyles.popupWithSlots).className, menuClassNames.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: stylex.props(menuStyles.item, isDanger && menuStyles.danger).className,
+			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/es/ContextMenu/renderItems.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderItems.mjs","names":["common"],"sources":["../../src/ContextMenu/renderItems.tsx"],"sourcesContent":["import { ContextMenu } from '@base-ui/react/context-menu';\nimport * as stylex from '@stylexjs/stylex';\nimport clsx from 'clsx';\nimport { Check } from 'lucide-react';\nimport {\n  type ComponentProps,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n  type ReactNode,\n} from 'react';\nimport { memo, useCallback, useState } from 'react';\n\nimport { menuClassNames, menuStyles, styles } from '@/DropdownMenu/sharedStyle';\nimport common from '@/i18n/resources/en/common';\nimport { useTranslation } from '@/i18n/useTranslation';\nimport Icon from '@/Icon';\nimport { getFloatingCollisionPadding } from '@/internal/floating';\nimport type { BaseMenuItemGroupType, BaseSubMenuType } from '@/internal/menu/baseItem';\nimport {\n  getItemKey,\n  getItemLabel,\n  hasAnyIcon,\n  hasCheckboxAndIcon,\n  renderIcon,\n  type RenderItemContentOptions,\n  type RenderOptions,\n} from '@/internal/menu/renderUtils';\nimport type { MenuDividerType, MenuInfo, MenuItemType } from '@/internal/menu/type';\nimport { SubmenuArrowIcon } from '@/internal/SubmenuArrowIcon';\nimport Switch from '@/Switch';\nimport { preventDefaultAndStopPropagation } from '@/utils/dom';\n\nimport { useLayerZIndex } from '../internal/zIndex';\nimport {\n  type ContextMenuCheckboxItem,\n  type ContextMenuItem,\n  type ContextMenuSwitchItem,\n} from './type';\n\ntype ContextMenuPositionerProps = ComponentProps<typeof ContextMenu.Positioner>;\n\n/**\n * Submenu positioners are portaled outside the root menu, so they must allocate\n * their own layer z-index (same pattern as DropdownMenu) rather than relying on\n * the fixed CSS fallback that can fall behind after repeated root openings (#608).\n */\nconst ContextMenuSubmenuPositioner = memo(\n  ({ collisionPadding, style, ...rest }: ContextMenuPositionerProps) => {\n    const explicitZIndex =\n      typeof style !== 'function' && style?.zIndex != null && typeof style.zIndex === 'number'\n        ? style.zIndex\n        : undefined;\n    const { zIndex, ref: zRef } = useLayerZIndex<HTMLDivElement>('floating', explicitZIndex);\n\n    const resolvedStyle =\n      typeof style === 'function'\n        ? (state: any) => ({ zIndex, ...style(state) })\n        : { zIndex, ...style };\n\n    return (\n      <ContextMenu.Positioner\n        {...rest}\n        collisionPadding={collisionPadding ?? getFloatingCollisionPadding()}\n        ref={zRef as any}\n        style={resolvedStyle}\n      />\n    );\n  },\n);\n\nContextMenuSubmenuPositioner.displayName = 'ContextMenuSubmenuPositioner';\n\nexport type { IconAlign, IconSpaceMode } from '@/internal/menu/renderUtils';\n\nconst EmptyMenuItem = memo(() => {\n  const { t } = useTranslation(common);\n  return (\n    <ContextMenu.Item\n      disabled\n      className={stylex.props(menuStyles.item, menuStyles.empty).className}\n    >\n      <div className={styles.itemContent}>\n        <span className={styles.label}>{t('common.empty')}</span>\n      </div>\n    </ContextMenu.Item>\n  );\n});\n\nEmptyMenuItem.displayName = 'EmptyMenuItem';\n\ninterface ContextMenuSwitchItemInternalProps {\n  checked?: boolean;\n  children: ReactNode;\n  closeOnClick?: boolean;\n  danger?: boolean;\n  defaultChecked?: boolean;\n  disabled?: boolean;\n  label?: string;\n  onCheckedChange?: (checked: boolean) => void;\n}\n\nconst ContextMenuSwitchItemInternal = ({\n  checked: checkedProp,\n  children,\n  closeOnClick = false,\n  danger,\n  defaultChecked,\n  disabled,\n  label,\n  onCheckedChange,\n}: ContextMenuSwitchItemInternalProps) => {\n  const [internalChecked, setInternalChecked] = useState(defaultChecked ?? false);\n  const isControlled = checkedProp !== undefined;\n  const checked = isControlled ? checkedProp : internalChecked;\n\n  const handleCheckedChange = useCallback(\n    (newChecked: boolean) => {\n      if (!isControlled) {\n        setInternalChecked(newChecked);\n      }\n      onCheckedChange?.(newChecked);\n    },\n    [isControlled, onCheckedChange],\n  );\n\n  return (\n    <ContextMenu.Item\n      className={stylex.props(menuStyles.item, danger && menuStyles.danger).className}\n      closeOnClick={closeOnClick}\n      disabled={disabled}\n      label={label}\n      onClick={(e) => {\n        e.preventDefault();\n        if (!disabled) {\n          handleCheckedChange(!checked);\n        }\n      }}\n    >\n      {children}\n      <span\n        style={{ display: 'inline-flex', marginInlineStart: 16 }}\n        onFocus={(e) => e.stopPropagation()}\n      >\n        <Switch\n          checked={checked}\n          disabled={disabled}\n          size=\"small\"\n          tabIndex={-1}\n          onChange={handleCheckedChange}\n          onClick={(_, e) => e.stopPropagation()}\n        />\n      </span>\n    </ContextMenu.Item>\n  );\n};\n\nconst renderItemContent = (\n  item: MenuItemType | BaseSubMenuType | ContextMenuCheckboxItem | ContextMenuSwitchItem,\n  options?: RenderItemContentOptions,\n  iconNode?: ReactNode,\n) => {\n  const label = getItemLabel(item);\n  const desc = 'desc' in item ? item.desc : undefined;\n  const extra = 'extra' in item ? item.extra : undefined;\n  const indicatorOnRight = options?.indicatorOnRight;\n  const alignStart = Boolean(desc) && options?.iconAlign === 'start';\n  const hasCustomIcon = iconNode !== undefined && !indicatorOnRight;\n  const hasIcon = hasCustomIcon ? Boolean(iconNode) : Boolean(item.icon);\n  const shouldRenderIcon = hasCustomIcon\n    ? Boolean(options?.reserveIconSpace || iconNode)\n    : Boolean(hasIcon || options?.reserveIconSpace);\n\n  const labelNode = desc ? (\n    <div className={styles.labelGroup}>\n      <span className={styles.label}>{label}</span>\n      <span className={styles.desc}>{desc}</span>\n    </div>\n  ) : (\n    <span className={styles.label}>{label}</span>\n  );\n\n  return (\n    <div\n      className={\n        stylex.props(menuStyles.itemContent, alignStart && menuStyles.itemContentAlignStart)\n          .className\n      }\n    >\n      {shouldRenderIcon ? (\n        <span\n          aria-hidden={!hasIcon}\n          className={clsx(\n            stylex.props(menuStyles.icon, alignStart && menuStyles.iconAlignStart).className,\n            menuClassNames.icon,\n          )}\n        >\n          {hasCustomIcon ? iconNode : hasIcon ? renderIcon(item.icon, 'small') : null}\n        </span>\n      ) : null}\n      {labelNode}\n      {extra ? <span className={styles.extra}>{extra}</span> : null}\n      {indicatorOnRight && iconNode ? iconNode : null}\n      {options?.submenu ? (\n        <span className={styles.submenuArrow}>\n          <SubmenuArrowIcon />\n        </span>\n      ) : null}\n    </div>\n  );\n};\n\nconst invokeItemClick = (\n  item: MenuItemType,\n  keyPath: string[],\n  event: ReactMouseEvent<HTMLElement> | ReactKeyboardEvent<HTMLElement>,\n) => {\n  if (!item.onClick) return;\n  const key = item.key ?? keyPath.at(-1) ?? '';\n  const info: MenuInfo = {\n    domEvent: event,\n    item: event.currentTarget as MenuInfo['item'],\n    key: String(key),\n    keyPath,\n  };\n  item.onClick(info);\n};\n\nexport const renderContextMenuItems = (\n  items: ContextMenuItem[],\n  keyPath: string[] = [],\n  options?: RenderOptions,\n): ReactNode[] => {\n  const iconAlign = options?.iconAlign;\n  const iconSpaceMode = options?.iconSpaceMode ?? 'global';\n  const reserveIconSpace =\n    options?.reserveIconSpace ?? hasAnyIcon(items, iconSpaceMode === 'global');\n  const indicatorOnRight = options?.indicatorOnRight ?? hasCheckboxAndIcon(items);\n\n  return items.map((item, index) => {\n    if (!item) return null;\n\n    const fallbackKey = `${keyPath.join('-') || 'root'}-${index}`;\n    const itemKey = getItemKey(item, fallbackKey);\n    const nextKeyPath = [...keyPath, String(itemKey)];\n\n    if ((item as ContextMenuCheckboxItem).type === 'checkbox') {\n      const checkboxItem = item as ContextMenuCheckboxItem;\n      const label = getItemLabel(checkboxItem);\n      const labelText = typeof label === 'string' ? label : undefined;\n      const isDanger = Boolean(checkboxItem.danger);\n      const indicator = (\n        <ContextMenu.CheckboxItemIndicator>\n          <Icon icon={Check} size={'small'} />\n        </ContextMenu.CheckboxItemIndicator>\n      );\n\n      return (\n        <ContextMenu.CheckboxItem\n          checked={checkboxItem.checked}\n          className={stylex.props(menuStyles.item, isDanger && menuStyles.danger).className}\n          closeOnClick={checkboxItem.closeOnClick}\n          defaultChecked={checkboxItem.defaultChecked}\n          disabled={checkboxItem.disabled}\n          key={itemKey}\n          label={labelText}\n          onCheckedChange={(checked) => checkboxItem.onCheckedChange?.(checked)}\n        >\n          {renderItemContent(\n            checkboxItem,\n            { iconAlign, indicatorOnRight, reserveIconSpace },\n            indicator,\n          )}\n        </ContextMenu.CheckboxItem>\n      );\n    }\n\n    if ((item as ContextMenuSwitchItem).type === 'switch') {\n      const switchItem = item as ContextMenuSwitchItem;\n      const label = getItemLabel(switchItem);\n      const labelText = typeof label === 'string' ? label : undefined;\n      const isDanger = Boolean(switchItem.danger);\n\n      return (\n        <ContextMenuSwitchItemInternal\n          checked={switchItem.checked}\n          closeOnClick={switchItem.closeOnClick}\n          danger={isDanger}\n          defaultChecked={switchItem.defaultChecked}\n          disabled={switchItem.disabled}\n          key={itemKey}\n          label={labelText}\n          onCheckedChange={switchItem.onCheckedChange}\n        >\n          {renderItemContent(switchItem, { iconAlign, reserveIconSpace })}\n        </ContextMenuSwitchItemInternal>\n      );\n    }\n\n    if ((item as MenuDividerType).type === 'divider') {\n      return <ContextMenu.Separator className={styles.separator} key={itemKey} />;\n    }\n\n    if ((item as BaseMenuItemGroupType).type === 'group') {\n      const group = item as BaseMenuItemGroupType;\n      const groupReserveIconSpace =\n        iconSpaceMode === 'group'\n          ? group.children\n            ? hasAnyIcon(group.children)\n            : false\n          : reserveIconSpace;\n      const groupIndicatorOnRight = group.children ? hasCheckboxAndIcon(group.children) : false;\n      return (\n        <ContextMenu.Group key={itemKey}>\n          {group.label ? (\n            <ContextMenu.GroupLabel className={styles.groupLabel}>\n              {group.label}\n            </ContextMenu.GroupLabel>\n          ) : null}\n          {group.children\n            ? renderContextMenuItems(group.children, nextKeyPath, {\n                iconAlign,\n                iconSpaceMode,\n                indicatorOnRight: groupIndicatorOnRight,\n                reserveIconSpace: groupReserveIconSpace,\n              })\n            : null}\n        </ContextMenu.Group>\n      );\n    }\n\n    if (\n      (item as BaseSubMenuType).type === 'submenu' ||\n      ('children' in item && (item as BaseSubMenuType).children)\n    ) {\n      const submenu = item as BaseSubMenuType;\n      const label = getItemLabel(submenu);\n      const labelText = typeof label === 'string' ? label : undefined;\n      const isDanger = 'danger' in submenu && Boolean(submenu.danger);\n      const submenuHasSlots = submenu.header != null || submenu.footer != null;\n      const submenuBody =\n        submenu.children && submenu.children.length > 0 ? (\n          renderContextMenuItems(submenu.children, nextKeyPath, {\n            iconAlign,\n            iconSpaceMode,\n          })\n        ) : (\n          <EmptyMenuItem />\n        );\n\n      return (\n        <ContextMenu.SubmenuRoot\n          defaultOpen={submenu.defaultOpen}\n          key={itemKey}\n          open={submenu.open}\n          onOpenChange={submenu.onOpenChange}\n        >\n          <ContextMenu.SubmenuTrigger\n            {...submenu.triggerProps}\n            className={stylex.props(menuStyles.item, isDanger && menuStyles.danger).className}\n            closeDelay={submenu.closeDelay}\n            delay={submenu.delay}\n            disabled={submenu.disabled}\n            label={labelText}\n            openOnHover={submenu.openOnHover}\n            onClick={submenu.onClick}\n          >\n            {renderItemContent(submenu, {\n              iconAlign,\n              reserveIconSpace,\n              submenu: true,\n            })}\n          </ContextMenu.SubmenuTrigger>\n          <ContextMenu.Portal>\n            <ContextMenuSubmenuPositioner\n              alignOffset={-4}\n              className={styles.positioner}\n              data-submenu=\"\"\n              sideOffset={-1}\n              onContextMenu={preventDefaultAndStopPropagation}\n            >\n              <ContextMenu.Popup\n                className={clsx(\n                  stylex.props(menuStyles.popup, submenuHasSlots && menuStyles.popupWithSlots)\n                    .className,\n                  menuClassNames.popup,\n                )}\n              >\n                {submenu.header == null ? null : (\n                  <div className={styles.header}>{submenu.header}</div>\n                )}\n                {submenuHasSlots ? (\n                  <div className={styles.slotViewport}>{submenuBody}</div>\n                ) : (\n                  submenuBody\n                )}\n                {submenu.footer == null ? null : (\n                  <div className={styles.footer}>{submenu.footer}</div>\n                )}\n              </ContextMenu.Popup>\n            </ContextMenuSubmenuPositioner>\n          </ContextMenu.Portal>\n        </ContextMenu.SubmenuRoot>\n      );\n    }\n\n    const menuItem = item as MenuItemType;\n    const label = getItemLabel(menuItem);\n    const labelText = typeof label === 'string' ? label : undefined;\n    const isDanger = 'danger' in menuItem && Boolean(menuItem.danger);\n\n    return (\n      <ContextMenu.Item\n        className={stylex.props(menuStyles.item, isDanger && menuStyles.danger).className}\n        closeOnClick={menuItem.closeOnClick}\n        disabled={menuItem.disabled}\n        key={itemKey}\n        label={labelText}\n        onClick={(event) => invokeItemClick(menuItem, nextKeyPath, event)}\n      >\n        {renderItemContent(menuItem, { iconAlign, reserveIconSpace })}\n      </ContextMenu.Item>\n    );\n  });\n};\n"],"mappings":"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"}

package/es/ContextMenu/store.d.mts

@@ -0,0 +1,36 @@
+import { VirtualListProps } from "../internal/virtual/type.mjs";
+import "../internal/virtual/index.mjs";
+import { IconAlign, IconSpaceMode } from "../internal/menu/renderUtils.mjs";
+import "../internal/menu/index.mjs";
+import { ContextMenuItem } from "./type.mjs";
+import "./renderItems.mjs";
+import { ReactNode } from "react";
+import "@floating-ui/react";
+//#region src/ContextMenu/store.d.ts
+export interface ShowContextMenuOptions extends Pick<VirtualListProps, 'virtual' | 'listItemHeight'> {
+  footer?: ReactNode;
+  header?: ReactNode;
+  iconAlign?: IconAlign;
+  iconSpaceMode?: IconSpaceMode;
+}
+export interface ContextMenuInterceptor {
+  close?: (fallback: () => void) => void;
+  show?: (items: ContextMenuItem[], options: ShowContextMenuOptions | undefined, fallback: () => void) => void;
+}
+/**
+ * Register a global interceptor for every context menu — imperative
+ * `showContextMenu`/`closeContextMenu` calls and `ContextMenuTrigger` alike.
+ * The interceptor may render the menu through another system (e.g. a native
+ * OS menu) or invoke `fallback()` to show the default web menu. Pass `null`
+ * to restore the default behavior.
+ */
+export declare const setContextMenuInterceptor: (next: ContextMenuInterceptor | null) => void;
+export 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.
+ */
+export declare const updateContextMenuItems: (items: ContextMenuItem[]) => void;
+export declare const closeContextMenu: () => void;
+//#endregion
+//# sourceMappingURL=store.d.mts.map

package/es/ContextMenu/store.mjs

@@ -0,0 +1,128 @@
+//#region src/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) {
+		const trigger = event.target.closest("[data-contextmenu-trigger]");
+		lastPointer.triggerId = 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();
+};
+let interceptor = null;
+/**
+* Register a global interceptor for every context menu — imperative
+* `showContextMenu`/`closeContextMenu` calls and `ContextMenuTrigger` alike.
+* The interceptor may render the menu through another system (e.g. a native
+* OS menu) or invoke `fallback()` to show the default web menu. Pass `null`
+* to restore the default behavior.
+*/
+const setContextMenuInterceptor = (next) => {
+	interceptor = next;
+};
+const showWebContextMenu = (items, options) => {
+	const fallbackPoint = {
+		x: window.innerWidth / 2,
+		y: window.innerHeight / 2
+	};
+	const point = lastPointer.ready ? {
+		x: lastPointer.x,
+		y: lastPointer.y
+	} : fallbackPoint;
+	setContextMenuState({
+		anchor: createVirtualElement(point),
+		footer: options?.footer,
+		header: options?.header,
+		iconAlign: options?.iconAlign,
+		iconSpaceMode: options?.iconSpaceMode ?? "global",
+		items,
+		listItemHeight: options?.listItemHeight,
+		open: true,
+		triggerId: lastPointer.triggerId ?? null,
+		virtual: options?.virtual
+	});
+};
+const showContextMenu = (items, options) => {
+	if (typeof window === "undefined") return;
+	if (interceptor?.show) {
+		interceptor.show(items, options, () => showWebContextMenu(items, options));
+		return;
+	}
+	showWebContextMenu(items, options);
+};
+/**
+* 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 closeWebContextMenu = () => {
+	setContextMenuState({
+		anchor: null,
+		footer: void 0,
+		header: void 0,
+		iconSpaceMode: "global",
+		items: [],
+		listItemHeight: void 0,
+		open: false,
+		triggerId: null,
+		virtual: void 0
+	});
+};
+const closeContextMenu = () => {
+	if (interceptor?.close) {
+		interceptor.close(closeWebContextMenu);
+		return;
+	}
+	closeWebContextMenu();
+};
+//#endregion
+export { closeContextMenu, getServerSnapshot, getSnapshot, setContextMenuInterceptor, setContextMenuState, showContextMenu, subscribe, updateContextMenuItems, updateLastPointer };
+
+//# sourceMappingURL=store.mjs.map

package/es/ContextMenu/store.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.mjs","names":[],"sources":["../../src/ContextMenu/store.ts"],"sourcesContent":["import type { VirtualElement } from '@floating-ui/react';\nimport type { ReactNode } from 'react';\n\nimport type { IconAlign } from '@/internal/menu';\nimport type { VirtualListProps } from '@/internal/virtual';\n\nimport type { IconSpaceMode } from './renderItems';\nimport type { ContextMenuItem } from './type';\n\nexport type ContextMenuState = Pick<VirtualListProps, 'virtual' | 'listItemHeight'> & {\n  anchor: VirtualElement | null;\n  footer?: ReactNode;\n  header?: ReactNode;\n  iconAlign?: IconAlign;\n  iconSpaceMode: IconSpaceMode;\n  items: ContextMenuItem[];\n  open: boolean;\n  triggerId: string | null;\n};\n\nconst emptyState: ContextMenuState = {\n  anchor: null,\n  iconSpaceMode: 'global',\n  items: [],\n  open: false,\n  triggerId: null,\n};\n\nlet contextMenuState: ContextMenuState = emptyState;\nconst listeners = new Set<() => void>();\nconst lastPointer = { ready: false, triggerId: null as string | null, x: 0, y: 0 };\n\nconst notify = () => {\n  listeners.forEach((listener) => listener());\n};\n\nexport const subscribe = (listener: () => void) => {\n  listeners.add(listener);\n  return () => listeners.delete(listener);\n};\n\nexport const getSnapshot = () => contextMenuState;\nexport const getServerSnapshot = () => emptyState;\n\nexport const updateLastPointer = (event: MouseEvent | PointerEvent) => {\n  lastPointer.x = event.clientX;\n  lastPointer.y = event.clientY;\n  lastPointer.ready = true;\n  if (event.target instanceof Element) {\n    const trigger = event.target.closest<HTMLElement>('[data-contextmenu-trigger]');\n    lastPointer.triggerId = trigger?.dataset.contextmenuTrigger ?? null;\n  } else {\n    lastPointer.triggerId = null;\n  }\n};\n\nconst createVirtualElement = (point: { x: number; y: number }): VirtualElement => ({\n  contextElement: typeof document === 'undefined' ? undefined : document.body,\n  getBoundingClientRect: () =>\n    ({\n      bottom: point.y,\n      height: 0,\n      left: point.x,\n      right: point.x,\n      toJSON: () => undefined,\n      top: point.y,\n      width: 0,\n      x: point.x,\n      y: point.y,\n    }) as DOMRect,\n});\n\nexport const setContextMenuState = (next: Partial<ContextMenuState>) => {\n  contextMenuState = { ...contextMenuState, ...next };\n  notify();\n};\n\nexport interface ShowContextMenuOptions extends Pick<\n  VirtualListProps,\n  'virtual' | 'listItemHeight'\n> {\n  footer?: ReactNode;\n  header?: ReactNode;\n  iconAlign?: IconAlign;\n  iconSpaceMode?: IconSpaceMode;\n}\n\nexport interface ContextMenuInterceptor {\n  close?: (fallback: () => void) => void;\n  show?: (\n    items: ContextMenuItem[],\n    options: ShowContextMenuOptions | undefined,\n    fallback: () => void,\n  ) => void;\n}\n\nlet interceptor: ContextMenuInterceptor | null = null;\n\n/**\n * Register a global interceptor for every context menu — imperative\n * `showContextMenu`/`closeContextMenu` calls and `ContextMenuTrigger` alike.\n * The interceptor may render the menu through another system (e.g. a native\n * OS menu) or invoke `fallback()` to show the default web menu. Pass `null`\n * to restore the default behavior.\n */\nexport const setContextMenuInterceptor = (next: ContextMenuInterceptor | null) => {\n  interceptor = next;\n};\n\nconst showWebContextMenu = (items: ContextMenuItem[], options?: ShowContextMenuOptions) => {\n  const fallbackPoint = { x: window.innerWidth / 2, y: window.innerHeight / 2 };\n  const point = lastPointer.ready ? { x: lastPointer.x, y: lastPointer.y } : fallbackPoint;\n\n  setContextMenuState({\n    anchor: createVirtualElement(point),\n    footer: options?.footer,\n    header: options?.header,\n    iconAlign: options?.iconAlign,\n    iconSpaceMode: options?.iconSpaceMode ?? 'global',\n    items,\n    listItemHeight: options?.listItemHeight,\n    open: true,\n    triggerId: lastPointer.triggerId ?? null,\n    virtual: options?.virtual,\n  });\n};\n\nexport const showContextMenu = (items: ContextMenuItem[], options?: ShowContextMenuOptions) => {\n  if (typeof window === 'undefined') return;\n\n  if (interceptor?.show) {\n    interceptor.show(items, options, () => showWebContextMenu(items, options));\n    return;\n  }\n\n  showWebContextMenu(items, options);\n};\n\n/**\n * Update menu items while keeping current anchor/position.\n * Useful for interactive menu items (e.g. checkbox) to avoid re-positioning.\n */\nexport const updateContextMenuItems = (items: ContextMenuItem[]) => {\n  if (typeof window === 'undefined') return;\n  setContextMenuState({ items });\n};\n\nconst closeWebContextMenu = () => {\n  setContextMenuState({\n    anchor: null,\n    footer: undefined,\n    header: undefined,\n    iconSpaceMode: 'global',\n    items: [],\n    listItemHeight: undefined,\n    open: false,\n    triggerId: null,\n    virtual: undefined,\n  });\n};\n\nexport const closeContextMenu = () => {\n  if (interceptor?.close) {\n    interceptor.close(closeWebContextMenu);\n    return;\n  }\n\n  closeWebContextMenu();\n};\n"],"mappings":";AAoBA,MAAM,aAA+B;CACnC,QAAQ;CACR,eAAe;CACf,OAAO,CAAC;CACR,MAAM;CACN,WAAW;AACb;AAEA,IAAI,mBAAqC;AACzC,MAAM,4BAAY,IAAI,IAAgB;AACtC,MAAM,cAAc;CAAE,OAAO;CAAO,WAAW;CAAuB,GAAG;CAAG,GAAG;AAAE;AAEjF,MAAM,eAAe;CACnB,UAAU,SAAS,aAAa,SAAS,CAAC;AAC5C;AAEA,MAAa,aAAa,aAAyB;CACjD,UAAU,IAAI,QAAQ;CACtB,aAAa,UAAU,OAAO,QAAQ;AACxC;AAEA,MAAa,oBAAoB;AACjC,MAAa,0BAA0B;AAEvC,MAAa,qBAAqB,UAAqC;CACrE,YAAY,IAAI,MAAM;CACtB,YAAY,IAAI,MAAM;CACtB,YAAY,QAAQ;CACpB,IAAI,MAAM,kBAAkB,SAAS;EACnC,MAAM,UAAU,MAAM,OAAO,QAAqB,4BAA4B;EAC9E,YAAY,YAAY,SAAS,QAAQ,sBAAsB;CACjE,OACE,YAAY,YAAY;AAE5B;AAEA,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;CACX;AACJ;AAEA,MAAa,uBAAuB,SAAoC;CACtE,mBAAmB;EAAE,GAAG;EAAkB,GAAG;CAAK;CAClD,OAAO;AACT;AAqBA,IAAI,cAA6C;;;;;;;;AASjD,MAAa,6BAA6B,SAAwC;CAChF,cAAc;AAChB;AAEA,MAAM,sBAAsB,OAA0B,YAAqC;CACzF,MAAM,gBAAgB;EAAE,GAAG,OAAO,aAAa;EAAG,GAAG,OAAO,cAAc;CAAE;CAC5E,MAAM,QAAQ,YAAY,QAAQ;EAAE,GAAG,YAAY;EAAG,GAAG,YAAY;CAAE,IAAI;CAE3E,oBAAoB;EAClB,QAAQ,qBAAqB,KAAK;EAClC,QAAQ,SAAS;EACjB,QAAQ,SAAS;EACjB,WAAW,SAAS;EACpB,eAAe,SAAS,iBAAiB;EACzC;EACA,gBAAgB,SAAS;EACzB,MAAM;EACN,WAAW,YAAY,aAAa;EACpC,SAAS,SAAS;CACpB,CAAC;AACH;AAEA,MAAa,mBAAmB,OAA0B,YAAqC;CAC7F,IAAI,OAAO,WAAW,aAAa;CAEnC,IAAI,aAAa,MAAM;EACrB,YAAY,KAAK,OAAO,eAAe,mBAAmB,OAAO,OAAO,CAAC;EACzE;CACF;CAEA,mBAAmB,OAAO,OAAO;AACnC;;;;;AAMA,MAAa,0BAA0B,UAA6B;CAClE,IAAI,OAAO,WAAW,aAAa;CACnC,oBAAoB,EAAE,MAAM,CAAC;AAC/B;AAEA,MAAM,4BAA4B;CAChC,oBAAoB;EAClB,QAAQ;EACR,QAAQ,KAAA;EACR,QAAQ,KAAA;EACR,eAAe;EACf,OAAO,CAAC;EACR,gBAAgB,KAAA;EAChB,MAAM;EACN,WAAW;EACX,SAAS,KAAA;CACX,CAAC;AACH;AAEA,MAAa,yBAAyB;CACpC,IAAI,aAAa,OAAO;EACtB,YAAY,MAAM,mBAAmB;EACrC;CACF;CAEA,oBAAoB;AACtB"}

package/es/ContextMenu/type.d.mts

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

package/es/CopyButton/CopyButton.mjs

@@ -1,5 +1,5 @@
 "use client";
-import ActionIcon from "../base-ui/ActionIcon/ActionIcon.mjs";
+import ActionIcon from "../ActionIcon/ActionIcon.mjs";
 import { useCopied } from "../hooks/useCopied.mjs";
 import { copyToClipboard } from "../utils/copyToClipboard.mjs";
 import { memo } from "react";

package/es/CopyButton/CopyButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.mjs","names":[],"sources":["../../src/CopyButton/CopyButton.tsx"],"sourcesContent":["'use client';\n\nimport { Check, Copy } from 'lucide-react';\nimport { memo } from 'react';\n\nimport ActionIcon from '@/base-ui/ActionIcon';\nimport { useCopied } from '@/hooks/useCopied';\nimport { copyToClipboard } from '@/utils/copyToClipboard';\n\nimport type { CopyButtonProps } from './type';\n\nconst CopyButton = memo<CopyButtonProps>(\n  ({ active, content, size, icon, glass = true, onClick, ...rest }) => {\n    const { copied, setCopied } = useCopied();\n    const Icon = icon || Copy;\n\n    return (\n      <ActionIcon\n        glass={glass}\n        size={size}\n        title={'Copy'}\n        {...rest}\n        active={active || copied}\n        icon={copied ? Check : Icon}\n        onClick={async (e) => {\n          const resolvedContent = typeof content === 'function' ? content() : content;\n          await copyToClipboard(resolvedContent);\n          setCopied();\n          onClick?.(e);\n        }}\n      />\n    );\n  },\n);\n\nCopyButton.displayName = 'CopyButton';\n\nexport default CopyButton;\n"],"mappings":";;;;;;;;AAWA,MAAM,aAAa,MAChB,EAAE,QAAQ,SAAS,MAAM,MAAM,QAAQ,MAAM,SAAS,GAAG,WAAW;CACnE,MAAM,EAAE,QAAQ,cAAc,UAAU;CACxC,MAAM,OAAO,QAAQ;CAErB,OACE,oBAAC,YAAD;EACS;EACD;EACN,OAAO;EACP,GAAI;EACJ,QAAQ,UAAU;EAClB,MAAM,SAAS,QAAQ;EACvB,SAAS,OAAO,MAAM;GACpB,MAAM,kBAAkB,OAAO,YAAY,aAAa,QAAQ,IAAI;GACpE,MAAM,gBAAgB,eAAe;GACrC,UAAU;GACV,UAAU,CAAC;EACb;CACD,CAAA;AAEL,CACF;AAEA,WAAW,cAAc"}
+{"version":3,"file":"CopyButton.mjs","names":[],"sources":["../../src/CopyButton/CopyButton.tsx"],"sourcesContent":["'use client';\n\nimport { Check, Copy } from 'lucide-react';\nimport { memo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { useCopied } from '@/hooks/useCopied';\nimport { copyToClipboard } from '@/utils/copyToClipboard';\n\nimport type { CopyButtonProps } from './type';\n\nconst CopyButton = memo<CopyButtonProps>(\n  ({ active, content, size, icon, glass = true, onClick, ...rest }) => {\n    const { copied, setCopied } = useCopied();\n    const Icon = icon || Copy;\n\n    return (\n      <ActionIcon\n        glass={glass}\n        size={size}\n        title={'Copy'}\n        {...rest}\n        active={active || copied}\n        icon={copied ? Check : Icon}\n        onClick={async (e) => {\n          const resolvedContent = typeof content === 'function' ? content() : content;\n          await copyToClipboard(resolvedContent);\n          setCopied();\n          onClick?.(e);\n        }}\n      />\n    );\n  },\n);\n\nCopyButton.displayName = 'CopyButton';\n\nexport default CopyButton;\n"],"mappings":";;;;;;;;AAWA,MAAM,aAAa,MAChB,EAAE,QAAQ,SAAS,MAAM,MAAM,QAAQ,MAAM,SAAS,GAAG,WAAW;CACnE,MAAM,EAAE,QAAQ,cAAc,UAAU;CACxC,MAAM,OAAO,QAAQ;CAErB,OACE,oBAAC,YAAD;EACS;EACD;EACN,OAAO;EACP,GAAI;EACJ,QAAQ,UAAU;EAClB,MAAM,SAAS,QAAQ;EACvB,SAAS,OAAO,MAAM;GACpB,MAAM,kBAAkB,OAAO,YAAY,aAAa,QAAQ,IAAI;GACpE,MAAM,gBAAgB,eAAe;GACrC,UAAU;GACV,UAAU,CAAC;EACb;CACD,CAAA;AAEL,CACF;AAEA,WAAW,cAAc"}