solid-baseui 0.1.0-alpha.0

package/dist/lib/client/navigation-menu-ZILQmdn6.js

@@ -0,0 +1,1083 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { getStateAttributesProps as t } from "./internals/getStateAttributesProps.js";
+import { x as n } from "./reasons-Co5CzjKq.js";
+import { n as r, t as i } from "./resolveStyle-XcgAuaKR.js";
+import { createChangeEventDetails as a } from "./internals/createBaseUIEventDetails.js";
+import { composeEventHandlers as o } from "./internals/composeEventHandlers.js";
+import { t as s } from "./runOnceAnimationsFinish-15EM-Z4l.js";
+import { n as c } from "./dom-BEAeQ9Eb.js";
+import { t as l } from "./createAnchorPositioning-DcxDXUgB.js";
+import { t as u } from "./createClickInteraction-CTaIFBiV.js";
+import { c as d, i as f, n as p, r as m, s as h, t as g } from "./FloatingTree-23B7KKPD.js";
+import { a as _, o as v, t as y } from "./PopupStore-DjB-wO88.js";
+import { n as b, r as x, t as S } from "./safePolygon--bbKn0c8.js";
+import { n as C } from "./createPopupAutoResize-CGNiLhGq.js";
+import { t as ee } from "./createTransitionStatus-B1L-whed.js";
+import { a as w, d as te, g as T, h as E, i as ne, n as D, o as re, r as O } from "./popupStateMapping-C9eZl19i.js";
+import { t as k } from "./FocusManager-grSdNHqW.js";
+import { t as ie } from "./TriggerFocusGuards-CQ-JuASy.js";
+import { a as A, i as ae, n as j, r as oe, t as se } from "./buttonSemantics-paljfpOX.js";
+import { t as M } from "./setRef-fXF6OIo3.js";
+import { n as N } from "./DirectionContext-BwMabICS.js";
+import { Dynamic as P, Portal as F, claimElement as I, createComponent as L, getNextElement as R, insert as z, memo as B, mergeProps as V, ref as ce, runHydrationEvents as le, scope as ue, spread as de, template as H } from "@solidjs/web";
+import { Show as U, createContext as W, createEffect as G, createMemo as K, createSignal as q, createUniqueId as fe, omit as J, onCleanup as Y, untrack as X, useContext as Z } from "solid-js";
+//#region src/navigation-menu/store/NavigationMenuStore.ts
+var pe = class extends y {
+	tree;
+	parentStore;
+	orientation;
+	delay;
+	closeDelay;
+	controlled;
+	controlledValue;
+	onValueChange;
+	valueAccessor;
+	setValueSignal;
+	reasonAccessor;
+	setReasonSignal;
+	openMethodAccessor;
+	setOpenMethodSignal;
+	activationDirectionAccessor;
+	setActivationDirectionSignal;
+	viewportElementAccessor;
+	setViewportElementSignal;
+	viewportTargetAccessor;
+	setViewportTargetSignal;
+	contentVersionAccessor;
+	setContentVersionSignal;
+	valueTriggers = /* @__PURE__ */ new Map();
+	previousTrigger = null;
+	returnFocusTarget = null;
+	constructor(e) {
+		super(e), this.tree = e.tree, this.parentStore = e.parentStore, this.orientation = e.orientation, this.delay = e.delay, this.closeDelay = e.closeDelay, this.controlled = e.controlled, this.controlledValue = e.value, this.onValueChange = e.onValueChange;
+		let [t, n] = q(() => e.defaultValue, { ownedWrite: !0 });
+		this.valueAccessor = t, this.setValueSignal = n;
+		let [r, i] = q(null, { ownedWrite: !0 });
+		this.reasonAccessor = r, this.setReasonSignal = i;
+		let [a, o] = q(null, { ownedWrite: !0 });
+		this.openMethodAccessor = a, this.setOpenMethodSignal = o;
+		let [s, c] = q(null, { ownedWrite: !0 });
+		this.activationDirectionAccessor = s, this.setActivationDirectionSignal = c;
+		let [l, u] = q(null, { ownedWrite: !0 });
+		this.viewportElementAccessor = l, this.setViewportElementSignal = u;
+		let [d, f] = q(null, { ownedWrite: !0 });
+		this.viewportTargetAccessor = d, this.setViewportTargetSignal = f;
+		let [p, m] = q(0, { ownedWrite: !0 });
+		this.contentVersionAccessor = p, this.setContentVersionSignal = m;
+	}
+	value() {
+		return this.controlled ? this.controlledValue() ?? null : this.valueAccessor();
+	}
+	openChangeReason() {
+		return this.reasonAccessor();
+	}
+	openMethod() {
+		return this.openMethodAccessor();
+	}
+	setOpenMethod(e) {
+		this.setOpenMethodSignal(e);
+	}
+	activationDirection() {
+		return this.open() ? this.activationDirectionAccessor() : null;
+	}
+	viewportElement() {
+		return this.viewportElementAccessor();
+	}
+	setViewportElement(e) {
+		this.setViewportElementSignal(e);
+	}
+	viewportTarget() {
+		return this.viewportTargetAccessor();
+	}
+	setViewportTarget(e) {
+		this.setViewportTargetSignal(e);
+	}
+	contentVersion() {
+		return this.contentVersionAccessor();
+	}
+	returnFocusElement() {
+		return this.returnFocusTarget?.isConnected ? this.returnFocusTarget : null;
+	}
+	touchContent() {
+		this.setContentVersionSignal((e) => e + 1);
+	}
+	registerValueTrigger(e, t, n, r) {
+		return this.valueTriggers.set(e, {
+			id: t,
+			element: n,
+			value: r
+		}), this.syncValue(), () => {
+			this.valueTriggers.delete(e), this.syncValue();
+		};
+	}
+	updateValueTrigger(e, t, n, r) {
+		this.valueTriggers.set(e, {
+			id: t,
+			element: n,
+			value: r
+		}), this.syncValue();
+	}
+	syncValue() {
+		let e = this.value(), t = e != null, n = t ? Array.from(this.valueTriggers.values()).find((t) => Object.is(t.value, e)) : void 0;
+		this.update({
+			open: t,
+			activeTriggerId: n?.id ?? (t ? this.state.activeTriggerId : null),
+			activeTriggerElement: n?.element ?? (t ? this.state.activeTriggerElement : null)
+		}), t ? n && this.updateActivationDirection(n.element) : (this.setActivationDirectionSignal(null), this.previousTrigger = null, this.setOpenMethodSignal(null)), this.reconcileTriggers();
+	}
+	setValue(e, t) {
+		let n = this.value();
+		if (Object.is(e, n) || this.onValueChange()?.(e, t), t.isCanceled) return !1;
+		let r = e == null ? void 0 : Array.from(this.valueTriggers.values()).find((t) => Object.is(t.value, e));
+		r && !t.trigger && (t.trigger = r.element), this.controlled || this.setValueSignal(() => e), this.setReasonSignal(t.reason), e != null && t.trigger instanceof HTMLElement && (this.returnFocusTarget = t.trigger, this.updateActivationDirection(t.trigger));
+		let i = super.setOpen(e != null, t);
+		return i && !this.controlled && this.syncValue(), i && e == null && t.reason === "link-press" && this.parentStore && this.parentStore.setValue(null, t), i;
+	}
+	setOpen(e, t) {
+		if (!e) return this.setValue(null, t);
+		let n = t.trigger, r = Array.from(this.valueTriggers.values()).find((e) => e.element === n || e.id === n?.id);
+		return r ? this.setValue(r.value, t) : !1;
+	}
+	updateActivationDirection(e) {
+		let t = this.previousTrigger;
+		if (this.previousTrigger = e, !t || t === e || !t.isConnected) return;
+		let n = t.getBoundingClientRect(), r = e.getBoundingClientRect();
+		this.orientation() === "horizontal" && r.left !== n.left ? this.setActivationDirectionSignal(r.left > n.left ? "right" : "left") : this.orientation() === "vertical" && r.top !== n.top && this.setActivationDirectionSignal(r.top > n.top ? "down" : "up");
+	}
+}, me = Symbol("NavigationMenuRootContext"), he = W(me);
+function Q(e = !1) {
+	let t = Z(he);
+	if (t === me) {
+		if (e) return;
+		throw Error("Base UI: NavigationMenuRootContext is missing. Navigation Menu parts must be placed within <NavigationMenu.Root>.");
+	}
+	return t;
+}
+//#endregion
+//#region src/navigation-menu/root/NavigationMenuRoot.tsx
+function ge(e) {
+	let n = Q(!0), a = d(), o = h(), s = e, c = e, l = X(() => s.value !== void 0), u = o !== null && n !== void 0, y = a ?? new m(), b = fe(), x = fe(), S = K(() => s.orientation ?? "horizontal"), C = K(() => s.delay ?? 50), ee = K(() => s.closeDelay ?? 50), w = new pe({
+		controlled: l,
+		value: () => s.value,
+		defaultValue: X(() => s.defaultValue ?? null),
+		onValueChange: () => s.onValueChange,
+		controlledOpen: () => l ? s.value != null : void 0,
+		floatingId: x,
+		nested: u,
+		nodeId: b,
+		onOpenChangeComplete: () => s.onOpenChangeComplete,
+		orientation: S,
+		delay: C,
+		closeDelay: ee,
+		tree: y,
+		parentStore: n?.store
+	});
+	w.update({ open: X(() => w.value() != null) });
+	let te = f({
+		tree: y,
+		id: b,
+		parentId: o,
+		context: () => w.context.floatingRoot
+	}), [T, E] = q(null, { ownedWrite: !0 }), [ne, D] = q(null, { ownedWrite: !0 }), [re, O] = q(null, { ownedWrite: !0 }), [k, ie] = q(null, { ownedWrite: !0 }), A = _(w, () => w.track().popupElement), ae = {
+		store: w,
+		nested: u,
+		presence: A,
+		rootElement: T,
+		beforeContentGuard: ne,
+		setBeforeContentGuard: D,
+		afterTriggerGuard: re,
+		setAfterTriggerGuard: O,
+		backdropElement: k,
+		setBackdropElement: ie
+	}, j = K(() => ({
+		open: w.open(),
+		nested: u
+	})), oe = K(() => r(e.class, j())), se = K(() => i(e.style, j())), M = K(() => t(j())), N = J(c, "actionsRef", "as", "class", "closeDelay", "defaultValue", "delay", "onOpenChangeComplete", "onValueChange", "orientation", "ref", "style", "value");
+	w.context.floatingRoot.context.data.insideElements = () => [k()];
+	let F = v({
+		context: w.context.floatingRoot,
+		tree: () => y,
+		outsidePressEvent: () => "intentional"
+	});
+	w.setInteractionProps({
+		activeTriggerProps: { onKeyDown: F.onKeyDown },
+		inactiveTriggerProps: { onKeyDown: F.onKeyDown },
+		popupProps: { onKeyDown: F.onKeyDown }
+	}), G(() => ({
+		value: w.value(),
+		manualUnmount: s.actionsRef !== void 0
+	}), (e) => X(() => {
+		e.value == null && e.manualUnmount && w.set("preventUnmountingOnClose", !0), w.syncValue();
+	}));
+	let I = { unmount: A.forceUnmount };
+	G(() => s.actionsRef, (e) => {
+		e?.(I);
+	});
+	let R = 0;
+	return G(() => ({
+		mounted: A.mounted(),
+		open: w.open(),
+		reason: w.openChangeReason()
+	}), (e) => {
+		if (!(e.open || e.mounted || e.reason == null || e.reason === "trigger-hover" || e.reason === "outside-press" || e.reason === "focus-out")) return R = requestAnimationFrame(() => {
+			X(() => w.returnFocusElement())?.focus({ preventScroll: !0 });
+		}), () => {
+			typeof cancelAnimationFrame == "function" && cancelAnimationFrame(R);
+		};
+	}), Y(() => {
+		typeof cancelAnimationFrame == "function" && cancelAnimationFrame(R), w.clearInteractionProps(), delete w.context.floatingRoot.context.data.insideElements;
+	}), L(he, {
+		value: ae,
+		get children() {
+			return L(p, {
+				value: y,
+				get children() {
+					return L(g, {
+						get value() {
+							return te.id ?? null;
+						},
+						get children() {
+							return L(P, V({
+								get component() {
+									return e.as ?? (u ? "div" : "nav");
+								},
+								ref: [((e) => E(e)), s.ref],
+								get class() {
+									return oe();
+								},
+								get style() {
+									return se();
+								}
+							}, M, N));
+						}
+					});
+				}
+			});
+		}
+	});
+}
+//#endregion
+//#region src/navigation-menu/composite/NavigationMenuCompositeContext.ts
+var _e = Symbol("NavigationMenuCompositeContext"), ve = W(_e);
+function ye() {
+	let e = Z(ve);
+	return e === _e ? void 0 : e;
+}
+function be(e) {
+	let [t, n] = q(), [r, i] = q(0), a = /* @__PURE__ */ new Map(), o = 0, s = !1;
+	function c() {
+		s || (s = !0, queueMicrotask(() => {
+			s = !1, i((e) => e + 1);
+		}));
+	}
+	function l(e) {
+		return e.order = o, o += 1, a.set(e.token, e), c(), () => {
+			a.delete(e.token), c();
+		};
+	}
+	function u() {
+		return r(), Array.from(a.values()).filter((e) => {
+			let t = e.element();
+			return !!(t?.isConnected && !e.disabled() && !t.matches(":disabled"));
+		}).sort((e, t) => {
+			let n = e.element(), r = t.element();
+			if (n && r && n !== r) {
+				let e = n.compareDocumentPosition(r);
+				if ((e & Node.DOCUMENT_POSITION_DISCONNECTED) === 0) {
+					if (e & Node.DOCUMENT_POSITION_FOLLOWING) return -1;
+					if (e & Node.DOCUMENT_POSITION_PRECEDING) return 1;
+				}
+			}
+			return e.order - t.order;
+		});
+	}
+	function d(e) {
+		let t = e.composedPath();
+		return u().find((e) => {
+			let n = e.element();
+			return !!(n && t.includes(n));
+		});
+	}
+	return {
+		isTabStop(e) {
+			let n = u();
+			return (n.find((e) => e.token === t()) ?? n[0])?.token === e.token;
+		},
+		notifyItemChange: c,
+		registerItem: l,
+		setActiveItem(e) {
+			e.disabled() || n(e.token);
+		},
+		handleKeyDown(t) {
+			if (t.shiftKey || t.ctrlKey || t.altKey || t.metaKey) return !1;
+			let r = e.orientation() === "vertical" ? "ArrowDown" : e.direction() === "rtl" ? "ArrowLeft" : "ArrowRight";
+			if (![
+				r,
+				e.orientation() === "vertical" ? "ArrowUp" : e.direction() === "rtl" ? "ArrowRight" : "ArrowLeft",
+				"Home",
+				"End"
+			].includes(t.key)) return !1;
+			let i = u();
+			if (i.length === 0) return !0;
+			let a = d(t), o = a ? i.indexOf(a) : -1;
+			o = t.key === "Home" ? 0 : t.key === "End" ? i.length - 1 : Math.max(0, Math.min(i.length - 1, o + (t.key === r ? 1 : -1)));
+			let s = i[o];
+			return t.preventDefault(), t.stopPropagation(), s && (n(s.token), queueMicrotask(() => s.element()?.focus({ preventScroll: !0 }))), !0;
+		}
+	};
+}
+//#endregion
+//#region src/navigation-menu/list/NavigationMenuList.tsx
+function xe(e) {
+	let n = Q(), a = N(), s = e, c = e, l = K(() => ({ open: n.store.open() })), u = K(() => r(e.class, l())), d = K(() => i(e.style, l())), f = K(() => t(l())), p = J(c, "as", "class", "onKeyDown", "ref", "style"), m = be({
+		orientation: n.store.orientation,
+		direction: a
+	}), h = o(() => s.onKeyDown, () => (e) => {
+		n.nested || m.handleKeyDown(e);
+	});
+	function g() {
+		return L(P, V({
+			get component() {
+				return e.as ?? "ul";
+			},
+			ref: [s.ref],
+			get class() {
+				return u();
+			},
+			get style() {
+				return d();
+			},
+			onKeyDown: h
+		}, f, p));
+	}
+	return n.nested ? L(g, {}) : L(ve, {
+		value: m,
+		get children() {
+			return L(g, {});
+		}
+	});
+}
+//#endregion
+//#region src/navigation-menu/item/NavigationMenuItemContext.ts
+var Se = Symbol("NavigationMenuItemContext"), Ce = W(Se);
+function we() {
+	let e = Z(Ce);
+	if (e === Se) throw Error("Base UI: NavigationMenuItem parts must be used within a <NavigationMenu.Item>.");
+	return e;
+}
+//#endregion
+//#region src/navigation-menu/item/NavigationMenuItem.tsx
+function Te(e) {
+	let t = `base-ui-${fe()}`, n = e, a = e, o = K(() => n.value ?? t), s = {}, c = K(() => r(e.class, s)), l = K(() => i(e.style, s)), u = J(a, "as", "class", "ref", "style", "value");
+	return L(Ce, {
+		value: { value: o },
+		get children() {
+			return L(P, V({
+				get component() {
+					return e.as ?? "li";
+				},
+				ref: [n.ref],
+				get class() {
+					return c();
+				},
+				get style() {
+					return l();
+				}
+			}, u));
+		}
+	});
+}
+//#endregion
+//#region src/navigation-menu/trigger/NavigationMenuTrigger.tsx
+function Ee(e) {
+	let n = Q(), s = we(), c = ye(), l = N(), d = e, f = e, p = `base-ui-${fe()}`, m = K(() => d.id ?? p), h = K(() => d.disabled ?? !1), g = K(() => d.nativeButton ?? !0), [_, v] = q(null, { ownedWrite: !0 }), y = K(() => n.store.open() && Object.is(n.store.value(), s.value())), b = K(() => ({ open: y() })), C = K(() => r(e.class, b())), ee = K(() => i(e.style, b())), w = K(() => t(b(), ne)), te = J(f, "as", "class", "disabled", "id", "nativeButton", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "ref", "style"), T = {
+		token: Symbol("NavigationMenuTrigger"),
+		order: 0,
+		element: _,
+		disabled: h
+	}, D = Symbol("NavigationMenuValueTrigger"), re = c?.registerItem(T), O, k, M, F = "", I = !0, R, z = 0;
+	G(() => ({
+		element: _(),
+		id: m(),
+		value: s.value()
+	}), (e) => {
+		if (O?.(), k?.(), e.element) return X(() => {
+			O = n.store.registerTrigger(e.id, e.element), k = n.store.registerValueTrigger(D, e.id, e.element, e.value);
+		}), () => {
+			X(() => {
+				O?.(), k?.();
+			}), O = void 0, k = void 0;
+		};
+	}), G(() => ({
+		open: y(),
+		reason: n.store.openChangeReason()
+	}), (e) => {
+		clearTimeout(R), I = e.open && e.reason === "trigger-hover", I && (R = setTimeout(() => {
+			I = !1;
+		}, 500));
+	}), G(() => ({
+		element: _(),
+		disabled: h()
+	}), () => c?.notifyItemChange()), M = u({
+		context: n.store.context.floatingRoot,
+		enabled: () => !h(),
+		stickIfOpen: () => I
+	}), x({
+		context: n.store.context.floatingRoot,
+		reference: _,
+		floating: () => n.store.track().positionerElement ?? n.store.viewportElement(),
+		tree: () => n.store.tree,
+		enabled: () => !h(),
+		floatingEnabled: () => !h(),
+		delay: () => ({ close: n.store.closeDelay() }),
+		restMs: () => n.store.open() ? 0 : n.store.delay(),
+		restOnly: () => !0,
+		handleClose: () => S({ blockPointerEvents: !0 }),
+		mouseOnly: () => !0,
+		blockPointerEventsScope: () => (n.nested && n.store.track().positionerElement, _()?.closest("ul"))
+	});
+	function ce(e) {
+		F = e.pointerType, M?.onPointerDown(e);
+	}
+	function le(e) {
+		M?.onMouseDown(e);
+	}
+	function ue(e) {
+		n.store.setOpenMethod(F || (e.detail === 0 ? "keyboard" : "mouse")), M?.onClick(e), F = "";
+	}
+	function de() {
+		c?.setActiveItem(T);
+	}
+	function H(e) {
+		let t = n.store.state[y() ? "activeTriggerProps" : "inactiveTriggerProps"].onKeyDown;
+		if (typeof t == "function" && t(e), e.defaultPrevented || h() || c?.handleKeyDown(e) || n.nested) return;
+		let r = n.store.orientation() === "horizontal" ? "ArrowDown" : l() === "rtl" ? "ArrowLeft" : "ArrowRight";
+		if (e.key === r && (e.preventDefault(), e.stopPropagation(), n.store.setOpenMethod("keyboard"), n.store.setValue(s.value(), a("list-navigation", e, _() ?? void 0)))) {
+			let e = 0, t = () => {
+				let r = n.store.viewportTarget(), i = r ? E(r).find((e) => !e.hasAttribute("data-base-ui-focus-guard")) : void 0;
+				if (i) {
+					i.focus({ preventScroll: !0 });
+					return;
+				}
+				e += 1, e < 4 && (z = requestAnimationFrame(t));
+			};
+			queueMicrotask(() => {
+				z = requestAnimationFrame(t);
+			});
+		}
+	}
+	let U = o(() => X(() => h() ? oe : void 0), () => d.onClick, () => ue), W = o(() => d.onFocus, () => de), Z = o(() => X(() => h() ? oe : void 0), () => d.onPointerDown, () => ce), pe = o(() => X(() => h() ? A : void 0), () => d.onMouseDown, () => le), me = o(() => X(() => h() ? ae : void 0), () => d.onKeyDown, () => H, () => X(() => g() ? void 0 : se)), he = o(() => X(() => h() ? A : void 0), () => d.onKeyUp, () => X(() => g() ? void 0 : j)), ge = L(P, V({
+		get component() {
+			return e.as ?? "button";
+		},
+		ref: [((e) => v(e)), d.ref],
+		get id() {
+			return m();
+		},
+		get type() {
+			return g() ? "button" : void 0;
+		},
+		get role() {
+			return g() ? void 0 : "button";
+		},
+		get tabIndex() {
+			return c ? c.isTabStop(T) ? 0 : -1 : 0;
+		},
+		get disabled() {
+			return (B(() => !!g())() ? h() : g()) || void 0;
+		},
+		get "aria-disabled"() {
+			return !g() && h() ? "true" : void 0;
+		},
+		get "aria-expanded"() {
+			return y() ? "true" : "false";
+		},
+		get "aria-controls"() {
+			return B(() => !!y())() ? n.store.popupId() : void 0;
+		},
+		"data-base-ui-navigation-menu-trigger": "",
+		get "data-trigger-disabled"() {
+			return h() ? "" : void 0;
+		},
+		get class() {
+			return C();
+		},
+		get style() {
+			return ee();
+		},
+		onClick: U,
+		onFocus: W,
+		onKeyDown: me,
+		onKeyUp: he,
+		onMouseDown: pe,
+		onPointerDown: Z
+	}, w, te));
+	return Y(() => {
+		clearTimeout(R), typeof cancelAnimationFrame == "function" && cancelAnimationFrame(z), re?.(), O?.(), k?.();
+	}), L(ie, {
+		get context() {
+			return n.store.context.floatingRoot;
+		},
+		get enabled() {
+			return B(() => !!y())() ? n.presence.mounted() : y();
+		},
+		trigger: _,
+		positioner: () => n.store.track().positionerElement ?? n.store.viewportElement(),
+		get beforeContentGuard() {
+			return n.beforeContentGuard;
+		},
+		get afterGuardRef() {
+			return n.setAfterTriggerGuard;
+		},
+		children: ge
+	});
+}
+//#endregion
+//#region src/navigation-menu/icon/NavigationMenuIcon.tsx
+var De = /* @__PURE__ */ H("<span>");
+function Oe(e) {
+	let n = Q(), a = we(), o = e, s = e, c = K(() => ({ open: n.store.open() && Object.is(n.store.value(), a.value()) })), l = K(() => r(e.class, c())), u = K(() => i(e.style, c())), d = K(() => t(c(), w)), f = J(s, "as", "class", "ref", "style"), p = X(() => e.as);
+	if (!p) {
+		var m = R(De);
+		return ce(() => [o.ref], m), de(m, V({
+			"aria-hidden": "true",
+			get class() {
+				return l();
+			},
+			get style() {
+				return u();
+			}
+		}, d, f), !0), z(m, () => e.children ?? "▼"), le(), m;
+	}
+	return L(P, V({
+		component: p,
+		ref: [o.ref],
+		"aria-hidden": "true",
+		get class() {
+			return l();
+		},
+		get style() {
+			return u();
+		}
+	}, d, f, { get children() {
+		return e.children ?? "▼";
+	} }));
+}
+//#endregion
+//#region src/navigation-menu/utils/mergeNavigationMenuStyles.ts
+function $(e, t) {
+	if (typeof t == "string") {
+		let n = Object.entries(e).filter((e) => e[1] != null).map(([e, t]) => `${e}:${String(t)}`).join(";");
+		return n ? `${n};${t}` : t;
+	}
+	return {
+		...e,
+		...t || void 0
+	};
+}
+//#endregion
+//#region src/navigation-menu/content/NavigationMenuContent.tsx
+var ke = {
+	...O,
+	activationDirection: (e) => e ? { "data-activation-direction": e } : null
+};
+function Ae(e) {
+	let n = Q(), a = we(), c = N(), l = e, u = e, d = K(() => n.presence.mounted() && Object.is(n.store.value(), a.value())), f = ee(d), [p, m] = q(null, { ownedWrite: !0 }), [h, g] = q(!1, { ownedWrite: !0 }), _ = be({
+		orientation: () => "vertical",
+		direction: c
+	}), v = K(() => ({
+		open: d(),
+		transitionStatus: f.transitionStatus(),
+		activationDirection: n.store.activationDirection()
+	})), y = K(() => r(e.class, v())), b = K(() => $(!d() && f.mounted() ? {
+		position: "absolute",
+		top: 0,
+		left: 0
+	} : {}, i(e.style, v()))), x = K(() => t(v(), ke)), S = J(u, "as", "class", "keepMounted", "onKeyDown", "ref", "style"), C = o(() => l.onKeyDown, () => (e) => _.handleKeyDown(e));
+	G(() => ({
+		open: d(),
+		mounted: f.mounted(),
+		element: p()
+	}), (e) => {
+		if (!e.mounted || e.open) return;
+		if (!e.element) {
+			queueMicrotask(() => f.setMounted(!1));
+			return;
+		}
+		let t = new AbortController();
+		return s(e.element, () => f.setMounted(!1), t.signal), () => t.abort();
+	}), G(() => n.presence.mounted(), (e) => {
+		e || f.setMounted(!1);
+	}), G(() => ({
+		target: n.store.viewportTarget(),
+		open: d()
+	}), (e) => {
+		e.target && g(!0), e.open && X(() => n.store.touchContent());
+	}), G(() => p(), (e) => {
+		if (!e || typeof MutationObserver > "u") return;
+		let t = new MutationObserver(() => n.store.touchContent());
+		return t.observe(e, {
+			attributes: !0,
+			childList: !0,
+			subtree: !0,
+			characterData: !0,
+			attributeFilter: ["hidden"]
+		}), () => t.disconnect();
+	}), Y(() => {
+		X(p) && m(null);
+	});
+	function w() {
+		return L(ve, {
+			value: _,
+			get children() {
+				return L(P, V({
+					get component() {
+						return e.as ?? "div";
+					},
+					ref: [((e) => m(e)), l.ref],
+					get hidden() {
+						return (B(() => !!(l.keepMounted ?? !1))() ? !f.mounted() : l.keepMounted ?? !1) || void 0;
+					},
+					get inert() {
+						return B(() => !d())() && f.mounted() || void 0;
+					},
+					get class() {
+						return y();
+					},
+					get style() {
+						return b();
+					},
+					onKeyDown: C
+				}, x, S));
+			}
+		});
+	}
+	return L(U, {
+		get when() {
+			return B(() => !!n.store.viewportTarget())() ? f.mounted() || l.keepMounted : n.store.viewportTarget();
+		},
+		get fallback() {
+			return L(U, {
+				get when() {
+					return B(() => !!l.keepMounted)() ? !h() : l.keepMounted;
+				},
+				get children() {
+					return L(w, {});
+				}
+			});
+		},
+		get children() {
+			return L(F, {
+				get mount() {
+					return n.store.viewportTarget();
+				},
+				get children() {
+					return L(w, {});
+				}
+			});
+		}
+	});
+}
+//#endregion
+//#region src/navigation-menu/link/NavigationMenuLink.tsx
+var je = /* @__PURE__ */ H("<a>");
+function Me(e) {
+	let s = Q(), c = ye(), l = e, u = e, [d, f] = q(null, { ownedWrite: !0 }), p = {
+		token: Symbol("NavigationMenuLink"),
+		order: 0,
+		element: d,
+		disabled: () => !1
+	}, m = c?.registerItem(p), h = K(() => ({ active: l.active ?? !1 })), g = K(() => r(e.class, h())), _ = K(() => i(e.style, h())), v = K(() => t(h())), y = J(u, "active", "as", "class", "closeOnClick", "onClick", "onFocus", "ref", "style");
+	G(d, () => c?.notifyItemChange());
+	let b = o(() => l.onFocus, () => () => c?.setActiveItem(p)), x = o(() => l.onClick, () => (e) => {
+		l.closeOnClick && s.store.setValue(null, a(n, e));
+	});
+	Y(() => m?.());
+	let S = X(() => e.as);
+	if (!S) {
+		var C = R(je);
+		return ce(() => [((e) => f(e)), l.ref], C), I(C), de(C, V({
+			get "aria-current"() {
+				return h().active ? "page" : void 0;
+			},
+			get tabIndex() {
+				return c ? c.isTabStop(p) ? 0 : -1 : void 0;
+			},
+			get class() {
+				return g();
+			},
+			get style() {
+				return _();
+			},
+			onClick: x,
+			onFocus: b
+		}, v, y), !1), le(), C;
+	}
+	return L(P, V({
+		component: S,
+		ref: [((e) => f(e)), l.ref],
+		get "aria-current"() {
+			return h().active ? "page" : void 0;
+		},
+		get tabIndex() {
+			return c ? c.isTabStop(p) ? 0 : -1 : void 0;
+		},
+		get class() {
+			return g();
+		},
+		get style() {
+			return _();
+		},
+		onClick: x,
+		onFocus: b
+	}, v, y));
+}
+//#endregion
+//#region src/navigation-menu/portal/NavigationMenuPortalContext.ts
+var Ne = Symbol("NavigationMenuPortalContext"), Pe = W(Ne);
+function Fe() {
+	let e = Z(Pe);
+	if (e === Ne) throw Error("Base UI: <NavigationMenu.Portal> is missing.");
+	return e;
+}
+//#endregion
+//#region src/navigation-menu/portal/NavigationMenuPortal.tsx
+function Ie(e) {
+	let t = Q(), n = e, a = e, o = K(() => n.keepMounted ?? !1), s = K(() => t.presence.mounted() || o()), c = {}, l = K(() => r(e.class, c)), u = K(() => i(e.style, c)), d = J(a, "as", "class", "container", "keepMounted", "ref", "style"), f = { keepMounted: o };
+	return L(U, {
+		get when() {
+			return s();
+		},
+		get children() {
+			return L(Pe, {
+				value: f,
+				get children() {
+					return L(re, V({
+						get as() {
+							return e.as;
+						},
+						get container() {
+							return n.container;
+						},
+						ref: (e) => M(n.ref, e),
+						get class() {
+							return l();
+						},
+						get style() {
+							return u();
+						}
+					}, d, { get children() {
+						return e.children;
+					} }));
+				}
+			});
+		}
+	});
+}
+//#endregion
+//#region src/navigation-menu/backdrop/NavigationMenuBackdrop.tsx
+function Le(e) {
+	let n = Q(), a = e, o = e, s = K(() => ({
+		open: n.store.open(),
+		transitionStatus: n.store.track().transitionStatus
+	})), c = K(() => r(e.class, s())), l = K(() => $({
+		"user-select": "none",
+		"-webkit-user-select": "none"
+	}, i(e.style, s()))), u = K(() => t(s(), O)), d = J(o, "as", "class", "ref", "style"), f = null;
+	return Y(() => {
+		n.backdropElement() === f && n.setBackdropElement(null);
+	}), L(P, V({
+		get component() {
+			return e.as ?? "div";
+		},
+		ref: [((e) => {
+			f = e, n.setBackdropElement(e);
+		}), a.ref],
+		role: "presentation",
+		get hidden() {
+			return !n.presence.mounted();
+		},
+		get class() {
+			return c();
+		},
+		get style() {
+			return l();
+		}
+	}, u, d));
+}
+//#endregion
+//#region src/navigation-menu/positioner/NavigationMenuPositionerContext.ts
+var Re = Symbol("NavigationMenuPositionerContext"), ze = W(Re);
+function Be(e = !1) {
+	let t = Z(ze);
+	if (t === Re) {
+		if (e) return;
+		throw Error("Base UI: NavigationMenuPositionerContext is missing. NavigationMenuPositioner parts must be placed within <NavigationMenu.Positioner>.");
+	}
+	return t;
+}
+//#endregion
+//#region src/navigation-menu/positioner/NavigationMenuPositioner.tsx
+function Ve(e) {
+	Fe();
+	let n = Q(), a = N(), o = e, s = e, [c, u] = q(null, { ownedWrite: !0 }), [d, f] = q(!1, { ownedWrite: !0 }), p = K(() => He(o.anchor) ?? n.store.context.floatingRoot.referenceElement()), m = l({
+		reference: p,
+		floating: c,
+		mounted: n.presence.mounted,
+		direction: a,
+		positionMethod: () => o.positionMethod ?? "absolute",
+		side: () => o.side ?? (n.nested ? "inline-end" : "bottom"),
+		sideOffset: () => o.sideOffset ?? 0,
+		align: () => o.align ?? (n.nested ? "start" : "center"),
+		alignOffset: () => o.alignOffset ?? 0,
+		collisionBoundary: () => o.collisionBoundary ?? "clipping-ancestors",
+		collisionPadding: () => o.collisionPadding ?? 5,
+		arrowPadding: () => o.arrowPadding ?? 5,
+		sticky: () => o.sticky ?? !1,
+		disableAnchorTracking: () => o.disableAnchorTracking ?? !1,
+		collisionAvoidance: () => o.collisionAvoidance ?? { fallbackAxisSide: n.nested ? "end" : "none" },
+		shiftRootBoundary: () => "layoutViewport",
+		adaptiveOriginMiddleware: () => n.store.track().adaptiveOriginMiddleware
+	}), h = b(() => n.store.open(), () => m.state().isPositioned), g = K(() => ({
+		open: n.store.open(),
+		side: m.renderedSide(),
+		align: m.renderedAlign(),
+		anchorHidden: m.anchorHidden(),
+		instant: d() ? "resize" : h() ? "initial" : void 0
+	})), _ = K(() => r(e.class, g())), v = K(() => $({
+		...m.styles(),
+		"pointer-events": n.store.open() ? void 0 : "none"
+	}, i(e.style, g()))), y = K(() => t(g(), D)), x = J(s, "align", "alignOffset", "anchor", "arrowPadding", "as", "class", "collisionAvoidance", "collisionBoundary", "collisionPadding", "disableAnchorTracking", "positionMethod", "ref", "side", "sideOffset", "sticky", "style"), S;
+	return C({
+		popup: () => n.store.track().popupElement,
+		positioner: c,
+		mounted: n.presence.mounted,
+		content: () => ({
+			value: n.store.value(),
+			version: n.store.contentVersion()
+		}),
+		side: m.renderedSide,
+		direction: a
+	}), G(() => m.state().placement, (e) => {
+		n.store.context.floatingRoot.context.data.placement = e;
+	}), G(() => ({
+		element: c(),
+		open: n.store.open()
+	}), (e) => {
+		if (!e.element || !e.open) return;
+		let t = () => {
+			f(!0), clearTimeout(S), S = setTimeout(() => f(!1), 100), n.store.touchContent();
+		};
+		return e.element.ownerDocument.defaultView?.addEventListener("resize", t), () => e.element?.ownerDocument.defaultView?.removeEventListener("resize", t);
+	}), Y(() => {
+		clearTimeout(S), delete n.store.context.floatingRoot.context.data.placement, n.store.state.positionerElement === X(c) && n.store.setPositionerElement(null);
+	}), L(ze, {
+		value: m,
+		get children() {
+			return L(P, V({
+				get component() {
+					return e.as ?? "div";
+				},
+				ref: [((e) => {
+					u(e), n.store.setPositionerElement(e);
+				}), o.ref],
+				role: "presentation",
+				get hidden() {
+					return !n.presence.mounted();
+				},
+				get inert() {
+					return !n.store.open() || void 0;
+				},
+				get class() {
+					return _();
+				},
+				get style() {
+					return v();
+				}
+			}, y, x));
+		}
+	});
+}
+function He(e) {
+	return typeof e == "function" ? e() : e && "current" in e ? e.current : e;
+}
+//#endregion
+//#region src/navigation-menu/popup/NavigationMenuPopup.tsx
+function Ue(e) {
+	let n = Q(), a = Be(), s = e, c = e, l = K(() => s.id ?? n.store.context.floatingId), u = K(() => ({
+		open: n.store.open(),
+		transitionStatus: n.store.track().transitionStatus,
+		side: a.renderedSide(),
+		align: a.renderedAlign(),
+		anchorHidden: a.anchorHidden()
+	})), d = K(() => r(e.class, u())), f = K(() => {
+		let e = a.renderedSide(), t = e === "left" || e === "inline-start";
+		return e === "top" || t ? {
+			position: "absolute",
+			[e === "top" ? "bottom" : "top"]: "0",
+			[t ? "right" : "left"]: "0"
+		} : {};
+	}), p = K(() => $(f(), i(e.style, u()))), m = K(() => t(u(), O)), h = J(c, "as", "class", "id", "onKeyDown", "ref", "style"), g = o(() => s.onKeyDown, () => (e) => {
+		let t = n.store.state.popupProps.onKeyDown;
+		typeof t == "function" && t(e);
+	}), _ = null;
+	return G(() => l(), (e) => n.store.setPopupId(e)), Y(() => {
+		n.store.state.popupElement === _ && n.store.setPopupElement(null);
+	}), L(k, {
+		get context() {
+			return n.store.context.floatingRoot;
+		},
+		get tree() {
+			return n.store.tree;
+		},
+		get disabled() {
+			return !n.presence.mounted();
+		},
+		initialFocus: !1,
+		returnFocus: () => X(() => {
+			let e = n.store.openChangeReason();
+			return e !== "trigger-hover" && e !== "outside-press" && e !== "focus-out";
+		}),
+		restoreFocus: "popup",
+		modal: !1,
+		get openInteractionType() {
+			return n.store.openMethod();
+		},
+		get previousFocusableElement() {
+			return n.store.track().activeTriggerElement;
+		},
+		get nextFocusableElement() {
+			return n.afterTriggerGuard;
+		},
+		get beforeContentGuardRef() {
+			return n.setBeforeContentGuard;
+		},
+		get children() {
+			return L(P, V({
+				get component() {
+					return e.as ?? "nav";
+				},
+				ref: [((e) => {
+					_ = e, n.store.setPopupElement(e);
+				}), s.ref],
+				get id() {
+					return l();
+				},
+				tabIndex: -1,
+				"data-base-ui-focusable": "",
+				get class() {
+					return d();
+				},
+				get style() {
+					return p();
+				},
+				onKeyDown: g
+			}, m, h));
+		}
+	});
+}
+//#endregion
+//#region src/navigation-menu/viewport/NavigationMenuViewport.tsx
+var We = /* @__PURE__ */ H("<div>");
+function Ge(e) {
+	let t = Q(), n = Be(!0) !== void 0, a = e, o = e, s = {}, l = K(() => r(e.class, s)), u = K(() => i(e.style, s)), d = J(o, "as", "children", "class", "ref", "style"), f = null, p = null, m = null, h = (e) => {
+		f = e, t.store.setViewportElement(e), n && (p = e, t.store.setViewportTarget(e));
+	};
+	Y(() => {
+		t.store.viewportElement() === f && t.store.setViewportElement(null), t.store.viewportTarget() === p && t.store.setViewportTarget(null), !n && t.beforeContentGuard() && t.setBeforeContentGuard(null);
+	});
+	let g = L(P, V({
+		get component() {
+			return e.as ?? "div";
+		},
+		ref: [h, a.ref],
+		get class() {
+			return l();
+		},
+		get style() {
+			return u();
+		}
+	}, d, { get children() {
+		return L(U, {
+			when: !n,
+			get fallback() {
+				return e.children;
+			},
+			get children() {
+				var n = R(We);
+				return ce(() => (e) => {
+					p = e, t.store.setViewportTarget(e);
+				}, n), z(n, ue(() => e.children)), n;
+			}
+		});
+	} }));
+	return n ? g : [
+		L(T, {
+			ref: (e) => t.setBeforeContentGuard(e),
+			onFocus: (e) => {
+				let n = t.store.viewportTarget();
+				n && (c(n, e.relatedTarget) ? t.store.track().activeTriggerElement?.focus() : E(n)[0]?.focus());
+			}
+		}),
+		g,
+		L(T, {
+			ref: (e) => m = e,
+			onFocus: (e) => {
+				let n = t.store.viewportTarget();
+				if (n) {
+					if (c(n, e.relatedTarget)) te(m)?.focus();
+					else {
+						let e = E(n);
+						e[e.length - 1]?.focus();
+					}
+				}
+			}
+		})
+	];
+}
+//#endregion
+//#region src/navigation-menu/arrow/NavigationMenuArrow.tsx
+function Ke(e) {
+	let n = Q(), a = Be(), o = e, s = e, c = K(() => ({
+		open: n.store.open(),
+		side: a.renderedSide(),
+		align: a.renderedAlign(),
+		uncentered: a.arrowUncentered()
+	})), l = K(() => r(e.class, c())), u = K(() => $(a.arrowStyles(), i(e.style, c()))), d = K(() => t(c(), D)), f = J(s, "as", "class", "ref", "style"), p = null;
+	return Y(() => {
+		p && a.setArrowElement(null);
+	}), L(P, V({
+		get component() {
+			return e.as ?? "div";
+		},
+		ref: [((e) => {
+			p = e, a.setArrowElement(e);
+		}), o.ref],
+		"aria-hidden": "true",
+		get class() {
+			return l();
+		},
+		get style() {
+			return u();
+		}
+	}, d, f));
+}
+//#endregion
+//#region src/navigation-menu/index.parts.ts
+var qe = /* @__PURE__ */ e({
+	Arrow: () => Ke,
+	Backdrop: () => Le,
+	Content: () => Ae,
+	Icon: () => Oe,
+	Item: () => Te,
+	Link: () => Me,
+	List: () => xe,
+	Popup: () => Ue,
+	Portal: () => Ie,
+	Positioner: () => Ve,
+	Root: () => ge,
+	Trigger: () => Ee,
+	Viewport: () => Ge
+});
+//#endregion
+export { qe as t };