@vjdesigns/vjdesigns-ui 2.4.0 → 2.5.0

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

@@ -1,40 +1,41 @@
-import { breakpoints as e } from "../../../types/common.mjs";
-import { useControllableState as t } from "../../../hooks/useControllableState.mjs";
-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";
+"use client";
+import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
+import { breakpoints as t } from "../../../types/common.mjs";
+import { useMergedRef as n } from "../../../hooks/useMergedRef.mjs";
+import { cx as r } from "../../../utils/cx.mjs";
+import { responsiveClasses as i, responsiveVars as a } from "../../../utils/responsive.mjs";
+import { Badge as o } from "../../data-display/Badge/Badge.mjs";
+import { Container as s } from "../../layout/Container/Container.mjs";
+import { Drawer as c } from "../../overlays/Drawer/Drawer.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 { useDismiss as f } from "../../../hooks/useDismiss.mjs";
+import { useFloatingPosition as p } from "../../../hooks/useFloatingPosition.mjs";
+import m from "./Navbar.module.css.mjs";
+import { useMessages as h } from "../../utilities/LocaleProvider/LocaleProvider.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
+// src/components/navigation/Navbar/Navbar.tsx
 var O = {
-	accent: h.activeAccent,
-	primary: h.activePrimary,
-	neutral: h.activeNeutral
+	accent: m.activeAccent,
+	primary: m.activePrimary,
+	neutral: m.activeNeutral
 }, k = {
-	surface: h.surface,
-	transparent: h.transparent,
-	solid: h.solid
+	surface: m.surface,
+	transparent: m.transparent,
+	solid: m.solid
 }, ee = {
-	sm: h.sm,
-	md: h.md,
-	lg: h.lg
+	sm: m.sm,
+	md: m.md,
+	lg: m.lg
 }, A = {
-	static: h.static,
-	sticky: h.sticky,
-	fixed: h.fixed
+	static: m.static,
+	sticky: m.sticky,
+	fixed: m.fixed
 }, j = {
-	sm: h.collapseSm,
-	md: h.collapseMd,
-	lg: h.collapseLg
+	sm: m.collapseSm,
+	md: m.collapseMd,
+	lg: m.collapseLg
 }, M = g(null);
 function N(e) {
 	let t = v(M);
@@ -49,12 +50,12 @@ function L(e) {
 	}
 	return document.documentElement;
 }
-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);
+var R = ({ children: i, variant: a = "surface", size: o = "md", position: c = "sticky", reserveScrollPadding: u = !0, bordered: f = !1, elevated: p = !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 = h(), W = F ?? U.navbar.openMenu, G = I ?? U.navbar.menu, K = C(null), q = n(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 = () => {
+		if (!e || c === "static" || !u) return;
+		let t = c === "fixed" ? document.documentElement : L(e), n = t.style.scrollPaddingTop, r = () => {
 			t.style.scrollPaddingTop = `${e.offsetHeight}px`;
 		};
 		r();
@@ -62,18 +63,18 @@ var R = ({ children: n, variant: r = "surface", size: o = "md", position: s = "s
 		return i?.observe(e), () => {
 			i?.disconnect(), t.style.scrollPaddingTop = n;
 		};
-	}, [s, u]);
-	let [J, Y] = t({
+	}, [c, u]);
+	let [J, Y] = e({
 		value: O,
 		defaultValue: N,
 		onChange: P
 	}), 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));
+		let e = window.matchMedia(`(min-width: ${t[T]}px)`), n = () => {
+			e.matches && ($.current = !0, Q(!1));
 		};
-		return n(), t.addEventListener("change", n), () => t.removeEventListener("change", n);
+		return n(), e.addEventListener("change", n), () => e.removeEventListener("change", n);
 	}, [
 		J,
 		T,
@@ -103,7 +104,7 @@ var R = ({ children: n, variant: r = "surface", size: o = "md", position: s = "s
 		toggleRef: Z,
 		registerNav: se,
 		activeTone: z,
-		variant: r,
+		variant: a,
 		openGroup: ae,
 		setOpenGroup: oe
 	}), [
@@ -114,31 +115,31 @@ var R = ({ children: n, variant: r = "surface", size: o = "md", position: s = "s
 		R,
 		se,
 		z,
-		r,
+		a,
 		ae
 	]), le = g && re, ue = te > 0;
 	return /* @__PURE__ */ E(M.Provider, {
 		value: ce,
 		children: /* @__PURE__ */ E("header", {
-			"data-variant": r,
+			"data-variant": a,
 			...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, {
+			className: r(m.root, k[a], ee[o], A[c], j[T], f && m.bordered, (p || le) && m.elevated, le && m.scrolled, B),
+			children: /* @__PURE__ */ D(s, {
 				size: x,
 				fluid: !v,
 				gutter: "responsive",
-				className: h.inner,
-				children: [n, ue && /* @__PURE__ */ E(l, {
+				className: m.inner,
+				children: [i, ue && /* @__PURE__ */ E(l, {
 					ref: Z,
 					"aria-label": W,
 					"aria-haspopup": "dialog",
 					"aria-expanded": J,
 					"aria-controls": J ? X : void 0,
-					variant: r === "solid" ? "solid" : "ghost",
-					tone: r === "solid" ? "primary" : "neutral",
+					variant: a === "solid" ? "solid" : "ghost",
+					tone: a === "solid" ? "primary" : "neutral",
 					size: o,
-					className: h.toggle,
+					className: m.toggle,
 					onClick: () => Q(!J),
 					children: /* @__PURE__ */ E(d, {})
 				})]
@@ -148,53 +149,53 @@ var R = ({ children: n, variant: r = "surface", size: o = "md", position: s = "s
 };
 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__ */ E(t ?? (a ? "a" : "div"), {
-		...i,
-		className: c(h.brand, a && h.brandLink, n),
-		children: r
+	let { as: t, className: n, children: i, ...a } = e, o = t !== void 0 || a.href !== void 0;
+	return /* @__PURE__ */ E(t ?? (o ? "a" : "div"), {
+		...a,
+		className: r(m.brand, o && m.brandLink, n),
+		children: i
 	});
 }
 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");
+	start: m.alignStart,
+	center: m.alignCenter,
+	end: m.alignEnd
+}, V = i(m, "navGap"), H = ({ children: e, align: t = "start", gap: n, className: i, style: o, "aria-label": s, "aria-labelledby": l, ...u }) => {
+	let d = h(), f = s ?? 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", {
+	return a("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,
 		...u,
-		className: c(h.nav, B[t], ...w, r),
+		className: r(m.nav, B[t], ...w, i),
 		style: {
 			...C,
-			...a
+			...o
 		},
 		children: /* @__PURE__ */ E(P.Provider, {
 			value: "bar",
 			children: /* @__PURE__ */ E("ul", {
-				className: h.list,
+				className: m.list,
 				children: e
 			})
 		})
-	}), /* @__PURE__ */ E(m, {
+	}), /* @__PURE__ */ E(c, {
 		open: p,
 		onOpenChange: g,
 		side: y,
 		size: "sm",
 		finalFocusRef: b,
-		children: /* @__PURE__ */ D(m.Content, {
+		children: /* @__PURE__ */ D(c.Content, {
 			id: _,
-			children: [/* @__PURE__ */ E(m.Header, { children: /* @__PURE__ */ E(m.Title, { children: v }) }), /* @__PURE__ */ E(m.Body, { children: /* @__PURE__ */ E("nav", {
+			children: [/* @__PURE__ */ E(c.Header, { children: /* @__PURE__ */ E(c.Title, { children: v }) }), /* @__PURE__ */ E(c.Body, { children: /* @__PURE__ */ E("nav", {
 				"aria-label": l ? void 0 : f,
 				"aria-labelledby": l,
 				children: /* @__PURE__ */ E(P.Provider, {
 					value: "drawer",
 					children: /* @__PURE__ */ E("ul", {
-						className: h.drawerList,
+						className: m.drawerList,
 						children: e
 					})
 				})
@@ -203,12 +204,12 @@ var B = {
 	})] });
 };
 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: c(h.item, a === "drawer" && h.itemDrawer, e),
+var U = ({ className: e, children: t, showIn: n = "both", ref: i, ...a }) => {
+	let o = v(P);
+	return n !== "both" && n !== o ? null : /* @__PURE__ */ E("li", {
+		...a,
+		ref: o === "drawer" ? void 0 : i,
+		className: r(m.item, o === "drawer" && m.itemDrawer, e),
 		children: /* @__PURE__ */ E(I.Provider, {
 			value: !0,
 			children: t
@@ -226,54 +227,54 @@ function G(e, t, n, r) {
 		label: t
 	};
 	return /* @__PURE__ */ D(T, { children: [" ", /* @__PURE__ */ E("span", {
-		className: h.linkBadge,
-		children: typeof e == "number" ? /* @__PURE__ */ E(p, {
+		className: m.linkBadge,
+		children: typeof e == "number" ? /* @__PURE__ */ E(o, {
 			...a,
 			count: e
-		}) : /* @__PURE__ */ E(p, {
+		}) : /* @__PURE__ */ E(o, {
 			...a,
 			children: e
 		})
 	})] });
 }
 var K = {
-	bar: h.linkBar,
-	drawer: h.linkDrawer,
-	panel: h.linkPanel
+	bar: m.linkBar,
+	drawer: m.linkDrawer,
+	panel: m.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?.();
+	let { as: t, active: n = !1, icon: i, badge: a, badgeLabel: o, badgeTone: s, className: c, children: l, onClick: u, "aria-current": d, ref: f, ...p } = e, h = v(P), g = v(I), _ = v(M), y = v(F), b = t ?? "a", x = (e) => {
+		u?.(e), h === "drawer" && _?.setOpen(!1), h === "panel" && y?.();
 	}, S = /* @__PURE__ */ D(b, {
 		...p,
-		ref: m === "drawer" ? void 0 : f,
+		ref: h === "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),
+		className: r(m.link, K[h], n && m.active, n && O[_?.activeTone ?? "accent"], c),
 		children: [
-			r != null && /* @__PURE__ */ E("span", {
-				className: h.linkIcon,
+			i != null && /* @__PURE__ */ E("span", {
+				className: m.linkIcon,
 				"aria-hidden": "true",
-				children: r
+				children: i
 			}),
 			/* @__PURE__ */ E("span", {
-				className: h.linkLabel,
+				className: m.linkLabel,
 				children: l
 			}),
-			G(i, a, o, m === "bar" && _?.variant === "solid")
+			G(a, o, s, h === "bar" && _?.variant === "solid")
 		]
 	});
 	return g ? S : /* @__PURE__ */ E("li", {
-		className: c(h.item, m !== "bar" && h.itemDrawer),
+		className: r(m.item, h !== "bar" && m.itemDrawer),
 		children: S
 	});
 }
 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
+var J = (e) => e ? "bottom-end" : "bottom-start", Y = ({ label: t, icon: n, children: i, active: a = !1, badge: o, badgeLabel: s, badgeTone: c, open: l, defaultOpen: d = !1, onOpenChange: h, 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] = e({
+		value: j ? l : void 0,
+		defaultValue: j ? d : d || a,
+		onChange: j ? h : void 0
 	}), { openGroup: H, setOpenGroup: U } = A;
 	y(() => {
 		j && B && U(M);
@@ -293,7 +294,7 @@ var J = (e) => e ? "bottom-end" : "bottom-start", Y = ({ label: e, icon: i, chil
 	let W = _((e) => {
 		V(!1), e && L.current?.focus();
 	}, [V]);
-	n([L, R], {
+	f([L, R], {
 		active: j && B,
 		onDismiss: (e) => W(e.type === "keydown")
 	});
@@ -301,7 +302,7 @@ var J = (e) => e ? "bottom-end" : "bottom-start", Y = ({ label: e, icon: i, chil
 	x(() => {
 		j && B && L.current && q(getComputedStyle(L.current).direction === "rtl");
 	}, [j, B]);
-	let Y = r(L, R, {
+	let Y = p(L, R, {
 		open: j && B,
 		placement: J(K),
 		offset: 4
@@ -312,20 +313,20 @@ var J = (e) => e ? "bottom-end" : "bottom-start", Y = ({ label: e, icon: i, chil
 		"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]),
+		className: r(m.link, m.groupButton, j ? m.linkBar : m.linkDrawer, B && m.groupOpen, a && m.active, a && O[A.activeTone]),
 		children: [
-			i != null && /* @__PURE__ */ E("span", {
-				className: h.linkIcon,
+			n != null && /* @__PURE__ */ E("span", {
+				className: m.linkIcon,
 				"aria-hidden": "true",
-				children: i
+				children: n
 			}),
 			/* @__PURE__ */ E("span", {
-				className: h.linkLabel,
-				children: e
+				className: m.linkLabel,
+				children: t
 			}),
-			G(s, l, d, j && A.variant === "solid"),
+			G(o, s, c, j && A.variant === "solid"),
 			/* @__PURE__ */ E("span", {
-				className: h.chevron,
+				className: m.chevron,
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ E(u, {})
 			})
@@ -334,7 +335,7 @@ var J = (e) => e ? "bottom-end" : "bottom-start", Y = ({ label: e, icon: i, chil
 	return j ? /* @__PURE__ */ D("li", {
 		...k,
 		ref: T,
-		className: c(h.item, S),
+		className: r(m.item, S),
 		onPointerDown: () => {
 			z.current = !0, window.setTimeout(() => {
 				z.current = !1;
@@ -346,7 +347,7 @@ var J = (e) => e ? "bottom-end" : "bottom-start", Y = ({ label: e, icon: i, chil
 		},
 		children: [X, B && /* @__PURE__ */ E("div", {
 			ref: R,
-			className: h.panelPositioner,
+			className: m.panelPositioner,
 			style: Y.style,
 			children: /* @__PURE__ */ E(P.Provider, {
 				value: "panel",
@@ -354,26 +355,26 @@ var J = (e) => e ? "bottom-end" : "bottom-start", Y = ({ label: e, icon: i, chil
 					value: () => W(!1),
 					children: /* @__PURE__ */ E("ul", {
 						id: I,
-						className: h.panel,
-						children: a
+						className: m.panel,
+						children: i
 					})
 				})
 			})
 		})]
 	}) : /* @__PURE__ */ D("li", {
 		...k,
-		className: c(h.item, h.itemDrawer, S),
+		className: r(m.item, m.itemDrawer, S),
 		children: [X, B && /* @__PURE__ */ E("ul", {
 			id: I,
-			className: h.drawerSubList,
-			children: a
+			className: m.drawerSubList,
+			children: i
 		})]
 	});
 };
 Y.displayName = "Navbar.Group";
 var X = ({ className: e, children: t, ...n }) => /* @__PURE__ */ E("div", {
 	...n,
-	className: c(h.actions, e),
+	className: r(m.actions, e),
 	children: t
 });
 X.displayName = "Navbar.Actions";
@@ -385,5 +386,4 @@ var Z = Object.assign(R, {
 	Group: Y,
 	Actions: X
 });
-//#endregion
 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.mjs

@@ -1,4 +1,4 @@
-//#region src/components/navigation/Navbar/Navbar.module.css
+// src/components/navigation/Navbar/Navbar.module.css
 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,
@@ -54,5 +54,4 @@ var e = "_root_10yn2_39", t = "_sm_10yn2_75", n = "_md_10yn2_93", r = "_lg_10yn2
 	drawerList: Y,
 	itemDrawer: X
 };
-//#endregion
 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 };

package/dist/components/navigation/Pagination/Pagination.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),n=require("../../../utils/cx.cjs.js"),r=require("../../primitives/Button/Button.cjs.js"),i=require("../../primitives/Icon/icons.cjs.js"),a=require("./Pagination.module.css.cjs.js");let o=require("react"),s=require("react/jsx-runtime");var c=(e,t)=>e>t?[]:Array.from({length:t-e+1},(t,n)=>e+n),l=(e,t)=>Math.max(0,Math.floor(Number.isFinite(e)?e:t));function u({page:e,pageCount:t,siblingCount:n=1,boundaryCount:r=1}){let i=l(t,0);if(i===0)return[];let a=l(n,1),o=l(r,1),s=Math.min(Math.max(1,Math.floor(e)||1),i);if(i<=2*o+2*a+3)return c(1,i);let u=c(1,Math.min(o,i)),d=c(Math.max(i-o+1,o+1),i),f=Math.max(Math.min(s-a,i-o-a*2-1),o+2),p=Math.min(Math.max(s+a,o+a*2+2),i-o-1),m=[...u];return f>o+2?m.push(`ellipsis-start`):o+1<i-o&&m.push(o+1),m.push(...c(f,p)),p<i-o-1?m.push(`ellipsis-end`):i-o>o&&m.push(i-o),m.push(...d),m}var d={sm:a.default.sm,md:a.default.md,lg:a.default.lg},f=e=>(t,n,r)=>{switch(t){case`previous`:return e.previous;case`next`:return e.next;case`first`:return e.first;case`last`:return e.last;default:return r?e.currentPage(n):e.goToPage(n)}},p=e=>(t,n)=>(0,s.jsx)(s.Fragment,{children:e.split(/(\{page\}|\{total\})/).map((e,r)=>e===`{page}`?(0,s.jsx)(`strong`,{className:a.default.statusNumber,children:t},r):e===`{total}`?(0,s.jsx)(`strong`,{className:a.default.statusNumber,children:n},r):e)}),m=({pageCount:c,page:m,defaultPage:h=1,onPageChange:g,siblingCount:_=1,boundaryCount:v=1,showFirstLast:y=!1,compact:b=!1,size:x=`md`,variant:S=`ghost`,disabled:C=!1,getHref:w,onLinkClick:T,getItemAriaLabel:E,formatStatus:D,className:O,"aria-label":k,"aria-labelledby":A,...j})=>{let M=t.useMessages(),N=E??f(M.pagination),P=D??p(M.pagination.status),F=l(c,0),[I,L]=e.useControllableState({value:m,defaultValue:h,onChange:g}),R=F===0?1:Math.min(Math.max(1,Math.floor(I)||1),F),z=(0,o.useRef)(null),B=(0,o.useRef)(null);(0,o.useEffect)(()=>{let e=B.current;if(!e)return;B.current=null;let t=z.current;(t?.querySelector(`[aria-current="page"]`)??t?.querySelector(`[data-pagination-item="${e}"]:not([disabled])`)??t?.querySelector(`button:not([disabled]), a[href]`))?.focus()},[R]);let V=R<=1,H=R>=F,U=(e,t)=>{let n=Math.min(Math.max(1,e),Math.max(1,F));n!==R&&(t&&(n===1||n===F)&&(B.current=n===1?`next`:`previous`,requestAnimationFrame(()=>{B.current=null})),L(n))},W=(e,t,n=!1)=>{let r=Math.min(Math.max(1,e),Math.max(1,F));return{...w&&!n&&F>0?{href:w(r)}:{},onClick:e=>{if(!w){U(r,t);return}e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||(T?.(r,e),e.defaultPrevented&&U(r,t))}}},G=(e,t,n,i)=>(0,s.jsx)(`li`,{className:a.default.item,children:(0,s.jsx)(r.IconButton,{...W(t,!0,C||n),variant:S,tone:`neutral`,size:x,disabled:C||n,"aria-label":N(e,t,!1),"data-pagination-item":e,children:i})},e),K=[y&&G(`first`,1,V,(0,s.jsx)(i.ChevronsLeftIcon,{})),G(`previous`,R-1,V,(0,s.jsx)(i.ChevronLeftIcon,{}))],q=[G(`next`,R+1,H,(0,s.jsx)(i.ChevronRightIcon,{})),y&&G(`last`,F,H,(0,s.jsx)(i.ChevronsRightIcon,{}))],J;return J=b?(0,s.jsx)(`li`,{className:n.cx(a.default.item,a.default.statusItem),children:(0,s.jsx)(`span`,{className:a.default.status,"aria-live":`polite`,"aria-atomic":`true`,"aria-disabled":C||void 0,children:F===0?P(0,0):P(R,F)})},`status`):u({page:R,pageCount:F,siblingCount:_,boundaryCount:v}).map(e=>{if(typeof e!=`number`)return(0,s.jsx)(`li`,{className:n.cx(a.default.item,a.default.ellipsis),"aria-hidden":`true`,children:`…`},e);let t=e===R;return(0,s.jsx)(`li`,{className:n.cx(a.default.item,t&&a.default.current),children:(0,s.jsx)(r.Button,{...W(e,!1,C),variant:t?`solid`:S,tone:t?`primary`:`neutral`,size:x,compact:!0,disabled:C,"aria-current":t?`page`:void 0,"aria-label":N(`page`,e,t),"data-pagination-item":`page`,children:e})},`page-${e}`)}),(0,s.jsx)(`nav`,{...j,"aria-label":A?k:k??M.pagination.nav,"aria-labelledby":A,className:n.cx(a.default.root,d[x],b&&a.default.compact,C&&a.default.disabled,O),children:(0,s.jsxs)(`ul`,{ref:z,className:a.default.list,children:[K,J,q]})})};exports.Pagination=m,exports.getPaginationRange=u;
+"use client";const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../primitives/Button/Button.cjs.js"),r=require("../../primitives/Icon/icons.cjs.js"),i=require("./Pagination.module.css.cjs.js"),a=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js");let o=require("react"),s=require("react/jsx-runtime");var c=(e,t)=>e>t?[]:Array.from({length:t-e+1},(t,n)=>e+n),l=(e,t)=>Math.max(0,Math.floor(Number.isFinite(e)?e:t));function u({page:e,pageCount:t,siblingCount:n=1,boundaryCount:r=1}){let i=l(t,0);if(i===0)return[];let a=l(n,1),o=l(r,1),s=Math.min(Math.max(1,Math.floor(e)||1),i);if(i<=2*o+2*a+3)return c(1,i);let u=c(1,Math.min(o,i)),d=c(Math.max(i-o+1,o+1),i),f=Math.max(Math.min(s-a,i-o-a*2-1),o+2),p=Math.min(Math.max(s+a,o+a*2+2),i-o-1),m=[...u];return f>o+2?m.push(`ellipsis-start`):o+1<i-o&&m.push(o+1),m.push(...c(f,p)),p<i-o-1?m.push(`ellipsis-end`):i-o>o&&m.push(i-o),m.push(...d),m}var d={sm:i.default.sm,md:i.default.md,lg:i.default.lg},f=e=>(t,n,r)=>{switch(t){case`previous`:return e.previous;case`next`:return e.next;case`first`:return e.first;case`last`:return e.last;default:return r?e.currentPage(n):e.goToPage(n)}},p=e=>(t,n)=>(0,s.jsx)(s.Fragment,{children:e.split(/(\{page\}|\{total\})/).map((e,r)=>e===`{page}`?(0,s.jsx)(`strong`,{className:i.default.statusNumber,children:t},r):e===`{total}`?(0,s.jsx)(`strong`,{className:i.default.statusNumber,children:n},r):e)}),m=({pageCount:c,page:m,defaultPage:h=1,onPageChange:g,siblingCount:_=1,boundaryCount:v=1,showFirstLast:y=!1,compact:b=!1,size:x=`md`,variant:S=`ghost`,disabled:C=!1,getHref:w,onLinkClick:T,getItemAriaLabel:E,formatStatus:D,className:O,"aria-label":k,"aria-labelledby":A,...j})=>{let M=a.useMessages(),N=E??f(M.pagination),P=D??p(M.pagination.status),F=l(c,0),[I,L]=e.useControllableState({value:m,defaultValue:h,onChange:g}),R=F===0?1:Math.min(Math.max(1,Math.floor(I)||1),F),z=(0,o.useRef)(null),B=(0,o.useRef)(null);(0,o.useEffect)(()=>{let e=B.current;if(!e)return;B.current=null;let t=z.current;(t?.querySelector(`[aria-current="page"]`)??t?.querySelector(`[data-pagination-item="${e}"]:not([disabled])`)??t?.querySelector(`button:not([disabled]), a[href]`))?.focus()},[R]);let V=R<=1,H=R>=F,U=(e,t)=>{let n=Math.min(Math.max(1,e),Math.max(1,F));n!==R&&(t&&(n===1||n===F)&&(B.current=n===1?`next`:`previous`,requestAnimationFrame(()=>{B.current=null})),L(n))},W=(e,t,n=!1)=>{let r=Math.min(Math.max(1,e),Math.max(1,F));return{...w&&!n&&F>0?{href:w(r)}:{},onClick:e=>{w?e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||(T?.(r,e),e.defaultPrevented&&U(r,t)):U(r,t)}}},G=(e,t,r,a)=>(0,s.jsx)(`li`,{className:i.default.item,children:(0,s.jsx)(n.IconButton,{...W(t,!0,C||r),variant:S,tone:`neutral`,size:x,disabled:C||r,"aria-label":N(e,t,!1),"data-pagination-item":e,children:a})},e),K=[y&&G(`first`,1,V,(0,s.jsx)(r.ChevronsLeftIcon,{})),G(`previous`,R-1,V,(0,s.jsx)(r.ChevronLeftIcon,{}))],q=[G(`next`,R+1,H,(0,s.jsx)(r.ChevronRightIcon,{})),y&&G(`last`,F,H,(0,s.jsx)(r.ChevronsRightIcon,{}))],J;return J=b?(0,s.jsx)(`li`,{className:t.cx(i.default.item,i.default.statusItem),children:(0,s.jsx)(`span`,{className:i.default.status,"aria-live":`polite`,"aria-atomic":`true`,"aria-disabled":C||void 0,children:F===0?P(0,0):P(R,F)})},`status`):u({page:R,pageCount:F,siblingCount:_,boundaryCount:v}).map(e=>{if(typeof e!=`number`)return(0,s.jsx)(`li`,{className:t.cx(i.default.item,i.default.ellipsis),"aria-hidden":`true`,children:`…`},e);let r=e===R;return(0,s.jsx)(`li`,{className:t.cx(i.default.item,r&&i.default.current),children:(0,s.jsx)(n.Button,{...W(e,!1,C),variant:r?`solid`:S,tone:r?`primary`:`neutral`,size:x,compact:!0,disabled:C,"aria-current":r?`page`:void 0,"aria-label":N(`page`,e,r),"data-pagination-item":`page`,children:e})},`page-${e}`)}),(0,s.jsx)(`nav`,{...j,"aria-label":A?k:k??M.pagination.nav,"aria-labelledby":A,className:t.cx(i.default.root,d[x],b&&i.default.compact,C&&i.default.disabled,O),children:(0,s.jsxs)(`ul`,{ref:z,className:i.default.list,children:[K,J,q]})})};exports.Pagination=m,exports.getPaginationRange=u;

package/dist/components/navigation/Pagination/Pagination.mjs

@@ -1,12 +1,13 @@
+"use client";
 import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
-import { useMessages as t } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { cx as n } from "../../../utils/cx.mjs";
-import { Button as r, IconButton as i } from "../../primitives/Button/Button.mjs";
-import { ChevronLeftIcon as a, ChevronRightIcon as o, ChevronsLeftIcon as s, ChevronsRightIcon as c } from "../../primitives/Icon/icons.mjs";
-import l from "./Pagination.module.css.mjs";
+import { cx as t } from "../../../utils/cx.mjs";
+import { Button as n, IconButton as r } from "../../primitives/Button/Button.mjs";
+import { ChevronLeftIcon as i, ChevronRightIcon as a, ChevronsLeftIcon as o, ChevronsRightIcon as s } from "../../primitives/Icon/icons.mjs";
+import c from "./Pagination.module.css.mjs";
+import { useMessages as l } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
 import { useEffect as u, useRef as d } from "react";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-//#region src/components/navigation/Pagination/Pagination.tsx
+// src/components/navigation/Pagination/Pagination.tsx
 var h = (e, t) => e > t ? [] : Array.from({ length: t - e + 1 }, (t, n) => e + n), g = (e, t) => Math.max(0, Math.floor(Number.isFinite(e) ? e : t));
 function _({ page: e, pageCount: t, siblingCount: n = 1, boundaryCount: r = 1 }) {
 	let i = g(t, 0);
@@ -17,9 +18,9 @@ function _({ page: e, pageCount: t, siblingCount: n = 1, boundaryCount: r = 1 })
 	return u > o + 2 ? f.push("ellipsis-start") : o + 1 < i - o && f.push(o + 1), f.push(...h(u, d)), d < i - o - 1 ? f.push("ellipsis-end") : i - o > o && f.push(i - o), f.push(...l), f;
 }
 var v = {
-	sm: l.sm,
-	md: l.md,
-	lg: l.lg
+	sm: c.sm,
+	md: c.md,
+	lg: c.lg
 }, y = (e) => (t, n, r) => {
 	switch (t) {
 		case "previous": return e.previous;
@@ -29,13 +30,13 @@ var v = {
 		default: return r ? e.currentPage(n) : e.goToPage(n);
 	}
 }, ee = (e) => (t, n) => /* @__PURE__ */ p(f, { children: e.split(/(\{page\}|\{total\})/).map((e, r) => e === "{page}" ? /* @__PURE__ */ p("strong", {
-	className: l.statusNumber,
+	className: c.statusNumber,
 	children: t
 }, r) : e === "{total}" ? /* @__PURE__ */ p("strong", {
-	className: l.statusNumber,
+	className: c.statusNumber,
 	children: n
 }, r) : e) }), b = ({ pageCount: f, page: h, defaultPage: b = 1, onPageChange: x, siblingCount: S = 1, boundaryCount: C = 1, showFirstLast: w = !1, compact: T = !1, size: E = "md", variant: D = "ghost", disabled: O = !1, getHref: k, onLinkClick: A, getItemAriaLabel: j, formatStatus: M, className: N, "aria-label": P, "aria-labelledby": F, ...I }) => {
-	let L = t(), R = j ?? y(L.pagination), z = M ?? ee(L.pagination.status), B = g(f, 0), [V, H] = e({
+	let L = l(), R = j ?? y(L.pagination), z = M ?? ee(L.pagination.status), B = g(f, 0), [V, H] = e({
 		value: h,
 		defaultValue: b,
 		onChange: x
@@ -57,16 +58,12 @@ var v = {
 		return {
 			...k && !n && B > 0 ? { href: k(r) } : {},
 			onClick: (e) => {
-				if (!k) {
-					J(r, t);
-					return;
-				}
-				e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || (A?.(r, e), e.defaultPrevented && J(r, t));
+				k ? e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || (A?.(r, e), e.defaultPrevented && J(r, t)) : J(r, t);
 			}
 		};
-	}, X = (e, t, n, r) => /* @__PURE__ */ p("li", {
-		className: l.item,
-		children: /* @__PURE__ */ p(i, {
+	}, X = (e, t, n, i) => /* @__PURE__ */ p("li", {
+		className: c.item,
+		children: /* @__PURE__ */ p(r, {
 			...Y(t, !0, O || n),
 			variant: D,
 			tone: "neutral",
@@ -74,13 +71,13 @@ var v = {
 			disabled: O || n,
 			"aria-label": R(e, t, !1),
 			"data-pagination-item": e,
-			children: r
+			children: i
 		})
-	}, e), Z = [w && X("first", 1, K, /* @__PURE__ */ p(s, {})), X("previous", U - 1, K, /* @__PURE__ */ p(a, {}))], Q = [X("next", U + 1, q, /* @__PURE__ */ p(o, {})), w && X("last", B, q, /* @__PURE__ */ p(c, {}))], $;
+	}, e), Z = [w && X("first", 1, K, /* @__PURE__ */ p(o, {})), X("previous", U - 1, K, /* @__PURE__ */ p(i, {}))], Q = [X("next", U + 1, q, /* @__PURE__ */ p(a, {})), w && X("last", B, q, /* @__PURE__ */ p(s, {}))], $;
 	return $ = T ? /* @__PURE__ */ p("li", {
-		className: n(l.item, l.statusItem),
+		className: t(c.item, c.statusItem),
 		children: /* @__PURE__ */ p("span", {
-			className: l.status,
+			className: c.status,
 			"aria-live": "polite",
 			"aria-atomic": "true",
 			"aria-disabled": O || void 0,
@@ -93,22 +90,22 @@ var v = {
 		boundaryCount: C
 	}).map((e) => {
 		if (typeof e != "number") return /* @__PURE__ */ p("li", {
-			className: n(l.item, l.ellipsis),
+			className: t(c.item, c.ellipsis),
 			"aria-hidden": "true",
 			children: "…"
 		}, e);
-		let t = e === U;
+		let r = e === U;
 		return /* @__PURE__ */ p("li", {
-			className: n(l.item, t && l.current),
-			children: /* @__PURE__ */ p(r, {
+			className: t(c.item, r && c.current),
+			children: /* @__PURE__ */ p(n, {
 				...Y(e, !1, O),
-				variant: t ? "solid" : D,
-				tone: t ? "primary" : "neutral",
+				variant: r ? "solid" : D,
+				tone: r ? "primary" : "neutral",
 				size: E,
 				compact: !0,
 				disabled: O,
-				"aria-current": t ? "page" : void 0,
-				"aria-label": R("page", e, t),
+				"aria-current": r ? "page" : void 0,
+				"aria-label": R("page", e, r),
 				"data-pagination-item": "page",
 				children: e
 			})
@@ -117,10 +114,10 @@ var v = {
 		...I,
 		"aria-label": F ? P : P ?? L.pagination.nav,
 		"aria-labelledby": F,
-		className: n(l.root, v[E], T && l.compact, O && l.disabled, N),
+		className: t(c.root, v[E], T && c.compact, O && c.disabled, N),
 		children: /* @__PURE__ */ m("ul", {
 			ref: W,
-			className: l.list,
+			className: c.list,
 			children: [
 				Z,
 				$,
@@ -129,5 +126,4 @@ var v = {
 		})
 	});
 };
-//#endregion
 export { b as Pagination, _ as getPaginationRange };

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

@@ -1,4 +1,4 @@
-//#region src/components/navigation/Pagination/Pagination.module.css
+// src/components/navigation/Pagination/Pagination.module.css
 var e = "_root_wi9ss_17", t = "_sm_wi9ss_35", n = "_md_wi9ss_47", r = "_lg_wi9ss_59", i = "_list_wi9ss_71", a = "_item_wi9ss_93", o = "_current_wi9ss_109", s = "_ellipsis_wi9ss_153", c = "_statusItem_wi9ss_179", l = "_status_wi9ss_179", u = "_statusNumber_wi9ss_207", d = "_compact_wi9ss_221", f = "_disabled_wi9ss_233", p = {
 	root: e,
 	sm: t,
@@ -15,5 +15,4 @@ var e = "_root_wi9ss_17", t = "_sm_wi9ss_35", n = "_md_wi9ss_47", r = "_lg_wi9ss
 	compact: d,
 	disabled: f
 };
-//#endregion
 export { d as compact, o as current, p as default, f as disabled, s as ellipsis, a as item, r as lg, i as list, n as md, e as root, t as sm, l as status, c as statusItem, u as statusNumber };

package/dist/components/navigation/Sidebar/Sidebar.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../hooks/useFocusTrap.cjs.js"),n=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),r=require("../../../hooks/useMergedRef.cjs.js"),i=require("../../../utils/cx.cjs.js"),a=require("../../overlays/Drawer/Drawer.cjs.js"),o=require("./SidebarContext.cjs.js"),s=require("./Sidebar.module.css.cjs.js"),c=require("./SidebarParts.cjs.js");let l=require("react"),u=require("react/jsx-runtime");var d={sm:s.default.sm,md:s.default.md,lg:s.default.lg};function f({memory:e}){let n=(0,l.useRef)(null);return(0,l.useLayoutEffect)(()=>{let r=n.current?.parentElement;return()=>{let n=document.activeElement;r&&n instanceof HTMLElement&&r.contains(n)&&(e.current=t.getFocusable(r).indexOf(n))}},[e]),(0,u.jsx)(`span`,{ref:n,hidden:!0})}var p=({children:c,mode:p=`static`,collapsed:m,defaultCollapsed:h=!1,onCollapsedChange:g,open:_,defaultOpen:v=!1,onOpenChange:y,closeOnNavigate:b=!0,overlayLabel:x,size:S=`md`,tooltipPlacement:C=`end`,id:w,className:T,"aria-label":E,"aria-labelledby":D,ref:O,...k})=>{let A=(0,l.useRef)(null),j=r.useMergedRef(A,O),[M]=(0,l.useState)(()=>new Map),N=(0,l.useRef)(null);(0,l.useEffect)(()=>{let e=N.current;N.current=null;let n=A.current;if(e===null||e<0||!n)return;let r=t.getFocusable(n);(r[e]??r[0])?.focus()},[p]);let P=n.useMessages(),F=(0,l.useId)(),I=w??`sidebar-${F}`,L=D?void 0:E??P.sidebar.nav,[R,z]=e.useControllableState({value:m,defaultValue:h,onChange:g}),[B,V]=e.useControllableState({value:_,defaultValue:v,onChange:y}),H=p===`overlay`,U=!H&&R,W=H&&B,G=(0,l.useCallback)(e=>z(e),[z]),K=(0,l.useCallback)(e=>V(e),[V]),q=(0,l.useCallback)(()=>{H&&b&&V(!1)},[H,b,V]),J=(0,l.useMemo)(()=>({mode:p,collapsed:U,setCollapsed:G,open:W,setOpen:K,size:S,navId:I,tooltipPlacement:C,onNavigate:q,groupOpen:M}),[p,U,G,W,K,S,I,C,q,M]),Y=(0,u.jsxs)(`nav`,{...k,ref:j,id:I,"aria-label":L,"aria-labelledby":D,"data-mode":p,"data-collapsed":U||void 0,className:i.cx(s.default.root,d[S],H?s.default.overlay:s.default.static,U&&s.default.collapsed,T),children:[(0,u.jsx)(f,{memory:N}),c]});return(0,u.jsx)(o.SidebarContext.Provider,{value:J,children:H?(0,u.jsx)(a.Drawer,{open:W,onOpenChange:K,side:`start`,size:`sm`,children:(0,u.jsx)(a.Drawer.Content,{"aria-label":x??E??P.sidebar.nav,children:Y})}):Y})};p.displayName=`Sidebar`;var m=Object.assign(p,{Header:c.SidebarHeader,Body:c.SidebarBody,Section:c.SidebarSection,Item:c.SidebarItem,Group:c.SidebarGroup,Footer:c.SidebarFooter,Toggle:c.SidebarToggle});exports.Sidebar=m,exports.SidebarBody=c.SidebarBody,exports.SidebarFooter=c.SidebarFooter,exports.SidebarGroup=c.SidebarGroup,exports.SidebarHeader=c.SidebarHeader,exports.SidebarItem=c.SidebarItem,exports.SidebarSection=c.SidebarSection,exports.SidebarToggle=c.SidebarToggle,exports.useSidebar=o.useSidebar;
+"use client";const e=require("../../../hooks/useFocusTrap.cjs.js"),t=require("../../../hooks/useMergedRef.cjs.js"),n=require("../../../hooks/useControllableState.cjs.js"),r=require("../../../utils/cx.cjs.js"),i=require("../../overlays/Drawer/Drawer.cjs.js"),a=require("./SidebarContext.cjs.js"),o=require("./SidebarParts.cjs.js"),s=require("./Sidebar.module.css.cjs.js"),c=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js");let l=require("react"),u=require("react/jsx-runtime");var d={sm:s.default.sm,md:s.default.md,lg:s.default.lg};function f({memory:t}){let n=(0,l.useRef)(null);return(0,l.useLayoutEffect)(()=>{let r=n.current?.parentElement;return()=>{let n=document.activeElement;r&&n instanceof HTMLElement&&r.contains(n)&&(t.current=e.getFocusable(r).indexOf(n))}},[t]),(0,u.jsx)(`span`,{ref:n,hidden:!0})}var p=({children:o,mode:p=`static`,collapsed:m,defaultCollapsed:h=!1,onCollapsedChange:g,open:_,defaultOpen:v=!1,onOpenChange:y,closeOnNavigate:b=!0,overlayLabel:x,size:S=`md`,tooltipPlacement:C=`end`,id:w,className:T,"aria-label":E,"aria-labelledby":D,ref:O,...k})=>{let A=(0,l.useRef)(null),j=t.useMergedRef(A,O),[M]=(0,l.useState)(()=>new Map),N=(0,l.useRef)(null);(0,l.useEffect)(()=>{let t=N.current;N.current=null;let n=A.current;if(t===null||t<0||!n)return;let r=e.getFocusable(n);(r[t]??r[0])?.focus()},[p]);let P=c.useMessages(),F=(0,l.useId)(),I=w??`sidebar-${F}`,L=D?void 0:E??P.sidebar.nav,[R,z]=n.useControllableState({value:m,defaultValue:h,onChange:g}),[B,V]=n.useControllableState({value:_,defaultValue:v,onChange:y}),H=p===`overlay`,U=!H&&R,W=H&&B,G=(0,l.useCallback)(e=>z(e),[z]),K=(0,l.useCallback)(e=>V(e),[V]),q=(0,l.useCallback)(()=>{H&&b&&V(!1)},[H,b,V]),J=(0,l.useMemo)(()=>({mode:p,collapsed:U,setCollapsed:G,open:W,setOpen:K,size:S,navId:I,tooltipPlacement:C,onNavigate:q,groupOpen:M}),[p,U,G,W,K,S,I,C,q,M]),Y=(0,u.jsxs)(`nav`,{...k,ref:j,id:I,"aria-label":L,"aria-labelledby":D,"data-mode":p,"data-collapsed":U||void 0,className:r.cx(s.default.root,d[S],H?s.default.overlay:s.default.static,U&&s.default.collapsed,T),children:[(0,u.jsx)(f,{memory:N}),o]});return(0,u.jsx)(a.SidebarContext.Provider,{value:J,children:H?(0,u.jsx)(i.Drawer,{open:W,onOpenChange:K,side:`start`,size:`sm`,children:(0,u.jsx)(i.Drawer.Content,{"aria-label":x??E??P.sidebar.nav,children:Y})}):Y})};p.displayName=`Sidebar`;var m=Object.assign(p,{Header:o.SidebarHeader,Body:o.SidebarBody,Section:o.SidebarSection,Item:o.SidebarItem,Group:o.SidebarGroup,Footer:o.SidebarFooter,Toggle:o.SidebarToggle});exports.Sidebar=m,exports.SidebarBody=o.SidebarBody,exports.SidebarFooter=o.SidebarFooter,exports.SidebarGroup=o.SidebarGroup,exports.SidebarHeader=o.SidebarHeader,exports.SidebarItem=o.SidebarItem,exports.SidebarSection=o.SidebarSection,exports.SidebarToggle=o.SidebarToggle,exports.useSidebar=a.useSidebar;