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

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

@@ -1,1083 +0,0 @@
-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 };