themelia-react-ui 2.0.5 → 3.0.0

package/dist/{sidebar-f9gRWXIR.js → sidebar-C-iQ_TJP.js}

@@ -1,38 +1,38 @@
 "use client";
-import { d as e, i as t, r as n } from "./ui-provider-C-74NVLc.js";
+import { a as e, f as t, i as n } from "./ui-provider-Bu1S-o96.js";
 import { useStrings as r } from "./lib/strings.js";
-import { t as i } from "./utils-B6kKb8jB.js";
+import { t as i } from "./utils-BVbAG2J6.js";
 import { t as a } from "./affordance-geometry.generated-P-aVJisu.js";
-import { a as o, c as s, i as c, s as l, t as u } from "./sheet-BGPERY55.js";
-import { t as d } from "./separator-Bb17I4pu.js";
-import { c as f, o as p } from "./typography-BQnine1k.js";
-import { t as m } from "./focus-recipes-B653VaLq.js";
-import { t as h } from "./motion-recipes-DitYv6P2.js";
-import { a as g, o as _, s as v } from "./tooltip-8wz5S_Zr.js";
-import { t as y } from "./button-S2Cubiiz.js";
-import { a as b } from "./surface-recipes-BKRVW8Os.js";
-import { r as x } from "./skeleton-BapcJd9C.js";
-import { f as S, y as C } from "./form-sizing-Bs2qFUeE.js";
-import { t as w } from "./input-DMBwAZmr.js";
+import { a as o, c as s, i as c, s as l, t as u } from "./sheet-B6j_BE9O.js";
+import { c as d, o as f } from "./typography-C0dELqYV.js";
+import { t as p } from "./focus-recipes-DSkiUvUp.js";
+import { t as m } from "./separator-KGsNXt2J.js";
+import { t as h } from "./motion-recipes-CUc_aHuG.js";
+import { a as g, o as _, s as v } from "./tooltip-yjX-Uv-p.js";
+import { t as y } from "./button-rd6FiHfQ.js";
+import { s as b } from "./surface-recipes-DV6rrOFq.js";
+import { r as x } from "./skeleton-Cab_KgVo.js";
+import { f as S, y as C } from "./form-sizing-DE_dZw32.js";
+import { t as w } from "./input-2YrgTUrz.js";
 import { n as T, r as E, t as D } from "./navigation-row-recipes-BGVLvU_O.js";
 import * as O from "react";
 import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
 import { PanelLeftIcon as M, PanelRightIcon as N } from "lucide-react";
-import { mergeProps as P } from "@base-ui/react/merge-props";
+import { cva as P } from "class-variance-authority";
 import { useRender as F } from "@base-ui/react/use-render";
-import { cva as I } from "class-variance-authority";
+import { mergeProps as I } from "@base-ui/react/merge-props";
 import { createPortal as L } from "react-dom";
 //#region src/components/ui/sidebar-state.tsx
-var R = {
+var ee = {
 	primary: 768,
 	secondary: 1024,
 	aside: 1440
-}, z = O.createContext(null), B = z.Provider, V = O.createContext(null);
-function H() {
-	return O.useContext(V);
+}, R = O.createContext(null), z = R.Provider, B = O.createContext(null);
+function V() {
+	return O.useContext(B);
 }
-function U(e) {
-	let t = H(), n = O.useContext(z);
+function H(e) {
+	let t = V(), n = O.useContext(R);
 	if (!t) throw Error("useSidebar must be used within a SidebarProvider.");
 	let r = e ?? n?.panelId ?? "primary", i = t.openPanels.includes(r), a = t.getPresentation(r), o = a === "drawer";
 	return {
@@ -52,14 +52,18 @@ function U(e) {
 		setMobilePanel: t.setMobilePanel
 	};
 }
-function W({ defaultOpen: e = !0, adaptTo: t = "viewport", open: n, onOpenChange: r, openPanels: a, defaultOpenPanels: o, onOpenPanelsChange: s, mobilePanel: c, onMobilePanelChange: l, navigationPanel: u = "primary", keyboardShortcut: d = "b", ref: f, className: p, style: m, children: h, ...g }) {
-	let _ = O.useRef(null), [v, y] = O.useState(Infinity), [b, x] = O.useState(), [S, C] = O.useState({}), [w, T] = O.useState(() => o ? [...o] : e ? ["primary"] : []), [E, D] = O.useState(null), k = a ?? (n === void 0 ? w : [...w.filter((e) => e !== "primary"), ...n ? ["primary"] : []]), j = O.useRef(k);
-	j.current = k;
-	let M = c === void 0 ? E : c, N = O.useRef(M);
-	N.current = M;
-	let P = O.useRef({}), I = O.useCallback((e, t) => {
-		P.current[e] = t;
-	}, []), L = O.useCallback((e) => {
+function U({ defaultOpen: e = !0, adaptTo: t = "viewport", open: n, onOpenChange: r, openPanels: a, defaultOpenPanels: o, onOpenPanelsChange: s, mobilePanel: c, onMobilePanelChange: l, navigationPanel: u = "primary", keyboardShortcut: d = "b", stateCookie: f, ref: p, className: m, style: h, children: g, ..._ }) {
+	let v = O.useRef(null), [y, b] = O.useState(Infinity), [x, S] = O.useState(), [C, w] = O.useState({}), [T, E] = O.useState(() => o ? [...o] : e ? ["primary"] : []), [D, k] = O.useState(null), j = O.useMemo(() => a ?? (n === void 0 ? T : [...T.filter((e) => e !== "primary"), ...n ? ["primary"] : []]), [
+		a,
+		n,
+		T
+	]), M = O.useRef(j);
+	M.current = j;
+	let N = c === void 0 ? D : c, P = O.useRef(N);
+	P.current = N;
+	let I = O.useRef({}), L = O.useCallback((e, t) => {
+		I.current[e] = t;
+	}, []), R = O.useCallback((e) => {
 		let t = (e) => {
 			if (!e.isConnected) return !1;
 			for (let t = e; t; t = t.parentElement) {
@@ -67,102 +71,103 @@ function W({ defaultOpen: e = !0, adaptTo: t = "viewport", open: n, onOpenChange
 				if (t.hidden || t.hasAttribute("inert") || e.display === "none" || e.visibility === "hidden") return !1;
 			}
 			return !0;
-		}, n = P.current[e];
+		}, n = I.current[e];
 		if (n && t(n)) return n;
-		let r = _.current?.querySelectorAll(`[data-sidebar-trigger-panel="${e}"]`);
+		let r = v.current?.querySelectorAll(`[data-sidebar-trigger-panel="${e}"]`);
 		return r ? Array.from(r).find(t) ?? null : null;
 	}, []);
 	O.useEffect(() => {
-		let e = () => y(window.innerWidth), t = window.matchMedia?.("(max-width: 767px)");
+		let e = () => b(window.innerWidth), t = window.matchMedia?.("(max-width: 767px)");
 		return window.addEventListener("resize", e), t?.addEventListener("change", e), e(), () => {
 			window.removeEventListener("resize", e), t?.removeEventListener("change", e);
 		};
 	}, []), O.useEffect(() => {
-		let e = _.current;
+		let e = v.current;
 		if (t !== "container" || !e) return;
 		let n = () => {
 			let t = e.getBoundingClientRect().width;
-			t > 0 && x(t);
+			t > 0 && S(t);
 		};
 		if (n(), typeof ResizeObserver > "u") return;
 		let r = new ResizeObserver(n);
 		return r.observe(e), () => r.disconnect();
 	}, [t]);
 	let z = O.useCallback((e, t) => {
-		C((n) => {
+		w((n) => {
 			let r = n[e];
 			if (!t && !r || t && r?.dockAt === t.dockAt && r?.width === t.width && r?.collapsible === t.collapsible) return n;
 			let i = { ...n };
 			return t ? i[e] = t : delete i[e], i;
 		});
-	}, []), B = O.useCallback((e) => {
-		let n = S[e];
-		return n?.collapsible === "none" ? "docked" : Math.min(v, n?.width ?? Infinity, t === "container" ? b ?? Infinity : Infinity) < (n?.dockAt ?? R[e]) ? "drawer" : "docked";
+	}, []), V = O.useCallback((e) => {
+		let n = C[e];
+		return n?.collapsible === "none" ? "docked" : Math.min(y, n?.width ?? Infinity, t === "container" ? x ?? Infinity : Infinity) < (n?.dockAt ?? ee[e]) ? "drawer" : "docked";
 	}, [
-		S,
-		v,
-		b,
+		C,
+		y,
+		x,
 		t
-	]), H = O.useCallback((e) => S[e]?.collapsible, [S]), U = O.useCallback((e, t) => {
-		let i = j.current, o = i.includes(e), c = typeof t == "function" ? t(o) : t;
+	]), H = O.useCallback((e) => C[e]?.collapsible, [C]), U = O.useCallback((e, t) => {
+		let i = M.current, o = i.includes(e), c = typeof t == "function" ? t(o) : t;
 		if (c === o) return;
 		let l = i.filter((t) => t !== e);
-		c && l.push(e), a === void 0 && (e !== "primary" || n === void 0) && (j.current = l), a === void 0 && T(l), s?.([...l]), e === "primary" && (r?.(c), document.cookie = `sidebar_state=${c}; path=/; max-age=604800`);
+		c && l.push(e), a === void 0 && (e !== "primary" || n === void 0) && (M.current = l), a === void 0 && E(l), s?.([...l]), e === "primary" && (r?.(c), f && (document.cookie = `${f}=${c}; path=/; max-age=604800`));
 	}, [
 		a,
 		n,
 		s,
-		r
+		r,
+		f
 	]), W = O.useCallback((e) => {
-		N.current !== e && (c === void 0 && (N.current = e, D(e)), l?.(e));
+		P.current !== e && (c === void 0 && (P.current = e, k(e)), l?.(e));
 	}, [c, l]), G = O.useCallback((e, t) => {
-		let n = N.current === e, r = typeof t == "function" ? t(n) : t;
+		let n = P.current === e, r = typeof t == "function" ? t(n) : t;
 		r !== n && W(r ? e : null);
 	}, [W]), K = O.useCallback((e) => {
-		B(e) === "drawer" ? W(N.current === e ? null : e) : U(e, (e) => !e);
+		V(e) === "drawer" ? W(P.current === e ? null : e) : U(e, (e) => !e);
 	}, [
-		B,
+		V,
 		W,
 		U
-	]), q = M && B(M) === "drawer" ? M : null;
+	]), q = N && V(N) === "drawer" ? N : null;
 	O.useEffect(() => {
-		Number.isFinite(v) && M && B(M) === "docked" && (W(null), L(M)?.focus());
+		Number.isFinite(y) && N && V(N) === "docked" && (W(null), R(N)?.focus());
 	}, [
-		M,
-		B,
+		N,
+		V,
 		W,
-		L,
-		v
+		R,
+		y
 	]);
 	let J = O.useMemo(() => ({
-		openPanels: k,
+		openPanels: j,
 		mobilePanel: q,
 		navigationPanel: u,
 		adaptTo: t,
-		hostRef: _,
-		getPresentation: B,
+		hostRef: v,
+		getPresentation: V,
 		getCollapseMode: H,
 		setPanelOpen: U,
 		setPanelOpenMobile: G,
 		setMobilePanel: W,
 		togglePanel: K,
 		registerRegion: z,
-		triggerFor: L,
-		rememberTrigger: I
+		triggerFor: R,
+		rememberTrigger: L
 	}), [
-		k,
+		j,
 		q,
 		u,
 		t,
-		B,
+		V,
 		H,
 		U,
 		G,
 		W,
 		K,
 		z,
-		L,
-		I
+		R,
+		L
 	]);
 	O.useEffect(() => {
 		if (d === !1) return;
@@ -171,70 +176,71 @@ function W({ defaultOpen: e = !0, adaptTo: t = "viewport", open: n, onOpenChange
 			let t = e.target instanceof Element ? e.target : document.activeElement;
 			if (t?.closest("input,textarea,select,[contenteditable]:not([contenteditable=\"false\"]),[role=\"textbox\"],[role=\"dialog\"],[role=\"alertdialog\"],[role=\"menu\"],[role=\"listbox\"]")) return;
 			let n = t?.closest("[data-slot=\"sidebar-wrapper\"]"), r = document.querySelectorAll("[data-slot=\"sidebar-wrapper\"]");
-			(n ? n !== _.current : r.length !== 1) || (e.preventDefault(), B(u) === "drawer" ? W(N.current === u ? null : u) : U(u, (e) => !e));
+			(n ? n !== v.current : r.length !== 1) || (e.preventDefault(), V(u) === "drawer" ? W(P.current === u ? null : u) : U(u, (e) => !e));
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [
 		d,
 		u,
-		B,
+		V,
 		W,
 		U
 	]);
 	let Y = F({
 		defaultTagName: "div",
-		ref: f ? [_, f] : _,
+		ref: p ? [v, p] : v,
 		props: {
-			...g,
+			..._,
 			"data-slot": "sidebar-wrapper",
-			"data-mobile": B("primary") === "drawer",
+			"data-mobile": V("primary") === "drawer",
 			style: {
 				"--sidebar-width": "16rem",
 				"--sidebar-width-icon": "3rem",
-				...m
+				...h
 			},
-			className: i("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar relative flex min-h-svh w-full", t === "container" && "isolate [contain:paint]", p),
-			children: h
+			className: i("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar relative flex min-h-svh w-full", t === "container" && "isolate [contain:paint]", m),
+			children: g
 		}
 	});
-	return /* @__PURE__ */ A(V.Provider, {
+	return /* @__PURE__ */ A(B.Provider, {
 		value: J,
 		children: Y
 	});
 }
 //#endregion
 //#region src/components/ui/sidebar.tsx
-function G({ className: e, onClick: t, panelId: n, children: r, ...a }) {
-	let o = H(), s = n ?? o?.navigationPanel ?? "primary", { toggleSidebar: c, open: l, openMobile: u, isMobile: d } = U(s);
+var W = "Toggle Sidebar";
+function G({ className: e, onClick: t, panelId: n, toggleLabel: r = W, children: a, ...o }) {
+	let s = V(), c = n ?? s?.navigationPanel ?? "primary", { toggleSidebar: l, open: u, openMobile: d, isMobile: f } = H(c);
 	return /* @__PURE__ */ A(y, {
 		"data-sidebar": "trigger",
 		"data-slot": "sidebar-trigger",
-		"data-sidebar-trigger-panel": s,
-		"aria-expanded": d ? u : l,
+		"data-sidebar-trigger-panel": c,
+		"aria-expanded": f ? d : u,
 		variant: "ghost",
 		size: "icon-sm",
 		className: i(e),
 		onClick: (e) => {
-			t?.(e), e.defaultPrevented || (o?.rememberTrigger(s, e.currentTarget), c());
+			t?.(e), e.defaultPrevented || (s?.rememberTrigger(c, e.currentTarget), l());
 		},
-		...a,
-		children: r ?? /* @__PURE__ */ j(k, { children: [A(s === "aside" ? N : M, {}), /* @__PURE__ */ A("span", {
+		...o,
+		children: a ?? /* @__PURE__ */ j(k, { children: [A(c === "aside" ? N : M, {}), /* @__PURE__ */ A("span", {
 			className: "sr-only",
-			children: "Toggle Sidebar"
+			children: r
 		})] })
 	});
 }
-function K({ className: e, ...t }) {
-	let { toggleSidebar: n } = U();
+function K({ className: e, toggleLabel: t = W, ...n }) {
+	let { toggleSidebar: r } = H();
 	return /* @__PURE__ */ A("button", {
 		"data-sidebar": "rail",
 		"data-slot": "sidebar-rail",
-		"aria-label": "Toggle Sidebar",
+		"aria-label": t,
 		tabIndex: -1,
-		onClick: n,
-		title: "Toggle Sidebar",
-		className: i("hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:start-1/2 after:w-[2px] sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", e),
-		...t
+		onClick: r,
+		title: t,
+		className: i(h.sidebarRail, "hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:start-1/2 after:w-[2px] sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", e),
+		...n
 	});
 }
 function q({ className: e, ...t }) {
@@ -260,7 +266,7 @@ function Y({ className: e, ...t }) {
 		...t
 	});
 }
-function ee({ className: e, ...t }) {
+function te({ className: e, ...t }) {
 	return /* @__PURE__ */ A("div", {
 		"data-slot": "sidebar-footer",
 		"data-sidebar": "footer",
@@ -268,15 +274,15 @@ function ee({ className: e, ...t }) {
 		...t
 	});
 }
-function te({ className: e, ...t }) {
-	return /* @__PURE__ */ A(d, {
+function ne({ className: e, ...t }) {
+	return /* @__PURE__ */ A(m, {
 		"data-slot": "sidebar-separator",
 		"data-sidebar": "separator",
 		className: i("bg-sidebar-border mx-space-md w-auto", e),
 		...t
 	});
 }
-function ne({ className: e, ...t }) {
+function re({ className: e, ...t }) {
 	return /* @__PURE__ */ A("div", {
 		"data-slot": "sidebar-content",
 		"data-sidebar": "content",
@@ -284,7 +290,7 @@ function ne({ className: e, ...t }) {
 		...t
 	});
 }
-function re({ className: e, ...t }) {
+function ie({ className: e, ...t }) {
 	return /* @__PURE__ */ A("div", {
 		"data-slot": "sidebar-group",
 		"data-sidebar": "group",
@@ -292,10 +298,10 @@ function re({ className: e, ...t }) {
 		...t
 	});
 }
-function ie({ className: e, render: t, ...n }) {
+function ae({ className: e, render: t, ...n }) {
 	return F({
 		defaultTagName: "div",
-		props: P({ className: i(`text-sidebar-foreground/70 h-8 rounded-radius text-xs font-medium transition-opacity duration-150 group-data-[collapsible=icon]:opacity-0 ${m.sidebar} [&>svg]:size-icon flex shrink-0 items-center outline-hidden [&>svg]:shrink-0`, e) }, n),
+		props: I({ className: i(`text-sidebar-foreground/70 h-8 rounded-radius text-xs font-medium transition-opacity duration-150 group-data-[collapsible=icon]:opacity-0 ${p.sidebar} [&>svg]:size-icon flex shrink-0 items-center outline-hidden [&>svg]:shrink-0`, e) }, n),
 		render: t,
 		state: {
 			slot: "sidebar-group-label",
@@ -303,10 +309,10 @@ function ie({ className: e, render: t, ...n }) {
 		}
 	});
 }
-function ae({ className: e, render: t, ...n }) {
+function oe({ className: e, render: t, ...n }) {
 	return F({
 		defaultTagName: "button",
-		props: P({ className: i(`box-border border-0 bg-transparent font-sans text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 w-5 rounded-radius p-0 ${m.sidebar} [&>svg]:size-icon flex aspect-square items-center justify-center outline-hidden transition-transform [&>svg]:shrink-0 after:absolute after:-inset-2 md:after:hidden group-data-[collapsible=icon]:hidden`, e) }, n),
+		props: I({ className: i(`box-border border-0 bg-transparent font-sans text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 w-5 rounded-radius p-0 ${p.sidebar} [&>svg]:size-icon flex aspect-square items-center justify-center outline-hidden transition-transform [&>svg]:shrink-0 after:absolute after:-inset-2 md:after:hidden group-data-[collapsible=icon]:hidden`, e) }, n),
 		render: t,
 		state: {
 			slot: "sidebar-group-action",
@@ -314,7 +320,7 @@ function ae({ className: e, render: t, ...n }) {
 		}
 	});
 }
-function oe({ className: e, ...t }) {
+function se({ className: e, ...t }) {
 	return /* @__PURE__ */ A("div", {
 		"data-slot": "sidebar-group-content",
 		"data-sidebar": "group-content",
@@ -322,7 +328,7 @@ function oe({ className: e, ...t }) {
 		...t
 	});
 }
-function se({ className: e, ...t }) {
+function ce({ className: e, ...t }) {
 	return /* @__PURE__ */ A("ul", {
 		"data-slot": "sidebar-menu",
 		"data-sidebar": "menu",
@@ -330,7 +336,7 @@ function se({ className: e, ...t }) {
 		...t
 	});
 }
-function ce({ className: e, ...t }) {
+function le({ className: e, ...t }) {
 	return /* @__PURE__ */ A("li", {
 		"data-slot": "sidebar-menu-item",
 		"data-sidebar": "menu-item",
@@ -338,7 +344,7 @@ function ce({ className: e, ...t }) {
 		...t
 	});
 }
-var le = I(i(`box-border border-0 bg-transparent py-0 font-sans no-underline hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground text-left transition-[background-color,color] ${m.sidebar} data-active:font-medium peer/menu-button flex w-full items-center overflow-hidden outline-hidden group/menu-button disabled:opacity-50 aria-disabled:opacity-50 [&>span:last-child]:truncate [&_svg]:size-icon [&_svg]:shrink-0`, E), {
+var ue = P(i(`box-border border-0 bg-transparent py-0 font-sans no-underline hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground text-left transition-[background-color,color] ${p.sidebar} data-active:font-medium peer/menu-button flex w-full items-center overflow-hidden outline-hidden group/menu-button disabled:opacity-50 aria-disabled:opacity-50 [&>span:last-child]:truncate [&_svg]:size-icon [&_svg]:shrink-0`, E), {
 	variants: {
 		variant: {
 			default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
@@ -355,10 +361,10 @@ var le = I(i(`box-border border-0 bg-transparent py-0 font-sans no-underline hov
 		size: "default"
 	}
 });
-function ue({ render: e, disabled: t = !1, isActive: n = !1, variant: r = "default", size: a = "default", tooltip: o, className: s, ...c }) {
-	let { isMobile: l, collapsed: u } = U(), d = t || c["aria-disabled"] === !0 || c["aria-disabled"] === "true", f = F({
+function de({ render: e, disabled: t = !1, isActive: n = !1, variant: r = "default", size: a = "default", tooltip: o, className: s, ...c }) {
+	let { isMobile: l, collapsed: u } = H(), d = t || c["aria-disabled"] === !0 || c["aria-disabled"] === "true", f = F({
 		defaultTagName: "button",
-		props: P({ className: i(le({
+		props: I({ className: i(ue({
 			variant: r,
 			size: a
 		}), s) }, c),
@@ -376,8 +382,8 @@ function ue({ render: e, disabled: t = !1, isActive: n = !1, variant: r = "defau
 		onClickCapture: X,
 		onClick: X,
 		onPointerDownCapture: X,
-		onKeyDownCapture: de,
-		onKeyUpCapture: de
+		onKeyDownCapture: fe,
+		onKeyUpCapture: fe
 	}) : f;
 	return o ? (typeof o == "string" && (o = { children: o }), /* @__PURE__ */ j(g, {
 		disabled: d || !u || l,
@@ -394,13 +400,13 @@ function ue({ render: e, disabled: t = !1, isActive: n = !1, variant: r = "defau
 function X(e) {
 	e.preventDefault(), e.stopPropagation();
 }
-function de(e) {
+function fe(e) {
 	(e.key === "Enter" || e.key === " ") && X(e);
 }
-function fe({ className: e, render: t, showOnHover: n = !1, ...r }) {
+function pe({ className: e, render: t, showOnHover: n = !1, ...r }) {
 	return F({
 		defaultTagName: "button",
-		props: P({ className: i(`box-border border-0 bg-transparent font-sans text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 aspect-square w-5 rounded-radius p-0 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 ${m.sidebar} [&>svg]:size-icon flex items-center justify-center outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 md:after:hidden [&_svg]:shrink-0`, n && "peer-data-active/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-open:opacity-100 md:opacity-0", e) }, r),
+		props: I({ className: i(`box-border border-0 bg-transparent font-sans text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 aspect-square w-5 rounded-radius p-0 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 ${p.sidebar} [&>svg]:size-icon flex items-center justify-center outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 md:after:hidden [&_svg]:shrink-0`, n && "peer-data-active/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-open:opacity-100 md:opacity-0", e) }, r),
 		render: t,
 		state: {
 			slot: "sidebar-menu-action",
@@ -408,15 +414,15 @@ function fe({ className: e, render: t, showOnHover: n = !1, ...r }) {
 		}
 	});
 }
-function pe({ className: e, ...t }) {
+function me({ className: e, ...t }) {
 	return /* @__PURE__ */ A("div", {
 		"data-slot": "sidebar-menu-badge",
 		"data-sidebar": "menu-badge",
-		className: i("text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 rounded-radius px-space-xs text-xs font-medium peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 flex items-center justify-center tabular-nums select-none group-data-[collapsible=icon]:hidden", e),
+		className: i("box-border", "text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 rounded-radius px-space-xs text-xs font-medium peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 flex items-center justify-center tabular-nums select-none group-data-[collapsible=icon]:hidden", e),
 		...t
 	});
 }
-function me({ className: e, ...t }) {
+function he({ className: e, ...t }) {
 	return /* @__PURE__ */ A("ul", {
 		"data-slot": "sidebar-menu-sub",
 		"data-sidebar": "menu-sub",
@@ -424,7 +430,7 @@ function me({ className: e, ...t }) {
 		...t
 	});
 }
-function he({ className: e, ...t }) {
+function ge({ className: e, ...t }) {
 	return /* @__PURE__ */ A("li", {
 		"data-slot": "sidebar-menu-sub-item",
 		"data-sidebar": "menu-sub-item",
@@ -432,10 +438,10 @@ function he({ className: e, ...t }) {
 		...t
 	});
 }
-function ge({ render: e, size: t = "md", isActive: n = !1, className: r, ...a }) {
+function _e({ render: e, size: t = "md", isActive: n = !1, className: r, ...a }) {
 	return F({
 		defaultTagName: "a",
-		props: P({ className: i(`text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground h-action-xs ${m.sidebar} data-[size=md]:text-sm data-[size=sm]:text-xs [&>svg]:size-icon flex -translate-x-px items-center overflow-hidden outline-hidden group-data-[collapsible=icon]:hidden disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:shrink-0`, E, r) }, a),
+		props: I({ className: i(`text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground h-action-xs ${p.sidebar} data-[size=md]:text-sm data-[size=sm]:text-xs [&>svg]:size-icon flex -translate-x-px items-center overflow-hidden outline-hidden group-data-[collapsible=icon]:hidden disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:shrink-0`, E, r) }, a),
 		render: e,
 		state: {
 			slot: "sidebar-menu-sub-button",
@@ -447,15 +453,20 @@ function ge({ render: e, size: t = "md", isActive: n = !1, className: r, ...a })
 }
 //#endregion
 //#region src/components/base/sidebar/sidebar.tsx
-var _e = {
+var Z = {
 	mobileTitle: "Navigation",
-	mobileDescription: "Navigation for this application."
+	mobileDescription: "Navigation for this application.",
+	toggle: "Toggle Sidebar"
 }, ve = {
 	mobileTitle: "Inspector",
 	mobileDescription: "Supporting tools and details."
-}, ye = `font-medium text-sidebar-foreground transition-[background-color,color] hover:bg-sidebar-accent hover:text-sidebar-foreground ${m.sidebar} data-active:bg-sidebar-accent data-active:text-sidebar-foreground data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-foreground`, be = ye, Z = O.createContext(void 0), xe = O.createContext(!1), Q = T, $ = "group-data-[collapsible=icon]:w-shell-sidebar-icon-padded";
-function Se(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ A(f, {
+}, ye = {
+	sm: "icon-sm",
+	md: "icon",
+	lg: "icon-lg"
+}, be = `font-medium text-sidebar-foreground transition-[background-color,color] hover:bg-sidebar-accent hover:text-sidebar-foreground ${p.sidebar} data-active:bg-sidebar-accent data-active:text-sidebar-foreground data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-foreground`, xe = be, Se = "text-sidebar-foreground/70", Q = O.createContext(void 0), Ce = O.createContext(!1), $ = T, we = "group-data-[collapsible=icon]:w-shell-sidebar-icon-padded";
+function Te(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ A(d, {
 		tag: "span",
 		size: "inherit",
 		weight: "inherit",
@@ -464,8 +475,8 @@ function Se(e) {
 		children: e
 	}) : e;
 }
-function Ce(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ A(f, {
+function Ee(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ A(d, {
 		tag: "span",
 		size: "inherit",
 		lineHeight: "snug",
@@ -473,19 +484,19 @@ function Ce(e) {
 		children: e
 	}) : e;
 }
-function we(e) {
-	return e && (typeof e == "string" ? { children: Ce(e) } : {
+function De(e) {
+	return e && (typeof e == "string" ? { children: Ee(e) } : {
 		...e,
-		children: Ce(e.children)
+		children: Ee(e.children)
 	});
 }
-function Te(e) {
+function Oe(e) {
 	return e === "sm" ? "h-action-sm group-data-[collapsible=icon]:size-action-sm!" : e === "lg" ? "h-action-lg group-data-[collapsible=icon]:size-action-lg!" : "h-action group-data-[collapsible=icon]:size-action!";
 }
-function Ee({ className: e, style: t, menuDensity: n, ...r }) {
-	return /* @__PURE__ */ A(Z.Provider, {
+function ke({ className: e, style: t, menuDensity: n, ...r }) {
+	return /* @__PURE__ */ A(Q.Provider, {
 		value: n,
-		children: /* @__PURE__ */ A(W, {
+		children: /* @__PURE__ */ A(U, {
 			className: i("sidebar-provider--component shell-sidebar-vars box-border", e),
 			style: {
 				"--sidebar-width": "var(--shell-sidebar-width)",
@@ -493,37 +504,39 @@ function Ee({ className: e, style: t, menuDensity: n, ...r }) {
 				...t
 			},
 			...r,
-			children: /* @__PURE__ */ A(ke, { children: r.children })
+			children: /* @__PURE__ */ A(Me, { children: r.children })
 		})
 	});
 }
-var De = O.createContext(null);
-function Oe(e, t) {
+var Ae = O.createContext(null);
+function je(e, t) {
 	let n = Object.keys(e);
 	return n.length === Object.keys(t).length && n.every((n) => Reflect.get(e, n) === Reflect.get(t, n));
 }
-function ke({ children: e }) {
-	let { mobilePanel: t, setMobilePanel: r } = U(), a = H(), [d, f] = O.useState({}), p = O.useRef({}), m = O.useRef({
+function Me({ children: e }) {
+	let { mobilePanel: t, setMobilePanel: r } = H(), a = V(), [d, f] = O.useState({}), p = O.useRef({}), m = O.useRef({
 		mobilePanel: t,
 		setMobilePanel: r
 	});
-	m.current = {
-		mobilePanel: t,
-		setMobilePanel: r
-	};
+	O.useLayoutEffect(() => {
+		m.current = {
+			mobilePanel: t,
+			setMobilePanel: r
+		};
+	});
 	let h = O.useRef(!0);
 	O.useLayoutEffect(() => (h.current = !0, () => {
 		h.current = !1;
 	}), []);
-	let [g, _] = O.useState(null), v = O.useRef("primary"), y = O.useRef(null);
-	t && (v.current = t);
-	let b = O.useCallback((e, t) => {
+	let [g, _] = O.useState(null), [v, y] = O.useState(null);
+	t && t !== v && y(t);
+	let b = t ?? v, x = b ?? "primary", S = O.useCallback((e, t) => {
 		let n = !!p.current[e];
-		t ? p.current[e] = t : delete p.current[e], !t && n && (v.current === e && (y.current = null), queueMicrotask(() => {
+		t ? p.current[e] = t : delete p.current[e], !t && n && (y((t) => t === e ? null : t), queueMicrotask(() => {
 			h.current && !p.current[e] && m.current.mobilePanel === e && m.current.setMobilePanel(null);
 		})), f((n) => {
 			let r = n[e];
-			if (!t && !r || r && t && Oe(r.props, t.props) && Oe({
+			if (!t && !r || r && t && je(r.props, t.props) && je({
 				...r,
 				props: void 0
 			}, {
@@ -533,51 +546,49 @@ function ke({ children: e }) {
 			let i = { ...n };
 			return t ? i[e] = t : delete i[e], i;
 		});
-	}, []), x = t ? d[t] : y.current;
-	t && (y.current = x ?? null);
-	let S = O.useMemo(() => ({
+	}, []), C = b ? d[b] : void 0, w = O.useMemo(() => ({
 		target: g,
-		register: b
-	}), [g, b]), C = null;
-	if (x?.themeContainer) {
-		let e = x.themeContainer;
-		C = "current" in e ? e.current : e;
+		register: S
+	}), [g, S]), T = null;
+	if (C?.themeContainer) {
+		let e = C.themeContainer;
+		T = "current" in e ? e.current : e;
 	}
-	let w = !!x?.contained || a.adaptTo === "container", T = w && C && !a.hostRef.current?.contains(C) ? a.hostRef : x?.themeContainer;
+	let E = !!C?.contained || a.adaptTo === "container", D = E && T && !a.hostRef.current?.contains(T) ? a.hostRef : C?.themeContainer;
 	return /* @__PURE__ */ A(u, {
 		modal: !0,
-		open: !!t && !!x,
+		open: !!t && !!C,
 		onOpenChange: (e) => {
 			e || r(null);
 		},
-		children: /* @__PURE__ */ j(De.Provider, {
-			value: S,
-			children: [e, x && /* @__PURE__ */ A(n, {
-				value: x.themeScope,
+		children: /* @__PURE__ */ j(Ae.Provider, {
+			value: w,
+			children: [e, C && /* @__PURE__ */ A(n, {
+				value: C.themeScope,
 				children: /* @__PURE__ */ j(c, {
-					...x.props,
-					container: T,
+					...C.props,
+					container: D,
 					forceRenderBackdrop: !0,
-					backdropClassName: x.contained ? "absolute" : void 0,
-					dir: x.dir,
+					backdropClassName: C.contained ? "absolute" : void 0,
+					dir: C.dir,
 					"data-sidebar": "sidebar",
 					"data-slot": "sidebar",
-					"data-panel-id": t ?? v.current,
+					"data-panel-id": x,
 					"data-mobile": "true",
 					"data-presentation": "drawer",
-					side: x.side,
-					finalFocus: () => a.triggerFor(v.current),
-					className: i("sidebar--component shell-sidebar-vars box-border data-[side=left]:w-(--sidebar-width) data-[side=right]:w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&_[data-overlay-close]]:top-[calc(var(--surface-y)*var(--space-scale)/2+(var(--text-base)*var(--leading-snug)-var(--height-action)*7/8*var(--density-scale))/2)]! [&_[data-overlay-close]]:end-[calc(var(--surface-x)*var(--space-scale)/2)]!", x.contained && "absolute", x.surfaceClassName, x.className, x.rootClassName),
+					side: C.side,
+					finalFocus: () => a.triggerFor(x),
+					className: i("sidebar--component shell-sidebar-vars box-border data-[side=left]:w-(--sidebar-width) data-[side=right]:w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&_[data-overlay-close]]:top-[calc(var(--surface-y)*var(--space-scale)/2+(var(--text-base)*var(--leading-snug)-var(--height-action)*7/8*var(--density-scale))/2)]! [&_[data-overlay-close]]:end-[calc(var(--surface-x)*var(--space-scale)/2)]!", C.contained && "absolute", C.surfaceClassName, C.className, C.rootClassName),
 					style: {
-						...x.props.style,
+						...C.props.style,
 						"--sidebar-width": "var(--shell-sidebar-width-offcanvas)",
-						...w ? { maxWidth: "calc(100% - var(--control-x) * var(--space-scale))" } : {}
+						...E ? { maxWidth: "calc(100% - var(--control-x) * var(--space-scale))" } : {}
 					},
 					children: [/* @__PURE__ */ j(l, {
 						className: "min-h-[calc(var(--height-action)*var(--density-scale)+var(--surface-y)*var(--space-scale))] p-surface-xs pe-[calc(var(--height-action)*var(--density-scale)+var(--surface-x)*var(--space-scale))]",
-						children: [/* @__PURE__ */ A(s, { children: x.title }), /* @__PURE__ */ A(o, {
+						children: [/* @__PURE__ */ A(s, { children: C.title }), /* @__PURE__ */ A(o, {
 							className: "sr-only",
-							children: x.description
+							children: C.description
 						})]
 					}), /* @__PURE__ */ A("div", {
 						ref: _,
@@ -588,12 +599,12 @@ function ke({ children: e }) {
 		})
 	});
 }
-function Ae({ panelId: e, dockAt: t = R[e], presentation: n = "panel", side: r = "left", width: a, className: o, style: s, ref: c, children: l, ...u }) {
-	let d = H(), f = O.useRef(null), [p, m] = O.useState(Infinity), [g, _] = O.useState(null), v = d?.registerRegion;
+function Ne({ panelId: e, dockAt: t = ee[e], presentation: n = "panel", side: r = "left", width: a, className: o, style: s, ref: c, children: l, ...u }) {
+	let d = V(), f = O.useRef(null), [p, m] = O.useState(Infinity), [g, _] = O.useState(null), v = d?.registerRegion, y = !!d, b = d?.adaptTo, x = d?.hostRef;
 	O.useLayoutEffect(() => {
 		let e = f.current;
 		if (!e) return;
-		let t = e.closest("[data-shell-regions]"), n = !d || d.adaptTo === "container" ? t ?? d?.hostRef.current : null, r = () => {
+		let t = e.closest("[data-shell-regions]"), n = !y || b === "container" ? t ?? x?.current : null, r = () => {
 			let e = n?.getBoundingClientRect().width;
 			m(Math.min(window.innerWidth, e && e > 0 ? e : Infinity));
 		};
@@ -602,7 +613,11 @@ function Ae({ panelId: e, dockAt: t = R[e], presentation: n = "panel", side: r =
 		return n && i?.observe(n), () => {
 			window.removeEventListener("resize", r), i?.disconnect();
 		};
-	}, [d?.adaptTo, d?.hostRef]), O.useLayoutEffect(() => {
+	}, [
+		y,
+		b,
+		x
+	]), O.useLayoutEffect(() => {
 		v?.(e, {
 			dockAt: t,
 			width: p,
@@ -617,7 +632,7 @@ function Ae({ panelId: e, dockAt: t = R[e], presentation: n = "panel", side: r =
 	]), O.useLayoutEffect(() => () => {
 		v?.(e, null);
 	}, [v, e]);
-	let y = d ? d.getPresentation(e) === "docked" : p >= t, b = d?.openPanels.includes(e) ?? !0, x = !b && g?.collapsible !== "none", S = !y || x && g?.collapsible === "offcanvas", C = !y && !g, w = y && x && g?.collapsible === "offcanvas", T = n === "rail" || x && g?.collapsible === "icon", E = O.useMemo(() => ({
+	let S = d ? d.getPresentation(e) === "docked" : p >= t, C = d?.openPanels.includes(e) ?? !0, w = !C && g?.collapsible !== "none", T = !S || w && g?.collapsible === "offcanvas", E = !S && !g, D = S && w && g?.collapsible === "offcanvas", k = n === "rail" || w && g?.collapsible === "icon", j = O.useMemo(() => ({
 		panelId: e,
 		geometry: n,
 		side: r,
@@ -626,9 +641,9 @@ function Ae({ panelId: e, dockAt: t = R[e], presentation: n = "panel", side: r =
 		e,
 		n,
 		r
-	]), D = n === "rail" ? "var(--shell-navigation-rail-width)" : T ? "var(--shell-sidebar-width-icon)" : "var(--sidebar-width)";
-	return x && g?.collapsible === "icon" && g.variant !== "sidebar" && n !== "rail" && (D = "calc(var(--shell-sidebar-width-icon) + 1rem * var(--space-scale))"), /* @__PURE__ */ A(B, {
-		value: E,
+	]), M = n === "rail" ? "var(--shell-navigation-rail-width)" : k ? "var(--shell-sidebar-width-icon)" : "var(--sidebar-width)";
+	return w && g?.collapsible === "icon" && g.variant !== "sidebar" && n !== "rail" && (M = "calc(var(--shell-sidebar-width-icon) + 1rem * var(--space-scale))"), /* @__PURE__ */ A(z, {
+		value: j,
 		children: /* @__PURE__ */ A("aside", {
 			...u,
 			ref: (e) => {
@@ -636,27 +651,27 @@ function Ae({ panelId: e, dockAt: t = R[e], presentation: n = "panel", side: r =
 			},
 			"data-slot": "sidebar-region",
 			"data-panel-id": e,
-			"data-presentation": y ? "docked" : "drawer",
+			"data-presentation": S ? "docked" : "drawer",
 			"data-region-presentation": n,
-			"data-state": b ? "expanded" : "collapsed",
-			"data-collapsible": x ? g?.collapsible : "",
+			"data-state": C ? "expanded" : "collapsed",
+			"data-collapsible": w ? g?.collapsible : "",
 			"data-side": r,
-			"aria-hidden": w || void 0,
-			inert: w || void 0,
-			className: i("sidebar-region--component shell-sidebar-vars box-border relative min-h-0 shrink-0", g?.collapsible === "offcanvas" && "overflow-hidden", y && h.sidebar, o),
+			"aria-hidden": D || void 0,
+			inert: D || void 0,
+			className: i("sidebar-region--component shell-sidebar-vars box-border relative min-h-0 shrink-0", g?.collapsible === "offcanvas" && "overflow-hidden", S && h.sidebar, o),
 			style: {
 				...s,
 				"--sidebar-width": a ?? "var(--shell-sidebar-width)",
-				width: S ? 0 : D,
-				position: y ? void 0 : "static",
-				display: C ? "none" : void 0
+				width: T ? 0 : M,
+				position: S ? void 0 : "static",
+				display: E ? "none" : void 0
 			},
 			children: l
 		})
 	});
 }
-function je(e) {
-	let t = O.useContext(z), n = e.panelId ?? t?.panelId ?? "primary", r = O.useMemo(() => ({
+function Pe(e) {
+	let t = O.useContext(R), n = e.panelId ?? t?.panelId ?? "primary", r = O.useMemo(() => ({
 		...t?.panelId === n ? t : {},
 		panelId: n,
 		side: e.side ?? (t?.panelId === n ? t.side : void 0) ?? "left"
@@ -665,124 +680,126 @@ function je(e) {
 		n,
 		e.side
 	]);
-	return /* @__PURE__ */ A(B, {
+	return /* @__PURE__ */ A(z, {
 		value: r,
-		children: /* @__PURE__ */ A(Me, {
+		children: /* @__PURE__ */ A(Fe, {
 			...e,
 			panelId: n
 		})
 	});
 }
-function Me({ panelId: e = "primary", surface: a = "default", side: o, variant: s = "sidebar", collapsible: c = "offcanvas", contained: l = !1, className: u, surfaceClassName: d, rootClassName: f, children: p, dir: m, strings: h, ref: g, ..._ }) {
-	let v = O.useContext(z), y = !!v?.setCollapse, b = o ?? v?.side ?? "left", { isMobile: x, state: S } = U(e), C = H(), w = O.useContext(De), T = t(), E = T && "current" in T ? T : C.hostRef, D = T === void 0 ? C.hostRef : T, k = O.useMemo(() => ({
-		host: E,
-		mounted: T !== null
-	}), [E, T]), M = O.useMemo(() => ({
-		host: { current: w?.target ?? null },
-		mounted: !!w?.target
-	}), [w?.target]), N = r(e === "aside" ? ve : _e, h), P = O.useRef(null), F = v?.setCollapse;
-	O.useLayoutEffect(() => (F?.({
+function Fe({ panelId: t = "primary", surface: a = "default", side: o, variant: s = "sidebar", collapsible: c = "offcanvas", contained: l = !1, className: u, surfaceClassName: d, rootClassName: f, children: p, dir: m, strings: g, ref: _, ...v }) {
+	let y = O.useContext(R), b = !!y?.setCollapse, x = o ?? y?.side ?? "left", { isMobile: S, state: C } = H(t), w = V(), T = O.useContext(Ae), E = e(), D = E && "current" in E ? E : w.hostRef, k = E === void 0 ? w.hostRef : E, M = O.useMemo(() => ({
+		host: D,
+		mounted: E !== null
+	}), [D, E]), N = O.useMemo(() => ({
+		host: { current: T?.target ?? null },
+		mounted: !!T?.target
+	}), [T?.target]), P = r(t === "aside" ? ve : Z, g), F = O.useRef(null), I = y?.setCollapse;
+	O.useLayoutEffect(() => (I?.({
 		collapsible: c,
 		variant: s
-	}), () => F?.(null)), [
-		F,
+	}), () => I?.(null)), [
+		I,
 		c,
 		s
-	]), O.useLayoutEffect(() => {
-		if (!y) return C.registerRegion(e, {
-			dockAt: R[e],
+	]);
+	let z = w.registerRegion, B = w.triggerFor;
+	O.useLayoutEffect(() => {
+		if (!b) return z(t, {
+			dockAt: ee[t],
 			collapsible: c
-		}), () => C.registerRegion(e, null);
+		}), () => z(t, null);
 	}, [
-		y,
-		C.registerRegion,
-		e,
+		b,
+		z,
+		t,
 		c
 	]), O.useLayoutEffect(() => {
-		w?.register(e, {
+		T?.register(t, {
 			contained: l,
-			side: b,
+			side: x,
 			dir: m,
 			className: u,
 			surfaceClassName: d,
 			rootClassName: f,
-			title: N.mobileTitle,
-			description: N.mobileDescription,
-			themeContainer: D,
-			themeScope: k,
+			title: P.mobileTitle,
+			description: P.mobileDescription,
+			themeContainer: k,
+			themeScope: M,
 			props: {
-				..._,
-				ref: g
+				...v,
+				ref: _
 			}
 		});
 	}), O.useLayoutEffect(() => {
-		let t = w?.target, n = t?.parentElement;
-		x && C.mobilePanel === e && t && n && !n.contains(document.activeElement) && (t.querySelector("button:not(:disabled),a[href],input:not(:disabled),textarea:not(:disabled),select:not(:disabled),[tabindex]:not([tabindex=\"-1\"])") ?? n).focus({ preventScroll: !0 });
+		let e = T?.target, n = e?.parentElement;
+		S && w.mobilePanel === t && e && n && !n.contains(document.activeElement) && (e.querySelector("button:not(:disabled),a[href],input:not(:disabled),textarea:not(:disabled),select:not(:disabled),[tabindex]:not([tabindex=\"-1\"])") ?? n).focus({ preventScroll: !0 });
 	}, [
-		x,
-		C.mobilePanel,
-		w?.target,
-		e
+		S,
+		w.mobilePanel,
+		T?.target,
+		t
 	]);
-	let I = w?.register;
-	O.useLayoutEffect(() => () => I?.(e, null), [I, e]);
-	let B = O.useCallback((t) => {
-		let n = P.current;
-		!t && n?.contains(document.activeElement) && queueMicrotask(() => {
-			n.isConnected || C.triggerFor(e)?.focus();
-		}), P.current = t;
-	}, [C.triggerFor, e]);
+	let U = T?.register;
+	O.useLayoutEffect(() => () => U?.(t, null), [U, t]);
+	let W = O.useCallback((e) => {
+		let n = F.current;
+		!e && n?.contains(document.activeElement) && queueMicrotask(() => {
+			n.isConnected || B(t)?.focus();
+		}), F.current = e;
+	}, [B, t]);
 	O.useLayoutEffect(() => {
-		let t = P.current, n = document.activeElement;
-		if (S !== "collapsed" || c === "none" || !t || !(n instanceof HTMLElement) || !t.contains(n)) return;
+		let e = F.current, n = document.activeElement;
+		if (C !== "collapsed" || c === "none" || !e || !(n instanceof HTMLElement) || !e.contains(n)) return;
 		let r = c === "offcanvas";
-		for (let e = n; !r && e && t.contains(e); e = e.parentElement) {
-			let t = window.getComputedStyle(e);
-			r = e.hidden || t.display === "none" || t.visibility === "hidden";
+		for (let t = n; !r && t && e.contains(t); t = t.parentElement) {
+			let e = window.getComputedStyle(t);
+			r = t.hidden || e.display === "none" || e.visibility === "hidden";
 		}
-		r && C.triggerFor(e)?.focus();
+		r && w.triggerFor(t)?.focus();
 	}, [
-		S,
+		C,
 		c,
-		e,
-		C
+		t,
+		w
 	]);
-	let V = !x && S === "collapsed" && c === "offcanvas", W = c === "none", G = _.style?.["--sidebar-width"] ?? (v?.geometry === "rail" ? "var(--shell-navigation-rail-width)" : void 0);
-	if (x && c !== "none") return w?.target && C.mobilePanel === e ? L(/* @__PURE__ */ A(n, {
-		value: M,
+	let G = !S && C === "collapsed" && c === "offcanvas", K = c === "none", q = v.style?.["--sidebar-width"] ?? (y?.geometry === "rail" ? "var(--shell-navigation-rail-width)" : void 0);
+	if (S && c !== "none") return T?.target && w.mobilePanel === t ? L(/* @__PURE__ */ A(n, {
+		value: N,
 		children: p
-	}), w.target) : null;
-	let K = {
-		..._,
-		ref: g
-	}, q = W ? {
-		"data-panel-id": e,
+	}), T.target) : null;
+	let J = {
+		...v,
+		ref: _
+	}, Y = K ? {
+		"data-panel-id": t,
 		"data-presentation": "docked",
-		"data-state": S,
+		"data-state": C,
 		"data-collapsible": "",
 		"data-variant": s,
-		"data-side": b,
+		"data-side": x,
 		dir: m
 	} : {};
 	return l ? /* @__PURE__ */ A("div", {
-		className: i("shell-sidebar-vars group peer text-sidebar-foreground", W ? "contents" : "sidebar--component sticky top-0 block h-full shrink-0", !W && (y ? "w-full" : "w-(--sidebar-width) transition-[width] duration-200 ease-linear data-[collapsible=offcanvas]:w-0"), !W && !y && (s === "floating" || s === "inset" ? "data-[collapsible=icon]:w-shell-sidebar-icon-padded" : "data-[collapsible=icon]:w-(--sidebar-width-icon)"), !W && f),
-		style: { "--sidebar-width": G },
-		"data-panel-id": e,
+		className: i("shell-sidebar-vars group peer text-sidebar-foreground", K ? "contents" : "sidebar--component sticky top-0 block h-full shrink-0", !K && (b ? "w-full" : i("w-(--sidebar-width) data-[collapsible=offcanvas]:w-0", h.sidebar)), !K && !b && (s === "floating" || s === "inset" ? "data-[collapsible=icon]:w-shell-sidebar-icon-padded" : "data-[collapsible=icon]:w-(--sidebar-width-icon)"), !K && f),
+		style: { "--sidebar-width": q },
+		"data-panel-id": t,
 		"data-presentation": "docked",
-		"aria-hidden": V || void 0,
-		inert: V || void 0,
-		ref: B,
-		"data-state": S,
-		"data-collapsible": !W && S === "collapsed" ? c : "",
+		"aria-hidden": G || void 0,
+		inert: G || void 0,
+		ref: W,
+		"data-state": C,
+		"data-collapsible": !K && C === "collapsed" ? c : "",
 		"data-variant": s,
-		"data-side": b,
-		"data-slot": W ? void 0 : "sidebar",
+		"data-side": x,
+		"data-slot": K ? void 0 : "sidebar",
 		dir: m,
 		children: /* @__PURE__ */ A("div", {
-			"data-slot": W ? "sidebar" : void 0,
-			...q,
-			className: i("box-border flex h-full", W ? "relative" : "absolute inset-y-0 z-10", W && "sidebar--component", y ? c === "offcanvas" ? "w-(--sidebar-width)" : "w-full" : "w-(--sidebar-width) transition-[transform,width] duration-200 ease-linear", !y && (b === "left" ? "left-0 group-data-[collapsible=offcanvas]:-translate-x-full" : "right-0 group-data-[collapsible=offcanvas]:translate-x-full"), y && (b === "left" ? "left-0" : "right-0"), s === "floating" || s === "inset" ? i(s === "floating" ? "p-space-md" : "px-space-md py-space-lg", $) : !y && "group-data-[collapsible=icon]:w-(--sidebar-width-icon)", W && f, u),
-			...K,
+			"data-slot": K ? "sidebar" : void 0,
+			...Y,
+			className: i("box-border flex h-full", K ? "relative" : "absolute inset-y-0 z-10", K && "sidebar--component", b ? c === "offcanvas" ? "w-(--sidebar-width)" : "w-full" : i("w-(--sidebar-width)", h.sidebarSlide), !b && (x === "left" ? "left-0 group-data-[collapsible=offcanvas]:-translate-x-full" : "right-0 group-data-[collapsible=offcanvas]:translate-x-full"), b && (x === "left" ? "left-0" : "right-0"), s === "floating" || s === "inset" ? i(s === "floating" ? "p-space-md" : "px-space-md py-space-lg", we) : !b && "group-data-[collapsible=icon]:w-(--sidebar-width-icon)", K && f, u),
+			...J,
 			children: /* @__PURE__ */ A("div", {
 				"data-sidebar": "sidebar",
 				"data-slot": "sidebar-inner",
@@ -791,28 +808,28 @@ function Me({ panelId: e = "primary", surface: a = "default", side: o, variant:
 			})
 		})
 	}) : /* @__PURE__ */ j("div", {
-		className: i("shell-sidebar-vars group peer text-sidebar-foreground", W ? "contents" : "sidebar--component block", !W && f),
-		style: { "--sidebar-width": G },
-		"data-panel-id": e,
+		className: i("shell-sidebar-vars group peer text-sidebar-foreground", K ? "contents" : "sidebar--component block", !K && f),
+		style: { "--sidebar-width": q },
+		"data-panel-id": t,
 		"data-presentation": "docked",
-		"aria-hidden": V || void 0,
-		inert: V || void 0,
-		ref: B,
-		"data-state": S,
-		"data-collapsible": !W && S === "collapsed" ? c : "",
+		"aria-hidden": G || void 0,
+		inert: G || void 0,
+		ref: W,
+		"data-state": C,
+		"data-collapsible": !K && C === "collapsed" ? c : "",
 		"data-variant": s,
-		"data-side": b,
-		"data-slot": W ? void 0 : "sidebar",
+		"data-side": x,
+		"data-slot": K ? void 0 : "sidebar",
 		dir: m,
 		children: [/* @__PURE__ */ A("div", {
 			"data-slot": "sidebar-gap",
-			className: i("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", W && "hidden", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", s === "floating" || s === "inset" ? $ : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)")
+			className: i("relative w-(--sidebar-width) bg-transparent", h.sidebar, K && "hidden", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", s === "floating" || s === "inset" ? we : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)")
 		}), /* @__PURE__ */ A("div", {
-			"data-slot": W ? "sidebar" : "sidebar-container",
-			"data-side": b,
-			...q,
-			className: i(W ? "box-border relative flex h-full w-(--sidebar-width)" : "box-border fixed inset-y-0 z-10 flex h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", W && "sidebar--component", s === "floating" || s === "inset" ? i("p-space-md", $) : "border-border group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", W && f, u),
-			...K,
+			"data-slot": K ? "sidebar" : "sidebar-container",
+			"data-side": x,
+			...Y,
+			className: i(K ? "box-border relative flex h-full w-(--sidebar-width)" : i(h.sidebarOffset, "box-border fixed inset-y-0 z-10 flex h-svh w-(--sidebar-width) data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]"), K && "sidebar--component", s === "floating" || s === "inset" ? i("p-space-md", we) : "border-border group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", K && f, u),
+			...J,
 			children: /* @__PURE__ */ A("div", {
 				"data-sidebar": "sidebar",
 				"data-slot": "sidebar-inner",
@@ -822,84 +839,84 @@ function Me({ panelId: e = "primary", surface: a = "default", side: o, variant:
 		})]
 	});
 }
-function Ne({ className: e, ...t }) {
+function Ie({ className: e, ...t }) {
 	return /* @__PURE__ */ A(Y, {
 		className: i("sidebar-header--component box-border min-w-0 shrink-0 gap-space-sm p-surface-xs", e),
 		...t
 	});
 }
-function Pe({ className: e, ...t }) {
-	return /* @__PURE__ */ A(xe.Provider, {
+function Le({ className: e, ...t }) {
+	return /* @__PURE__ */ A(Ce.Provider, {
 		value: !0,
-		children: /* @__PURE__ */ A(ee, {
+		children: /* @__PURE__ */ A(te, {
 			className: i("sidebar-footer--component box-border min-w-0 shrink-0 gap-space-md p-surface-xs", b.sidebar.footer, e),
 			...t
 		})
 	});
 }
-function Fe({ className: e, ...t }) {
-	return /* @__PURE__ */ A(ne, {
+function Re({ className: e, ...t }) {
+	return /* @__PURE__ */ A(re, {
 		className: i("sidebar-content--component min-w-0 gap-space-sm overflow-x-hidden", e),
 		...t
 	});
 }
-function Ie({ className: e, ...t }) {
-	let n = O.useContext(xe);
-	return /* @__PURE__ */ A(re, {
+function ze({ className: e, ...t }) {
+	let n = O.useContext(Ce);
+	return /* @__PURE__ */ A(ie, {
 		className: i("sidebar-group--component box-border", n ? "p-0" : "px-surface-xs py-space-2xs", e),
 		...t
 	});
 }
-function Le({ className: e, ...t }) {
-	return /* @__PURE__ */ A(oe, {
+function Be({ className: e, ...t }) {
+	return /* @__PURE__ */ A(se, {
 		className: i("sidebar-group-content--component", e),
 		...t
 	});
 }
-function Re({ className: e, ...t }) {
-	return /* @__PURE__ */ A(ae, {
+function Ve({ className: e, ...t }) {
+	return /* @__PURE__ */ A(oe, {
 		className: i("sidebar-group-action--component top-space-xs size-action-xs", e),
 		...t
 	});
 }
-function ze({ className: t, ...n }) {
-	let { defaultScale: r } = e(), a = C(void 0, r);
+function He({ className: e, ...n }) {
+	let { defaultScale: r } = t(), a = C(void 0, r);
 	return /* @__PURE__ */ A(J, {
-		className: i("sidebar-input--component", S(a), t),
+		className: i("sidebar-input--component", S(a), e),
 		...n
 	});
 }
-function Be({ className: e, ...t }) {
-	return /* @__PURE__ */ A(te, {
+function Ue({ className: e, ...t }) {
+	return /* @__PURE__ */ A(ne, {
 		className: i("sidebar-separator--component mx-space-lg", e),
 		...t
 	});
 }
-function Ve({ className: e, menuDensity: t, ...n }) {
-	let r = O.useContext(Z), a = t ?? r, o = Q[a ?? "default"];
-	return /* @__PURE__ */ A(Z.Provider, {
+function We({ className: e, menuDensity: t, ...n }) {
+	let r = O.useContext(Q), a = t ?? r, o = $[a ?? "default"];
+	return /* @__PURE__ */ A(Q.Provider, {
 		value: a,
-		children: /* @__PURE__ */ A(se, {
+		children: /* @__PURE__ */ A(ce, {
 			className: i("sidebar-menu--component", o.gap, e),
 			...n
 		})
 	});
 }
-function He({ className: e, ...t }) {
-	return /* @__PURE__ */ A(ce, {
+function Ge({ className: e, ...t }) {
+	return /* @__PURE__ */ A(le, {
 		className: i("sidebar-menu-item--component group-data-[collapsible=icon]:flex group-data-[collapsible=icon]:justify-center", e),
 		...t
 	});
 }
-function Ue({ className: e, ...t }) {
-	let n = O.useContext(Z) ?? "default";
-	return /* @__PURE__ */ A(fe, {
+function Ke({ className: e, ...t }) {
+	let n = O.useContext(Q) ?? "default";
+	return /* @__PURE__ */ A(pe, {
 		className: i("sidebar-menu-action--component size-action-xs right-auto end-space-2xs! top-action-center! -translate-y-1/2 peer-data-[size=sm]/menu-button:top-action-sm-center! peer-data-[size=lg]/menu-button:top-action-lg-center!", n === "comfortable" ? "peer-data-[sidebar=menu-sub-button]/menu-sub-button:top-action-sm-center!" : "peer-data-[sidebar=menu-sub-button]/menu-sub-button:top-action-xs-center!", e),
 		...t
 	});
 }
-function We({ className: e, inline: t = !1, size: n = "md", children: r, ...a }) {
-	let o = typeof r == "string" || typeof r == "number" || typeof r == "bigint" ? /* @__PURE__ */ A(f, {
+function qe({ className: e, inline: t = !1, size: n = "md", children: r, ...a }) {
+	let o = typeof r == "string" || typeof r == "number" || typeof r == "bigint" ? /* @__PURE__ */ A(d, {
 		tag: "span",
 		size: "xxs",
 		weight: "semibold",
@@ -907,13 +924,13 @@ function We({ className: e, inline: t = !1, size: n = "md", children: r, ...a })
 		className: "text-inherit tabular-nums",
 		children: r
 	}) : r;
-	return /* @__PURE__ */ A(pe, {
+	return /* @__PURE__ */ A(me, {
 		className: i("sidebar-menu-badge--component shrink-0 text-sidebar-foreground", n === "sm" ? "h-4 min-w-4" : n === "lg" ? "h-6 min-w-6" : "h-5 min-w-5", t ? "static ms-auto translate-y-0" : "top-action-center! -translate-y-1/2 peer-data-[size=sm]/menu-button:top-action-sm-center! peer-data-[size=lg]/menu-button:top-action-lg-center!", e),
 		...a,
 		children: o
 	});
 }
-function Ge({ className: e, showIcon: t = !1, style: n, width: r, ...a }) {
+function Je({ className: e, showIcon: t = !1, style: n, width: r, ...a }) {
 	let o = r ?? "72%";
 	return /* @__PURE__ */ j("div", {
 		"data-slot": "sidebar-menu-skeleton",
@@ -931,71 +948,83 @@ function Ge({ className: e, showIcon: t = !1, style: n, width: r, ...a }) {
 		})]
 	});
 }
-function Ke({ className: e, ...t }) {
-	let n = O.useContext(Z) ?? "default";
-	return /* @__PURE__ */ A(me, {
-		className: i("sidebar-menu-sub--component border-l-0 border-s! border-sidebar-border", D, Q[n].childGap, e),
-		...t
+function Ye({ className: e, flushEnd: t = !1, ...n }) {
+	let r = O.useContext(Q) ?? "default";
+	return /* @__PURE__ */ A(he, {
+		"data-flush-end": t || void 0,
+		className: i("sidebar-menu-sub--component border-l-0 border-s! border-sidebar-border", D, t && "pe-0", $[r].childGap, e),
+		...n
 	});
 }
-function qe({ className: e, ...t }) {
-	return /* @__PURE__ */ A(he, {
+function Xe({ className: e, ...t }) {
+	return /* @__PURE__ */ A(ge, {
 		className: i("sidebar-menu-sub-item--component", e),
 		...t
 	});
 }
-function Je({ className: e, ...t }) {
+function Ze({ className: e, ...t }) {
 	return /* @__PURE__ */ A(q, {
 		className: i("sidebar-inset--component", e),
 		...t
 	});
 }
-function Ye({ className: e, ...t }) {
+function Qe({ className: e, strings: t, ...n }) {
+	let a = r(Z, t);
 	return /* @__PURE__ */ A(K, {
+		toggleLabel: a.toggle ?? Z.toggle,
 		className: i("sidebar-rail--component", e),
-		...t
+		...n
 	});
 }
-function Xe({ className: e, ...t }) {
+function $e({ className: e, strings: t, size: n = "md", ...a }) {
+	let o = r(Z, t);
 	return /* @__PURE__ */ A(G, {
-		className: i("sidebar-trigger--component size-action", e),
-		...t
+		toggleLabel: o.toggle ?? Z.toggle,
+		size: ye[n],
+		className: i("sidebar-trigger--component", n === "sm" ? "size-action-sm" : n === "lg" ? "size-action-lg" : "size-action", e),
+		...a
 	});
 }
-function Ze({ className: e, render: t, size: n, tooltip: r, children: o, active: s = !1, ...c }) {
-	let l = r && !t ? /* @__PURE__ */ A("button", { type: "button" }) : t, u = we(r), d = O.useContext(Z) ?? "default", f = n ?? Q[d].size, p = f === "md" ? "default" : f;
-	return /* @__PURE__ */ A(ue, {
-		className: i("sidebar-menu-button--component group-data-[collapsible=icon]:px-control-sm! group-data-[collapsible=icon]:py-0!", E, "group-has-data-[sidebar=menu-action]/menu-item:px-control-sm!", a.menuActionReserve.item, Te(f), ye, e),
-		render: l,
-		size: p,
-		tooltip: u,
+function et({ className: e, render: t, size: n, tooltip: r, children: o, active: s = !1, tone: c = "default", ...l }) {
+	let u = r && !t ? /* @__PURE__ */ A("button", { type: "button" }) : t, d = De(r), f = O.useContext(Q) ?? "default", p = n ?? $[f].size, m = p === "md" ? "default" : p;
+	return /* @__PURE__ */ A(de, {
+		className: i("sidebar-menu-button--component group-data-[collapsible=icon]:px-control-sm! group-data-[collapsible=icon]:py-0!", E, "group-has-data-[sidebar=menu-action]/menu-item:px-control-sm!", a.menuActionReserve.item, Oe(p), be, c === "secondary" && Se, e),
+		"data-tone": c === "secondary" ? c : void 0,
+		render: u,
+		size: m,
+		tooltip: d,
 		isActive: s,
-		...c,
-		children: Se(o)
+		...l,
+		children: Te(o)
 	});
 }
-function Qe({ className: e, children: t, active: n = !1, ...r }) {
-	let o = O.useContext(Z) ?? "default";
-	return /* @__PURE__ */ A(ge, {
-		className: i("sidebar-menu-sub-button--component peer/menu-sub-button translate-x-0", a.menuActionReserve.subItem, E, Q[o].childHeight, be, e),
+function tt({ className: e, children: t, active: n = !1, tone: r = "default", ...o }) {
+	let s = O.useContext(Q) ?? "default";
+	return /* @__PURE__ */ A(_e, {
+		className: i("sidebar-menu-sub-button--component peer/menu-sub-button translate-x-0", a.menuActionReserve.subItem, E, $[s].childHeight, xe, r === "secondary" && Se, e),
+		"data-tone": r === "secondary" ? r : void 0,
 		isActive: n,
-		...r,
-		children: Se(t)
+		...o,
+		children: Te(t)
 	});
 }
-function $e({ className: e, children: t, ...n }) {
-	let r = typeof t == "string" || typeof t == "number" || typeof t == "bigint" ? /* @__PURE__ */ A(p, { children: t }) : t;
-	return /* @__PURE__ */ A(ie, {
-		className: i("sidebar-group-label--component mb-space-md h-action-sm px-control-sm group-data-[collapsible=icon]:hidden", e),
-		...n,
-		children: r
+function nt({ className: e, children: t, compact: n = !1, ...r }) {
+	let a = typeof t == "string" || typeof t == "number" || typeof t == "bigint" ? /* @__PURE__ */ A(f, { children: t }) : t;
+	return /* @__PURE__ */ A(ae, {
+		"data-compact": n || void 0,
+		className: i("sidebar-group-label--component px-control-sm group-data-[collapsible=icon]:hidden", n ? "mb-0 h-auto" : "mb-space-md h-action-sm", e),
+		...r,
+		children: a
 	});
 }
-var et = U;
-function tt() {
-	return O.useContext(Z);
+var rt = H;
+function it() {
+	return V() !== null;
+}
+function at() {
+	return O.useContext(Q);
 }
 //#endregion
-export { Be as C, tt as D, et as E, U as O, Ae as S, _e as T, Ke as _, Re as a, Ee as b, Ne as c, Ve as d, Ue as f, Ge as g, He as h, Ie as i, ze as l, Ze as m, Fe as n, Le as o, We as p, Pe as r, $e as s, je as t, Je as u, Qe as v, Xe as w, Ye as x, qe as y };
+export { Ue as C, at as D, rt as E, it as O, Ne as S, Z as T, Ye as _, Ve as a, ke as b, Ie as c, We as d, Ke as f, Je as g, Ge as h, ze as i, He as l, et as m, Re as n, Be as o, qe as p, Le as r, nt as s, Pe as t, Ze as u, tt as v, $e as w, Qe as x, Xe as y };
 
-//# sourceMappingURL=sidebar-f9gRWXIR.js.map
+//# sourceMappingURL=sidebar-C-iQ_TJP.js.map