@mortenbrudvik/waveui 0.10.0 → 0.12.0

package/dist/components/navigation/Menu.popover.mjs

@@ -9,33 +9,34 @@ import { isConnectedAndFocusable as o } from "../../lib/focus.mjs";
 import { useRovingTabIndex as te } from "../../hooks/useRovingTabIndex.mjs";
 import { useMergedRefs as ne } from "../../hooks/useMergedRefs.mjs";
 import { usePresence as re } from "../../hooks/usePresence.mjs";
-import { useDismiss as ie } from "../../hooks/useDismiss.mjs";
-import { Portal as ae, PortalDepthContext as oe } from "../portal/Portal.mjs";
-import { usePopupPosition as se } from "../../hooks/usePopupPosition.mjs";
-import { isEditableTarget as ce, isOwnEvent as s } from "../../lib/events.mjs";
-import { useRestoreFocus as c } from "../../hooks/useRestoreFocus.mjs";
-import { createHoverIntentGroup as l } from "../../hooks/useHoverIntent.mjs";
-import { getTriggerFocusTarget as u, useTriggerFocusRef as le } from "../../hooks/useTriggerElement.mjs";
-import { MenuListContext as ue, useCheckableRegistry as de, useMenuContext as fe } from "./Menu.context.mjs";
-import { MENU_ITEM_SELECTOR as d, menuPopoverClasses as pe, useStaticMenuPartWarning as me, withTypeaheadText as he } from "./Menu.shared.mjs";
-import * as f from "react";
-import { jsx as p } from "react/jsx-runtime";
+import { resolvePositioning as ie, usePopupPosition as ae } from "../../hooks/usePopupPosition.mjs";
+import { useDismiss as oe } from "../../hooks/useDismiss.mjs";
+import { useRestoreFocus as se } from "../../hooks/useRestoreFocus.mjs";
+import { Portal as ce, PortalDepthContext as le } from "../portal/Portal.mjs";
+import { isEditableTarget as ue, isOwnEvent as s } from "../../lib/events.mjs";
+import { createHoverIntentGroup as c } from "../../hooks/useHoverIntent.mjs";
+import { getTriggerFocusTarget as l, useTriggerFocusRef as de } from "../../hooks/useTriggerElement.mjs";
+import { MenuListContext as fe, useCheckableRegistry as pe, useMenuContext as me } from "./Menu.context.mjs";
+import { MENU_ITEM_SELECTOR as u, menuPopoverClasses as he, useStaticMenuPartWarning as ge, withTypeaheadText as _e } from "./Menu.shared.mjs";
+import { usePopupTarget as ve } from "../../hooks/useResolvedTarget.mjs";
+import * as d from "react";
+import { jsx as f } from "react/jsx-runtime";
 //#region src/components/navigation/Menu.popover.tsx
-var ge = {
+var ye = {
 	padding: 8,
 	crossAxis: !0
 };
-function _e(e) {
+function be(e) {
 	return !!e && e.nodeType === 1;
 }
-function m(e) {
-	let [t] = f.useState(l), n = f.useRef(!1);
+function p(e) {
+	let [t] = d.useState(c), n = d.useRef(!1);
 	return {
 		hoverGroup: t,
-		isHoverFocusing: f.useCallback(() => n.current, []),
+		isHoverFocusing: d.useCallback(() => n.current, []),
 		onPointerMove: i((r) => {
 			if (r.pointerType === "touch" || r.pointerType === "pen" || !s(r)) return;
-			let i = r.target.closest(d);
+			let i = r.target.closest(u);
 			if (!i || !r.currentTarget.contains(i) || i.getAttribute("aria-disabled") === "true" || i.ownerDocument.activeElement === i) return;
 			let a = e;
 			for (; a.parent;) a = a.parent;
@@ -45,188 +46,197 @@ function m(e) {
 		})
 	};
 }
-var h = ({ side: l, align: h = "start", offset: ve, target: g, children: ye, className: be, style: xe, onKeyDown: Se, onKeyDownCapture: Ce, onFocus: we, onPointerEnter: Te, onPointerLeave: Ee, onPointerMove: De, onContextMenu: Oe, ref: ke, ..._ }) => {
-	let v = fe("Menu.Popover"), { popup: Ae, open: y, takeInitialFocus: b, registerSurface: x, menuId: je, labelledBy: S, triggerRef: C, triggerElement: w, isSubmenu: T, requestClose: Me, closeChain: E, dismiss: Ne, hoverSurfaceHandlers: D, isHoverClose: Pe, openOnContext: O, contextSurfaceHandlers: Fe, contextAnchor: k, fromContext: A, contextOpener: j } = v;
-	me("Menu.Popover", Ae);
-	let M = _e(g) ? g : null, [N, Ie] = f.useState(null), P = f.useRef(null), Le = f.useCallback((e) => {
-		P.current = e, Ie(e);
-	}, []), { isMounted: F, ref: Re, presenceProps: ze } = re(y), { setReference: I, setFloating: Be, floatingProps: L, isPositioned: R } = se({
+var m = ({ side: c, align: m = "start", offset: h, target: xe, positioning: g, children: Se, className: Ce, style: we, onKeyDown: Te, onKeyDownCapture: Ee, onFocus: De, onPointerEnter: Oe, onPointerLeave: ke, onPointerMove: Ae, onContextMenu: je, ref: Me, ..._ }) => {
+	let v = me("Menu.Popover"), { popup: Ne, open: y, takeInitialFocus: b, registerSurface: x, menuId: Pe, labelledBy: Fe, triggerRef: S, triggerElement: C, isSubmenu: w, requestClose: Ie, closeChain: T, dismiss: Le, hoverSurfaceHandlers: E, isHoverClose: Re, openOnContext: D, contextSurfaceHandlers: ze, contextAnchor: O, fromContext: k, contextOpener: A } = v;
+	ge("Menu.Popover", Ne);
+	let { target: j, pending: Be } = ve("Menu.Popover", xe, g), M = be(j) ? j : null, [N, Ve] = d.useState(null), P = d.useRef(null), He = d.useCallback((e) => {
+		P.current = e, Ve(e);
+	}, []), { isMounted: F, ref: Ue, presenceProps: We } = re(y), { setReference: I, setFloating: Ge, floatingProps: L, isPositioned: R } = ae({
 		open: y,
-		side: l ?? (T ? "end" : "bottom"),
-		align: h,
-		offset: ve ?? (T ? 0 : 4),
-		fitViewport: !0,
-		shift: T ? ge : void 0
-	}), { maxHeight: Ve, maxWidth: He, ...Ue } = L.style;
-	f.useLayoutEffect(() => {
-		I(A ? k ?? u(w) ?? w : g ?? w);
+		side: c ?? (w ? "end" : "bottom"),
+		align: m,
+		shift: w ? ye : void 0,
+		...ie(g, {
+			offset: w ? 0 : 4,
+			fitViewport: !0
+		}),
+		...h !== void 0 && { offset: h }
+	}), z = Be ? {
+		...L,
+		style: {
+			...L.style,
+			visibility: "hidden"
+		}
+	} : L, { maxHeight: Ke, maxWidth: qe, ...Je } = z.style;
+	d.useLayoutEffect(() => {
+		I(k ? O ?? l(C) ?? C : j ?? C);
 	}, [
 		I,
+		O,
 		k,
-		A,
-		g,
-		w
+		j,
+		C
 	]);
-	let z = i(() => {
-		let e = O ? j.current : null;
-		return e && o(e) ? e : u(C.current) || (M && o(M) ? M : null);
-	}), We = f.useMemo(() => ({ get current() {
-		return z() ?? C.current;
-	} }), [z, C]), B = { current: M }, { layerId: V } = ie({
+	let B = i(() => {
+		let e = D ? A.current : null;
+		return e && o(e) ? e : l(S.current) || (M && o(M) ? M : null);
+	}), Ye = d.useMemo(() => ({ get current() {
+		return B() ?? S.current;
+	} }), [B, S]), V = { current: M }, { layerId: H } = oe({
 		open: y,
-		onDismiss: Ne,
-		refs: O ? [P, B] : [
+		onDismiss: Le,
+		refs: D ? [P, V] : [
 			P,
-			C,
-			B
+			S,
+			V
 		],
-		anchorRef: We,
+		anchorRef: Ye,
 		kind: "menu",
 		focusOutside: !0,
-		outsidePress: O ? (e) => !(e.ctrlKey && e.target instanceof Node && C.current?.contains(e.target)) : !0
-	}), H = le(C), U = f.useRef(null), W = f.useRef(!1), Ge = i(() => {
-		let e = P.current, t = (C.current ?? e)?.ownerDocument ?? document, n = (n) => !!n && n !== t.body && n !== t.documentElement && !e?.contains(n), r = O ? null : H.current, i = t.activeElement;
-		U.current = n(r) ? r : n(i) ? i : null;
+		outsidePress: D ? (e) => !(e.ctrlKey && e.target instanceof Node && S.current?.contains(e.target)) : !0
+	}), U = de(S), W = d.useRef(null), G = d.useRef(!1), Xe = i(() => {
+		let e = P.current, t = (S.current ?? e)?.ownerDocument ?? document, n = (n) => !!n && n !== t.body && n !== t.documentElement && !e?.contains(n), r = D ? null : U.current, i = t.activeElement;
+		W.current = n(r) ? r : n(i) ? i : null;
 	});
-	f.useInsertionEffect(() => {
-		let e = W.current;
-		W.current = y, y && !e && Ge();
+	d.useInsertionEffect(() => {
+		let e = G.current;
+		G.current = y, y && !e && Xe();
 	});
-	let Ke = i(() => {
+	let Ze = i(() => {
 		let e = P.current;
 		return [
-			O ? j.current : null,
-			U.current,
-			z()
+			D ? A.current : null,
+			W.current,
+			B()
 		].find((t) => !!t && o(t) && !e?.contains(t)) ?? null;
 	});
-	c({
+	se({
 		enabled: y,
 		container: N,
-		triggerRef: O ? void 0 : H,
-		finalFocusRef: O ? j : void 0,
-		fallback: z,
+		triggerRef: D ? void 0 : U,
+		finalFocusRef: D ? A : void 0,
+		fallback: B,
 		onlyIfFocusInside: !0,
-		isHoverClose: Pe
+		isHoverClose: Re
 	});
-	let G = F && (O || g != null && !w) && _["aria-label"] === void 0 && _["aria-labelledby"] === void 0;
-	f.useEffect(() => {
-		G && t("Menu.Popover:name", "Menu.Popover: this menu has no trigger to name it (a context menu, or a menu placed at a `target` without Menu.Trigger): give Menu.Popover an aria-label or aria-labelledby.");
-	}, [G]);
-	let { containerProps: { ref: qe }, handleKeyDown: Je, handleKeyDownCapture: Ye, handleFocus: Xe, focusFirst: K, focusLast: q } = te({
+	let K = F && (D || j != null && !C) && _["aria-label"] === void 0 && _["aria-labelledby"] === void 0;
+	d.useEffect(() => {
+		K && t("Menu.Popover:name", "Menu.Popover: this menu has no trigger to name it (a context menu, or a menu placed at a `target` without Menu.Trigger): give Menu.Popover an aria-label or aria-labelledby.");
+	}, [K]);
+	let { containerProps: { ref: Qe }, handleKeyDown: $e, handleKeyDownCapture: et, handleFocus: tt, focusFirst: q, focusLast: J } = te({
 		orientation: "vertical",
 		loop: !0,
 		typeahead: !0,
 		manageTabIndex: !0,
-		itemSelector: d
-	}), Ze = ne(ke, Le, qe, Be, Re);
-	f.useLayoutEffect(() => {
+		itemSelector: u
+	}), nt = ne(Me, He, Qe, Ge, Ue);
+	d.useLayoutEffect(() => {
 		if (N && y) return x({
-			focusFirst: K,
-			focusLast: q,
+			focusFirst: q,
+			focusLast: J,
 			surface: N,
-			layerId: V,
-			getReturnFocus: z
+			layerId: H,
+			getReturnFocus: B
 		}), () => x(null);
 	}, [
 		N,
 		y,
 		x,
-		K,
 		q,
-		V,
-		z
+		J,
+		H,
+		B
 	]);
-	let J = f.useRef(!1);
-	f.useLayoutEffect(() => (J.current = !1, () => {
-		J.current = !0;
+	let Y = d.useRef(!1);
+	d.useLayoutEffect(() => (Y.current = !1, () => {
+		Y.current = !0;
 	}), []);
-	let Y = i(() => {
+	let X = i(() => {
 		let e = P.current, t = e?.ownerDocument.activeElement;
-		!J.current && e && t && e.contains(t) && Ke()?.focus({ preventScroll: !0 });
+		!Y.current && e && t && e.contains(t) && Ze()?.focus({ preventScroll: !0 });
 	});
-	f.useLayoutEffect(() => {
-		if (y) return Y;
-	}, [y, Y]), f.useLayoutEffect(() => {
+	d.useLayoutEffect(() => {
+		if (y) return X;
+	}, [y, X]), d.useLayoutEffect(() => {
 		if (!y || !N || N.contains(N.ownerDocument.activeElement)) return;
 		let e = b();
-		e === "last" ? q() : e === "first" && K();
+		e === "last" ? J() : e === "first" && q();
 	}, [
 		y,
 		N,
 		b,
-		K,
-		q
-	]), f.useLayoutEffect(() => {
+		q,
+		J
+	]), d.useLayoutEffect(() => {
 		if (!R || !N) return;
 		let e = N.ownerDocument.activeElement;
 		e && e !== N && N.contains(e) && e.scrollIntoView?.({ block: "nearest" });
 	}, [R, N]);
-	let X = f.useContext(oe) + 1, Z = de(), { hoverGroup: Q, isHoverFocusing: $, onPointerMove: Qe } = m(v), $e = f.useMemo(() => ({
+	let Z = d.useContext(le) + 1, Q = pe(), { hoverGroup: $, isHoverFocusing: rt, onPointerMove: it } = p(v), at = d.useMemo(() => ({
 		menu: v,
 		isStatic: !1,
-		portalDepth: X,
-		closeFromItem: E,
-		registerCheckable: Z,
-		hoverGroup: Q,
-		isHoverFocusing: $
+		portalDepth: Z,
+		closeFromItem: T,
+		registerCheckable: Q,
+		hoverGroup: $,
+		isHoverFocusing: rt
 	}), [
 		v,
-		X,
-		E,
 		Z,
+		T,
 		Q,
-		$
-	]), et = (e) => {
-		if (Se?.(e), !e.defaultPrevented && s(e)) {
+		$,
+		rt
+	]), ot = (e) => {
+		if (Te?.(e), !e.defaultPrevented && s(e)) {
 			if (e.key === "Tab") {
-				E();
+				T();
 				return;
 			}
-			if (T && !e.altKey && !e.ctrlKey && !e.metaKey && !ce(e.target) && a(e.key, {
+			if (w && !e.altKey && !e.ctrlKey && !e.metaKey && !ue(e.target) && a(e.key, {
 				orientation: "horizontal",
 				dir: ee(e.currentTarget)
 			}) === "prev") {
-				e.preventDefault(), z()?.focus({ preventScroll: !0 }), Me();
+				e.preventDefault(), B()?.focus({ preventScroll: !0 }), Ie();
 				return;
 			}
-			Je(e);
+			$e(e);
 		}
 	};
-	return F ? /* @__PURE__ */ p(ae, {
-		layerId: V,
-		children: /* @__PURE__ */ p(ue.Provider, {
-			value: $e,
-			children: /* @__PURE__ */ p("div", {
+	return F ? /* @__PURE__ */ f(ce, {
+		layerId: H,
+		children: /* @__PURE__ */ f(fe.Provider, {
+			value: at,
+			children: /* @__PURE__ */ f("div", {
 				role: "menu",
 				..._,
-				"aria-labelledby": _["aria-labelledby"] === void 0 ? w && !O && _["aria-label"] === void 0 ? S : void 0 : _["aria-labelledby"],
-				...ze,
-				ref: Ze,
-				id: je,
+				"aria-labelledby": _["aria-labelledby"] === void 0 ? C && !D && _["aria-label"] === void 0 ? Fe : void 0 : _["aria-labelledby"],
+				...We,
+				ref: nt,
+				id: Pe,
 				"data-state": y ? "open" : "closed",
-				"data-side": L["data-side"],
-				"data-align": L["data-align"],
+				"data-side": z["data-side"],
+				"data-align": z["data-align"],
 				"data-roving-container": "",
 				style: {
-					...Ue,
-					...xe
+					...Je,
+					...we
 				},
-				onKeyDown: et,
-				onKeyDownCapture: he(n(Ce, Ye)),
-				onFocus: n(we, Xe, { checkDefaultPrevented: !1 }),
-				onPointerEnter: n(Te, D.onPointerEnter),
-				onPointerLeave: n(Ee, D.onPointerLeave),
-				onPointerMove: n(De, Qe),
-				onContextMenu: n(Oe, Fe.onContextMenu),
-				className: e(r.root, pe, be),
-				children: ye
+				onKeyDown: ot,
+				onKeyDownCapture: _e(n(Ee, et)),
+				onFocus: n(De, tt, { checkDefaultPrevented: !1 }),
+				onPointerEnter: n(Oe, E.onPointerEnter),
+				onPointerLeave: n(ke, E.onPointerLeave),
+				onPointerMove: n(Ae, it),
+				onContextMenu: n(je, ze.onContextMenu),
+				className: e(r.root, he, Ce),
+				children: Se
 			})
 		})
 	}) : null;
 };
-h.displayName = "MenuPopover";
+m.displayName = "MenuPopover";
 //#endregion
-export { h as MenuPopover, m as useMenuListPointer };
+export { m as MenuPopover, p as useMenuListPointer };
 
 //# sourceMappingURL=Menu.popover.mjs.map

package/dist/components/navigation/Menu.popover.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.popover.mjs","names":["React","SUBMENU_SHIFT","isElementTarget","target","useMenuListPointer","hoverGroup","createHoverIntentGroup","hoverFocusingRef","useEventCallback","event","isOwnEvent","item","MENU_ITEM_SELECTOR","root","menu","MenuPopover","rest","useMenuContext","popup","targetElement","surface","setSurface","surfaceRef","setSurfaceElement","element","presenceRef","usePresence","open","usePopupPosition","side","isSubmenu","offset","_maxHeight","_maxWidth","positionStyle","floatingProps","fromContext","contextAnchor","getTriggerFocusTarget","triggerElement","setReference","getReturnFocus","opener","openOnContext","contextOpener","isConnectedAndFocusable","triggerRef","returnFocusRef","targetRef","useDismiss","dismiss","triggerFocusRef","useTriggerFocusRef","openerRef","wasOpenRef","captureOpener","container","doc","isCandidate","el","trigger","active","wasOpen","getCloseFocus","unnamed","isMounted","warnOnce","rovingRef","rovingKeyDown","rovingKeyDownCapture","rovingFocus","useRovingTabIndex","mergedRef","useMergedRefs","ref","setFloating","registerSurface","focusFirst","focusLast","layerId","unmountingRef","focusReturnTargetOnClose","surfaceElement","takeInitialFocus","isPositioned","portalDepth","PortalDepthContext","registerCheckable","useCheckableRegistry","listPointerMove","listContext","closeChain","isHoverFocusing","handleKeyDown","onKeyDown","isEditableTarget","getArrowIntent","getDirection","requestClose","Portal","MenuListContext","labelledBy","presenceProps","menuId","style","withTypeaheadText","composeEventHandlers","onKeyDownCapture","onFocus","onPointerEnter","hoverSurfaceHandlers","onPointerLeave","onPointerMove","onContextMenu","contextSurfaceHandlers","cn","menuPopoverClassNames","menuPopoverClasses","className"],"sources":["../../../src/components/navigation/Menu.popover.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { menuPopoverClassNames } from '../../lib/classNames';\nimport type { PopupAlign, PopupSide, PopupTarget } from '../../lib/types';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { warnOnce } from '../../lib/dev';\nimport { getArrowIntent, getDirection } from '../../lib/direction';\nimport { isEditableTarget, isOwnEvent } from '../../lib/events';\nimport { isConnectedAndFocusable } from '../../lib/focus';\nimport { useDismiss } from '../../hooks/useDismiss';\nimport { useEventCallback } from '../../hooks/useEventCallback';\nimport { createHoverIntentGroup, type HoverIntentGroup } from '../../hooks/useHoverIntent';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { usePopupPosition } from '../../hooks/usePopupPosition';\nimport { usePresence } from '../../hooks/usePresence';\nimport { useRestoreFocus } from '../../hooks/useRestoreFocus';\nimport { useRovingTabIndex } from '../../hooks/useRovingTabIndex';\nimport { getTriggerFocusTarget, useTriggerFocusRef } from '../../hooks/useTriggerElement';\nimport { Portal, PortalDepthContext } from '../portal/Portal';\nimport { MenuListContext, useCheckableRegistry, useMenuContext } from './Menu.context';\nimport type { MenuContextValue, MenuListContextValue } from './Menu.context';\nimport {\n  MENU_ITEM_SELECTOR,\n  menuPopoverClasses,\n  useStaticMenuPartWarning,\n  withTypeaheadText,\n} from './Menu.shared';\n\n/** Properties for the MenuPopover sub-component. */\nexport interface MenuPopoverProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> {\n  /**\n   * Side of the trigger the menu opens on (`start`/`end` follow the writing direction).\n   * @default 'bottom' ('end' in a submenu)\n   */\n  side?: PopupSide;\n  /** Alignment along that side. @default 'start' */\n  align?: PopupAlign;\n  /** Distance from the trigger in px. @default 4 (0 in a submenu) */\n  offset?: number;\n  /**\n   * Where to place the menu instead of next to `Menu.Trigger`: an element or a `VirtualElement`\n   * (a rectangle, such as a point; an inline object is fine). With a controlled `open`, a menu\n   * with a `target` needs no trigger; name it with `aria-label`, and give a toggle button you use\n   * as the target `aria-haspopup=\"menu\"` and `aria-expanded` yourself (the menu's `id` is\n   * generated, so the toggle cannot point `aria-controls` at it). A press on a target element\n   * does not close the menu. Hold the element in state (a ref cannot be observed;\n   * TeachingPopover's `target` also takes a ref). A menu opened by `openOnContext` is placed at\n   * the gesture instead.\n   */\n  target?: PopupTarget;\n  /** Menu items and dividers. */\n  children: React.ReactNode;\n  /**\n   * Ref to the portaled `role=\"menu\"` surface. Its `id` is generated (the trigger's\n   * `aria-controls` points to it), and it is labelled by the trigger unless `aria-label` or\n   * `aria-labelledby` is given (one that holds `undefined` counts as not given).\n   */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * A submenu with room on neither side of its trigger item is shifted across that side, over its\n * parent menu, to stay inside the viewport (as native and Fluent menus do).\n */\nconst SUBMENU_SHIFT = { padding: 8, crossAxis: true } as const;\n\n/** Whether a `target` is an element (duck typed, so an element of another realm counts). */\nfunction isElementTarget(target: PopupTarget | undefined): target is HTMLElement {\n  return !!target && (target as Partial<Node>).nodeType === 1;\n}\n\n/**\n * Internal: the mouse behaviour of a menu list (the static root and every `Menu.Popover`\n * surface). While focus is inside a list of the menu tree (the chain's root list or any of its\n * submenus), a mouse `pointermove` over an enabled item of this list focuses it (`preventScroll`),\n * unless it already has focus or a submenu's safe zone of this list holds the point. Hover moves\n * no focus while focus is elsewhere, so a hover-opened menu or a static menu the user is not in\n * never takes focus from the page, and a Popover, Dialog or other portal opened from an item\n * keeps it. Also returns the list's hover group (the safe zones of its submenu trigger items) and\n * the flag the submenus of the list read while such a focus change runs.\n */\nexport function useMenuListPointer(menu: MenuContextValue): {\n  hoverGroup: HoverIntentGroup;\n  isHoverFocusing: () => boolean;\n  onPointerMove: React.PointerEventHandler<HTMLElement>;\n} {\n  const [hoverGroup] = React.useState(createHoverIntentGroup);\n  const hoverFocusingRef = React.useRef(false);\n  const isHoverFocusing = React.useCallback(() => hoverFocusingRef.current, []);\n  const onPointerMove = useEventCallback((event: React.PointerEvent<HTMLElement>) => {\n    if (event.pointerType === 'touch' || event.pointerType === 'pen' || !isOwnEvent(event)) return;\n    const target = event.target as Element;\n    const item = target.closest<HTMLElement>(MENU_ITEM_SELECTOR);\n    if (!item || !event.currentTarget.contains(item)) return;\n    if (item.getAttribute('aria-disabled') === 'true') return;\n    if (item.ownerDocument.activeElement === item) return;\n    let root = menu;\n    while (root.parent) root = root.parent;\n    if (!root.listContainsFocus() || hoverGroup.isHeld(event.clientX, event.clientY)) return;\n    hoverFocusingRef.current = true;\n    item.focus({ preventScroll: true });\n    // A submenu that just lost focus is dismissed (focus outside) in a microtask the focus change\n    // queued; the flag is cleared after it.\n    queueMicrotask(() => {\n      hoverFocusingRef.current = false;\n    });\n  });\n  return { hoverGroup, isHoverFocusing, onPointerMove };\n}\n\n/**\n * The portaled `role=\"menu\"` surface of a popup menu, positioned next to `Menu.Trigger`. A menu\n * taller than the space available scrolls inside the viewport: the surface is limited to the space\n * next to the trigger (`max-height`/`max-width` classes, which a `max-h-*`/`max-w-*` class in\n * `className` or a `style` replaces) and scrolls, and an item that receives focus is scrolled into\n * view. Focus moves to the first (ArrowUp: last) enabled item when it opens; arrows, Home/End and\n * typeahead move between enabled items. Escape closes it and returns focus to the trigger. An\n * outside press closes it and leaves focus where the press put it (on the trigger only when focus\n * was still in the menu or lost to the page). Tab closes it and moves focus to the trigger without\n * preventing the default, so tabbing continues from the trigger (inside a Dialog, the focus trap\n * moves on from there). The trigger here is the element that takes its focus: for a wrapper span,\n * the element inside it that carries the state ARIA (the span itself when you made it the trigger\n * with a `role` such as `button` and `tabIndex={0}`, or when nothing inside it can take focus).\n * Keys from a portal opened inside the menu (a Popover of an item) are left to that portal: Tab\n * there moves on inside it and keeps the menu open.\n *\n * In a submenu it opens at the end side of its trigger item (`side=\"end\"`, `offset={0}`) and\n * flips to fit the viewport; with room on neither side, it overlaps its parent menu inside the\n * viewport. ArrowLeft (ArrowRight in RTL) and Escape close only the submenu and return focus to\n * its trigger item; item activation and Tab close every menu of the chain and put focus on the\n * root trigger.\n *\n * While focus is inside the menu (or one of its submenus), the item under the mouse pointer takes\n * focus, so Enter activates the item you point at. Focus in a Popover, Dialog or other portal\n * opened from an item stays there.\n *\n * A context menu (`openOnContext`) opens at the pointer or at the focused row and returns focus to\n * the element focused at the gesture; it is not labelled by its region, so give it `aria-label`\n * (development warning otherwise), as for a menu placed at a `target` without `Menu.Trigger`.\n *\n * The surface mounts through the presence core (`usePresence`): it carries\n * `data-presence=\"entering\" | \"entered\" | \"exiting\"` and, while it closes, `data-state=\"closed\"`\n * and `inert`, so exit motion classes on `data-presence` keep it on screen until they end. Focus,\n * the dismiss layer and positioning follow the open state, not the exit. Without motion it unmounts\n * as soon as it closes.\n *\n * Also exported as `MenuPopover` (import the flat name from React Server Components).\n */\nexport const MenuPopover = ({\n  side,\n  align = 'start',\n  offset,\n  target,\n  children,\n  className,\n  style,\n  onKeyDown,\n  onKeyDownCapture,\n  onFocus,\n  onPointerEnter,\n  onPointerLeave,\n  onPointerMove,\n  onContextMenu,\n  ref,\n  ...rest\n}: MenuPopoverProps) => {\n  const menu = useMenuContext('Menu.Popover');\n  const {\n    popup,\n    open,\n    takeInitialFocus,\n    registerSurface,\n    menuId,\n    labelledBy,\n    triggerRef,\n    triggerElement,\n    isSubmenu,\n    requestClose,\n    closeChain,\n    dismiss,\n    hoverSurfaceHandlers,\n    isHoverClose,\n    openOnContext,\n    contextSurfaceHandlers,\n    contextAnchor,\n    fromContext,\n    contextOpener,\n  } = menu;\n  useStaticMenuPartWarning('Menu.Popover', popup);\n  const targetElement = isElementTarget(target) ? target : null;\n\n  const [surface, setSurface] = React.useState<HTMLDivElement | null>(null);\n  const surfaceRef = React.useRef<HTMLDivElement | null>(null);\n  const setSurfaceElement = React.useCallback((element: HTMLDivElement | null) => {\n    surfaceRef.current = element;\n    setSurface(element);\n  }, []);\n\n  // The surface mounts and unmounts through the presence core; everything else below keys on\n  // `open`, so focus returns and the layer goes on close, not after an exit motion.\n  const { isMounted, ref: presenceRef, presenceProps } = usePresence(open);\n\n  const { setReference, setFloating, floatingProps, isPositioned } = usePopupPosition({\n    open,\n    side: side ?? (isSubmenu ? 'end' : 'bottom'),\n    align,\n    offset: offset ?? (isSubmenu ? 0 : 4),\n    fitViewport: true,\n    shift: isSubmenu ? SUBMENU_SHIFT : undefined,\n  });\n  // The size limits come from menuPopoverClasses, which a consumer class can replace; an inline\n  // max-height/max-width would beat every class.\n  const { maxHeight: _maxHeight, maxWidth: _maxWidth, ...positionStyle } = floatingProps.style;\n  // The positioning reference: the anchor of a context gesture (the point, else the focused row,\n  // else the trigger's focus target), else `target`, else the trigger. Kept while the surface\n  // exits, so it does not jump; a new inline VirtualElement only recomputes the position.\n  React.useLayoutEffect(() => {\n    setReference(\n      fromContext\n        ? (contextAnchor ?? getTriggerFocusTarget(triggerElement) ?? triggerElement)\n        : (target ?? triggerElement),\n    );\n  }, [setReference, contextAnchor, fromContext, target, triggerElement]);\n\n  // Where focus returns when the menu closes (item activation, Tab, Escape): in a context menu,\n  // the element focused at the gesture when it can take focus; else the element that takes focus\n  // for the trigger (for a wrapper span, the element inside it that carries the state ARIA; for a\n  // submenu, its trigger item); else a focusable `target` element.\n  const getReturnFocus = useEventCallback((): HTMLElement | null => {\n    const opener = openOnContext ? contextOpener.current : null;\n    if (opener && isConnectedAndFocusable(opener)) return opener;\n    const triggerTarget = getTriggerFocusTarget(triggerRef.current);\n    if (triggerTarget) return triggerTarget;\n    return targetElement && isConnectedAndFocusable(targetElement) ? targetElement : null;\n  });\n\n  // The layer's anchor (where a surface opened from an item that is gone by then restores focus):\n  // the return target, else the trigger itself.\n  const returnFocusRef = React.useMemo<React.RefObject<HTMLElement | null>>(\n    () => ({\n      get current() {\n        return getReturnFocus() ?? triggerRef.current;\n      },\n    }),\n    [getReturnFocus, triggerRef],\n  );\n  // A context region is not part of the layer (a press on another row closes the menu), and a\n  // Ctrl+press there is a macOS context click, which moves the menu instead; a target element is.\n  const targetRef = { current: targetElement };\n  const { layerId } = useDismiss({\n    open,\n    onDismiss: dismiss,\n    refs: openOnContext ? [surfaceRef, targetRef] : [surfaceRef, triggerRef, targetRef],\n    anchorRef: returnFocusRef,\n    kind: 'menu',\n    focusOutside: true,\n    outsidePress: openOnContext\n      ? (event) =>\n          !(\n            event.ctrlKey &&\n            event.target instanceof Node &&\n            triggerRef.current?.contains(event.target)\n          )\n      : true,\n  });\n\n  const triggerFocusRef = useTriggerFocusRef(triggerRef);\n\n  // The element focused when the menu opened, captured as useRestoreFocus captures its opener: in\n  // the commit that opens the menu, before the initial focus moves into it; the trigger's focus\n  // target first (not in a context menu, whose region is no opener), else the focused element.\n  const openerRef = React.useRef<HTMLElement | null>(null);\n  const wasOpenRef = React.useRef(false);\n  const captureOpener = useEventCallback(() => {\n    const container = surfaceRef.current;\n    const doc = (triggerRef.current ?? container)?.ownerDocument ?? document;\n    const isCandidate = (el: Element | null | undefined): el is HTMLElement =>\n      !!el && el !== doc.body && el !== doc.documentElement && !container?.contains(el);\n    const trigger = openOnContext ? null : triggerFocusRef.current;\n    const active = doc.activeElement;\n    openerRef.current = isCandidate(trigger) ? trigger : isCandidate(active) ? active : null;\n  });\n  React.useInsertionEffect(() => {\n    const wasOpen = wasOpenRef.current;\n    wasOpenRef.current = open;\n    if (open && !wasOpen) captureOpener();\n  });\n  // Where focus goes when the menu closes with focus inside it (Escape, a close by the app): where\n  // useRestoreFocus would put it, in its order: the context opener, the element focused when the\n  // menu opened, then the return target (a menu with a `target` and no trigger returns focus to\n  // its opener, not to a focusable target element).\n  const getCloseFocus = useEventCallback((): HTMLElement | null => {\n    const container = surfaceRef.current;\n    const candidates = [\n      openOnContext ? contextOpener.current : null,\n      openerRef.current,\n      getReturnFocus(),\n    ];\n    return (\n      candidates.find(\n        (el): el is HTMLElement => !!el && isConnectedAndFocusable(el) && !container?.contains(el),\n      ) ?? null\n    );\n  });\n\n  useRestoreFocus({\n    enabled: open,\n    container: surface,\n    // A context menu returns focus to the opener (the focused row), not to the region.\n    triggerRef: openOnContext ? undefined : triggerFocusRef,\n    finalFocusRef: openOnContext ? contextOpener : undefined,\n    fallback: getReturnFocus,\n    onlyIfFocusInside: true,\n    // A hover close moves no focus (a submenu closing with it is taken along by the hook).\n    isHoverClose,\n  });\n\n  // C-DEV: a surface that no trigger labels needs its own name.\n  const unnamed =\n    isMounted &&\n    (openOnContext || (target != null && !triggerElement)) &&\n    rest['aria-label'] === undefined &&\n    rest['aria-labelledby'] === undefined;\n  React.useEffect(() => {\n    if (!unnamed) return;\n    warnOnce(\n      'Menu.Popover:name',\n      'Menu.Popover: this menu has no trigger to name it (a context menu, or a menu placed at a `target` without Menu.Trigger): give Menu.Popover an aria-label or aria-labelledby.',\n    );\n  }, [unnamed]);\n\n  const {\n    containerProps: { ref: rovingRef },\n    handleKeyDown: rovingKeyDown,\n    handleKeyDownCapture: rovingKeyDownCapture,\n    handleFocus: rovingFocus,\n    focusFirst,\n    focusLast,\n  } = useRovingTabIndex({\n    orientation: 'vertical',\n    loop: true,\n    typeahead: true,\n    manageTabIndex: true,\n    itemSelector: MENU_ITEM_SELECTOR,\n  });\n\n  const mergedRef = useMergedRefs<HTMLDivElement>(\n    ref,\n    setSurfaceElement,\n    rovingRef,\n    setFloating,\n    presenceRef,\n  );\n\n  // Lets the trigger move focus into an already open menu (ArrowDown/ArrowUp on the trigger) and\n  // the root reach the surface. Only an open surface registers, and it unregisters in the commit\n  // that closes the menu: a surface that stays mounted while it exits would otherwise make the next\n  // opening focus its (inert) items instead of opening the menu.\n  React.useLayoutEffect(() => {\n    if (!surface || !open) return;\n    registerSurface({ focusFirst, focusLast, surface, layerId, getReturnFocus });\n    return () => registerSurface(null);\n  }, [surface, open, registerSurface, focusFirst, focusLast, layerId, getReturnFocus]);\n\n  // Focus before close, on every close: when the menu closes with focus inside it, focus moves to\n  // where the restore would put it (`getCloseFocus`) in the closing commit's mutation phase (a\n  // layout effect cleanup), before a surface opened in the same update (a Dialog rendered after\n  // the menu, opened by the item that closed it) records the focused element as its opener. The\n  // closing surface is still in the document then (it unmounts once its exit phase ends), so that\n  // opener would be its item, gone by the time the Dialog closes. The surface is inert from this\n  // commit on, so in a browser React cannot put focus back on the item after the commit, and\n  // useRestoreFocus, which then finds focus outside, leaves it there: the two must agree on the\n  // target. Unmounting is left to useRestoreFocus.\n  const unmountingRef = React.useRef(false);\n  React.useLayoutEffect(() => {\n    unmountingRef.current = false;\n    return () => {\n      unmountingRef.current = true;\n    };\n  }, []);\n  const focusReturnTargetOnClose = useEventCallback(() => {\n    const surfaceElement = surfaceRef.current;\n    const active = surfaceElement?.ownerDocument.activeElement;\n    if (unmountingRef.current || !surfaceElement || !active || !surfaceElement.contains(active)) {\n      return;\n    }\n    getCloseFocus()?.focus({ preventScroll: true });\n  });\n  React.useLayoutEffect(() => {\n    if (!open) return undefined;\n    return focusReturnTargetOnClose;\n  }, [open, focusReturnTargetOnClose]);\n\n  // Initial focus: the first (or last) enabled item, unless focus is already inside. A hover\n  // opening moves no focus.\n  React.useLayoutEffect(() => {\n    if (!open || !surface) return;\n    if (surface.contains(surface.ownerDocument.activeElement)) return;\n    const target = takeInitialFocus();\n    if (target === 'last') focusLast();\n    else if (target === 'first') focusFirst();\n  }, [open, surface, takeInitialFocus, focusFirst, focusLast]);\n\n  // The initial focus lands before the surface is limited to the available height (floating-ui\n  // measures after mount), so it scrolls nothing: once positioned, the focused item (the last one\n  // after ArrowUp) is scrolled into view. Later focus moves scroll through the native focus().\n  React.useLayoutEffect(() => {\n    if (!isPositioned || !surface) return;\n    const active = surface.ownerDocument.activeElement as HTMLElement | null;\n    if (active && active !== surface && surface.contains(active)) {\n      active.scrollIntoView?.({ block: 'nearest' });\n    }\n  }, [isPositioned, surface]);\n\n  // The list the items render in. Its children sit inside the Portal, one portal level deeper.\n  // Item activation closes the whole chain; the item under the mouse takes focus while focus is\n  // inside the menu tree.\n  const portalDepth = React.useContext(PortalDepthContext) + 1;\n  const registerCheckable = useCheckableRegistry();\n  const { hoverGroup, isHoverFocusing, onPointerMove: listPointerMove } = useMenuListPointer(menu);\n  const listContext = React.useMemo<MenuListContextValue>(\n    () => ({\n      menu,\n      isStatic: false,\n      portalDepth,\n      closeFromItem: closeChain,\n      registerCheckable,\n      hoverGroup,\n      isHoverFocusing,\n    }),\n    [menu, portalDepth, closeChain, registerCheckable, hoverGroup, isHoverFocusing],\n  );\n\n  // C-COMPOSE: the consumer's onKeyDown runs first; preventDefault() skips the built-in keys. A key\n  // from a portal opened inside the menu (a Popover of an item, a submenu) is that portal's: Tab\n  // moves on inside it and never closes the menu.\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented || !isOwnEvent(event)) return;\n    if (event.key === 'Tab') {\n      // Close every menu of the chain and put focus on the root trigger; the default Tab action\n      // then continues from there.\n      closeChain();\n      return;\n    }\n    // \"Previous\" (ArrowLeft, ArrowRight in RTL) closes a submenu and returns to its trigger item.\n    if (\n      isSubmenu &&\n      !event.altKey &&\n      !event.ctrlKey &&\n      !event.metaKey &&\n      !isEditableTarget(event.target) &&\n      getArrowIntent(event.key, {\n        orientation: 'horizontal',\n        dir: getDirection(event.currentTarget),\n      }) === 'prev'\n    ) {\n      event.preventDefault();\n      getReturnFocus()?.focus({ preventScroll: true });\n      requestClose();\n      return;\n    }\n    rovingKeyDown(event);\n  };\n\n  if (!isMounted) return null;\n\n  return (\n    <Portal layerId={layerId}>\n      <MenuListContext.Provider value={listContext}>\n        <div\n          role=\"menu\"\n          {...rest}\n          // After the spread: a consumer name wins when it is defined, and a forwarded key that\n          // holds `undefined` does not remove the trigger's. A context region's whole text is no\n          // name: a context menu is named by aria-label.\n          aria-labelledby={\n            rest['aria-labelledby'] !== undefined\n              ? rest['aria-labelledby']\n              : triggerElement && !openOnContext && rest['aria-label'] === undefined\n                ? labelledBy\n                : undefined\n          }\n          {...presenceProps}\n          ref={mergedRef}\n          id={menuId}\n          data-state={open ? 'open' : 'closed'}\n          data-side={floatingProps['data-side']}\n          data-align={floatingProps['data-align']}\n          data-roving-container=\"\"\n          style={{ ...positionStyle, ...style }}\n          onKeyDown={handleKeyDown}\n          onKeyDownCapture={withTypeaheadText(\n            composeEventHandlers(onKeyDownCapture, rovingKeyDownCapture),\n          )}\n          onFocus={composeEventHandlers(onFocus, rovingFocus, { checkDefaultPrevented: false })}\n          onPointerEnter={composeEventHandlers(onPointerEnter, hoverSurfaceHandlers.onPointerEnter)}\n          onPointerLeave={composeEventHandlers(onPointerLeave, hoverSurfaceHandlers.onPointerLeave)}\n          onPointerMove={composeEventHandlers(onPointerMove, listPointerMove)}\n          onContextMenu={composeEventHandlers(onContextMenu, contextSurfaceHandlers.onContextMenu)}\n          className={cn(menuPopoverClassNames.root, menuPopoverClasses, className)}\n        >\n          {children}\n        </div>\n      </MenuListContext.Provider>\n    </Portal>\n  );\n};\nMenuPopover.displayName = 'MenuPopover';\n"],"mappings":"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"}
+{"version":3,"file":"Menu.popover.mjs","names":["React","SUBMENU_SHIFT","isElementTarget","target","useMenuListPointer","hoverGroup","createHoverIntentGroup","hoverFocusingRef","useEventCallback","event","isOwnEvent","item","MENU_ITEM_SELECTOR","root","menu","MenuPopover","targetProp","rest","useMenuContext","popup","targetPending","usePopupTarget","positioning","targetElement","surface","setSurface","surfaceRef","setSurfaceElement","element","presenceRef","usePresence","open","positionedProps","usePopupPosition","side","isSubmenu","resolvePositioning","offset","floatingProps","_maxHeight","_maxWidth","positionStyle","fromContext","contextAnchor","getTriggerFocusTarget","triggerElement","setReference","getReturnFocus","opener","openOnContext","contextOpener","isConnectedAndFocusable","triggerRef","returnFocusRef","targetRef","useDismiss","dismiss","triggerFocusRef","useTriggerFocusRef","openerRef","wasOpenRef","captureOpener","container","doc","isCandidate","el","trigger","active","wasOpen","getCloseFocus","unnamed","isMounted","warnOnce","rovingRef","rovingKeyDown","rovingKeyDownCapture","rovingFocus","useRovingTabIndex","mergedRef","useMergedRefs","ref","setFloating","registerSurface","focusFirst","focusLast","layerId","unmountingRef","focusReturnTargetOnClose","surfaceElement","takeInitialFocus","isPositioned","portalDepth","PortalDepthContext","registerCheckable","useCheckableRegistry","listPointerMove","listContext","closeChain","isHoverFocusing","handleKeyDown","onKeyDown","isEditableTarget","getArrowIntent","getDirection","requestClose","Portal","MenuListContext","labelledBy","presenceProps","menuId","style","withTypeaheadText","composeEventHandlers","onKeyDownCapture","onFocus","onPointerEnter","hoverSurfaceHandlers","onPointerLeave","onPointerMove","onContextMenu","contextSurfaceHandlers","cn","menuPopoverClassNames","menuPopoverClasses","className"],"sources":["../../../src/components/navigation/Menu.popover.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { menuPopoverClassNames } from '../../lib/classNames';\nimport type {\n  PopupAlign,\n  PopupPositioning,\n  PopupSide,\n  PopupTarget,\n  PopupTargetInput,\n} from '../../lib/types';\nimport { usePopupTarget } from '../../hooks/useResolvedTarget';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { warnOnce } from '../../lib/dev';\nimport { getArrowIntent, getDirection } from '../../lib/direction';\nimport { isEditableTarget, isOwnEvent } from '../../lib/events';\nimport { isConnectedAndFocusable } from '../../lib/focus';\nimport { useDismiss } from '../../hooks/useDismiss';\nimport { useEventCallback } from '../../hooks/useEventCallback';\nimport { createHoverIntentGroup, type HoverIntentGroup } from '../../hooks/useHoverIntent';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { resolvePositioning, usePopupPosition } from '../../hooks/usePopupPosition';\nimport { usePresence } from '../../hooks/usePresence';\nimport { useRestoreFocus } from '../../hooks/useRestoreFocus';\nimport { useRovingTabIndex } from '../../hooks/useRovingTabIndex';\nimport { getTriggerFocusTarget, useTriggerFocusRef } from '../../hooks/useTriggerElement';\nimport { Portal, PortalDepthContext } from '../portal/Portal';\nimport { MenuListContext, useCheckableRegistry, useMenuContext } from './Menu.context';\nimport type { MenuContextValue, MenuListContextValue } from './Menu.context';\nimport {\n  MENU_ITEM_SELECTOR,\n  menuPopoverClasses,\n  useStaticMenuPartWarning,\n  withTypeaheadText,\n} from './Menu.shared';\n\n/** Properties for the MenuPopover sub-component. */\nexport interface MenuPopoverProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> {\n  /**\n   * Side of the trigger the menu opens on (`start`/`end` follow the writing direction).\n   * @default 'bottom' ('end' in a submenu)\n   */\n  side?: PopupSide;\n  /** Alignment along that side. @default 'start' */\n  align?: PopupAlign;\n  /** Distance from the trigger in px. @default 4 (0 in a submenu) */\n  offset?: number;\n  /**\n   * Where to place the menu instead of next to `Menu.Trigger`: an element or a `VirtualElement`\n   * (a rectangle, such as a point; an inline object is fine). With a controlled `open`, a menu\n   * with a `target` needs no trigger; name it with `aria-label`, and give a toggle button you use\n   * as the target `aria-haspopup=\"menu\"` and `aria-expanded` yourself (the menu's `id` is\n   * generated, so the toggle cannot point `aria-controls` at it). A press on a target element\n   * does not close the menu. Hold the element in state, or pass a ref object (read after\n   * each render of the menu). A menu opened by `openOnContext` is placed at\n   * the gesture instead.\n   */\n  target?: PopupTargetInput;\n  /**\n   * Advanced positioning (Fluent's `positioning`): `offset`, `fitViewport`, `matchReferenceWidth`,\n   * `fallbackPlacements` and `target` (used when the `target` prop is not set). `side` and `align`\n   * stay separate props, and the `offset` prop wins over `positioning.offset`.\n   * @default `{ fitViewport: true }`\n   */\n  positioning?: PopupPositioning;\n  /** Menu items and dividers. */\n  children: React.ReactNode;\n  /**\n   * Ref to the portaled `role=\"menu\"` surface. Its `id` is generated (the trigger's\n   * `aria-controls` points to it), and it is labelled by the trigger unless `aria-label` or\n   * `aria-labelledby` is given (one that holds `undefined` counts as not given).\n   */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * A submenu with room on neither side of its trigger item is shifted across that side, over its\n * parent menu, to stay inside the viewport (as native and Fluent menus do).\n */\nconst SUBMENU_SHIFT = { padding: 8, crossAxis: true } as const;\n\n/** Whether a `target` is an element (duck typed, so an element of another realm counts). */\nfunction isElementTarget(target: PopupTarget | undefined): target is HTMLElement {\n  return !!target && (target as Partial<Node>).nodeType === 1;\n}\n\n/**\n * Internal: the mouse behaviour of a menu list (the static root and every `Menu.Popover`\n * surface). While focus is inside a list of the menu tree (the chain's root list or any of its\n * submenus), a mouse `pointermove` over an enabled item of this list focuses it (`preventScroll`),\n * unless it already has focus or a submenu's safe zone of this list holds the point. Hover moves\n * no focus while focus is elsewhere, so a hover-opened menu or a static menu the user is not in\n * never takes focus from the page, and a Popover, Dialog or other portal opened from an item\n * keeps it. Also returns the list's hover group (the safe zones of its submenu trigger items) and\n * the flag the submenus of the list read while such a focus change runs.\n */\nexport function useMenuListPointer(menu: MenuContextValue): {\n  hoverGroup: HoverIntentGroup;\n  isHoverFocusing: () => boolean;\n  onPointerMove: React.PointerEventHandler<HTMLElement>;\n} {\n  const [hoverGroup] = React.useState(createHoverIntentGroup);\n  const hoverFocusingRef = React.useRef(false);\n  const isHoverFocusing = React.useCallback(() => hoverFocusingRef.current, []);\n  const onPointerMove = useEventCallback((event: React.PointerEvent<HTMLElement>) => {\n    if (event.pointerType === 'touch' || event.pointerType === 'pen' || !isOwnEvent(event)) return;\n    const target = event.target as Element;\n    const item = target.closest<HTMLElement>(MENU_ITEM_SELECTOR);\n    if (!item || !event.currentTarget.contains(item)) return;\n    if (item.getAttribute('aria-disabled') === 'true') return;\n    if (item.ownerDocument.activeElement === item) return;\n    let root = menu;\n    while (root.parent) root = root.parent;\n    if (!root.listContainsFocus() || hoverGroup.isHeld(event.clientX, event.clientY)) return;\n    hoverFocusingRef.current = true;\n    item.focus({ preventScroll: true });\n    // A submenu that just lost focus is dismissed (focus outside) in a microtask the focus change\n    // queued; the flag is cleared after it.\n    queueMicrotask(() => {\n      hoverFocusingRef.current = false;\n    });\n  });\n  return { hoverGroup, isHoverFocusing, onPointerMove };\n}\n\n/**\n * The portaled `role=\"menu\"` surface of a popup menu, positioned next to `Menu.Trigger`. A menu\n * taller than the space available scrolls inside the viewport: the surface is limited to the space\n * next to the trigger (`max-height`/`max-width` classes, which a `max-h-*`/`max-w-*` class in\n * `className` or a `style` replaces) and scrolls, and an item that receives focus is scrolled into\n * view. Focus moves to the first (ArrowUp: last) enabled item when it opens; arrows, Home/End and\n * typeahead move between enabled items. Escape closes it and returns focus to the trigger. An\n * outside press closes it and leaves focus where the press put it (on the trigger only when focus\n * was still in the menu or lost to the page). Tab closes it and moves focus to the trigger without\n * preventing the default, so tabbing continues from the trigger (inside a Dialog, the focus trap\n * moves on from there). The trigger here is the element that takes its focus: for a wrapper span,\n * the element inside it that carries the state ARIA (the span itself when you made it the trigger\n * with a `role` such as `button` and `tabIndex={0}`, or when nothing inside it can take focus).\n * Keys from a portal opened inside the menu (a Popover of an item) are left to that portal: Tab\n * there moves on inside it and keeps the menu open.\n *\n * In a submenu it opens at the end side of its trigger item (`side=\"end\"`, `offset={0}`) and\n * flips to fit the viewport; with room on neither side, it overlaps its parent menu inside the\n * viewport. ArrowLeft (ArrowRight in RTL) and Escape close only the submenu and return focus to\n * its trigger item; item activation and Tab close every menu of the chain and put focus on the\n * root trigger.\n *\n * While focus is inside the menu (or one of its submenus), the item under the mouse pointer takes\n * focus, so Enter activates the item you point at. Focus in a Popover, Dialog or other portal\n * opened from an item stays there.\n *\n * A context menu (`openOnContext`) opens at the pointer or at the focused row and returns focus to\n * the element focused at the gesture; it is not labelled by its region, so give it `aria-label`\n * (development warning otherwise), as for a menu placed at a `target` without `Menu.Trigger`.\n *\n * The surface mounts through the presence core (`usePresence`): it carries\n * `data-presence=\"entering\" | \"entered\" | \"exiting\"` and, while it closes, `data-state=\"closed\"`\n * and `inert`, so exit motion classes on `data-presence` keep it on screen until they end. Focus,\n * the dismiss layer and positioning follow the open state, not the exit. Without motion it unmounts\n * as soon as it closes.\n *\n * Also exported as `MenuPopover` (import the flat name from React Server Components).\n */\nexport const MenuPopover = ({\n  side,\n  align = 'start',\n  offset,\n  target: targetProp,\n  positioning,\n  children,\n  className,\n  style,\n  onKeyDown,\n  onKeyDownCapture,\n  onFocus,\n  onPointerEnter,\n  onPointerLeave,\n  onPointerMove,\n  onContextMenu,\n  ref,\n  ...rest\n}: MenuPopoverProps) => {\n  const menu = useMenuContext('Menu.Popover');\n  const {\n    popup,\n    open,\n    takeInitialFocus,\n    registerSurface,\n    menuId,\n    labelledBy,\n    triggerRef,\n    triggerElement,\n    isSubmenu,\n    requestClose,\n    closeChain,\n    dismiss,\n    hoverSurfaceHandlers,\n    isHoverClose,\n    openOnContext,\n    contextSurfaceHandlers,\n    contextAnchor,\n    fromContext,\n    contextOpener,\n  } = menu;\n  useStaticMenuPartWarning('Menu.Popover', popup);\n  const { target, pending: targetPending } = usePopupTarget(\n    'Menu.Popover',\n    targetProp,\n    positioning,\n  );\n  const targetElement = isElementTarget(target) ? target : null;\n\n  const [surface, setSurface] = React.useState<HTMLDivElement | null>(null);\n  const surfaceRef = React.useRef<HTMLDivElement | null>(null);\n  const setSurfaceElement = React.useCallback((element: HTMLDivElement | null) => {\n    surfaceRef.current = element;\n    setSurface(element);\n  }, []);\n\n  // The surface mounts and unmounts through the presence core; everything else below keys on\n  // `open`, so focus returns and the layer goes on close, not after an exit motion.\n  const { isMounted, ref: presenceRef, presenceProps } = usePresence(open);\n\n  const {\n    setReference,\n    setFloating,\n    floatingProps: positionedProps,\n    isPositioned,\n  } = usePopupPosition({\n    open,\n    side: side ?? (isSubmenu ? 'end' : 'bottom'),\n    align,\n    shift: isSubmenu ? SUBMENU_SHIFT : undefined,\n    ...resolvePositioning(positioning, { offset: isSubmenu ? 0 : 4, fitViewport: true }),\n    ...(offset !== undefined && { offset }),\n  });\n  // A ref target that holds no element yet keeps the popup hidden (as TeachingPopover's is).\n  const floatingProps = targetPending\n    ? { ...positionedProps, style: { ...positionedProps.style, visibility: 'hidden' as const } }\n    : positionedProps;\n  // The size limits come from menuPopoverClasses, which a consumer class can replace; an inline\n  // max-height/max-width would beat every class.\n  const { maxHeight: _maxHeight, maxWidth: _maxWidth, ...positionStyle } = floatingProps.style;\n  // The positioning reference: the anchor of a context gesture (the point, else the focused row,\n  // else the trigger's focus target), else `target`, else the trigger. Kept while the surface\n  // exits, so it does not jump; a new inline VirtualElement only recomputes the position.\n  React.useLayoutEffect(() => {\n    setReference(\n      fromContext\n        ? (contextAnchor ?? getTriggerFocusTarget(triggerElement) ?? triggerElement)\n        : (target ?? triggerElement),\n    );\n  }, [setReference, contextAnchor, fromContext, target, triggerElement]);\n\n  // Where focus returns when the menu closes (item activation, Tab, Escape): in a context menu,\n  // the element focused at the gesture when it can take focus; else the element that takes focus\n  // for the trigger (for a wrapper span, the element inside it that carries the state ARIA; for a\n  // submenu, its trigger item); else a focusable `target` element.\n  const getReturnFocus = useEventCallback((): HTMLElement | null => {\n    const opener = openOnContext ? contextOpener.current : null;\n    if (opener && isConnectedAndFocusable(opener)) return opener;\n    const triggerTarget = getTriggerFocusTarget(triggerRef.current);\n    if (triggerTarget) return triggerTarget;\n    return targetElement && isConnectedAndFocusable(targetElement) ? targetElement : null;\n  });\n\n  // The layer's anchor (where a surface opened from an item that is gone by then restores focus):\n  // the return target, else the trigger itself.\n  const returnFocusRef = React.useMemo<React.RefObject<HTMLElement | null>>(\n    () => ({\n      get current() {\n        return getReturnFocus() ?? triggerRef.current;\n      },\n    }),\n    [getReturnFocus, triggerRef],\n  );\n  // A context region is not part of the layer (a press on another row closes the menu), and a\n  // Ctrl+press there is a macOS context click, which moves the menu instead; a target element is.\n  const targetRef = { current: targetElement };\n  const { layerId } = useDismiss({\n    open,\n    onDismiss: dismiss,\n    refs: openOnContext ? [surfaceRef, targetRef] : [surfaceRef, triggerRef, targetRef],\n    anchorRef: returnFocusRef,\n    kind: 'menu',\n    focusOutside: true,\n    outsidePress: openOnContext\n      ? (event) =>\n          !(\n            event.ctrlKey &&\n            event.target instanceof Node &&\n            triggerRef.current?.contains(event.target)\n          )\n      : true,\n  });\n\n  const triggerFocusRef = useTriggerFocusRef(triggerRef);\n\n  // The element focused when the menu opened, captured as useRestoreFocus captures its opener: in\n  // the commit that opens the menu, before the initial focus moves into it; the trigger's focus\n  // target first (not in a context menu, whose region is no opener), else the focused element.\n  const openerRef = React.useRef<HTMLElement | null>(null);\n  const wasOpenRef = React.useRef(false);\n  const captureOpener = useEventCallback(() => {\n    const container = surfaceRef.current;\n    const doc = (triggerRef.current ?? container)?.ownerDocument ?? document;\n    const isCandidate = (el: Element | null | undefined): el is HTMLElement =>\n      !!el && el !== doc.body && el !== doc.documentElement && !container?.contains(el);\n    const trigger = openOnContext ? null : triggerFocusRef.current;\n    const active = doc.activeElement;\n    openerRef.current = isCandidate(trigger) ? trigger : isCandidate(active) ? active : null;\n  });\n  React.useInsertionEffect(() => {\n    const wasOpen = wasOpenRef.current;\n    wasOpenRef.current = open;\n    if (open && !wasOpen) captureOpener();\n  });\n  // Where focus goes when the menu closes with focus inside it (Escape, a close by the app): where\n  // useRestoreFocus would put it, in its order: the context opener, the element focused when the\n  // menu opened, then the return target (a menu with a `target` and no trigger returns focus to\n  // its opener, not to a focusable target element).\n  const getCloseFocus = useEventCallback((): HTMLElement | null => {\n    const container = surfaceRef.current;\n    const candidates = [\n      openOnContext ? contextOpener.current : null,\n      openerRef.current,\n      getReturnFocus(),\n    ];\n    return (\n      candidates.find(\n        (el): el is HTMLElement => !!el && isConnectedAndFocusable(el) && !container?.contains(el),\n      ) ?? null\n    );\n  });\n\n  useRestoreFocus({\n    enabled: open,\n    container: surface,\n    // A context menu returns focus to the opener (the focused row), not to the region.\n    triggerRef: openOnContext ? undefined : triggerFocusRef,\n    finalFocusRef: openOnContext ? contextOpener : undefined,\n    fallback: getReturnFocus,\n    onlyIfFocusInside: true,\n    // A hover close moves no focus (a submenu closing with it is taken along by the hook).\n    isHoverClose,\n  });\n\n  // C-DEV: a surface that no trigger labels needs its own name.\n  const unnamed =\n    isMounted &&\n    (openOnContext || (target != null && !triggerElement)) &&\n    rest['aria-label'] === undefined &&\n    rest['aria-labelledby'] === undefined;\n  React.useEffect(() => {\n    if (!unnamed) return;\n    warnOnce(\n      'Menu.Popover:name',\n      'Menu.Popover: this menu has no trigger to name it (a context menu, or a menu placed at a `target` without Menu.Trigger): give Menu.Popover an aria-label or aria-labelledby.',\n    );\n  }, [unnamed]);\n\n  const {\n    containerProps: { ref: rovingRef },\n    handleKeyDown: rovingKeyDown,\n    handleKeyDownCapture: rovingKeyDownCapture,\n    handleFocus: rovingFocus,\n    focusFirst,\n    focusLast,\n  } = useRovingTabIndex({\n    orientation: 'vertical',\n    loop: true,\n    typeahead: true,\n    manageTabIndex: true,\n    itemSelector: MENU_ITEM_SELECTOR,\n  });\n\n  const mergedRef = useMergedRefs<HTMLDivElement>(\n    ref,\n    setSurfaceElement,\n    rovingRef,\n    setFloating,\n    presenceRef,\n  );\n\n  // Lets the trigger move focus into an already open menu (ArrowDown/ArrowUp on the trigger) and\n  // the root reach the surface. Only an open surface registers, and it unregisters in the commit\n  // that closes the menu: a surface that stays mounted while it exits would otherwise make the next\n  // opening focus its (inert) items instead of opening the menu.\n  React.useLayoutEffect(() => {\n    if (!surface || !open) return;\n    registerSurface({ focusFirst, focusLast, surface, layerId, getReturnFocus });\n    return () => registerSurface(null);\n  }, [surface, open, registerSurface, focusFirst, focusLast, layerId, getReturnFocus]);\n\n  // Focus before close, on every close: when the menu closes with focus inside it, focus moves to\n  // where the restore would put it (`getCloseFocus`) in the closing commit's mutation phase (a\n  // layout effect cleanup), before a surface opened in the same update (a Dialog rendered after\n  // the menu, opened by the item that closed it) records the focused element as its opener. The\n  // closing surface is still in the document then (it unmounts once its exit phase ends), so that\n  // opener would be its item, gone by the time the Dialog closes. The surface is inert from this\n  // commit on, so in a browser React cannot put focus back on the item after the commit, and\n  // useRestoreFocus, which then finds focus outside, leaves it there: the two must agree on the\n  // target. Unmounting is left to useRestoreFocus.\n  const unmountingRef = React.useRef(false);\n  React.useLayoutEffect(() => {\n    unmountingRef.current = false;\n    return () => {\n      unmountingRef.current = true;\n    };\n  }, []);\n  const focusReturnTargetOnClose = useEventCallback(() => {\n    const surfaceElement = surfaceRef.current;\n    const active = surfaceElement?.ownerDocument.activeElement;\n    if (unmountingRef.current || !surfaceElement || !active || !surfaceElement.contains(active)) {\n      return;\n    }\n    getCloseFocus()?.focus({ preventScroll: true });\n  });\n  React.useLayoutEffect(() => {\n    if (!open) return undefined;\n    return focusReturnTargetOnClose;\n  }, [open, focusReturnTargetOnClose]);\n\n  // Initial focus: the first (or last) enabled item, unless focus is already inside. A hover\n  // opening moves no focus.\n  React.useLayoutEffect(() => {\n    if (!open || !surface) return;\n    if (surface.contains(surface.ownerDocument.activeElement)) return;\n    const target = takeInitialFocus();\n    if (target === 'last') focusLast();\n    else if (target === 'first') focusFirst();\n  }, [open, surface, takeInitialFocus, focusFirst, focusLast]);\n\n  // The initial focus lands before the surface is limited to the available height (floating-ui\n  // measures after mount), so it scrolls nothing: once positioned, the focused item (the last one\n  // after ArrowUp) is scrolled into view. Later focus moves scroll through the native focus().\n  React.useLayoutEffect(() => {\n    if (!isPositioned || !surface) return;\n    const active = surface.ownerDocument.activeElement as HTMLElement | null;\n    if (active && active !== surface && surface.contains(active)) {\n      active.scrollIntoView?.({ block: 'nearest' });\n    }\n  }, [isPositioned, surface]);\n\n  // The list the items render in. Its children sit inside the Portal, one portal level deeper.\n  // Item activation closes the whole chain; the item under the mouse takes focus while focus is\n  // inside the menu tree.\n  const portalDepth = React.useContext(PortalDepthContext) + 1;\n  const registerCheckable = useCheckableRegistry();\n  const { hoverGroup, isHoverFocusing, onPointerMove: listPointerMove } = useMenuListPointer(menu);\n  const listContext = React.useMemo<MenuListContextValue>(\n    () => ({\n      menu,\n      isStatic: false,\n      portalDepth,\n      closeFromItem: closeChain,\n      registerCheckable,\n      hoverGroup,\n      isHoverFocusing,\n    }),\n    [menu, portalDepth, closeChain, registerCheckable, hoverGroup, isHoverFocusing],\n  );\n\n  // C-COMPOSE: the consumer's onKeyDown runs first; preventDefault() skips the built-in keys. A key\n  // from a portal opened inside the menu (a Popover of an item, a submenu) is that portal's: Tab\n  // moves on inside it and never closes the menu.\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented || !isOwnEvent(event)) return;\n    if (event.key === 'Tab') {\n      // Close every menu of the chain and put focus on the root trigger; the default Tab action\n      // then continues from there.\n      closeChain();\n      return;\n    }\n    // \"Previous\" (ArrowLeft, ArrowRight in RTL) closes a submenu and returns to its trigger item.\n    if (\n      isSubmenu &&\n      !event.altKey &&\n      !event.ctrlKey &&\n      !event.metaKey &&\n      !isEditableTarget(event.target) &&\n      getArrowIntent(event.key, {\n        orientation: 'horizontal',\n        dir: getDirection(event.currentTarget),\n      }) === 'prev'\n    ) {\n      event.preventDefault();\n      getReturnFocus()?.focus({ preventScroll: true });\n      requestClose();\n      return;\n    }\n    rovingKeyDown(event);\n  };\n\n  if (!isMounted) return null;\n\n  return (\n    <Portal layerId={layerId}>\n      <MenuListContext.Provider value={listContext}>\n        <div\n          role=\"menu\"\n          {...rest}\n          // After the spread: a consumer name wins when it is defined, and a forwarded key that\n          // holds `undefined` does not remove the trigger's. A context region's whole text is no\n          // name: a context menu is named by aria-label.\n          aria-labelledby={\n            rest['aria-labelledby'] !== undefined\n              ? rest['aria-labelledby']\n              : triggerElement && !openOnContext && rest['aria-label'] === undefined\n                ? labelledBy\n                : undefined\n          }\n          {...presenceProps}\n          ref={mergedRef}\n          id={menuId}\n          data-state={open ? 'open' : 'closed'}\n          data-side={floatingProps['data-side']}\n          data-align={floatingProps['data-align']}\n          data-roving-container=\"\"\n          style={{ ...positionStyle, ...style }}\n          onKeyDown={handleKeyDown}\n          onKeyDownCapture={withTypeaheadText(\n            composeEventHandlers(onKeyDownCapture, rovingKeyDownCapture),\n          )}\n          onFocus={composeEventHandlers(onFocus, rovingFocus, { checkDefaultPrevented: false })}\n          onPointerEnter={composeEventHandlers(onPointerEnter, hoverSurfaceHandlers.onPointerEnter)}\n          onPointerLeave={composeEventHandlers(onPointerLeave, hoverSurfaceHandlers.onPointerLeave)}\n          onPointerMove={composeEventHandlers(onPointerMove, listPointerMove)}\n          onContextMenu={composeEventHandlers(onContextMenu, contextSurfaceHandlers.onContextMenu)}\n          className={cn(menuPopoverClassNames.root, menuPopoverClasses, className)}\n        >\n          {children}\n        </div>\n      </MenuListContext.Provider>\n    </Portal>\n  );\n};\nMenuPopover.displayName = 'MenuPopover';\n"],"mappings":"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"}

package/dist/components/navigation/Menu.root.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/children.cjs"),r=require("../../lib/dev.cjs"),i=require("../../lib/composeEventHandlers.cjs"),ee=require("../../lib/classNames.cjs"),a=require("../../hooks/useEventCallback.cjs"),te=require("../../hooks/useControllable.cjs"),ne=require("../../hooks/useId.cjs"),re=require("../../lib/focus.cjs"),ie=require("../../hooks/useRovingTabIndex.cjs"),ae=require("../../hooks/useMergedRefs.cjs"),oe=require("../../hooks/useIsClient.cjs"),se=require("../../lib/layers.cjs"),ce=require("../portal/Portal.cjs"),le=require("../../lib/styles.cjs"),ue=require("../../hooks/useCheckedValues.cjs"),de=require("../../hooks/useHoverIntent.cjs"),o=require("./Menu.context.cjs"),s=require("./Menu.shared.cjs"),fe=require("./Menu.popover.cjs"),pe=require("../../hooks/useContextMenuAnchor.cjs"),c=require("./Menu.trigger.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var me=()=>{},he=250;function ge(e){return n.flattenChildren(e).some(({node:e})=>n.isElementOfType(e,c.MenuTrigger,fe.MenuPopover))}function _e(e){let t=e.map(e=>`\`${e}\``);return t.length>1?`${t.slice(0,-1).join(`, `)} and ${t[t.length-1]}`:t.join(``)}var d=({children:e,open:n,defaultOpen:c,onOpenChange:d,checkedValues:ve,defaultCheckedValues:ye,onCheckedValuesChange:f,persistOnItemClick:be,openOnHover:p,openDelay:xe,closeDelay:Se,openOnContext:Ce,className:we,onKeyDown:Te,onKeyDownCapture:Ee,onFocus:De,onPointerMove:Oe,ref:ke,...m})=>{let h=o.useMenuListContext(),g=l.useContext(ce.PortalDepthContext),_=h!==null&&h.portalDepth===g?h:null,v=_?.menu??null,y=v!==null,[b,x,Ae]=te.useControllable(n,c??!1,d),je=oe.useIsClient(),S=v===null||!v.popup||v.open,C=b&&je&&S;l.useLayoutEffect(()=>{S||!b||Ae||x(!1)},[S,b,Ae,x]);let w=n!==void 0||c!==void 0||d!==void 0||ge(e),T=ne.useId(`wave-menu-trigger`),E=ne.useId(`wave-menu`),[Me,Ne]=l.useState(T),D=l.useRef(null),[O,Pe]=l.useState(null),Fe=l.useCallback(e=>{D.current=e,Pe(e)},[]),k=l.useRef(null),[Ie,Le]=l.useState(null),[Re,ze]=l.useState(``),Be=l.useCallback(e=>{k.current=e,Le(e?.surface??null),e&&ze(e.layerId)},[]),Ve=ue.useCheckedValues(ve,ye,f),A=v?.checked??null,He=A===null||ve!==void 0||ye!==void 0,Ue=f!==void 0,We=a.useEventCallback(f),j=l.useMemo(()=>A&&Ue?ue.withCheckedValuesListener(A,We):A,[A,Ue,We]),Ge=He||j===null?Ve:j,Ke=be??v?.persistOnItemClick??!1,M=xe??v?.openDelay??he,N=Se??v?.closeDelay??he,P=w&&!y&&Ce===!0,qe=w&&!P&&(p??y),F=[];if(w){we!==void 0&&F.push(`className`),Te!==void 0&&F.push(`onKeyDown`),Ee!==void 0&&F.push(`onKeyDownCapture`),De!==void 0&&F.push(`onFocus`),Oe!==void 0&&F.push(`onPointerMove`);for(let[e,t]of Object.entries(m))t!==void 0&&F.push(e);ke!=null&&F.push(`ref`)}let I=F.length===0?``:`Menu: a popup menu (Menu.Trigger + Menu.Popover) renders no element of its own, so ${F.map(e=>`\`${e}\``).join(`, `)} on Menu ${F.length===1?`is`:`are`} ignored. Pass ${F.length===1?`it`:`them`} to Menu.Popover (the menu surface) or to the trigger's child instead.`;l.useEffect(()=>{I&&r.warnOnce(`Menu:popup-ignored-props`,I)},[I]);let L=w?``:_e([p?`openOnHover`:null,Ce?`openOnContext`:null].filter(e=>e!==null)),Je=P&&p===!0;l.useEffect(()=>{if(!L)return;let[e,t]=L.includes(` and `)?[`are`,`they`]:[`is`,`it`];r.warnOnce(`Menu:static-popup-props`,`Menu: ${L} ${e} ignored on a static menu: ${t} apply to a popup menu (Menu.Trigger + Menu.Popover). A static menu passes openDelay and closeDelay on to its submenus.`)},[L]),l.useEffect(()=>{Je&&r.warnOnce(`Menu:hover-and-context`,`Menu: openOnHover is ignored with openOnContext: a context menu opens only from a context gesture (a right click, Shift+F10 or the ContextMenu key).`)},[Je]);let R=l.useRef(null),z=l.useRef(null),B=a.useEventCallback(()=>{let e=k.current,t=e?.surface??R.current,n=t?.ownerDocument.activeElement;return!t||!n?!1:t.contains(n)?!0:e?se.getLayerTreeElements(e.layerId,{includeOwnElements:!1}).some(e=>e.contains(n)):z.current?.containsFocus()??!1}),V=a.useEventCallback(()=>{let e=k.current?.surface??R.current,t=e?.ownerDocument.activeElement;return e&&t&&e.contains(t)?!0:z.current?.listContainsFocus()??!1}),H=l.useRef(!1),Ye=l.useCallback(()=>H.current,[]),Xe=e=>{H.current=e,z.current?.close(),x(!1)},U=a.useEventCallback(()=>Xe(!1)),Ze=a.useEventCallback(()=>Xe(!0)),W=l.useRef(`other`),G=l.useRef(!1),K=l.useRef(`first`);l.useLayoutEffect(()=>{C&&(W.current=G.current?`hover`:`other`,H.current=!1),G.current=!1},[C]);let Qe=l.useCallback(()=>W.current===`hover`,[]),{triggerHandlers:q,surfaceHandlers:$e,cancel:et,startClose:tt}=de.useHoverIntent({enabled:qe,open:C,openDelay:M,closeDelay:N,trigger:O,surface:Ie,group:_?.hoverGroup,onOpen:()=>{G.current=!0,K.current=`none`,x(!0)},onClose:Ze,canClose:()=>W.current===`hover`&&!B()}),nt=a.useEventCallback(()=>{C||(G.current=!1,K.current===`none`&&(K.current=`first`))}),rt=l.useMemo(()=>({...q,onPointerLeave:e=>{q.onPointerLeave(e),nt()}}),[q,nt]),J=l.useCallback(e=>{W.current=`other`,G.current=!1,et();let t=k.current;if(t){e===`last`?t.focusLast():e===`first`&&t.focusFirst();return}K.current=e,x(!0)},[x,et]),it=l.useCallback(()=>{let e=K.current;return K.current=`first`,e},[]),{anchor:at,fromContext:ot,opener:st,triggerHandlers:ct,surfaceHandlers:lt}=pe.useContextMenuAnchor({enabled:P,open:C,trigger:O,layerId:Re,onOpen:()=>J(`first`),onClose:U}),ut=_?.isHoverFocusing,dt=v?.isHoverFocusing,Y=a.useEventCallback(()=>(ut?.()??!1)||(dt?.()??!1)),X=l.useRef(!1);l.useEffect(()=>{if(!P||!C||!O)return;let e=O.ownerDocument,t=e=>{X.current=e.button===2||e.button===0&&(e.ctrlKey||e.pointerType===`touch`||e.pointerType===`pen`)},n=()=>{X.current=!1};return e.addEventListener(`pointerdown`,t,!0),e.addEventListener(`pointerup`,n,!0),e.addEventListener(`pointercancel`,n,!0),()=>{e.removeEventListener(`pointerdown`,t,!0),e.removeEventListener(`pointerup`,n,!0),e.removeEventListener(`pointercancel`,n,!0),X.current=!1}},[P,C,O]);let ft=a.useEventCallback((e,t)=>{if(!(e===`focus-outside`&&P&&X.current&&t.target instanceof Node&&D.current?.contains(t.target))){if(e===`focus-outside`&&y&&qe&&Y()){W.current=`hover`,tt(t);return}U()}}),pt=l.useCallback(e=>{let t=z.current;return z.current=e,t&&t!==e&&t.close(),()=>{z.current===e&&(z.current=null)}},[]),mt=l.useMemo(()=>({close:U,containsFocus:B,listContainsFocus:V}),[U,B,V]),Z=v?.registerOpenSubmenu;l.useLayoutEffect(()=>{if(C&&Z)return Z(mt)},[C,Z,mt]);let ht=v?.popup?v.closeChain:null,gt=a.useEventCallback(()=>{if(ht){ht();return}if(!w)return;let e=k.current?.getReturnFocus()??null;if(e){let t=e.ownerDocument,n=t.activeElement;(!n||n===t.body||n===t.documentElement||B())&&e.focus({preventScroll:!0})}U()}),Q=l.useMemo(()=>({popup:w,open:C,setOpen:x,openWithFocus:J,takeInitialFocus:it,registerSurface:Be,triggerId:T,labelledBy:Me,onTriggerId:Ne,menuId:E,triggerRef:D,triggerElement:O,setTriggerElement:Fe,parent:v,checked:Ge,persistOnItemClick:Ke,isSubmenu:y,requestClose:U,closeChain:gt,registerOpenSubmenu:pt,listContainsFocus:V,openDelay:M,closeDelay:N,dismiss:ft,isHoverFocusing:Y,isHoverOpen:Qe,isHoverClose:Ye,hoverTriggerHandlers:rt,hoverSurfaceHandlers:$e,openOnContext:P,contextTriggerHandlers:ct,contextSurfaceHandlers:lt,contextAnchor:at,fromContext:ot,contextOpener:st}),[w,C,x,J,it,Be,T,Me,E,O,Fe,v,Ge,Ke,y,U,gt,pt,V,M,N,ft,Y,Qe,Ye,rt,$e,P,ct,lt,at,ot,st]),{containerProps:{ref:_t},handleKeyDown:vt,handleKeyDownCapture:yt,handleFocus:bt,focusFirst:xt,getTabIndex:St}=ie.useRovingTabIndex({orientation:`vertical`,loop:!0,typeahead:!0,tabStop:`last-focused`,manageTabIndex:!0,itemSelector:s.MENU_ITEM_SELECTOR}),Ct=ae.useMergedRefs(ke,_t,R),[$,wt]=l.useState(!1);l.useLayoutEffect(()=>{let e=R.current;if(w||!e)return;let t=re.getFirstTabbable(e)===null;t!==$&&(wt(t),!t&&e.ownerDocument.activeElement===e&&xt())},[w,$,xt,St]);let Tt=o.useCheckableRegistry(),{hoverGroup:Et,isHoverFocusing:Dt,onPointerMove:Ot}=fe.useMenuListPointer(Q),kt=l.useMemo(()=>({menu:Q,isStatic:!0,portalDepth:g,closeFromItem:me,registerCheckable:Tt,hoverGroup:Et,isHoverFocusing:Dt}),[Q,g,Tt,Et,Dt]);return w?(0,u.jsx)(o.MenuContext.Provider,{value:Q,children:e}):(0,u.jsx)(o.MenuContext.Provider,{value:Q,children:(0,u.jsx)(o.MenuListContext.Provider,{value:kt,children:(0,u.jsx)(`div`,{role:`menu`,...m,ref:Ct,tabIndex:m.tabIndex??($?0:void 0),"data-roving-container":``,onKeyDown:i.composeEventHandlers(Te,vt),onKeyDownCapture:s.withTypeaheadText(i.composeEventHandlers(Ee,yt)),onFocus:i.composeEventHandlers(De,bt,{checkDefaultPrevented:!1}),onPointerMove:i.composeEventHandlers(Oe,Ot),className:t.cn(ee.menuClassNames.root,s.menuSurfaceClasses,le.focusRing,we),children:e})})})};d.displayName=`Menu`,exports.MenuRoot=d,exports.hasPopupParts=ge;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/children.cjs"),r=require("../../lib/dev.cjs"),i=require("../../lib/composeEventHandlers.cjs"),ee=require("../../lib/classNames.cjs"),a=require("../../hooks/useEventCallback.cjs"),te=require("../../hooks/useControllable.cjs"),ne=require("../../hooks/useId.cjs"),re=require("../../lib/focus.cjs"),ie=require("../../hooks/useRovingTabIndex.cjs"),ae=require("../../hooks/useMergedRefs.cjs"),oe=require("../../hooks/useIsClient.cjs"),se=require("../../lib/layers.cjs"),ce=require("../../lib/styles.cjs"),le=require("../portal/Portal.cjs"),ue=require("../../hooks/useCheckedValues.cjs"),de=require("../../hooks/useHoverIntent.cjs"),o=require("./Menu.context.cjs"),s=require("./Menu.shared.cjs"),fe=require("./Menu.popover.cjs"),pe=require("../../hooks/useContextMenuAnchor.cjs"),c=require("./Menu.trigger.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var me=()=>{},he=250;function ge(e){return n.flattenChildren(e).some(({node:e})=>n.isElementOfType(e,c.MenuTrigger,fe.MenuPopover))}function _e(e){let t=e.map(e=>`\`${e}\``);return t.length>1?`${t.slice(0,-1).join(`, `)} and ${t[t.length-1]}`:t.join(``)}var d=({children:e,open:n,defaultOpen:c,onOpenChange:d,checkedValues:ve,defaultCheckedValues:ye,onCheckedValuesChange:f,persistOnItemClick:be,openOnHover:p,openDelay:xe,closeDelay:Se,openOnContext:Ce,className:we,onKeyDown:Te,onKeyDownCapture:Ee,onFocus:De,onPointerMove:Oe,ref:ke,...m})=>{let h=o.useMenuListContext(),g=l.useContext(le.PortalDepthContext),_=h!==null&&h.portalDepth===g?h:null,v=_?.menu??null,y=v!==null,[b,x,Ae]=te.useControllable(n,c??!1,d),je=oe.useIsClient(),S=v===null||!v.popup||v.open,C=b&&je&&S;l.useLayoutEffect(()=>{S||!b||Ae||x(!1)},[S,b,Ae,x]);let w=n!==void 0||c!==void 0||d!==void 0||ge(e),T=ne.useId(`wave-menu-trigger`),E=ne.useId(`wave-menu`),[Me,Ne]=l.useState(T),D=l.useRef(null),[O,Pe]=l.useState(null),Fe=l.useCallback(e=>{D.current=e,Pe(e)},[]),k=l.useRef(null),[Ie,Le]=l.useState(null),[Re,ze]=l.useState(``),Be=l.useCallback(e=>{k.current=e,Le(e?.surface??null),e&&ze(e.layerId)},[]),Ve=ue.useCheckedValues(ve,ye,f),A=v?.checked??null,He=A===null||ve!==void 0||ye!==void 0,Ue=f!==void 0,We=a.useEventCallback(f),j=l.useMemo(()=>A&&Ue?ue.withCheckedValuesListener(A,We):A,[A,Ue,We]),Ge=He||j===null?Ve:j,Ke=be??v?.persistOnItemClick??!1,M=xe??v?.openDelay??he,N=Se??v?.closeDelay??he,P=w&&!y&&Ce===!0,qe=w&&!P&&(p??y),F=[];if(w){we!==void 0&&F.push(`className`),Te!==void 0&&F.push(`onKeyDown`),Ee!==void 0&&F.push(`onKeyDownCapture`),De!==void 0&&F.push(`onFocus`),Oe!==void 0&&F.push(`onPointerMove`);for(let[e,t]of Object.entries(m))t!==void 0&&F.push(e);ke!=null&&F.push(`ref`)}let I=F.length===0?``:`Menu: a popup menu (Menu.Trigger + Menu.Popover) renders no element of its own, so ${F.map(e=>`\`${e}\``).join(`, `)} on Menu ${F.length===1?`is`:`are`} ignored. Pass ${F.length===1?`it`:`them`} to Menu.Popover (the menu surface) or to the trigger's child instead.`;l.useEffect(()=>{I&&r.warnOnce(`Menu:popup-ignored-props`,I)},[I]);let L=w?``:_e([p?`openOnHover`:null,Ce?`openOnContext`:null].filter(e=>e!==null)),Je=P&&p===!0;l.useEffect(()=>{if(!L)return;let[e,t]=L.includes(` and `)?[`are`,`they`]:[`is`,`it`];r.warnOnce(`Menu:static-popup-props`,`Menu: ${L} ${e} ignored on a static menu: ${t} apply to a popup menu (Menu.Trigger + Menu.Popover). A static menu passes openDelay and closeDelay on to its submenus.`)},[L]),l.useEffect(()=>{Je&&r.warnOnce(`Menu:hover-and-context`,`Menu: openOnHover is ignored with openOnContext: a context menu opens only from a context gesture (a right click, Shift+F10 or the ContextMenu key).`)},[Je]);let R=l.useRef(null),z=l.useRef(null),B=a.useEventCallback(()=>{let e=k.current,t=e?.surface??R.current,n=t?.ownerDocument.activeElement;return!t||!n?!1:t.contains(n)?!0:e?se.getLayerTreeElements(e.layerId,{includeOwnElements:!1}).some(e=>e.contains(n)):z.current?.containsFocus()??!1}),V=a.useEventCallback(()=>{let e=k.current?.surface??R.current,t=e?.ownerDocument.activeElement;return e&&t&&e.contains(t)?!0:z.current?.listContainsFocus()??!1}),H=l.useRef(!1),Ye=l.useCallback(()=>H.current,[]),Xe=e=>{H.current=e,z.current?.close(),x(!1)},U=a.useEventCallback(()=>Xe(!1)),Ze=a.useEventCallback(()=>Xe(!0)),W=l.useRef(`other`),G=l.useRef(!1),K=l.useRef(`first`);l.useLayoutEffect(()=>{C&&(W.current=G.current?`hover`:`other`,H.current=!1),G.current=!1},[C]);let Qe=l.useCallback(()=>W.current===`hover`,[]),{triggerHandlers:q,surfaceHandlers:$e,cancel:et,startClose:tt}=de.useHoverIntent({enabled:qe,open:C,openDelay:M,closeDelay:N,trigger:O,surface:Ie,group:_?.hoverGroup,onOpen:()=>{G.current=!0,K.current=`none`,x(!0)},onClose:Ze,canClose:()=>W.current===`hover`&&!B()}),nt=a.useEventCallback(()=>{C||(G.current=!1,K.current===`none`&&(K.current=`first`))}),rt=l.useMemo(()=>({...q,onPointerLeave:e=>{q.onPointerLeave(e),nt()}}),[q,nt]),J=l.useCallback(e=>{W.current=`other`,G.current=!1,et();let t=k.current;if(t){e===`last`?t.focusLast():e===`first`&&t.focusFirst();return}K.current=e,x(!0)},[x,et]),it=l.useCallback(()=>{let e=K.current;return K.current=`first`,e},[]),{anchor:at,fromContext:ot,opener:st,triggerHandlers:ct,surfaceHandlers:lt}=pe.useContextMenuAnchor({enabled:P,open:C,trigger:O,layerId:Re,onOpen:()=>J(`first`),onClose:U}),ut=_?.isHoverFocusing,dt=v?.isHoverFocusing,Y=a.useEventCallback(()=>(ut?.()??!1)||(dt?.()??!1)),X=l.useRef(!1);l.useEffect(()=>{if(!P||!C||!O)return;let e=O.ownerDocument,t=e=>{X.current=e.button===2||e.button===0&&(e.ctrlKey||e.pointerType===`touch`||e.pointerType===`pen`)},n=()=>{X.current=!1};return e.addEventListener(`pointerdown`,t,!0),e.addEventListener(`pointerup`,n,!0),e.addEventListener(`pointercancel`,n,!0),()=>{e.removeEventListener(`pointerdown`,t,!0),e.removeEventListener(`pointerup`,n,!0),e.removeEventListener(`pointercancel`,n,!0),X.current=!1}},[P,C,O]);let ft=a.useEventCallback((e,t)=>{if(!(e===`focus-outside`&&P&&X.current&&t.target instanceof Node&&D.current?.contains(t.target))){if(e===`focus-outside`&&y&&qe&&Y()){W.current=`hover`,tt(t);return}U()}}),pt=l.useCallback(e=>{let t=z.current;return z.current=e,t&&t!==e&&t.close(),()=>{z.current===e&&(z.current=null)}},[]),mt=l.useMemo(()=>({close:U,containsFocus:B,listContainsFocus:V}),[U,B,V]),Z=v?.registerOpenSubmenu;l.useLayoutEffect(()=>{if(C&&Z)return Z(mt)},[C,Z,mt]);let ht=v?.popup?v.closeChain:null,gt=a.useEventCallback(()=>{if(ht){ht();return}if(!w)return;let e=k.current?.getReturnFocus()??null;if(e){let t=e.ownerDocument,n=t.activeElement;(!n||n===t.body||n===t.documentElement||B())&&e.focus({preventScroll:!0})}U()}),Q=l.useMemo(()=>({popup:w,open:C,setOpen:x,openWithFocus:J,takeInitialFocus:it,registerSurface:Be,triggerId:T,labelledBy:Me,onTriggerId:Ne,menuId:E,triggerRef:D,triggerElement:O,setTriggerElement:Fe,parent:v,checked:Ge,persistOnItemClick:Ke,isSubmenu:y,requestClose:U,closeChain:gt,registerOpenSubmenu:pt,listContainsFocus:V,openDelay:M,closeDelay:N,dismiss:ft,isHoverFocusing:Y,isHoverOpen:Qe,isHoverClose:Ye,hoverTriggerHandlers:rt,hoverSurfaceHandlers:$e,openOnContext:P,contextTriggerHandlers:ct,contextSurfaceHandlers:lt,contextAnchor:at,fromContext:ot,contextOpener:st}),[w,C,x,J,it,Be,T,Me,E,O,Fe,v,Ge,Ke,y,U,gt,pt,V,M,N,ft,Y,Qe,Ye,rt,$e,P,ct,lt,at,ot,st]),{containerProps:{ref:_t},handleKeyDown:vt,handleKeyDownCapture:yt,handleFocus:bt,focusFirst:xt,getTabIndex:St}=ie.useRovingTabIndex({orientation:`vertical`,loop:!0,typeahead:!0,tabStop:`last-focused`,manageTabIndex:!0,itemSelector:s.MENU_ITEM_SELECTOR}),Ct=ae.useMergedRefs(ke,_t,R),[$,wt]=l.useState(!1);l.useLayoutEffect(()=>{let e=R.current;if(w||!e)return;let t=re.getFirstTabbable(e)===null;t!==$&&(wt(t),!t&&e.ownerDocument.activeElement===e&&xt())},[w,$,xt,St]);let Tt=o.useCheckableRegistry(),{hoverGroup:Et,isHoverFocusing:Dt,onPointerMove:Ot}=fe.useMenuListPointer(Q),kt=l.useMemo(()=>({menu:Q,isStatic:!0,portalDepth:g,closeFromItem:me,registerCheckable:Tt,hoverGroup:Et,isHoverFocusing:Dt}),[Q,g,Tt,Et,Dt]);return w?(0,u.jsx)(o.MenuContext.Provider,{value:Q,children:e}):(0,u.jsx)(o.MenuContext.Provider,{value:Q,children:(0,u.jsx)(o.MenuListContext.Provider,{value:kt,children:(0,u.jsx)(`div`,{role:`menu`,...m,ref:Ct,tabIndex:m.tabIndex??($?0:void 0),"data-roving-container":``,onKeyDown:i.composeEventHandlers(Te,vt),onKeyDownCapture:s.withTypeaheadText(i.composeEventHandlers(Ee,yt)),onFocus:i.composeEventHandlers(De,bt,{checkDefaultPrevented:!1}),onPointerMove:i.composeEventHandlers(Oe,Ot),className:t.cn(ee.menuClassNames.root,s.menuSurfaceClasses,ce.focusRing,we),children:e})})})};d.displayName=`Menu`,exports.MenuRoot=d,exports.hasPopupParts=ge;
 //# sourceMappingURL=Menu.root.cjs.map