@mortenbrudvik/waveui 0.14.0 → 0.15.0

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

@@ -7,36 +7,39 @@ import { useEventCallback as i } from "../../hooks/useEventCallback.mjs";
 import { getArrowIntent as a, getDirection as ee } from "../../lib/direction.mjs";
 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 { 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";
+import { useMergedRefs as s } from "../../hooks/useMergedRefs.mjs";
+import { usePresence as ne } from "../../hooks/usePresence.mjs";
+import { resolvePositioning as re, usePopupPosition as ie } from "../../hooks/usePopupPosition.mjs";
+import { useDismiss as ae } from "../../hooks/useDismiss.mjs";
+import { useRestoreFocus as oe } from "../../hooks/useRestoreFocus.mjs";
+import { Portal as se, PortalDepthContext as ce } from "../portal/Portal.mjs";
+import { isEditableTarget as le, isOwnEvent as c } from "../../lib/events.mjs";
+import { popupMotion as ue } from "../../lib/motion.mjs";
+import { useFocusBeforeClose as de } from "../../hooks/useFocusBeforeClose.mjs";
+import { createHoverIntentGroup as l } from "../../hooks/useHoverIntent.mjs";
+import { useMotionClasses as u } from "../../hooks/useMotion.mjs";
+import { getTriggerFocusTarget as d, useTriggerFocusRef as fe } from "../../hooks/useTriggerElement.mjs";
+import { MenuListContext as pe, useCheckableRegistry as me, useMenuContext as he } from "./Menu.context.mjs";
+import { MENU_ITEM_SELECTOR as f, menuPopoverClasses as ge, useStaticMenuPartWarning as _e, withTypeaheadText as ve } from "./Menu.shared.mjs";
+import { usePopupTarget as ye } from "../../hooks/useResolvedTarget.mjs";
+import * as p from "react";
+import { jsx as m } from "react/jsx-runtime";
 //#region src/components/navigation/Menu.popover.tsx
-var ye = {
+var be = {
 	padding: 8,
 	crossAxis: !0
 };
-function be(e) {
+function xe(e) {
 	return !!e && e.nodeType === 1;
 }
-function p(e) {
-	let [t] = d.useState(c), n = d.useRef(!1);
+function h(e) {
+	let [t] = p.useState(l), n = p.useRef(!1);
 	return {
 		hoverGroup: t,
-		isHoverFocusing: d.useCallback(() => n.current, []),
+		isHoverFocusing: p.useCallback(() => n.current, []),
 		onPointerMove: i((r) => {
-			if (r.pointerType === "touch" || r.pointerType === "pen" || !s(r)) return;
-			let i = r.target.closest(u);
+			if (r.pointerType === "touch" || r.pointerType === "pen" || !c(r)) return;
+			let i = r.target.closest(f);
 			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;
@@ -46,197 +49,180 @@ function p(e) {
 		})
 	};
 }
-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: c ?? (w ? "end" : "bottom"),
-		align: m,
-		shift: w ? ye : void 0,
-		...ie(g, {
-			offset: w ? 0 : 4,
+var g = ({ side: l, align: g = "start", offset: _, target: Se, positioning: v, motion: Ce, children: we, className: y, style: Te, onKeyDown: Ee, onKeyDownCapture: De, onFocus: Oe, onPointerEnter: ke, onPointerLeave: Ae, onPointerMove: je, onContextMenu: Me, ref: Ne, ...b }) => {
+	let x = he("Menu.Popover"), { popup: Pe, open: S, takeInitialFocus: C, registerSurface: w, menuId: Fe, labelledBy: Ie, triggerRef: T, triggerElement: E, isSubmenu: D, requestClose: Le, closeChain: O, dismiss: Re, hoverSurfaceHandlers: k, isHoverClose: ze, openOnContext: A, contextSurfaceHandlers: Be, contextAnchor: j, fromContext: M, contextOpener: N } = x;
+	_e("Menu.Popover", Pe);
+	let { target: P, pending: Ve } = ye("Menu.Popover", Se, v), F = xe(P) ? P : null, [I, He] = p.useState(null), L = p.useRef(null), Ue = p.useCallback((e) => {
+		L.current = e, He(e);
+	}, []), { isMounted: R, ref: We, presenceProps: Ge } = ne(S, { appear: !0 }), Ke = u(Ce, ue, y), { setReference: z, setFloating: qe, floatingProps: B, isPositioned: V } = ie({
+		open: S,
+		side: l ?? (D ? "end" : "bottom"),
+		align: g,
+		shift: D ? be : void 0,
+		...re(v, {
+			offset: D ? 0 : 4,
 			fitViewport: !0
 		}),
-		...h !== void 0 && { offset: h }
-	}), z = Be ? {
-		...L,
+		..._ !== void 0 && { offset: _ }
+	}), H = Ve ? {
+		...B,
 		style: {
-			...L.style,
+			...B.style,
 			visibility: "hidden"
 		}
-	} : L, { maxHeight: Ke, maxWidth: qe, ...Je } = z.style;
-	d.useLayoutEffect(() => {
-		I(k ? O ?? l(C) ?? C : j ?? C);
+	} : B, { maxHeight: Je, maxWidth: Ye, ...Xe } = H.style;
+	p.useLayoutEffect(() => {
+		z(M ? j ?? d(E) ?? E : P ?? E);
 	}, [
-		I,
-		O,
-		k,
+		z,
 		j,
-		C
+		M,
+		P,
+		E
 	]);
-	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: Le,
-		refs: D ? [P, V] : [
-			P,
-			S,
-			V
+	let U = i(() => {
+		let e = A ? N.current : null;
+		return e && o(e) ? e : d(T.current) || (F && o(F) ? F : null);
+	}), Ze = p.useMemo(() => ({ get current() {
+		return U() ?? T.current;
+	} }), [U, T]), W = { current: F }, { layerId: G } = ae({
+		open: S,
+		onDismiss: Re,
+		refs: A ? [L, W] : [
+			L,
+			T,
+			W
 		],
-		anchorRef: Ye,
+		anchorRef: Ze,
 		kind: "menu",
 		focusOutside: !0,
-		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;
-	});
-	d.useInsertionEffect(() => {
-		let e = G.current;
-		G.current = y, y && !e && Xe();
-	});
-	let Ze = i(() => {
-		let e = P.current;
-		return [
-			D ? A.current : null,
-			W.current,
-			B()
-		].find((t) => !!t && o(t) && !e?.contains(t)) ?? null;
-	});
-	se({
-		enabled: y,
-		container: N,
-		triggerRef: D ? void 0 : U,
-		finalFocusRef: D ? A : void 0,
-		fallback: B,
+		outsidePress: A ? (e) => !(e.ctrlKey && e.target instanceof Node && T.current?.contains(e.target)) : !0
+	}), K = fe(T);
+	oe({
+		enabled: S,
+		container: I,
+		triggerRef: A ? void 0 : K,
+		finalFocusRef: A ? N : void 0,
+		fallback: U,
 		onlyIfFocusInside: !0,
-		isHoverClose: Re
+		isHoverClose: ze
 	});
-	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({
+	let q = R && (A || P != null && !E) && b["aria-label"] === void 0 && b["aria-labelledby"] === void 0;
+	p.useEffect(() => {
+		q && 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.");
+	}, [q]);
+	let { containerProps: { ref: Qe }, handleKeyDown: $e, handleKeyDownCapture: et, handleFocus: tt, focusFirst: J, focusLast: Y } = te({
 		orientation: "vertical",
 		loop: !0,
 		typeahead: !0,
 		manageTabIndex: !0,
-		itemSelector: u
-	}), nt = ne(Me, He, Qe, Ge, Ue);
-	d.useLayoutEffect(() => {
-		if (N && y) return x({
-			focusFirst: q,
-			focusLast: J,
-			surface: N,
-			layerId: H,
-			getReturnFocus: B
-		}), () => x(null);
+		itemSelector: f
+	}), nt = s(Ne, Ue, Qe, qe, We);
+	p.useLayoutEffect(() => {
+		if (I && S) return w({
+			focusFirst: J,
+			focusLast: Y,
+			surface: I,
+			layerId: G,
+			getReturnFocus: U
+		}), () => w(null);
 	}, [
-		N,
-		y,
-		x,
-		q,
+		I,
+		S,
+		w,
 		J,
-		H,
-		B
-	]);
-	let Y = d.useRef(!1);
-	d.useLayoutEffect(() => (Y.current = !1, () => {
-		Y.current = !0;
-	}), []);
-	let X = i(() => {
-		let e = P.current, t = e?.ownerDocument.activeElement;
-		!Y.current && e && t && e.contains(t) && Ze()?.focus({ preventScroll: !0 });
-	});
-	d.useLayoutEffect(() => {
-		if (y) return X;
-	}, [y, X]), d.useLayoutEffect(() => {
-		if (!y || !N || N.contains(N.ownerDocument.activeElement)) return;
-		let e = b();
-		e === "last" ? J() : e === "first" && q();
+		Y,
+		G,
+		U
+	]), de({
+		open: S,
+		surfaceRef: L,
+		captureOpener: () => A ? null : K.current,
+		candidates: (e) => [
+			A ? N.current : null,
+			e,
+			U()
+		]
+	}), p.useLayoutEffect(() => {
+		if (!S || !I || I.contains(I.ownerDocument.activeElement)) return;
+		let e = C();
+		e === "last" ? Y() : e === "first" && J();
 	}, [
-		y,
-		N,
-		b,
-		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 Z = d.useContext(le) + 1, Q = pe(), { hoverGroup: $, isHoverFocusing: rt, onPointerMove: it } = p(v), at = d.useMemo(() => ({
-		menu: v,
+		S,
+		I,
+		C,
+		J,
+		Y
+	]), p.useLayoutEffect(() => {
+		if (!V || !I) return;
+		let e = I.ownerDocument.activeElement;
+		e && e !== I && I.contains(e) && e.scrollIntoView?.({ block: "nearest" });
+	}, [V, I]);
+	let X = p.useContext(ce) + 1, Z = me(), { hoverGroup: Q, isHoverFocusing: $, onPointerMove: rt } = h(x), it = p.useMemo(() => ({
+		menu: x,
 		isStatic: !1,
-		portalDepth: Z,
-		closeFromItem: T,
-		registerCheckable: Q,
-		hoverGroup: $,
-		isHoverFocusing: rt
+		portalDepth: X,
+		closeFromItem: O,
+		registerCheckable: Z,
+		hoverGroup: Q,
+		isHoverFocusing: $
 	}), [
-		v,
+		x,
+		X,
+		O,
 		Z,
-		T,
 		Q,
-		$,
-		rt
-	]), ot = (e) => {
-		if (Te?.(e), !e.defaultPrevented && s(e)) {
+		$
+	]), at = (e) => {
+		if (Ee?.(e), !e.defaultPrevented && c(e)) {
 			if (e.key === "Tab") {
-				T();
+				O();
 				return;
 			}
-			if (w && !e.altKey && !e.ctrlKey && !e.metaKey && !ue(e.target) && a(e.key, {
+			if (D && !e.altKey && !e.ctrlKey && !e.metaKey && !le(e.target) && a(e.key, {
 				orientation: "horizontal",
 				dir: ee(e.currentTarget)
 			}) === "prev") {
-				e.preventDefault(), B()?.focus({ preventScroll: !0 }), Ie();
+				e.preventDefault(), U()?.focus({ preventScroll: !0 }), Le();
 				return;
 			}
 			$e(e);
 		}
 	};
-	return F ? /* @__PURE__ */ f(ce, {
-		layerId: H,
-		children: /* @__PURE__ */ f(fe.Provider, {
-			value: at,
-			children: /* @__PURE__ */ f("div", {
+	return R ? /* @__PURE__ */ m(se, {
+		layerId: G,
+		children: /* @__PURE__ */ m(pe.Provider, {
+			value: it,
+			children: /* @__PURE__ */ m("div", {
 				role: "menu",
-				..._,
-				"aria-labelledby": _["aria-labelledby"] === void 0 ? C && !D && _["aria-label"] === void 0 ? Fe : void 0 : _["aria-labelledby"],
-				...We,
+				...b,
+				"aria-labelledby": b["aria-labelledby"] === void 0 ? E && !A && b["aria-label"] === void 0 ? Ie : void 0 : b["aria-labelledby"],
+				...Ge,
 				ref: nt,
-				id: Pe,
-				"data-state": y ? "open" : "closed",
-				"data-side": z["data-side"],
-				"data-align": z["data-align"],
+				id: Fe,
+				"data-state": S ? "open" : "closed",
+				"data-side": H["data-side"],
+				"data-align": H["data-align"],
 				"data-roving-container": "",
 				style: {
-					...Je,
-					...we
+					...Xe,
+					...Te
 				},
-				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
+				onKeyDown: at,
+				onKeyDownCapture: ve(n(De, et)),
+				onFocus: n(Oe, tt, { checkDefaultPrevented: !1 }),
+				onPointerEnter: n(ke, k.onPointerEnter),
+				onPointerLeave: n(Ae, k.onPointerLeave),
+				onPointerMove: n(je, rt),
+				onContextMenu: n(Me, Be.onContextMenu),
+				className: e(r.root, ge, Ke, y),
+				children: we
 			})
 		})
 	}) : null;
 };
-m.displayName = "MenuPopover";
+g.displayName = "MenuPopover";
 //#endregion
-export { m as MenuPopover, p as useMenuListPointer };
+export { g as MenuPopover, h 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","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":";;;;;;;;;;;;;;;;;;;;;;;;AA8EA,IAAMC,KAAgB;CAAE,SAAS;CAAG,WAAW;AAAK;AAGpD,SAASC,GAAgB,GAAwD;CAC/E,OAAO,CAAC,CAACC,KAAWA,EAAyB,aAAa;AAC5D;AAYA,SAAgBC,EAAmB,GAIjC;CACA,IAAM,CAACC,KAAcL,EAAM,SAASM,CAAsB,GACpDC,IAAmBP,EAAM,OAAO,EAAK;CAoB3C,OAAO;EAAE;EAAY,iBAnBGA,EAAM,kBAAkBO,EAAiB,SAAS,CAAC,CAmBtD;EAAiB,eAlBhBC,GAAkB,MAA2C;GACjF,IAAIC,EAAM,gBAAgB,WAAWA,EAAM,gBAAgB,SAAS,CAACC,EAAWD,CAAK,GAAG;GAExF,IAAME,IADSF,EAAM,OACD,QAAqBG,CAAkB;GAG3D,IAFI,CAACD,KAAQ,CAACF,EAAM,cAAc,SAASE,CAAI,KAC3CA,EAAK,aAAa,eAAe,MAAM,UACvCA,EAAK,cAAc,kBAAkBA,GAAM;GAC/C,IAAIE,IAAOC;GACX,OAAOD,EAAK,SAAQ,IAAOA,EAAK;GAChC,AAAKA,EAAK,kBAAkB,KAAK,GAAW,OAAOJ,EAAM,SAASA,EAAM,OAAO,MAC/E,EAAiB,UAAU,IAC3BE,EAAK,MAAM,EAAE,eAAe,GAAK,CAAC,GAGlC,qBAAqB;IACnB,EAAiB,UAAU;GAC7B,CAAC;EACH,CACsC;CAAc;AACtD;AAwCA,IAAaI,KAAe,EAC1B,SACA,WAAQ,SACR,WACA,QAAQC,IACR,gBACA,cACA,eACA,WACA,eACA,sBACA,aACA,oBACA,oBACA,mBACA,mBACA,SACA,GAAGC,QACmB;CACtB,IAAMH,IAAOI,GAAe,cAAc,GACpC,EACJ,WACA,SACA,qBACA,oBACA,YACA,gBACA,eACA,mBACA,cACA,kBACA,eACA,aACA,yBACA,kBACA,kBACA,4BACA,kBACA,gBACA,qBACEJ;CACJ,GAAyB,gBAAgBK,EAAK;CAC9C,IAAM,EAAE,WAAQ,SAASC,OAAkBC,GACzC,gBACAL,IACAM,CACF,GACMC,IAAgBrB,GAAgBC,CAAM,IAAIA,IAAS,MAEnD,CAACqB,GAASC,MAAczB,EAAM,SAAgC,IAAI,GAClE0B,IAAa1B,EAAM,OAA8B,IAAI,GACrD2B,KAAoB3B,EAAM,aAAa,MAAmC;EAE9E,AADA,EAAW,UAAU4B,GACrBH,GAAWG,CAAO;CACpB,GAAG,CAAC,CAAC,GAIC,EAAE,cAAW,KAAKC,IAAa,sBAAkBC,GAAYC,CAAI,GAEjE,EACJ,iBACA,iBACA,eAAeC,GACf,oBACEC,GAAiB;EACnB;EACA,MAAMC,MAASC,IAAY,QAAQ;EACnC;EACA,OAAOA,IAAYlC,KAAgB,KAAA;EACnC,GAAGmC,GAAmBd,GAAa;GAAE,QAAQa,IAAY,IAAI;GAAG,aAAa;EAAK,CAAC;EACnF,GAAIE,MAAW,KAAA,KAAa,EAAE,UAAO;CACvC,CAAC,GAEKC,IAAgBlB,KAClB;EAAE,GAAGY;EAAiB,OAAO;GAAE,GAAGA,EAAgB;GAAO,YAAY;EAAkB;CAAE,IACzFA,GAGE,EAAE,WAAWO,IAAY,UAAUC,IAAW,GAAGC,OAAkBH,EAAc;CAIvF,EAAM,sBAAsB;EAC1B,EACEI,IACKC,KAAiBC,EAAsBC,CAAc,KAAKA,IAC1D1C,KAAU0C,CACjB;CACF,GAAG;EAACC;EAAcH;EAAeD;EAAavC;EAAQ0C;CAAc,CAAC;CAMrE,IAAME,IAAiBvC,QAA2C;EAChE,IAAMwC,IAASC,IAAgBC,EAAc,UAAU;EAIvD,OAHIF,KAAUG,EAAwBH,CAAM,IAAUA,IAChCJ,EAAsBQ,EAAW,OACnD,MACG7B,KAAiB4B,EAAwB5B,CAAa,IAAIA,IAAgB;CACnF,CAAC,GAIK8B,KAAiBrD,EAAM,eACpB,EACL,IAAI,UAAU;EACZ,OAAO+C,EAAe,KAAKK,EAAW;CACxC,EACF,IACA,CAACL,GAAgBK,CAAU,CAC7B,GAGME,IAAY,EAAE,SAAS/B,EAAc,GACrC,EAAE,eAAYgC,GAAW;EAC7B;EACA,WAAWC;EACX,MAAMP,IAAgB,CAACvB,GAAY4B,CAAS,IAAI;GAAC5B;GAAY0B;GAAYE;EAAS;EAClF,WAAWD;EACX,MAAM;EACN,cAAc;EACd,cAAcJ,KACT,MACC,EACExC,EAAM,WACNA,EAAM,kBAAkB,QACxB2C,EAAW,SAAS,SAAS3C,EAAM,MAAM,KAE7C;CACN,CAAC,GAEKgD,IAAkBC,GAAmBN,CAAU,GAK/CO,IAAY3D,EAAM,OAA2B,IAAI,GACjD4D,IAAa5D,EAAM,OAAO,EAAK,GAC/B6D,KAAgBrD,QAAuB;EAC3C,IAAMsD,IAAYpC,EAAW,SACvBqC,KAAOX,EAAW,WAAWU,EAAA,EAAY,iBAAiB,UAC1DE,KAAe,MACnB,CAAC,CAACC,KAAMA,MAAOF,EAAI,QAAQE,MAAOF,EAAI,mBAAmB,CAACD,GAAW,SAASG,CAAE,GAC5EC,IAAUjB,IAAgB,OAAOQ,EAAgB,SACjDU,IAASJ,EAAI;EACnB,EAAU,UAAUC,EAAYE,CAAO,IAAIA,IAAUF,EAAYG,CAAM,IAAIA,IAAS;CACtF,CAAC;CACD,EAAM,yBAAyB;EAC7B,IAAMC,IAAUR,EAAW;EAE3B,AADA,EAAW,UAAU7B,GACjBA,KAAQ,CAACqC,KAASP,GAAc;CACtC,CAAC;CAKD,IAAMQ,KAAgB7D,QAA2C;EAC/D,IAAMsD,IAAYpC,EAAW;EAM7B,OACE;GALAuB,IAAgBC,EAAc,UAAU;GACxCS,EAAU;GACVZ,EAAe;EAGf,CAAA,CAAW,MACR,MAA0B,CAAC,CAACkB,KAAMd,EAAwBc,CAAE,KAAK,CAACH,GAAW,SAASG,CAAE,CAC3F,KAAK;CAET,CAAC;CAED,GAAgB;EACd,SAASlC;EACT,WAAWP;EAEX,YAAYyB,IAAgB,KAAA,IAAYQ;EACxC,eAAeR,IAAgBC,IAAgB,KAAA;EAC/C,UAAUH;EACV,mBAAmB;EAEnB;CACF,CAAC;CAGD,IAAMuB,IACJC,MACCtB,KAAkB9C,KAAU,QAAQ,CAAC0C,MACtC5B,EAAK,kBAAkB,KAAA,KACvBA,EAAK,uBAAuB,KAAA;CAC9B,EAAM,gBAAgB;EACpB,AAAKqD,KACLE,EACE,qBACA,8KACF;CACF,GAAG,CAACF,CAAO,CAAC;CAEZ,IAAM,EACJ,gBAAgB,EAAE,KAAKG,MACvB,eAAeC,IACf,sBAAsBC,IACtB,aAAaC,IACb,eACA,iBACEC,GAAkB;EACpB,aAAa;EACb,MAAM;EACN,WAAW;EACX,gBAAgB;EAChB,cAAcjE;CAChB,CAAC,GAEKkE,KAAYC,GAChBC,IACArD,IACA8C,IACAQ,IACApD,EACF;CAMA,EAAM,sBAAsB;EAC1B,IAAKL,KAAYO,GAEjB,OADAmD,EAAgB;GAAE;GAAY;GAAW;GAAS;GAAS;EAAe,CAAC,SAC9DA,EAAgB,IAAI;CACnC,GAAG;EAAC1D;EAASO;EAAMmD;EAAiBC;EAAYC;EAAWC;EAAStC;CAAc,CAAC;CAWnF,IAAMuC,IAAgBtF,EAAM,OAAO,EAAK;CACxC,EAAM,uBACJ,EAAc,UAAU,UACX;EACX,EAAc,UAAU;CAC1B,IACC,CAAC,CAAC;CACL,IAAMuF,IAA2B/E,QAAuB;EACtD,IAAMgF,IAAiB9D,EAAW,SAC5ByC,IAASqB,GAAgB,cAAc;EAC7C,AAAI,GAAc,WAAYA,KAAmBrB,KAAWqB,EAAe,SAASrB,CAAM,KAG1FE,GAAc,CAAC,EAAE,MAAM,EAAE,eAAe,GAAK,CAAC;CAChD,CAAC;CAmBD,AAlBArE,EAAM,sBAAsB;EAC1B,IAAK+B,GACL,OAAOwD;CACT,GAAG,CAACxD,GAAMwD,CAAwB,CAAC,GAInCvF,EAAM,sBAAsB;EAE1B,IADI,CAAC+B,KAAQ,CAACP,KACVA,EAAQ,SAASA,EAAQ,cAAc,aAAa,GAAG;EAC3D,IAAMrB,IAASsF,EAAiB;EAChC,AAAItF,MAAW,SAAQiF,EAAU,IACxBjF,MAAW,WAASgF,EAAW;CAC1C,GAAG;EAACpD;EAAMP;EAASiE;EAAkBN;EAAYC;CAAS,CAAC,GAK3DpF,EAAM,sBAAsB;EAC1B,IAAI,CAAC0F,KAAgB,CAAClE,GAAS;EAC/B,IAAM2C,IAAS3C,EAAQ,cAAc;EACrC,AAAI2C,KAAUA,MAAW3C,KAAWA,EAAQ,SAAS2C,CAAM,KACzDA,EAAO,iBAAiB,EAAE,OAAO,UAAU,CAAC;CAEhD,GAAG,CAACuB,GAAclE,CAAO,CAAC;CAK1B,IAAMmE,IAAc3F,EAAM,WAAW4F,EAAkB,IAAI,GACrDC,IAAoBC,GAAqB,GACzC,EAAE,eAAY,qBAAiB,eAAeC,OAAoB3F,EAAmBU,CAAI,GACzFkF,KAAchG,EAAM,eACjB;EACL;EACA,UAAU;EACV;EACA,eAAeiG;EACf;EACA;EACA;CACF,IACA;EAACnF;EAAM6E;EAAaM;EAAYJ;EAAmBxF;EAAY6F;CAAe,CAChF,GAKMC,MAAiB,MAA+C;EAEpE,IADAC,KAAY3F,CAAK,GACb,GAAM,oBAAqBC,EAAWD,CAAK,GAC/C;OAAIA,EAAM,QAAQ,OAAO;IAGvB,EAAW;IACX;GACF;GAEA,IACE0B,KACA,CAAC1B,EAAM,UACP,CAACA,EAAM,WACP,CAACA,EAAM,WACP,CAAC4F,GAAiB5F,EAAM,MAAM,KAC9B6F,EAAe7F,EAAM,KAAK;IACxB,aAAa;IACb,KAAK8F,GAAa9F,EAAM,aAAa;GACvC,CAAC,MAAM,QACP;IAGA,AAFAA,EAAM,eAAe,GACrBsC,EAAe,CAAC,EAAE,MAAM,EAAE,eAAe,GAAK,CAAC,GAC/CyD,GAAa;IACb;GACF;GACA,GAAc/F,CAAK;EAlBnB;CAmBF;CAIA,OAFK8D,IAGH,kBAACkC,IAAD;EAAiB;EACf,UAAA,kBAACC,GAAgB,UAAjB;GAA0B,OAAOV;GAC/B,UAAA,kBAAC,OAAD;IACE,MAAK;IACL,GAAI/E;IAIJ,mBACEA,EAAK,uBAAuB,KAAA,IAExB4B,KAAkB,CAACI,KAAiBhC,EAAK,kBAAkB,KAAA,IACzD0F,KACA,KAAA,IAHF1F,EAAK;IAKX,GAAI2F;IACJ,KAAK9B;IACL,IAAI+B;IACJ,cAAY9E,IAAO,SAAS;IAC5B,aAAWO,EAAc;IACzB,cAAYA,EAAc;IAC1B,yBAAsB;IACtB,OAAO;KAAE,GAAGG;KAAe,GAAGqE;IAAM;IACpC,WAAWX;IACX,kBAAkBY,GAChBC,EAAqBC,IAAkBtC,EAAoB,CAC7D;IACA,SAASqC,EAAqBE,IAAStC,IAAa,EAAE,uBAAuB,GAAM,CAAC;IACpF,gBAAgBoC,EAAqBG,IAAgBC,EAAqB,cAAc;IACxF,gBAAgBJ,EAAqBK,IAAgBD,EAAqB,cAAc;IACxF,eAAeJ,EAAqBM,IAAevB,EAAe;IAClE,eAAeiB,EAAqBO,IAAeC,GAAuB,aAAa;IACvF,WAAWC,EAAGC,EAAsB,MAAMC,IAAoBC,EAAS;IAEtE;GACE,CAAA;EACmB,CAAA;CACpB,CAAA,IAxCa;AA0CzB;AACA,EAAY,cAAc"}
+{"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","motionClassName","useMotionClasses","motion","popupMotion","className","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","unnamed","isMounted","warnOnce","rovingRef","rovingKeyDown","rovingKeyDownCapture","rovingFocus","useRovingTabIndex","mergedRef","useMergedRefs","ref","setFloating","registerSurface","focusFirst","focusLast","layerId","useFocusBeforeClose","takeInitialFocus","isPositioned","active","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"],"sources":["../../../src/components/navigation/Menu.popover.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { menuPopoverClassNames } from '../../lib/classNames';\nimport { popupMotion } from '../../lib/motion';\nimport type {\n  MotionSlot,\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 { useFocusBeforeClose } from '../../hooks/useFocusBeforeClose';\nimport { createHoverIntentGroup, type HoverIntentGroup } from '../../hooks/useHoverIntent';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { useMotionClasses } from '../../hooks/useMotion';\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  /**\n   * The menu's motion. By default it fades in and slides 4px away from its trigger, on the side\n   * it opened on (a submenu away from its parent menu), over 200 ms with a decelerating curve, and\n   * fades out and slides back over 100 ms with an accelerating curve; under reduced motion it\n   * appears and disappears at once. `null` turns the motion off (the surface still renders its\n   * `data-presence` phases, which then end at once); a class string or `{ className }` replaces\n   * the default classes with yours (see `MotionSlot`), also under a `WaveProvider` with\n   * `motion=\"none\"`, which otherwise turns the default off. A `className` that holds\n   * `data-[presence=…]` classes while `motion` is unset keeps 0.14's behaviour: no default motion,\n   * your classes animate the surface. Fluent's `Menu` `surfaceMotion`.\n   * @default the fade and slide above\n   */\n  motion?: MotionSlot | null;\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 * It moves in and out: the surface fades in and slides 4px away from its trigger over 200 ms, and\n * fades out and slides back over 100 ms, on the side it opened on (`data-side`), so a submenu\n * slides out of its parent menu; a menu open by default animates in when it mounts in the\n * browser. Under reduced motion it appears and disappears at once. `motion` turns the motion off\n * (`null`) or replaces its classes, and a `WaveProvider` with `motion=\"none\"` turns the default\n * off; a `className` with `data-[presence=…]` classes and no `motion` keeps 0.14's behaviour (your\n * classes, no default motion). The surface mounts through the presence core (`usePresence`): it\n * carries `data-presence=\"entering\" | \"entered\" | \"exiting\"` and, while it closes,\n * `data-state=\"closed\"` and `inert`, so it stays on screen, where it was, until its exit motion\n * ends. Focus, the dismiss layer and positioning follow the open state, not the exit: focus\n * inside a closing menu leaves it in the commit that closes it. Without motion it unmounts as\n * 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  motion,\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, and enters also when it mounts open\n  // (D9: a menu open by default animates in on a client render as after hydration); everything\n  // else below keys on `open`, so focus returns and the layer goes on close, not after the exit.\n  const { isMounted, ref: presenceRef, presenceProps } = usePresence(open, { appear: true });\n  // The motion classes (a `className` with presence variants keeps 0.14's own motion, D19).\n  const motionClassName = useMotionClasses(motion, popupMotion, className);\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  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 in\n  // the closing commit to where useRestoreFocus would put it, in its order: the context opener,\n  // the element focused when the menu opened (the trigger's focus target first, but not in a\n  // context menu, whose region is no opener), then the return target (a menu with a `target` and\n  // no trigger returns focus to its opener, not to a focusable target element). A Dialog opened\n  // by the item that closed the menu then records that element as its opener, not the item, which\n  // the exiting surface still holds. Unmounting is left to useRestoreFocus.\n  useFocusBeforeClose({\n    open,\n    surfaceRef,\n    captureOpener: () => (openOnContext ? null : triggerFocusRef.current),\n    candidates: (opener) => [\n      openOnContext ? contextOpener.current : null,\n      opener,\n      getReturnFocus(),\n    ],\n  });\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, motionClassName, className)}\n        >\n          {children}\n        </div>\n      </MenuListContext.Provider>\n    </Portal>\n  );\n};\nMenuPopover.displayName = 'MenuPopover';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA+FA,IAAMC,KAAgB;CAAE,SAAS;CAAG,WAAW;AAAK;AAGpD,SAASC,GAAgB,GAAwD;CAC/E,OAAO,CAAC,CAACC,KAAWA,EAAyB,aAAa;AAC5D;AAYA,SAAgBC,EAAmB,GAIjC;CACA,IAAM,CAACC,KAAcL,EAAM,SAASM,CAAsB,GACpDC,IAAmBP,EAAM,OAAO,EAAK;CAoB3C,OAAO;EAAE;EAAY,iBAnBGA,EAAM,kBAAkBO,EAAiB,SAAS,CAAC,CAmBtD;EAAiB,eAlBhBC,GAAkB,MAA2C;GACjF,IAAIC,EAAM,gBAAgB,WAAWA,EAAM,gBAAgB,SAAS,CAACC,EAAWD,CAAK,GAAG;GAExF,IAAME,IADSF,EAAM,OACD,QAAqBG,CAAkB;GAG3D,IAFI,CAACD,KAAQ,CAACF,EAAM,cAAc,SAASE,CAAI,KAC3CA,EAAK,aAAa,eAAe,MAAM,UACvCA,EAAK,cAAc,kBAAkBA,GAAM;GAC/C,IAAIE,IAAOC;GACX,OAAOD,EAAK,SAAQ,IAAOA,EAAK;GAChC,AAAKA,EAAK,kBAAkB,KAAK,GAAW,OAAOJ,EAAM,SAASA,EAAM,OAAO,MAC/E,EAAiB,UAAU,IAC3BE,EAAK,MAAM,EAAE,eAAe,GAAK,CAAC,GAGlC,qBAAqB;IACnB,EAAiB,UAAU;GAC7B,CAAC;EACH,CACsC;CAAc;AACtD;AA+CA,IAAaI,KAAe,EAC1B,SACA,WAAQ,SACR,WACA,QAAQC,IACR,gBACA,YACA,cACA,cACA,WACA,eACA,sBACA,aACA,oBACA,oBACA,mBACA,mBACA,SACA,GAAGC,QACmB;CACtB,IAAMH,IAAOI,GAAe,cAAc,GACpC,EACJ,WACA,SACA,qBACA,oBACA,YACA,gBACA,eACA,mBACA,cACA,kBACA,eACA,aACA,yBACA,kBACA,kBACA,4BACA,kBACA,gBACA,qBACEJ;CACJ,GAAyB,gBAAgBK,EAAK;CAC9C,IAAM,EAAE,WAAQ,SAASC,OAAkBC,GACzC,gBACAL,IACAM,CACF,GACMC,IAAgBrB,GAAgBC,CAAM,IAAIA,IAAS,MAEnD,CAACqB,GAASC,MAAczB,EAAM,SAAgC,IAAI,GAClE0B,IAAa1B,EAAM,OAA8B,IAAI,GACrD2B,KAAoB3B,EAAM,aAAa,MAAmC;EAE9E,AADA,EAAW,UAAU4B,GACrBH,GAAWG,CAAO;CACpB,GAAG,CAAC,CAAC,GAKC,EAAE,cAAW,KAAKC,IAAa,sBAAkBC,GAAYC,GAAM,EAAE,QAAQ,GAAK,CAAC,GAEnFC,KAAkBC,EAAiBC,IAAQC,IAAaC,CAAS,GAEjE,EACJ,iBACA,iBACA,eAAeC,GACf,oBACEC,GAAiB;EACnB;EACA,MAAMC,MAASC,IAAY,QAAQ;EACnC;EACA,OAAOA,IAAYvC,KAAgB,KAAA;EACnC,GAAGwC,GAAmBnB,GAAa;GAAE,QAAQkB,IAAY,IAAI;GAAG,aAAa;EAAK,CAAC;EACnF,GAAIE,MAAW,KAAA,KAAa,EAAE,UAAO;CACvC,CAAC,GAEKC,IAAgBvB,KAClB;EAAE,GAAGiB;EAAiB,OAAO;GAAE,GAAGA,EAAgB;GAAO,YAAY;EAAkB;CAAE,IACzFA,GAGE,EAAE,WAAWO,IAAY,UAAUC,IAAW,GAAGC,OAAkBH,EAAc;CAIvF,EAAM,sBAAsB;EAC1B,EACEI,IACKC,KAAiBC,EAAsBC,CAAc,KAAKA,IAC1D/C,KAAU+C,CACjB;CACF,GAAG;EAACC;EAAcH;EAAeD;EAAa5C;EAAQ+C;CAAc,CAAC;CAMrE,IAAME,IAAiB5C,QAA2C;EAChE,IAAM6C,IAASC,IAAgBC,EAAc,UAAU;EAIvD,OAHIF,KAAUG,EAAwBH,CAAM,IAAUA,IAChCJ,EAAsBQ,EAAW,OACnD,MACGlC,KAAiBiC,EAAwBjC,CAAa,IAAIA,IAAgB;CACnF,CAAC,GAIKmC,KAAiB1D,EAAM,eACpB,EACL,IAAI,UAAU;EACZ,OAAOoD,EAAe,KAAKK,EAAW;CACxC,EACF,IACA,CAACL,GAAgBK,CAAU,CAC7B,GAGME,IAAY,EAAE,SAASpC,EAAc,GACrC,EAAE,eAAYqC,GAAW;EAC7B;EACA,WAAWC;EACX,MAAMP,IAAgB,CAAC5B,GAAYiC,CAAS,IAAI;GAACjC;GAAY+B;GAAYE;EAAS;EAClF,WAAWD;EACX,MAAM;EACN,cAAc;EACd,cAAcJ,KACT,MACC,EACE7C,EAAM,WACNA,EAAM,kBAAkB,QACxBgD,EAAW,SAAS,SAAShD,EAAM,MAAM,KAE7C;CACN,CAAC,GAEKqD,IAAkBC,GAAmBN,CAAU;CAErD,GAAgB;EACd,SAAS1B;EACT,WAAWP;EAEX,YAAY8B,IAAgB,KAAA,IAAYQ;EACxC,eAAeR,IAAgBC,IAAgB,KAAA;EAC/C,UAAUH;EACV,mBAAmB;EAEnB;CACF,CAAC;CAGD,IAAMY,IACJC,MACCX,KAAkBnD,KAAU,QAAQ,CAAC+C,MACtCjC,EAAK,kBAAkB,KAAA,KACvBA,EAAK,uBAAuB,KAAA;CAC9B,EAAM,gBAAgB;EACpB,AAAK+C,KACLE,EACE,qBACA,8KACF;CACF,GAAG,CAACF,CAAO,CAAC;CAEZ,IAAM,EACJ,gBAAgB,EAAE,KAAKG,MACvB,eAAeC,IACf,sBAAsBC,IACtB,aAAaC,IACb,eACA,iBACEC,GAAkB;EACpB,aAAa;EACb,MAAM;EACN,WAAW;EACX,gBAAgB;EAChB,cAAc3D;CAChB,CAAC,GAEK4D,KAAYC,EAChBC,IACA/C,IACAwC,IACAQ,IACA9C,EACF;CA2CA,AArCA7B,EAAM,sBAAsB;EAC1B,IAAKwB,KAAYO,GAEjB,OADA6C,EAAgB;GAAE;GAAY;GAAW;GAAS;GAAS;EAAe,CAAC,SAC9DA,EAAgB,IAAI;CACnC,GAAG;EAACpD;EAASO;EAAM6C;EAAiBC;EAAYC;EAAWC;EAAS3B;CAAc,CAAC,GASnF4B,GAAoB;EAClB;EACA;EACA,qBAAsB1B,IAAgB,OAAOQ,EAAgB;EAC7D,aAAa,MAAW;GACtBR,IAAgBC,EAAc,UAAU;GACxCF;GACAD,EAAe;EACjB;CACF,CAAC,GAIDpD,EAAM,sBAAsB;EAE1B,IADI,CAAC+B,KAAQ,CAACP,KACVA,EAAQ,SAASA,EAAQ,cAAc,aAAa,GAAG;EAC3D,IAAMrB,IAAS8E,EAAiB;EAChC,AAAI9E,MAAW,SAAQ2E,EAAU,IACxB3E,MAAW,WAAS0E,EAAW;CAC1C,GAAG;EAAC9C;EAAMP;EAASyD;EAAkBJ;EAAYC;CAAS,CAAC,GAK3D9E,EAAM,sBAAsB;EAC1B,IAAI,CAACkF,KAAgB,CAAC1D,GAAS;EAC/B,IAAM2D,IAAS3D,EAAQ,cAAc;EACrC,AAAI2D,KAAUA,MAAW3D,KAAWA,EAAQ,SAAS2D,CAAM,KACzDA,EAAO,iBAAiB,EAAE,OAAO,UAAU,CAAC;CAEhD,GAAG,CAACD,GAAc1D,CAAO,CAAC;CAK1B,IAAM4D,IAAcpF,EAAM,WAAWqF,EAAkB,IAAI,GACrDC,IAAoBC,GAAqB,GACzC,EAAE,eAAY,oBAAiB,eAAeC,OAAoBpF,EAAmBU,CAAI,GACzF2E,KAAczF,EAAM,eACjB;EACL;EACA,UAAU;EACV;EACA,eAAe0F;EACf;EACA;EACA;CACF,IACA;EAAC5E;EAAMsE;EAAaM;EAAYJ;EAAmBjF;EAAYsF;CAAe,CAChF,GAKMC,MAAiB,MAA+C;EAEpE,IADAC,KAAYpF,CAAK,GACb,GAAM,oBAAqBC,EAAWD,CAAK,GAC/C;OAAIA,EAAM,QAAQ,OAAO;IAGvB,EAAW;IACX;GACF;GAEA,IACE+B,KACA,CAAC/B,EAAM,UACP,CAACA,EAAM,WACP,CAACA,EAAM,WACP,CAACqF,GAAiBrF,EAAM,MAAM,KAC9BsF,EAAetF,EAAM,KAAK;IACxB,aAAa;IACb,KAAKuF,GAAavF,EAAM,aAAa;GACvC,CAAC,MAAM,QACP;IAGA,AAFAA,EAAM,eAAe,GACrB2C,EAAe,CAAC,EAAE,MAAM,EAAE,eAAe,GAAK,CAAC,GAC/C6C,GAAa;IACb;GACF;GACA,GAAcxF,CAAK;EAlBnB;CAmBF;CAIA,OAFKwD,IAGH,kBAACiC,IAAD;EAAiB;EACf,UAAA,kBAACC,GAAgB,UAAjB;GAA0B,OAAOV;GAC/B,UAAA,kBAAC,OAAD;IACE,MAAK;IACL,GAAIxE;IAIJ,mBACEA,EAAK,uBAAuB,KAAA,IAExBiC,KAAkB,CAACI,KAAiBrC,EAAK,kBAAkB,KAAA,IACzDmF,KACA,KAAA,IAHFnF,EAAK;IAKX,GAAIoF;IACJ,KAAK7B;IACL,IAAI8B;IACJ,cAAYvE,IAAO,SAAS;IAC5B,aAAWY,EAAc;IACzB,cAAYA,EAAc;IAC1B,yBAAsB;IACtB,OAAO;KAAE,GAAGG;KAAe,GAAGyD;IAAM;IACpC,WAAWX;IACX,kBAAkBY,GAChBC,EAAqBC,IAAkBrC,EAAoB,CAC7D;IACA,SAASoC,EAAqBE,IAASrC,IAAa,EAAE,uBAAuB,GAAM,CAAC;IACpF,gBAAgBmC,EAAqBG,IAAgBC,EAAqB,cAAc;IACxF,gBAAgBJ,EAAqBK,IAAgBD,EAAqB,cAAc;IACxF,eAAeJ,EAAqBM,IAAevB,EAAe;IAClE,eAAeiB,EAAqBO,IAAeC,GAAuB,aAAa;IACvF,WAAWC,EAAGC,EAAsB,MAAMC,IAAoBpF,IAAiBI,CAAS;IAEvF;GACE,CAAA;EACmB,CAAA;CACpB,CAAA,IAxCa;AA0CzB;AACA,EAAY,cAAc"}

package/dist/components/navigation/Nav.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/dev.cjs"),r=require("../../lib/slot.cjs"),i=require("../../lib/classNames.cjs"),a=require("../../hooks/useId.cjs"),o=require("../../lib/styles.cjs"),s=require("../../lib/icons.cjs"),c=require("./Nav.context.cjs"),l=require("./Nav.parts.cjs"),u=require("./Nav.root.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=`flex h-5 w-5 shrink-0 items-center justify-center`;function m(e,n){return e&&r.slotRendersContent(e)?r.renderSlot(e,`span`,t.cn(n,p),{"aria-hidden":!0}):null}var h={base:t.cn(`flex w-full items-center gap-2 px-4 py-2 text-body-1 text-start no-underline transition-colors motion-reduce:transition-none`,o.focusRingInset,o.disabledStyles),selected:`bg-subtle-selected text-primary font-semibold border-s-2 border-s-primary`,idle:`text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover`,selectedInRow:`text-primary font-semibold`,rowSelected:`bg-subtle-selected border-s-2 border-s-primary`},g={base:t.cn(`flex w-full items-center ps-11 pe-4 py-1.5 text-body-1 text-start no-underline transition-colors motion-reduce:transition-none`,o.focusRingInset,o.disabledStyles),selected:`text-primary font-semibold`,idle:`text-muted-foreground not-disabled:not-aria-disabled:hover:text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover`,selectedInRow:`text-primary font-semibold`,rowSelected:void 0},_=`group/nav-row flex items-center transition-colors motion-reduce:transition-none`,v=`hover:bg-subtle-hover`,y=t.cn(`flex shrink-0 items-center gap-1 pe-2`,`*:opacity-0 group-hover/nav-row:*:opacity-100 group-focus-within/nav-row:*:opacity-100`,`forced-colors:*:opacity-100 [@media(hover:none)]:*:opacity-100`,`*:has-[[aria-pressed=true]]:opacity-100 *:has-[[aria-expanded=true]]:opacity-100`,`[&>[aria-pressed=true]]:opacity-100 [&>[aria-expanded=true]]:opacity-100`),b=t.cn(`flex w-full items-center gap-2 px-4 py-2 text-body-1 font-semibold text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover transition-colors motion-reduce:transition-none`,`data-[contains-current]:bg-subtle-selected data-[contains-current]:text-primary data-[contains-current]:border-s-2 data-[contains-current]:border-s-primary`,o.focusRingInset);function x(e){if(e.button!==0||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey)return!0;let t=e.currentTarget,n=t.getAttribute(`target`);return!!n&&n.toLowerCase()!==`_self`||t.hasAttribute(`download`)}function S(e,n,i,a,o,s,c){let{value:l,icon:u,disabled:d=!1,href:p,className:h,children:g,onClick:b,actions:S,ref:C,...w}=e,T=n.value===l,E=p!==void 0,D=i?{"data-roving-value":l}:void 0,O=r.slotRendersContent(S),k=w.id??c,A=O?{id:k}:void 0,j=e=>{if(d){e.preventDefault();return}b?.(e),!(E?!e.defaultPrevented&&x(e):e.defaultPrevented)&&n.select(l)},M=(0,f.jsxs)(f.Fragment,{children:[s&&m(u,o.icon),s?(0,f.jsx)(`span`,{className:t.cn(o.content,`flex-1 text-start`),children:g}):g]}),N=t.cn(o.root,a.base,T?O?a.selectedInRow:a.selected:a.idle,O&&`min-w-0 flex-1`,h),P=O?t.cn(o.listItem,_,T&&a.rowSelected?a.rowSelected:!d&&v):o.listItem,F=O?(0,f.jsx)(`span`,{role:`group`,"aria-labelledby":k,"data-wave-nav-actions":``,className:t.cn(o.actions,y),children:r.materialiseSlotContent(S)}):null;if(E)return(0,f.jsxs)(`li`,{className:P,children:[(0,f.jsx)(`a`,{...w,...A,...D,ref:C,href:d?void 0:p,role:d?`link`:w.role,"aria-disabled":d?!0:w[`aria-disabled`],"aria-current":T?`page`:void 0,onClick:j,className:N,children:M}),F]});let{rel:I,...L}=w;return(0,f.jsxs)(`li`,{className:P,children:[(0,f.jsx)(`button`,{type:`button`,...L,...A,...D,ref:C,disabled:d,"aria-current":T?`page`:void 0,onClick:j,className:N,children:M}),F]})}var C=({value:e,label:r,icon:o,className:l,children:u,ref:p,...h})=>{let g=c.useNavContext(`Nav.Category`),_=d.useContext(c.NavRovingContext),{value:v,openCategories:y,toggleCategory:x,currentCategory:S,categoryStore:C}=g;c.useNavValue(g,`category`,e);let w=a.useId(`wave-nav-category`),T=y.includes(e),E=!T&&v!==``&&c.containsValue(u,v),D=d.useSyncExternalStore(C.subscribe,()=>v!==``&&C.get(v)===e,()=>!1);d.useLayoutEffect(()=>{if(E)return C.record(v,e),()=>C.forget(v,e)},[C,E,v,e]);let O=!T&&(S===e||D||E);d.useLayoutEffect(()=>{if(_)return _.reportCurrentCategory(e,O),()=>_.reportCurrentCategory(e,!1)},[_,e,O]);let k=d.useRef(null);c.useNavListChildCheck(k,`Nav.Category`,`sub-items`);let A=r,j=u;if(r===void 0){n.warnDeprecated(`Nav.Category`,`text children as the label`,`label`,"Pass the category label in `label` and only the sub-items as children.");let e=d.Children.toArray(u),t=e=>typeof e==`string`||typeof e==`number`;A=e.filter(t).join(``),j=e.filter(e=>!t(e))}return(0,f.jsxs)(`li`,{ref:p,...h,className:t.cn(i.navCategoryClassNames.root,l),children:[(0,f.jsxs)(`button`,{type:`button`,"aria-expanded":T,"aria-controls":T?w:void 0,"aria-current":O?!0:void 0,"data-contains-current":O?``:void 0,"data-roving-value":_?`wave-nav-category:${e}`:void 0,onClick:()=>x(e),className:t.cn(i.navCategoryClassNames.button,b),children:[m(o,i.navCategoryClassNames.icon),(0,f.jsx)(`span`,{className:t.cn(i.navCategoryClassNames.label,`flex-1 text-start`),children:A}),(0,f.jsx)(s.ChevronDownIcon,{className:t.cn(i.navCategoryClassNames.expandIcon,`shrink-0 transition-transform motion-reduce:transition-none`,T&&`rotate-180`)})]}),T&&(0,f.jsx)(c.NavCategoryValueContext.Provider,{value:e,children:(0,f.jsx)(`ul`,{ref:k,id:w,className:t.cn(i.navCategoryClassNames.list,`m-0 list-none p-0`),children:j})})]})};C.displayName=`NavCategory`,c.markNavPart(C,`category`);function w(e){let t=c.useNavContext(`Nav.Item`);c.useNavValue(t,`item`,e.value),c.useRecordCategory(t,e.value);let n=d.useContext(c.NavRovingContext),r=a.useId(`wave-nav-item`);return S(e,t,n,h,{root:i.navItemClassNames.root,listItem:i.navItemClassNames.listItem,actions:i.navItemClassNames.actions,icon:i.navItemClassNames.icon,content:i.navItemClassNames.content},!0,r)}w.displayName=`NavItem`,c.markNavPart(w,`entry`);function T(e){let t=c.useNavContext(`Nav.SubItem`);c.useNavValue(t,`item`,e.value),c.useRecordCategory(t,e.value);let n=d.useContext(c.NavRovingContext),r=a.useId(`wave-nav-item`);return S(e,t,n,g,{root:i.navSubItemClassNames.root,listItem:i.navSubItemClassNames.listItem,actions:i.navSubItemClassNames.actions},!1,r)}T.displayName=`NavSubItem`,c.markNavPart(T,`entry`);var E=Object.assign(u.NavRoot,{Category:C,Item:w,SubItem:T,SectionHeader:l.NavSectionHeader,Divider:l.NavDivider,AppItem:l.NavAppItem,AppItemStatic:l.NavAppItemStatic});exports.Nav=E,exports.NavAppItem=l.NavAppItem,exports.NavAppItemStatic=l.NavAppItemStatic,exports.NavCategory=C,exports.NavDivider=l.NavDivider,exports.NavItem=w,exports.NavSectionHeader=l.NavSectionHeader,exports.NavSubItem=T;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/dev.cjs"),r=require("../../lib/slot.cjs"),i=require("../../lib/classNames.cjs"),a=require("../../hooks/useId.cjs"),o=require("../../lib/styles.cjs"),s=require("../button/Button.slots.cjs"),c=require("../../lib/icons.cjs"),l=require("../../lib/motion.cjs"),u=require("../../hooks/useMotion.cjs"),d=require("../../hooks/useCollapsePresence.cjs"),f=require("./Nav.context.cjs"),p=require("./Nav.parts.cjs"),m=require("./Nav.root.cjs");let h=require("react");h=e.__toESM(h,1);let g=require("react/jsx-runtime");var _=`flex h-5 w-5 shrink-0 items-center justify-center`;function v(e,n){return e&&r.slotRendersContent(e)?r.renderSlot(e,`span`,t.cn(n,_),{"aria-hidden":!0}):null}var y={base:t.cn(`flex w-full items-center gap-2 px-4 py-2 text-body-1 text-start no-underline transition-colors motion-reduce:transition-none`,o.focusRingInset,o.disabledStyles),selected:`bg-subtle-selected text-primary font-semibold border-s-2 border-s-primary`,idle:`text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover`,selectedInRow:`text-primary font-semibold`,rowSelected:`bg-subtle-selected border-s-2 border-s-primary`},b={base:t.cn(`flex w-full items-center ps-11 pe-4 py-1.5 text-body-1 text-start no-underline transition-colors motion-reduce:transition-none`,o.focusRingInset,o.disabledStyles),selected:`text-primary font-semibold`,idle:`text-muted-foreground not-disabled:not-aria-disabled:hover:text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover`,selectedInRow:`text-primary font-semibold`,rowSelected:void 0},x=`group/nav-row flex items-center transition-colors motion-reduce:transition-none`,S=`hover:bg-subtle-hover`,C=t.cn(`flex shrink-0 items-center gap-1 pe-2`,`*:opacity-0 group-hover/nav-row:*:opacity-100 group-focus-within/nav-row:*:opacity-100`,`forced-colors:*:opacity-100 [@media(hover:none)]:*:opacity-100`,`*:has-[[aria-pressed=true]]:opacity-100 *:has-[[aria-expanded=true]]:opacity-100`,`[&>[aria-pressed=true]]:opacity-100 [&>[aria-expanded=true]]:opacity-100`),w=t.cn(`flex w-full items-center gap-2 px-4 py-2 text-body-1 font-semibold text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover transition-colors motion-reduce:transition-none`,`data-[contains-current]:bg-subtle-selected data-[contains-current]:text-primary data-[contains-current]:border-s-2 data-[contains-current]:border-s-primary`,o.focusRingInset);function T(e){if(e.button!==0||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey)return!0;let t=e.currentTarget,n=t.getAttribute(`target`);return!!n&&n.toLowerCase()!==`_self`||t.hasAttribute(`download`)}function E(e,n,i,a,o,s,c,u){let{value:d,icon:f,disabled:p=!1,href:m,className:h,children:_,onClick:y,actions:b,ref:w,...E}=e,D=n.value===d,O=m!==void 0,k=i?{"data-roving-value":d}:void 0,A=r.slotRendersContent(b),j=E.id??c,M=A?{id:j}:void 0,N=e=>{if(p){e.preventDefault();return}y?.(e),!(O?!e.defaultPrevented&&T(e):e.defaultPrevented)&&n.select(d)},P=(0,g.jsxs)(g.Fragment,{children:[s&&v(f,o.icon),s?(0,g.jsx)(`span`,{className:t.cn(o.content,`flex-1 text-start`),children:_}):_]}),F=t.cn(o.root,a.base,D?A?a.selectedInRow:a.selected:a.idle,A&&`min-w-0 flex-1`,h),I=A?t.cn(o.listItem,x,D&&a.rowSelected?a.rowSelected:!p&&S):o.listItem,L=A?(0,g.jsx)(`span`,{role:`group`,"aria-labelledby":j,"data-wave-nav-actions":``,className:t.cn(o.actions,C,u===`none`?void 0:l.navActionsRevealMotion),children:r.materialiseSlotContent(b)}):null;if(O)return(0,g.jsxs)(`li`,{className:I,children:[(0,g.jsx)(`a`,{...E,...M,...k,ref:w,href:p?void 0:m,role:p?`link`:E.role,"aria-disabled":p?!0:E[`aria-disabled`],"aria-current":D?`page`:void 0,onClick:N,className:F,children:P}),L]});let{rel:R,...z}=E;return(0,g.jsxs)(`li`,{className:I,children:[(0,g.jsx)(`button`,{type:`button`,...z,...M,...k,ref:w,disabled:p,"aria-current":D?`page`:void 0,onClick:N,className:F,children:P}),L]})}var D=({value:e,label:o,icon:p,expandIcon:m,expandIconMotion:_,motion:y,className:b,children:x,ref:S,...C})=>{let T=f.useNavContext(`Nav.Category`),E=h.useContext(f.NavRovingContext),{value:D,openCategories:O,toggleCategory:k,currentCategory:A,categoryStore:j}=T;f.useNavValue(T,`category`,e);let M=a.useId(`wave-nav-category`),N=O.includes(e),P=!N&&D!==``&&f.containsValue(x,D),F=h.useSyncExternalStore(j.subscribe,()=>D!==``&&j.get(D)===e,()=>!1);h.useLayoutEffect(()=>{if(P)return j.record(D,e),()=>j.forget(D,e)},[j,P,D,e]);let I=!N&&(A===e||F||P);h.useLayoutEffect(()=>{if(E)return E.reportCurrentCategory(e,I),()=>E.reportCurrentCategory(e,!1)},[E,e,I]);let L=h.useRef(null);f.useNavListChildCheck(L,`Nav.Category`,`sub-items`);let R=h.useRef(null),{isMounted:z,wrapperRef:B,presenceProps:V,className:H}=d.useCollapsePresence(N,{motion:y,partRef:L,getTrigger:()=>R.current}),{glyph:U,button:W}=s.unwrapButtonGlyph(m);h.useEffect(()=>{W&&n.warnOnce(`Nav.Category:expandIcon-button`,`Nav.Category: \`expandIcon\` received ${W}; its children render as the glyph of the toggle button and its props were dropped (buttons cannot be nested). Pass icon content instead, e.g. \`expandIcon={<MyIcon />}\`.`)},[W]);let G=u.useMotionClasses(_,l.expandIconMotion),K=null;U==null?K=(0,g.jsx)(c.ChevronDownIcon,{className:t.cn(i.navCategoryClassNames.expandIcon,`shrink-0`,G,N&&`rotate-180`)}):r.slotRendersContent(U)&&(K=r.renderSlot(U,`span`,t.cn(i.navCategoryClassNames.expandIcon,`inline-flex shrink-0`,G),{"aria-hidden":!0}));let q=o,J=x;if(o===void 0){n.warnDeprecated(`Nav.Category`,`text children as the label`,`label`,"Pass the category label in `label` and only the sub-items as children.");let e=h.Children.toArray(x),t=e=>typeof e==`string`||typeof e==`number`;q=e.filter(t).join(``),J=e.filter(e=>!t(e))}return(0,g.jsxs)(`li`,{ref:S,...C,className:t.cn(i.navCategoryClassNames.root,b),children:[(0,g.jsxs)(`button`,{ref:R,type:`button`,"aria-expanded":N,"aria-controls":N?M:void 0,"aria-current":I?!0:void 0,"data-contains-current":I?``:void 0,"data-roving-value":E?`wave-nav-category:${e}`:void 0,onClick:()=>k(e),className:t.cn(i.navCategoryClassNames.button,w),children:[v(p,i.navCategoryClassNames.icon),(0,g.jsx)(`span`,{className:t.cn(i.navCategoryClassNames.label,`flex-1 text-start`),children:q}),K]}),z&&(0,g.jsx)(f.NavCategoryValueContext.Provider,{value:e,children:(0,g.jsx)(`div`,{ref:B,...V,className:t.cn(i.navCategoryClassNames.collapse,H),children:(0,g.jsx)(`ul`,{ref:L,id:M,className:t.cn(i.navCategoryClassNames.list,`m-0 list-none p-0`),children:J})})})]})};D.displayName=`NavCategory`,f.markNavPart(D,`category`);function O(e){let t=f.useNavContext(`Nav.Item`);f.useNavValue(t,`item`,e.value),f.useRecordCategory(t,e.value);let n=h.useContext(f.NavRovingContext),r=a.useId(`wave-nav-item`),o=u.useMotionPreference();return E(e,t,n,y,{root:i.navItemClassNames.root,listItem:i.navItemClassNames.listItem,actions:i.navItemClassNames.actions,icon:i.navItemClassNames.icon,content:i.navItemClassNames.content},!0,r,o)}O.displayName=`NavItem`,f.markNavPart(O,`entry`);function k(e){let t=f.useNavContext(`Nav.SubItem`);f.useNavValue(t,`item`,e.value),f.useRecordCategory(t,e.value);let n=h.useContext(f.NavRovingContext),r=a.useId(`wave-nav-item`),o=u.useMotionPreference();return E(e,t,n,b,{root:i.navSubItemClassNames.root,listItem:i.navSubItemClassNames.listItem,actions:i.navSubItemClassNames.actions},!1,r,o)}k.displayName=`NavSubItem`,f.markNavPart(k,`entry`);var A=Object.assign(m.NavRoot,{Category:D,Item:O,SubItem:k,SectionHeader:p.NavSectionHeader,Divider:p.NavDivider,AppItem:p.NavAppItem,AppItemStatic:p.NavAppItemStatic});exports.Nav=A,exports.NavAppItem=p.NavAppItem,exports.NavAppItemStatic=p.NavAppItemStatic,exports.NavCategory=D,exports.NavDivider=p.NavDivider,exports.NavItem=O,exports.NavSectionHeader=p.NavSectionHeader,exports.NavSubItem=k;
 //# sourceMappingURL=Nav.cjs.map