@logicplanes/kaeso-ui 0.1.0 → 0.2.1

package/dist/chunks/{sidebar-C4fL_KMm.js → sidebar-5IA18LuP.js}

@@ -3,27 +3,28 @@ import { t as e } from "./cn-CidVUKMm.js";
 import { r as t } from "./link-provider---9JdxTg.js";
 import { i as n } from "./context-BELWW79w.js";
 import { t as r } from "./icon-CeNQtobn.js";
-import { a as i, l as a, o, r as s, s as c } from "./tooltip-CDu00nzg.js";
-import { r as l } from "./logo-VmXYhIJL.js";
-import { r as u } from "./skeleton-kfuqdl1a.js";
-import { t as d } from "./when-idle-Cy3pinqO.js";
-import { createContext as f, forwardRef as p, useCallback as m, useContext as h, useEffect as g, useId as _, useLayoutEffect as v, useMemo as y, useRef as b, useState as x, useSyncExternalStore as S } from "react";
-import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
-import { ArrowLeft01Icon as E, SidebarLeftIcon as D, UnfoldMoreIcon as O } from "@hugeicons/core-free-icons";
-import { Collapsible as k } from "@base-ui/react/collapsible";
+import { a as i, l as a, o, r as s, s as c } from "./tooltip-DEbCCsru.js";
+import { t as l } from "./observe-resize-DhxhmoyB.js";
+import { t as u } from "./nav-wordmark-DLkItdvo.js";
+import { r as d } from "./skeleton-kfuqdl1a.js";
+import { t as f } from "./when-idle-Cy3pinqO.js";
+import { createContext as p, forwardRef as m, useCallback as h, useContext as g, useEffect as _, useId as v, useLayoutEffect as y, useMemo as b, useRef as x, useState as S, useSyncExternalStore as C } from "react";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { ArrowLeft01Icon as D, SidebarLeftIcon as O, UnfoldMoreIcon as k } from "@hugeicons/core-free-icons";
+import { Collapsible as A } from "@base-ui/react/collapsible";
 //#region src/hooks/use-stored-state.ts
-var A, j;
+var j, M;
 function ee(e) {
 	try {
 		let t = localStorage.getItem(e);
 		if (t !== null) return t;
 	} catch {}
-	return j?.get(e) ?? null;
+	return M?.get(e) ?? null;
 }
 function te(e, t) {
-	A ??= /* @__PURE__ */ new Map();
-	let n = A.get(e);
-	n || A.set(e, n = /* @__PURE__ */ new Set()), n.add(t);
+	j ??= /* @__PURE__ */ new Map();
+	let n = j.get(e);
+	n || j.set(e, n = /* @__PURE__ */ new Set()), n.add(t);
 	let r = (n) => {
 		n.key === e && t();
 	};
@@ -32,14 +33,14 @@ function te(e, t) {
 	};
 }
 var ne = () => () => void 0, re = () => null;
-function M(e, t) {
-	let n = e ? `kaeso:${e}` : void 0, [r, i] = x(t), a = m((e) => n ? te(n, e) : () => void 0, [n]), o = m(() => n ? ee(n) : null, [n]), s = S(n ? a : ne, o, re), c = y(() => {
+function N(e, t) {
+	let n = e ? `kaeso:${e}` : void 0, [r, i] = S(t), a = h((e) => n ? te(n, e) : () => void 0, [n]), o = h(() => n ? ee(n) : null, [n]), s = C(n ? a : ne, o, re), c = b(() => {
 		if (s !== null) try {
 			return { value: JSON.parse(s) };
 		} catch {
 			return;
 		}
-	}, [s]), l = m((e) => {
+	}, [s]), l = h((e) => {
 		if (!n) {
 			i(e);
 			return;
@@ -48,18 +49,18 @@ function M(e, t) {
 		try {
 			localStorage.setItem(n, t);
 		} catch {
-			(j ??= /* @__PURE__ */ new Map()).set(n, t);
+			(M ??= /* @__PURE__ */ new Map()).set(n, t);
 		}
-		A?.get(n)?.forEach((e) => e());
+		j?.get(n)?.forEach((e) => e());
 	}, [n]);
 	return [n ? c ? c.value : t : r, l];
 }
 //#endregion
 //#region src/components/sidebar/sidebar.tsx
-var N = (e) => e.split("**").map((e, t) => t % 2 ? /* @__PURE__ */ w("span", {
+var P = (e) => e.split("**").map((e, t) => t % 2 ? /* @__PURE__ */ T("span", {
 	className: "font-semibold text-fg",
 	children: e
-}, t) : e), P = {
+}, t) : e), F = {
 	mode: {
 		expanded: { classes: "w-(--k-sidebar-width)" },
 		rail: { classes: "w-60" }
@@ -76,7 +77,7 @@ var N = (e) => e.split("**").map((e, t) => t % 2 ? /* @__PURE__ */ w("span", {
 	mode: "expanded",
 	item: "default",
 	caption: "secondary"
-}, F = /* @__PURE__ */ f({
+}, I = /* @__PURE__ */ p({
 	rail: !1,
 	setRail: () => void 0,
 	collapsed: !1,
@@ -86,13 +87,13 @@ var N = (e) => e.split("**").map((e, t) => t % 2 ? /* @__PURE__ */ w("span", {
 	width: 248,
 	setWidth: () => void 0,
 	storageKey: void 0
-}), I = () => h(F), L = /* @__PURE__ */ f(!1), R = /* @__PURE__ */ f(null);
-function z({ children: e, storageKey: t, defaultRail: n = !1, shortcut: r = !0 }) {
-	let [i, a] = M(t ? `${t}:rail` : void 0, n), [o, s] = M(t ? `${t}:width` : void 0, 248), c = B(o), [l, u] = M(t ? `${t}:collapsed` : void 0, !1), [d, f] = x(!1), p = m((e) => {
+}), L = () => g(I), R = /* @__PURE__ */ p(!1), z = /* @__PURE__ */ p(null);
+function B({ children: e, storageKey: t, defaultRail: n = !1, shortcut: r = !0 }) {
+	let [i, a] = N(t ? `${t}:rail` : void 0, n), [o, s] = N(t ? `${t}:width` : void 0, 248), c = V(o), [l, u] = N(t ? `${t}:collapsed` : void 0, !1), [d, f] = S(!1), p = h((e) => {
 		let t = e && !!document.activeElement?.closest("[data-sidebar-root]");
 		u(e), f(!1), t && requestAnimationFrame(() => document.querySelector("[data-sidebar-expand]")?.focus());
 	}, [u]);
-	g(() => {
+	_(() => {
 		if (!r) return;
 		let e = (e) => {
 			let t = e.target;
@@ -104,7 +105,7 @@ function z({ children: e, storageKey: t, defaultRail: n = !1, shortcut: r = !0 }
 		p,
 		r
 	]);
-	let h = y(() => ({
+	let m = b(() => ({
 		rail: i,
 		setRail: a,
 		collapsed: l,
@@ -124,36 +125,36 @@ function z({ children: e, storageKey: t, defaultRail: n = !1, shortcut: r = !0 }
 		s,
 		t
 	]);
-	return /* @__PURE__ */ w(F.Provider, {
-		value: h,
+	return /* @__PURE__ */ T(I.Provider, {
+		value: m,
 		children: e
 	});
 }
-process.env.NODE_ENV !== "production" && (z.displayName = "Sidebar.Provider");
-var ae = 232, oe = 280, B = (e) => Math.round(Math.min(280, Math.max(232, Number.isFinite(e) ? e : 248))), V = /* @__PURE__ */ p(function({ resizable: t = !0, className: r, children: i, style: a, "aria-label": o, ...s }, c) {
-	let { rail: l, width: u, setWidth: d, collapsed: f, setCollapsed: p } = I(), _ = n(), [v, y] = x(null), [S, C] = x(!1), E = b(null);
-	g(() => () => E.current?.(), []);
-	let D = m((e) => {
+process.env.NODE_ENV !== "production" && (B.displayName = "Sidebar.Provider");
+var ae = 232, oe = 280, V = (e) => Math.round(Math.min(280, Math.max(232, Number.isFinite(e) ? e : 248))), H = /* @__PURE__ */ m(function({ resizable: t = !0, className: r, children: i, style: a, "aria-label": o, ...s }, c) {
+	let { rail: l, width: u, setWidth: d, collapsed: f, setCollapsed: p } = L(), m = n(), [v, y] = S(null), [b, C] = S(!1), w = x(null);
+	_(() => () => w.current?.(), []);
+	let D = h((e) => {
 		if (e.button !== 0) return;
-		e.preventDefault(), E.current?.();
+		e.preventDefault(), w.current?.();
 		let t = e.currentTarget, n = e.clientX, r = u, i = !1, a = (e) => {
-			Math.abs(e.clientX - n) > 3 && (i = !0, C(!0)), i && d(B(r + e.clientX - n));
+			Math.abs(e.clientX - n) > 3 && (i = !0, C(!0)), i && d(V(r + e.clientX - n));
 		}, o = () => {
-			t.removeEventListener("pointermove", a), t.removeEventListener("pointerup", s), t.removeEventListener("pointercancel", o), document.body.style.cursor = "", document.body.style.userSelect = "", E.current = null, C(!1);
+			t.removeEventListener("pointermove", a), t.removeEventListener("pointerup", s), t.removeEventListener("pointercancel", o), document.body.style.cursor = "", document.body.style.userSelect = "", w.current = null, C(!1);
 		}, s = () => {
 			o(), i || p(!0);
 		};
-		t.setPointerCapture(e.pointerId), t.addEventListener("pointermove", a), t.addEventListener("pointerup", s), t.addEventListener("pointercancel", o), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", E.current = o;
+		t.setPointerCapture(e.pointerId), t.addEventListener("pointermove", a), t.addEventListener("pointerup", s), t.addEventListener("pointercancel", o), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", w.current = o;
 	}, [
 		u,
 		d,
 		p
-	]), O = h(L), k = f && !O, A = /* @__PURE__ */ w("nav", {
+	]), O = g(R), k = f && !O, A = /* @__PURE__ */ T("nav", {
 		ref: c,
-		"aria-label": o ?? _("sidebar.main", "Main"),
+		"aria-label": o ?? m("sidebar.main", "Main"),
 		"data-rail": l || void 0,
 		"data-sidebar-root": "",
-		className: e("group/sidebar relative flex h-full shrink-0 flex-col bg-chrome text-fg", l ? P.mode.rail.classes : P.mode.expanded.classes, r),
+		className: e("group/sidebar relative flex h-full shrink-0 flex-col bg-chrome text-fg", l ? F.mode.rail.classes : F.mode.expanded.classes, r),
 		style: {
 			"--k-sidebar-width": `${u}px`,
 			...a
@@ -161,9 +162,9 @@ var ae = 232, oe = 280, B = (e) => Math.round(Math.min(280, Math.max(232, Number
 		...s,
 		children: i
 	});
-	return O ? A : /* @__PURE__ */ T("div", {
+	return O ? A : /* @__PURE__ */ E("div", {
 		className: "relative flex h-full shrink-0",
-		children: [/* @__PURE__ */ w("div", {
+		children: [/* @__PURE__ */ T("div", {
 			className: "sidebar-motion relative h-full shrink-0",
 			style: { width: k ? 8 : l ? 60 : u },
 			...k ? {
@@ -171,15 +172,15 @@ var ae = 232, oe = 280, B = (e) => Math.round(Math.min(280, Math.max(232, Number
 				inert: !0,
 				"aria-hidden": !0
 			} : {},
-			children: /* @__PURE__ */ w("div", {
+			children: /* @__PURE__ */ T("div", {
 				className: "sidebar-content-motion h-full",
 				style: { width: l ? 60 : u },
 				children: A
 			})
-		}), t && !l && !k && /* @__PURE__ */ w("div", {
+		}), t && !l && !k && /* @__PURE__ */ T("div", {
 			role: "separator",
 			"aria-orientation": "vertical",
-			"aria-label": _("sidebar.resizeOrCollapse", "Resize sidebar; click to collapse"),
+			"aria-label": m("sidebar.resizeOrCollapse", "Resize sidebar; click to collapse"),
 			"aria-valuemin": 232,
 			"aria-valuemax": 280,
 			"aria-valuenow": u,
@@ -188,68 +189,66 @@ var ae = 232, oe = 280, B = (e) => Math.round(Math.min(280, Math.max(232, Number
 			onPointerMove: (e) => y(Math.round(e.clientY - e.currentTarget.getBoundingClientRect().top)),
 			onPointerLeave: () => y(null),
 			onKeyDown: (e) => {
-				e.key === "ArrowLeft" && d(B(u - 8)), e.key === "ArrowRight" && d(B(u + 8)), (e.key === "Enter" || e.key === " ") && p(!0);
+				e.key === "ArrowLeft" && d(V(u - 8)), e.key === "ArrowRight" && d(V(u + 8)), (e.key === "Enter" || e.key === " ") && p(!0);
 			},
 			className: "absolute top-0 right-0 z-10 h-full w-8 cursor-col-resize rounded-pill focus-ring-inset",
-			children: v !== null && !S && /* @__PURE__ */ T("span", {
+			children: v !== null && !b && /* @__PURE__ */ E("span", {
 				"aria-hidden": !0,
 				className: "pointer-events-none absolute left-16 flex w-max flex-col gap-2 rounded-tooltip bg-tooltip px-12 py-8 text-small text-fg-secondary shadow-raised",
 				style: { top: Math.max(8, (v ?? 0) - 24) },
-				children: [/* @__PURE__ */ w("span", { children: N(_("sidebar.dragToResize", "**Drag** to resize")) }), /* @__PURE__ */ w("span", { children: N(_("sidebar.clickToCollapse", "**Click** to collapse")) })]
+				children: [/* @__PURE__ */ T("span", { children: P(m("sidebar.dragToResize", "**Drag** to resize")) }), /* @__PURE__ */ T("span", { children: P(m("sidebar.clickToCollapse", "**Click** to collapse")) })]
 			})
 		})]
 	});
 });
-process.env.NODE_ENV !== "production" && (V.displayName = "Sidebar");
-var H = /* @__PURE__ */ p(function({ className: t, ...n }, r) {
-	return /* @__PURE__ */ w("div", {
+process.env.NODE_ENV !== "production" && (H.displayName = "Sidebar");
+var U = /* @__PURE__ */ m(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ T("div", {
 		ref: r,
 		className: e("mt-8 flex h-52 shrink-0 items-center gap-4 px-8", t),
 		...n
 	});
 });
-process.env.NODE_ENV !== "production" && (H.displayName = "Sidebar.Header");
-var U = /* @__PURE__ */ p(function({ href: t, label: n = "Kaeso", children: r, className: i }, a) {
-	let { rail: o } = I();
-	return o ? /* @__PURE__ */ w(H, {
+process.env.NODE_ENV !== "production" && (U.displayName = "Sidebar.Header");
+var W = /* @__PURE__ */ m(function({ href: t, label: n = "Kaeso", children: r, className: i }, a) {
+	let { rail: o } = L();
+	return o ? /* @__PURE__ */ T(U, {
 		ref: a,
 		className: e("justify-center px-0", i),
 		children: r
-	}) : /* @__PURE__ */ T(H, {
+	}) : /* @__PURE__ */ E(U, {
 		ref: a,
 		className: e("justify-between pr-8 pl-28", i),
-		children: [/* @__PURE__ */ w(W, {
+		children: [/* @__PURE__ */ T(G, {
 			href: t,
 			label: n
-		}), r && /* @__PURE__ */ w("span", {
+		}), r && /* @__PURE__ */ T("span", {
 			className: "flex items-center",
 			children: r
 		})]
 	});
 });
-process.env.NODE_ENV !== "production" && (U.displayName = "Sidebar.Brand");
-function W({ href: e, label: n = "Kaeso" }) {
+process.env.NODE_ENV !== "production" && (W.displayName = "Sidebar.Brand");
+function G({ href: e, label: n = "Kaeso" }) {
 	let r = t();
-	return e ? /* @__PURE__ */ w(r, {
+	return e ? /* @__PURE__ */ T(r, {
 		href: e,
 		"aria-label": n,
 		className: "-mx-4 flex h-32 items-center rounded-code px-4 text-fg focus-ring",
-		children: /* @__PURE__ */ w(l.Wordmark, {
-			size: "nav",
-			decorative: !0
-		})
-	}) : /* @__PURE__ */ w(l.Wordmark, {
-		size: "nav",
+		children: /* @__PURE__ */ T(u, { decorative: !0 })
+	}) : /* @__PURE__ */ T(u, {
 		title: n,
 		className: "text-fg"
 	});
 }
-process.env.NODE_ENV !== "production" && (W.displayName = "Sidebar.BrandWordmark");
-var se = /* @__PURE__ */ c(() => import("./sidebar-menu-sd9vCpDy.js"));
-function G({ trigger: e, side: t, header: n, footer: r, children: s }) {
-	let [c, l] = x(!1), [u, f] = x(!1), p = a(se, u || c), [m] = x(o), h = b(null), _ = c && !p;
-	g(() => d(() => f(!0)), []), g(() => {
-		if (!_) return;
+process.env.NODE_ENV !== "production" && (G.displayName = "Sidebar.BrandWordmark");
+var se = /* @__PURE__ */ c(() => import("./sidebar-menu-DRWRxcJ3.js"), { base: () => import.meta.url });
+function K({ trigger: e, side: t, header: n, footer: r, children: s }) {
+	let [c, l] = S(!1), [u, d] = S(!1), p = a(se, u || c, () => {
+		d(!1), l(!1);
+	}), [m] = S(o), h = x(null), g = c && !p;
+	_(() => f(() => d(!0)), []), _(() => {
+		if (!g) return;
 		let e = h.current?.ownerDocument ?? document, t = (e) => {
 			e.key === "Escape" && (e.stopPropagation(), l(!1));
 		}, n = (e) => {
@@ -258,8 +257,8 @@ function G({ trigger: e, side: t, header: n, footer: r, children: s }) {
 		return e.addEventListener("keydown", t, !0), e.addEventListener("pointerdown", n, !0), () => {
 			e.removeEventListener("keydown", t, !0), e.removeEventListener("pointerdown", n, !0);
 		};
-	}, [_]);
-	let v = () => f(!0), y = p ? { ref: h } : {
+	}, [g]);
+	let v = () => d(!0), y = p ? { ref: h } : {
 		ref: h,
 		"aria-haspopup": "menu",
 		"aria-expanded": c,
@@ -274,12 +273,12 @@ function G({ trigger: e, side: t, header: n, footer: r, children: s }) {
 			c && e.relatedTarget && !e.currentTarget.contains(e.relatedTarget) && l(!1);
 		}
 	};
-	return /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(i, {
+	return /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(i, {
 		store: m,
 		merge: p?.mergeTriggerProps,
 		extra: y,
 		children: e
-	}), p && /* @__PURE__ */ w(p.SidebarMenuRoot, {
+	}), p && /* @__PURE__ */ T(p.SidebarMenuRoot, {
 		open: c,
 		onOpenChange: l,
 		triggerProps: m,
@@ -289,43 +288,43 @@ function G({ trigger: e, side: t, header: n, footer: r, children: s }) {
 		children: s
 	})] });
 }
-process.env.NODE_ENV !== "production" && (G.displayName = "Sidebar.Menu");
-function K({ avatar: t, label: i, trailing: a, caption: o, captionTone: s = "secondary", children: c, header: l, footer: u, "aria-label": d, className: f, "data-force": p }) {
-	let { rail: m } = I(), h = n(), g = _(), v = o != null && o !== !1 && o !== "";
-	return /* @__PURE__ */ w(G, {
+process.env.NODE_ENV !== "production" && (K.displayName = "Sidebar.Menu");
+function q({ avatar: t, label: i, trailing: a, caption: o, captionTone: s = "secondary", children: c, header: l, footer: u, "aria-label": d, className: f, "data-force": p }) {
+	let { rail: m } = L(), h = n(), g = v(), _ = o != null && o !== !1 && o !== "";
+	return /* @__PURE__ */ T(K, {
 		side: "top",
 		header: l,
 		footer: u,
-		trigger: /* @__PURE__ */ T("button", {
+		trigger: /* @__PURE__ */ E("button", {
 			type: "button",
 			"aria-label": d ?? (typeof i == "string" ? h("sidebar.switchOrOpenSettings", "{label}: switch or open settings", { label: i }) : void 0),
-			...v ? { "aria-describedby": g } : {},
+			..._ ? { "aria-describedby": g } : {},
 			...p ? { "data-force": p } : {},
 			className: e("group/sw flex h-36 w-full min-w-0 cursor-pointer items-center gap-8 rounded-pill px-12 text-left text-body font-medium text-fg transition-control hover:bg-fill-2 open:bg-fill-3 focus-ring-inset", m && "justify-center px-0", f),
 			children: [
 				t,
-				!m && (v ? /* @__PURE__ */ T("span", {
+				!m && (_ ? /* @__PURE__ */ E("span", {
 					className: "flex min-w-0 flex-1 flex-col",
-					children: [/* @__PURE__ */ w("span", {
+					children: [/* @__PURE__ */ T("span", {
 						className: "truncate",
 						children: i
-					}), /* @__PURE__ */ w("span", {
+					}), /* @__PURE__ */ T("span", {
 						id: g,
-						className: e("truncate text-caption font-regular", P.caption[s].classes),
+						className: e("truncate text-caption font-regular", F.caption[s].classes),
 						children: o
 					})]
-				}) : /* @__PURE__ */ w("span", {
+				}) : /* @__PURE__ */ T("span", {
 					className: "min-w-0 flex-1 truncate",
 					children: i
 				})),
-				m && v && /* @__PURE__ */ w("span", {
+				m && _ && /* @__PURE__ */ T("span", {
 					id: g,
 					className: "sr-only",
 					children: o
 				}),
 				!m && a,
-				!m && /* @__PURE__ */ w(r, {
-					icon: O,
+				!m && /* @__PURE__ */ T(r, {
+					icon: k,
 					size: "sm",
 					className: "text-fg-tertiary transition-control group-hover/sw:text-fg-secondary"
 				})
@@ -334,19 +333,19 @@ function K({ avatar: t, label: i, trailing: a, caption: o, captionTone: s = "sec
 		children: c
 	});
 }
-process.env.NODE_ENV !== "production" && (K.displayName = "Sidebar.Switcher");
-function q({ avatar: i, label: a, children: o, href: c, header: l, footer: u, "aria-label": d, className: f, "data-force": p }) {
-	let { rail: m } = I(), h = n(), g = t(), _ = e("group/place flex h-36 w-full min-w-0 items-center gap-8 rounded-pill px-12 text-left text-body font-semibold text-fg", (o || c) && "cursor-pointer transition-control hover:bg-fill-2 open:bg-fill-3 focus-ring-inset", m && "justify-center px-0", f), v = /* @__PURE__ */ T(C, { children: [
-		/* @__PURE__ */ w("span", {
+process.env.NODE_ENV !== "production" && (q.displayName = "Sidebar.Switcher");
+function J({ avatar: i, label: a, children: o, href: c, header: l, footer: u, "aria-label": d, className: f, "data-force": p }) {
+	let { rail: m } = L(), h = n(), g = t(), _ = e("group/place flex h-36 w-full min-w-0 items-center gap-8 rounded-pill px-12 text-left text-body font-semibold text-fg", (o || c) && "cursor-pointer transition-control hover:bg-fill-2 open:bg-fill-3 focus-ring-inset", m && "justify-center px-0", f), v = /* @__PURE__ */ E(w, { children: [
+		/* @__PURE__ */ T("span", {
 			className: "flex size-18 shrink-0 items-center justify-center",
 			children: i
 		}),
-		m ? /* @__PURE__ */ w("span", {
+		m ? /* @__PURE__ */ T("span", {
 			className: "sr-only",
 			children: a
-		}) : /* @__PURE__ */ w(ce, { label: a }),
-		!m && o && /* @__PURE__ */ w(r, {
-			icon: O,
+		}) : /* @__PURE__ */ T(ce, { label: a }),
+		!m && o && /* @__PURE__ */ T(r, {
+			icon: k,
 			size: "sm",
 			className: "text-fg-tertiary transition-control group-hover/place:text-fg-secondary"
 		})
@@ -354,11 +353,11 @@ function q({ avatar: i, label: a, children: o, href: c, header: l, footer: u, "a
 		className: _,
 		...p ? { "data-force": p } : {}
 	};
-	if (o) return /* @__PURE__ */ w(G, {
+	if (o) return /* @__PURE__ */ T(K, {
 		side: "bottom",
 		header: l,
 		footer: u,
-		trigger: /* @__PURE__ */ w("button", {
+		trigger: /* @__PURE__ */ T("button", {
 			type: "button",
 			"aria-label": d ?? h("sidebar.switchPlace", "{label}: switch", { label: a }),
 			...y,
@@ -366,118 +365,116 @@ function q({ avatar: i, label: a, children: o, href: c, header: l, footer: u, "a
 		}),
 		children: o
 	});
-	let b = c ? /* @__PURE__ */ w(g, {
+	let b = c ? /* @__PURE__ */ T(g, {
 		href: c,
 		...d ? { "aria-label": d } : {},
 		...y,
 		children: v
-	}) : /* @__PURE__ */ w("div", {
+	}) : /* @__PURE__ */ T("div", {
 		...y,
 		children: v
 	});
-	return m ? /* @__PURE__ */ w(s, {
+	return m ? /* @__PURE__ */ T(s, {
 		content: a,
 		side: "right",
 		children: b
 	}) : b;
 }
-process.env.NODE_ENV !== "production" && (q.displayName = "Sidebar.Place");
+process.env.NODE_ENV !== "production" && (J.displayName = "Sidebar.Place");
 function ce({ label: e }) {
-	let t = b(null), [n, r] = x(!1);
-	return v(() => {
+	let t = x(null), [n, r] = S(!1);
+	return y(() => {
 		let e = t.current;
 		if (!e || typeof ResizeObserver > "u") return;
 		let n = () => r(e.scrollWidth > e.clientWidth);
-		n();
-		let i = new ResizeObserver(n);
-		return i.observe(e), () => i.disconnect();
-	}, [e]), /* @__PURE__ */ w(s, {
+		return n(), l([e], n);
+	}, [e]), /* @__PURE__ */ T(s, {
 		content: e,
 		side: "right",
 		disabled: !n,
-		children: /* @__PURE__ */ w("span", {
+		children: /* @__PURE__ */ T("span", {
 			ref: t,
 			className: "min-w-0 flex-1 truncate",
 			children: e
 		})
 	});
 }
-var J = /* @__PURE__ */ p(function({ className: t, ...n }, r) {
-	let { rail: i } = I();
-	return /* @__PURE__ */ w("div", {
+var Y = /* @__PURE__ */ m(function({ className: t, ...n }, r) {
+	let { rail: i } = L();
+	return /* @__PURE__ */ T("div", {
 		ref: r,
 		className: e("flex min-h-0 flex-1 flex-col gap-16 overflow-y-auto overscroll-contain pt-8 pb-16 scrollbar-quiet", i ? "px-8" : "px-16", t),
 		...n
 	});
 });
-process.env.NODE_ENV !== "production" && (J.displayName = "Sidebar.Content");
-var Y = /* @__PURE__ */ p(function({ className: t, ...n }, r) {
-	let { rail: i } = I();
-	return /* @__PURE__ */ w("div", {
+process.env.NODE_ENV !== "production" && (Y.displayName = "Sidebar.Content");
+var X = /* @__PURE__ */ m(function({ className: t, ...n }, r) {
+	let { rail: i } = L();
+	return /* @__PURE__ */ T("div", {
 		ref: r,
 		className: e("flex shrink-0 items-center gap-4 pt-8 pb-12", i ? "px-8" : "px-16", t),
 		...n
 	});
 });
-process.env.NODE_ENV !== "production" && (Y.displayName = "Sidebar.Footer");
-var X = /* @__PURE__ */ p(function({ label: t, id: n, defaultOpen: r = !0, collapsible: i = !0, children: a, className: o }, s) {
-	let { storageKey: c, rail: l } = I(), [u, d] = M(c && n ? `${c}:group:${n}` : void 0, r);
-	return !t || !i || l ? /* @__PURE__ */ T("div", {
+process.env.NODE_ENV !== "production" && (X.displayName = "Sidebar.Footer");
+var Z = /* @__PURE__ */ m(function({ label: t, id: n, defaultOpen: r = !0, collapsible: i = !0, children: a, className: o }, s) {
+	let { storageKey: c, rail: l } = L(), [u, d] = N(c && n ? `${c}:group:${n}` : void 0, r);
+	return !t || !i || l ? /* @__PURE__ */ E("div", {
 		ref: s,
 		role: "group",
 		className: e("flex flex-col", o),
-		children: [t && !l && /* @__PURE__ */ w("div", {
+		children: [t && !l && /* @__PURE__ */ T("div", {
 			className: "flex h-28 items-center px-12 text-caption font-medium text-fg-secondary",
 			children: t
-		}), /* @__PURE__ */ w("ul", {
+		}), /* @__PURE__ */ T("ul", {
 			className: "flex flex-col gap-2",
 			children: a
 		})]
-	}) : /* @__PURE__ */ T(k.Root, {
+	}) : /* @__PURE__ */ E(A.Root, {
 		ref: s,
 		open: u,
 		onOpenChange: (e) => d(e),
 		className: e("flex flex-col", o),
-		children: [/* @__PURE__ */ T(k.Trigger, {
+		children: [/* @__PURE__ */ E(A.Trigger, {
 			className: "group/gl relative -mx-0 flex h-28 w-full cursor-pointer items-center gap-4 rounded-pill px-12 text-left text-caption font-medium text-fg-secondary transition-control hover:text-fg focus-ring tap-target",
-			children: [/* @__PURE__ */ w("span", { children: t }), /* @__PURE__ */ w("svg", {
+			children: [/* @__PURE__ */ T("span", { children: t }), /* @__PURE__ */ T("svg", {
 				viewBox: "0 0 8 8",
 				className: "size-8 text-fg-tertiary transition-transform duration-180 group-data-panel-open/gl:rotate-90",
 				"aria-hidden": !0,
-				children: /* @__PURE__ */ w("path", {
+				children: /* @__PURE__ */ T("path", {
 					d: "M2.5 1.5 5.5 4l-3 2.5z",
 					fill: "currentColor"
 				})
 			})]
-		}), /* @__PURE__ */ w(k.Panel, {
+		}), /* @__PURE__ */ T(A.Panel, {
 			className: "collapse-motion",
-			children: /* @__PURE__ */ w("ul", {
+			children: /* @__PURE__ */ T("ul", {
 				className: "flex flex-col gap-2 pt-2",
 				children: a
 			})
 		})]
 	});
 });
-process.env.NODE_ENV !== "production" && (X.displayName = "Sidebar.Group");
+process.env.NODE_ENV !== "production" && (Z.displayName = "Sidebar.Group");
 var le = [
 	"",
 	"pl-32",
 	"pl-52"
-], Z = /* @__PURE__ */ p(function({ children: n, icon: i, leading: a, href: o, onClick: c, active: l, count: u, trailing: d, depth: f = 0, shortcut: p, className: m, "data-force": h }, g) {
-	let { rail: _ } = I(), v = t(), y = e("group/si flex h-32 w-full min-w-0 cursor-pointer items-center gap-8 rounded-pill px-12 text-left text-body font-medium transition-control focus-ring-inset", l ? P.item.active.classes : P.item.default.classes, !_ && le[f], _ && "justify-center px-0", m), b = /* @__PURE__ */ T(C, { children: [
-		a ? /* @__PURE__ */ w("span", {
+], Q = /* @__PURE__ */ m(function({ children: n, icon: i, leading: a, href: o, onClick: c, active: l, count: u, trailing: d, depth: f = 0, shortcut: p, className: m, "data-force": h }, g) {
+	let { rail: _ } = L(), v = t(), y = e("group/si flex h-32 w-full min-w-0 cursor-pointer items-center gap-8 rounded-pill px-12 text-left text-body font-medium transition-control focus-ring-inset", l ? F.item.active.classes : F.item.default.classes, !_ && le[f], _ && "justify-center px-0", m), b = /* @__PURE__ */ E(w, { children: [
+		a ? /* @__PURE__ */ T("span", {
 			className: "flex size-18 shrink-0 items-center justify-center",
 			children: a
-		}) : i && /* @__PURE__ */ w(r, {
+		}) : i && /* @__PURE__ */ T(r, {
 			icon: i,
 			size: "md",
 			className: e("text-fg-secondary transition-control group-hover/si:text-fg", l && "text-fg")
 		}),
-		!_ && /* @__PURE__ */ w("span", {
+		!_ && /* @__PURE__ */ T("span", {
 			className: "min-w-0 flex-1 truncate",
 			children: n
 		}),
-		!_ && u !== void 0 && /* @__PURE__ */ w("span", {
+		!_ && u !== void 0 && /* @__PURE__ */ T("span", {
 			className: e("text-caption font-medium tabular", l ? "text-fg" : "text-fg-tertiary"),
 			children: u
 		}),
@@ -487,22 +484,22 @@ var le = [
 		...l ? { "aria-current": "page" } : {},
 		...h ? { "data-force": h } : {},
 		..._ && typeof n == "string" ? { "aria-label": n } : {}
-	}, S = o ? /* @__PURE__ */ w(v, {
+	}, S = o ? /* @__PURE__ */ T(v, {
 		ref: g,
 		href: o,
 		...x,
 		...c ? { onClick: c } : {},
 		children: b
-	}) : /* @__PURE__ */ w("button", {
+	}) : /* @__PURE__ */ T("button", {
 		ref: g,
 		type: "button",
 		...x,
 		...c ? { onClick: c } : {},
 		children: b
 	});
-	return /* @__PURE__ */ w("li", {
+	return /* @__PURE__ */ T("li", {
 		className: "flex",
-		children: _ ? /* @__PURE__ */ w(s, {
+		children: _ ? /* @__PURE__ */ T(s, {
 			content: n,
 			side: "right",
 			...p ? { shortcut: p } : {},
@@ -510,90 +507,90 @@ var le = [
 		}) : S
 	});
 });
-process.env.NODE_ENV !== "production" && (Z.displayName = "Sidebar.Item");
-var Q = /* @__PURE__ */ p(function({ href: i, children: a, className: o }, s) {
+process.env.NODE_ENV !== "production" && (Q.displayName = "Sidebar.Item");
+var $ = /* @__PURE__ */ m(function({ href: i, children: a, className: o }, s) {
 	let c = t(), l = n();
-	return /* @__PURE__ */ T(c, {
+	return /* @__PURE__ */ E(c, {
 		ref: s,
 		href: i,
 		className: e("flex h-32 items-center gap-8 rounded-pill px-12 text-body font-medium text-fg-secondary transition-control hover:bg-fill-2 hover:text-fg focus-ring-inset", o),
-		children: [/* @__PURE__ */ w(r, {
-			icon: E,
+		children: [/* @__PURE__ */ T(r, {
+			icon: D,
 			size: "md"
 		}), a ?? l("sidebar.backToApp", "Back to app")]
 	});
 });
-process.env.NODE_ENV !== "production" && (Q.displayName = "Sidebar.BackLink");
-function $({ rows: e = 5 }) {
-	return /* @__PURE__ */ w("div", {
+process.env.NODE_ENV !== "production" && ($.displayName = "Sidebar.BackLink");
+function ue({ rows: e = 5 }) {
+	return /* @__PURE__ */ T("div", {
 		className: "flex flex-col gap-2",
 		"aria-busy": !0,
-		children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ T("div", {
+		children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ E("div", {
 			className: "flex h-32 items-center gap-8 px-12",
-			children: [/* @__PURE__ */ w(u, { className: "size-18 rounded-pill" }), /* @__PURE__ */ w(u, {
+			children: [/* @__PURE__ */ T(d, { className: "size-18 rounded-pill" }), /* @__PURE__ */ T(d, {
 				className: "h-12 rounded-pill",
 				style: { width: `${48 + t * 37 % 40}%` }
 			})]
 		}, t))
 	});
 }
-process.env.NODE_ENV !== "production" && ($.displayName = "Sidebar.Loading");
-function ue({ className: t }) {
-	let { collapsed: i, setCollapsed: a } = I(), o = h(R), c = n(), l = o ? o.peek ? c("sidebar.keepOpen", "Keep sidebar open") : c("sidebar.closeNavigation", "Close navigation") : i ? c("sidebar.expand", "Expand sidebar") : c("sidebar.collapse", "Collapse sidebar"), u = () => {
+process.env.NODE_ENV !== "production" && (ue.displayName = "Sidebar.Loading");
+function de({ className: t }) {
+	let { collapsed: i, setCollapsed: a } = L(), o = g(z), c = n(), l = o ? o.peek ? c("sidebar.keepOpen", "Keep sidebar open") : c("sidebar.closeNavigation", "Close navigation") : i ? c("sidebar.expand", "Expand sidebar") : c("sidebar.collapse", "Collapse sidebar"), u = () => {
 		o?.peek ? a(!1) : o ? o.close() : a(!i);
 	};
-	return /* @__PURE__ */ w(s, {
+	return /* @__PURE__ */ T(s, {
 		content: l,
 		...o && !o.peek ? {} : { shortcut: ["["] },
-		children: /* @__PURE__ */ w("button", {
+		children: /* @__PURE__ */ T("button", {
 			type: "button",
 			"aria-label": l,
 			...o ? {} : { "aria-expanded": !i },
 			onClick: u,
 			className: e("inline-flex size-32 cursor-pointer items-center justify-center rounded-pill text-fg-secondary transition-control hover:bg-fill-2 hover:text-fg focus-ring", t),
-			children: /* @__PURE__ */ w(r, {
-				icon: D,
+			children: /* @__PURE__ */ T(r, {
+				icon: O,
 				size: "sm"
 			})
 		})
 	});
 }
-process.env.NODE_ENV !== "production" && (ue.displayName = "Sidebar.CollapseToggle");
-function de({ className: t }) {
-	let { rail: i, setRail: a } = I(), o = n(), c = i ? o("sidebar.expand", "Expand sidebar") : o("sidebar.collapse", "Collapse sidebar");
-	return /* @__PURE__ */ w(s, {
+process.env.NODE_ENV !== "production" && (de.displayName = "Sidebar.CollapseToggle");
+function fe({ className: t }) {
+	let { rail: i, setRail: a } = L(), o = n(), c = i ? o("sidebar.expand", "Expand sidebar") : o("sidebar.collapse", "Collapse sidebar");
+	return /* @__PURE__ */ T(s, {
 		content: c,
 		side: "right",
-		children: /* @__PURE__ */ w("button", {
+		children: /* @__PURE__ */ T("button", {
 			type: "button",
 			"aria-label": c,
 			"aria-pressed": i,
 			onClick: () => a(!i),
 			className: e("inline-flex size-32 items-center justify-center rounded-pill text-fg-secondary transition-control hover:bg-fill-2 hover:text-fg focus-ring", t),
-			children: /* @__PURE__ */ w(r, {
-				icon: D,
+			children: /* @__PURE__ */ T(r, {
+				icon: O,
 				size: "sm"
 			})
 		})
 	});
 }
-process.env.NODE_ENV !== "production" && (de.displayName = "Sidebar.RailToggle");
-var fe = /* @__PURE__ */ Object.assign(V, {
-	Provider: z,
-	Header: H,
-	Brand: U,
-	Switcher: K,
-	Place: q,
-	Content: J,
-	Footer: Y,
-	Group: X,
-	Item: Z,
-	BackLink: Q,
-	Loading: $,
-	RailToggle: de,
-	CollapseToggle: ue
+process.env.NODE_ENV !== "production" && (fe.displayName = "Sidebar.RailToggle");
+var pe = /* @__PURE__ */ Object.assign(H, {
+	Provider: B,
+	Header: U,
+	Brand: W,
+	Switcher: q,
+	Place: J,
+	Content: Y,
+	Footer: X,
+	Group: Z,
+	Item: Q,
+	BackLink: $,
+	Loading: ue,
+	RailToggle: fe,
+	CollapseToggle: de
 });
 //#endregion
-export { ae as a, R as c, oe as i, I as l, ie as n, fe as o, P as r, L as s, W as t };
+export { ae as a, z as c, oe as i, L as l, ie as n, pe as o, F as r, R as s, G as t };
 
-//# sourceMappingURL=sidebar-C4fL_KMm.js.map
+//# sourceMappingURL=sidebar-5IA18LuP.js.map