@vjdesigns/vjdesigns-ui 2.3.0 → 2.4.0

package/dist/components/navigation/Navbar/Navbar.mjs

@@ -1,57 +1,60 @@
 import { breakpoints as e } from "../../../types/common.mjs";
 import { useControllableState as t } from "../../../hooks/useControllableState.mjs";
-import { useMessages as n } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { useMergedRef as r } from "../../../hooks/useMergedRef.mjs";
-import { responsiveClasses as i, responsiveVars as a } from "../../../utils/responsive.mjs";
-import { cx as o } from "../../../utils/cx.mjs";
-import { IconButton as s } from "../../primitives/Button/Button.mjs";
-import { MenuIcon as c } from "../../primitives/Icon/icons.mjs";
-import { Container as l } from "../../layout/Container/Container.mjs";
-import { Drawer as u } from "../../overlays/Drawer/Drawer.mjs";
-import d from "./Navbar.module.css.mjs";
-import { createContext as f, useCallback as p, useContext as m, useEffect as h, useId as g, useLayoutEffect as _, useMemo as v, useRef as y, useState as b } from "react";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { useDismiss as n } from "../../../hooks/useDismiss.mjs";
+import { useFloatingPosition as r } from "../../../hooks/useFloatingPosition.mjs";
+import { useMessages as i } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
+import { useMergedRef as a } from "../../../hooks/useMergedRef.mjs";
+import { responsiveClasses as o, responsiveVars as s } from "../../../utils/responsive.mjs";
+import { cx as c } from "../../../utils/cx.mjs";
+import { IconButton as l } from "../../primitives/Button/Button.mjs";
+import { ChevronDownIcon as u, MenuIcon as d } from "../../primitives/Icon/icons.mjs";
+import { Container as f } from "../../layout/Container/Container.mjs";
+import { Badge as p } from "../../data-display/Badge/Badge.mjs";
+import { Drawer as m } from "../../overlays/Drawer/Drawer.mjs";
+import h from "./Navbar.module.css.mjs";
+import { createContext as g, useCallback as _, useContext as v, useEffect as y, useId as b, useLayoutEffect as x, useMemo as S, useRef as C, useState as w } from "react";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
 //#region src/components/navigation/Navbar/Navbar.tsx
-var w = {
-	accent: d.activeAccent,
-	primary: d.activePrimary,
-	neutral: d.activeNeutral
-}, T = {
-	surface: d.surface,
-	transparent: d.transparent,
-	solid: d.solid
-}, E = {
-	sm: d.sm,
-	md: d.md,
-	lg: d.lg
-}, D = {
-	static: d.static,
-	sticky: d.sticky,
-	fixed: d.fixed
+var O = {
+	accent: h.activeAccent,
+	primary: h.activePrimary,
+	neutral: h.activeNeutral
+}, k = {
+	surface: h.surface,
+	transparent: h.transparent,
+	solid: h.solid
 }, ee = {
-	sm: d.collapseSm,
-	md: d.collapseMd,
-	lg: d.collapseLg
-}, O = f(null);
-function k(e) {
-	let t = m(O);
+	sm: h.sm,
+	md: h.md,
+	lg: h.lg
+}, A = {
+	static: h.static,
+	sticky: h.sticky,
+	fixed: h.fixed
+}, j = {
+	sm: h.collapseSm,
+	md: h.collapseMd,
+	lg: h.collapseLg
+}, M = g(null);
+function N(e) {
+	let t = v(M);
 	if (!t) throw Error(`${e} must be used inside <Navbar>.`);
 	return t;
 }
-var A = f("bar"), j = f(!1);
-function te(e) {
+var P = g("bar"), F = g(null), I = g(!1);
+function L(e) {
 	for (let t = e.parentElement; t && t !== document.body; t = t.parentElement) {
 		let { overflowY: e } = getComputedStyle(t);
 		if (e === "auto" || e === "scroll" || e === "overlay") return t;
 	}
 	return document.documentElement;
 }
-var M = ({ children: i, variant: a = "surface", size: u = "md", position: f = "sticky", reserveScrollPadding: m = !0, bordered: _ = !1, elevated: x = !1, elevateOnScroll: w = !1, contained: k = !0, maxWidth: A = "xl", collapseBelow: j = "md", open: M, defaultOpen: N = !1, onOpenChange: P, menuLabel: F, menuTitle: I, menuSide: L = "end", activeTone: R = "accent", className: z, ref: B, ...V }) => {
-	let H = n(), ne = F ?? H.navbar.openMenu, U = I ?? H.navbar.menu, W = y(null), re = r(W, B);
-	h(() => {
-		let e = W.current;
-		if (!e || f === "static" || !m) return;
-		let t = f === "fixed" ? document.documentElement : te(e), n = t.style.scrollPaddingTop, r = () => {
+var R = ({ children: n, variant: r = "surface", size: o = "md", position: s = "sticky", reserveScrollPadding: u = !0, bordered: p = !1, elevated: m = !1, elevateOnScroll: g = !1, contained: v = !0, maxWidth: x = "xl", collapseBelow: T = "md", open: O, defaultOpen: N = !1, onOpenChange: P, menuLabel: F, menuTitle: I, menuSide: R = "end", activeTone: z = "accent", className: B, ref: V, ...H }) => {
+	let U = i(), W = F ?? U.navbar.openMenu, G = I ?? U.navbar.menu, K = C(null), q = a(K, V);
+	y(() => {
+		let e = K.current;
+		if (!e || s === "static" || !u) return;
+		let t = s === "fixed" ? document.documentElement : L(e), n = t.style.scrollPaddingTop, r = () => {
 			t.style.scrollPaddingTop = `${e.offsetHeight}px`;
 		};
 		r();
@@ -59,134 +62,139 @@ var M = ({ children: i, variant: a = "surface", size: u = "md", position: f = "s
 		return i?.observe(e), () => {
 			i?.disconnect(), t.style.scrollPaddingTop = n;
 		};
-	}, [f, m]);
-	let [G, K] = t({
-		value: M,
+	}, [s, u]);
+	let [J, Y] = t({
+		value: O,
 		defaultValue: N,
 		onChange: P
-	}), q = `${g()}-menu`, J = y(null), [ie, Y] = b(0), [ae, oe] = b(!1), X = p(() => (Y((e) => e + 1), () => Y((e) => e - 1)), []), Z = p((e) => K(e), [K]), Q = y(!1);
-	h(() => {
-		if (!G || typeof window > "u" || !window.matchMedia) return;
-		let t = window.matchMedia(`(min-width: ${e[j]}px)`), n = () => {
-			t.matches && (Q.current = !0, Z(!1));
+	}), X = `${b()}-menu`, Z = C(null), [te, ne] = w(0), [re, ie] = w(!1), [ae, oe] = w(null), se = _(() => (ne((e) => e + 1), () => ne((e) => e - 1)), []), Q = _((e) => Y(e), [Y]), $ = C(!1);
+	y(() => {
+		if (!J || typeof window > "u" || !window.matchMedia) return;
+		let t = window.matchMedia(`(min-width: ${e[T]}px)`), n = () => {
+			t.matches && ($.current = !0, Q(!1));
 		};
 		return n(), t.addEventListener("change", n), () => t.removeEventListener("change", n);
 	}, [
-		G,
-		j,
-		Z
-	]), h(() => {
-		if (G || !Q.current) return;
-		Q.current = !1;
+		J,
+		T,
+		Q
+	]), y(() => {
+		if (J || !$.current) return;
+		$.current = !1;
 		let e = document.activeElement;
-		(!e || e === document.body || document.getElementById(q)?.contains(e)) && J.current?.closest("header")?.querySelector("nav a[href], nav button:not([disabled])")?.focus();
-	}, [G, q]), h(() => {
-		if (!w || typeof window > "u") return;
+		(!e || e === document.body || document.getElementById(X)?.contains(e)) && Z.current?.closest("header")?.querySelector("nav a[href], nav button:not([disabled])")?.focus();
+	}, [J, X]), y(() => {
+		if (!g || typeof window > "u") return;
 		let e = 0, t = () => {
-			e = 0, oe(window.scrollY > 0);
+			e = 0, ie(window.scrollY > 0);
 		}, n = () => {
 			e ||= window.requestAnimationFrame(t);
 		};
 		return t(), window.addEventListener("scroll", n, { passive: !0 }), () => {
 			window.removeEventListener("scroll", n), e && window.cancelAnimationFrame(e);
 		};
-	}, [w]);
-	let se = v(() => ({
-		open: G,
-		setOpen: Z,
-		menuId: q,
-		menuTitle: U,
-		menuSide: L,
-		toggleRef: J,
-		registerNav: X,
-		activeTone: R
+	}, [g]);
+	let ce = S(() => ({
+		open: J,
+		setOpen: Q,
+		menuId: X,
+		menuTitle: G,
+		menuSide: R,
+		toggleRef: Z,
+		registerNav: se,
+		activeTone: z,
+		variant: r,
+		openGroup: ae,
+		setOpenGroup: oe
 	}), [
-		G,
-		Z,
-		q,
-		U,
-		L,
+		J,
+		Q,
 		X,
-		R
-	]), $ = w && ae, ce = ie > 0;
-	return /* @__PURE__ */ S(O.Provider, {
-		value: se,
-		children: /* @__PURE__ */ S("header", {
-			"data-variant": a,
-			...V,
-			ref: re,
-			className: o(d.root, T[a], E[u], D[f], ee[j], _ && d.bordered, (x || $) && d.elevated, $ && d.scrolled, z),
-			children: /* @__PURE__ */ C(l, {
-				size: A,
-				fluid: !k,
+		G,
+		R,
+		se,
+		z,
+		r,
+		ae
+	]), le = g && re, ue = te > 0;
+	return /* @__PURE__ */ E(M.Provider, {
+		value: ce,
+		children: /* @__PURE__ */ E("header", {
+			"data-variant": r,
+			...H,
+			ref: q,
+			className: c(h.root, k[r], ee[o], A[s], j[T], p && h.bordered, (m || le) && h.elevated, le && h.scrolled, B),
+			children: /* @__PURE__ */ D(f, {
+				size: x,
+				fluid: !v,
 				gutter: "responsive",
-				className: d.inner,
-				children: [i, ce && /* @__PURE__ */ S(s, {
-					ref: J,
-					"aria-label": ne,
+				className: h.inner,
+				children: [n, ue && /* @__PURE__ */ E(l, {
+					ref: Z,
+					"aria-label": W,
 					"aria-haspopup": "dialog",
-					"aria-expanded": G,
-					"aria-controls": G ? q : void 0,
-					variant: a === "solid" ? "solid" : "ghost",
-					tone: a === "solid" ? "primary" : "neutral",
-					size: u,
-					className: d.toggle,
-					onClick: () => Z(!G),
-					children: /* @__PURE__ */ S(c, {})
+					"aria-expanded": J,
+					"aria-controls": J ? X : void 0,
+					variant: r === "solid" ? "solid" : "ghost",
+					tone: r === "solid" ? "primary" : "neutral",
+					size: o,
+					className: h.toggle,
+					onClick: () => Q(!J),
+					children: /* @__PURE__ */ E(d, {})
 				})]
 			})
 		})
 	});
 };
-M.displayName = "Navbar";
-function N(e) {
+R.displayName = "Navbar";
+function z(e) {
 	let { as: t, className: n, children: r, ...i } = e, a = t !== void 0 || i.href !== void 0;
-	return /* @__PURE__ */ S(t ?? (a ? "a" : "div"), {
+	return /* @__PURE__ */ E(t ?? (a ? "a" : "div"), {
 		...i,
-		className: o(d.brand, a && d.brandLink, n),
+		className: c(h.brand, a && h.brandLink, n),
 		children: r
 	});
 }
-N.displayName = "Navbar.Brand";
-var P = {
-	start: d.alignStart,
-	center: d.alignCenter,
-	end: d.alignEnd
-}, F = i(d, "navGap"), I = ({ children: e, align: t = "start", gap: r, className: i, style: s, "aria-label": c, "aria-labelledby": l, ...f }) => {
-	let p = n(), m = c ?? p.navbar.nav, { open: h, setOpen: g, menuId: v, menuTitle: y, menuSide: b, toggleRef: w, registerNav: T } = k("Navbar.Nav");
-	_(() => T(), [T]);
-	let E = {}, D = [];
-	return a("navbar-nav-gap", r, (e) => `var(--space-${e})`, F, E, D), /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("nav", {
-		"aria-label": l ? void 0 : m,
+z.displayName = "Navbar.Brand";
+var B = {
+	start: h.alignStart,
+	center: h.alignCenter,
+	end: h.alignEnd
+}, V = o(h, "navGap"), H = ({ children: e, align: t = "start", gap: n, className: r, style: a, "aria-label": o, "aria-labelledby": l, ...u }) => {
+	let d = i(), f = o ?? d.navbar.nav, { open: p, setOpen: g, menuId: _, menuTitle: v, menuSide: y, toggleRef: b, registerNav: S } = N("Navbar.Nav");
+	x(() => S(), [S]);
+	let C = {}, w = [];
+	return s("navbar-nav-gap", n, (e) => `var(--space-${e})`, V, C, w), /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("nav", {
+		"aria-label": l ? void 0 : f,
 		"aria-labelledby": l,
-		...f,
-		className: o(d.nav, P[t], ...D, i),
+		...u,
+		className: c(h.nav, B[t], ...w, r),
 		style: {
-			...E,
-			...s
+			...C,
+			...a
 		},
-		children: /* @__PURE__ */ S(A.Provider, {
+		children: /* @__PURE__ */ E(P.Provider, {
 			value: "bar",
-			children: /* @__PURE__ */ S("ul", {
-				className: d.list,
+			children: /* @__PURE__ */ E("ul", {
+				className: h.list,
 				children: e
 			})
 		})
-	}), /* @__PURE__ */ S(u, {
-		open: h,
+	}), /* @__PURE__ */ E(m, {
+		open: p,
 		onOpenChange: g,
-		side: b,
+		side: y,
 		size: "sm",
-		finalFocusRef: w,
-		children: /* @__PURE__ */ C(u.Content, {
-			id: v,
-			children: [/* @__PURE__ */ S(u.Header, { children: /* @__PURE__ */ S(u.Title, { children: y }) }), /* @__PURE__ */ S(u.Body, { children: /* @__PURE__ */ S("nav", {
-				"aria-label": l ? void 0 : m,
+		finalFocusRef: b,
+		children: /* @__PURE__ */ D(m.Content, {
+			id: _,
+			children: [/* @__PURE__ */ E(m.Header, { children: /* @__PURE__ */ E(m.Title, { children: v }) }), /* @__PURE__ */ E(m.Body, { children: /* @__PURE__ */ E("nav", {
+				"aria-label": l ? void 0 : f,
 				"aria-labelledby": l,
-				children: /* @__PURE__ */ S(A.Provider, {
+				children: /* @__PURE__ */ E(P.Provider, {
 					value: "drawer",
-					children: /* @__PURE__ */ S("ul", {
-						className: d.drawerList,
+					children: /* @__PURE__ */ E("ul", {
+						className: h.drawerList,
 						children: e
 					})
 				})
@@ -194,56 +202,188 @@ var P = {
 		})
 	})] });
 };
-I.displayName = "Navbar.Nav";
-var L = ({ className: e, children: t, showIn: n = "both", ref: r, ...i }) => {
-	let a = m(A);
-	return n !== "both" && n !== a ? null : /* @__PURE__ */ S("li", {
+H.displayName = "Navbar.Nav";
+var U = ({ className: e, children: t, showIn: n = "both", ref: r, ...i }) => {
+	let a = v(P);
+	return n !== "both" && n !== a ? null : /* @__PURE__ */ E("li", {
 		...i,
 		ref: a === "drawer" ? void 0 : r,
-		className: o(d.item, a === "drawer" && d.itemDrawer, e),
-		children: /* @__PURE__ */ S(j.Provider, {
+		className: c(h.item, a === "drawer" && h.itemDrawer, e),
+		children: /* @__PURE__ */ E(I.Provider, {
 			value: !0,
 			children: t
 		})
 	});
 };
-L.displayName = "Navbar.Item";
-function R(e) {
-	let { as: t, active: n = !1, icon: r, className: i, children: a, onClick: s, "aria-current": c, ref: l, ...u } = e, f = m(A), p = m(j), h = m(O), g = t ?? "a", _ = (e) => {
-		s?.(e), f === "drawer" && h?.setOpen(!1);
-	}, v = /* @__PURE__ */ C(g, {
-		...u,
-		ref: f === "drawer" ? void 0 : l,
-		"aria-current": n ? "page" : c,
-		onClick: _,
-		className: o(d.link, f === "drawer" ? d.linkDrawer : d.linkBar, n && d.active, n && w[h?.activeTone ?? "accent"], i),
-		children: [r != null && /* @__PURE__ */ S("span", {
-			className: d.linkIcon,
-			"aria-hidden": "true",
-			children: r
-		}), /* @__PURE__ */ S("span", {
-			className: d.linkLabel,
-			children: a
-		})]
+U.displayName = "Navbar.Item";
+var W = (e) => e !== void 0 && e !== "" && e !== 0;
+function G(e, t, n, r) {
+	if (!W(e)) return null;
+	let i = r && n === void 0, a = {
+		variant: i ? "inverse" : "solid",
+		tone: i ? "primary" : n ?? "accent",
+		size: "sm",
+		label: t
+	};
+	return /* @__PURE__ */ D(T, { children: [" ", /* @__PURE__ */ E("span", {
+		className: h.linkBadge,
+		children: typeof e == "number" ? /* @__PURE__ */ E(p, {
+			...a,
+			count: e
+		}) : /* @__PURE__ */ E(p, {
+			...a,
+			children: e
+		})
+	})] });
+}
+var K = {
+	bar: h.linkBar,
+	drawer: h.linkDrawer,
+	panel: h.linkPanel
+};
+function q(e) {
+	let { as: t, active: n = !1, icon: r, badge: i, badgeLabel: a, badgeTone: o, className: s, children: l, onClick: u, "aria-current": d, ref: f, ...p } = e, m = v(P), g = v(I), _ = v(M), y = v(F), b = t ?? "a", x = (e) => {
+		u?.(e), m === "drawer" && _?.setOpen(!1), m === "panel" && y?.();
+	}, S = /* @__PURE__ */ D(b, {
+		...p,
+		ref: m === "drawer" ? void 0 : f,
+		"aria-current": n ? "page" : d,
+		onClick: x,
+		className: c(h.link, K[m], n && h.active, n && O[_?.activeTone ?? "accent"], s),
+		children: [
+			r != null && /* @__PURE__ */ E("span", {
+				className: h.linkIcon,
+				"aria-hidden": "true",
+				children: r
+			}),
+			/* @__PURE__ */ E("span", {
+				className: h.linkLabel,
+				children: l
+			}),
+			G(i, a, o, m === "bar" && _?.variant === "solid")
+		]
 	});
-	return p ? v : /* @__PURE__ */ S("li", {
-		className: o(d.item, f === "drawer" && d.itemDrawer),
-		children: v
+	return g ? S : /* @__PURE__ */ E("li", {
+		className: c(h.item, m !== "bar" && h.itemDrawer),
+		children: S
 	});
 }
-R.displayName = "Navbar.Link";
-var z = ({ className: e, children: t, ...n }) => /* @__PURE__ */ S("div", {
+q.displayName = "Navbar.Link";
+var J = (e) => e ? "bottom-end" : "bottom-start", Y = ({ label: e, icon: i, children: a, active: o = !1, badge: s, badgeLabel: l, badgeTone: d, open: f, defaultOpen: p = !1, onOpenChange: m, disabled: g = !1, className: S, ref: T, ...k }) => {
+	let ee = v(P), A = N("Navbar.Group"), j = ee === "bar", M = b(), I = `${M}-list`, L = C(null), R = C(null), z = C(!1), [B, V] = t({
+		value: j ? f : void 0,
+		defaultValue: j ? p : p || o,
+		onChange: j ? m : void 0
+	}), { openGroup: H, setOpenGroup: U } = A;
+	y(() => {
+		j && B && U(M);
+	}, [
+		j,
+		B,
+		M,
+		U
+	]), y(() => {
+		j && H !== null && H !== M && V(!1);
+	}, [
+		j,
+		H,
+		M,
+		V
+	]);
+	let W = _((e) => {
+		V(!1), e && L.current?.focus();
+	}, [V]);
+	n([L, R], {
+		active: j && B,
+		onDismiss: (e) => W(e.type === "keydown")
+	});
+	let [K, q] = w(!1);
+	x(() => {
+		j && B && L.current && q(getComputedStyle(L.current).direction === "rtl");
+	}, [j, B]);
+	let Y = r(L, R, {
+		open: j && B,
+		placement: J(K),
+		offset: 4
+	}), X = /* @__PURE__ */ D("button", {
+		ref: L,
+		type: "button",
+		disabled: g,
+		"aria-expanded": B,
+		"aria-controls": B ? I : void 0,
+		onClick: () => V(!B),
+		className: c(h.link, h.groupButton, j ? h.linkBar : h.linkDrawer, B && h.groupOpen, o && h.active, o && O[A.activeTone]),
+		children: [
+			i != null && /* @__PURE__ */ E("span", {
+				className: h.linkIcon,
+				"aria-hidden": "true",
+				children: i
+			}),
+			/* @__PURE__ */ E("span", {
+				className: h.linkLabel,
+				children: e
+			}),
+			G(s, l, d, j && A.variant === "solid"),
+			/* @__PURE__ */ E("span", {
+				className: h.chevron,
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ E(u, {})
+			})
+		]
+	});
+	return j ? /* @__PURE__ */ D("li", {
+		...k,
+		ref: T,
+		className: c(h.item, S),
+		onPointerDown: () => {
+			z.current = !0, window.setTimeout(() => {
+				z.current = !1;
+			}, 0);
+		},
+		onBlur: (e) => {
+			let t = e.relatedTarget, n = z.current;
+			z.current = !1, B && (t ? !e.currentTarget.contains(t) : !n) && V(!1);
+		},
+		children: [X, B && /* @__PURE__ */ E("div", {
+			ref: R,
+			className: h.panelPositioner,
+			style: Y.style,
+			children: /* @__PURE__ */ E(P.Provider, {
+				value: "panel",
+				children: /* @__PURE__ */ E(F.Provider, {
+					value: () => W(!1),
+					children: /* @__PURE__ */ E("ul", {
+						id: I,
+						className: h.panel,
+						children: a
+					})
+				})
+			})
+		})]
+	}) : /* @__PURE__ */ D("li", {
+		...k,
+		className: c(h.item, h.itemDrawer, S),
+		children: [X, B && /* @__PURE__ */ E("ul", {
+			id: I,
+			className: h.drawerSubList,
+			children: a
+		})]
+	});
+};
+Y.displayName = "Navbar.Group";
+var X = ({ className: e, children: t, ...n }) => /* @__PURE__ */ E("div", {
 	...n,
-	className: o(d.actions, e),
+	className: c(h.actions, e),
 	children: t
 });
-z.displayName = "Navbar.Actions";
-var B = Object.assign(M, {
-	Brand: N,
-	Nav: I,
-	Item: L,
-	Link: R,
-	Actions: z
+X.displayName = "Navbar.Actions";
+var Z = Object.assign(R, {
+	Brand: z,
+	Nav: H,
+	Item: U,
+	Link: q,
+	Group: Y,
+	Actions: X
 });
 //#endregion
-export { B as Navbar, z as NavbarActions, N as NavbarBrand, L as NavbarItem, R as NavbarLink, I as NavbarNav };
+export { Z as Navbar, X as NavbarActions, z as NavbarBrand, Y as NavbarGroup, U as NavbarItem, q as NavbarLink, H as NavbarNav };

package/dist/components/navigation/Navbar/Navbar.module.css.cjs.js

@@ -1 +1 @@
-var e=`_root_1oq16_39`,t=`_sm_1oq16_75`,n=`_md_1oq16_93`,r=`_lg_1oq16_109`,i=`_sticky_1oq16_137`,a=`_fixed_1oq16_149`,o=`_surface_1oq16_165`,s=`_transparent_1oq16_175`,c=`_scrolled_1oq16_187`,l=`_solid_1oq16_203`,u=`_bordered_1oq16_219`,d=`_elevated_1oq16_235`,f=`_inner_1oq16_251`,p=`_brand_1oq16_269`,m=`_brandLink_1oq16_311`,h=`_nav_1oq16_347`,g=`_list_1oq16_359`,_=`_item_1oq16_383`,v=`_alignStart_1oq16_397`,y=`_alignCenter_1oq16_403`,b=`_alignEnd_1oq16_409`,x=`_navGapBase_1oq16_425`,S=`_navGapSm_1oq16_433`,C=`_navGapMd_1oq16_443`,w=`_navGapLg_1oq16_453`,T=`_navGapXl_1oq16_463`,E=`_navGap2xl_1oq16_473`,D=`_actions_1oq16_485`,O=`_toggle_1oq16_507`,k=`_collapseSm_1oq16_527`,A=`_collapseMd_1oq16_545`,j=`_collapseLg_1oq16_563`,M=`_link_1oq16_587`,N=`_linkIcon_1oq16_657`,P=`_linkLabel_1oq16_683`,F=`_activeAccent_1oq16_719`,I=`_activePrimary_1oq16_731`,L=`_activeNeutral_1oq16_743`,R=`_active_1oq16_719`,z=`_linkBar_1oq16_797`,B=`_drawerList_1oq16_859`,V=`_itemDrawer_1oq16_877`,H=`_linkDrawer_1oq16_885`,U={root:e,sm:t,md:n,lg:r,static:`_static_1oq16_129`,sticky:i,fixed:a,surface:o,transparent:s,scrolled:c,solid:l,bordered:u,elevated:d,inner:f,brand:p,brandLink:m,nav:h,list:g,item:_,alignStart:v,alignCenter:y,alignEnd:b,navGapBase:x,navGapSm:S,navGapMd:C,navGapLg:w,navGapXl:T,navGap2xl:E,actions:D,toggle:O,collapseSm:k,collapseMd:A,collapseLg:j,link:M,linkIcon:N,linkLabel:P,activeAccent:F,activePrimary:I,activeNeutral:L,active:R,linkBar:z,drawerList:B,itemDrawer:V,linkDrawer:H};exports.actions=D,exports.active=R,exports.activeAccent=F,exports.activeNeutral=L,exports.activePrimary=I,exports.alignCenter=y,exports.alignEnd=b,exports.alignStart=v,exports.bordered=u,exports.brand=p,exports.brandLink=m,exports.collapseLg=j,exports.collapseMd=A,exports.collapseSm=k,exports.default=U,exports.drawerList=B,exports.elevated=d,exports.fixed=a,exports.inner=f,exports.item=_,exports.itemDrawer=V,exports.lg=r,exports.link=M,exports.linkBar=z,exports.linkDrawer=H,exports.linkIcon=N,exports.linkLabel=P,exports.list=g,exports.md=n,exports.nav=h,exports.navGap2xl=E,exports.navGapBase=x,exports.navGapLg=w,exports.navGapMd=C,exports.navGapSm=S,exports.navGapXl=T,exports.root=e,exports.scrolled=c,exports.sm=t,exports.solid=l,exports.sticky=i,exports.surface=o,exports.toggle=O,exports.transparent=s;
+var e=`_root_10yn2_39`,t=`_sm_10yn2_75`,n=`_md_10yn2_93`,r=`_lg_10yn2_109`,i=`_sticky_10yn2_137`,a=`_fixed_10yn2_149`,o=`_surface_10yn2_165`,s=`_transparent_10yn2_175`,c=`_scrolled_10yn2_187`,l=`_solid_10yn2_203`,u=`_bordered_10yn2_219`,d=`_elevated_10yn2_235`,f=`_inner_10yn2_251`,p=`_brand_10yn2_269`,m=`_brandLink_10yn2_311`,h=`_nav_10yn2_347`,g=`_list_10yn2_359`,_=`_item_10yn2_383`,v=`_alignStart_10yn2_397`,y=`_alignCenter_10yn2_403`,b=`_alignEnd_10yn2_409`,x=`_navGapBase_10yn2_425`,S=`_navGapSm_10yn2_433`,C=`_navGapMd_10yn2_443`,w=`_navGapLg_10yn2_453`,T=`_navGapXl_10yn2_463`,E=`_navGap2xl_10yn2_473`,D=`_actions_10yn2_485`,O=`_toggle_10yn2_507`,k=`_collapseSm_10yn2_527`,A=`_collapseMd_10yn2_545`,j=`_collapseLg_10yn2_563`,M=`_link_10yn2_587`,N=`_linkIcon_10yn2_657`,P=`_linkLabel_10yn2_683`,F=`_linkBadge_10yn2_699`,I=`_linkDrawer_10yn2_711`,L=`_groupButton_10yn2_731`,R=`_chevron_10yn2_765`,z=`_groupOpen_10yn2_805`,B=`_panelPositioner_10yn2_815`,V=`_panel_10yn2_815`,H=`_linkPanel_10yn2_883`,U=`_active_10yn2_909`,W=`_drawerSubList_10yn2_923`,G=`_activeAccent_10yn2_973`,K=`_activePrimary_10yn2_985`,q=`_activeNeutral_10yn2_997`,J=`_linkBar_10yn2_1051`,Y=`_drawerList_10yn2_1113`,X=`_itemDrawer_10yn2_1131`,Z={root:e,sm:t,md:n,lg:r,static:`_static_10yn2_129`,sticky:i,fixed:a,surface:o,transparent:s,scrolled:c,solid:l,bordered:u,elevated:d,inner:f,brand:p,brandLink:m,nav:h,list:g,item:_,alignStart:v,alignCenter:y,alignEnd:b,navGapBase:x,navGapSm:S,navGapMd:C,navGapLg:w,navGapXl:T,navGap2xl:E,actions:D,toggle:O,collapseSm:k,collapseMd:A,collapseLg:j,link:M,linkIcon:N,linkLabel:P,linkBadge:F,linkDrawer:I,groupButton:L,chevron:R,groupOpen:z,panelPositioner:B,panel:V,"panel-enter":`_panel-enter_10yn2_1`,linkPanel:H,active:U,drawerSubList:W,activeAccent:G,activePrimary:K,activeNeutral:q,linkBar:J,drawerList:Y,itemDrawer:X};exports.actions=D,exports.active=U,exports.activeAccent=G,exports.activeNeutral=q,exports.activePrimary=K,exports.alignCenter=y,exports.alignEnd=b,exports.alignStart=v,exports.bordered=u,exports.brand=p,exports.brandLink=m,exports.chevron=R,exports.collapseLg=j,exports.collapseMd=A,exports.collapseSm=k,exports.default=Z,exports.drawerList=Y,exports.drawerSubList=W,exports.elevated=d,exports.fixed=a,exports.groupButton=L,exports.groupOpen=z,exports.inner=f,exports.item=_,exports.itemDrawer=X,exports.lg=r,exports.link=M,exports.linkBadge=F,exports.linkBar=J,exports.linkDrawer=I,exports.linkIcon=N,exports.linkLabel=P,exports.linkPanel=H,exports.list=g,exports.md=n,exports.nav=h,exports.navGap2xl=E,exports.navGapBase=x,exports.navGapLg=w,exports.navGapMd=C,exports.navGapSm=S,exports.navGapXl=T,exports.panel=V,exports.panelPositioner=B,exports.root=e,exports.scrolled=c,exports.sm=t,exports.solid=l,exports.sticky=i,exports.surface=o,exports.toggle=O,exports.transparent=s;

package/dist/components/navigation/Navbar/Navbar.module.css.mjs

@@ -1,10 +1,10 @@
 //#region src/components/navigation/Navbar/Navbar.module.css
-var e = "_root_1oq16_39", t = "_sm_1oq16_75", n = "_md_1oq16_93", r = "_lg_1oq16_109", i = "_sticky_1oq16_137", a = "_fixed_1oq16_149", o = "_surface_1oq16_165", s = "_transparent_1oq16_175", c = "_scrolled_1oq16_187", l = "_solid_1oq16_203", u = "_bordered_1oq16_219", d = "_elevated_1oq16_235", f = "_inner_1oq16_251", p = "_brand_1oq16_269", m = "_brandLink_1oq16_311", h = "_nav_1oq16_347", g = "_list_1oq16_359", _ = "_item_1oq16_383", v = "_alignStart_1oq16_397", y = "_alignCenter_1oq16_403", b = "_alignEnd_1oq16_409", x = "_navGapBase_1oq16_425", S = "_navGapSm_1oq16_433", C = "_navGapMd_1oq16_443", w = "_navGapLg_1oq16_453", T = "_navGapXl_1oq16_463", E = "_navGap2xl_1oq16_473", D = "_actions_1oq16_485", O = "_toggle_1oq16_507", k = "_collapseSm_1oq16_527", A = "_collapseMd_1oq16_545", j = "_collapseLg_1oq16_563", M = "_link_1oq16_587", N = "_linkIcon_1oq16_657", P = "_linkLabel_1oq16_683", F = "_activeAccent_1oq16_719", I = "_activePrimary_1oq16_731", L = "_activeNeutral_1oq16_743", R = "_active_1oq16_719", z = "_linkBar_1oq16_797", B = "_drawerList_1oq16_859", V = "_itemDrawer_1oq16_877", H = "_linkDrawer_1oq16_885", U = {
+var e = "_root_10yn2_39", t = "_sm_10yn2_75", n = "_md_10yn2_93", r = "_lg_10yn2_109", i = "_sticky_10yn2_137", a = "_fixed_10yn2_149", o = "_surface_10yn2_165", s = "_transparent_10yn2_175", c = "_scrolled_10yn2_187", l = "_solid_10yn2_203", u = "_bordered_10yn2_219", d = "_elevated_10yn2_235", f = "_inner_10yn2_251", p = "_brand_10yn2_269", m = "_brandLink_10yn2_311", h = "_nav_10yn2_347", g = "_list_10yn2_359", _ = "_item_10yn2_383", v = "_alignStart_10yn2_397", y = "_alignCenter_10yn2_403", b = "_alignEnd_10yn2_409", x = "_navGapBase_10yn2_425", S = "_navGapSm_10yn2_433", C = "_navGapMd_10yn2_443", w = "_navGapLg_10yn2_453", T = "_navGapXl_10yn2_463", E = "_navGap2xl_10yn2_473", D = "_actions_10yn2_485", O = "_toggle_10yn2_507", k = "_collapseSm_10yn2_527", A = "_collapseMd_10yn2_545", j = "_collapseLg_10yn2_563", M = "_link_10yn2_587", N = "_linkIcon_10yn2_657", P = "_linkLabel_10yn2_683", F = "_linkBadge_10yn2_699", I = "_linkDrawer_10yn2_711", L = "_groupButton_10yn2_731", R = "_chevron_10yn2_765", z = "_groupOpen_10yn2_805", B = "_panelPositioner_10yn2_815", V = "_panel_10yn2_815", H = "_linkPanel_10yn2_883", U = "_active_10yn2_909", W = "_drawerSubList_10yn2_923", G = "_activeAccent_10yn2_973", K = "_activePrimary_10yn2_985", q = "_activeNeutral_10yn2_997", J = "_linkBar_10yn2_1051", Y = "_drawerList_10yn2_1113", X = "_itemDrawer_10yn2_1131", Z = {
 	root: e,
 	sm: t,
 	md: n,
 	lg: r,
-	static: "_static_1oq16_129",
+	static: "_static_10yn2_129",
 	sticky: i,
 	fixed: a,
 	surface: o,
@@ -36,14 +36,23 @@ var e = "_root_1oq16_39", t = "_sm_1oq16_75", n = "_md_1oq16_93", r = "_lg_1oq16
 	link: M,
 	linkIcon: N,
 	linkLabel: P,
-	activeAccent: F,
-	activePrimary: I,
-	activeNeutral: L,
-	active: R,
-	linkBar: z,
-	drawerList: B,
-	itemDrawer: V,
-	linkDrawer: H
+	linkBadge: F,
+	linkDrawer: I,
+	groupButton: L,
+	chevron: R,
+	groupOpen: z,
+	panelPositioner: B,
+	panel: V,
+	"panel-enter": "_panel-enter_10yn2_1",
+	linkPanel: H,
+	active: U,
+	drawerSubList: W,
+	activeAccent: G,
+	activePrimary: K,
+	activeNeutral: q,
+	linkBar: J,
+	drawerList: Y,
+	itemDrawer: X
 };
 //#endregion
-export { D as actions, R as active, F as activeAccent, L as activeNeutral, I as activePrimary, y as alignCenter, b as alignEnd, v as alignStart, u as bordered, p as brand, m as brandLink, j as collapseLg, A as collapseMd, k as collapseSm, U as default, B as drawerList, d as elevated, a as fixed, f as inner, _ as item, V as itemDrawer, r as lg, M as link, z as linkBar, H as linkDrawer, N as linkIcon, P as linkLabel, g as list, n as md, h as nav, E as navGap2xl, x as navGapBase, w as navGapLg, C as navGapMd, S as navGapSm, T as navGapXl, e as root, c as scrolled, t as sm, l as solid, i as sticky, o as surface, O as toggle, s as transparent };
+export { D as actions, U as active, G as activeAccent, q as activeNeutral, K as activePrimary, y as alignCenter, b as alignEnd, v as alignStart, u as bordered, p as brand, m as brandLink, R as chevron, j as collapseLg, A as collapseMd, k as collapseSm, Z as default, Y as drawerList, W as drawerSubList, d as elevated, a as fixed, L as groupButton, z as groupOpen, f as inner, _ as item, X as itemDrawer, r as lg, M as link, F as linkBadge, J as linkBar, I as linkDrawer, N as linkIcon, P as linkLabel, H as linkPanel, g as list, n as md, h as nav, E as navGap2xl, x as navGapBase, w as navGapLg, C as navGapMd, S as navGapSm, T as navGapXl, V as panel, B as panelPositioner, e as root, c as scrolled, t as sm, l as solid, i as sticky, o as surface, O as toggle, s as transparent };