@cube-dev/ui-kit 0.199.0 → 0.199.2

package/dist/components/actions/Menu/MenuTrigger.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { SlotProvider } from "../../../utils/react/Slots.js";
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
@@ -17,7 +17,7 @@ import { PressResponder } from "@react-aria/interactions";
 import { useObjectRef } from "@react-aria/utils";
 //#region src/components/actions/Menu/MenuTrigger.tsx
 function MenuTrigger(props, ref) {
-	const $ = c(91);
+	const $ = c(88);
 	const internalPopoverRef = useRef(null);
 	const menuPopoverRef = props.popoverRef ?? internalPopoverRef;
 	const trayRef = useRef(null);
@@ -161,81 +161,70 @@ function MenuTrigger(props, ref) {
 	}
 	useEffect(t14, t15);
 	const t16 = state.focusStrategy ?? "first";
-	let t17;
-	if ($[35] !== isTray) {
-		t17 = isTray ? {
-			width: "100%",
-			maxHeight: "inherit"
-		} : void 0;
-		$[35] = isTray;
-		$[36] = t17;
-	} else t17 = $[36];
-	const t18 = !isTray;
-	let t19;
-	if ($[37] !== isTray || $[38] !== t18) {
-		t19 = {
-			popover: t18,
+	const t17 = !isTray;
+	let t18;
+	if ($[35] !== isTray || $[36] !== t17) {
+		t18 = {
+			popover: t17,
 			tray: isTray
 		};
-		$[37] = isTray;
-		$[38] = t18;
-		$[39] = t19;
-	} else t19 = $[39];
-	const t20 = !state.isOpen;
-	let t21;
-	if ($[40] !== closeOnSelect || $[41] !== menuProps || $[42] !== state.close || $[43] !== t16 || $[44] !== t17 || $[45] !== t19 || $[46] !== t20) {
-		t21 = {
+		$[35] = isTray;
+		$[36] = t17;
+		$[37] = t18;
+	} else t18 = $[37];
+	const t19 = !state.isOpen;
+	let t20;
+	if ($[38] !== closeOnSelect || $[39] !== menuProps || $[40] !== state.close || $[41] !== t16 || $[42] !== t18 || $[43] !== t19) {
+		t20 = {
 			...menuProps,
 			ref: menuRef,
 			onClose: state.close,
 			closeOnSelect,
 			autoFocus: t16,
-			style: t17,
-			mods: t19,
-			isClosing: t20
+			mods: t18,
+			isClosing: t19
 		};
-		$[40] = closeOnSelect;
-		$[41] = menuProps;
-		$[42] = state.close;
-		$[43] = t16;
-		$[44] = t17;
-		$[45] = t19;
-		$[46] = t20;
-		$[47] = t21;
-	} else t21 = $[47];
-	const menuContext = t21;
+		$[38] = closeOnSelect;
+		$[39] = menuProps;
+		$[40] = state.close;
+		$[41] = t16;
+		$[42] = t18;
+		$[43] = t19;
+		$[44] = t20;
+	} else t20 = $[44];
+	const menuContext = t20;
+	let t21;
+	if ($[45] !== state.close) {
+		t21 = /* @__PURE__ */ jsx(DismissButton, { onDismiss: state.close });
+		$[45] = state.close;
+		$[46] = t21;
+	} else t21 = $[46];
 	let t22;
-	if ($[48] !== state.close) {
+	if ($[47] !== state.close) {
 		t22 = /* @__PURE__ */ jsx(DismissButton, { onDismiss: state.close });
-		$[48] = state.close;
-		$[49] = t22;
-	} else t22 = $[49];
+		$[47] = state.close;
+		$[48] = t22;
+	} else t22 = $[48];
 	let t23;
-	if ($[50] !== state.close) {
-		t23 = /* @__PURE__ */ jsx(DismissButton, { onDismiss: state.close });
-		$[50] = state.close;
-		$[51] = t23;
-	} else t23 = $[51];
-	let t24;
-	if ($[52] !== menu || $[53] !== shouldRestoreFocus || $[54] !== t22 || $[55] !== t23) {
-		t24 = /* @__PURE__ */ jsxs(FocusScope, {
+	if ($[49] !== menu || $[50] !== shouldRestoreFocus || $[51] !== t21 || $[52] !== t22) {
+		t23 = /* @__PURE__ */ jsxs(FocusScope, {
 			restoreFocus: shouldRestoreFocus,
 			children: [
-				t22,
+				t21,
 				menu,
-				t23
+				t22
 			]
 		});
-		$[52] = menu;
-		$[53] = shouldRestoreFocus;
-		$[54] = t22;
-		$[55] = t23;
-		$[56] = t24;
-	} else t24 = $[56];
-	const contents = t24;
-	let t25;
-	if ($[57] !== isDummy || $[58] !== menuTriggerRef || $[59] !== state) {
-		t25 = (el) => {
+		$[49] = menu;
+		$[50] = shouldRestoreFocus;
+		$[51] = t21;
+		$[52] = t22;
+		$[53] = t23;
+	} else t23 = $[53];
+	const contents = t23;
+	let t24;
+	if ($[54] !== isDummy || $[55] !== menuTriggerRef || $[56] !== state) {
+		t24 = (el) => {
 			if (!state.isOpen) return false;
 			if (isOwnActionsPress(el, menuTriggerRef.current)) return false;
 			const menuTriggerEl = el.closest("[data-popover-trigger]");
@@ -251,107 +240,107 @@ function MenuTrigger(props, ref) {
 			if (menuTriggerEl === menuTriggerRef.current) return true;
 			return false;
 		};
-		$[57] = isDummy;
-		$[58] = menuTriggerRef;
-		$[59] = state;
-		$[60] = t25;
-	} else t25 = $[60];
-	const shouldCloseOnInteractOutside = useEvent(t25);
+		$[54] = isDummy;
+		$[55] = menuTriggerRef;
+		$[56] = state;
+		$[57] = t24;
+	} else t24 = $[57];
+	const shouldCloseOnInteractOutside = useEvent(t24);
 	let overlay_0;
 	if (isTray) {
-		let t26;
-		if ($[61] !== contents || $[62] !== shouldCloseOnInteractOutside || $[63] !== state.close || $[64] !== state.isOpen) {
-			t26 = /* @__PURE__ */ jsx(_Tray, {
+		let t25;
+		if ($[58] !== contents || $[59] !== shouldCloseOnInteractOutside || $[60] !== state.close || $[61] !== state.isOpen) {
+			t25 = /* @__PURE__ */ jsx(_Tray, {
 				ref: trayRef,
 				isOpen: state.isOpen,
 				shouldCloseOnInteractOutside,
 				onClose: state.close,
 				children: contents
 			});
-			$[61] = contents;
-			$[62] = shouldCloseOnInteractOutside;
-			$[63] = state.close;
-			$[64] = state.isOpen;
-			$[65] = t26;
-		} else t26 = $[65];
-		overlay_0 = t26;
+			$[58] = contents;
+			$[59] = shouldCloseOnInteractOutside;
+			$[60] = state.close;
+			$[61] = state.isOpen;
+			$[62] = t25;
+		} else t25 = $[62];
+		overlay_0 = t25;
 	} else {
-		const t26 = placement ?? void 0;
-		let t27;
-		if ($[66] !== contents || $[67] !== menuPopoverRef || $[68] !== positionProps.style || $[69] !== shouldCloseOnInteractOutside || $[70] !== state.close || $[71] !== state.isOpen || $[72] !== t26) {
-			t27 = /* @__PURE__ */ jsx(_Popover, {
+		const t25 = placement ?? void 0;
+		let t26;
+		if ($[63] !== contents || $[64] !== menuPopoverRef || $[65] !== positionProps.style || $[66] !== shouldCloseOnInteractOutside || $[67] !== state.close || $[68] !== state.isOpen || $[69] !== t25) {
+			t26 = /* @__PURE__ */ jsx(_Popover, {
 				ref: menuPopoverRef,
 				hideArrow: true,
 				isNonModal: true,
 				isOpen: state.isOpen,
 				style: positionProps.style,
-				placement: t26,
+				placement: t25,
 				shouldCloseOnInteractOutside,
 				onClose: state.close,
 				children: contents
 			});
-			$[66] = contents;
-			$[67] = menuPopoverRef;
-			$[68] = positionProps.style;
-			$[69] = shouldCloseOnInteractOutside;
-			$[70] = state.close;
-			$[71] = state.isOpen;
-			$[72] = t26;
-			$[73] = t27;
-		} else t27 = $[73];
-		overlay_0 = t27;
+			$[63] = contents;
+			$[64] = menuPopoverRef;
+			$[65] = positionProps.style;
+			$[66] = shouldCloseOnInteractOutside;
+			$[67] = state.close;
+			$[68] = state.isOpen;
+			$[69] = t25;
+			$[70] = t26;
+		} else t26 = $[70];
+		overlay_0 = t26;
 	}
-	const t26 = trigger === "longPress";
+	const t25 = trigger === "longPress";
+	let t26;
+	if ($[71] !== t25) {
+		t26 = { actionButton: { holdAffordance: t25 } };
+		$[71] = t25;
+		$[72] = t26;
+	} else t26 = $[72];
 	let t27;
-	if ($[74] !== t26) {
-		t27 = { actionButton: { holdAffordance: t26 } };
-		$[74] = t26;
-		$[75] = t27;
-	} else t27 = $[75];
-	let t28;
-	if ($[76] !== isDummy || $[77] !== menuTrigger || $[78] !== menuTriggerProps || $[79] !== menuTriggerRef || $[80] !== state.isOpen) {
-		t28 = !isDummy ? /* @__PURE__ */ jsx(PressResponder, {
+	if ($[73] !== isDummy || $[74] !== menuTrigger || $[75] !== menuTriggerProps || $[76] !== menuTriggerRef || $[77] !== state.isOpen) {
+		t27 = !isDummy ? /* @__PURE__ */ jsx(PressResponder, {
 			...menuTriggerProps,
 			ref: menuTriggerRef,
 			"data-popover-trigger": true,
 			isPressed: state.isOpen,
 			children: menuTrigger
 		}) : null;
-		$[76] = isDummy;
-		$[77] = menuTrigger;
-		$[78] = menuTriggerProps;
-		$[79] = menuTriggerRef;
-		$[80] = state.isOpen;
+		$[73] = isDummy;
+		$[74] = menuTrigger;
+		$[75] = menuTriggerProps;
+		$[76] = menuTriggerRef;
+		$[77] = state.isOpen;
+		$[78] = t27;
+	} else t27 = $[78];
+	let t28;
+	if ($[79] !== t26 || $[80] !== t27) {
+		t28 = /* @__PURE__ */ jsx(SlotProvider, {
+			slots: t26,
+			children: t27
+		});
+		$[79] = t26;
+		$[80] = t27;
 		$[81] = t28;
 	} else t28 = $[81];
 	let t29;
-	if ($[82] !== t27 || $[83] !== t28) {
-		t29 = /* @__PURE__ */ jsx(SlotProvider, {
-			slots: t27,
-			children: t28
+	if ($[82] !== menuContext || $[83] !== overlay_0) {
+		t29 = /* @__PURE__ */ jsx(MenuContext.Provider, {
+			value: menuContext,
+			children: overlay_0
 		});
-		$[82] = t27;
-		$[83] = t28;
+		$[82] = menuContext;
+		$[83] = overlay_0;
 		$[84] = t29;
 	} else t29 = $[84];
 	let t30;
-	if ($[85] !== menuContext || $[86] !== overlay_0) {
-		t30 = /* @__PURE__ */ jsx(MenuContext.Provider, {
-			value: menuContext,
-			children: overlay_0
-		});
-		$[85] = menuContext;
-		$[86] = overlay_0;
+	if ($[85] !== t28 || $[86] !== t29) {
+		t30 = /* @__PURE__ */ jsxs(Fragment, { children: [t28, t29] });
+		$[85] = t28;
+		$[86] = t29;
 		$[87] = t30;
 	} else t30 = $[87];
-	let t31;
-	if ($[88] !== t29 || $[89] !== t30) {
-		t31 = /* @__PURE__ */ jsxs(Fragment, { children: [t29, t30] });
-		$[88] = t29;
-		$[89] = t30;
-		$[90] = t31;
-	} else t31 = $[90];
-	return t31;
+	return t30;
 }
 /**
 * The MenuTrigger serves as a wrapper around a Menu and its associated trigger,

package/dist/components/actions/Menu/MenuTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuTrigger.js","names":["PressResponder","useObjectRef","useIsMobileDevice","forwardRef","Fragment","MutableRefObject","ReactElement","Ref","RefObject","useEffect","useMemo","useRef","AriaMenuTriggerProps","DismissButton","FocusScope","Placement","PositionProps","useMenuTrigger","useOverlayPosition","MenuTriggerState","useMenuTriggerState","useEvent","generateRandomId","SlotProvider","usePopoverSync","Popover","Tray","isOwnActionsPress","MenuContext","MenuContextValue","CubeMenuTriggerProps","Omit","isDisabled","defaultOpen","onOpenChange","isOpen","targetRef","HTMLElement","children","state","closeOnSelect","isDummy","shouldRestoreFocus","popoverRef","HTMLDivElement","mobileType","MenuTrigger","props","ref","$","_c","internalPopoverRef","menuPopoverRef","trayRef","triggerRef","domRef","menuTriggerRef","menuRef","wasOpenRef","shouldFlip","t0","trigger","t1","t2","t3","undefined","t4","Symbol","for","menuId","Array","isArray","length","Error","menuTrigger","menu","t5","close","t6","t7","onClose","enabled","containerRef","t8","menuTriggerProps","menuProps","initialPlacement","placement","isMobileDevice","isTray","t9","t10","offset","t11","crossOffset","t12","containerPadding","overlayRef","scrollRef","overlayProps","positionProps","t13","activeElement","document","body","isConnected","overlay","current","contains","hasFocusMovedOutsideMenu","t14","t15","setTimeout","focus","t16","focusStrategy","t17","width","maxHeight","t18","t19","popover","tray","t20","t21","autoFocus","style","mods","isClosing","menuContext","t22","t23","t24","contents","t25","el","menuTriggerEl","closest","shouldCloseOnInteractOutside","t26","t27","actionButton","holdAffordance","t28","t29","t30","overlay_0","t31","_MenuTrigger","displayName","_c","Tray","Popover"],"sources":["../../../../src/components/actions/Menu/MenuTrigger.tsx"],"sourcesContent":["import { PressResponder } from '@react-aria/interactions';\nimport { useObjectRef } from '@react-aria/utils';\nimport { useIsMobileDevice } from '@react-spectrum/utils';\nimport {\n  forwardRef,\n  Fragment,\n  MutableRefObject,\n  ReactElement,\n  Ref,\n  RefObject,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  AriaMenuTriggerProps,\n  DismissButton,\n  FocusScope,\n  Placement,\n  PositionProps,\n  useMenuTrigger,\n  useOverlayPosition,\n} from 'react-aria';\nimport { MenuTriggerState, useMenuTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { generateRandomId } from '../../../utils/random';\nimport { SlotProvider } from '../../../utils/react';\nimport { usePopoverSync } from '../../../utils/react/usePopoverSync';\nimport { Popover, Tray } from '../../overlays/Modal';\nimport { isOwnActionsPress } from '../actions-run';\n\nimport { MenuContext, MenuContextValue } from './context';\n\nexport type { AriaMenuTriggerProps };\n\nexport type CubeMenuTriggerProps = Omit<AriaMenuTriggerProps, 'children'> &\n  PositionProps & {\n    isDisabled?: boolean;\n    defaultOpen?: boolean;\n    onOpenChange?: (isOpen: boolean) => void;\n    targetRef?: RefObject<HTMLElement | null>;\n    children: [\n      ReactElement | ((state: MenuTriggerState) => ReactElement),\n      ReactElement,\n    ];\n\n    closeOnSelect?: boolean;\n    isDummy?: boolean;\n    /**\n     * Whether focus returns to the trigger when the menu closes. Defaults to\n     * `true`.\n     *\n     * The restore is skipped automatically whenever the action that closed the\n     * menu has already moved focus somewhere else, so an item that opens a\n     * panel/dialog/inline editor and focuses it needs nothing here. Pass\n     * `false` for the remaining case: a surface that claims focus *later* than\n     * the menu's own restore (after an async load, an entry animation, or a\n     * `requestAnimationFrame`), where the trigger would otherwise take focus\n     * first and produce a visible flash.\n     */\n    shouldRestoreFocus?: boolean;\n    /**\n     * External ref to the popover container element. When provided, it is\n     * aliased to the internal `menuPopoverRef`, letting consumers (e.g.\n     * `useAnchoredMenu` / `useContextMenu`) feed the popover container into\n     * their own `usePopoverSync` so the nested-popover guard can recognize\n     * submenus opened inside this menu. Optional.\n     */\n    popoverRef?: MutableRefObject<HTMLDivElement | null>;\n    /**\n     * Overlay variant to use on mobile screens. Defaults to `'popover'`, which\n     * keeps the desktop overlay even on small viewports. Pass `'tray'` to opt\n     * into the bottom-sheet `Tray` overlay on mobile (the previous implicit\n     * default). Mirrors the `mobileType` API on `DialogTrigger`.\n     */\n    mobileType?: 'popover' | 'tray';\n  };\n\nfunction MenuTrigger(props: CubeMenuTriggerProps, ref: Ref<HTMLElement>) {\n  const internalPopoverRef = useRef<HTMLDivElement>(null);\n  const menuPopoverRef = props.popoverRef ?? internalPopoverRef;\n  const trayRef = useRef<HTMLElement>(null);\n  const triggerRef = useRef<HTMLElement>(null);\n  const domRef = useObjectRef(ref);\n  const menuTriggerRef = props.targetRef || domRef || triggerRef;\n  const menuRef = useRef<HTMLUListElement>(null);\n  const wasOpenRef = useRef(false);\n  const {\n    children,\n    shouldFlip = true,\n    closeOnSelect,\n    trigger = 'press',\n    isDisabled,\n    isDummy,\n    mobileType = 'popover',\n    shouldRestoreFocus = true,\n  } = props;\n\n  // Generate a unique ID for this menu instance\n  const menuId = useMemo(() => generateRandomId(), []);\n\n  if (!Array.isArray(children) || children.length > 2) {\n    throw new Error('MenuTrigger must have exactly 2 children');\n  }\n\n  let [menuTrigger, menu] = children;\n  const state: MenuTriggerState = useMenuTriggerState(props);\n\n  usePopoverSync({\n    menuId,\n    isOpen: state.isOpen,\n    onClose: () => state.close(),\n    enabled: !isDummy,\n    triggerRef: menuTriggerRef,\n    containerRef: menuPopoverRef,\n  });\n\n  if (typeof menuTrigger === 'function') {\n    menuTrigger = menuTrigger(state);\n  }\n\n  const { menuTriggerProps, menuProps } = useMenuTrigger(\n    { isDisabled },\n    state,\n    menuTriggerRef,\n  );\n\n  let initialPlacement: Placement = props.placement ?? 'bottom start';\n\n  // Tray rendering is now opt-in via `mobileType=\"tray\"` (matches DialogTrigger).\n  // Without that opt-in, MenuTrigger always renders a Popover so that environments\n  // like jsdom (where `window.screen.width === 0` makes useIsMobileDevice() true)\n  // don't accidentally swap in the tray overlay.\n  const isMobileDevice = useIsMobileDevice();\n  const isTray = mobileType === 'tray' && isMobileDevice;\n  const { overlayProps: positionProps, placement } = useOverlayPosition({\n    targetRef: menuTriggerRef,\n    overlayRef: menuPopoverRef,\n    scrollRef: menuRef,\n    placement: initialPlacement,\n    shouldFlip: shouldFlip,\n    isOpen: state.isOpen && !isTray,\n    onClose: state.close,\n    containerPadding: props.containerPadding,\n    offset: props.offset ?? 8,\n    crossOffset: props.crossOffset ?? 0,\n  });\n\n  // Whether focus has been claimed by something outside the closing menu —\n  // the signal that a menu action handed focus off and the trigger must not\n  // take it back.\n  //\n  // Focus still inside the menu overlay means nobody claimed it: the pressed\n  // item keeps focus while the popover plays its ~350ms exit animation. Focus\n  // on `<body>` (or on a detached element) means the focused node went away\n  // with the menu. Both are cases where the trigger is where focus belongs.\n  const hasFocusMovedOutsideMenu = useEvent(() => {\n    const activeElement = document.activeElement;\n\n    if (!activeElement || activeElement === document.body) return false;\n    if (!activeElement.isConnected) return false;\n\n    // `menuPopoverRef` is only wired to the `Popover` branch, so the overlay\n    // container is `trayRef` when `mobileType=\"tray\"` is in effect.\n    const overlay = isTray ? trayRef.current : menuPopoverRef.current;\n\n    return !(\n      overlay?.contains(activeElement) ||\n      menuRef.current?.contains(activeElement) ||\n      menuTriggerRef.current?.contains(activeElement)\n    );\n  });\n\n  // Restore focus manually when the menu closes\n  useEffect(() => {\n    if (!state.isOpen && wasOpenRef.current && !isDummy) {\n      wasOpenRef.current = false;\n\n      if (!shouldRestoreFocus) return;\n\n      // Use setTimeout to ensure focus restoration happens after any animations\n      setTimeout(() => {\n        // An action that opened a panel, a dialog or an inline editor has\n        // already focused it by now — taking focus back to the trigger would\n        // undo the hand-off, which consumers previously had to out-race by\n        // re-focusing on every animation frame (CUB-3962).\n        if (hasFocusMovedOutsideMenu()) return;\n\n        menuTriggerRef.current?.focus();\n      }, 0);\n    } else if (state.isOpen) {\n      wasOpenRef.current = true;\n    }\n  }, [\n    state.isOpen,\n    menuTriggerRef,\n    isDummy,\n    shouldRestoreFocus,\n    hasFocusMovedOutsideMenu,\n  ]);\n\n  const menuContext = {\n    ...menuProps,\n    ref: menuRef,\n    onClose: state.close,\n    closeOnSelect,\n    autoFocus: (state.focusStrategy as any) ?? 'first',\n    style: isTray\n      ? {\n          width: '100%',\n          maxHeight: 'inherit',\n        }\n      : undefined,\n    mods: {\n      popover: !isTray,\n      tray: isTray,\n    },\n    isClosing: !state.isOpen,\n  } as MenuContextValue;\n\n  // Wrap in a FocusScope so the menu popover registers as a child of any\n  // outer contained FocusScope (e.g. a parent Dialog/Popover). Without this,\n  // when the menu opens inside an outer contained FocusScope, the outer\n  // scope rejects focus moving into the menu items (which live in a portal\n  // and would otherwise belong to no scope) and yanks focus back to the\n  // menu trigger.\n  //\n  // `restoreFocus` follows `shouldRestoreFocus`, so opting out silences the\n  // scope's own unmount restore too. Scope registration (and therefore the\n  // guarantee above) is unaffected — `FocusScope` joins the tree and tracks\n  // the active scope regardless of `restoreFocus`.\n  const contents = (\n    <FocusScope restoreFocus={shouldRestoreFocus}>\n      <DismissButton onDismiss={state.close} />\n      {menu}\n      <DismissButton onDismiss={state.close} />\n    </FocusScope>\n  );\n\n  // Shared between the Popover and Tray branches so both react-aria\n  // `useOverlay` calls see the same predicate. Without this, the Tray branch\n  // falls back to unconditional dismiss-on-outside-interaction, which\n  // `useOverlay` translates into stopPropagation/preventDefault in the\n  // capture phase — that swallows clicks on sibling triggers (see Menu\n  // rapid-open test).\n  //\n  // `useEvent` gives us a single stable callback reference for the lifetime\n  // of the component while always reading the latest closure values. This\n  // matters because `useMenuTriggerState` returns a fresh `state` object on\n  // every render, so a vanilla `useCallback([..., state])` would produce a\n  // new function every render and defeat any stability guarantees consumers\n  // rely on.\n  const shouldCloseOnInteractOutside = useEvent((el: Element) => {\n    // While `Popover` is animating out, `useInteractOutside`'s capture-phase\n    // listener is still attached (jsdom 29+ uses pointerdown/click capture).\n    // The animation lasts ~350ms; without this guard, clicks on a sibling\n    // trigger during the exit window get stopPropagation()'d and the\n    // sibling's `onClick` never runs — breaking rapid-open and \"open menu\n    // again with new props\" flows. Reading `state.isOpen` directly is safe\n    // because `useEvent` always sees the latest closure.\n    if (!state.isOpen) return false;\n\n    // A press on our OWN trigger's actions run — an `ItemButton` row's\n    // `actions` — is not a press outside. The run is rendered as a sibling of\n    // the trigger (see `ItemActionsWrapper`), so the checks below cannot\n    // recognise it and we closed instead, which cost the action its press: the\n    // first press on it while the menu was open only closed the menu.\n    if (isOwnActionsPress(el, menuTriggerRef.current)) return false;\n\n    const menuTriggerEl = el.closest('[data-popover-trigger]');\n    if (!menuTriggerEl) {\n      if (el.closest('[data-popover-keep]')) return false;\n      // Plain interactive controls (Button, ItemButton) opt in via\n      // `data-popover-dismiss`. We schedule the close via setTimeout(0) so\n      // it lands AFTER the click event finishes — the button's onPress\n      // fires first, then the popover closes. Without this, useOverlay\n      // would stopPropagation() the click and the user would need a second\n      // click to actually press the button.\n      if (el.closest('[data-popover-dismiss]')) {\n        setTimeout(() => state.close(), 0);\n        return false;\n      }\n      return true;\n    }\n    if (\n      isDummy &&\n      (menuTriggerEl === menuTriggerRef.current ||\n        menuTriggerRef.current?.contains(el))\n    ) {\n      return true;\n    }\n    if (menuTriggerEl === menuTriggerRef.current) return true;\n    return false;\n  });\n\n  let overlay;\n  if (isTray) {\n    overlay = (\n      <Tray\n        ref={trayRef}\n        isOpen={state.isOpen}\n        shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n        onClose={state.close}\n      >\n        {contents}\n      </Tray>\n    );\n  } else {\n    overlay = (\n      <Popover\n        ref={menuPopoverRef}\n        hideArrow\n        isNonModal\n        isOpen={state.isOpen}\n        style={positionProps.style}\n        placement={placement ?? undefined}\n        shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n        onClose={state.close}\n      >\n        {contents}\n      </Popover>\n    );\n  }\n\n  return (\n    <Fragment>\n      <SlotProvider\n        slots={{ actionButton: { holdAffordance: trigger === 'longPress' } }}\n      >\n        {!isDummy ? (\n          <PressResponder\n            {...menuTriggerProps}\n            ref={menuTriggerRef}\n            data-popover-trigger\n            isPressed={state.isOpen}\n          >\n            {menuTrigger}\n          </PressResponder>\n        ) : null}\n      </SlotProvider>\n      <MenuContext.Provider value={menuContext}>{overlay}</MenuContext.Provider>\n    </Fragment>\n  );\n}\n\n/**\n * The MenuTrigger serves as a wrapper around a Menu and its associated trigger,\n * linking the Menu's open state with the trigger's press state.\n */\nlet _MenuTrigger = forwardRef(MenuTrigger);\n\n_MenuTrigger.displayName = 'MenuTrigger';\n\nexport { _MenuTrigger as MenuTrigger };\n"],"mappings":"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"}
+{"version":3,"file":"MenuTrigger.js","names":["PressResponder","useObjectRef","useIsMobileDevice","forwardRef","Fragment","MutableRefObject","ReactElement","Ref","RefObject","useEffect","useMemo","useRef","AriaMenuTriggerProps","DismissButton","FocusScope","Placement","PositionProps","useMenuTrigger","useOverlayPosition","MenuTriggerState","useMenuTriggerState","useEvent","generateRandomId","SlotProvider","usePopoverSync","Popover","Tray","isOwnActionsPress","MenuContext","MenuContextValue","CubeMenuTriggerProps","Omit","isDisabled","defaultOpen","onOpenChange","isOpen","targetRef","HTMLElement","children","state","closeOnSelect","isDummy","shouldRestoreFocus","popoverRef","HTMLDivElement","mobileType","MenuTrigger","props","ref","$","_c","internalPopoverRef","menuPopoverRef","trayRef","triggerRef","domRef","menuTriggerRef","menuRef","wasOpenRef","shouldFlip","t0","trigger","t1","t2","t3","undefined","t4","Symbol","for","menuId","Array","isArray","length","Error","menuTrigger","menu","t5","close","t6","t7","onClose","enabled","containerRef","t8","menuTriggerProps","menuProps","initialPlacement","placement","isMobileDevice","isTray","t9","t10","offset","t11","crossOffset","t12","containerPadding","overlayRef","scrollRef","overlayProps","positionProps","t13","activeElement","document","body","isConnected","overlay","current","contains","hasFocusMovedOutsideMenu","t14","t15","setTimeout","focus","t16","focusStrategy","t17","t18","popover","tray","t19","t20","autoFocus","mods","isClosing","menuContext","t21","t22","t23","contents","t24","el","menuTriggerEl","closest","shouldCloseOnInteractOutside","t25","t26","style","actionButton","holdAffordance","t27","t28","t29","overlay_0","t30","_MenuTrigger","displayName","_c","Tray","Popover"],"sources":["../../../../src/components/actions/Menu/MenuTrigger.tsx"],"sourcesContent":["import { PressResponder } from '@react-aria/interactions';\nimport { useObjectRef } from '@react-aria/utils';\nimport { useIsMobileDevice } from '@react-spectrum/utils';\nimport {\n  forwardRef,\n  Fragment,\n  MutableRefObject,\n  ReactElement,\n  Ref,\n  RefObject,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  AriaMenuTriggerProps,\n  DismissButton,\n  FocusScope,\n  Placement,\n  PositionProps,\n  useMenuTrigger,\n  useOverlayPosition,\n} from 'react-aria';\nimport { MenuTriggerState, useMenuTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { generateRandomId } from '../../../utils/random';\nimport { SlotProvider } from '../../../utils/react';\nimport { usePopoverSync } from '../../../utils/react/usePopoverSync';\nimport { Popover, Tray } from '../../overlays/Modal';\nimport { isOwnActionsPress } from '../actions-run';\n\nimport { MenuContext, MenuContextValue } from './context';\n\nexport type { AriaMenuTriggerProps };\n\nexport type CubeMenuTriggerProps = Omit<AriaMenuTriggerProps, 'children'> &\n  PositionProps & {\n    isDisabled?: boolean;\n    defaultOpen?: boolean;\n    onOpenChange?: (isOpen: boolean) => void;\n    targetRef?: RefObject<HTMLElement | null>;\n    children: [\n      ReactElement | ((state: MenuTriggerState) => ReactElement),\n      ReactElement,\n    ];\n\n    closeOnSelect?: boolean;\n    isDummy?: boolean;\n    /**\n     * Whether focus returns to the trigger when the menu closes. Defaults to\n     * `true`.\n     *\n     * The restore is skipped automatically whenever the action that closed the\n     * menu has already moved focus somewhere else, so an item that opens a\n     * panel/dialog/inline editor and focuses it needs nothing here. Pass\n     * `false` for the remaining case: a surface that claims focus *later* than\n     * the menu's own restore (after an async load, an entry animation, or a\n     * `requestAnimationFrame`), where the trigger would otherwise take focus\n     * first and produce a visible flash.\n     */\n    shouldRestoreFocus?: boolean;\n    /**\n     * External ref to the popover container element. When provided, it is\n     * aliased to the internal `menuPopoverRef`, letting consumers (e.g.\n     * `useAnchoredMenu` / `useContextMenu`) feed the popover container into\n     * their own `usePopoverSync` so the nested-popover guard can recognize\n     * submenus opened inside this menu. Optional.\n     */\n    popoverRef?: MutableRefObject<HTMLDivElement | null>;\n    /**\n     * Overlay variant to use on mobile screens. Defaults to `'popover'`, which\n     * keeps the desktop overlay even on small viewports. Pass `'tray'` to opt\n     * into the bottom-sheet `Tray` overlay on mobile (the previous implicit\n     * default). Mirrors the `mobileType` API on `DialogTrigger`.\n     */\n    mobileType?: 'popover' | 'tray';\n  };\n\nfunction MenuTrigger(props: CubeMenuTriggerProps, ref: Ref<HTMLElement>) {\n  const internalPopoverRef = useRef<HTMLDivElement>(null);\n  const menuPopoverRef = props.popoverRef ?? internalPopoverRef;\n  const trayRef = useRef<HTMLElement>(null);\n  const triggerRef = useRef<HTMLElement>(null);\n  const domRef = useObjectRef(ref);\n  const menuTriggerRef = props.targetRef || domRef || triggerRef;\n  const menuRef = useRef<HTMLUListElement>(null);\n  const wasOpenRef = useRef(false);\n  const {\n    children,\n    shouldFlip = true,\n    closeOnSelect,\n    trigger = 'press',\n    isDisabled,\n    isDummy,\n    mobileType = 'popover',\n    shouldRestoreFocus = true,\n  } = props;\n\n  // Generate a unique ID for this menu instance\n  const menuId = useMemo(() => generateRandomId(), []);\n\n  if (!Array.isArray(children) || children.length > 2) {\n    throw new Error('MenuTrigger must have exactly 2 children');\n  }\n\n  let [menuTrigger, menu] = children;\n  const state: MenuTriggerState = useMenuTriggerState(props);\n\n  usePopoverSync({\n    menuId,\n    isOpen: state.isOpen,\n    onClose: () => state.close(),\n    enabled: !isDummy,\n    triggerRef: menuTriggerRef,\n    containerRef: menuPopoverRef,\n  });\n\n  if (typeof menuTrigger === 'function') {\n    menuTrigger = menuTrigger(state);\n  }\n\n  const { menuTriggerProps, menuProps } = useMenuTrigger(\n    { isDisabled },\n    state,\n    menuTriggerRef,\n  );\n\n  let initialPlacement: Placement = props.placement ?? 'bottom start';\n\n  // Tray rendering is now opt-in via `mobileType=\"tray\"` (matches DialogTrigger).\n  // Without that opt-in, MenuTrigger always renders a Popover so that environments\n  // like jsdom (where `window.screen.width === 0` makes useIsMobileDevice() true)\n  // don't accidentally swap in the tray overlay.\n  const isMobileDevice = useIsMobileDevice();\n  const isTray = mobileType === 'tray' && isMobileDevice;\n  const { overlayProps: positionProps, placement } = useOverlayPosition({\n    targetRef: menuTriggerRef,\n    overlayRef: menuPopoverRef,\n    scrollRef: menuRef,\n    placement: initialPlacement,\n    shouldFlip: shouldFlip,\n    isOpen: state.isOpen && !isTray,\n    onClose: state.close,\n    containerPadding: props.containerPadding,\n    offset: props.offset ?? 8,\n    crossOffset: props.crossOffset ?? 0,\n  });\n\n  // Whether focus has been claimed by something outside the closing menu —\n  // the signal that a menu action handed focus off and the trigger must not\n  // take it back.\n  //\n  // Focus still inside the menu overlay means nobody claimed it: the pressed\n  // item keeps focus while the popover plays its ~350ms exit animation. Focus\n  // on `<body>` (or on a detached element) means the focused node went away\n  // with the menu. Both are cases where the trigger is where focus belongs.\n  const hasFocusMovedOutsideMenu = useEvent(() => {\n    const activeElement = document.activeElement;\n\n    if (!activeElement || activeElement === document.body) return false;\n    if (!activeElement.isConnected) return false;\n\n    // `menuPopoverRef` is only wired to the `Popover` branch, so the overlay\n    // container is `trayRef` when `mobileType=\"tray\"` is in effect.\n    const overlay = isTray ? trayRef.current : menuPopoverRef.current;\n\n    return !(\n      overlay?.contains(activeElement) ||\n      menuRef.current?.contains(activeElement) ||\n      menuTriggerRef.current?.contains(activeElement)\n    );\n  });\n\n  // Restore focus manually when the menu closes\n  useEffect(() => {\n    if (!state.isOpen && wasOpenRef.current && !isDummy) {\n      wasOpenRef.current = false;\n\n      if (!shouldRestoreFocus) return;\n\n      // Use setTimeout to ensure focus restoration happens after any animations\n      setTimeout(() => {\n        // An action that opened a panel, a dialog or an inline editor has\n        // already focused it by now — taking focus back to the trigger would\n        // undo the hand-off, which consumers previously had to out-race by\n        // re-focusing on every animation frame (CUB-3962).\n        if (hasFocusMovedOutsideMenu()) return;\n\n        menuTriggerRef.current?.focus();\n      }, 0);\n    } else if (state.isOpen) {\n      wasOpenRef.current = true;\n    }\n  }, [\n    state.isOpen,\n    menuTriggerRef,\n    isDummy,\n    shouldRestoreFocus,\n    hasFocusMovedOutsideMenu,\n  ]);\n\n  const menuContext = {\n    ...menuProps,\n    ref: menuRef,\n    onClose: state.close,\n    closeOnSelect,\n    autoFocus: (state.focusStrategy as any) ?? 'first',\n    mods: {\n      popover: !isTray,\n      tray: isTray,\n    },\n    isClosing: !state.isOpen,\n  } as MenuContextValue;\n\n  // Wrap in a FocusScope so the menu popover registers as a child of any\n  // outer contained FocusScope (e.g. a parent Dialog/Popover). Without this,\n  // when the menu opens inside an outer contained FocusScope, the outer\n  // scope rejects focus moving into the menu items (which live in a portal\n  // and would otherwise belong to no scope) and yanks focus back to the\n  // menu trigger.\n  //\n  // `restoreFocus` follows `shouldRestoreFocus`, so opting out silences the\n  // scope's own unmount restore too. Scope registration (and therefore the\n  // guarantee above) is unaffected — `FocusScope` joins the tree and tracks\n  // the active scope regardless of `restoreFocus`.\n  const contents = (\n    <FocusScope restoreFocus={shouldRestoreFocus}>\n      <DismissButton onDismiss={state.close} />\n      {menu}\n      <DismissButton onDismiss={state.close} />\n    </FocusScope>\n  );\n\n  // Shared between the Popover and Tray branches so both react-aria\n  // `useOverlay` calls see the same predicate. Without this, the Tray branch\n  // falls back to unconditional dismiss-on-outside-interaction, which\n  // `useOverlay` translates into stopPropagation/preventDefault in the\n  // capture phase — that swallows clicks on sibling triggers (see Menu\n  // rapid-open test).\n  //\n  // `useEvent` gives us a single stable callback reference for the lifetime\n  // of the component while always reading the latest closure values. This\n  // matters because `useMenuTriggerState` returns a fresh `state` object on\n  // every render, so a vanilla `useCallback([..., state])` would produce a\n  // new function every render and defeat any stability guarantees consumers\n  // rely on.\n  const shouldCloseOnInteractOutside = useEvent((el: Element) => {\n    // While `Popover` is animating out, `useInteractOutside`'s capture-phase\n    // listener is still attached (jsdom 29+ uses pointerdown/click capture).\n    // The animation lasts ~350ms; without this guard, clicks on a sibling\n    // trigger during the exit window get stopPropagation()'d and the\n    // sibling's `onClick` never runs — breaking rapid-open and \"open menu\n    // again with new props\" flows. Reading `state.isOpen` directly is safe\n    // because `useEvent` always sees the latest closure.\n    if (!state.isOpen) return false;\n\n    // A press on our OWN trigger's actions run — an `ItemButton` row's\n    // `actions` — is not a press outside. The run is rendered as a sibling of\n    // the trigger (see `ItemActionsWrapper`), so the checks below cannot\n    // recognise it and we closed instead, which cost the action its press: the\n    // first press on it while the menu was open only closed the menu.\n    if (isOwnActionsPress(el, menuTriggerRef.current)) return false;\n\n    const menuTriggerEl = el.closest('[data-popover-trigger]');\n    if (!menuTriggerEl) {\n      if (el.closest('[data-popover-keep]')) return false;\n      // Plain interactive controls (Button, ItemButton) opt in via\n      // `data-popover-dismiss`. We schedule the close via setTimeout(0) so\n      // it lands AFTER the click event finishes — the button's onPress\n      // fires first, then the popover closes. Without this, useOverlay\n      // would stopPropagation() the click and the user would need a second\n      // click to actually press the button.\n      if (el.closest('[data-popover-dismiss]')) {\n        setTimeout(() => state.close(), 0);\n        return false;\n      }\n      return true;\n    }\n    if (\n      isDummy &&\n      (menuTriggerEl === menuTriggerRef.current ||\n        menuTriggerRef.current?.contains(el))\n    ) {\n      return true;\n    }\n    if (menuTriggerEl === menuTriggerRef.current) return true;\n    return false;\n  });\n\n  let overlay;\n  if (isTray) {\n    overlay = (\n      <Tray\n        ref={trayRef}\n        isOpen={state.isOpen}\n        shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n        onClose={state.close}\n      >\n        {contents}\n      </Tray>\n    );\n  } else {\n    overlay = (\n      <Popover\n        ref={menuPopoverRef}\n        hideArrow\n        isNonModal\n        isOpen={state.isOpen}\n        // oxlint-disable-next-line react/forbid-component-props -- React Aria's overlay positioning computes these coordinates\n        style={positionProps.style}\n        placement={placement ?? undefined}\n        shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n        onClose={state.close}\n      >\n        {contents}\n      </Popover>\n    );\n  }\n\n  return (\n    <Fragment>\n      <SlotProvider\n        slots={{ actionButton: { holdAffordance: trigger === 'longPress' } }}\n      >\n        {!isDummy ? (\n          <PressResponder\n            {...menuTriggerProps}\n            ref={menuTriggerRef}\n            data-popover-trigger\n            isPressed={state.isOpen}\n          >\n            {menuTrigger}\n          </PressResponder>\n        ) : null}\n      </SlotProvider>\n      <MenuContext.Provider value={menuContext}>{overlay}</MenuContext.Provider>\n    </Fragment>\n  );\n}\n\n/**\n * The MenuTrigger serves as a wrapper around a Menu and its associated trigger,\n * linking the Menu's open state with the trigger's press state.\n */\nlet _MenuTrigger = forwardRef(MenuTrigger);\n\n_MenuTrigger.displayName = 'MenuTrigger';\n\nexport { _MenuTrigger as MenuTrigger };\n"],"mappings":"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"}

package/dist/components/actions/Menu/SubMenuTrigger.js

@@ -1,10 +1,11 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { MenuContext, useMenuContext } from "./context.js";
 import { SubmenuTriggerContext } from "./SubmenuTriggerContext.js";
 import { generateRandomId } from "../../../utils/random.js";
 import { Popover as _Popover } from "../../overlays/Modal/Popover.js";
+import { tasty } from "@tenphi/tasty";
 import React, { useEffect, useMemo, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { DismissButton, useMenuTrigger, useOverlayPosition } from "react-aria";
@@ -14,6 +15,7 @@ import { useSyncRef } from "@react-aria/utils";
 const DEFAULT_PLACEMENT = "right top";
 const DEFAULT_OFFSET = 4;
 const DEFAULT_CROSS_OFFSET = -5;
+const PointerAreaElement = tasty({ styles: { display: "contents" } });
 /**
 * Internal SubMenuTrigger that receives the already-rendered trigger element
 * from the collection system and wraps it with submenu behavior.
@@ -184,8 +186,7 @@ function InternalSubMenuTrigger(props) {
 		shouldCloseOnInteractOutside,
 		onClose: state.close,
 		...overlayProps,
-		children: /* @__PURE__ */ jsxs("div", {
-			style: { display: "contents" },
+		children: /* @__PURE__ */ jsxs(PointerAreaElement, {
 			onMouseEnter: handlePopoverMouseEnter,
 			onMouseLeave: handlePopoverMouseLeave,
 			children: [

package/dist/components/actions/Menu/SubMenuTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubMenuTrigger.js","names":["useSyncRef","React","Key","ReactElement","ReactNode","useEffect","useMemo","useRef","useState","AriaMenuTriggerProps","DismissButton","Placement","useMenuTrigger","useOverlayPosition","useMenuTriggerState","useEvent","generateRandomId","usePopoverSync","Popover","MenuContext","MenuContextValue","useMenuContext","SubmenuTriggerContext","DEFAULT_PLACEMENT","DEFAULT_OFFSET","DEFAULT_CROSS_OFFSET","CubeSubMenuTriggerProps","placement","offset","crossOffset","shouldFlip","containerPadding","children","isDisabled","onAction","key","autoFocus","InternalSubMenuTriggerProps","targetKey","InternalSubMenuTrigger","props","overlayProps","menuTrigger","menu","Children","toArray","state","submenuId","domTriggerRef","HTMLElement","popoverRef","HTMLDivElement","menuRef","HTMLUListElement","menuId","isOpen","onClose","close","triggerRef","containerRef","menuTriggerProps","rawTriggerProps","menuProps","type","parentContext","onKeyDown","_mtOnKeyDown","onPress","_mtOnPress","onPressStart","_mtOnPressStart","onKeyUp","_mtOnKeyUp","positionProps","resolvedPlacement","targetRef","overlayRef","scrollRef","nestedMenuContext","ctx","ref","closeOnSelect","mods","popover","isClosing","hoverOpenTimerRef","current","clearTimeout","hoverCloseTimerRef","isHoveringRef","isHoveringSubmenuRef","handleKeyDown","e","KeyboardEvent","preventDefault","stopPropagation","open","nativeEvent","stopImmediatePropagation","ReturnType","setTimeout","checkShouldClose","handleMouseEnter","handleMouseLeave","handlePopoverMouseEnter","handlePopoverMouseLeave","mergeHandler","handler1","handler2","args","shouldCloseOnInteractOutside","el","Element","menuTriggerEl","closest","triggerContextValue","triggerProps","onMouseEnter","onMouseLeave","undefined","style","display","cloneElement","querySelector","focus","SubMenuTrigger","getCollectionNode","trigger","element","wrapper","displayName","Popover"],"sources":["../../../../src/components/actions/Menu/SubMenuTrigger.tsx"],"sourcesContent":["import { useSyncRef } from '@react-aria/utils';\nimport React, {\n  Key,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  AriaMenuTriggerProps,\n  DismissButton,\n  Placement,\n  useMenuTrigger,\n  useOverlayPosition,\n} from 'react-aria';\nimport { useMenuTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { generateRandomId } from '../../../utils/random';\nimport { usePopoverSync } from '../../../utils/react/usePopoverSync';\nimport { Popover } from '../../overlays/Modal';\n\nimport { MenuContext, MenuContextValue, useMenuContext } from './context';\nimport { SubmenuTriggerContext } from './SubmenuTriggerContext';\n\n// Default placement & offset for sub-menus (matches Spectrum / Aria)\nconst DEFAULT_PLACEMENT: Placement = 'right top';\nconst DEFAULT_OFFSET = 4;\nconst DEFAULT_CROSS_OFFSET = -5;\n\nexport interface CubeSubMenuTriggerProps extends AriaMenuTriggerProps {\n  /** The preferred placement of the sub-menu relative to the trigger */\n  placement?: Placement;\n\n  /** Distance in pixels between the trigger and sub-menu */\n  offset?: number;\n\n  /** Distance in pixels along the cross axis from the default alignment */\n  crossOffset?: number;\n\n  /** Whether the sub-menu should flip to the opposite side when it would overflow */\n  shouldFlip?: boolean;\n\n  /** Minimum padding in pixels between the sub-menu and viewport edges */\n  containerPadding?: number;\n\n  /**\n   * Sub-menu trigger and the sub-menu itself. Must be exactly two React nodes.\n   *\n   * 1) Trigger – a `Menu.Item` with its semantic menuitem inside a list row.\n   * 2) Sub-menu – a `<Menu>` element.\n   */\n  children: [ReactNode, ReactElement];\n\n  /** Whether the trigger is disabled and cannot be activated */\n  isDisabled?: boolean;\n\n  /**\n   * Callback fired when an action is selected from the sub-menu.\n   * Bubbles the `onAction` event from the sub-menu to parent components.\n   */\n  onAction?: (key: Key) => void;\n\n  /**\n   * Controls focus behavior when the sub-menu opens.\n   * - `true` or `'first'`: Focus the first item\n   * - `'last'`: Focus the last item\n   * - `false`: Don't auto-focus any item\n   * @default 'first'\n   */\n  autoFocus?: boolean | 'first' | 'last';\n}\n\ninterface InternalSubMenuTriggerProps extends CubeSubMenuTriggerProps {\n  targetKey?: Key;\n}\n\n/**\n * Internal SubMenuTrigger that receives the already-rendered trigger element\n * from the collection system and wraps it with submenu behavior.\n */\nfunction InternalSubMenuTrigger(props: InternalSubMenuTriggerProps) {\n  const {\n    children,\n    placement = DEFAULT_PLACEMENT,\n    offset = DEFAULT_OFFSET,\n    crossOffset = DEFAULT_CROSS_OFFSET,\n    shouldFlip = true,\n    isDisabled,\n    autoFocus = 'first',\n    onAction,\n    targetKey,\n    ...overlayProps\n  } = props;\n\n  // Children: [menuTrigger (already rendered MenuItem), menu (Menu component)]\n  const [menuTrigger, menu] = React.Children.toArray(children) as [\n    ReactElement,\n    ReactElement,\n  ];\n\n  const state = useMenuTriggerState(props as AriaMenuTriggerProps);\n\n  // Generate a unique ID for this submenu instance\n  const submenuId = useMemo(() => generateRandomId(), []);\n\n  // Refs – trigger (MenuItem <li>) and overlay (<div> from Popover)\n  const domTriggerRef = useRef<HTMLElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const menuRef = useRef<HTMLUListElement>(null);\n\n  usePopoverSync({\n    menuId: submenuId,\n    isOpen: state.isOpen,\n    onClose: () => state.close(),\n    triggerRef: domTriggerRef,\n    containerRef: popoverRef,\n  });\n\n  // Strip keyboard/press handlers that we will implement ourselves\n  const { menuTriggerProps: rawTriggerProps, menuProps } = useMenuTrigger(\n    { type: 'menu', isDisabled },\n    state,\n    domTriggerRef,\n  );\n\n  // Get parent context to check if parent menu is closing\n  const parentContext = useMenuContext();\n\n  // Remove default onKeyDown/onPress handlers from trigger props – we implement custom ones\n  const {\n    onKeyDown: _mtOnKeyDown,\n    onPress: _mtOnPress,\n    onPressStart: _mtOnPressStart,\n    onKeyUp: _mtOnKeyUp,\n    ...menuTriggerProps\n  } = rawTriggerProps;\n\n  const { overlayProps: positionProps, placement: resolvedPlacement } =\n    useOverlayPosition({\n      targetRef: domTriggerRef,\n      overlayRef: popoverRef,\n      scrollRef: menuRef,\n      placement,\n      offset: offset as number,\n      crossOffset: crossOffset as number,\n      shouldFlip,\n      isOpen: state.isOpen,\n      onClose: state.close,\n    });\n\n  /**\n   * Build a MenuContext for the nested menu so it behaves just like a regular\n   * popover-based Menu (selection handling, focus management, etc.).\n   */\n  const nestedMenuContext = useMemo(() => {\n    const ctx: MenuContextValue = {\n      ...menuProps,\n      ref: menuRef,\n      // Pass the parent's onClose to close the entire menu hierarchy\n      onClose: () => {\n        // Close this submenu state immediately\n        state.close();\n\n        // Then close the parent menu\n        if (parentContext.onClose) {\n          parentContext.onClose();\n        }\n      },\n      closeOnSelect: true,\n      autoFocus,\n      mods: {\n        popover: true,\n      },\n      // Propagate closing state from parent\n      isClosing: parentContext.isClosing || !state.isOpen,\n    };\n\n    return ctx;\n  }, [\n    menuProps,\n    autoFocus,\n    state,\n    parentContext.onClose,\n    parentContext.isClosing,\n  ]);\n\n  // Sync the parent selection manager focus with DOM ref (for virtual focus scenarios)\n  useSyncRef(parentContext, domTriggerRef);\n\n  // Cleanup hover timers and reset refs on unmount\n  useEffect(() => {\n    return () => {\n      if (hoverOpenTimerRef.current) {\n        clearTimeout(hoverOpenTimerRef.current);\n      }\n      if (hoverCloseTimerRef.current) {\n        clearTimeout(hoverCloseTimerRef.current);\n      }\n      isHoveringRef.current = false;\n      isHoveringSubmenuRef.current = false;\n    };\n  }, []);\n\n  // ----- Render -----\n\n  // Handle keyboard navigation\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (isDisabled) return;\n\n    // Arrow right opens submenu\n    if (e.key === 'ArrowRight') {\n      e.preventDefault();\n      e.stopPropagation();\n      state.open();\n    }\n    // Enter or Space opens submenu. Preventing the default keeps `MenuItem`\n    // from passing the key on to React Aria's item handler, which would click\n    // the item and run its action as well.\n    else if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      e.stopPropagation();\n      // Stop immediate propagation to prevent React Aria's handlers from running\n      e.nativeEvent.stopImmediatePropagation();\n      state.open();\n    }\n    // Arrow left closes submenu if open\n    else if (e.key === 'ArrowLeft' && state.isOpen) {\n      e.preventDefault();\n      e.stopPropagation();\n      state.close();\n    }\n  };\n\n  // Use refs to store timer IDs\n  const hoverOpenTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const hoverCloseTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Track if mouse is over trigger or submenu\n  const isHoveringRef = useRef(false);\n  const isHoveringSubmenuRef = useRef(false);\n\n  const checkShouldClose = () => {\n    // Only close if mouse is not over trigger OR submenu\n    if (!isHoveringRef.current && !isHoveringSubmenuRef.current) {\n      hoverCloseTimerRef.current = setTimeout(() => {\n        // Double check before closing\n        if (!isHoveringRef.current && !isHoveringSubmenuRef.current) {\n          state.close();\n        }\n      }, 300);\n    }\n  };\n\n  // Handle mouse interactions on trigger\n  const handleMouseEnter = () => {\n    if (isDisabled) return;\n\n    isHoveringRef.current = true;\n\n    // Clear any pending close timer\n    if (hoverCloseTimerRef.current) {\n      clearTimeout(hoverCloseTimerRef.current);\n      hoverCloseTimerRef.current = null;\n    }\n\n    // Use a small delay to prevent accidental opens\n    if (!state.isOpen) {\n      hoverOpenTimerRef.current = setTimeout(() => {\n        if (isHoveringRef.current) {\n          state.open();\n        }\n      }, 200);\n    }\n  };\n\n  const handleMouseLeave = () => {\n    isHoveringRef.current = false;\n\n    // Clear open timer if it exists\n    if (hoverOpenTimerRef.current) {\n      clearTimeout(hoverOpenTimerRef.current);\n      hoverOpenTimerRef.current = null;\n    }\n\n    // Check if we should close\n    checkShouldClose();\n  };\n\n  // Handle mouse events on the submenu popover\n  const handlePopoverMouseEnter = () => {\n    isHoveringSubmenuRef.current = true;\n\n    // Clear any pending close timer when entering submenu\n    if (hoverCloseTimerRef.current) {\n      clearTimeout(hoverCloseTimerRef.current);\n      hoverCloseTimerRef.current = null;\n    }\n  };\n\n  const handlePopoverMouseLeave = () => {\n    isHoveringSubmenuRef.current = false;\n\n    // Check if we should close\n    checkShouldClose();\n  };\n\n  // Merge event handlers\n  const mergeHandler = (handler1: any, handler2: any) => {\n    return (...args: any[]) => {\n      handler1?.(...args);\n      handler2?.(...args);\n    };\n  };\n\n  // Outside-click handling for the nested submenu Popover.\n  //\n  // React Aria's `useOverlay` keeps a module-level `visibleOverlays` stack and\n  // only invokes `onClose` for the topmost overlay (`onHide` gates on the\n  // stack tail). With root + N nested submenus open, a single outside click\n  // would otherwise only close the deepest submenu. Scheduling\n  // `parentContext.onClose()` here propagates the close upward; the existing\n  // `parentContext.isClosing` cascade (see `nestedMenuContext.isClosing` and\n  // the Popover's `isOpen={!parentContext.isClosing}`) collapses every\n  // intermediate submenu visually.\n  //\n  // Mirrors `MenuTrigger`'s predicate so clicks on `[data-popover-trigger]`\n  // and `[data-popover-dismiss]` elements behave consistently across nesting\n  // levels.\n  const shouldCloseOnInteractOutside = useEvent((el: Element) => {\n    if (!state.isOpen) return false;\n\n    const menuTriggerEl = el.closest('[data-popover-trigger]');\n    if (!menuTriggerEl) {\n      if (el.closest('[data-popover-keep]')) return false;\n      if (el.closest('[data-popover-dismiss]')) {\n        // Let the button's onPress fire first, then collapse the chain.\n        setTimeout(() => parentContext.onClose?.(), 0);\n        return false;\n      }\n      // True outside click: schedule parent close so the entire hierarchy\n      // cascades. `useOverlay`'s own `onHide` will close this submenu via the\n      // topmost-overlay rule.\n      setTimeout(() => parentContext.onClose?.(), 0);\n      return true;\n    }\n    // Click landed on a popover trigger (parent menu item, sibling submenu\n    // trigger, or a different menu's button). Don't close ourselves here —\n    // either the trigger handles it or `usePopoverSync` closes us via\n    // `popover:open`.\n    return false;\n  });\n\n  // Provide context to the trigger element (already rendered MenuItem)\n  const triggerContextValue = useMemo(\n    () => ({\n      triggerRef: domTriggerRef,\n      triggerProps: menuTriggerProps,\n      isOpen: state.isOpen,\n      isDisabled,\n      onMouseEnter: handleMouseEnter,\n      onMouseLeave: handleMouseLeave,\n      onKeyDown: handleKeyDown,\n      onAction: isDisabled\n        ? undefined\n        : () => {\n            // A pointer press: Enter and Space open the submenu in\n            // `handleKeyDown` and never reach the item's action.\n            state.open();\n          },\n    }),\n    [\n      state,\n      isDisabled,\n      handleMouseEnter,\n      handleMouseLeave,\n      handleKeyDown,\n      menuTriggerProps,\n    ],\n  );\n\n  return (\n    <>\n      <SubmenuTriggerContext.Provider value={triggerContextValue}>\n        {menuTrigger}\n      </SubmenuTriggerContext.Provider>\n      {state.isOpen && (\n        <Popover\n          ref={popoverRef}\n          hideArrow\n          isNonModal\n          isOpen={!parentContext.isClosing}\n          style={positionProps.style}\n          placement={resolvedPlacement ?? undefined}\n          shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n          onClose={state.close}\n          // Spread any additional overlay props\n          {...overlayProps}\n        >\n          {/* Wrap content in a div to capture mouse events */}\n          <div\n            style={{ display: 'contents' }}\n            onMouseEnter={handlePopoverMouseEnter}\n            onMouseLeave={handlePopoverMouseLeave}\n          >\n            {/* Dismiss buttons for screen reader / keyboard support */}\n            <DismissButton onDismiss={state.close} />\n            {/* Provide updated menu context so nested menu behaves correctly */}\n            <MenuContext.Provider value={nestedMenuContext}>\n              {/* Clone nested menu to inject required props */}\n              {React.cloneElement(menu, {\n                ...(menu.props as any),\n                autoFocus,\n                onAction: (key: Key) => {\n                  // Call original menu onAction first\n                  (menu.props as any).onAction?.(key);\n                  onAction?.(key);\n                  // Don't close here - MenuItem will handle it via context.onClose\n                },\n                onKeyDown: (e: React.KeyboardEvent) => {\n                  // Handle keyboard navigation for closing submenu\n                  if (e.key === 'ArrowLeft' || e.key === 'Escape') {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    state.close();\n                    // Return focus to trigger\n                    (\n                      domTriggerRef.current?.querySelector<HTMLElement>(\n                        '[data-menu-native-primary]',\n                      ) ?? domTriggerRef.current\n                    )?.focus();\n                  }\n                  // Call original handler if exists\n                  (menu.props as any).onKeyDown?.(e);\n                },\n                ref: menuRef,\n              })}\n            </MenuContext.Provider>\n            <DismissButton onDismiss={state.close} />\n          </div>\n        </Popover>\n      )}\n    </>\n  );\n}\n\n/**\n * Public SubMenuTrigger component that users interact with.\n * It just provides the getCollectionNode for the collection system.\n */\nexport function SubMenuTrigger(props: CubeSubMenuTriggerProps) {\n  // This component is never actually rendered directly.\n  // The collection system uses getCollectionNode to build the menu.\n  return null;\n}\n\n// Allow React Stately collection builder to treat SubMenuTrigger as an Item\n(SubMenuTrigger as any).getCollectionNode = function* (\n  props: CubeSubMenuTriggerProps,\n) {\n  const [trigger, menu] = React.Children.toArray(\n    props.children,\n  ) as ReactElement[];\n\n  // Yield a collection node that tells the Menu to wrap this item with InternalSubMenuTrigger\n  yield {\n    element: trigger,\n    wrapper: (element: ReactElement) => (\n      <InternalSubMenuTrigger\n        key={element.key || undefined}\n        targetKey={element.key || undefined}\n        {...props}\n      >\n        {element}\n        {menu}\n      </InternalSubMenuTrigger>\n    ),\n  };\n};\n\nSubMenuTrigger.displayName = 'SubMenuTrigger';\n"],"mappings":";;;;;;;;;;;;;AA4BA,MAAMuB,oBAA+B;AACrC,MAAMC,iBAAiB;AACvB,MAAMC,uBAAuB;;;;;AAqD7B,SAASc,uBAAuBC,OAAoC;CAClE,MAAM,EACJR,UACAL,YAAYJ,mBACZK,SAASJ,gBACTK,cAAcJ,sBACdK,aAAa,MACbG,YACAG,YAAY,SACZF,UACAI,WACA,GAAGG,iBACDD;CAGJ,MAAM,CAACE,aAAaC,QAAQ1C,MAAM2C,SAASC,QAAQb,QAAQ;CAK3D,MAAMc,QAAQhC,oBAAoB0B,KAA6B;CAG/D,MAAMO,YAAYzC,cAAcU,iBAAiB,GAAG,CAAA,CAAE;CAGtD,MAAMgC,gBAAgBzC,OAAoB,IAAI;CAC9C,MAAM2C,aAAa3C,OAAuB,IAAI;CAC9C,MAAM6C,UAAU7C,OAAyB,IAAI;CAE7CU,eAAe;EACbqC,QAAQP;EACRQ,QAAQT,MAAMS;EACdC,eAAeV,MAAMW,MAAM;EAC3BC,YAAYV;EACZW,cAAcT;CAChB,CAAC;CAGD,MAAM,EAAEU,kBAAkBC,iBAAiBC,cAAclD,eACvD;EAAEmD,MAAM;EAAQ9B;CAAW,GAC3Ba,OACAE,aACF;CAGA,MAAMgB,gBAAgB3C,eAAe;CAGrC,MAAM,EACJ4C,WAAWC,cACXC,SAASC,YACTC,cAAcC,iBACdC,SAASC,YACT,GAAGZ,qBACDC;CAEJ,MAAM,EAAEpB,cAAcgC,eAAe9C,WAAW+C,sBAC9C7D,mBAAmB;EACjB8D,WAAW3B;EACX4B,YAAY1B;EACZ2B,WAAWzB;EACXzB;EACQC;EACKC;EACbC;EACAyB,QAAQT,MAAMS;EACdC,SAASV,MAAMW;CACjB,CAAC;;;;;CAMH,MAAMqB,oBAAoBxE,cAAc;EAuBtC,OAAOyE;GArBL,GAAGjB;GACHkB,KAAK5B;GAELI,eAAe;IAEbV,MAAMW,MAAM;IAGZ,IAAIO,cAAcR,SAChBQ,cAAcR,QAAQ;GAE1B;GACAyB,eAAe;GACf7C;GACA8C,MAAM,EACJC,SAAS,KACX;GAEAC,WAAWpB,cAAcoB,aAAa,CAACtC,MAAMS;EAGxCwB;CACT,GAAG;EACDjB;EACA1B;EACAU;EACAkB,cAAcR;EACdQ,cAAcoB;CAAS,CACxB;CAGDpF,WAAWgE,eAAehB,aAAa;CAGvC3C,gBAAgB;EACd,aAAa;GACX,IAAIgF,kBAAkBC,SACpBC,aAAaF,kBAAkBC,OAAO;GAExC,IAAIE,mBAAmBF,SACrBC,aAAaC,mBAAmBF,OAAO;GAEzCG,cAAcH,UAAU;GACxBI,qBAAqBJ,UAAU;EACjC;CACF,GAAG,CAAA,CAAE;CAKL,MAAMK,iBAAiBC,MAA2B;EAChD,IAAI3D,YAAY;EAGhB,IAAI2D,EAAEzD,QAAQ,cAAc;GAC1ByD,EAAEE,eAAe;GACjBF,EAAEG,gBAAgB;GAClBjD,MAAMkD,KAAK;EACb,OAIK,IAAIJ,EAAEzD,QAAQ,WAAWyD,EAAEzD,QAAQ,KAAK;GAC3CyD,EAAEE,eAAe;GACjBF,EAAEG,gBAAgB;GAElBH,EAAEK,YAAYC,yBAAyB;GACvCpD,MAAMkD,KAAK;EACb,OAEK,IAAIJ,EAAEzD,QAAQ,eAAeW,MAAMS,QAAQ;GAC9CqC,EAAEE,eAAe;GACjBF,EAAEG,gBAAgB;GAClBjD,MAAMW,MAAM;EACd;CACF;CAGA,MAAM4B,oBAAoB9E,OAA6C,IAAI;CAC3E,MAAMiF,qBAAqBjF,OAA6C,IAAI;CAG5E,MAAMkF,gBAAgBlF,OAAO,KAAK;CAClC,MAAMmF,uBAAuBnF,OAAO,KAAK;CAEzC,MAAM8F,yBAAyB;EAE7B,IAAI,CAACZ,cAAcH,WAAW,CAACI,qBAAqBJ,SAClDE,mBAAmBF,UAAUc,iBAAiB;GAE5C,IAAI,CAACX,cAAcH,WAAW,CAACI,qBAAqBJ,SAClDxC,MAAMW,MAAM;EAEhB,GAAG,GAAG;CAEV;CAGA,MAAM6C,yBAAyB;EAC7B,IAAIrE,YAAY;EAEhBwD,cAAcH,UAAU;EAGxB,IAAIE,mBAAmBF,SAAS;GAC9BC,aAAaC,mBAAmBF,OAAO;GACvCE,mBAAmBF,UAAU;EAC/B;EAGA,IAAI,CAACxC,MAAMS,QACT8B,kBAAkBC,UAAUc,iBAAiB;GAC3C,IAAIX,cAAcH,SAChBxC,MAAMkD,KAAK;EAEf,GAAG,GAAG;CAEV;CAEA,MAAMO,yBAAyB;EAC7Bd,cAAcH,UAAU;EAGxB,IAAID,kBAAkBC,SAAS;GAC7BC,aAAaF,kBAAkBC,OAAO;GACtCD,kBAAkBC,UAAU;EAC9B;EAGAe,iBAAiB;CACnB;CAGA,MAAMG,gCAAgC;EACpCd,qBAAqBJ,UAAU;EAG/B,IAAIE,mBAAmBF,SAAS;GAC9BC,aAAaC,mBAAmBF,OAAO;GACvCE,mBAAmBF,UAAU;EAC/B;CACF;CAEA,MAAMmB,gCAAgC;EACpCf,qBAAqBJ,UAAU;EAG/Be,iBAAiB;CACnB;CAwBA,MAAMS,+BAA+B/F,UAAUgG,OAAgB;EAC7D,IAAI,CAACjE,MAAMS,QAAQ,OAAO;EAG1B,IAAI,CADkBwD,GAAGG,QAAQ,wBAC5BD,GAAe;GAClB,IAAIF,GAAGG,QAAQ,qBAAqB,GAAG,OAAO;GAC9C,IAAIH,GAAGG,QAAQ,wBAAwB,GAAG;IAExCd,iBAAiBpC,cAAcR,UAAU,GAAG,CAAC;IAC7C,OAAO;GACT;GAIA4C,iBAAiBpC,cAAcR,UAAU,GAAG,CAAC;GAC7C,OAAO;EACT;EAKA,OAAO;CACT,CAAC;CAGD,MAAM2D,sBAAsB7G,eACnB;EACLoD,YAAYV;EACZoE,cAAcxD;EACdL,QAAQT,MAAMS;EACdtB;EACAoF,cAAcf;EACdgB,cAAcf;EACdtC,WAAW0B;EACXzD,UAAUD,aACNsF,KAAAA,UACM;GAGJzE,MAAMkD,KAAK;EACb;CACN,IACA;EACElD;EACAb;EACAqE;EACAC;EACAZ;EACA/B;CAAgB,CAEpB;CAEA,OACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,sBAAsB,UAAvB;EAAgC,OAAOuD;EACpCzE,UAAAA;CAC6B,CAAA,GAC/BI,MAAMS,UACL,oBAAC4E,UAAD;EACE,KAAKjF;EACL,WAAA;EACA,YAAA;EACA,QAAQ,CAACc,cAAcoB;EACvB,OAAOX,cAAc+C;EACrB,WAAW9C,qBAAqB6C,KAAAA;EACFT;EAC9B,SAAShE,MAAMW;EAEf,GAAIhB;EAGJ,UAAA,qBAAC,OAAD;GACE,OAAO,EAAEgF,SAAS,WAAW;GAC7B,cAAcjB;GACd,cAAcC;GAHhB,UAAA;IAME,oBAAC,eAAD,EAAe,WAAW3D,MAAMW,MAAM,CAAA;IAEtC,oBAAC,YAAY,UAAb;KAAsB,OAAOqB;KAE1B7E,UAAAA,MAAMyH,aAAa/E,MAAM;MACxB,GAAIA,KAAKH;MACTJ;MACAF,WAAWC,QAAa;OAEtB,KAAMK,MAAcN,WAAWC,GAAG;OAClCD,WAAWC,GAAG;MAEhB;MACA8B,YAAY2B,QAA2B;OAErC,IAAIA,IAAEzD,QAAQ,eAAeyD,IAAEzD,QAAQ,UAAU;QAC/CyD,IAAEE,eAAe;QACjBF,IAAEG,gBAAgB;QAClBjD,MAAMW,MAAM;QAEZ,CACET,cAAcsC,SAASqC,cACrB,4BACF,KAAK3E,cAAcsC,QAAAA,EAClBsC,MAAM;OACX;OAEA,KAAMpF,MAAcyB,YAAY2B,GAAC;MACnC;MACAZ,KAAK5B;KACP,CAAC;IACmB,CAAA;IACtB,oBAAC,eAAD,EAAe,WAAWN,MAAMW,MAAM,CAAA;GACnC;;CACE,CAAA,CAEb,EAAA,CAAA;AAEJ;;;;;AAMA,SAAgBoE,eAAerF,OAAgC;CAG7D,OAAO;AACT;AAGA,eAAwBsF,oBAAoB,WAC1CtF,OACA;CACA,MAAM,CAACuF,SAASpF,QAAQ1C,MAAM2C,SAASC,QACrCL,MAAMR,QACR;CAGA,MAAM;EACJgG,SAASD;EACTE,UAAUD,YACR,qBAAC,wBAAD;GAEE,WAAWA,QAAQ7F,OAAOoF,KAAAA;GAC1B,GAAI/E;GAHN,UAAA,CAKGwF,SACArF,IACqB;EANjBqF,GAAAA,QAAQ7F,OAAOoF,KAAAA,CAME;CAE5B;AACF;AAEAM,eAAeK,cAAc"}
+{"version":3,"file":"SubMenuTrigger.js","names":["useSyncRef","tasty","React","Key","ReactElement","ReactNode","useEffect","useMemo","useRef","useState","AriaMenuTriggerProps","DismissButton","Placement","useMenuTrigger","useOverlayPosition","useMenuTriggerState","useEvent","generateRandomId","usePopoverSync","Popover","MenuContext","MenuContextValue","useMenuContext","SubmenuTriggerContext","DEFAULT_PLACEMENT","DEFAULT_OFFSET","DEFAULT_CROSS_OFFSET","PointerAreaElement","styles","display","CubeSubMenuTriggerProps","placement","offset","crossOffset","shouldFlip","containerPadding","children","isDisabled","onAction","key","autoFocus","InternalSubMenuTriggerProps","targetKey","InternalSubMenuTrigger","props","overlayProps","menuTrigger","menu","Children","toArray","state","submenuId","domTriggerRef","HTMLElement","popoverRef","HTMLDivElement","menuRef","HTMLUListElement","menuId","isOpen","onClose","close","triggerRef","containerRef","menuTriggerProps","rawTriggerProps","menuProps","type","parentContext","onKeyDown","_mtOnKeyDown","onPress","_mtOnPress","onPressStart","_mtOnPressStart","onKeyUp","_mtOnKeyUp","positionProps","resolvedPlacement","targetRef","overlayRef","scrollRef","nestedMenuContext","ctx","ref","closeOnSelect","mods","popover","isClosing","hoverOpenTimerRef","current","clearTimeout","hoverCloseTimerRef","isHoveringRef","isHoveringSubmenuRef","handleKeyDown","e","KeyboardEvent","preventDefault","stopPropagation","open","nativeEvent","stopImmediatePropagation","ReturnType","setTimeout","checkShouldClose","handleMouseEnter","handleMouseLeave","handlePopoverMouseEnter","handlePopoverMouseLeave","mergeHandler","handler1","handler2","args","shouldCloseOnInteractOutside","el","Element","menuTriggerEl","closest","triggerContextValue","triggerProps","onMouseEnter","onMouseLeave","undefined","style","cloneElement","querySelector","focus","SubMenuTrigger","getCollectionNode","trigger","element","wrapper","displayName","Popover"],"sources":["../../../../src/components/actions/Menu/SubMenuTrigger.tsx"],"sourcesContent":["import { useSyncRef } from '@react-aria/utils';\nimport { tasty } from '@tenphi/tasty';\nimport React, {\n  Key,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  AriaMenuTriggerProps,\n  DismissButton,\n  Placement,\n  useMenuTrigger,\n  useOverlayPosition,\n} from 'react-aria';\nimport { useMenuTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { generateRandomId } from '../../../utils/random';\nimport { usePopoverSync } from '../../../utils/react/usePopoverSync';\nimport { Popover } from '../../overlays/Modal';\n\nimport { MenuContext, MenuContextValue, useMenuContext } from './context';\nimport { SubmenuTriggerContext } from './SubmenuTriggerContext';\n\n// Default placement & offset for sub-menus (matches Spectrum / Aria)\nconst DEFAULT_PLACEMENT: Placement = 'right top';\nconst DEFAULT_OFFSET = 4;\nconst DEFAULT_CROSS_OFFSET = -5;\n\n// Takes no box of its own: it only listens for the pointer entering and\n// leaving the sub-menu.\nconst PointerAreaElement = tasty({ styles: { display: 'contents' } });\n\nexport interface CubeSubMenuTriggerProps extends AriaMenuTriggerProps {\n  /** The preferred placement of the sub-menu relative to the trigger */\n  placement?: Placement;\n\n  /** Distance in pixels between the trigger and sub-menu */\n  offset?: number;\n\n  /** Distance in pixels along the cross axis from the default alignment */\n  crossOffset?: number;\n\n  /** Whether the sub-menu should flip to the opposite side when it would overflow */\n  shouldFlip?: boolean;\n\n  /** Minimum padding in pixels between the sub-menu and viewport edges */\n  containerPadding?: number;\n\n  /**\n   * Sub-menu trigger and the sub-menu itself. Must be exactly two React nodes.\n   *\n   * 1) Trigger – a `Menu.Item` with its semantic menuitem inside a list row.\n   * 2) Sub-menu – a `<Menu>` element.\n   */\n  children: [ReactNode, ReactElement];\n\n  /** Whether the trigger is disabled and cannot be activated */\n  isDisabled?: boolean;\n\n  /**\n   * Callback fired when an action is selected from the sub-menu.\n   * Bubbles the `onAction` event from the sub-menu to parent components.\n   */\n  onAction?: (key: Key) => void;\n\n  /**\n   * Controls focus behavior when the sub-menu opens.\n   * - `true` or `'first'`: Focus the first item\n   * - `'last'`: Focus the last item\n   * - `false`: Don't auto-focus any item\n   * @default 'first'\n   */\n  autoFocus?: boolean | 'first' | 'last';\n}\n\ninterface InternalSubMenuTriggerProps extends CubeSubMenuTriggerProps {\n  targetKey?: Key;\n}\n\n/**\n * Internal SubMenuTrigger that receives the already-rendered trigger element\n * from the collection system and wraps it with submenu behavior.\n */\nfunction InternalSubMenuTrigger(props: InternalSubMenuTriggerProps) {\n  const {\n    children,\n    placement = DEFAULT_PLACEMENT,\n    offset = DEFAULT_OFFSET,\n    crossOffset = DEFAULT_CROSS_OFFSET,\n    shouldFlip = true,\n    isDisabled,\n    autoFocus = 'first',\n    onAction,\n    targetKey,\n    ...overlayProps\n  } = props;\n\n  // Children: [menuTrigger (already rendered MenuItem), menu (Menu component)]\n  const [menuTrigger, menu] = React.Children.toArray(children) as [\n    ReactElement,\n    ReactElement,\n  ];\n\n  const state = useMenuTriggerState(props as AriaMenuTriggerProps);\n\n  // Generate a unique ID for this submenu instance\n  const submenuId = useMemo(() => generateRandomId(), []);\n\n  // Refs – trigger (MenuItem <li>) and overlay (<div> from Popover)\n  const domTriggerRef = useRef<HTMLElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const menuRef = useRef<HTMLUListElement>(null);\n\n  usePopoverSync({\n    menuId: submenuId,\n    isOpen: state.isOpen,\n    onClose: () => state.close(),\n    triggerRef: domTriggerRef,\n    containerRef: popoverRef,\n  });\n\n  // Strip keyboard/press handlers that we will implement ourselves\n  const { menuTriggerProps: rawTriggerProps, menuProps } = useMenuTrigger(\n    { type: 'menu', isDisabled },\n    state,\n    domTriggerRef,\n  );\n\n  // Get parent context to check if parent menu is closing\n  const parentContext = useMenuContext();\n\n  // Remove default onKeyDown/onPress handlers from trigger props – we implement custom ones\n  const {\n    onKeyDown: _mtOnKeyDown,\n    onPress: _mtOnPress,\n    onPressStart: _mtOnPressStart,\n    onKeyUp: _mtOnKeyUp,\n    ...menuTriggerProps\n  } = rawTriggerProps;\n\n  const { overlayProps: positionProps, placement: resolvedPlacement } =\n    useOverlayPosition({\n      targetRef: domTriggerRef,\n      overlayRef: popoverRef,\n      scrollRef: menuRef,\n      placement,\n      offset: offset as number,\n      crossOffset: crossOffset as number,\n      shouldFlip,\n      isOpen: state.isOpen,\n      onClose: state.close,\n    });\n\n  /**\n   * Build a MenuContext for the nested menu so it behaves just like a regular\n   * popover-based Menu (selection handling, focus management, etc.).\n   */\n  const nestedMenuContext = useMemo(() => {\n    const ctx: MenuContextValue = {\n      ...menuProps,\n      ref: menuRef,\n      // Pass the parent's onClose to close the entire menu hierarchy\n      onClose: () => {\n        // Close this submenu state immediately\n        state.close();\n\n        // Then close the parent menu\n        if (parentContext.onClose) {\n          parentContext.onClose();\n        }\n      },\n      closeOnSelect: true,\n      autoFocus,\n      mods: {\n        popover: true,\n      },\n      // Propagate closing state from parent\n      isClosing: parentContext.isClosing || !state.isOpen,\n    };\n\n    return ctx;\n  }, [\n    menuProps,\n    autoFocus,\n    state,\n    parentContext.onClose,\n    parentContext.isClosing,\n  ]);\n\n  // Sync the parent selection manager focus with DOM ref (for virtual focus scenarios)\n  useSyncRef(parentContext, domTriggerRef);\n\n  // Cleanup hover timers and reset refs on unmount\n  useEffect(() => {\n    return () => {\n      if (hoverOpenTimerRef.current) {\n        clearTimeout(hoverOpenTimerRef.current);\n      }\n      if (hoverCloseTimerRef.current) {\n        clearTimeout(hoverCloseTimerRef.current);\n      }\n      isHoveringRef.current = false;\n      isHoveringSubmenuRef.current = false;\n    };\n  }, []);\n\n  // ----- Render -----\n\n  // Handle keyboard navigation\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (isDisabled) return;\n\n    // Arrow right opens submenu\n    if (e.key === 'ArrowRight') {\n      e.preventDefault();\n      e.stopPropagation();\n      state.open();\n    }\n    // Enter or Space opens submenu. Preventing the default keeps `MenuItem`\n    // from passing the key on to React Aria's item handler, which would click\n    // the item and run its action as well.\n    else if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      e.stopPropagation();\n      // Stop immediate propagation to prevent React Aria's handlers from running\n      e.nativeEvent.stopImmediatePropagation();\n      state.open();\n    }\n    // Arrow left closes submenu if open\n    else if (e.key === 'ArrowLeft' && state.isOpen) {\n      e.preventDefault();\n      e.stopPropagation();\n      state.close();\n    }\n  };\n\n  // Use refs to store timer IDs\n  const hoverOpenTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const hoverCloseTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Track if mouse is over trigger or submenu\n  const isHoveringRef = useRef(false);\n  const isHoveringSubmenuRef = useRef(false);\n\n  const checkShouldClose = () => {\n    // Only close if mouse is not over trigger OR submenu\n    if (!isHoveringRef.current && !isHoveringSubmenuRef.current) {\n      hoverCloseTimerRef.current = setTimeout(() => {\n        // Double check before closing\n        if (!isHoveringRef.current && !isHoveringSubmenuRef.current) {\n          state.close();\n        }\n      }, 300);\n    }\n  };\n\n  // Handle mouse interactions on trigger\n  const handleMouseEnter = () => {\n    if (isDisabled) return;\n\n    isHoveringRef.current = true;\n\n    // Clear any pending close timer\n    if (hoverCloseTimerRef.current) {\n      clearTimeout(hoverCloseTimerRef.current);\n      hoverCloseTimerRef.current = null;\n    }\n\n    // Use a small delay to prevent accidental opens\n    if (!state.isOpen) {\n      hoverOpenTimerRef.current = setTimeout(() => {\n        if (isHoveringRef.current) {\n          state.open();\n        }\n      }, 200);\n    }\n  };\n\n  const handleMouseLeave = () => {\n    isHoveringRef.current = false;\n\n    // Clear open timer if it exists\n    if (hoverOpenTimerRef.current) {\n      clearTimeout(hoverOpenTimerRef.current);\n      hoverOpenTimerRef.current = null;\n    }\n\n    // Check if we should close\n    checkShouldClose();\n  };\n\n  // Handle mouse events on the submenu popover\n  const handlePopoverMouseEnter = () => {\n    isHoveringSubmenuRef.current = true;\n\n    // Clear any pending close timer when entering submenu\n    if (hoverCloseTimerRef.current) {\n      clearTimeout(hoverCloseTimerRef.current);\n      hoverCloseTimerRef.current = null;\n    }\n  };\n\n  const handlePopoverMouseLeave = () => {\n    isHoveringSubmenuRef.current = false;\n\n    // Check if we should close\n    checkShouldClose();\n  };\n\n  // Merge event handlers\n  const mergeHandler = (handler1: any, handler2: any) => {\n    return (...args: any[]) => {\n      handler1?.(...args);\n      handler2?.(...args);\n    };\n  };\n\n  // Outside-click handling for the nested submenu Popover.\n  //\n  // React Aria's `useOverlay` keeps a module-level `visibleOverlays` stack and\n  // only invokes `onClose` for the topmost overlay (`onHide` gates on the\n  // stack tail). With root + N nested submenus open, a single outside click\n  // would otherwise only close the deepest submenu. Scheduling\n  // `parentContext.onClose()` here propagates the close upward; the existing\n  // `parentContext.isClosing` cascade (see `nestedMenuContext.isClosing` and\n  // the Popover's `isOpen={!parentContext.isClosing}`) collapses every\n  // intermediate submenu visually.\n  //\n  // Mirrors `MenuTrigger`'s predicate so clicks on `[data-popover-trigger]`\n  // and `[data-popover-dismiss]` elements behave consistently across nesting\n  // levels.\n  const shouldCloseOnInteractOutside = useEvent((el: Element) => {\n    if (!state.isOpen) return false;\n\n    const menuTriggerEl = el.closest('[data-popover-trigger]');\n    if (!menuTriggerEl) {\n      if (el.closest('[data-popover-keep]')) return false;\n      if (el.closest('[data-popover-dismiss]')) {\n        // Let the button's onPress fire first, then collapse the chain.\n        setTimeout(() => parentContext.onClose?.(), 0);\n        return false;\n      }\n      // True outside click: schedule parent close so the entire hierarchy\n      // cascades. `useOverlay`'s own `onHide` will close this submenu via the\n      // topmost-overlay rule.\n      setTimeout(() => parentContext.onClose?.(), 0);\n      return true;\n    }\n    // Click landed on a popover trigger (parent menu item, sibling submenu\n    // trigger, or a different menu's button). Don't close ourselves here —\n    // either the trigger handles it or `usePopoverSync` closes us via\n    // `popover:open`.\n    return false;\n  });\n\n  // Provide context to the trigger element (already rendered MenuItem)\n  const triggerContextValue = useMemo(\n    () => ({\n      triggerRef: domTriggerRef,\n      triggerProps: menuTriggerProps,\n      isOpen: state.isOpen,\n      isDisabled,\n      onMouseEnter: handleMouseEnter,\n      onMouseLeave: handleMouseLeave,\n      onKeyDown: handleKeyDown,\n      onAction: isDisabled\n        ? undefined\n        : () => {\n            // A pointer press: Enter and Space open the submenu in\n            // `handleKeyDown` and never reach the item's action.\n            state.open();\n          },\n    }),\n    [\n      state,\n      isDisabled,\n      handleMouseEnter,\n      handleMouseLeave,\n      handleKeyDown,\n      menuTriggerProps,\n    ],\n  );\n\n  return (\n    <>\n      <SubmenuTriggerContext.Provider value={triggerContextValue}>\n        {menuTrigger}\n      </SubmenuTriggerContext.Provider>\n      {state.isOpen && (\n        <Popover\n          ref={popoverRef}\n          hideArrow\n          isNonModal\n          isOpen={!parentContext.isClosing}\n          // oxlint-disable-next-line react/forbid-component-props -- React Aria's overlay positioning computes these coordinates\n          style={positionProps.style}\n          placement={resolvedPlacement ?? undefined}\n          shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n          onClose={state.close}\n          // Spread any additional overlay props\n          {...overlayProps}\n        >\n          {/* Wrap content in a div to capture mouse events */}\n          <PointerAreaElement\n            onMouseEnter={handlePopoverMouseEnter}\n            onMouseLeave={handlePopoverMouseLeave}\n          >\n            {/* Dismiss buttons for screen reader / keyboard support */}\n            <DismissButton onDismiss={state.close} />\n            {/* Provide updated menu context so nested menu behaves correctly */}\n            <MenuContext.Provider value={nestedMenuContext}>\n              {/* Clone nested menu to inject required props */}\n              {React.cloneElement(menu, {\n                ...(menu.props as any),\n                autoFocus,\n                onAction: (key: Key) => {\n                  // Call original menu onAction first\n                  (menu.props as any).onAction?.(key);\n                  onAction?.(key);\n                  // Don't close here - MenuItem will handle it via context.onClose\n                },\n                onKeyDown: (e: React.KeyboardEvent) => {\n                  // Handle keyboard navigation for closing submenu\n                  if (e.key === 'ArrowLeft' || e.key === 'Escape') {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    state.close();\n                    // Return focus to trigger\n                    (\n                      domTriggerRef.current?.querySelector<HTMLElement>(\n                        '[data-menu-native-primary]',\n                      ) ?? domTriggerRef.current\n                    )?.focus();\n                  }\n                  // Call original handler if exists\n                  (menu.props as any).onKeyDown?.(e);\n                },\n                ref: menuRef,\n              })}\n            </MenuContext.Provider>\n            <DismissButton onDismiss={state.close} />\n          </PointerAreaElement>\n        </Popover>\n      )}\n    </>\n  );\n}\n\n/**\n * Public SubMenuTrigger component that users interact with.\n * It just provides the getCollectionNode for the collection system.\n */\nexport function SubMenuTrigger(props: CubeSubMenuTriggerProps) {\n  // This component is never actually rendered directly.\n  // The collection system uses getCollectionNode to build the menu.\n  return null;\n}\n\n// Allow React Stately collection builder to treat SubMenuTrigger as an Item\n(SubMenuTrigger as any).getCollectionNode = function* (\n  props: CubeSubMenuTriggerProps,\n) {\n  const [trigger, menu] = React.Children.toArray(\n    props.children,\n  ) as ReactElement[];\n\n  // Yield a collection node that tells the Menu to wrap this item with InternalSubMenuTrigger\n  yield {\n    element: trigger,\n    wrapper: (element: ReactElement) => (\n      <InternalSubMenuTrigger\n        key={element.key || undefined}\n        targetKey={element.key || undefined}\n        {...props}\n      >\n        {element}\n        {menu}\n      </InternalSubMenuTrigger>\n    ),\n  };\n};\n\nSubMenuTrigger.displayName = 'SubMenuTrigger';\n"],"mappings":"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"}

package/dist/components/actions/Menu/SubmenuTriggerContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import React from "react";
 //#region src/components/actions/Menu/SubmenuTriggerContext.tsx
 const SubmenuTriggerContext = React.createContext(null);

package/dist/components/actions/Menu/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import React, { useContext } from "react";
 //#region src/components/actions/Menu/context.ts
 const MenuContext = React.createContext({});

package/dist/components/actions/Menu/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { DEFAULT_CLEAR_STYLES } from "../../../data/item-themes.js";
 import { Space } from "../../layout/Space.js";
 import { DEFAULT_BUTTON_STYLES } from "../Button/Button.js";
@@ -16,7 +16,8 @@ const StyledMenuWrapper = tasty({
 		radius: "(1cr + 1bw)",
 		width: {
 			"": "auto",
-			popover: "max-content"
+			popover: "max-content",
+			tray: "100%"
 		},
 		shadow: {
 			"": "",
@@ -25,7 +26,7 @@ const StyledMenuWrapper = tasty({
 		height: {
 			"": "initial",
 			popover: "initial max-content (50vh - 4x)",
-			tray: "initial max-content (100vh - 4x)"
+			tray: "initial max-content inherit"
 		},
 		boxSizing: "border-box"
 	}