@logicplanes/kaeso-ui 0.3.7 → 0.3.8

package/dist/chunks/{sidebar-Dey1ZfGt.js → sidebar-ZSTPK9Jn.js}

@@ -3,28 +3,29 @@ import { t as e } from "./cn-DUDmdLpZ.js";
 import { r as t } from "./link-provider-BsUxhZKG.js";
 import { i as n } from "./context-BELWW79w.js";
 import { t as r } from "./icon-BqujXDUc.js";
-import { a as i, l as a, o, r as s, s as c } from "./tooltip-S1DmyLVl.js";
+import { a as i, l as a, o, r as s, s as c } from "./tooltip-CTBnfiDH.js";
 import { t as l } from "./observe-resize-DhxhmoyB.js";
 import { t as u } from "./nav-wordmark-DmbT1Aiw.js";
 import { r as d } from "./skeleton-BM797MAg.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";
+import { n as f, r as p } from "./hidden-description-B2zSmLcn.js";
+import { t as m } from "./when-idle-Cy3pinqO.js";
+import { createContext as h, forwardRef as g, useCallback as _, useContext as v, useEffect as y, useLayoutEffect as b, useMemo as x, useRef as S, useState as C, useSyncExternalStore as w } from "react";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { ArrowLeft01Icon as O, SidebarLeftIcon as k, UnfoldMoreIcon as A } from "@hugeicons/core-free-icons";
+import { Collapsible as j } from "@base-ui/react/collapsible";
 //#region src/hooks/use-stored-state.ts
-var j, M;
+var M, N;
 function ee(e) {
 	try {
 		let t = localStorage.getItem(e);
 		if (t !== null) return t;
 	} catch {}
-	return M?.get(e) ?? null;
+	return N?.get(e) ?? null;
 }
 function te(e, t) {
-	j ??= /* @__PURE__ */ new Map();
-	let n = j.get(e);
-	n || j.set(e, n = /* @__PURE__ */ new Set()), n.add(t);
+	M ??= /* @__PURE__ */ new Map();
+	let n = M.get(e);
+	n || M.set(e, n = /* @__PURE__ */ new Set()), n.add(t);
 	let r = (n) => {
 		n.key === e && t();
 	};
@@ -33,14 +34,14 @@ function te(e, t) {
 	};
 }
 var ne = () => () => void 0, re = () => null;
-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(() => {
+function P(e, t) {
+	let n = e ? `kaeso:${e}` : void 0, [r, i] = C(t), a = _((e) => n ? te(n, e) : () => void 0, [n]), o = _(() => n ? ee(n) : null, [n]), s = w(n ? a : ne, o, re), c = x(() => {
 		if (s !== null) try {
 			return { value: JSON.parse(s) };
 		} catch {
 			return;
 		}
-	}, [s]), l = h((e) => {
+	}, [s]), l = _((e) => {
 		if (!n) {
 			i(e);
 			return;
@@ -49,18 +50,18 @@ function N(e, t) {
 		try {
 			localStorage.setItem(n, t);
 		} catch {
-			(M ??= /* @__PURE__ */ new Map()).set(n, t);
+			(N ??= /* @__PURE__ */ new Map()).set(n, t);
 		}
-		j?.get(n)?.forEach((e) => e());
+		M?.get(n)?.forEach((e) => e());
 	}, [n]);
 	return [n ? c ? c.value : t : r, l];
 }
 //#endregion
 //#region src/components/sidebar/sidebar.tsx
-var P = (e) => e.split("**").map((e, t) => t % 2 ? /* @__PURE__ */ T("span", {
+var F = (e) => e.split("**").map((e, t) => t % 2 ? /* @__PURE__ */ E("span", {
 	className: "font-semibold text-fg",
 	children: e
-}, t) : e), F = {
+}, t) : e), I = {
 	mode: {
 		expanded: { classes: "w-(--k-sidebar-width)" },
 		rail: { classes: "w-60" }
@@ -77,7 +78,7 @@ var P = (e) => e.split("**").map((e, t) => t % 2 ? /* @__PURE__ */ T("span", {
 	mode: "expanded",
 	item: "default",
 	caption: "secondary"
-}, I = /* @__PURE__ */ p({
+}, L = /* @__PURE__ */ h({
 	rail: !1,
 	setRail: () => void 0,
 	collapsed: !1,
@@ -88,29 +89,29 @@ var P = (e) => e.split("**").map((e, t) => t % 2 ? /* @__PURE__ */ T("span", {
 	setWidth: () => void 0,
 	previewWidth: () => void 0,
 	storageKey: void 0
-}), 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, l] = S(null), u = V(c ?? o), [d, f] = N(t ? `${t}:collapsed` : void 0, !1), [p, m] = S(!1), g = h((e) => {
+}), R = () => v(L), z = /* @__PURE__ */ h(!1), B = /* @__PURE__ */ h(null);
+function V({ children: e, storageKey: t, defaultRail: n = !1, shortcut: r = !0 }) {
+	let [i, a] = P(t ? `${t}:rail` : void 0, n), [o, s] = P(t ? `${t}:width` : void 0, 248), [c, l] = C(null), u = H(c ?? o), [d, f] = P(t ? `${t}:collapsed` : void 0, !1), [p, m] = C(!1), h = _((e) => {
 		let t = e && !!document.activeElement?.closest("[data-sidebar-root]");
 		f(e), m(!1), t && requestAnimationFrame(() => document.querySelector("[data-sidebar-expand]")?.focus());
 	}, [f]);
-	_(() => {
+	y(() => {
 		if (!r) return;
 		let e = (e) => {
 			let t = e.target;
-			e.key !== "[" || e.metaKey || e.ctrlKey || e.altKey || t instanceof Element && t.closest("input, textarea, select, [contenteditable=true]") || g(!d);
+			e.key !== "[" || e.metaKey || e.ctrlKey || e.altKey || t instanceof Element && t.closest("input, textarea, select, [contenteditable=true]") || h(!d);
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [
 		d,
-		g,
+		h,
 		r
 	]);
-	let v = b(() => ({
+	let g = x(() => ({
 		rail: i,
 		setRail: a,
 		collapsed: d,
-		setCollapsed: g,
+		setCollapsed: h,
 		peeking: p,
 		setPeeking: m,
 		width: u,
@@ -121,43 +122,43 @@ function B({ children: e, storageKey: t, defaultRail: n = !1, shortcut: r = !0 }
 		i,
 		a,
 		d,
-		g,
+		h,
 		p,
 		u,
 		s,
 		t
 	]);
-	return /* @__PURE__ */ T(I.Provider, {
-		value: v,
+	return /* @__PURE__ */ E(L.Provider, {
+		value: g,
 		children: 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, previewWidth: f, collapsed: p, setCollapsed: m } = L(), v = n(), [y, b] = S(null), [C, w] = S(!1), D = x(null);
-	_(() => () => D.current?.(), []);
-	let O = h((e) => {
+process.env.NODE_ENV !== "production" && (V.displayName = "Sidebar.Provider");
+var ae = 232, oe = 280, H = (e) => Math.round(Math.min(280, Math.max(232, Number.isFinite(e) ? e : 248))), U = /* @__PURE__ */ g(function({ resizable: t = !0, className: r, children: i, style: a, "aria-label": o, ...s }, c) {
+	let { rail: l, width: u, setWidth: d, previewWidth: f, collapsed: p, setCollapsed: m } = R(), h = n(), [g, b] = C(null), [x, w] = C(!1), T = S(null);
+	y(() => () => T.current?.(), []);
+	let O = _((e) => {
 		if (e.button !== 0) return;
-		e.preventDefault(), D.current?.();
+		e.preventDefault(), T.current?.();
 		let t = e.currentTarget, n = e.clientX, r = u, i = !1, a = r, o = (e) => {
-			Math.abs(e.clientX - n) > 3 && (i = !0, w(!0)), i && (a = V(r + e.clientX - n), f(a));
+			Math.abs(e.clientX - n) > 3 && (i = !0, w(!0)), i && (a = H(r + e.clientX - n), f(a));
 		}, s = () => {
-			t.removeEventListener("pointermove", o), t.removeEventListener("pointerup", c), t.removeEventListener("pointercancel", s), document.body.style.cursor = "", document.body.style.userSelect = "", D.current = null, w(!1), i && d(a), f(null);
+			t.removeEventListener("pointermove", o), t.removeEventListener("pointerup", c), t.removeEventListener("pointercancel", s), document.body.style.cursor = "", document.body.style.userSelect = "", T.current = null, w(!1), i && d(a), f(null);
 		}, c = () => {
 			s(), i || m(!0);
 		};
-		t.setPointerCapture(e.pointerId), t.addEventListener("pointermove", o), t.addEventListener("pointerup", c), t.addEventListener("pointercancel", s), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", D.current = s;
+		t.setPointerCapture(e.pointerId), t.addEventListener("pointermove", o), t.addEventListener("pointerup", c), t.addEventListener("pointercancel", s), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", T.current = s;
 	}, [
 		u,
 		d,
 		f,
 		m
-	]), k = g(R), A = p && !k, j = /* @__PURE__ */ T("nav", {
+	]), k = v(z), A = p && !k, j = /* @__PURE__ */ E("nav", {
 		ref: c,
-		"aria-label": o ?? v("sidebar.main", "Main"),
+		"aria-label": o ?? h("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 ? F.mode.rail.classes : F.mode.expanded.classes, r),
+		className: e("group/sidebar relative flex h-full shrink-0 flex-col bg-chrome text-fg", l ? I.mode.rail.classes : I.mode.expanded.classes, r),
 		style: {
 			"--k-sidebar-width": `${u}px`,
 			...a
@@ -165,9 +166,9 @@ var ae = 232, oe = 280, V = (e) => Math.round(Math.min(280, Math.max(232, Number
 		...s,
 		children: i
 	});
-	return k ? j : /* @__PURE__ */ E("div", {
+	return k ? j : /* @__PURE__ */ D("div", {
 		className: "relative flex h-full shrink-0",
-		children: [/* @__PURE__ */ T("div", {
+		children: [/* @__PURE__ */ E("div", {
 			className: "sidebar-motion relative h-full shrink-0",
 			style: { width: A ? 8 : l ? 60 : u },
 			...A ? {
@@ -175,15 +176,15 @@ var ae = 232, oe = 280, V = (e) => Math.round(Math.min(280, Math.max(232, Number
 				inert: !0,
 				"aria-hidden": !0
 			} : {},
-			children: /* @__PURE__ */ T("div", {
+			children: /* @__PURE__ */ E("div", {
 				className: "sidebar-content-motion h-full",
 				style: { width: l ? 60 : u },
 				children: j
 			})
-		}), t && !l && !A && /* @__PURE__ */ T("div", {
+		}), t && !l && !A && /* @__PURE__ */ E("div", {
 			role: "separator",
 			"aria-orientation": "vertical",
-			"aria-label": v("sidebar.resizeOrCollapse", "Resize sidebar; click to collapse"),
+			"aria-label": h("sidebar.resizeOrCollapse", "Resize sidebar; click to collapse"),
 			"aria-valuemin": 232,
 			"aria-valuemax": 280,
 			"aria-valuenow": u,
@@ -192,65 +193,65 @@ var ae = 232, oe = 280, V = (e) => Math.round(Math.min(280, Math.max(232, Number
 			onPointerMove: (e) => b(Math.round(e.clientY - e.currentTarget.getBoundingClientRect().top)),
 			onPointerLeave: () => b(null),
 			onKeyDown: (e) => {
-				e.key === "ArrowLeft" && d(V(u - 8)), e.key === "ArrowRight" && d(V(u + 8)), (e.key === "Enter" || e.key === " ") && m(!0);
+				e.key === "ArrowLeft" && d(H(u - 8)), e.key === "ArrowRight" && d(H(u + 8)), (e.key === "Enter" || e.key === " ") && m(!0);
 			},
 			className: "absolute top-0 right-0 z-10 h-full w-8 cursor-col-resize rounded-pill focus-ring-inset",
-			children: y !== null && !C && /* @__PURE__ */ E("span", {
+			children: g !== null && !x && /* @__PURE__ */ D("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, (y ?? 0) - 24) },
-				children: [/* @__PURE__ */ T("span", { children: P(v("sidebar.dragToResize", "**Drag** to resize")) }), /* @__PURE__ */ T("span", { children: P(v("sidebar.clickToCollapse", "**Click** to collapse")) })]
+				style: { top: Math.max(8, (g ?? 0) - 24) },
+				children: [/* @__PURE__ */ E("span", { children: F(h("sidebar.dragToResize", "**Drag** to resize")) }), /* @__PURE__ */ E("span", { children: F(h("sidebar.clickToCollapse", "**Click** to collapse")) })]
 			})
 		})]
 	});
 });
-process.env.NODE_ENV !== "production" && (H.displayName = "Sidebar");
-var U = /* @__PURE__ */ m(function({ className: t, ...n }, r) {
-	return /* @__PURE__ */ T("div", {
+process.env.NODE_ENV !== "production" && (U.displayName = "Sidebar");
+var W = /* @__PURE__ */ g(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ E("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" && (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, {
+process.env.NODE_ENV !== "production" && (W.displayName = "Sidebar.Header");
+var G = /* @__PURE__ */ g(function({ href: t, label: n = "Kaeso", children: r, className: i }, a) {
+	let { rail: o } = R();
+	return o ? /* @__PURE__ */ E(W, {
 		ref: a,
 		className: e("justify-center px-0", i),
 		children: r
-	}) : /* @__PURE__ */ E(U, {
+	}) : /* @__PURE__ */ D(W, {
 		ref: a,
 		className: e("justify-between pr-16 pl-28", i),
-		children: [/* @__PURE__ */ T(G, {
+		children: [/* @__PURE__ */ E(K, {
 			href: t,
 			label: n
-		}), r && /* @__PURE__ */ T("span", {
+		}), r && /* @__PURE__ */ E("span", {
 			className: "flex items-center",
 			children: r
 		})]
 	});
 });
-process.env.NODE_ENV !== "production" && (W.displayName = "Sidebar.Brand");
-function G({ href: e, label: n = "Kaeso" }) {
+process.env.NODE_ENV !== "production" && (G.displayName = "Sidebar.Brand");
+function K({ href: e, label: n = "Kaeso" }) {
 	let r = t();
-	return e ? /* @__PURE__ */ T(r, {
+	return e ? /* @__PURE__ */ E(r, {
 		href: e,
 		"aria-label": n,
 		className: "-mx-4 flex h-32 items-center rounded-code px-4 text-fg focus-ring",
-		children: /* @__PURE__ */ T(u, { decorative: !0 })
-	}) : /* @__PURE__ */ T(u, {
+		children: /* @__PURE__ */ E(u, { decorative: !0 })
+	}) : /* @__PURE__ */ E(u, {
 		title: n,
 		className: "text-fg"
 	});
 }
-process.env.NODE_ENV !== "production" && (G.displayName = "Sidebar.BrandWordmark");
+process.env.NODE_ENV !== "production" && (K.displayName = "Sidebar.BrandWordmark");
 var se = /* @__PURE__ */ c(() => import("./sidebar-menu-ct8IiL4z.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, () => {
+function q({ trigger: e, side: t, header: n, footer: r, children: s }) {
+	let [c, l] = C(!1), [u, d] = C(!1), f = a(se, u || c, () => {
 		d(!1), l(!1);
-	}), [m] = S(o), h = x(null), g = c && !p;
-	_(() => f(() => d(!0)), []), _(() => {
+	}), [p] = C(o), h = S(null), g = c && !f;
+	y(() => m(() => d(!0)), []), y(() => {
 		if (!g) return;
 		let e = h.current?.ownerDocument ?? document, t = (e) => {
 			e.key === "Escape" && (e.stopPropagation(), l(!1));
@@ -261,13 +262,13 @@ function K({ trigger: e, side: t, header: n, footer: r, children: s }) {
 			e.removeEventListener("keydown", t, !0), e.removeEventListener("pointerdown", n, !0);
 		};
 	}, [g]);
-	let v = () => d(!0), y = p ? { ref: h } : {
+	let _ = () => d(!0), v = f ? { ref: h } : {
 		ref: h,
 		"aria-haspopup": "menu",
 		"aria-expanded": c,
 		...c ? { "data-popup-open": "" } : {},
-		onPointerEnter: v,
-		onFocus: v,
+		onPointerEnter: _,
+		onFocus: _,
 		onClick: () => l((e) => !e),
 		onKeyDown: (e) => {
 			(e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), l(!0));
@@ -276,208 +277,212 @@ function K({ trigger: e, side: t, header: n, footer: r, children: s }) {
 			c && e.relatedTarget && !e.currentTarget.contains(e.relatedTarget) && l(!1);
 		}
 	};
-	return /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(i, {
-		store: m,
-		merge: p?.mergeTriggerProps,
-		extra: y,
+	return /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(i, {
+		store: p,
+		merge: f?.mergeTriggerProps,
+		extra: v,
 		children: e
-	}), p && /* @__PURE__ */ T(p.SidebarMenuRoot, {
+	}), f && /* @__PURE__ */ E(f.SidebarMenuRoot, {
 		open: c,
 		onOpenChange: l,
-		triggerProps: m,
+		triggerProps: p,
 		side: t,
 		header: n,
 		footer: r,
 		children: s
 	})] });
 }
-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, {
+process.env.NODE_ENV !== "production" && (q.displayName = "Sidebar.Menu");
+function J({ avatar: t, label: i, trailing: a, caption: o, captionTone: s = "secondary", children: c, header: l, footer: u, "aria-label": d, className: m, "data-force": h }) {
+	let { rail: g } = R(), _ = n(), v = f(o), y = f(i), b = d ?? _("sidebar.switchOrOpenSettings", "Switch or open settings"), x = p(y ? b : void 0);
+	return /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(q, {
 		side: "top",
 		header: l,
 		footer: u,
-		trigger: /* @__PURE__ */ E("button", {
+		trigger: /* @__PURE__ */ D("button", {
 			type: "button",
-			"aria-label": d ?? (typeof i == "string" ? h("sidebar.switchOrOpenSettings", "{label}: switch or open settings", { label: i }) : void 0),
-			..._ ? { "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),
+			...y ? { "aria-describedby": x.id } : { "aria-label": b },
+			...h ? { "data-force": h } : {},
+			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", g && "justify-center px-0", m),
 			children: [
 				t,
-				!m && (_ ? /* @__PURE__ */ E("span", {
+				!g && (v ? /* @__PURE__ */ D("span", {
 					className: "flex min-w-0 flex-1 flex-col",
-					children: [/* @__PURE__ */ T("span", {
+					children: [/* @__PURE__ */ E("span", {
 						className: "truncate",
 						children: i
-					}), /* @__PURE__ */ T("span", {
-						id: g,
-						className: e("truncate text-caption font-regular", F.caption[s].classes),
+					}), /* @__PURE__ */ E("span", {
+						className: e("truncate text-caption font-regular", I.caption[s].classes),
 						children: o
 					})]
-				}) : /* @__PURE__ */ T("span", {
+				}) : /* @__PURE__ */ E("span", {
 					className: "min-w-0 flex-1 truncate",
 					children: i
 				})),
-				m && _ && /* @__PURE__ */ T("span", {
-					id: g,
+				g && y && /* @__PURE__ */ E("span", {
+					className: "sr-only",
+					children: i
+				}),
+				g && v && /* @__PURE__ */ E("span", {
 					className: "sr-only",
 					children: o
 				}),
-				!m && a,
-				!m && /* @__PURE__ */ T(r, {
-					icon: k,
+				!g && a,
+				!g && /* @__PURE__ */ E(r, {
+					icon: A,
 					size: "sm",
 					className: "text-fg-tertiary transition-control group-hover/sw:text-fg-secondary"
 				})
 			]
 		}),
 		children: c
-	});
+	}), x.node] });
 }
-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", {
+process.env.NODE_ENV !== "production" && (J.displayName = "Sidebar.Switcher");
+function Y({ avatar: i, label: a, children: o, href: c, header: l, footer: u, "aria-label": d, className: m, "data-force": h }) {
+	let { rail: g } = R(), _ = n(), v = t(), y = f(a), b = o ? d ?? _("sidebar.switchPlace", "Switch") : d, x = p(y ? b : void 0), S = y ? x.id ? { "aria-describedby": x.id } : {} : b ? { "aria-label": b } : {}, C = 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", g && "justify-center px-0", m), w = /* @__PURE__ */ D(T, { children: [
+		/* @__PURE__ */ E("span", {
 			className: "flex size-18 shrink-0 items-center justify-center",
 			children: i
 		}),
-		m ? /* @__PURE__ */ T("span", {
+		g ? /* @__PURE__ */ E("span", {
 			className: "sr-only",
 			children: a
-		}) : /* @__PURE__ */ T(ce, { label: a }),
-		!m && o && /* @__PURE__ */ T(r, {
-			icon: k,
+		}) : /* @__PURE__ */ E(ce, { label: a }),
+		!g && o && /* @__PURE__ */ E(r, {
+			icon: A,
 			size: "sm",
 			className: "text-fg-tertiary transition-control group-hover/place:text-fg-secondary"
 		})
-	] }), y = {
-		className: _,
-		...p ? { "data-force": p } : {}
+	] }), O = {
+		className: C,
+		...h ? { "data-force": h } : {}
 	};
-	if (o) return /* @__PURE__ */ T(K, {
+	if (o) return /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(q, {
 		side: "bottom",
 		header: l,
 		footer: u,
-		trigger: /* @__PURE__ */ T("button", {
+		trigger: /* @__PURE__ */ E("button", {
 			type: "button",
-			"aria-label": d ?? h("sidebar.switchPlace", "{label}: switch", { label: a }),
-			...y,
-			children: v
+			...S,
+			...O,
+			children: w
 		}),
 		children: o
-	});
-	let b = c ? /* @__PURE__ */ T(g, {
+	}), x.node] });
+	let k = c ? /* @__PURE__ */ E(v, {
 		href: c,
-		...d ? { "aria-label": d } : {},
-		...y,
-		children: v
-	}) : /* @__PURE__ */ T("div", {
-		...y,
-		children: v
+		...S,
+		...O,
+		children: w
+	}) : /* @__PURE__ */ E("div", {
+		...O,
+		children: w
 	});
-	return m ? /* @__PURE__ */ T(s, {
+	return /* @__PURE__ */ D(T, { children: [g ? /* @__PURE__ */ E(s, {
 		content: a,
 		side: "right",
-		children: b
-	}) : b;
+		children: k
+	}) : k, c && x.node] });
 }
-process.env.NODE_ENV !== "production" && (J.displayName = "Sidebar.Place");
+process.env.NODE_ENV !== "production" && (Y.displayName = "Sidebar.Place");
 function ce({ label: e }) {
-	let t = x(null), [n, r] = S(!1);
-	return y(() => {
+	let t = S(null), [n, r] = C(!1);
+	return b(() => {
 		let e = t.current;
 		if (!e || typeof ResizeObserver > "u") return;
 		let n = () => r(e.scrollWidth > e.clientWidth);
 		return n(), l([e], n);
-	}, [e]), /* @__PURE__ */ T(s, {
+	}, [e]), /* @__PURE__ */ E(s, {
 		content: e,
 		side: "right",
 		disabled: !n,
-		children: /* @__PURE__ */ T("span", {
+		children: /* @__PURE__ */ E("span", {
 			ref: t,
 			className: "min-w-0 flex-1 truncate",
 			children: e
 		})
 	});
 }
-var Y = /* @__PURE__ */ m(function({ className: t, ...n }, r) {
-	let { rail: i } = L();
-	return /* @__PURE__ */ T("div", {
+var X = /* @__PURE__ */ g(function({ className: t, ...n }, r) {
+	let { rail: i } = R();
+	return /* @__PURE__ */ E("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" && (Y.displayName = "Sidebar.Content");
-var X = /* @__PURE__ */ m(function({ className: t, ...n }, r) {
-	let { rail: i } = L();
-	return /* @__PURE__ */ T("div", {
+process.env.NODE_ENV !== "production" && (X.displayName = "Sidebar.Content");
+var Z = /* @__PURE__ */ g(function({ className: t, ...n }, r) {
+	let { rail: i } = R();
+	return /* @__PURE__ */ E("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" && (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", {
+process.env.NODE_ENV !== "production" && (Z.displayName = "Sidebar.Footer");
+var Q = /* @__PURE__ */ g(function({ label: t, id: n, defaultOpen: r = !0, collapsible: i = !0, children: a, className: o }, s) {
+	let { storageKey: c, rail: l } = R(), [u, d] = P(c && n ? `${c}:group:${n}` : void 0, r);
+	return !t || !i || l ? /* @__PURE__ */ D("div", {
 		ref: s,
 		role: "group",
 		className: e("flex flex-col", o),
-		children: [t && !l && /* @__PURE__ */ T("div", {
+		children: [t && !l && /* @__PURE__ */ E("div", {
 			className: "flex h-28 items-center px-12 text-caption font-medium text-fg-secondary",
 			children: t
-		}), /* @__PURE__ */ T("ul", {
+		}), /* @__PURE__ */ E("ul", {
 			className: "flex flex-col gap-2",
 			children: a
 		})]
-	}) : /* @__PURE__ */ E(A.Root, {
+	}) : /* @__PURE__ */ D(j.Root, {
 		ref: s,
 		open: u,
 		onOpenChange: (e) => d(e),
 		className: e("flex flex-col", o),
-		children: [/* @__PURE__ */ E(A.Trigger, {
+		children: [/* @__PURE__ */ D(j.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__ */ T("span", { children: t }), /* @__PURE__ */ T("svg", {
+			children: [/* @__PURE__ */ E("span", { children: t }), /* @__PURE__ */ E("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__ */ T("path", {
+				children: /* @__PURE__ */ E("path", {
 					d: "M2.5 1.5 5.5 4l-3 2.5z",
 					fill: "currentColor"
 				})
 			})]
-		}), /* @__PURE__ */ T(A.Panel, {
+		}), /* @__PURE__ */ E(j.Panel, {
 			className: "collapse-motion",
-			children: /* @__PURE__ */ T("ul", {
+			children: /* @__PURE__ */ E("ul", {
 				className: "flex flex-col gap-2 pt-2",
 				children: a
 			})
 		})]
 	});
 });
-process.env.NODE_ENV !== "production" && (Z.displayName = "Sidebar.Group");
+process.env.NODE_ENV !== "production" && (Q.displayName = "Sidebar.Group");
 var le = [
 	"",
 	"pl-32",
 	"pl-52"
-], 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", {
+], $ = /* @__PURE__ */ g(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: _ } = R(), 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 ? I.item.active.classes : I.item.default.classes, !_ && le[f], _ && "justify-center px-0", m), b = /* @__PURE__ */ D(T, { children: [
+		a ? /* @__PURE__ */ E("span", {
 			className: "flex size-18 shrink-0 items-center justify-center",
 			children: a
-		}) : i && /* @__PURE__ */ T(r, {
+		}) : i && /* @__PURE__ */ E(r, {
 			icon: i,
 			size: "md",
 			className: e("text-fg-secondary transition-control group-hover/si:text-fg", l && "text-fg")
 		}),
-		!_ && /* @__PURE__ */ T("span", {
+		_ ? /* @__PURE__ */ E("span", {
+			className: "sr-only",
+			children: n
+		}) : /* @__PURE__ */ E("span", {
 			className: "min-w-0 flex-1 truncate",
 			children: n
 		}),
-		!_ && u !== void 0 && /* @__PURE__ */ T("span", {
+		!_ && u !== void 0 && /* @__PURE__ */ E("span", {
 			className: e("text-caption font-medium tabular", l ? "text-fg" : "text-fg-tertiary"),
 			children: u
 		}),
@@ -485,24 +490,23 @@ var le = [
 	] }), x = {
 		className: y,
 		...l ? { "aria-current": "page" } : {},
-		...h ? { "data-force": h } : {},
-		..._ && typeof n == "string" ? { "aria-label": n } : {}
-	}, S = o ? /* @__PURE__ */ T(v, {
+		...h ? { "data-force": h } : {}
+	}, S = o ? /* @__PURE__ */ E(v, {
 		ref: g,
 		href: o,
 		...x,
 		...c ? { onClick: c } : {},
 		children: b
-	}) : /* @__PURE__ */ T("button", {
+	}) : /* @__PURE__ */ E("button", {
 		ref: g,
 		type: "button",
 		...x,
 		...c ? { onClick: c } : {},
 		children: b
 	});
-	return /* @__PURE__ */ T("li", {
+	return /* @__PURE__ */ E("li", {
 		className: "flex",
-		children: _ ? /* @__PURE__ */ T(s, {
+		children: _ ? /* @__PURE__ */ E(s, {
 			content: n,
 			side: "right",
 			...p ? { shortcut: p } : {},
@@ -510,90 +514,90 @@ var le = [
 		}) : S
 	});
 });
-process.env.NODE_ENV !== "production" && (Q.displayName = "Sidebar.Item");
-var $ = /* @__PURE__ */ m(function({ href: i, children: a, className: o }, s) {
+process.env.NODE_ENV !== "production" && ($.displayName = "Sidebar.Item");
+var ue = /* @__PURE__ */ g(function({ href: i, children: a, className: o }, s) {
 	let c = t(), l = n();
-	return /* @__PURE__ */ E(c, {
+	return /* @__PURE__ */ D(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__ */ T(r, {
-			icon: D,
+		children: [/* @__PURE__ */ E(r, {
+			icon: O,
 			size: "md"
 		}), a ?? l("sidebar.backToApp", "Back to app")]
 	});
 });
-process.env.NODE_ENV !== "production" && ($.displayName = "Sidebar.BackLink");
-function ue({ rows: e = 5 }) {
-	return /* @__PURE__ */ T("div", {
+process.env.NODE_ENV !== "production" && (ue.displayName = "Sidebar.BackLink");
+function de({ rows: e = 5 }) {
+	return /* @__PURE__ */ E("div", {
 		className: "flex flex-col gap-2",
 		"aria-busy": !0,
-		children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ E("div", {
+		children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ D("div", {
 			className: "flex h-32 items-center gap-8 px-12",
-			children: [/* @__PURE__ */ T(d, { className: "size-18 rounded-pill" }), /* @__PURE__ */ T(d, {
+			children: [/* @__PURE__ */ E(d, { className: "size-18 rounded-pill" }), /* @__PURE__ */ E(d, {
 				className: "h-12 rounded-pill",
 				style: { width: `${48 + t * 37 % 40}%` }
 			})]
 		}, t))
 	});
 }
-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 = () => {
+process.env.NODE_ENV !== "production" && (de.displayName = "Sidebar.Loading");
+function fe({ className: t }) {
+	let { collapsed: i, setCollapsed: a } = R(), o = v(B), 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__ */ T(s, {
+	return /* @__PURE__ */ E(s, {
 		content: l,
 		...o && !o.peek ? {} : { shortcut: ["["] },
-		children: /* @__PURE__ */ T("button", {
+		children: /* @__PURE__ */ E("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__ */ T(r, {
-				icon: O,
+			children: /* @__PURE__ */ E(r, {
+				icon: k,
 				size: "sm"
 			})
 		})
 	});
 }
-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, {
+process.env.NODE_ENV !== "production" && (fe.displayName = "Sidebar.CollapseToggle");
+function pe({ className: t }) {
+	let { rail: i, setRail: a } = R(), o = n(), c = i ? o("sidebar.expand", "Expand sidebar") : o("sidebar.collapse", "Collapse sidebar");
+	return /* @__PURE__ */ E(s, {
 		content: c,
 		side: "right",
-		children: /* @__PURE__ */ T("button", {
+		children: /* @__PURE__ */ E("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__ */ T(r, {
-				icon: O,
+			children: /* @__PURE__ */ E(r, {
+				icon: k,
 				size: "sm"
 			})
 		})
 	});
 }
-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
+process.env.NODE_ENV !== "production" && (pe.displayName = "Sidebar.RailToggle");
+var me = /* @__PURE__ */ Object.assign(U, {
+	Provider: V,
+	Header: W,
+	Brand: G,
+	Switcher: J,
+	Place: Y,
+	Content: X,
+	Footer: Z,
+	Group: Q,
+	Item: $,
+	BackLink: ue,
+	Loading: de,
+	RailToggle: pe,
+	CollapseToggle: fe
 });
 //#endregion
-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 };
+export { ae as a, B as c, oe as i, R as l, ie as n, me as o, I as r, z as s, K as t };
 
-//# sourceMappingURL=sidebar-Dey1ZfGt.js.map
+//# sourceMappingURL=sidebar-ZSTPK9Jn.js.map