@noxickon/onyx 5.0.2 → 6.1.0

package/dist/components/NavigationMenu/NavigationMenu.js

@@ -0,0 +1,333 @@
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { createCompoundContext as t } from "../../internal/context/createCompoundContext/createCompoundContext.js";
+import { useRender as n } from "../../node_modules/@base-ui/react/use-render/useRender.js";
+import { PortalContainerContext as r } from "../../internal/context/PortalContainerContext/PortalContainerContext.js";
+import { useOxMediaQuery as i } from "../../hooks/useMediaQuery/useMediaQuery.js";
+import { NavigationMenuList as a } from "../../node_modules/@base-ui/react/navigation-menu/list/NavigationMenuList.js";
+import { NavigationMenuItem as o } from "../../node_modules/@base-ui/react/navigation-menu/item/NavigationMenuItem.js";
+import { NavigationMenuContent as s } from "../../node_modules/@base-ui/react/navigation-menu/content/NavigationMenuContent.js";
+import { NavigationMenuTrigger as c } from "../../node_modules/@base-ui/react/navigation-menu/trigger/NavigationMenuTrigger.js";
+import { NavigationMenuPortal as l } from "../../node_modules/@base-ui/react/navigation-menu/portal/NavigationMenuPortal.js";
+import { NavigationMenuPositioner as u } from "../../node_modules/@base-ui/react/navigation-menu/positioner/NavigationMenuPositioner.js";
+import { NavigationMenuViewport as d } from "../../node_modules/@base-ui/react/navigation-menu/viewport/NavigationMenuViewport.js";
+import { NavigationMenuPopup as f } from "../../node_modules/@base-ui/react/navigation-menu/popup/NavigationMenuPopup.js";
+import { NavigationMenuLink as p } from "../../node_modules/@base-ui/react/navigation-menu/link/NavigationMenuLink.js";
+import { NavigationMenuIcon as m } from "../../node_modules/@base-ui/react/navigation-menu/icon/NavigationMenuIcon.js";
+import { index_parts_exports as h } from "../../node_modules/@base-ui/react/navigation-menu/index.parts.js";
+import { navigationMenuVariants as g } from "./NavigationMenu.styles.js";
+import { use as _, useId as v, useState as y } from "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { ChevronDown as S } from "lucide-react";
+//#region src/components/NavigationMenu/NavigationMenu.tsx
+var C = e(), { Provider: w, useRequiredContext: T } = t("OxNavigationMenu"), { Provider: E, useOptionalContext: D } = t("OxNavigationMenu.Item");
+function O(e) {
+	return typeof e == "function" ? void 0 : e;
+}
+function k(e) {
+	let t = (0, C.c)(20), { align: a, children: o, className: s, closeDelay: c, collisionPadding: p, defaultValue: m, delay: v, inline: S, onValueChange: T, orientation: E, popupClassName: D, render: k, side: A, sideOffset: j, style: M, value: N, viewportClassName: P, ...F } = e, I = a === void 0 ? "center" : a, L = p === void 0 ? 12 : p, R = S === void 0 ? !1 : S, z = E === void 0 ? "horizontal" : E, B = A === void 0 ? "bottom" : A, V = j === void 0 ? 8 : j, H = i("(pointer: coarse)"), U = g({
+		accordion: H,
+		inline: R
+	}), W = _(r) ?? void 0, [G, ee] = y(m ?? null), K = N === void 0 ? G : N, q;
+	t[0] !== K || t[1] !== T || t[2] !== N ? (q = (e) => {
+		let t = K === e ? null : e, n = !1;
+		T?.(t, {
+			cancel: () => {
+				n = !0;
+			},
+			reason: "trigger-press"
+		}), !n && N === void 0 && ee(t);
+	}, t[0] = K, t[1] = T, t[2] = N, t[3] = q) : q = t[3];
+	let J = {
+		accordion: H,
+		accordionValue: K,
+		onAccordionToggle: q,
+		orientation: z,
+		slots: U
+	}, Y;
+	t[4] === k ? Y = t[5] : (Y = typeof k == "function" ? /* @__PURE__ */ b("nav", {}) : k ?? /* @__PURE__ */ b("nav", {}), t[4] = k, t[5] = Y);
+	let te = n({
+		render: Y,
+		props: {
+			...F,
+			children: o,
+			className: U.root({ class: s }),
+			"data-ox-slot": "navigation-menu",
+			style: O(M)
+		}
+	});
+	if (H) return /* @__PURE__ */ b(w, {
+		value: J,
+		children: te
+	});
+	let X = h, Z = U.root({ class: s }), Q = !R && /* @__PURE__ */ b(l, {
+		container: W,
+		children: /* @__PURE__ */ b(u, {
+			align: I,
+			className: U.positioner(),
+			collisionPadding: L,
+			side: B,
+			sideOffset: V,
+			children: /* @__PURE__ */ b(f, {
+				className: U.popup({ class: D }),
+				"data-ox-slot": "navigation-menu-popup",
+				children: /* @__PURE__ */ b(d, {
+					className: U.viewport({ class: P }),
+					"data-ox-slot": "navigation-menu-viewport"
+				})
+			})
+		})
+	}), $;
+	return t[6] !== o || t[7] !== c || t[8] !== m || t[9] !== v || t[10] !== T || t[11] !== z || t[12] !== F || t[13] !== k || t[14] !== M || t[15] !== Z || t[16] !== Q || t[17] !== X.Root || t[18] !== N ? ($ = /* @__PURE__ */ x(X.Root, {
+		...F,
+		className: Z,
+		closeDelay: c,
+		"data-ox-slot": "navigation-menu",
+		defaultValue: m,
+		delay: v,
+		orientation: z,
+		render: k,
+		style: M,
+		value: N,
+		onValueChange: T,
+		children: [o, Q]
+	}), t[6] = o, t[7] = c, t[8] = m, t[9] = v, t[10] = T, t[11] = z, t[12] = F, t[13] = k, t[14] = M, t[15] = Z, t[16] = Q, t[17] = X.Root, t[18] = N, t[19] = $) : $ = t[19], /* @__PURE__ */ b(w, {
+		value: J,
+		children: $
+	});
+}
+function A(e) {
+	let t = (0, C.c)(26), n, r, i, o, s;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3], o = t[4], s = t[5]) : ({children: n, className: r, render: o, style: s, ...i} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = o, t[5] = s);
+	let { accordion: c, orientation: l, slots: u } = T();
+	if (c) {
+		let e;
+		t[6] !== r || t[7] !== u ? (e = u.list({ class: r }), t[6] = r, t[7] = u, t[8] = e) : e = t[8];
+		let a;
+		t[9] === s ? a = t[10] : (a = O(s), t[9] = s, t[10] = a);
+		let o;
+		return t[11] !== n || t[12] !== i || t[13] !== e || t[14] !== a ? (o = /* @__PURE__ */ b("ul", {
+			...i,
+			className: e,
+			"data-orientation": "vertical",
+			"data-ox-slot": "navigation-menu-list",
+			style: a,
+			children: n
+		}), t[11] = n, t[12] = i, t[13] = e, t[14] = a, t[15] = o) : o = t[15], o;
+	}
+	let d;
+	t[16] !== r || t[17] !== u ? (d = u.list({ class: r }), t[16] = r, t[17] = u, t[18] = d) : d = t[18];
+	let f;
+	return t[19] !== n || t[20] !== l || t[21] !== i || t[22] !== o || t[23] !== s || t[24] !== d ? (f = /* @__PURE__ */ b(a, {
+		...i,
+		className: d,
+		"data-orientation": l,
+		"data-ox-slot": "navigation-menu-list",
+		render: o,
+		style: s,
+		children: n
+	}), t[19] = n, t[20] = l, t[21] = i, t[22] = o, t[23] = s, t[24] = d, t[25] = f) : f = t[25], f;
+}
+function j(e) {
+	let t = (0, C.c)(38), n, r, i, a, s, c;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3], a = t[4], s = t[5], c = t[6]) : ({children: n, className: r, render: a, style: s, value: c, ...i} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = a, t[5] = s, t[6] = c);
+	let { accordion: l, accordionValue: u, onAccordionToggle: d, slots: f } = T(), p = v(), m = typeof c == "string" ? c : p;
+	if (l) {
+		let e = `${p}-content`, a = m === u, o;
+		t[7] !== m || t[8] !== d ? (o = () => d(m), t[7] = m, t[8] = d, t[9] = o) : o = t[9];
+		let c = `${p}-trigger`, l;
+		t[10] !== e || t[11] !== a || t[12] !== o || t[13] !== c ? (l = {
+			contentId: e,
+			expanded: a,
+			toggle: o,
+			triggerId: c
+		}, t[10] = e, t[11] = a, t[12] = o, t[13] = c, t[14] = l) : l = t[14];
+		let h;
+		t[15] !== r || t[16] !== f ? (h = f.item({ class: r }), t[15] = r, t[16] = f, t[17] = h) : h = t[17];
+		let g;
+		t[18] === s ? g = t[19] : (g = O(s), t[18] = s, t[19] = g);
+		let _;
+		t[20] !== n || t[21] !== i || t[22] !== h || t[23] !== g ? (_ = /* @__PURE__ */ b("li", {
+			...i,
+			className: h,
+			"data-ox-slot": "navigation-menu-item",
+			style: g,
+			children: n
+		}), t[20] = n, t[21] = i, t[22] = h, t[23] = g, t[24] = _) : _ = t[24];
+		let v;
+		return t[25] !== l || t[26] !== _ ? (v = /* @__PURE__ */ b(E, {
+			value: l,
+			children: _
+		}), t[25] = l, t[26] = _, t[27] = v) : v = t[27], v;
+	}
+	let h;
+	t[28] !== r || t[29] !== f ? (h = f.item({ class: r }), t[28] = r, t[29] = f, t[30] = h) : h = t[30];
+	let g;
+	return t[31] !== n || t[32] !== i || t[33] !== a || t[34] !== s || t[35] !== h || t[36] !== c ? (g = /* @__PURE__ */ b(o, {
+		...i,
+		className: h,
+		"data-ox-slot": "navigation-menu-item",
+		render: a,
+		style: s,
+		value: c,
+		children: n
+	}), t[31] = n, t[32] = i, t[33] = a, t[34] = s, t[35] = h, t[36] = c, t[37] = g) : g = t[37], g;
+}
+function M(e) {
+	let t = (0, C.c)(41), n, r, i, a, o, s, l, u;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3], a = t[4], o = t[5], s = t[6], l = t[7], u = t[8]) : ({children: n, className: r, disabled: i, nativeButton: a, onClick: o, render: l, style: u, ...s} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = a, t[5] = o, t[6] = s, t[7] = l, t[8] = u);
+	let { accordion: d, slots: f } = T(), p = D();
+	if (d && p) {
+		let e = p.triggerId, a = p.contentId, c = p.expanded, l;
+		t[9] !== r || t[10] !== f ? (l = f.trigger({ class: r }), t[9] = r, t[10] = f, t[11] = l) : l = t[11];
+		let d = i ? "" : void 0, m = p.expanded ? "" : void 0, h;
+		t[12] === u ? h = t[13] : (h = O(u), t[12] = u, t[13] = h);
+		let g;
+		t[14] !== p || t[15] !== o ? (g = (e) => {
+			o?.(Object.assign(e, { preventBaseUIHandler: N })), e.defaultPrevented || p.toggle();
+		}, t[14] = p, t[15] = o, t[16] = g) : g = t[16];
+		let _;
+		return t[17] !== p.contentId || t[18] !== p.expanded || t[19] !== p.triggerId || t[20] !== n || t[21] !== i || t[22] !== s || t[23] !== l || t[24] !== d || t[25] !== m || t[26] !== h || t[27] !== g ? (_ = /* @__PURE__ */ b("button", {
+			...s,
+			id: e,
+			"aria-controls": a,
+			"aria-expanded": c,
+			className: l,
+			"data-disabled": d,
+			"data-ox-slot": "navigation-menu-trigger",
+			"data-popup-open": m,
+			disabled: i,
+			style: h,
+			type: "button",
+			onClick: g,
+			children: n
+		}), t[17] = p.contentId, t[18] = p.expanded, t[19] = p.triggerId, t[20] = n, t[21] = i, t[22] = s, t[23] = l, t[24] = d, t[25] = m, t[26] = h, t[27] = g, t[28] = _) : _ = t[28], _;
+	}
+	let m;
+	t[29] !== r || t[30] !== f ? (m = f.trigger({ class: r }), t[29] = r, t[30] = f, t[31] = m) : m = t[31];
+	let h;
+	return t[32] !== n || t[33] !== i || t[34] !== a || t[35] !== o || t[36] !== s || t[37] !== l || t[38] !== u || t[39] !== m ? (h = /* @__PURE__ */ b(c, {
+		...s,
+		className: m,
+		"data-ox-slot": "navigation-menu-trigger",
+		disabled: i,
+		nativeButton: a,
+		render: l,
+		style: u,
+		onClick: o,
+		children: n
+	}), t[32] = n, t[33] = i, t[34] = a, t[35] = o, t[36] = s, t[37] = l, t[38] = u, t[39] = m, t[40] = h) : h = t[40], h;
+}
+function N() {}
+function P(e) {
+	let t = (0, C.c)(19), { children: r, className: i } = e, { accordion: a, slots: o } = T(), s = r ? void 0 : "group-data-popup-open:rotate-180", c;
+	if (t[0] !== i || t[1] !== s || t[2] !== o) {
+		let e;
+		t[4] !== i || t[5] !== s ? (e = [s, i].filter(Boolean), t[4] = i, t[5] = s, t[6] = e) : e = t[6], c = o.triggerIcon({ class: e.join(" ") }), t[0] = i, t[1] = s, t[2] = o, t[3] = c;
+	} else c = t[3];
+	let l = c, u;
+	t[7] === r ? u = t[8] : (u = r ?? /* @__PURE__ */ b(S, {}), t[7] = r, t[8] = u);
+	let d;
+	t[9] === l ? d = t[10] : (d = {
+		"aria-hidden": !0,
+		className: l,
+		"data-ox-slot": "navigation-menu-trigger-icon"
+	}, t[9] = l, t[10] = d);
+	let f;
+	t[11] !== u || t[12] !== d ? (f = {
+		render: u,
+		props: d
+	}, t[11] = u, t[12] = d, t[13] = f) : f = t[13];
+	let p = n(f);
+	if (a) return p;
+	let h;
+	t[14] === r ? h = t[15] : (h = r ?? /* @__PURE__ */ b(S, {}), t[14] = r, t[15] = h);
+	let g;
+	return t[16] !== l || t[17] !== h ? (g = /* @__PURE__ */ b(m, {
+		className: l,
+		"data-ox-slot": "navigation-menu-trigger-icon",
+		render: h
+	}), t[16] = l, t[17] = h, t[18] = g) : g = t[18], g;
+}
+function F(e) {
+	let t = (0, C.c)(28), n, r, i, a, o;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3], a = t[4], o = t[5]) : ({children: n, className: r, render: a, style: o, ...i} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = a, t[5] = o);
+	let { accordion: c, slots: l } = T(), u = D();
+	if (c && u) {
+		let e = u.contentId, a = u.triggerId, s;
+		t[6] !== r || t[7] !== l ? (s = l.content({ class: r }), t[6] = r, t[7] = l, t[8] = s) : s = t[8];
+		let c = !u.expanded, d;
+		t[9] === o ? d = t[10] : (d = O(o), t[9] = o, t[10] = d);
+		let f;
+		return t[11] !== u.contentId || t[12] !== u.triggerId || t[13] !== n || t[14] !== i || t[15] !== s || t[16] !== c || t[17] !== d ? (f = /* @__PURE__ */ b("div", {
+			...i,
+			id: e,
+			"aria-labelledby": a,
+			className: s,
+			"data-ox-slot": "navigation-menu-content",
+			hidden: c,
+			role: "region",
+			style: d,
+			children: n
+		}), t[11] = u.contentId, t[12] = u.triggerId, t[13] = n, t[14] = i, t[15] = s, t[16] = c, t[17] = d, t[18] = f) : f = t[18], f;
+	}
+	let d;
+	t[19] !== r || t[20] !== l ? (d = l.content({ class: r }), t[19] = r, t[20] = l, t[21] = d) : d = t[21];
+	let f;
+	return t[22] !== n || t[23] !== i || t[24] !== a || t[25] !== o || t[26] !== d ? (f = /* @__PURE__ */ b(s, {
+		...i,
+		className: d,
+		"data-ox-slot": "navigation-menu-content",
+		render: a,
+		style: o,
+		children: n
+	}), t[22] = n, t[23] = i, t[24] = a, t[25] = o, t[26] = d, t[27] = f) : f = t[27], f;
+}
+function I(e) {
+	let t = (0, C.c)(30), r, i, a, o, s;
+	t[0] === e ? (r = t[1], i = t[2], a = t[3], o = t[4], s = t[5]) : ({active: r, className: i, render: o, style: s, ...a} = e, t[0] = e, t[1] = r, t[2] = i, t[3] = a, t[4] = o, t[5] = s);
+	let { accordion: c, slots: l } = T(), u;
+	t[6] === o ? u = t[7] : (u = o ?? /* @__PURE__ */ b("a", {}), t[6] = o, t[7] = u);
+	let d = r ? "page" : void 0, f;
+	t[8] !== i || t[9] !== l ? (f = l.link({ class: i }), t[8] = i, t[9] = l, t[10] = f) : f = t[10];
+	let m;
+	t[11] === s ? m = t[12] : (m = O(s), t[11] = s, t[12] = m);
+	let h;
+	t[13] !== a || t[14] !== d || t[15] !== f || t[16] !== m ? (h = {
+		...a,
+		"aria-current": d,
+		className: f,
+		"data-ox-slot": "navigation-menu-link",
+		style: m
+	}, t[13] = a, t[14] = d, t[15] = f, t[16] = m, t[17] = h) : h = t[17];
+	let g;
+	t[18] !== u || t[19] !== h ? (g = {
+		render: u,
+		props: h
+	}, t[18] = u, t[19] = h, t[20] = g) : g = t[20];
+	let _ = n(g);
+	if (c) return _;
+	let v;
+	t[21] !== i || t[22] !== l ? (v = l.link({ class: i }), t[21] = i, t[22] = l, t[23] = v) : v = t[23];
+	let y;
+	return t[24] !== r || t[25] !== a || t[26] !== o || t[27] !== s || t[28] !== v ? (y = /* @__PURE__ */ b(p, {
+		...a,
+		active: r,
+		className: v,
+		"data-ox-slot": "navigation-menu-link",
+		render: o,
+		style: s
+	}), t[24] = r, t[25] = a, t[26] = o, t[27] = s, t[28] = v, t[29] = y) : y = t[29], y;
+}
+function L(e) {
+	let t = (0, C.c)(5), { className: n } = e, { accordion: r, slots: i } = T();
+	if (r) return null;
+	let a;
+	t[0] !== n || t[1] !== i ? (a = i.viewport({ class: n }), t[0] = n, t[1] = i, t[2] = a) : a = t[2];
+	let o;
+	return t[3] === a ? o = t[4] : (o = /* @__PURE__ */ b(d, {
+		className: a,
+		"data-ox-slot": "navigation-menu-viewport"
+	}), t[3] = a, t[4] = o), o;
+}
+//#endregion
+export { F as OxNavigationMenuContent, P as OxNavigationMenuIcon, j as OxNavigationMenuItem, I as OxNavigationMenuLink, A as OxNavigationMenuList, k as OxNavigationMenuRoot, M as OxNavigationMenuTrigger, L as OxNavigationMenuViewport };

package/dist/components/NavigationMenu/NavigationMenu.styles.d.ts

@@ -0,0 +1,96 @@
+import { VariantProps } from '../../internal/tv';
+export declare const navigationMenuVariants: import('tailwind-variants').TVReturnType<{
+    inline: {
+        true: {
+            list: string;
+        };
+        false: {
+            list: string;
+        };
+    };
+    accordion: {
+        true: {
+            root: string;
+            list: string;
+            trigger: string;
+            triggerIcon: string;
+            link: string;
+            content: string[];
+        };
+        false: {};
+    };
+}, {
+    root: string;
+    list: string[];
+    item: string;
+    trigger: string[];
+    triggerIcon: string[];
+    link: string[];
+    content: string[];
+    positioner: string[];
+    popup: string[];
+    viewport: string;
+}, undefined, {
+    inline: {
+        true: {
+            list: string;
+        };
+        false: {
+            list: string;
+        };
+    };
+    accordion: {
+        true: {
+            root: string;
+            list: string;
+            trigger: string;
+            triggerIcon: string;
+            link: string;
+            content: string[];
+        };
+        false: {};
+    };
+}, {
+    root: string;
+    list: string[];
+    item: string;
+    trigger: string[];
+    triggerIcon: string[];
+    link: string[];
+    content: string[];
+    positioner: string[];
+    popup: string[];
+    viewport: string;
+}, import('tailwind-variants').TVReturnType<{
+    inline: {
+        true: {
+            list: string;
+        };
+        false: {
+            list: string;
+        };
+    };
+    accordion: {
+        true: {
+            root: string;
+            list: string;
+            trigger: string;
+            triggerIcon: string;
+            link: string;
+            content: string[];
+        };
+        false: {};
+    };
+}, {
+    root: string;
+    list: string[];
+    item: string;
+    trigger: string[];
+    triggerIcon: string[];
+    link: string[];
+    content: string[];
+    positioner: string[];
+    popup: string[];
+    viewport: string;
+}, undefined, unknown, unknown, undefined>>;
+export type NavigationMenuVariants = VariantProps<typeof navigationMenuVariants>;

package/dist/components/NavigationMenu/NavigationMenu.styles.js

@@ -0,0 +1,83 @@
+import { tv as e } from "../../internal/tv.js";
+//#region src/components/NavigationMenu/NavigationMenu.styles.ts
+var t = [
+	"h-7.5 px-3 gap-1.5 ox-vertical:h-8.5",
+	"cursor-pointer select-none",
+	"rounded-sm text-body font-medium text-fg-muted",
+	"transition-colors ease-out-quint",
+	"ox-engaged:bg-surface-high ox-engaged:text-fg",
+	"focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-primary-ink focus-visible:relative focus-visible:z-10",
+	"ox-disabled:cursor-not-allowed ox-disabled:opacity-50"
+], n = e({
+	slots: {
+		root: "relative flex max-w-max",
+		list: ["m-0 list-none flex items-center gap-0.5", "ox-vertical:flex-col ox-vertical:items-stretch ox-vertical:gap-px"],
+		item: "relative",
+		trigger: ["group inline-flex items-center justify-center whitespace-nowrap bg-transparent", ...t],
+		triggerIcon: ["shrink-0 size-3.5 text-current opacity-70", "transition-transform duration-200 ease-out-quint"],
+		link: [
+			"inline-flex items-center no-underline",
+			...t,
+			"aria-[current=page]:bg-primary-soft aria-[current=page]:text-primary-soft-fg"
+		],
+		content: [
+			"w-max h-full p-2.5 outline-none",
+			"transition-[opacity,translate] duration-300 ease-out-quint",
+			"ox-instant:transition-none",
+			"ox-starting:opacity-0",
+			"ox-ending:opacity-0",
+			"ox-starting:data-[activation-direction=left]:-translate-x-4",
+			"ox-starting:data-[activation-direction=right]:translate-x-4",
+			"ox-ending:data-[activation-direction=left]:translate-x-4",
+			"ox-ending:data-[activation-direction=right]:-translate-x-4",
+			"ox-starting:data-[activation-direction=up]:-translate-y-4",
+			"ox-starting:data-[activation-direction=down]:translate-y-4",
+			"ox-ending:data-[activation-direction=up]:translate-y-4",
+			"ox-ending:data-[activation-direction=down]:-translate-y-4"
+		],
+		positioner: [
+			"box-border z-50",
+			"h-[var(--positioner-height)] w-[var(--positioner-width)]",
+			"max-w-[var(--available-width)]",
+			"transition-[top,left,right,bottom] duration-300 ease-out-quint ox-instant:transition-none"
+		],
+		popup: [
+			"relative z-50 overflow-hidden origin-[var(--transform-origin)]",
+			"rounded-md border border-line-overlay bg-popover text-fg shadow-[var(--shadow-pop)]",
+			"h-[var(--popup-height)] w-[var(--popup-width)]",
+			"transition-[opacity,width,height,scale] duration-300 ease-out-quint",
+			"ox-instant:transition-none",
+			"ox-starting:opacity-0 ox-starting:scale-97",
+			"ox-ending:opacity-0 ox-ending:scale-97 ox-ending:duration-150",
+			"focus-visible:outline-none"
+		],
+		viewport: "relative size-full overflow-hidden focus-visible:outline-none"
+	},
+	variants: {
+		inline: {
+			true: { list: "ox-vertical:h-[var(--popup-height)] ox-vertical:transition-[height] ox-vertical:duration-250 ox-vertical:ease-out-quint ox-instant:transition-none" },
+			false: { list: "rounded-control border border-line bg-surface p-1" }
+		},
+		accordion: {
+			true: {
+				root: "w-full max-w-none flex-col",
+				list: "w-full flex-col items-stretch gap-px rounded-none border-0 bg-transparent p-0",
+				trigger: "h-auto min-h-10 w-full justify-start gap-2 text-left text-[15px]",
+				triggerIcon: "ml-auto size-[15px]",
+				link: "h-auto min-h-10 w-full justify-start gap-2 text-left text-[15px]",
+				content: [
+					"ml-4 flex size-auto flex-col gap-px border-l border-line",
+					"p-0 pt-0.5 pb-1.5 pl-3.5",
+					"transition-none"
+				]
+			},
+			false: {}
+		}
+	},
+	defaultVariants: {
+		accordion: !1,
+		inline: !1
+	}
+});
+//#endregion
+export { n as navigationMenuVariants };

package/dist/components/NavigationMenu/NavigationMenu.types.d.ts

@@ -0,0 +1,45 @@
+import { ReactElement, ReactNode } from 'react';
+import { NavigationMenuContentProps as BaseNavigationMenuContentProps, NavigationMenuItemProps as BaseNavigationMenuItemProps, NavigationMenuLinkProps as BaseNavigationMenuLinkProps, NavigationMenuListProps as BaseNavigationMenuListProps, NavigationMenuRootProps as BaseNavigationMenuRootProps, NavigationMenuTriggerProps as BaseNavigationMenuTriggerProps } from '@base-ui/react/navigation-menu';
+type Align = 'start' | 'center' | 'end';
+type Side = 'top' | 'bottom' | 'left' | 'right';
+interface OxNavigationMenuProps extends Omit<BaseNavigationMenuRootProps<string | null>, 'className' | 'value' | 'defaultValue' | 'onValueChange'> {
+    align?: Align;
+    className?: string;
+    collisionPadding?: number;
+    defaultValue?: string | null;
+    inline?: boolean;
+    onValueChange?: (value: string | null, eventDetails: {
+        cancel: () => void;
+        reason: string;
+    }) => void;
+    popupClassName?: string;
+    side?: Side;
+    sideOffset?: number;
+    value?: string | null;
+    viewportClassName?: string;
+}
+interface OxNavigationMenuListProps extends Omit<BaseNavigationMenuListProps, 'className'> {
+    className?: string;
+}
+interface OxNavigationMenuItemProps extends Omit<BaseNavigationMenuItemProps, 'className'> {
+    className?: string;
+}
+interface OxNavigationMenuTriggerProps extends Omit<BaseNavigationMenuTriggerProps, 'className'> {
+    children: ReactNode;
+    className?: string;
+}
+interface OxNavigationMenuIconProps {
+    children?: ReactElement;
+    className?: string;
+}
+interface OxNavigationMenuContentProps extends Omit<BaseNavigationMenuContentProps, 'className'> {
+    className?: string;
+}
+interface OxNavigationMenuLinkProps extends Omit<BaseNavigationMenuLinkProps, 'className'> {
+    className?: string;
+    render?: ReactElement;
+}
+interface OxNavigationMenuViewportProps {
+    className?: string;
+}
+export type { OxNavigationMenuContentProps, OxNavigationMenuIconProps, OxNavigationMenuItemProps, OxNavigationMenuLinkProps, OxNavigationMenuListProps, OxNavigationMenuProps, OxNavigationMenuTriggerProps, OxNavigationMenuViewportProps, };

package/dist/components/NavigationMenu/index.d.ts

@@ -0,0 +1,12 @@
+import { OxNavigationMenuContent, OxNavigationMenuIcon, OxNavigationMenuItem, OxNavigationMenuLink, OxNavigationMenuList, OxNavigationMenuRoot, OxNavigationMenuTrigger, OxNavigationMenuViewport } from './NavigationMenu';
+declare const OxNavigationMenu: typeof OxNavigationMenuRoot & {
+    List: typeof OxNavigationMenuList;
+    Item: typeof OxNavigationMenuItem;
+    Trigger: typeof OxNavigationMenuTrigger;
+    Icon: typeof OxNavigationMenuIcon;
+    Content: typeof OxNavigationMenuContent;
+    Link: typeof OxNavigationMenuLink;
+    Viewport: typeof OxNavigationMenuViewport;
+};
+export { OxNavigationMenu };
+export type { OxNavigationMenuContentProps, OxNavigationMenuIconProps, OxNavigationMenuItemProps, OxNavigationMenuLinkProps, OxNavigationMenuListProps, OxNavigationMenuProps, OxNavigationMenuTriggerProps, OxNavigationMenuViewportProps, } from './NavigationMenu.types';

package/dist/components/NavigationMenu/index.js

@@ -0,0 +1,13 @@
+import { OxNavigationMenuContent as e, OxNavigationMenuIcon as t, OxNavigationMenuItem as n, OxNavigationMenuLink as r, OxNavigationMenuList as i, OxNavigationMenuRoot as a, OxNavigationMenuTrigger as o, OxNavigationMenuViewport as s } from "./NavigationMenu.js";
+//#region src/components/NavigationMenu/index.ts
+var c = Object.assign(a, {
+	List: i,
+	Item: n,
+	Trigger: o,
+	Icon: t,
+	Content: e,
+	Link: r,
+	Viewport: s
+});
+//#endregion
+export { c as OxNavigationMenu };

package/dist/components/NumberInput/NumberInput.d.ts

@@ -0,0 +1,7 @@
+import { OxNumberInputAddonProps, OxNumberInputButtonProps, OxNumberInputGroupProps, OxNumberInputProps } from './NumberInput.types';
+declare function OxNumberInputBase({ className, ...props }: OxNumberInputProps): import("react").JSX.Element;
+declare function OxNumberInputGroup({ children, className, decrementLabel, disabled, incrementLabel, invalid, readOnly, ...props }: OxNumberInputGroupProps): import("react").JSX.Element;
+declare function OxNumberInputDecrement({ children, className, ...props }: OxNumberInputButtonProps): import("react").JSX.Element;
+declare function OxNumberInputIncrement({ children, className, ...props }: OxNumberInputButtonProps): import("react").JSX.Element;
+declare function OxNumberInputAddon({ align, className, variant, ...props }: OxNumberInputAddonProps): import("react").JSX.Element;
+export { OxNumberInputAddon, OxNumberInputBase, OxNumberInputDecrement, OxNumberInputGroup, OxNumberInputIncrement, };