solid-baseui 0.1.0-alpha.0 → 0.1.0-alpha.2

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

@@ -0,0 +1,1070 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { t } from "./useRender-CxZ8PI-g.js";
+import { getStateAttributesProps as n } from "./internals/getStateAttributesProps.js";
+import { S as r, x as i } from "./reasons-Co5CzjKq.js";
+import { n as a, t as o } from "./resolveStyle-XcgAuaKR.js";
+import { createChangeEventDetails as s } from "./internals/createBaseUIEventDetails.js";
+import { composeEventHandlers as c, liveEventHandler as l } from "./internals/composeEventHandlers.js";
+import { t as u } from "./runOnceAnimationsFinish-CFADb4CN.js";
+import { n as d } from "./dom-lDdayFF_.js";
+import { t as f } from "./createAnchorPositioning-DCXIApS1.js";
+import { t as p } from "./createClickInteraction-BeBsTqtY.js";
+import { c as m, i as h, n as g, r as _, s as v, t as y } from "./FloatingTree-23B7KKPD.js";
+import { a as b, o as x, t as S } from "./PopupStore-BjRwcvbG.js";
+import { n as C, r as w, t as ee } from "./safePolygon-DVAR5dQD.js";
+import { n as T } from "./createPopupAutoResize-CSNpMz5v.js";
+import { t as te } from "./createTransitionStatus-BL_cPSEA.js";
+import { a as E, d as ne, g as D, h as re, i as ie, n as ae, o as O, r as k } from "./popupStateMapping-nhukB8NK.js";
+import { t as A } from "./FocusManager-q7z7PMV1.js";
+import { t as j } from "./setRef-fXF6OIo3.js";
+import { t as M } from "./TriggerFocusGuards-Fzspp3Y1.js";
+import { a as oe, i as se, n as ce, r as le, t as ue } from "./buttonSemantics-paljfpOX.js";
+import { n as N } from "./DirectionContext-BwMabICS.js";
+import { Portal as P, claimElement as F, createComponent as I, getNextElement as L, insert as de, memo as R, mergeProps as z, ref as fe, runHydrationEvents as B, scope as pe, spread as V, template as H } from "@solidjs/web";
+import { Show as U, createContext as W, createEffect as G, createMemo as K, createSignal as q, createUniqueId as me, omit as J, onCleanup as Y, untrack as X, useContext as Z } from "solid-js";
+//#region src/navigation-menu/store/NavigationMenuStore.ts
+var he = class extends S {
+	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");
+	}
+}, ge = Symbol("NavigationMenuRootContext"), _e = W(ge);
+function Q(e = !1) {
+	let t = Z(_e);
+	if (t === ge) {
+		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
+var ve = /* @__PURE__ */ H("<div>"), ye = /* @__PURE__ */ H("<nav>");
+function be(e) {
+	let r = Q(!0), i = m(), s = v(), c = e, l = e, u = X(() => c.value !== void 0), d = s !== null && r !== void 0, f = i ?? new _(), p = me(), S = me(), C = K(() => c.orientation ?? "horizontal"), w = K(() => c.delay ?? 50), ee = K(() => c.closeDelay ?? 50), T = new he({
+		controlled: u,
+		value: () => c.value,
+		defaultValue: X(() => c.defaultValue ?? null),
+		onValueChange: () => c.onValueChange,
+		controlledOpen: () => u ? c.value != null : void 0,
+		floatingId: S,
+		nested: d,
+		nodeId: p,
+		onOpenChangeComplete: () => c.onOpenChangeComplete,
+		orientation: C,
+		delay: w,
+		closeDelay: ee,
+		tree: f,
+		parentStore: r?.store
+	});
+	T.update({ open: X(() => T.value() != null) });
+	let te = h({
+		tree: f,
+		id: p,
+		parentId: s,
+		context: () => T.context.floatingRoot
+	}), [E, ne] = q(null, { ownedWrite: !0 }), [D, re] = q(null, { ownedWrite: !0 }), [ie, ae] = q(null, { ownedWrite: !0 }), [O, k] = q(null, { ownedWrite: !0 }), A = b(T, () => T.track().popupElement), j = {
+		store: T,
+		nested: d,
+		presence: A,
+		rootElement: E,
+		beforeContentGuard: D,
+		setBeforeContentGuard: re,
+		afterTriggerGuard: ie,
+		setAfterTriggerGuard: ae,
+		backdropElement: O,
+		setBackdropElement: k
+	}, M = K(() => ({
+		open: T.open(),
+		nested: d
+	})), oe = K(() => a(e.class, M())), se = K(() => o(e.style, M())), ce = K(() => n(M())), le = J(l, "actionsRef", "render", "class", "closeDelay", "defaultValue", "delay", "onOpenChangeComplete", "onValueChange", "orientation", "ref", "style", "value");
+	T.context.floatingRoot.context.data.insideElements = () => [O()];
+	let ue = x({
+		context: T.context.floatingRoot,
+		tree: () => f,
+		outsidePressEvent: () => "intentional"
+	});
+	T.setInteractionProps({
+		activeTriggerProps: { onKeyDown: ue.onKeyDown },
+		inactiveTriggerProps: { onKeyDown: ue.onKeyDown },
+		popupProps: { onKeyDown: ue.onKeyDown }
+	}), G(() => ({
+		value: T.value(),
+		manualUnmount: c.actionsRef !== void 0
+	}), (e) => X(() => {
+		e.value == null && e.manualUnmount && T.set("preventUnmountingOnClose", !0), T.syncValue();
+	}));
+	let N = { unmount: A.forceUnmount };
+	G(() => c.actionsRef, (e) => {
+		e?.(N);
+	});
+	let P = 0;
+	G(() => ({
+		mounted: A.mounted(),
+		open: T.open(),
+		reason: T.openChangeReason()
+	}), (e) => {
+		if (!(e.open || e.mounted || e.reason == null || e.reason === "trigger-hover" || e.reason === "outside-press" || e.reason === "focus-out")) return P = requestAnimationFrame(() => {
+			X(() => T.returnFocusElement())?.focus({ preventScroll: !0 });
+		}), () => {
+			typeof cancelAnimationFrame == "function" && cancelAnimationFrame(P);
+		};
+	}), Y(() => {
+		typeof cancelAnimationFrame == "function" && cancelAnimationFrame(P), T.clearInteractionProps(), delete T.context.floatingRoot.context.data.insideElements;
+	});
+	let F = t(e, () => M(), (e) => d ? (() => {
+		var t = L(ve);
+		return V(t, e, !1), B(), t;
+	})() : (() => {
+		var t = L(ye);
+		return V(t, e, !1), B(), t;
+	})());
+	return I(_e, {
+		value: j,
+		get children() {
+			return I(g, {
+				value: f,
+				get children() {
+					return I(y, {
+						get value() {
+							return te.id ?? null;
+						},
+						get children() {
+							return I(F, z({
+								ref: [((e) => ne(e)), c.ref],
+								get class() {
+									return oe();
+								},
+								get style() {
+									return se();
+								}
+							}, ce, le));
+						}
+					});
+				}
+			});
+		}
+	});
+}
+//#endregion
+//#region src/navigation-menu/composite/NavigationMenuCompositeContext.ts
+var xe = Symbol("NavigationMenuCompositeContext"), Se = W(xe);
+function Ce() {
+	let e = Z(Se);
+	return e === xe ? void 0 : e;
+}
+function we(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
+var Te = /* @__PURE__ */ H("<ul>");
+function Ee(e) {
+	let r = Q(), i = N(), s = e, u = e, d = K(() => ({ open: r.store.open() })), f = K(() => a(e.class, d())), p = K(() => o(e.style, d())), m = K(() => n(d())), h = J(u, "render", "class", "onKeyDown", "ref", "style"), g = we({
+		orientation: r.store.orientation,
+		direction: i
+	}), _ = c(l(() => s.onKeyDown), (e) => {
+		r.nested || g.handleKeyDown(e);
+	}), v = t(e, () => d(), (e) => (() => {
+		var t = L(Te);
+		return V(t, e, !1), B(), t;
+	})());
+	function y() {
+		return I(v, z({
+			ref: [s.ref],
+			get class() {
+				return f();
+			},
+			get style() {
+				return p();
+			},
+			onKeyDown: _
+		}, m, h));
+	}
+	return r.nested ? I(y, {}) : I(Se, {
+		value: g,
+		get children() {
+			return I(y, {});
+		}
+	});
+}
+//#endregion
+//#region src/navigation-menu/item/NavigationMenuItemContext.ts
+var De = Symbol("NavigationMenuItemContext"), Oe = W(De);
+function ke() {
+	let e = Z(Oe);
+	if (e === De) throw Error("Base UI: NavigationMenuItem parts must be used within a <NavigationMenu.Item>.");
+	return e;
+}
+//#endregion
+//#region src/navigation-menu/item/NavigationMenuItem.tsx
+var Ae = /* @__PURE__ */ H("<li>");
+function je(e) {
+	let n = `base-ui-${me()}`, r = e, i = e, s = K(() => r.value ?? n), c = {}, l = K(() => a(e.class, c)), u = K(() => o(e.style, c)), d = J(i, "render", "class", "ref", "style", "value"), f = { value: s }, p = t(e, () => c, (e) => (() => {
+		var t = L(Ae);
+		return V(t, e, !1), B(), t;
+	})());
+	return I(Oe, {
+		value: f,
+		get children() {
+			return I(p, z({
+				ref: [r.ref],
+				get class() {
+					return l();
+				},
+				get style() {
+					return u();
+				}
+			}, d));
+		}
+	});
+}
+//#endregion
+//#region src/navigation-menu/trigger/NavigationMenuTrigger.tsx
+var Me = /* @__PURE__ */ H("<button>");
+function Ne(e) {
+	let i = Q(), u = ke(), d = Ce(), f = N(), m = e, h = e, g = `base-ui-${me()}`, _ = K(() => m.id ?? g), v = K(() => m.disabled ?? !1), y = K(() => m.nativeButton ?? !0), [b, x] = q(null, { ownedWrite: !0 }), S = K(() => i.store.open() && Object.is(i.store.value(), u.value())), C = K(() => ({
+		open: S(),
+		disabled: v()
+	})), T = K(() => a(e.class, C())), te = K(() => o(e.style, C())), E = K(() => n(C(), ie)), ne = J(h, "render", "class", "disabled", "id", "nativeButton", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "ref", "style"), D = {
+		token: Symbol("NavigationMenuTrigger"),
+		order: 0,
+		element: b,
+		disabled: v
+	}, re = Symbol("NavigationMenuValueTrigger"), ae = d?.registerItem(D), O, k, A, j = "", P = !0, F;
+	G(() => ({
+		element: b(),
+		id: _(),
+		value: u.value()
+	}), (e) => {
+		if (O?.(), k?.(), e.element) return X(() => {
+			O = i.store.registerTrigger(e.id, e.element), k = i.store.registerValueTrigger(re, e.id, e.element, e.value);
+		}), () => {
+			X(() => {
+				O?.(), k?.();
+			}), O = void 0, k = void 0;
+		};
+	}), G(() => ({
+		open: S(),
+		reason: i.store.openChangeReason()
+	}), (e) => {
+		clearTimeout(F), P = e.open && e.reason === "trigger-hover", P && (F = setTimeout(() => {
+			P = !1;
+		}, 500));
+	}), G(() => ({
+		element: b(),
+		disabled: v()
+	}), () => d?.notifyItemChange()), A = p({
+		context: i.store.context.floatingRoot,
+		enabled: () => !v(),
+		stickIfOpen: () => P
+	}), w({
+		context: i.store.context.floatingRoot,
+		reference: b,
+		floating: () => i.store.track().positionerElement ?? i.store.viewportElement(),
+		tree: () => i.store.tree,
+		enabled: () => !v(),
+		floatingEnabled: () => !v(),
+		delay: () => ({ close: i.store.closeDelay() }),
+		restMs: () => i.store.open() ? 0 : i.store.delay(),
+		restOnly: () => !0,
+		handleClose: () => ee({ blockPointerEvents: !0 }),
+		mouseOnly: () => !0,
+		blockPointerEventsScope: () => (i.nested && i.store.track().positionerElement, b()?.closest("ul"))
+	});
+	function de(e) {
+		j = e.pointerType, A?.onPointerDown(e);
+	}
+	function fe(e) {
+		A?.onMouseDown(e);
+	}
+	function pe(e) {
+		i.store.setOpenMethod(j || (e.detail === 0 ? "keyboard" : "mouse")), A?.onClick(e), j = "";
+	}
+	function H() {
+		d?.setActiveItem(D);
+	}
+	function U(e) {
+		let t = i.store.state[S() ? "activeTriggerProps" : "inactiveTriggerProps"].onKeyDown;
+		if (typeof t == "function" && t(e), e.defaultPrevented || v() || d?.handleKeyDown(e) || i.nested) return;
+		let n = i.store.orientation() === "horizontal" ? "ArrowDown" : f() === "rtl" ? "ArrowLeft" : "ArrowRight";
+		e.key === n && (e.preventDefault(), e.stopPropagation(), i.store.setOpenMethod("keyboard"), i.store.setValue(u.value(), s(r, e, b() ?? void 0)));
+	}
+	let W = c(l(() => X(() => v() ? le : void 0)), l(() => m.onClick), pe), Z = c(l(() => m.onFocus), H), he = c(l(() => X(() => v() ? le : void 0)), l(() => m.onPointerDown), de), ge = c(l(() => X(() => v() ? oe : void 0)), l(() => m.onMouseDown), fe), _e = c(l(() => X(() => v() ? se : void 0)), l(() => m.onKeyDown), U, l(() => X(() => y() ? void 0 : ue))), ve = c(l(() => X(() => v() ? oe : void 0)), l(() => m.onKeyUp), l(() => X(() => y() ? void 0 : ce))), ye = t(e, () => C(), (e) => (() => {
+		var t = L(Me);
+		return V(t, e, !1), B(), t;
+	})()), be = I(ye, z({
+		ref: [((e) => x(e)), m.ref],
+		get id() {
+			return _();
+		},
+		get type() {
+			return y() ? "button" : void 0;
+		},
+		get role() {
+			return y() ? void 0 : "button";
+		},
+		get tabIndex() {
+			return d ? d.isTabStop(D) ? 0 : -1 : 0;
+		},
+		get disabled() {
+			return (R(() => !!y())() ? v() : y()) || void 0;
+		},
+		get "aria-disabled"() {
+			return !y() && v() ? "true" : void 0;
+		},
+		get "aria-expanded"() {
+			return S() ? "true" : "false";
+		},
+		get "aria-controls"() {
+			return R(() => !!S())() ? i.store.popupId() : void 0;
+		},
+		"data-base-ui-navigation-menu-trigger": "",
+		get "data-trigger-disabled"() {
+			return v() ? "" : void 0;
+		},
+		get class() {
+			return T();
+		},
+		get style() {
+			return te();
+		},
+		onClick: W,
+		onFocus: Z,
+		onKeyDown: _e,
+		onKeyUp: ve,
+		onMouseDown: ge,
+		onPointerDown: he
+	}, E, ne));
+	return Y(() => {
+		clearTimeout(F), ae?.(), O?.(), k?.();
+	}), I(M, {
+		get context() {
+			return i.store.context.floatingRoot;
+		},
+		get enabled() {
+			return R(() => !!S())() ? i.presence.mounted() : S();
+		},
+		trigger: b,
+		positioner: () => i.store.track().positionerElement ?? i.store.viewportElement(),
+		get beforeContentGuard() {
+			return i.beforeContentGuard;
+		},
+		get afterGuardRef() {
+			return i.setAfterTriggerGuard;
+		},
+		children: be
+	});
+}
+//#endregion
+//#region src/navigation-menu/icon/NavigationMenuIcon.tsx
+var Pe = /* @__PURE__ */ H("<span>");
+function Fe(e) {
+	let r = Q(), i = ke(), s = e, c = e, l = K(() => ({ open: r.store.open() && Object.is(r.store.value(), i.value()) })), u = K(() => a(e.class, l())), d = K(() => o(e.style, l())), f = K(() => n(l(), E)), p = J(c, "render", "class", "ref", "style"), m = t(e, () => l(), (e) => (() => {
+		var t = L(Pe);
+		return V(t, e, !1), B(), t;
+	})());
+	return I(m, z({
+		ref: [s.ref],
+		"aria-hidden": "true",
+		get class() {
+			return u();
+		},
+		get style() {
+			return d();
+		}
+	}, f, p, { 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 Ie = /* @__PURE__ */ H("<div>"), Le = {
+	...k,
+	activationDirection: (e) => e ? { "data-activation-direction": e } : null
+};
+function Re(e) {
+	let r = Q(), i = ke(), s = N(), d = e, f = e, p = K(() => r.presence.mounted() && Object.is(r.store.value(), i.value())), m = te(p), [h, g] = q(null, { ownedWrite: !0 }), [_, v] = q(!1, { ownedWrite: !0 }), y = we({
+		orientation: () => "vertical",
+		direction: s
+	}), b = K(() => ({
+		open: p(),
+		transitionStatus: m.transitionStatus(),
+		activationDirection: r.store.activationDirection()
+	})), x = K(() => a(e.class, b())), S = K(() => $(!p() && m.mounted() ? {
+		position: "absolute",
+		top: 0,
+		left: 0
+	} : {}, o(e.style, b()))), C = K(() => n(b(), Le)), w = J(f, "render", "class", "keepMounted", "onKeyDown", "ref", "style"), ee = c(l(() => d.onKeyDown), (e) => y.handleKeyDown(e));
+	G(() => ({
+		open: p(),
+		mounted: m.mounted(),
+		element: h()
+	}), (e) => {
+		if (!e.mounted || e.open) return;
+		if (!e.element) {
+			queueMicrotask(() => m.setMounted(!1));
+			return;
+		}
+		let t = new AbortController();
+		return u(e.element, () => m.setMounted(!1), t.signal), () => t.abort();
+	}), G(() => r.presence.mounted(), (e) => {
+		e || m.setMounted(!1);
+	}), G(() => ({
+		target: r.store.viewportTarget(),
+		open: p()
+	}), (e) => {
+		e.target && v(!0), e.open && X(() => r.store.touchContent());
+	}), G(() => h(), (e) => {
+		if (!e || typeof MutationObserver > "u") return;
+		let t = new MutationObserver(() => r.store.touchContent());
+		return t.observe(e, {
+			attributes: !0,
+			childList: !0,
+			subtree: !0,
+			characterData: !0,
+			attributeFilter: ["hidden"]
+		}), () => t.disconnect();
+	}), Y(() => {
+		X(h) && g(null);
+	});
+	function T() {
+		return I(Se, {
+			value: y,
+			get children() {
+				return I(E, z({
+					ref: [((e) => g(e)), d.ref],
+					get hidden() {
+						return (R(() => !!(d.keepMounted ?? !1))() ? !m.mounted() : d.keepMounted ?? !1) || void 0;
+					},
+					get inert() {
+						return R(() => !p())() && m.mounted() || void 0;
+					},
+					get class() {
+						return x();
+					},
+					get style() {
+						return S();
+					},
+					onKeyDown: ee
+				}, C, w));
+			}
+		});
+	}
+	let E = t(e, () => b(), (e) => (() => {
+		var t = L(Ie);
+		return V(t, e, !1), B(), t;
+	})());
+	return I(U, {
+		get when() {
+			return R(() => !!r.store.viewportTarget())() ? m.mounted() || d.keepMounted : r.store.viewportTarget();
+		},
+		get fallback() {
+			return I(U, {
+				get when() {
+					return R(() => !!d.keepMounted)() ? !_() : d.keepMounted;
+				},
+				get children() {
+					return I(T, {});
+				}
+			});
+		},
+		get children() {
+			return I(P, {
+				get mount() {
+					return r.store.viewportTarget();
+				},
+				get children() {
+					return I(T, {});
+				}
+			});
+		}
+	});
+}
+//#endregion
+//#region src/navigation-menu/link/NavigationMenuLink.tsx
+var ze = /* @__PURE__ */ H("<a>");
+function Be(e) {
+	let r = Q(), u = Ce(), d = e, f = e, [p, m] = q(null, { ownedWrite: !0 }), h = {
+		token: Symbol("NavigationMenuLink"),
+		order: 0,
+		element: p,
+		disabled: () => !1
+	}, g = u?.registerItem(h), _ = K(() => ({ active: d.active ?? !1 })), v = K(() => a(e.class, _())), y = K(() => o(e.style, _())), b = K(() => n(_())), x = J(f, "active", "render", "class", "closeOnClick", "onClick", "onFocus", "ref", "style");
+	G(p, () => u?.notifyItemChange());
+	let S = c(l(() => d.onFocus), () => u?.setActiveItem(h)), C = c(l(() => d.onClick), (e) => {
+		d.closeOnClick && r.store.setValue(null, s(i, e));
+	});
+	Y(() => g?.());
+	let w = t(e, () => _(), (e) => (() => {
+		var t = L(ze);
+		return F(t), V(t, e, !1), B(), t;
+	})());
+	return I(w, z({
+		ref: [((e) => m(e)), d.ref],
+		get "aria-current"() {
+			return _().active ? "page" : void 0;
+		},
+		get tabIndex() {
+			return u ? u.isTabStop(h) ? 0 : -1 : void 0;
+		},
+		get class() {
+			return v();
+		},
+		get style() {
+			return y();
+		},
+		onClick: C,
+		onFocus: S
+	}, b, x));
+}
+//#endregion
+//#region src/navigation-menu/portal/NavigationMenuPortalContext.ts
+var Ve = Symbol("NavigationMenuPortalContext"), He = W(Ve);
+function Ue() {
+	let e = Z(He);
+	if (e === Ve) throw Error("Base UI: <NavigationMenu.Portal> is missing.");
+	return e;
+}
+//#endregion
+//#region src/navigation-menu/portal/NavigationMenuPortal.tsx
+function We(e) {
+	let t = Q(), n = e, r = e, i = K(() => n.keepMounted ?? !1), s = K(() => t.presence.mounted() || i()), c = {}, l = K(() => a(e.class, c)), u = K(() => o(e.style, c)), d = J(r, "render", "class", "container", "keepMounted", "ref", "style"), f = { keepMounted: i };
+	return I(U, {
+		get when() {
+			return s();
+		},
+		get children() {
+			return I(He, {
+				value: f,
+				get children() {
+					return I(O, z({
+						get render() {
+							return e.render;
+						},
+						get container() {
+							return n.container;
+						},
+						ref: (e) => j(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
+var Ge = /* @__PURE__ */ H("<div>");
+function Ke(e) {
+	let r = Q(), i = e, s = e, c = K(() => ({
+		open: r.store.open(),
+		transitionStatus: r.store.track().transitionStatus
+	})), l = K(() => a(e.class, c())), u = K(() => $({
+		"user-select": "none",
+		"-webkit-user-select": "none"
+	}, o(e.style, c()))), d = K(() => n(c(), k)), f = J(s, "render", "class", "ref", "style"), p = null;
+	Y(() => {
+		r.backdropElement() === p && r.setBackdropElement(null);
+	});
+	let m = t(e, () => c(), (e) => (() => {
+		var t = L(Ge);
+		return V(t, e, !1), B(), t;
+	})());
+	return I(m, z({
+		ref: [((e) => {
+			p = e, r.setBackdropElement(e);
+		}), i.ref],
+		role: "presentation",
+		get hidden() {
+			return !r.presence.mounted();
+		},
+		get class() {
+			return l();
+		},
+		get style() {
+			return u();
+		}
+	}, d, f));
+}
+//#endregion
+//#region src/navigation-menu/positioner/NavigationMenuPositionerContext.ts
+var qe = Symbol("NavigationMenuPositionerContext"), Je = W(qe);
+function Ye(e = !1) {
+	let t = Z(Je);
+	if (t === qe) {
+		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
+var Xe = /* @__PURE__ */ H("<div>");
+function Ze(e) {
+	Ue();
+	let r = Q(), i = N(), s = e, c = e, [l, u] = q(null, { ownedWrite: !0 }), [d, p] = q(!1, { ownedWrite: !0 }), m = K(() => Qe(s.anchor) ?? r.store.context.floatingRoot.referenceElement()), h = f({
+		reference: m,
+		floating: l,
+		mounted: r.presence.mounted,
+		direction: i,
+		positionMethod: () => s.positionMethod ?? "absolute",
+		side: () => s.side ?? (r.nested ? "inline-end" : "bottom"),
+		sideOffset: () => s.sideOffset ?? 0,
+		align: () => s.align ?? (r.nested ? "start" : "center"),
+		alignOffset: () => s.alignOffset ?? 0,
+		collisionBoundary: () => s.collisionBoundary ?? "clipping-ancestors",
+		collisionPadding: () => s.collisionPadding ?? 5,
+		arrowPadding: () => s.arrowPadding ?? 5,
+		sticky: () => s.sticky ?? !1,
+		disableAnchorTracking: () => s.disableAnchorTracking ?? !1,
+		collisionAvoidance: () => s.collisionAvoidance ?? { fallbackAxisSide: r.nested ? "end" : "none" },
+		shiftRootBoundary: () => "layoutViewport",
+		adaptiveOriginMiddleware: () => r.store.track().adaptiveOriginMiddleware
+	}), g = C(() => r.store.open(), () => h.state().isPositioned), _ = K(() => ({
+		open: r.store.open(),
+		side: h.renderedSide(),
+		align: h.renderedAlign(),
+		anchorHidden: h.anchorHidden(),
+		instant: d() ? "resize" : g() ? "initial" : void 0
+	})), v = K(() => a(e.class, _())), y = K(() => $({
+		...h.styles(),
+		"pointer-events": r.store.open() ? void 0 : "none"
+	}, o(e.style, _()))), b = K(() => n(_(), ae)), x = J(c, "align", "alignOffset", "anchor", "arrowPadding", "render", "class", "collisionAvoidance", "collisionBoundary", "collisionPadding", "disableAnchorTracking", "positionMethod", "ref", "side", "sideOffset", "sticky", "style"), S;
+	T({
+		popup: () => r.store.track().popupElement,
+		positioner: l,
+		mounted: r.presence.mounted,
+		content: () => ({
+			value: r.store.value(),
+			version: r.store.contentVersion()
+		}),
+		side: h.renderedSide,
+		direction: i
+	}), G(() => h.state().placement, (e) => {
+		r.store.context.floatingRoot.context.data.placement = e;
+	}), G(() => ({
+		element: l(),
+		open: r.store.open()
+	}), (e) => {
+		if (!e.element || !e.open) return;
+		let t = () => {
+			p(!0), clearTimeout(S), S = setTimeout(() => p(!1), 100), r.store.touchContent();
+		};
+		return e.element.ownerDocument.defaultView?.addEventListener("resize", t), () => e.element?.ownerDocument.defaultView?.removeEventListener("resize", t);
+	}), Y(() => {
+		clearTimeout(S), delete r.store.context.floatingRoot.context.data.placement, r.store.state.positionerElement === X(l) && r.store.setPositionerElement(null);
+	});
+	let w = t(e, () => _(), (e) => (() => {
+		var t = L(Xe);
+		return V(t, e, !1), B(), t;
+	})());
+	return I(Je, {
+		value: h,
+		get children() {
+			return I(w, z({
+				ref: [((e) => {
+					u(e), r.store.setPositionerElement(e);
+				}), s.ref],
+				role: "presentation",
+				get hidden() {
+					return !r.presence.mounted();
+				},
+				get inert() {
+					return !r.store.open() || void 0;
+				},
+				get class() {
+					return v();
+				},
+				get style() {
+					return y();
+				}
+			}, b, x));
+		}
+	});
+}
+function Qe(e) {
+	return typeof e == "function" ? e() : e && "current" in e ? e.current : e;
+}
+//#endregion
+//#region src/navigation-menu/popup/NavigationMenuPopup.tsx
+var $e = /* @__PURE__ */ H("<nav>");
+function et(e) {
+	let r = Q(), i = Ye(), s = e, u = e, d = K(() => s.id ?? r.store.context.floatingId), f = K(() => ({
+		open: r.store.open(),
+		transitionStatus: r.store.track().transitionStatus,
+		side: i.renderedSide(),
+		align: i.renderedAlign(),
+		anchorHidden: i.anchorHidden()
+	})), p = K(() => a(e.class, f())), m = K(() => {
+		let e = i.renderedSide(), t = e === "left" || e === "inline-start";
+		return e === "top" || t ? {
+			position: "absolute",
+			[e === "top" ? "bottom" : "top"]: "0",
+			[t ? "right" : "left"]: "0"
+		} : {};
+	}), h = K(() => $(m(), o(e.style, f()))), g = K(() => n(f(), k)), _ = J(u, "render", "class", "id", "onKeyDown", "ref", "style"), v = c(l(() => s.onKeyDown), (e) => {
+		let t = r.store.state.popupProps.onKeyDown;
+		typeof t == "function" && t(e);
+	}), y = null;
+	G(() => d(), (e) => r.store.setPopupId(e)), Y(() => {
+		r.store.state.popupElement === y && r.store.setPopupElement(null);
+	});
+	let b = () => X(() => {
+		let e = r.store.openChangeReason();
+		return e !== "trigger-hover" && e !== "outside-press" && e !== "focus-out";
+	}), x = t(e, () => f(), (e) => (() => {
+		var t = L($e);
+		return V(t, e, !1), B(), t;
+	})());
+	return I(A, {
+		get context() {
+			return r.store.context.floatingRoot;
+		},
+		get tree() {
+			return r.store.tree;
+		},
+		get disabled() {
+			return !r.presence.mounted();
+		},
+		initialFocus: !1,
+		returnFocus: b,
+		restoreFocus: "popup",
+		modal: !1,
+		get openInteractionType() {
+			return r.store.openMethod();
+		},
+		get previousFocusableElement() {
+			return r.store.track().activeTriggerElement;
+		},
+		get nextFocusableElement() {
+			return r.afterTriggerGuard;
+		},
+		get beforeContentGuardRef() {
+			return r.setBeforeContentGuard;
+		},
+		get children() {
+			return I(x, z({
+				ref: [((e) => {
+					y = e, r.store.setPopupElement(e);
+				}), s.ref],
+				get id() {
+					return d();
+				},
+				tabIndex: -1,
+				"data-base-ui-focusable": "",
+				get class() {
+					return p();
+				},
+				get style() {
+					return h();
+				},
+				onKeyDown: v
+			}, g, _));
+		}
+	});
+}
+//#endregion
+//#region src/navigation-menu/viewport/NavigationMenuViewport.tsx
+var tt = /* @__PURE__ */ H("<div>");
+function nt(e) {
+	let n = Q(), r = Ye(!0) !== void 0, i = e, s = e, c = {}, l = K(() => a(e.class, c)), u = K(() => o(e.style, c)), f = J(s, "render", "children", "class", "ref", "style"), p = null, m = null, h = null, g = (e) => {
+		p = e, n.store.setViewportElement(e), r && (m = e, n.store.setViewportTarget(e));
+	};
+	Y(() => {
+		n.store.viewportElement() === p && n.store.setViewportElement(null), n.store.viewportTarget() === m && n.store.setViewportTarget(null), !r && n.beforeContentGuard() && n.setBeforeContentGuard(null);
+	});
+	let _ = t(e, () => c, (e) => (() => {
+		var t = L(tt);
+		return V(t, e, !1), B(), t;
+	})()), v = I(_, z({
+		ref: [g, i.ref],
+		get class() {
+			return l();
+		},
+		get style() {
+			return u();
+		}
+	}, f, { get children() {
+		return I(U, {
+			when: !r,
+			get fallback() {
+				return e.children;
+			},
+			get children() {
+				var t = L(tt);
+				return fe(() => (e) => {
+					m = e, n.store.setViewportTarget(e);
+				}, t), de(t, pe(() => e.children)), t;
+			}
+		});
+	} }));
+	return r ? v : [
+		I(D, {
+			ref: (e) => n.setBeforeContentGuard(e),
+			onFocus: (e) => {
+				let t = n.store.viewportTarget();
+				t && (d(t, e.relatedTarget) ? n.store.track().activeTriggerElement?.focus() : re(t)[0]?.focus());
+			}
+		}),
+		v,
+		I(D, {
+			ref: (e) => h = e,
+			onFocus: (e) => {
+				let t = n.store.viewportTarget();
+				if (t) {
+					if (d(t, e.relatedTarget)) ne(h)?.focus();
+					else {
+						let e = re(t);
+						e[e.length - 1]?.focus();
+					}
+				}
+			}
+		})
+	];
+}
+//#endregion
+//#region src/navigation-menu/arrow/NavigationMenuArrow.tsx
+var rt = /* @__PURE__ */ H("<div>");
+function it(e) {
+	let r = Q(), i = Ye(), s = e, c = e, l = K(() => ({
+		open: r.store.open(),
+		side: i.renderedSide(),
+		align: i.renderedAlign(),
+		uncentered: i.arrowUncentered()
+	})), u = K(() => a(e.class, l())), d = K(() => $(i.arrowStyles(), o(e.style, l()))), f = K(() => n(l(), ae)), p = J(c, "render", "class", "ref", "style"), m = null;
+	Y(() => {
+		m && i.setArrowElement(null);
+	});
+	let h = t(e, () => l(), (e) => (() => {
+		var t = L(rt);
+		return V(t, e, !1), B(), t;
+	})());
+	return I(h, z({
+		ref: [((e) => {
+			m = e, i.setArrowElement(e);
+		}), s.ref],
+		"aria-hidden": "true",
+		get class() {
+			return u();
+		},
+		get style() {
+			return d();
+		}
+	}, f, p));
+}
+//#endregion
+//#region src/navigation-menu/index.parts.ts
+var at = /* @__PURE__ */ e({
+	Arrow: () => it,
+	Backdrop: () => Ke,
+	Content: () => Re,
+	Icon: () => Fe,
+	Item: () => je,
+	Link: () => Be,
+	List: () => Ee,
+	Popup: () => et,
+	Portal: () => We,
+	Positioner: () => Ze,
+	Root: () => be,
+	Trigger: () => Ne,
+	Viewport: () => nt
+});
+//#endregion
+export { at as t };