@noxickon/onyx 5.0.2 → 6.0.0

package/dist/node_modules/@base-ui/react/navigation-menu/content/NavigationMenuContent.js

@@ -0,0 +1,93 @@
+"use client";
+import { useStableCallback as e } from "../../../utils/useStableCallback.js";
+import { useIsoLayoutEffect as t } from "../../../utils/useIsoLayoutEffect.js";
+import { EMPTY_OBJECT as n } from "../../../utils/empty.js";
+import { useTransitionStatus as r } from "../../internals/useTransitionStatus.js";
+import { transitionStatusMapping as i } from "../../internals/stateAttributesMapping.js";
+import { useOpenChangeComplete as a } from "../../internals/useOpenChangeComplete.js";
+import { contains as o, getTarget as s } from "../../internals/shadowDom.js";
+import { FloatingNode as c } from "../../floating-ui-react/components/FloatingTree.js";
+import { popupStateMapping as l } from "../../utils/popupStateMapping.js";
+import { inertValue as u } from "../../../utils/inertValue.js";
+import { CompositeRoot as d } from "../../internals/composite/root/CompositeRoot.js";
+import { useNavigationMenuRootContext as f, useNavigationMenuTreeContext as p } from "../root/NavigationMenuRootContext.js";
+import { useNavigationMenuItemContext as m } from "../item/NavigationMenuItemContext.js";
+import * as h from "react";
+import { jsx as g } from "react/jsx-runtime";
+import * as _ from "react-dom";
+//#region node_modules/@base-ui/react/navigation-menu/content/NavigationMenuContent.mjs
+var v = {
+	...l,
+	...i,
+	activationDirection(e) {
+		return e ? { "data-activation-direction": e } : null;
+	}
+}, y = /*#__PURE__*/ h.forwardRef(function(i, l) {
+	let { render: y, className: b, style: x, keepMounted: S = !1, ...C } = i, { mounted: w, viewportElement: T, value: E, activationDirection: D, currentContentRef: O, viewportTargetElement: k } = f(), { value: A } = m(), j = p(), M = w && E === A, N = h.useRef(null), [P, F] = h.useState(!1), [I, L] = h.useState(!1), { mounted: R, setMounted: z, transitionStatus: B } = r(M);
+	R && !w && z(!1), a({
+		ref: N,
+		open: M,
+		onComplete() {
+			M || z(!1);
+		}
+	}), t(() => {
+		M && N.current && (O.current = N.current);
+	}, [M, O]);
+	let V = {
+		open: M,
+		transitionStatus: B,
+		activationDirection: D
+	}, H = e((e) => {
+		e && M && (O.current = e);
+	}), U = {
+		onFocus(e) {
+			s(e.nativeEvent)?.hasAttribute("data-base-ui-focus-guard") || L(!0);
+		},
+		onBlur(e) {
+			o(e.currentTarget, e.relatedTarget) || L(!1);
+		}
+	}, W = !M && R ? {
+		style: {
+			position: "absolute",
+			top: 0,
+			left: 0
+		},
+		inert: u(!I),
+		...U
+	} : U, G = k || T, K = S && !R, q = S && !G && !P;
+	return S && G && !P && F(!0), q ? /*#__PURE__*/ g(d, {
+		render: y,
+		className: b,
+		style: x,
+		state: V,
+		refs: [l],
+		props: [
+			W,
+			{ hidden: !0 },
+			C
+		],
+		stateAttributesMapping: v
+	}) : !G || !R && !S ? null : /*#__PURE__*/ _.createPortal(/*#__PURE__*/ g(c, {
+		id: j,
+		children: /*#__PURE__*/ g(d, {
+			render: y,
+			className: b,
+			style: x,
+			state: V,
+			refs: [
+				l,
+				N,
+				H
+			],
+			props: [
+				W,
+				K ? { hidden: !0 } : n,
+				C
+			],
+			stateAttributesMapping: v
+		})
+	}), G);
+});
+process.env.NODE_ENV !== "production" && (y.displayName = "NavigationMenuContent");
+//#endregion
+export { y as NavigationMenuContent };

package/dist/node_modules/@base-ui/react/navigation-menu/icon/NavigationMenuIcon.js

@@ -0,0 +1,22 @@
+"use client";
+import { useRenderElement as e } from "../../internals/useRenderElement.js";
+import { triggerOpenStateMapping as t } from "../../utils/popupStateMapping.js";
+import { useNavigationMenuRootContext as n } from "../root/NavigationMenuRootContext.js";
+import { useNavigationMenuItemContext as r } from "../item/NavigationMenuItemContext.js";
+import * as i from "react";
+//#region node_modules/@base-ui/react/navigation-menu/icon/NavigationMenuIcon.mjs
+var a = /*#__PURE__*/ i.forwardRef(function(i, a) {
+	let { render: o, className: s, style: c, ...l } = i, { value: u } = r(), { open: d, value: f } = n();
+	return e("span", i, {
+		state: { open: d && f === u },
+		ref: a,
+		props: [{
+			"aria-hidden": !0,
+			children: "▼"
+		}, l],
+		stateAttributesMapping: t
+	});
+});
+process.env.NODE_ENV !== "production" && (a.displayName = "NavigationMenuIcon");
+//#endregion
+export { a as NavigationMenuIcon };

package/dist/node_modules/@base-ui/react/navigation-menu/index.parts.js

@@ -0,0 +1,32 @@
+import { __exportAll as e } from "../../../../_virtual/_rolldown/runtime.js";
+import { NavigationMenuRoot as t } from "./root/NavigationMenuRoot.js";
+import { NavigationMenuList as n } from "./list/NavigationMenuList.js";
+import { NavigationMenuItem as r } from "./item/NavigationMenuItem.js";
+import { NavigationMenuContent as i } from "./content/NavigationMenuContent.js";
+import { NavigationMenuTrigger as a } from "./trigger/NavigationMenuTrigger.js";
+import { NavigationMenuPortal as o } from "./portal/NavigationMenuPortal.js";
+import { NavigationMenuPositioner as s } from "./positioner/NavigationMenuPositioner.js";
+import { NavigationMenuViewport as c } from "./viewport/NavigationMenuViewport.js";
+import { NavigationMenuBackdrop as l } from "./backdrop/NavigationMenuBackdrop.js";
+import { NavigationMenuPopup as u } from "./popup/NavigationMenuPopup.js";
+import { NavigationMenuArrow as d } from "./arrow/NavigationMenuArrow.js";
+import { NavigationMenuLink as f } from "./link/NavigationMenuLink.js";
+import { NavigationMenuIcon as p } from "./icon/NavigationMenuIcon.js";
+//#region node_modules/@base-ui/react/navigation-menu/index.parts.mjs
+var m = /* @__PURE__ */ e({
+	Arrow: () => d,
+	Backdrop: () => l,
+	Content: () => i,
+	Icon: () => p,
+	Item: () => r,
+	Link: () => f,
+	List: () => n,
+	Popup: () => u,
+	Portal: () => o,
+	Positioner: () => s,
+	Root: () => t,
+	Trigger: () => a,
+	Viewport: () => c
+});
+//#endregion
+export { d as Arrow, l as Backdrop, i as Content, p as Icon, r as Item, f as Link, n as List, u as Popup, o as Portal, s as Positioner, t as Root, a as Trigger, c as Viewport, m as index_parts_exports };

package/dist/node_modules/@base-ui/react/navigation-menu/item/NavigationMenuItem.js

@@ -0,0 +1,20 @@
+"use client";
+import { useRenderElement as e } from "../../internals/useRenderElement.js";
+import { useBaseUiId as t } from "../../internals/useBaseUiId.js";
+import { NavigationMenuItemContext as n } from "./NavigationMenuItemContext.js";
+import * as r from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region node_modules/@base-ui/react/navigation-menu/item/NavigationMenuItem.mjs
+var a = /*#__PURE__*/ r.forwardRef(function(a, o) {
+	let { render: s, className: c, style: l, value: u, ...d } = a, f = t(), p = u ?? f, m = e("li", a, {
+		ref: o,
+		props: d
+	}), h = r.useMemo(() => ({ value: p }), [p]);
+	return /*#__PURE__*/ i(n.Provider, {
+		value: h,
+		children: m
+	});
+});
+process.env.NODE_ENV !== "production" && (a.displayName = "NavigationMenuItem");
+//#endregion
+export { a as NavigationMenuItem };

package/dist/node_modules/@base-ui/react/navigation-menu/item/NavigationMenuItemContext.js

@@ -0,0 +1,13 @@
+"use client";
+import e from "../../../utils/formatErrorMessage.js";
+import * as t from "react";
+//#region node_modules/@base-ui/react/navigation-menu/item/NavigationMenuItemContext.mjs
+var n = /*#__PURE__*/ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (n.displayName = "NavigationMenuItemContext");
+function r() {
+	let r = t.useContext(n);
+	if (!r) throw Error(process.env.NODE_ENV === "production" ? e(39) : "Base UI: NavigationMenuItem parts must be used within a <NavigationMenu.Item>.");
+	return r;
+}
+//#endregion
+export { n as NavigationMenuItemContext, r as useNavigationMenuItemContext };

package/dist/node_modules/@base-ui/react/navigation-menu/link/NavigationMenuLink.js

@@ -0,0 +1,42 @@
+"use client";
+import { focusOut as e, linkPress as t } from "../../internals/reason-parts.js";
+import { createChangeEventDetails as n } from "../../internals/createBaseUIEventDetails.js";
+import { useFloatingTree as r } from "../../floating-ui-react/components/FloatingTree.js";
+import { CompositeItem as i } from "../../internals/composite/item/CompositeItem.js";
+import { useNavigationMenuRootContext as a, useNavigationMenuTreeContext as o } from "../root/NavigationMenuRootContext.js";
+import { isOutsideMenuEvent as s } from "../utils/isOutsideMenuEvent.js";
+import * as c from "react";
+import { jsx as l } from "react/jsx-runtime";
+//#region node_modules/@base-ui/react/navigation-menu/link/NavigationMenuLink.mjs
+var u = /*#__PURE__*/ c.forwardRef(function(c, u) {
+	let { className: d, render: f, active: p = !1, closeOnClick: m = !1, style: h, ...g } = c, { setValue: _, popupElement: v, positionerElement: y, rootRef: b } = a(), x = o(), S = r();
+	return /*#__PURE__*/ l(i, {
+		tag: "a",
+		render: f,
+		className: d,
+		style: h,
+		state: { active: p },
+		refs: [u],
+		props: [{
+			"aria-current": p ? "page" : void 0,
+			tabIndex: void 0,
+			onClick(e) {
+				m && _(null, n(t, e.nativeEvent));
+			},
+			onBlur(t) {
+				y && v && s({
+					currentTarget: t.currentTarget,
+					relatedTarget: t.relatedTarget
+				}, {
+					popupElement: v,
+					rootRef: b,
+					tree: S,
+					nodeId: x
+				}) && _(null, n(e, t.nativeEvent));
+			}
+		}, g]
+	});
+});
+process.env.NODE_ENV !== "production" && (u.displayName = "NavigationMenuLink");
+//#endregion
+export { u as NavigationMenuLink };

package/dist/node_modules/@base-ui/react/navigation-menu/list/NavigationMenuDismissContext.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+//#region node_modules/@base-ui/react/navigation-menu/list/NavigationMenuDismissContext.mjs
+var t = /*#__PURE__*/ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "NavigationMenuDismissContext");
+function n() {
+	return e.useContext(t);
+}
+//#endregion
+export { t as NavigationMenuDismissContext, n as useNavigationMenuDismissContext };

package/dist/node_modules/@base-ui/react/navigation-menu/list/NavigationMenuList.js

@@ -0,0 +1,60 @@
+"use client";
+import { EMPTY_OBJECT as e } from "../../../utils/empty.js";
+import { useRenderElement as t } from "../../internals/useRenderElement.js";
+import { getTarget as n } from "../../internals/shadowDom.js";
+import { useDismiss as r } from "../../floating-ui-react/hooks/useDismiss.js";
+import { getEmptyRootContext as i } from "../../floating-ui-react/utils/getEmptyRootContext.js";
+import { useHoverFloatingInteraction as a } from "../../floating-ui-react/hooks/useHoverFloatingInteraction.js";
+import { CompositeRoot as o } from "../../internals/composite/root/CompositeRoot.js";
+import { useNavigationMenuRootContext as s, useNavigationMenuTreeContext as c } from "../root/NavigationMenuRootContext.js";
+import { NAVIGATION_MENU_TRIGGER_IDENTIFIER as l } from "../utils/constants.js";
+import { NavigationMenuDismissContext as u } from "./NavigationMenuDismissContext.js";
+import * as d from "react";
+import { jsx as f } from "react/jsx-runtime";
+//#region node_modules/@base-ui/react/navigation-menu/list/NavigationMenuList.mjs
+var p = /*#__PURE__*/ d.forwardRef(function(p, m) {
+	let { render: h, className: g, style: _, ...v } = p, y = c(), { orientation: b, open: x, floatingRootContext: S, positionerElement: C, value: w, closeDelay: T, viewportElement: E, nested: D } = s(), O = d.useMemo(() => i(), []), k = S || O, A = C != null || w == null;
+	a(k, {
+		enabled: !!S && (C != null || E != null || w == null),
+		closeDelay: T,
+		nodeId: y
+	});
+	let j = r(k, {
+		enabled: A,
+		outsidePressEvent: "intentional",
+		outsidePress(e) {
+			return n(e)?.closest(`[${l}]`) === null;
+		}
+	}), M = S ? j : void 0, N = { open: x }, P = D ? e : { onKeyDown(e) {
+		(b === "horizontal" && (e.key === "ArrowLeft" || e.key === "ArrowRight") || b === "vertical" && (e.key === "ArrowUp" || e.key === "ArrowDown")) && e.stopPropagation();
+	} }, F = [
+		M?.floating || e,
+		P,
+		v
+	], I = t("ul", p, {
+		state: N,
+		ref: m,
+		props: F,
+		enabled: D
+	});
+	return D ? /*#__PURE__*/ f(u.Provider, {
+		value: M,
+		children: I
+	}) : /*#__PURE__*/ f(u.Provider, {
+		value: M,
+		children: /*#__PURE__*/ f(o, {
+			render: h,
+			className: g,
+			style: _,
+			state: N,
+			refs: [m],
+			props: F,
+			loopFocus: !1,
+			orientation: b,
+			tag: "ul"
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (p.displayName = "NavigationMenuList");
+//#endregion
+export { p as NavigationMenuList };

package/dist/node_modules/@base-ui/react/navigation-menu/popup/NavigationMenuPopup.js

@@ -0,0 +1,46 @@
+"use client";
+import { useDirection as e } from "../../internals/direction-context/DirectionContext.js";
+import { useRenderElement as t } from "../../internals/useRenderElement.js";
+import { useBaseUiId as n } from "../../internals/useBaseUiId.js";
+import { transitionStatusMapping as r } from "../../internals/stateAttributesMapping.js";
+import { popupStateMapping as i } from "../../utils/popupStateMapping.js";
+import { getDisabledMountTransitionStyles as a } from "../../utils/getDisabledMountTransitionStyles.js";
+import { useNavigationMenuRootContext as o } from "../root/NavigationMenuRootContext.js";
+import { useNavigationMenuPositionerContext as s } from "../positioner/NavigationMenuPositionerContext.js";
+import * as c from "react";
+//#region node_modules/@base-ui/react/navigation-menu/popup/NavigationMenuPopup.mjs
+var l = {
+	...i,
+	...r
+}, u = /*#__PURE__*/ c.forwardRef(function(r, i) {
+	let { render: c, className: u, style: d, id: f, ...p } = r, { open: m, transitionStatus: h, setPopupElement: g } = o(), _ = s(), v = e(), y = n(f), b = {
+		open: m,
+		transitionStatus: h,
+		side: _.side,
+		align: _.align,
+		anchorHidden: _.anchorHidden
+	}, x = _.side === "left";
+	v === "rtl" ? x ||= _.side === "inline-end" : x ||= _.side === "inline-start";
+	let S = _.side === "top" || x;
+	return t("nav", r, {
+		state: b,
+		ref: [i, g],
+		props: [
+			{
+				id: y,
+				tabIndex: -1,
+				style: S ? {
+					position: "absolute",
+					[_.side === "top" ? "bottom" : "top"]: "0",
+					[x ? "right" : "left"]: "0"
+				} : {}
+			},
+			a(h),
+			p
+		],
+		stateAttributesMapping: l
+	});
+});
+process.env.NODE_ENV !== "production" && (u.displayName = "NavigationMenuPopup");
+//#endregion
+export { u as NavigationMenuPopup };

package/dist/node_modules/@base-ui/react/navigation-menu/popup/NavigationMenuPopupCssVars.js

@@ -0,0 +1,6 @@
+//#region node_modules/@base-ui/react/navigation-menu/popup/NavigationMenuPopupCssVars.mjs
+var e = /*#__PURE__*/ function(e) {
+	return e.popupWidth = "--popup-width", e.popupHeight = "--popup-height", e;
+}({});
+//#endregion
+export { e as NavigationMenuPopupCssVars };

package/dist/node_modules/@base-ui/react/navigation-menu/portal/NavigationMenuPortal.js

@@ -0,0 +1,20 @@
+"use client";
+import { FloatingPortal as e } from "../../floating-ui-react/components/FloatingPortal.js";
+import { useNavigationMenuRootContext as t } from "../root/NavigationMenuRootContext.js";
+import { NavigationMenuPortalContext as n } from "./NavigationMenuPortalContext.js";
+import * as r from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region node_modules/@base-ui/react/navigation-menu/portal/NavigationMenuPortal.mjs
+var a = /*#__PURE__*/ r.forwardRef(function(r, a) {
+	let { keepMounted: o = !1, ...s } = r, { mounted: c } = t();
+	return c || o ? /*#__PURE__*/ i(n.Provider, {
+		value: o,
+		children: /*#__PURE__*/ i(e, {
+			ref: a,
+			...s
+		})
+	}) : null;
+});
+process.env.NODE_ENV !== "production" && (a.displayName = "NavigationMenuPortal");
+//#endregion
+export { a as NavigationMenuPortal };

package/dist/node_modules/@base-ui/react/navigation-menu/portal/NavigationMenuPortalContext.js

@@ -0,0 +1,13 @@
+"use client";
+import e from "../../../utils/formatErrorMessage.js";
+import * as t from "react";
+//#region node_modules/@base-ui/react/navigation-menu/portal/NavigationMenuPortalContext.mjs
+var n = /*#__PURE__*/ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (n.displayName = "NavigationMenuPortalContext");
+function r() {
+	let r = t.useContext(n);
+	if (r === void 0) throw Error(process.env.NODE_ENV === "production" ? e(40) : "Base UI: <NavigationMenu.Portal> is missing.");
+	return r;
+}
+//#endregion
+export { n as NavigationMenuPortalContext, r as useNavigationMenuPortalContext };

package/dist/node_modules/@base-ui/react/navigation-menu/positioner/NavigationMenuPositioner.js

@@ -0,0 +1,91 @@
+"use client";
+import { getWindow as e } from "../../../../@floating-ui/utils/dist/floating-ui.utils.dom.js";
+import { addEventListener as t } from "../../../utils/addEventListener.js";
+import { useTimeout as n } from "../../../utils/useTimeout.js";
+import { mergeCleanups as r } from "../../../utils/mergeCleanups.js";
+import { disableFocusInside as i, enableFocusInside as a, isOutsideEvent as o } from "../../floating-ui-react/utils/tabbable.js";
+import { DROPDOWN_COLLISION_AVOIDANCE as s, POPUP_COLLISION_AVOIDANCE as c } from "../../internals/constants.js";
+import { getEmptyRootContext as l } from "../../floating-ui-react/utils/getEmptyRootContext.js";
+import { adaptiveOrigin as u } from "../../utils/adaptiveOriginMiddleware.js";
+import { useAnchorPositioning as d } from "../../utils/useAnchorPositioning.js";
+import { usePositioner as f } from "../../utils/usePositioner.js";
+import { useNavigationMenuRootContext as p, useNavigationMenuTreeContext as m } from "../root/NavigationMenuRootContext.js";
+import { useNavigationMenuPortalContext as h } from "../portal/NavigationMenuPortalContext.js";
+import { NavigationMenuPositionerContext as g } from "./NavigationMenuPositionerContext.js";
+import * as _ from "react";
+import { jsx as v } from "react/jsx-runtime";
+import * as y from "react-dom";
+//#region node_modules/@base-ui/react/navigation-menu/positioner/NavigationMenuPositioner.mjs
+var b = l(), x = /*#__PURE__*/ _.forwardRef(function(l, x) {
+	let { open: S, mounted: C, positionerElement: w, setPositionerElement: T, floatingRootContext: E, nested: D, transitionStatus: O } = p(), { className: ee, render: te, anchor: k, positionMethod: A = "absolute", side: j = "bottom", align: M = "center", sideOffset: N = 0, alignOffset: ne = 0, collisionBoundary: P = "clipping-ancestors", collisionPadding: F = 5, collisionAvoidance: I = D ? c : s, arrowPadding: L = 5, sticky: R = !1, disableAnchorTracking: z = !1, style: re, ...B } = l, V = h(), H = m(), U = n(), W = n(), [G, K] = _.useState(S), q = _.useRef(S), J = _.useRef(null), Y = _.useRef(null);
+	_.useEffect(() => {
+		if (!w) return;
+		function e(e) {
+			w && o(e) && (e.type === "focusin" ? a : i)(w);
+		}
+		return r(t(w, "focusin", e, !0), t(w, "focusout", e, !0));
+	}, [w]);
+	let X = (E || b).useState("domReferenceElement"), Z = d({
+		anchor: k ?? X ?? Y,
+		positionMethod: A,
+		mounted: C,
+		side: j,
+		sideOffset: N,
+		align: M,
+		alignOffset: ne,
+		arrowPadding: L,
+		collisionBoundary: P,
+		collisionPadding: F,
+		sticky: R,
+		disableAnchorTracking: z,
+		keepMounted: V,
+		floatingRootContext: E,
+		collisionAvoidance: I,
+		nodeId: H,
+		adaptiveOrigin: u
+	}), Q = {
+		open: S,
+		side: Z.side,
+		align: Z.align,
+		anchorHidden: Z.anchorHidden,
+		instant: G
+	};
+	_.useEffect(() => {
+		if (!S) return;
+		q.current && U.start(0, () => {
+			q.current = !1, W.isStarted() || K(!1);
+		});
+		function n() {
+			y.flushSync(() => {
+				K(!0);
+			}), W.start(100, () => {
+				K(!1);
+			});
+		}
+		return t(e(w), "resize", n);
+	}, [
+		S,
+		U,
+		W,
+		w
+	]);
+	let $ = f(l, Q, {
+		styles: Z.positionerStyles,
+		transitionStatus: O,
+		props: B,
+		refs: [
+			x,
+			T,
+			J
+		],
+		hidden: !C,
+		inert: !S
+	});
+	return /*#__PURE__*/ v(g.Provider, {
+		value: Z,
+		children: $
+	});
+});
+process.env.NODE_ENV !== "production" && (x.displayName = "NavigationMenuPositioner");
+//#endregion
+export { x as NavigationMenuPositioner };

package/dist/node_modules/@base-ui/react/navigation-menu/positioner/NavigationMenuPositionerContext.js

@@ -0,0 +1,13 @@
+"use client";
+import e from "../../../utils/formatErrorMessage.js";
+import * as t from "react";
+//#region node_modules/@base-ui/react/navigation-menu/positioner/NavigationMenuPositionerContext.mjs
+var n = /*#__PURE__*/ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (n.displayName = "NavigationMenuPositionerContext");
+function r(r = !1) {
+	let i = t.useContext(n);
+	if (!i && !r) throw Error(process.env.NODE_ENV === "production" ? e(42) : "Base UI: NavigationMenuPositionerContext is missing. NavigationMenuPositioner parts must be placed within <NavigationMenu.Positioner>.");
+	return i;
+}
+//#endregion
+export { n as NavigationMenuPositionerContext, r as useNavigationMenuPositionerContext };

package/dist/node_modules/@base-ui/react/navigation-menu/positioner/NavigationMenuPositionerCssVars.js

@@ -0,0 +1,6 @@
+//#region node_modules/@base-ui/react/navigation-menu/positioner/NavigationMenuPositionerCssVars.mjs
+var e = /*#__PURE__*/ function(e) {
+	return e.availableWidth = "--available-width", e.availableHeight = "--available-height", e.anchorWidth = "--anchor-width", e.anchorHeight = "--anchor-height", e.transformOrigin = "--transform-origin", e.positionerWidth = "--positioner-width", e.positionerHeight = "--positioner-height", e;
+}({});
+//#endregion
+export { e as NavigationMenuPositionerCssVars };

package/dist/node_modules/@base-ui/react/navigation-menu/root/NavigationMenuRoot.js

@@ -0,0 +1,151 @@
+"use client";
+import { useControlled as e } from "../../../utils/useControlled.js";
+import { useStableCallback as t } from "../../../utils/useStableCallback.js";
+import { useIsoLayoutEffect as n } from "../../../utils/useIsoLayoutEffect.js";
+import { useRenderElement as r } from "../../internals/useRenderElement.js";
+import { focusOut as i, outsidePress as a, triggerHover as o } from "../../internals/reason-parts.js";
+import { useTransitionStatus as s } from "../../internals/useTransitionStatus.js";
+import { isHTMLElement as c } from "../../../../@floating-ui/utils/dist/floating-ui.utils.dom.js";
+import { ownerDocument as l } from "../../../utils/owner.js";
+import { useOpenChangeComplete as u } from "../../internals/useOpenChangeComplete.js";
+import { activeElement as ee, contains as te } from "../../internals/shadowDom.js";
+import { FloatingNode as d, FloatingTree as f, useFloatingNodeId as p, useFloatingParentNodeId as m } from "../../floating-ui-react/components/FloatingTree.js";
+import { NavigationMenuRootContext as h, NavigationMenuTreeContext as g, useNavigationMenuRootContext as _ } from "./NavigationMenuRootContext.js";
+import { NavigationMenuPositionerCssVars as v } from "../positioner/NavigationMenuPositionerCssVars.js";
+import { setSharedFixedSize as y } from "../utils/setSharedFixedSize.js";
+import * as b from "react";
+import { jsx as x } from "react/jsx-runtime";
+//#region node_modules/@base-ui/react/navigation-menu/root/NavigationMenuRoot.mjs
+var S = /* @__PURE__ */ new Set([
+	o,
+	a,
+	i
+]);
+function C(e) {
+	let t = parseFloat(e.style.getPropertyValue(v.positionerWidth)) || 0, n = parseFloat(e.style.getPropertyValue(v.positionerHeight)) || 0;
+	return t <= 0 || n <= 0 ? null : {
+		width: t,
+		height: n
+	};
+}
+var w = /*#__PURE__*/ b.forwardRef(function(r, i) {
+	let { defaultValue: a = null, value: o, onValueChange: d, actionsRef: p, delay: g = 50, closeDelay: v = 50, orientation: w = "horizontal", onOpenChangeComplete: E } = r, D = m() != null, O = _(!0), [k, ne] = e({
+		controlled: o,
+		default: a,
+		name: "NavigationMenu",
+		state: "value"
+	}), A = k != null, j = b.useRef(void 0), M = b.useRef(null), [N, P] = b.useState(null), [F, re] = b.useState(null), [I, ie] = b.useState(null), [L, ae] = b.useState(null), [oe, R] = b.useState(null), [z, B] = b.useState(void 0), [V, H] = b.useState(!1), U = b.useRef(null), W = b.useRef(null), G = b.useRef(null), K = b.useRef(null), se = b.useRef(null), ce = b.useRef(null), le = b.useRef({
+		abortController: null,
+		owner: null
+	}), { mounted: q, setMounted: ue, transitionStatus: J } = s(A);
+	n(() => {
+		if (A || !N || !F) return;
+		let e = C(N);
+		e && y(F, N, e.width, e.height);
+	}, [
+		A,
+		F,
+		N
+	]), b.useEffect(() => {
+		H(!1);
+	}, [k]);
+	let Y = t((e, t) => {
+		e ?? (j.current = t.reason), e !== k && d?.(e, t), !t.isCanceled && (e ?? (R(null), B(void 0)), ne(e), D && e == null && t.reason === "link-press" && O && O.setValue(null, t));
+	}), X = t(() => {
+		let e = ee(l(M.current));
+		!(j.current && S.has(j.current)) && c(U.current) && (e === l(F).body || te(F, e)) && F && (U.current.focus({ preventScroll: !0 }), U.current = void 0), ue(!1), E?.(!1), R(null), B(void 0), W.current = null, j.current = void 0;
+	});
+	b.useImperativeHandle(p, () => ({ unmount: X }), [X]), u({
+		enabled: !p,
+		open: A,
+		ref: { current: F },
+		onComplete() {
+			A || X();
+		}
+	}), u({
+		enabled: !p,
+		open: A,
+		ref: { current: L },
+		onComplete() {
+			A || X();
+		}
+	});
+	let Z = A ? oe : null, Q = b.useMemo(() => ({
+		open: A,
+		value: k,
+		setValue: Y,
+		mounted: q,
+		transitionStatus: J,
+		positionerElement: N,
+		setPositionerElement: P,
+		popupElement: F,
+		setPopupElement: re,
+		viewportElement: I,
+		setViewportElement: ie,
+		viewportTargetElement: L,
+		setViewportTargetElement: ae,
+		activationDirection: Z,
+		setActivationDirection: R,
+		floatingRootContext: z,
+		setFloatingRootContext: B,
+		currentContentRef: W,
+		nested: D,
+		rootRef: M,
+		beforeInsideRef: G,
+		afterInsideRef: K,
+		beforeOutsideRef: se,
+		afterOutsideRef: ce,
+		prevTriggerElementRef: U,
+		popupAutoSizeResetRef: le,
+		delay: g,
+		closeDelay: v,
+		orientation: w,
+		viewportInert: V,
+		setViewportInert: H
+	}), [
+		A,
+		k,
+		Y,
+		q,
+		J,
+		N,
+		F,
+		I,
+		L,
+		Z,
+		z,
+		D,
+		g,
+		v,
+		w,
+		V
+	]), $ = /*#__PURE__*/ x(h.Provider, {
+		value: Q,
+		children: /*#__PURE__*/ x(T, {
+			componentProps: r,
+			forwardedRef: i,
+			children: r.children
+		})
+	});
+	return D ? $ : /*#__PURE__*/ x(f, { children: $ });
+});
+process.env.NODE_ENV !== "production" && (w.displayName = "NavigationMenuRoot");
+function T(e) {
+	let { className: t, render: n, defaultValue: i, value: a, onValueChange: o, actionsRef: s, delay: c, closeDelay: l, orientation: u, onOpenChangeComplete: ee, style: te, ...f } = e.componentProps, m = p(), { rootRef: h, nested: v, open: y } = _(), b = {
+		open: y,
+		nested: v
+	}, S = r(v ? "div" : "nav", e.componentProps, {
+		state: b,
+		ref: [e.forwardedRef, h],
+		props: f
+	});
+	return /*#__PURE__*/ x(g.Provider, {
+		value: m,
+		children: /*#__PURE__*/ x(d, {
+			id: m,
+			children: S
+		})
+	});
+}
+//#endregion
+export { w as NavigationMenuRoot };