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

package/dist/lib/client/navigation-menu-mVHV41Ky.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 } from "./internals/composeEventHandlers.js";
+import { t as l } from "./runOnceAnimationsFinish-CFADb4CN.js";
+import { n as u } from "./dom-BEAeQ9Eb.js";
+import { t as d } from "./createAnchorPositioning-D96gu-Dz.js";
+import { t as f } from "./createClickInteraction-CTaIFBiV.js";
+import { c as p, i as m, n as h, r as g, s as _, t as v } from "./FloatingTree-23B7KKPD.js";
+import { a as y, o as b, t as x } from "./PopupStore-Du0O57fL.js";
+import { n as S, r as C, t as w } from "./safePolygon-DJG0VIVo.js";
+import { n as T } from "./createPopupAutoResize-Dn-stj-8.js";
+import { t as E } from "./createTransitionStatus-BL_cPSEA.js";
+import { a as ee, d as te, g as D, h as ne, i as re, n as ie, o as O, r as k } from "./popupStateMapping-C6jQ_LKo.js";
+import { t as A } from "./FocusManager-NP1uPXTi.js";
+import { t as j } from "./setRef-fXF6OIo3.js";
+import { t as ae } from "./TriggerFocusGuards-Cs8LVBj5.js";
+import { a as M, i as oe, n as se, r as ce, t as le } 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 ue, memo as R, mergeProps as z, ref as de, runHydrationEvents as B, scope as fe, 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 pe, omit as J, onCleanup as Y, untrack as X, useContext as Z } from "solid-js";
+//#region src/navigation-menu/store/NavigationMenuStore.ts
+var me = class extends x {
+	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");
+	}
+}, he = Symbol("NavigationMenuRootContext"), ge = W(he);
+function Q(e = !1) {
+	let t = Z(ge);
+	if (t === he) {
+		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 _e = /* @__PURE__ */ H("<div>"), ve = /* @__PURE__ */ H("<nav>");
+function ye(e) {
+	let r = Q(!0), i = p(), s = _(), c = e, l = e, u = X(() => c.value !== void 0), d = s !== null && r !== void 0, f = i ?? new g(), x = pe(), S = pe(), C = K(() => c.orientation ?? "horizontal"), w = K(() => c.delay ?? 50), T = K(() => c.closeDelay ?? 50), E = new me({
+		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: x,
+		onOpenChangeComplete: () => c.onOpenChangeComplete,
+		orientation: C,
+		delay: w,
+		closeDelay: T,
+		tree: f,
+		parentStore: r?.store
+	});
+	E.update({ open: X(() => E.value() != null) });
+	let ee = m({
+		tree: f,
+		id: x,
+		parentId: s,
+		context: () => E.context.floatingRoot
+	}), [te, D] = q(null, { ownedWrite: !0 }), [ne, re] = q(null, { ownedWrite: !0 }), [ie, O] = q(null, { ownedWrite: !0 }), [k, A] = q(null, { ownedWrite: !0 }), j = y(E, () => E.track().popupElement), ae = {
+		store: E,
+		nested: d,
+		presence: j,
+		rootElement: te,
+		beforeContentGuard: ne,
+		setBeforeContentGuard: re,
+		afterTriggerGuard: ie,
+		setAfterTriggerGuard: O,
+		backdropElement: k,
+		setBackdropElement: A
+	}, M = K(() => ({
+		open: E.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");
+	E.context.floatingRoot.context.data.insideElements = () => [k()];
+	let N = b({
+		context: E.context.floatingRoot,
+		tree: () => f,
+		outsidePressEvent: () => "intentional"
+	});
+	E.setInteractionProps({
+		activeTriggerProps: { onKeyDown: N.onKeyDown },
+		inactiveTriggerProps: { onKeyDown: N.onKeyDown },
+		popupProps: { onKeyDown: N.onKeyDown }
+	}), G(() => ({
+		value: E.value(),
+		manualUnmount: c.actionsRef !== void 0
+	}), (e) => X(() => {
+		e.value == null && e.manualUnmount && E.set("preventUnmountingOnClose", !0), E.syncValue();
+	}));
+	let P = { unmount: j.forceUnmount };
+	G(() => c.actionsRef, (e) => {
+		e?.(P);
+	});
+	let F = 0;
+	G(() => ({
+		mounted: j.mounted(),
+		open: E.open(),
+		reason: E.openChangeReason()
+	}), (e) => {
+		if (!(e.open || e.mounted || e.reason == null || e.reason === "trigger-hover" || e.reason === "outside-press" || e.reason === "focus-out")) return F = requestAnimationFrame(() => {
+			X(() => E.returnFocusElement())?.focus({ preventScroll: !0 });
+		}), () => {
+			typeof cancelAnimationFrame == "function" && cancelAnimationFrame(F);
+		};
+	}), Y(() => {
+		typeof cancelAnimationFrame == "function" && cancelAnimationFrame(F), E.clearInteractionProps(), delete E.context.floatingRoot.context.data.insideElements;
+	});
+	let ue = t(e, () => M(), (e) => d ? (() => {
+		var t = L(_e);
+		return V(t, e, !1), B(), t;
+	})() : (() => {
+		var t = L(ve);
+		return V(t, e, !1), B(), t;
+	})());
+	return I(ge, {
+		value: ae,
+		get children() {
+			return I(h, {
+				value: f,
+				get children() {
+					return I(v, {
+						get value() {
+							return ee.id ?? null;
+						},
+						get children() {
+							return I(ue, z({
+								ref: [((e) => D(e)), c.ref],
+								get class() {
+									return oe();
+								},
+								get style() {
+									return se();
+								}
+							}, ce, le));
+						}
+					});
+				}
+			});
+		}
+	});
+}
+//#endregion
+//#region src/navigation-menu/composite/NavigationMenuCompositeContext.ts
+var be = Symbol("NavigationMenuCompositeContext"), xe = W(be);
+function Se() {
+	let e = Z(xe);
+	return e === be ? void 0 : e;
+}
+function Ce(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 we = /* @__PURE__ */ H("<ul>");
+function Te(e) {
+	let r = Q(), i = N(), s = e, l = e, u = K(() => ({ open: r.store.open() })), d = K(() => a(e.class, u())), f = K(() => o(e.style, u())), p = K(() => n(u())), m = J(l, "render", "class", "onKeyDown", "ref", "style"), h = Ce({
+		orientation: r.store.orientation,
+		direction: i
+	}), g = c(() => s.onKeyDown, () => (e) => {
+		r.nested || h.handleKeyDown(e);
+	}), _ = t(e, () => u(), (e) => (() => {
+		var t = L(we);
+		return V(t, e, !1), B(), t;
+	})());
+	function v() {
+		return I(_, z({
+			ref: [s.ref],
+			get class() {
+				return d();
+			},
+			get style() {
+				return f();
+			},
+			onKeyDown: g
+		}, p, m));
+	}
+	return r.nested ? I(v, {}) : I(xe, {
+		value: h,
+		get children() {
+			return I(v, {});
+		}
+	});
+}
+//#endregion
+//#region src/navigation-menu/item/NavigationMenuItemContext.ts
+var Ee = Symbol("NavigationMenuItemContext"), De = W(Ee);
+function Oe() {
+	let e = Z(De);
+	if (e === Ee) throw Error("Base UI: NavigationMenuItem parts must be used within a <NavigationMenu.Item>.");
+	return e;
+}
+//#endregion
+//#region src/navigation-menu/item/NavigationMenuItem.tsx
+var ke = /* @__PURE__ */ H("<li>");
+function Ae(e) {
+	let n = `base-ui-${pe()}`, 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(ke);
+		return V(t, e, !1), B(), t;
+	})());
+	return I(De, {
+		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 je = /* @__PURE__ */ H("<button>");
+function Me(e) {
+	let i = Q(), l = Oe(), u = Se(), d = N(), p = e, m = e, h = `base-ui-${pe()}`, g = K(() => p.id ?? h), _ = K(() => p.disabled ?? !1), v = K(() => p.nativeButton ?? !0), [y, b] = q(null, { ownedWrite: !0 }), x = K(() => i.store.open() && Object.is(i.store.value(), l.value())), S = K(() => ({
+		open: x(),
+		disabled: _()
+	})), T = K(() => a(e.class, S())), E = K(() => o(e.style, S())), ee = K(() => n(S(), re)), te = J(m, "render", "class", "disabled", "id", "nativeButton", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "ref", "style"), D = {
+		token: Symbol("NavigationMenuTrigger"),
+		order: 0,
+		element: y,
+		disabled: _
+	}, ne = Symbol("NavigationMenuValueTrigger"), ie = u?.registerItem(D), O, k, A, j = "", P = !0, F;
+	G(() => ({
+		element: y(),
+		id: g(),
+		value: l.value()
+	}), (e) => {
+		if (O?.(), k?.(), e.element) return X(() => {
+			O = i.store.registerTrigger(e.id, e.element), k = i.store.registerValueTrigger(ne, e.id, e.element, e.value);
+		}), () => {
+			X(() => {
+				O?.(), k?.();
+			}), O = void 0, k = void 0;
+		};
+	}), G(() => ({
+		open: x(),
+		reason: i.store.openChangeReason()
+	}), (e) => {
+		clearTimeout(F), P = e.open && e.reason === "trigger-hover", P && (F = setTimeout(() => {
+			P = !1;
+		}, 500));
+	}), G(() => ({
+		element: y(),
+		disabled: _()
+	}), () => u?.notifyItemChange()), A = f({
+		context: i.store.context.floatingRoot,
+		enabled: () => !_(),
+		stickIfOpen: () => P
+	}), C({
+		context: i.store.context.floatingRoot,
+		reference: y,
+		floating: () => i.store.track().positionerElement ?? i.store.viewportElement(),
+		tree: () => i.store.tree,
+		enabled: () => !_(),
+		floatingEnabled: () => !_(),
+		delay: () => ({ close: i.store.closeDelay() }),
+		restMs: () => i.store.open() ? 0 : i.store.delay(),
+		restOnly: () => !0,
+		handleClose: () => w({ blockPointerEvents: !0 }),
+		mouseOnly: () => !0,
+		blockPointerEventsScope: () => (i.nested && i.store.track().positionerElement, y()?.closest("ul"))
+	});
+	function ue(e) {
+		j = e.pointerType, A?.onPointerDown(e);
+	}
+	function de(e) {
+		A?.onMouseDown(e);
+	}
+	function fe(e) {
+		i.store.setOpenMethod(j || (e.detail === 0 ? "keyboard" : "mouse")), A?.onClick(e), j = "";
+	}
+	function H() {
+		u?.setActiveItem(D);
+	}
+	function U(e) {
+		let t = i.store.state[x() ? "activeTriggerProps" : "inactiveTriggerProps"].onKeyDown;
+		if (typeof t == "function" && t(e), e.defaultPrevented || _() || u?.handleKeyDown(e) || i.nested) return;
+		let n = i.store.orientation() === "horizontal" ? "ArrowDown" : d() === "rtl" ? "ArrowLeft" : "ArrowRight";
+		e.key === n && (e.preventDefault(), e.stopPropagation(), i.store.setOpenMethod("keyboard"), i.store.setValue(l.value(), s(r, e, y() ?? void 0)));
+	}
+	let W = c(() => X(() => _() ? ce : void 0), () => p.onClick, () => fe), Z = c(() => p.onFocus, () => H), me = c(() => X(() => _() ? ce : void 0), () => p.onPointerDown, () => ue), he = c(() => X(() => _() ? M : void 0), () => p.onMouseDown, () => de), ge = c(() => X(() => _() ? oe : void 0), () => p.onKeyDown, () => U, () => X(() => v() ? void 0 : le)), _e = c(() => X(() => _() ? M : void 0), () => p.onKeyUp, () => X(() => v() ? void 0 : se)), ve = t(e, () => S(), (e) => (() => {
+		var t = L(je);
+		return V(t, e, !1), B(), t;
+	})()), ye = I(ve, z({
+		ref: [((e) => b(e)), p.ref],
+		get id() {
+			return g();
+		},
+		get type() {
+			return v() ? "button" : void 0;
+		},
+		get role() {
+			return v() ? void 0 : "button";
+		},
+		get tabIndex() {
+			return u ? u.isTabStop(D) ? 0 : -1 : 0;
+		},
+		get disabled() {
+			return (R(() => !!v())() ? _() : v()) || void 0;
+		},
+		get "aria-disabled"() {
+			return !v() && _() ? "true" : void 0;
+		},
+		get "aria-expanded"() {
+			return x() ? "true" : "false";
+		},
+		get "aria-controls"() {
+			return R(() => !!x())() ? i.store.popupId() : void 0;
+		},
+		"data-base-ui-navigation-menu-trigger": "",
+		get "data-trigger-disabled"() {
+			return _() ? "" : void 0;
+		},
+		get class() {
+			return T();
+		},
+		get style() {
+			return E();
+		},
+		onClick: W,
+		onFocus: Z,
+		onKeyDown: ge,
+		onKeyUp: _e,
+		onMouseDown: he,
+		onPointerDown: me
+	}, ee, te));
+	return Y(() => {
+		clearTimeout(F), ie?.(), O?.(), k?.();
+	}), I(ae, {
+		get context() {
+			return i.store.context.floatingRoot;
+		},
+		get enabled() {
+			return R(() => !!x())() ? i.presence.mounted() : x();
+		},
+		trigger: y,
+		positioner: () => i.store.track().positionerElement ?? i.store.viewportElement(),
+		get beforeContentGuard() {
+			return i.beforeContentGuard;
+		},
+		get afterGuardRef() {
+			return i.setAfterTriggerGuard;
+		},
+		children: ye
+	});
+}
+//#endregion
+//#region src/navigation-menu/icon/NavigationMenuIcon.tsx
+var Ne = /* @__PURE__ */ H("<span>");
+function Pe(e) {
+	let r = Q(), i = Oe(), 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(), ee)), p = J(c, "render", "class", "ref", "style"), m = t(e, () => l(), (e) => (() => {
+		var t = L(Ne);
+		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 Fe = /* @__PURE__ */ H("<div>"), Ie = {
+	...k,
+	activationDirection: (e) => e ? { "data-activation-direction": e } : null
+};
+function Le(e) {
+	let r = Q(), i = Oe(), s = N(), u = e, d = e, f = K(() => r.presence.mounted() && Object.is(r.store.value(), i.value())), p = E(f), [m, h] = q(null, { ownedWrite: !0 }), [g, _] = q(!1, { ownedWrite: !0 }), v = Ce({
+		orientation: () => "vertical",
+		direction: s
+	}), y = K(() => ({
+		open: f(),
+		transitionStatus: p.transitionStatus(),
+		activationDirection: r.store.activationDirection()
+	})), b = K(() => a(e.class, y())), x = K(() => $(!f() && p.mounted() ? {
+		position: "absolute",
+		top: 0,
+		left: 0
+	} : {}, o(e.style, y()))), S = K(() => n(y(), Ie)), C = J(d, "render", "class", "keepMounted", "onKeyDown", "ref", "style"), w = c(() => u.onKeyDown, () => (e) => v.handleKeyDown(e));
+	G(() => ({
+		open: f(),
+		mounted: p.mounted(),
+		element: m()
+	}), (e) => {
+		if (!e.mounted || e.open) return;
+		if (!e.element) {
+			queueMicrotask(() => p.setMounted(!1));
+			return;
+		}
+		let t = new AbortController();
+		return l(e.element, () => p.setMounted(!1), t.signal), () => t.abort();
+	}), G(() => r.presence.mounted(), (e) => {
+		e || p.setMounted(!1);
+	}), G(() => ({
+		target: r.store.viewportTarget(),
+		open: f()
+	}), (e) => {
+		e.target && _(!0), e.open && X(() => r.store.touchContent());
+	}), G(() => m(), (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(m) && h(null);
+	});
+	function T() {
+		return I(xe, {
+			value: v,
+			get children() {
+				return I(ee, z({
+					ref: [((e) => h(e)), u.ref],
+					get hidden() {
+						return (R(() => !!(u.keepMounted ?? !1))() ? !p.mounted() : u.keepMounted ?? !1) || void 0;
+					},
+					get inert() {
+						return R(() => !f())() && p.mounted() || void 0;
+					},
+					get class() {
+						return b();
+					},
+					get style() {
+						return x();
+					},
+					onKeyDown: w
+				}, S, C));
+			}
+		});
+	}
+	let ee = t(e, () => y(), (e) => (() => {
+		var t = L(Fe);
+		return V(t, e, !1), B(), t;
+	})());
+	return I(U, {
+		get when() {
+			return R(() => !!r.store.viewportTarget())() ? p.mounted() || u.keepMounted : r.store.viewportTarget();
+		},
+		get fallback() {
+			return I(U, {
+				get when() {
+					return R(() => !!u.keepMounted)() ? !g() : u.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 Re = /* @__PURE__ */ H("<a>");
+function ze(e) {
+	let r = Q(), l = Se(), u = e, d = e, [f, p] = q(null, { ownedWrite: !0 }), m = {
+		token: Symbol("NavigationMenuLink"),
+		order: 0,
+		element: f,
+		disabled: () => !1
+	}, h = l?.registerItem(m), g = K(() => ({ active: u.active ?? !1 })), _ = K(() => a(e.class, g())), v = K(() => o(e.style, g())), y = K(() => n(g())), b = J(d, "active", "render", "class", "closeOnClick", "onClick", "onFocus", "ref", "style");
+	G(f, () => l?.notifyItemChange());
+	let x = c(() => u.onFocus, () => () => l?.setActiveItem(m)), S = c(() => u.onClick, () => (e) => {
+		u.closeOnClick && r.store.setValue(null, s(i, e));
+	});
+	Y(() => h?.());
+	let C = t(e, () => g(), (e) => (() => {
+		var t = L(Re);
+		return F(t), V(t, e, !1), B(), t;
+	})());
+	return I(C, z({
+		ref: [((e) => p(e)), u.ref],
+		get "aria-current"() {
+			return g().active ? "page" : void 0;
+		},
+		get tabIndex() {
+			return l ? l.isTabStop(m) ? 0 : -1 : void 0;
+		},
+		get class() {
+			return _();
+		},
+		get style() {
+			return v();
+		},
+		onClick: S,
+		onFocus: x
+	}, y, b));
+}
+//#endregion
+//#region src/navigation-menu/portal/NavigationMenuPortalContext.ts
+var Be = Symbol("NavigationMenuPortalContext"), Ve = W(Be);
+function He() {
+	let e = Z(Ve);
+	if (e === Be) throw Error("Base UI: <NavigationMenu.Portal> is missing.");
+	return e;
+}
+//#endregion
+//#region src/navigation-menu/portal/NavigationMenuPortal.tsx
+function Ue(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(Ve, {
+				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 We = /* @__PURE__ */ H("<div>");
+function Ge(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(We);
+		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 Ke = Symbol("NavigationMenuPositionerContext"), qe = W(Ke);
+function Je(e = !1) {
+	let t = Z(qe);
+	if (t === Ke) {
+		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 Ye = /* @__PURE__ */ H("<div>");
+function Xe(e) {
+	He();
+	let r = Q(), i = N(), s = e, c = e, [l, u] = q(null, { ownedWrite: !0 }), [f, p] = q(!1, { ownedWrite: !0 }), m = K(() => Ze(s.anchor) ?? r.store.context.floatingRoot.referenceElement()), h = d({
+		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 = S(() => r.store.open(), () => h.state().isPositioned), _ = K(() => ({
+		open: r.store.open(),
+		side: h.renderedSide(),
+		align: h.renderedAlign(),
+		anchorHidden: h.anchorHidden(),
+		instant: f() ? "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(_(), ie)), x = J(c, "align", "alignOffset", "anchor", "arrowPadding", "render", "class", "collisionAvoidance", "collisionBoundary", "collisionPadding", "disableAnchorTracking", "positionMethod", "ref", "side", "sideOffset", "sticky", "style"), C;
+	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(C), C = setTimeout(() => p(!1), 100), r.store.touchContent();
+		};
+		return e.element.ownerDocument.defaultView?.addEventListener("resize", t), () => e.element?.ownerDocument.defaultView?.removeEventListener("resize", t);
+	}), Y(() => {
+		clearTimeout(C), 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(Ye);
+		return V(t, e, !1), B(), t;
+	})());
+	return I(qe, {
+		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 Ze(e) {
+	return typeof e == "function" ? e() : e && "current" in e ? e.current : e;
+}
+//#endregion
+//#region src/navigation-menu/popup/NavigationMenuPopup.tsx
+var Qe = /* @__PURE__ */ H("<nav>");
+function $e(e) {
+	let r = Q(), i = Je(), s = e, l = e, u = K(() => s.id ?? r.store.context.floatingId), d = K(() => ({
+		open: r.store.open(),
+		transitionStatus: r.store.track().transitionStatus,
+		side: i.renderedSide(),
+		align: i.renderedAlign(),
+		anchorHidden: i.anchorHidden()
+	})), f = K(() => a(e.class, d())), p = 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"
+		} : {};
+	}), m = K(() => $(p(), o(e.style, d()))), h = K(() => n(d(), k)), g = J(l, "render", "class", "id", "onKeyDown", "ref", "style"), _ = c(() => s.onKeyDown, () => (e) => {
+		let t = r.store.state.popupProps.onKeyDown;
+		typeof t == "function" && t(e);
+	}), v = null;
+	G(() => u(), (e) => r.store.setPopupId(e)), Y(() => {
+		r.store.state.popupElement === v && r.store.setPopupElement(null);
+	});
+	let y = () => X(() => {
+		let e = r.store.openChangeReason();
+		return e !== "trigger-hover" && e !== "outside-press" && e !== "focus-out";
+	}), b = t(e, () => d(), (e) => (() => {
+		var t = L(Qe);
+		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: y,
+		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(b, z({
+				ref: [((e) => {
+					v = e, r.store.setPopupElement(e);
+				}), s.ref],
+				get id() {
+					return u();
+				},
+				tabIndex: -1,
+				"data-base-ui-focusable": "",
+				get class() {
+					return f();
+				},
+				get style() {
+					return m();
+				},
+				onKeyDown: _
+			}, h, g));
+		}
+	});
+}
+//#endregion
+//#region src/navigation-menu/viewport/NavigationMenuViewport.tsx
+var et = /* @__PURE__ */ H("<div>");
+function tt(e) {
+	let n = Q(), r = Je(!0) !== void 0, i = e, s = e, c = {}, l = K(() => a(e.class, c)), d = 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(et);
+		return V(t, e, !1), B(), t;
+	})()), v = I(_, z({
+		ref: [g, i.ref],
+		get class() {
+			return l();
+		},
+		get style() {
+			return d();
+		}
+	}, f, { get children() {
+		return I(U, {
+			when: !r,
+			get fallback() {
+				return e.children;
+			},
+			get children() {
+				var t = L(et);
+				return de(() => (e) => {
+					m = e, n.store.setViewportTarget(e);
+				}, t), ue(t, fe(() => e.children)), t;
+			}
+		});
+	} }));
+	return r ? v : [
+		I(D, {
+			ref: (e) => n.setBeforeContentGuard(e),
+			onFocus: (e) => {
+				let t = n.store.viewportTarget();
+				t && (u(t, e.relatedTarget) ? n.store.track().activeTriggerElement?.focus() : ne(t)[0]?.focus());
+			}
+		}),
+		v,
+		I(D, {
+			ref: (e) => h = e,
+			onFocus: (e) => {
+				let t = n.store.viewportTarget();
+				if (t) {
+					if (u(t, e.relatedTarget)) te(h)?.focus();
+					else {
+						let e = ne(t);
+						e[e.length - 1]?.focus();
+					}
+				}
+			}
+		})
+	];
+}
+//#endregion
+//#region src/navigation-menu/arrow/NavigationMenuArrow.tsx
+var nt = /* @__PURE__ */ H("<div>");
+function rt(e) {
+	let r = Q(), i = Je(), 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(), ie)), p = J(c, "render", "class", "ref", "style"), m = null;
+	Y(() => {
+		m && i.setArrowElement(null);
+	});
+	let h = t(e, () => l(), (e) => (() => {
+		var t = L(nt);
+		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 it = /* @__PURE__ */ e({
+	Arrow: () => rt,
+	Backdrop: () => Ge,
+	Content: () => Le,
+	Icon: () => Pe,
+	Item: () => Ae,
+	Link: () => ze,
+	List: () => Te,
+	Popup: () => $e,
+	Portal: () => Ue,
+	Positioner: () => Xe,
+	Root: () => ye,
+	Trigger: () => Me,
+	Viewport: () => tt
+});
+//#endregion
+export { it as t };