@jinmi/ui 0.0.0-stage → 6.0.2

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

@@ -0,0 +1,100 @@
+"use client";
+import { getFloatingCollisionPadding } from "../floating/collisionPadding.mjs";
+import { useIsClient } from "../../hooks/useIsClient.mjs";
+import { useAppElement } from "../../ThemeProvider/AppElementContext.mjs";
+import { preventDefaultAndStopPropagation } from "../../utils/dom.mjs";
+import { MenuVirtualList } from "../virtual/MenuVirtualList.mjs";
+import { useLayerZIndex } from "../zIndex/useLayerZIndex.mjs";
+import { styles } from "../DropdownMenu/sharedStyle.mjs";
+import { registerDevSingleton } from "../../utils/devSingleton.mjs";
+import { renderContextMenuItems } from "./renderItems.mjs";
+import { closeContextMenu, getServerSnapshot, getSnapshot, setContextMenuState, subscribe, updateLastPointer } from "./store.mjs";
+import { memo, useEffect, useMemo, useSyncExternalStore } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { ContextMenu } from "@base-ui/react/context-menu";
+//#region src/base-ui/ContextMenu/ContextMenuHost.tsx
+const noAnimationStyles = { "--jinmi-dropdown-animation-duration": "0ms" };
+const ContextMenuHost = memo(() => {
+	const isClient = useIsClient();
+	const appElement = useAppElement();
+	const state = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+	useEffect(() => {
+		const DEV = process.env.NODE_ENV === "development";
+		if (!isClient || !DEV) return;
+		return registerDevSingleton("ContextMenuHost", document.body);
+	}, [isClient]);
+	useEffect(() => {
+		const handler = (event) => updateLastPointer(event);
+		window.addEventListener("pointerdown", handler, true);
+		window.addEventListener("contextmenu", handler, true);
+		return () => {
+			window.removeEventListener("pointerdown", handler, true);
+			window.removeEventListener("contextmenu", handler, true);
+		};
+	}, []);
+	const menuItems = useMemo(() => renderContextMenuItems(state.items, [], {
+		iconAlign: state.iconAlign,
+		iconSpaceMode: state.iconSpaceMode
+	}), [
+		state.items,
+		state.iconAlign,
+		state.iconSpaceMode
+	]);
+	const { zIndex, ref: zRef } = useLayerZIndex("floating");
+	const hasSlots = state.header != null || state.footer != null;
+	if (!isClient) return null;
+	if (!state.open && state.items.length === 0) return null;
+	return /* @__PURE__ */ jsx(ContextMenu.Root, {
+		open: state.open,
+		onOpenChange: (open) => {
+			if (open) {
+				setContextMenuState({ open });
+				return;
+			}
+			closeContextMenu();
+		},
+		children: /* @__PURE__ */ jsx(ContextMenu.Portal, {
+			container: appElement,
+			children: /* @__PURE__ */ jsx(ContextMenu.Positioner, {
+				anchor: state.anchor ?? void 0,
+				className: styles.positioner,
+				collisionPadding: getFloatingCollisionPadding(),
+				ref: zRef,
+				sideOffset: 6,
+				style: {
+					...noAnimationStyles,
+					zIndex
+				},
+				children: /* @__PURE__ */ jsxs(ContextMenu.Popup, {
+					className: cx(styles.popup, hasSlots && styles.popupWithSlots),
+					"data-has-footer": state.footer == null ? void 0 : "",
+					"data-has-header": state.header == null ? void 0 : "",
+					onContextMenu: preventDefaultAndStopPropagation,
+					children: [
+						state.header == null ? null : /* @__PURE__ */ jsx("div", {
+							className: styles.header,
+							children: state.header
+						}),
+						state.virtual ? /* @__PURE__ */ jsx(MenuVirtualList, {
+							itemSize: state.listItemHeight,
+							children: menuItems
+						}) : hasSlots ? /* @__PURE__ */ jsx("div", {
+							className: styles.slotViewport,
+							children: menuItems
+						}) : menuItems,
+						state.footer == null ? null : /* @__PURE__ */ jsx("div", {
+							className: styles.footer,
+							children: state.footer
+						})
+					]
+				})
+			})
+		})
+	});
+});
+ContextMenuHost.displayName = "ContextMenuHost";
+//#endregion
+export { ContextMenuHost };
+
+//# sourceMappingURL=ContextMenuHost.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuHost.mjs","names":[],"sources":["../../../src/base-ui/ContextMenu/ContextMenuHost.tsx"],"sourcesContent":["'use client';\n\nimport { ContextMenu } from '@base-ui/react/context-menu';\nimport { cx } from 'antd-style';\nimport { memo, useEffect, useMemo, useSyncExternalStore } from 'react';\n\nimport { getFloatingCollisionPadding } from '@/base-ui/floating';\nimport { MenuVirtualList } from '@/base-ui/virtual';\nimport { useIsClient } from '@/hooks/useIsClient';\nimport { useAppElement } from '@/ThemeProvider/AppElementContext';\nimport { registerDevSingleton } from '@/utils/devSingleton';\nimport { preventDefaultAndStopPropagation } from '@/utils/dom';\n\nimport { useLayerZIndex } from '../zIndex';\nimport { renderContextMenuItems } from './renderItems';\nimport {\n  closeContextMenu,\n  getServerSnapshot,\n  getSnapshot,\n  setContextMenuState,\n  subscribe,\n  updateLastPointer,\n} from './store';\nimport { styles } from './style';\n\nconst noAnimationStyles = { '--jinmi-dropdown-animation-duration': '0ms' } as React.CSSProperties;\n\nexport const ContextMenuHost = memo(() => {\n  const isClient = useIsClient();\n  const appElement = useAppElement();\n  const state = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n\n  useEffect(() => {\n    const DEV = process.env.NODE_ENV === 'development';\n    if (!isClient || !DEV) return;\n    return registerDevSingleton('ContextMenuHost', document.body);\n  }, [isClient]);\n\n  useEffect(() => {\n    const handler = (event: MouseEvent | PointerEvent) => updateLastPointer(event);\n    window.addEventListener('pointerdown', handler, true);\n    window.addEventListener('contextmenu', handler, true);\n    return () => {\n      window.removeEventListener('pointerdown', handler, true);\n      window.removeEventListener('contextmenu', handler, true);\n    };\n  }, []);\n\n  const menuItems = useMemo(\n    () =>\n      renderContextMenuItems(state.items, [], {\n        iconAlign: state.iconAlign,\n        iconSpaceMode: state.iconSpaceMode,\n      }),\n    [state.items, state.iconAlign, state.iconSpaceMode],\n  );\n  const { zIndex, ref: zRef } = useLayerZIndex<HTMLDivElement>('floating');\n  const hasSlots = state.header != null || state.footer != null;\n  if (!isClient) return null;\n  if (!state.open && state.items.length === 0) return null;\n\n  return (\n    <ContextMenu.Root\n      open={state.open}\n      onOpenChange={(open) => {\n        if (open) {\n          setContextMenuState({ open });\n          return;\n        }\n        closeContextMenu();\n      }}\n    >\n      <ContextMenu.Portal container={appElement}>\n        <ContextMenu.Positioner\n          anchor={state.anchor ?? undefined}\n          className={styles.positioner}\n          collisionPadding={getFloatingCollisionPadding()}\n          ref={zRef as any}\n          sideOffset={6}\n          style={{ ...noAnimationStyles, zIndex }}\n        >\n          <ContextMenu.Popup\n            className={cx(styles.popup, hasSlots && styles.popupWithSlots)}\n            data-has-footer={state.footer == null ? undefined : ''}\n            data-has-header={state.header == null ? undefined : ''}\n            onContextMenu={preventDefaultAndStopPropagation}\n          >\n            {state.header == null ? null : <div className={styles.header}>{state.header}</div>}\n            {state.virtual ? (\n              <MenuVirtualList itemSize={state.listItemHeight}>{menuItems}</MenuVirtualList>\n            ) : hasSlots ? (\n              <div className={styles.slotViewport}>{menuItems}</div>\n            ) : (\n              menuItems\n            )}\n            {state.footer == null ? null : <div className={styles.footer}>{state.footer}</div>}\n          </ContextMenu.Popup>\n        </ContextMenu.Positioner>\n      </ContextMenu.Portal>\n    </ContextMenu.Root>\n  );\n});\n\nContextMenuHost.displayName = 'ContextMenuHost';\n"],"mappings":";;;;;;;;;;;;;;;;AAyBA,MAAM,oBAAoB,EAAE,uCAAuC,MAAM;AAEzE,MAAa,kBAAkB,WAAW;CACxC,MAAM,WAAW,YAAY;CAC7B,MAAM,aAAa,cAAc;CACjC,MAAM,QAAQ,qBAAqB,WAAW,aAAa,iBAAiB;CAE5E,gBAAgB;EACd,MAAM,MAAM,QAAQ,IAAI,aAAa;EACrC,IAAI,CAAC,YAAY,CAAC,KAAK;EACvB,OAAO,qBAAqB,mBAAmB,SAAS,IAAI;CAC9D,GAAG,CAAC,QAAQ,CAAC;CAEb,gBAAgB;EACd,MAAM,WAAW,UAAqC,kBAAkB,KAAK;EAC7E,OAAO,iBAAiB,eAAe,SAAS,IAAI;EACpD,OAAO,iBAAiB,eAAe,SAAS,IAAI;EACpD,aAAa;GACX,OAAO,oBAAoB,eAAe,SAAS,IAAI;GACvD,OAAO,oBAAoB,eAAe,SAAS,IAAI;EACzD;CACF,GAAG,CAAC,CAAC;CAEL,MAAM,YAAY,cAEd,uBAAuB,MAAM,OAAO,CAAC,GAAG;EACtC,WAAW,MAAM;EACjB,eAAe,MAAM;CACvB,CAAC,GACH;EAAC,MAAM;EAAO,MAAM;EAAW,MAAM;CAAa,CACpD;CACA,MAAM,EAAE,QAAQ,KAAK,SAAS,eAA+B,UAAU;CACvE,MAAM,WAAW,MAAM,UAAU,QAAQ,MAAM,UAAU;CACzD,IAAI,CAAC,UAAU,OAAO;CACtB,IAAI,CAAC,MAAM,QAAQ,MAAM,MAAM,WAAW,GAAG,OAAO;CAEpD,OACE,oBAAC,YAAY,MAAb;EACE,MAAM,MAAM;EACZ,eAAe,SAAS;GACtB,IAAI,MAAM;IACR,oBAAoB,EAAE,KAAK,CAAC;IAC5B;GACF;GACA,iBAAiB;EACnB;EAEA,UAAA,oBAAC,YAAY,QAAb;GAAoB,WAAW;GAC7B,UAAA,oBAAC,YAAY,YAAb;IACE,QAAQ,MAAM,UAAU,KAAA;IACxB,WAAW,OAAO;IAClB,kBAAkB,4BAA4B;IAC9C,KAAK;IACL,YAAY;IACZ,OAAO;KAAE,GAAG;KAAmB;IAAO;IAEtC,UAAA,qBAAC,YAAY,OAAb;KACE,WAAW,GAAG,OAAO,OAAO,YAAY,OAAO,cAAc;KAC7D,mBAAiB,MAAM,UAAU,OAAO,KAAA,IAAY;KACpD,mBAAiB,MAAM,UAAU,OAAO,KAAA,IAAY;KACpD,eAAe;KAJjB,UAAA;MAMG,MAAM,UAAU,OAAO,OAAO,oBAAC,OAAD;OAAK,WAAW,OAAO;OAAS,UAAA,MAAM;MAAY,CAAA;MAChF,MAAM,UACL,oBAAC,iBAAD;OAAiB,UAAU,MAAM;OAAiB,UAAA;MAA2B,CAAA,IAC3E,WACF,oBAAC,OAAD;OAAK,WAAW,OAAO;OAAe,UAAA;MAAe,CAAA,IAErD;MAED,MAAM,UAAU,OAAO,OAAO,oBAAC,OAAD;OAAK,WAAW,OAAO;OAAS,UAAA,MAAM;MAAY,CAAA;KAChE;;GACG,CAAA;EACN,CAAA;CACJ,CAAA;AAEtB,CAAC;AAED,gBAAgB,cAAc"}

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

@@ -0,0 +1,29 @@
+import { VirtualListProps } from "../virtual/type.mjs";
+import "../virtual/index.mjs";
+import { ContextMenuItem } from "./type.mjs";
+import React, { HTMLAttributes, MouseEvent, ReactNode } from "react";
+//#region src/base-ui/ContextMenu/ContextMenuTrigger.d.ts
+type ContextMenuTriggerProps = Pick<VirtualListProps, 'virtual' | 'listItemHeight'> & {
+  children: ReactNode;
+  /**
+   * Footer slot pinned below the scrollable items area, with a divider border.
+   */
+  footer?: ReactNode;
+  /**
+   * Header slot pinned above the scrollable items area, with a divider border.
+   */
+  header?: ReactNode;
+  /**
+   * Menu items to display. Supports lazy rendering via function.
+   * When provided, context menu will be automatically shown on right-click.
+   */
+  items?: ContextMenuItem[] | (() => ContextMenuItem[]);
+  /**
+   * Custom context menu handler. If `items` is provided, this is optional.
+   */
+  onContextMenu?: (event: MouseEvent<HTMLElement>) => void;
+} & Omit<HTMLAttributes<HTMLElement>, 'onContextMenu' | 'children'>;
+declare const ContextMenuTrigger: React.NamedExoticComponent<ContextMenuTriggerProps>;
+//#endregion
+export { ContextMenuTrigger, ContextMenuTriggerProps };
+//# sourceMappingURL=ContextMenuTrigger.d.mts.map

package/es/base-ui/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 { mergeProps } from "@base-ui/react/merge-props";
+import clsx from "clsx";
+//#region src/base-ui/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/base-ui/ContextMenu/ContextMenuTrigger.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuTrigger.mjs","names":[],"sources":["../../../src/base-ui/ContextMenu/ContextMenuTrigger.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { mergeProps } from '@base-ui/react/merge-props';\r\nimport clsx from 'clsx';\r\nimport React, {\r\n  cloneElement,\r\n  type HTMLAttributes,\r\n  isValidElement,\r\n  memo,\r\n  type MouseEvent,\r\n  type ReactNode,\r\n  useCallback,\r\n  useId,\r\n  useSyncExternalStore,\r\n} from 'react';\r\n\r\nimport type { VirtualListProps } from '@/base-ui/virtual';\r\nimport { CLASSNAMES } from '@/styles/classNames';\r\n\r\nimport { getServerSnapshot, getSnapshot, showContextMenu, subscribe } from './store';\r\nimport { type ContextMenuItem } from './type';\r\n\r\nexport type ContextMenuTriggerProps = Pick<VirtualListProps, 'virtual' | 'listItemHeight'> & {\r\n  children: ReactNode;\r\n  /**\r\n   * Footer slot pinned below the scrollable items area, with a divider border.\r\n   */\r\n  footer?: ReactNode;\r\n  /**\r\n   * Header slot pinned above the scrollable items area, with a divider border.\r\n   */\r\n  header?: ReactNode;\r\n  /**\r\n   * Menu items to display. Supports lazy rendering via function.\r\n   * When provided, context menu will be automatically shown on right-click.\r\n   */\r\n  items?: ContextMenuItem[] | (() => ContextMenuItem[]);\r\n  /**\r\n   * Custom context menu handler. If `items` is provided, this is optional.\r\n   */\r\n  onContextMenu?: (event: MouseEvent<HTMLElement>) => void;\r\n} & Omit<HTMLAttributes<HTMLElement>, 'onContextMenu' | 'children'>;\r\n\r\nconst styles = {\r\n  trigger: {\r\n    display: 'contents',\r\n  },\r\n};\r\n\r\nexport const ContextMenuTrigger = memo<ContextMenuTriggerProps>(\r\n  ({ children, footer, header, items, listItemHeight, onContextMenu, virtual, ...rest }) => {\r\n    const triggerId = useId();\r\n    const state = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\r\n    const open = state.open && state.triggerId === triggerId;\r\n\r\n    const handleContextMenu = useCallback(\r\n      (event: MouseEvent<HTMLElement>) => {\r\n        if (items) {\r\n          event.preventDefault();\r\n          const resolvedItems = typeof items === 'function' ? items() : items;\r\n          showContextMenu(resolvedItems, { footer, header, listItemHeight, virtual });\r\n        }\r\n        onContextMenu?.(event);\r\n      },\r\n      [items, onContextMenu, footer, header, listItemHeight, virtual],\r\n    );\r\n\r\n    const triggerProps = {\r\n      ...rest,\r\n      'aria-expanded': open || undefined,\r\n      'className': clsx(CLASSNAMES.ContextTrigger, rest.className),\r\n      'data-contextmenu-trigger': triggerId,\r\n      'data-popup-open': open ? '' : undefined,\r\n      'data-state': open ? 'open' : undefined,\r\n      'onContextMenu': handleContextMenu,\r\n    };\r\n\r\n    if (isValidElement(children) && React.Children.only(children)) {\r\n      return cloneElement(children, mergeProps(children.props as any, triggerProps));\r\n    }\r\n\r\n    return (\r\n      <span style={styles.trigger} {...triggerProps}>\r\n        {children}\r\n      </span>\r\n    );\r\n  },\r\n);\r\n\r\nContextMenuTrigger.displayName = 'ContextMenuTrigger';\r\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/base-ui/ContextMenu/imperative.d.mts

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

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

@@ -0,0 +1,8 @@
+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 "./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/base-ui/ContextMenu/renderItems.d.mts

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

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

@@ -0,0 +1,285 @@
+import { getFloatingCollisionPadding } from "../floating/collisionPadding.mjs";
+import Icon from "../../Icon/Icon.mjs";
+import { preventDefaultAndStopPropagation } from "../../utils/dom.mjs";
+import Switch from "../Switch/Switch.mjs";
+import { useLayerZIndex } from "../zIndex/useLayerZIndex.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
+/**
+* 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: 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 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: 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(ContextMenuSubmenuPositioner, {
+					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/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 {\r\n  type ComponentProps,\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 '@/base-ui/DropdownMenu/sharedStyle';\r\nimport { getFloatingCollisionPadding } from '@/base-ui/floating';\r\nimport { SubmenuArrowIcon } from '@/base-ui/SubmenuArrowIcon';\r\nimport Switch from '@/base-ui/Switch';\r\nimport common from '@/i18n/resources/en/common';\r\nimport { useTranslation } from '@/i18n/useTranslation';\r\nimport Icon from '@/Icon';\r\nimport type { BaseMenuItemGroupType, BaseSubMenuType } from '@/Menu/baseItem';\r\nimport {\r\n  getItemKey,\r\n  getItemLabel,\r\n  hasAnyIcon,\r\n  hasCheckboxAndIcon,\r\n  renderIcon,\r\n  type RenderItemContentOptions,\r\n  type RenderOptions,\r\n} from '@/Menu/renderUtils';\r\nimport type { MenuDividerType, MenuInfo, MenuItemType } from '@/Menu/type';\r\nimport { preventDefaultAndStopPropagation } from '@/utils/dom';\r\n\r\nimport { useLayerZIndex } from '../zIndex';\r\nimport {\r\n  type ContextMenuCheckboxItem,\r\n  type ContextMenuItem,\r\n  type ContextMenuSwitchItem,\r\n} from './type';\r\n\r\ntype ContextMenuPositionerProps = ComponentProps<typeof ContextMenu.Positioner>;\r\n\r\n/**\r\n * Submenu positioners are portaled outside the root menu, so they must allocate\r\n * their own layer z-index (same pattern as DropdownMenu) rather than relying on\r\n * the fixed CSS fallback that can fall behind after repeated root openings (#608).\r\n */\r\nconst ContextMenuSubmenuPositioner = memo(\r\n  ({ collisionPadding, style, ...rest }: ContextMenuPositionerProps) => {\r\n    const explicitZIndex =\r\n      typeof style !== 'function' && style?.zIndex != null && typeof style.zIndex === 'number'\r\n        ? style.zIndex\r\n        : undefined;\r\n    const { zIndex, ref: zRef } = useLayerZIndex<HTMLDivElement>('floating', explicitZIndex);\r\n\r\n    const resolvedStyle =\r\n      typeof style === 'function'\r\n        ? (state: any) => ({ zIndex, ...style(state) })\r\n        : { zIndex, ...style };\r\n\r\n    return (\r\n      <ContextMenu.Positioner\r\n        {...rest}\r\n        collisionPadding={collisionPadding ?? getFloatingCollisionPadding()}\r\n        ref={zRef as any}\r\n        style={resolvedStyle}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\nContextMenuSubmenuPositioner.displayName = 'ContextMenuSubmenuPositioner';\r\n\r\nexport type { IconAlign, IconSpaceMode } from '@/Menu/renderUtils';\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            <ContextMenuSubmenuPositioner\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            </ContextMenuSubmenuPositioner>\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/es/base-ui/ContextMenu/store.d.mts

@@ -0,0 +1,37 @@
+import { VirtualListProps } from "../virtual/type.mjs";
+import "../virtual/index.mjs";
+import { IconAlign, IconSpaceMode } from "../../Menu/renderUtils.mjs";
+import "../../Menu/index.mjs";
+import { ContextMenuItem } from "./type.mjs";
+import "./renderItems.mjs";
+import { ReactNode } from "react";
+import "@floating-ui/react";
+//#region src/base-ui/ContextMenu/store.d.ts
+interface ShowContextMenuOptions extends Pick<VirtualListProps, 'virtual' | 'listItemHeight'> {
+  footer?: ReactNode;
+  header?: ReactNode;
+  iconAlign?: IconAlign;
+  iconSpaceMode?: IconSpaceMode;
+}
+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.
+ */
+declare const setContextMenuInterceptor: (next: ContextMenuInterceptor | null) => void;
+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 { ContextMenuInterceptor, ShowContextMenuOptions, closeContextMenu, setContextMenuInterceptor, showContextMenu, updateContextMenuItems };
+//# sourceMappingURL=store.d.mts.map