themelia-react-ui 2.0.0 → 2.0.2

package/dist/{sidebar-Crc9M9JV.js → sidebar-CPx_7YBa.js}

@@ -1,32 +1,34 @@
 "use client";
 import { useStrings as e } from "./lib/strings.js";
-import { t } from "./utils-Cospvlj1.js";
-import { a as n, c as r, i, s as a, t as o } from "./sheet-DRFNY1_D.js";
-import { t as s } from "./separator-BMEvwnSX.js";
-import { a as c, s as l } from "./typography-CAr3dQhX.js";
-import { d as u, l as d, u as f } from "./button-BS3KDg00.js";
-import { t as p } from "./button-R9CCoH7A.js";
-import { n as m } from "./surface-recipes-DOdoBXGm.js";
-import { r as h } from "./skeleton-DVMXr15h.js";
-import { t as g } from "./input-BoLm9Hks.js";
-import { t as _ } from "./use-mobile-vaLKwgyf.js";
-import { n as v, r as y, t as b } from "./navigation-row-recipes-DlU-4QYO.js";
-import * as x from "react";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import { PanelLeftIcon as w } from "lucide-react";
-import { mergeProps as T } from "@base-ui/react/merge-props";
-import { useRender as E } from "@base-ui/react/use-render";
-import { cva as D } from "class-variance-authority";
+import { t } from "./utils-BRhFDwuU.js";
+import { t as n } from "./affordance-geometry.generated-tF36bREk.js";
+import { a as r, c as i, i as a, s as o, t as s } from "./sheet-CGpB3omz.js";
+import { t as c } from "./separator-Bom7NsGO.js";
+import { c as l, o as u } from "./typography-UTnveOEy.js";
+import { t as d } from "./focus-recipes-B653VaLq.js";
+import { a as f, o as p, s as m } from "./tooltip-yiRJUFjp.js";
+import { t as h } from "./button-DVzspB_G.js";
+import { a as g } from "./surface-recipes-BKRVW8Os.js";
+import { r as _ } from "./skeleton-Byjnt7qr.js";
+import { t as v } from "./input-CZw8iU99.js";
+import { t as y } from "./use-mobile-vaLKwgyf.js";
+import { n as b, r as x, t as S } from "./navigation-row-recipes-BFLCk_Aq.js";
+import * as C from "react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { PanelLeftIcon as E } from "lucide-react";
+import { mergeProps as D } from "@base-ui/react/merge-props";
+import { useRender as O } from "@base-ui/react/use-render";
+import { cva as ee } from "class-variance-authority";
 //#region src/components/ui/sidebar.tsx
-var ee = "sidebar_state", te = 604800, O = "16rem", k = "3rem", ne = "b", A = x.createContext(null);
+var te = "sidebar_state", k = 604800, ne = "16rem", re = "3rem", ie = "b", A = C.createContext(null);
 function j() {
-	let e = x.useContext(A);
+	let e = C.useContext(A);
 	if (!e) throw Error("useSidebar must be used within a SidebarProvider.");
 	return e;
 }
-function re({ defaultOpen: e = !0, adaptTo: n = "viewport", ref: r, open: i, onOpenChange: a, className: o, style: s, children: c, ...l }) {
-	let u = _(), d = x.useRef(null), [f, p] = x.useState();
-	x.useEffect(() => {
+function ae({ defaultOpen: e = !0, adaptTo: n = "viewport", ref: r, open: i, onOpenChange: a, className: o, style: s, children: c, ...l }) {
+	let u = y(), d = C.useRef(null), [f, p] = C.useState();
+	C.useEffect(() => {
 		let e = d.current;
 		if (n !== "container" || !e || typeof ResizeObserver > "u") return;
 		let t = () => p(e.getBoundingClientRect().width < 768);
@@ -34,37 +36,37 @@ function re({ defaultOpen: e = !0, adaptTo: n = "viewport", ref: r, open: i, onO
 		let r = new ResizeObserver(t);
 		return r.observe(e), () => r.disconnect();
 	}, [n]);
-	let m = u || n === "container" && (f ?? !1), [h, g] = x.useState(!1), [v, y] = x.useState(e), b = i ?? v, C = x.useCallback((e) => {
+	let m = u || n === "container" && (f ?? !1), [h, g] = C.useState(!1), [_, v] = C.useState(e), b = i ?? _, x = C.useCallback((e) => {
 		let t = typeof e == "function" ? e(b) : e;
-		a ? a(t) : y(t), document.cookie = `${ee}=${t}; path=/; max-age=${te}`;
-	}, [a, b]), w = x.useCallback(() => m ? g((e) => !e) : C((e) => !e), [
+		a ? a(t) : v(t), document.cookie = `${te}=${t}; path=/; max-age=${k}`;
+	}, [a, b]), S = C.useCallback(() => m ? g((e) => !e) : x((e) => !e), [
 		m,
-		C,
+		x,
 		g
 	]);
-	x.useEffect(() => {
+	C.useEffect(() => {
 		let e = (e) => {
-			e.key === ne && (e.metaKey || e.ctrlKey) && (e.preventDefault(), w());
+			e.key === ie && (e.metaKey || e.ctrlKey) && (e.preventDefault(), S());
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [w]);
-	let T = b ? "expanded" : "collapsed", D = x.useMemo(() => ({
+	}, [S]);
+	let T = b ? "expanded" : "collapsed", E = C.useMemo(() => ({
 		state: T,
 		open: b,
-		setOpen: C,
+		setOpen: x,
 		isMobile: m,
 		openMobile: h,
 		setOpenMobile: g,
-		toggleSidebar: w
+		toggleSidebar: S
 	}), [
 		T,
 		b,
-		C,
+		x,
 		m,
 		h,
 		g,
-		w
-	]), j = E({
+		S
+	]), D = O({
 		defaultTagName: "div",
 		ref: r ? [d, r] : d,
 		props: {
@@ -72,22 +74,22 @@ function re({ defaultOpen: e = !0, adaptTo: n = "viewport", ref: r, open: i, onO
 			"data-slot": "sidebar-wrapper",
 			"data-mobile": m,
 			style: {
-				"--sidebar-width": O,
-				"--sidebar-width-icon": k,
+				"--sidebar-width": ne,
+				"--sidebar-width-icon": re,
 				...s
 			},
 			className: t("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", o),
 			children: c
 		}
 	});
-	return /* @__PURE__ */ S(A.Provider, {
-		value: D,
-		children: j
+	return /* @__PURE__ */ w(A.Provider, {
+		value: E,
+		children: D
 	});
 }
-function ie({ className: e, onClick: n, ...r }) {
+function oe({ className: e, onClick: n, ...r }) {
 	let { toggleSidebar: i } = j();
-	return /* @__PURE__ */ C(p, {
+	return /* @__PURE__ */ T(h, {
 		"data-sidebar": "trigger",
 		"data-slot": "sidebar-trigger",
 		variant: "ghost",
@@ -97,15 +99,15 @@ function ie({ className: e, onClick: n, ...r }) {
 			n?.(e), i();
 		},
 		...r,
-		children: [/* @__PURE__ */ S(w, {}), /* @__PURE__ */ S("span", {
+		children: [/* @__PURE__ */ w(E, {}), /* @__PURE__ */ w("span", {
 			className: "sr-only",
 			children: "Toggle Sidebar"
 		})]
 	});
 }
-function ae({ className: e, ...n }) {
+function se({ className: e, ...n }) {
 	let { toggleSidebar: r } = j();
-	return /* @__PURE__ */ S("button", {
+	return /* @__PURE__ */ w("button", {
 		"data-sidebar": "rail",
 		"data-slot": "sidebar-rail",
 		"aria-label": "Toggle Sidebar",
@@ -116,65 +118,65 @@ function ae({ className: e, ...n }) {
 		...n
 	});
 }
-function oe({ className: e, ...n }) {
-	return /* @__PURE__ */ S("main", {
+function ce({ className: e, ...n }) {
+	return /* @__PURE__ */ w("main", {
 		"data-slot": "sidebar-inset",
-		className: t("bg-background md:peer-data-[variant=inset]:m-space-md md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-space-md relative flex w-full flex-1 flex-col", e),
+		className: t("bg-background md:peer-data-[variant=inset]:m-space-md md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-radius md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-space-md relative flex w-full flex-1 flex-col", e),
 		...n
 	});
 }
-function se({ className: e, ...n }) {
-	return /* @__PURE__ */ S(g, {
+function M({ className: e, ...n }) {
+	return /* @__PURE__ */ w(v, {
 		"data-slot": "sidebar-input",
 		"data-sidebar": "input",
 		className: t("bg-background h-8 w-full shadow-none", e),
 		...n
 	});
 }
-function M({ className: e, ...n }) {
-	return /* @__PURE__ */ S("div", {
+function N({ className: e, ...n }) {
+	return /* @__PURE__ */ w("div", {
 		"data-slot": "sidebar-header",
 		"data-sidebar": "header",
 		className: t("flex flex-col", e),
 		...n
 	});
 }
-function N({ className: e, ...n }) {
-	return /* @__PURE__ */ S("div", {
+function P({ className: e, ...n }) {
+	return /* @__PURE__ */ w("div", {
 		"data-slot": "sidebar-footer",
 		"data-sidebar": "footer",
 		className: t("flex flex-col", e),
 		...n
 	});
 }
-function P({ className: e, ...n }) {
-	return /* @__PURE__ */ S(s, {
+function F({ className: e, ...n }) {
+	return /* @__PURE__ */ w(c, {
 		"data-slot": "sidebar-separator",
 		"data-sidebar": "separator",
 		className: t("bg-sidebar-border mx-space-md w-auto", e),
 		...n
 	});
 }
-function F({ className: e, ...n }) {
-	return /* @__PURE__ */ S("div", {
+function I({ className: e, ...n }) {
+	return /* @__PURE__ */ w("div", {
 		"data-slot": "sidebar-content",
 		"data-sidebar": "content",
 		className: t("gap-space-md flex min-h-0 flex-1 flex-col overflow-auto group-data-[collapsible=icon]:overflow-hidden", e),
 		...n
 	});
 }
-function I({ className: e, ...n }) {
-	return /* @__PURE__ */ S("div", {
+function L({ className: e, ...n }) {
+	return /* @__PURE__ */ w("div", {
 		"data-slot": "sidebar-group",
 		"data-sidebar": "group",
 		className: t("relative flex w-full min-w-0 flex-col", e),
 		...n
 	});
 }
-function L({ className: e, render: n, ...r }) {
-	return E({
+function R({ className: e, render: n, ...r }) {
+	return O({
 		defaultTagName: "div",
-		props: T({ className: t("text-sidebar-foreground/70 ring-sidebar-ring h-8 rounded-md text-xs font-medium transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 flex shrink-0 items-center outline-hidden [&>svg]:shrink-0", e) }, r),
+		props: D({ className: t(`text-sidebar-foreground/70 h-8 rounded-inner text-xs font-medium transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 ${d.sidebar} [&>svg]:size-icon flex shrink-0 items-center outline-hidden [&>svg]:shrink-0`, e) }, r),
 		render: n,
 		state: {
 			slot: "sidebar-group-label",
@@ -182,10 +184,10 @@ function L({ className: e, render: n, ...r }) {
 		}
 	});
 }
-function R({ className: e, render: n, ...r }) {
-	return E({
+function z({ className: e, render: n, ...r }) {
+	return O({
 		defaultTagName: "button",
-		props: T({ className: t("box-border border-0 bg-transparent font-sans text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 w-5 rounded-inner p-0 focus-visible:ring-2 [&>svg]:size-4 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) }, r),
+		props: D({ className: t(`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-inner p-0 ${d.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) }, r),
 		render: n,
 		state: {
 			slot: "sidebar-group-action",
@@ -193,31 +195,31 @@ function R({ className: e, render: n, ...r }) {
 		}
 	});
 }
-function z({ className: e, ...n }) {
-	return /* @__PURE__ */ S("div", {
+function B({ className: e, ...n }) {
+	return /* @__PURE__ */ w("div", {
 		"data-slot": "sidebar-group-content",
 		"data-sidebar": "group-content",
 		className: t("text-sm w-full", e),
 		...n
 	});
 }
-function B({ className: e, ...n }) {
-	return /* @__PURE__ */ S("ul", {
+function V({ className: e, ...n }) {
+	return /* @__PURE__ */ w("ul", {
 		"data-slot": "sidebar-menu",
 		"data-sidebar": "menu",
 		className: t("m-0 p-0 list-none flex w-full min-w-0 flex-col", e),
 		...n
 	});
 }
-function V({ className: e, ...n }) {
-	return /* @__PURE__ */ S("li", {
+function H({ className: e, ...n }) {
+	return /* @__PURE__ */ w("li", {
 		"data-slot": "sidebar-menu-item",
 		"data-sidebar": "menu-item",
 		className: t("group/menu-item relative", e),
 		...n
 	});
 }
-var H = D(t("box-border border-0 bg-transparent py-0 font-sans no-underline ring-sidebar-ring 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-[width,height,padding] group-data-[collapsible=icon]:size-action! focus-visible:ring-2 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-4 [&_svg]:shrink-0", y), {
+var U = ee(t(`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-[width,height,padding] group-data-[collapsible=icon]:size-action! ${d.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`, x), {
 	variants: {
 		variant: {
 			default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
@@ -234,10 +236,10 @@ var H = D(t("box-border border-0 bg-transparent py-0 font-sans no-underline ring
 		size: "default"
 	}
 });
-function U({ render: e, disabled: n = !1, isActive: r = !1, variant: i = "default", size: a = "default", tooltip: o, className: s, ...c }) {
-	let { isMobile: l, state: p } = j(), m = n || c["aria-disabled"] === !0 || c["aria-disabled"] === "true", h = E({
+function W({ render: e, disabled: n = !1, isActive: r = !1, variant: i = "default", size: a = "default", tooltip: o, className: s, ...c }) {
+	let { isMobile: l, state: u } = j(), d = n || c["aria-disabled"] === !0 || c["aria-disabled"] === "true", h = O({
 		defaultTagName: "button",
-		props: T({ className: t(H({
+		props: D({ className: t(U({
 			variant: i,
 			size: a
 		}), s) }, c),
@@ -248,38 +250,38 @@ function U({ render: e, disabled: n = !1, isActive: r = !1, variant: i = "defaul
 			size: a,
 			active: r
 		}
-	}), g = m ? x.cloneElement(h, {
+	}), g = d ? C.cloneElement(h, {
 		disabled: h.type !== "a" || void 0,
 		"aria-disabled": !0,
 		tabIndex: -1,
-		onClickCapture: W,
-		onClick: W,
-		onPointerDownCapture: W,
-		onKeyDownCapture: G,
-		onKeyUpCapture: G
+		onClickCapture: G,
+		onClick: G,
+		onPointerDownCapture: G,
+		onKeyDownCapture: K,
+		onKeyUpCapture: K
 	}) : h;
-	return o ? (typeof o == "string" && (o = { children: o }), /* @__PURE__ */ C(d, {
-		disabled: m || p !== "collapsed" || l,
-		children: [/* @__PURE__ */ S(u, {
-			disabled: m,
+	return o ? (typeof o == "string" && (o = { children: o }), /* @__PURE__ */ T(f, {
+		disabled: d || u !== "collapsed" || l,
+		children: [/* @__PURE__ */ w(m, {
+			disabled: d,
 			render: g
-		}), /* @__PURE__ */ S(f, {
+		}), /* @__PURE__ */ w(p, {
 			side: "right",
 			align: "center",
 			...o
 		})]
 	})) : g;
 }
-function W(e) {
+function G(e) {
 	e.preventDefault(), e.stopPropagation();
 }
-function G(e) {
-	(e.key === "Enter" || e.key === " ") && W(e);
+function K(e) {
+	(e.key === "Enter" || e.key === " ") && G(e);
 }
-function K({ className: e, render: n, showOnHover: r = !1, ...i }) {
-	return E({
+function le({ className: e, render: n, showOnHover: r = !1, ...i }) {
+	return O({
 		defaultTagName: "button",
-		props: T({ className: t("box-border border-0 bg-transparent font-sans text-sidebar-foreground ring-sidebar-ring 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-inner 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 focus-visible:ring-2 [&>svg]:size-4 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", r && "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) }, i),
+		props: D({ className: t(`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-inner 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 ${d.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`, r && "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) }, i),
 		render: n,
 		state: {
 			slot: "sidebar-menu-action",
@@ -287,34 +289,34 @@ function K({ className: e, render: n, showOnHover: r = !1, ...i }) {
 		}
 	});
 }
-function ce({ className: e, ...n }) {
-	return /* @__PURE__ */ S("div", {
+function ue({ className: e, ...n }) {
+	return /* @__PURE__ */ w("div", {
 		"data-slot": "sidebar-menu-badge",
 		"data-sidebar": "menu-badge",
-		className: t("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-md 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: t("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-inner 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),
 		...n
 	});
 }
-function le({ className: e, ...n }) {
-	return /* @__PURE__ */ S("ul", {
+function de({ className: e, ...n }) {
+	return /* @__PURE__ */ w("ul", {
 		"data-slot": "sidebar-menu-sub",
 		"data-sidebar": "menu-sub",
 		className: t("m-0 p-0 list-none border-sidebar-border mx-space-lg translate-x-px gap-space-xs border-l px-row-x py-row-y group-data-[collapsible=icon]:hidden flex min-w-0 flex-col", e),
 		...n
 	});
 }
-function ue({ className: e, ...n }) {
-	return /* @__PURE__ */ S("li", {
+function fe({ className: e, ...n }) {
+	return /* @__PURE__ */ w("li", {
 		"data-slot": "sidebar-menu-sub-item",
 		"data-sidebar": "menu-sub-item",
 		className: t("group/menu-sub-item relative", e),
 		...n
 	});
 }
-function de({ render: e, size: n = "md", isActive: r = !1, className: i, ...a }) {
-	return E({
+function pe({ render: e, size: n = "md", isActive: r = !1, className: i, ...a }) {
+	return O({
 		defaultTagName: "a",
-		props: T({ className: t("text-sidebar-foreground ring-sidebar-ring 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 focus-visible:ring-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>svg]:size-4 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", y, i) }, a),
+		props: D({ className: t(`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 ${d.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`, x, i) }, a),
 		render: e,
 		state: {
 			slot: "sidebar-menu-sub-button",
@@ -329,9 +331,9 @@ function de({ render: e, size: n = "md", isActive: r = !1, className: i, ...a })
 var q = {
 	mobileTitle: "Sidebar",
 	mobileDescription: "Displays the mobile sidebar."
-}, fe = "font-medium text-sidebar-foreground transition-[background-color,color] hover:bg-sidebar-accent hover:text-sidebar-foreground focus-visible:ring-2 focus-visible:ring-sidebar-ring data-active:bg-sidebar-accent data-active:text-sidebar-foreground data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-foreground", pe = "font-medium text-sidebar-foreground/80 transition-[background-color,color] hover:bg-transparent hover:text-sidebar-foreground focus-visible:ring-2 focus-visible:ring-sidebar-ring data-active:bg-transparent data-active:text-primary-accent data-[active=true]:bg-transparent data-[active=true]:text-primary-accent", J = x.createContext(void 0), Y = v, X = "group-data-[collapsible=icon]:w-shell-sidebar-icon-padded";
+}, me = `font-medium text-sidebar-foreground transition-[background-color,color] hover:bg-sidebar-accent hover:text-sidebar-foreground ${d.sidebar} data-active:bg-sidebar-accent data-active:text-sidebar-foreground data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-foreground`, he = `font-medium text-sidebar-foreground/70 transition-[background-color,color] hover:bg-transparent hover:text-sidebar-foreground ${d.sidebar} data-active:bg-transparent data-active:text-sidebar-foreground data-[active=true]:bg-transparent data-[active=true]:text-sidebar-foreground`, J = C.createContext(void 0), Y = b, X = "group-data-[collapsible=icon]:w-shell-sidebar-icon-padded";
 function Z(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ S(l, {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ w(l, {
 		tag: "span",
 		size: "inherit",
 		weight: "medium",
@@ -341,7 +343,7 @@ function Z(e) {
 	}) : e;
 }
 function Q(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ S(l, {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ w(l, {
 		tag: "span",
 		size: "inherit",
 		lineHeight: "snug",
@@ -349,92 +351,92 @@ function Q(e) {
 		children: e
 	}) : e;
 }
-function me(e) {
+function ge(e) {
 	return e && (typeof e == "string" ? { children: Q(e) } : {
 		...e,
 		children: Q(e.children)
 	});
 }
-function he(e) {
+function _e(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 ge({ className: e, style: n, menuDensity: r, ...i }) {
-	return /* @__PURE__ */ S(J.Provider, {
+function ve({ className: e, style: n, menuDensity: r, ...i }) {
+	return /* @__PURE__ */ w(J.Provider, {
 		value: r,
-		children: /* @__PURE__ */ S(re, {
+		children: /* @__PURE__ */ w(ae, {
 			className: t("sidebar-provider--component shell-sidebar-vars", e),
 			style: {
 				"--sidebar-width": "var(--shell-sidebar-width)",
-				"--sidebar-width-icon": "calc(3.75rem * var(--density-scale))",
+				"--sidebar-width-icon": "var(--shell-sidebar-width-icon)",
 				...n
 			},
 			...i
 		})
 	});
 }
-function _e({ side: s = "left", variant: c = "sidebar", collapsible: l = "offcanvas", contained: u = !1, className: d, surfaceClassName: f, rootClassName: p, children: m, dir: h, strings: g, ..._ }) {
-	let { isMobile: v, state: y, openMobile: b, setOpenMobile: x } = j(), w = e(q, g);
-	return l === "none" ? /* @__PURE__ */ S("div", {
+function ye({ side: n = "left", variant: c = "sidebar", collapsible: l = "offcanvas", contained: u = !1, className: d, surfaceClassName: f, rootClassName: p, children: m, dir: h, strings: g, ..._ }) {
+	let { isMobile: v, state: y, openMobile: b, setOpenMobile: x } = j(), S = e(q, g);
+	return l === "none" ? /* @__PURE__ */ w("div", {
 		"data-slot": "sidebar",
 		dir: h,
 		className: t("sidebar--component shell-sidebar-vars flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground", f, p, d),
 		..._,
 		children: m
-	}) : v ? /* @__PURE__ */ S(o, {
+	}) : v ? /* @__PURE__ */ w(s, {
 		open: b,
 		onOpenChange: x,
-		children: /* @__PURE__ */ C(i, {
+		children: /* @__PURE__ */ T(a, {
 			dir: h,
 			"data-sidebar": "sidebar",
 			"data-slot": "sidebar",
 			"data-mobile": "true",
 			className: t("sidebar--component shell-sidebar-vars data-[side=left]:w-(--sidebar-width) data-[side=right]:w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden", f, d, p),
-			style: { "--sidebar-width": "min(20rem, calc(100vw - 2rem))" },
-			side: s,
+			style: { "--sidebar-width": "var(--shell-sidebar-width-offcanvas)" },
+			side: n,
 			..._,
-			children: [/* @__PURE__ */ C(a, {
+			children: [/* @__PURE__ */ T(o, {
 				className: "sr-only",
-				children: [/* @__PURE__ */ S(r, { children: w.mobileTitle }), /* @__PURE__ */ S(n, { children: w.mobileDescription })]
-			}), /* @__PURE__ */ S("div", {
+				children: [/* @__PURE__ */ w(i, { children: S.mobileTitle }), /* @__PURE__ */ w(r, { children: S.mobileDescription })]
+			}), /* @__PURE__ */ w("div", {
 				className: "sidebar--surface flex h-full w-full flex-col",
 				children: m
 			})]
 		})
-	}) : u ? /* @__PURE__ */ S("div", {
+	}) : u ? /* @__PURE__ */ w("div", {
 		className: t("sidebar--component shell-sidebar-vars group peer sticky top-0 hidden h-full w-(--sidebar-width) shrink-0 text-sidebar-foreground transition-[width] duration-200 ease-linear md:block", "data-[collapsible=offcanvas]:w-0", c === "floating" || c === "inset" ? "data-[collapsible=icon]:w-shell-sidebar-icon-padded" : "data-[collapsible=icon]:w-(--sidebar-width-icon)", p),
 		"data-state": y,
 		"data-collapsible": y === "collapsed" ? l : "",
 		"data-variant": c,
-		"data-side": s,
+		"data-side": n,
 		"data-slot": "sidebar",
 		dir: h,
-		children: /* @__PURE__ */ S("div", {
-			className: t("absolute inset-y-0 z-10 hidden h-full w-(--sidebar-width) transition-[transform,width] duration-200 ease-linear md:flex", s === "left" ? "left-0 group-data-[collapsible=offcanvas]:-translate-x-full" : "right-0 group-data-[collapsible=offcanvas]:translate-x-full", c === "floating" || c === "inset" ? t("px-space-md py-space-lg", X) : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)", d),
+		children: /* @__PURE__ */ w("div", {
+			className: t("absolute inset-y-0 z-10 hidden h-full w-(--sidebar-width) transition-[transform,width] duration-200 ease-linear md:flex", n === "left" ? "left-0 group-data-[collapsible=offcanvas]:-translate-x-full" : "right-0 group-data-[collapsible=offcanvas]:translate-x-full", c === "floating" || c === "inset" ? t("px-space-md py-space-lg", X) : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)", d),
 			..._,
-			children: /* @__PURE__ */ S("div", {
+			children: /* @__PURE__ */ w("div", {
 				"data-sidebar": "sidebar",
 				"data-slot": "sidebar-inner",
 				className: t("sidebar--surface flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-radius group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border", f),
 				children: m
 			})
 		})
-	}) : /* @__PURE__ */ C("div", {
+	}) : /* @__PURE__ */ T("div", {
 		className: t("sidebar--component shell-sidebar-vars group peer hidden text-sidebar-foreground md:block", p),
 		"data-state": y,
 		"data-collapsible": y === "collapsed" ? l : "",
 		"data-variant": c,
-		"data-side": s,
+		"data-side": n,
 		"data-slot": "sidebar",
 		dir: h,
-		children: [/* @__PURE__ */ S("div", {
+		children: [/* @__PURE__ */ w("div", {
 			"data-slot": "sidebar-gap",
 			className: t("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", c === "floating" || c === "inset" ? X : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)")
-		}), /* @__PURE__ */ S("div", {
+		}), /* @__PURE__ */ w("div", {
 			"data-slot": "sidebar-container",
-			"data-side": s,
+			"data-side": n,
 			className: t("fixed inset-y-0 z-10 hidden 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)] md:flex", c === "floating" || c === "inset" ? t("p-space-md", X) : "border-border group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", d),
 			..._,
-			children: /* @__PURE__ */ S("div", {
+			children: /* @__PURE__ */ w("div", {
 				"data-sidebar": "sidebar",
 				"data-slot": "sidebar-inner",
 				className: t("sidebar--surface flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-radius group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border", f),
@@ -443,79 +445,79 @@ function _e({ side: s = "left", variant: c = "sidebar", collapsible: l = "offcan
 		})]
 	});
 }
-function ve({ className: e, ...n }) {
-	return /* @__PURE__ */ S(M, {
+function be({ className: e, ...n }) {
+	return /* @__PURE__ */ w(N, {
 		className: t("sidebar-header--component gap-space-sm px-surface-xs pt-surface-xs", e),
 		...n
 	});
 }
-function ye({ className: e, ...n }) {
-	return /* @__PURE__ */ S(N, {
-		className: t("sidebar-footer--component gap-space-sm p-surface-xs", m.sidebar.footer, e),
+function xe({ className: e, ...n }) {
+	return /* @__PURE__ */ w(P, {
+		className: t("sidebar-footer--component gap-space-sm p-surface-xs", g.sidebar.footer, e),
 		...n
 	});
 }
-function be({ className: e, ...n }) {
-	return /* @__PURE__ */ S(F, {
+function Se({ className: e, ...n }) {
+	return /* @__PURE__ */ w(I, {
 		className: t("sidebar-content--component min-w-0 gap-space-sm overflow-x-hidden", e),
 		...n
 	});
 }
-function xe({ className: e, ...n }) {
-	return /* @__PURE__ */ S(I, {
+function Ce({ className: e, ...n }) {
+	return /* @__PURE__ */ w(L, {
 		className: t("sidebar-group--component px-surface-xs py-space-2xs", e),
 		...n
 	});
 }
-function Se({ className: e, ...n }) {
-	return /* @__PURE__ */ S(z, {
+function we({ className: e, ...n }) {
+	return /* @__PURE__ */ w(B, {
 		className: t("sidebar-group-content--component", e),
 		...n
 	});
 }
-function Ce({ className: e, ...n }) {
-	return /* @__PURE__ */ S(R, {
+function Te({ className: e, ...n }) {
+	return /* @__PURE__ */ w(z, {
 		className: t("sidebar-group-action--component top-space-xs size-action-xs", e),
 		...n
 	});
 }
-function we({ className: e, ...n }) {
-	return /* @__PURE__ */ S(se, {
+function Ee({ className: e, ...n }) {
+	return /* @__PURE__ */ w(M, {
 		className: t("sidebar-input--component h-control-sm px-control-sm text-pxs", e),
 		...n
 	});
 }
-function Te({ className: e, ...n }) {
-	return /* @__PURE__ */ S(P, {
+function De({ className: e, ...n }) {
+	return /* @__PURE__ */ w(F, {
 		className: t("sidebar-separator--component mx-space-lg", e),
 		...n
 	});
 }
-function Ee({ className: e, menuDensity: n, ...r }) {
-	let i = x.useContext(J), a = n ?? i, o = Y[a ?? "default"];
-	return /* @__PURE__ */ S(J.Provider, {
+function Oe({ className: e, menuDensity: n, ...r }) {
+	let i = C.useContext(J), a = n ?? i, o = Y[a ?? "default"];
+	return /* @__PURE__ */ w(J.Provider, {
 		value: a,
-		children: /* @__PURE__ */ S(B, {
+		children: /* @__PURE__ */ w(V, {
 			className: t("sidebar-menu--component", o.gap, e),
 			...r
 		})
 	});
 }
-function De({ className: e, ...n }) {
-	return /* @__PURE__ */ S(V, {
+function ke({ className: e, ...n }) {
+	return /* @__PURE__ */ w(H, {
 		className: t("sidebar-menu-item--component", e),
 		...n
 	});
 }
-function $({ className: e, ...n }) {
-	let r = x.useContext(J) ?? "default";
-	return /* @__PURE__ */ S(K, {
+function Ae({ className: e, ...n }) {
+	let r = C.useContext(J) ?? "default";
+	return /* @__PURE__ */ w(le, {
 		className: t("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!", r === "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),
 		...n
 	});
 }
-function Oe({ className: e, inline: n = !1, size: r = "md", children: i, ...a }) {
-	let o = typeof i == "string" || typeof i == "number" || typeof i == "bigint" ? /* @__PURE__ */ S(l, {
+function je({ className: e, inline: n = !1, size: r = "md", children: i, ...a }) {
+	let o = typeof i == "string" || typeof i == "number" || typeof i == "bigint" ? /* @__PURE__ */ w(l, {
 		tag: "span",
 		size: "xxs",
 		weight: "semibold",
@@ -523,95 +525,95 @@ function Oe({ className: e, inline: n = !1, size: r = "md", children: i, ...a })
 		className: "text-inherit tabular-nums",
 		children: i
 	}) : i;
-	return /* @__PURE__ */ S(ce, {
+	return /* @__PURE__ */ w(ue, {
 		className: t("sidebar-menu-badge--component shrink-0 text-sidebar-foreground", r === "sm" ? "h-4 min-w-4" : r === "lg" ? "h-6 min-w-6" : "h-5 min-w-5", n ? "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 ke({ className: e, showIcon: n = !1, style: r, width: i, ...a }) {
+function Me({ className: e, showIcon: n = !1, style: r, width: i, ...a }) {
 	let o = i ?? "72%";
-	return /* @__PURE__ */ C("div", {
+	return /* @__PURE__ */ T("div", {
 		"data-slot": "sidebar-menu-skeleton",
 		"data-sidebar": "menu-skeleton",
 		className: t("sidebar-menu-skeleton--component flex h-action items-center gap-space-md rounded-inner px-control-sm", e),
 		style: r,
 		...a,
-		children: [n ? /* @__PURE__ */ S(h, {
+		children: [n ? /* @__PURE__ */ w(_, {
 			className: "size-icon rounded-radius-sm",
 			"data-sidebar": "menu-skeleton-icon"
-		}) : null, /* @__PURE__ */ S(h, {
+		}) : null, /* @__PURE__ */ w(_, {
 			className: "h-icon-sm flex-1",
 			"data-sidebar": "menu-skeleton-text",
 			style: { maxWidth: o }
 		})]
 	});
 }
-function Ae({ className: e, ...n }) {
-	let r = x.useContext(J) ?? "default";
-	return /* @__PURE__ */ S(le, {
-		className: t("sidebar-menu-sub--component border-l-0 border-s! border-sidebar-border", b, Y[r].childGap, e),
+function Ne({ className: e, ...n }) {
+	let r = C.useContext(J) ?? "default";
+	return /* @__PURE__ */ w(de, {
+		className: t("sidebar-menu-sub--component border-l-0 border-s! border-sidebar-border", S, Y[r].childGap, e),
 		...n
 	});
 }
-function je({ className: e, ...n }) {
-	return /* @__PURE__ */ S(ue, {
+function Pe({ className: e, ...n }) {
+	return /* @__PURE__ */ w(fe, {
 		className: t("sidebar-menu-sub-item--component", e),
 		...n
 	});
 }
-function Me({ className: e, ...n }) {
-	return /* @__PURE__ */ S(oe, {
+function $({ className: e, ...n }) {
+	return /* @__PURE__ */ w(ce, {
 		className: t("sidebar-inset--component", e),
 		...n
 	});
 }
-function Ne({ className: e, ...n }) {
-	return /* @__PURE__ */ S(ae, {
+function Fe({ className: e, ...n }) {
+	return /* @__PURE__ */ w(se, {
 		className: t("sidebar-rail--component", e),
 		...n
 	});
 }
-function Pe({ className: e, ...n }) {
-	return /* @__PURE__ */ S(ie, {
+function Ie({ className: e, ...n }) {
+	return /* @__PURE__ */ w(oe, {
 		className: t("sidebar-trigger--component size-action-sm active:translate-y-0!", e),
 		...n
 	});
 }
-function Fe({ className: e, render: n, size: r, tooltip: i, children: a, active: o = !1, ...s }) {
-	let c = i && !n ? /* @__PURE__ */ S("button", { type: "button" }) : n, l = me(i), u = x.useContext(J), d = r ?? (u ? Y[u].size : "md"), f = d === "md" ? "default" : d;
-	return /* @__PURE__ */ S(U, {
-		className: t("sidebar-menu-button--component group-data-[collapsible=icon]:size-action-sm! group-data-[collapsible=icon]:p-space-sm!", y, "group-has-data-[sidebar=menu-action]/menu-item:px-control-sm! group-has-[>[data-sidebar=menu-action]]/menu-item:pe-[calc(var(--height-action)*7/9*var(--density-scale)+var(--control-x)*var(--space-scale))]!", he(d), fe, e),
-		render: c,
-		size: f,
-		tooltip: l,
-		isActive: o,
-		...s,
-		children: Z(a)
+function Le({ className: e, render: r, size: i, tooltip: a, children: o, active: s = !1, ...c }) {
+	let l = a && !r ? /* @__PURE__ */ w("button", { type: "button" }) : r, u = ge(a), d = C.useContext(J), f = i ?? (d ? Y[d].size : "md"), p = f === "md" ? "default" : f;
+	return /* @__PURE__ */ w(W, {
+		className: t("sidebar-menu-button--component group-data-[collapsible=icon]:size-action-sm! group-data-[collapsible=icon]:p-space-sm!", x, "group-has-data-[sidebar=menu-action]/menu-item:px-control-sm!", n.menuActionReserve.item, _e(f), me, e),
+		render: l,
+		size: p,
+		tooltip: u,
+		isActive: s,
+		...c,
+		children: Z(o)
 	});
 }
-function Ie({ className: e, children: n, active: r = !1, ...i }) {
-	let a = x.useContext(J) ?? "default";
-	return /* @__PURE__ */ S(de, {
-		className: t("sidebar-menu-sub-button--component peer/menu-sub-button translate-x-0 group-has-[>[data-sidebar=menu-action]]/menu-sub-item:pe-[calc(var(--height-action)*7/9*var(--density-scale)+var(--control-x)*var(--space-scale))]!", y, Y[a].childHeight, pe, e),
-		isActive: r,
-		...i,
-		children: Z(n)
+function Re({ className: e, children: r, active: i = !1, ...a }) {
+	let o = C.useContext(J) ?? "default";
+	return /* @__PURE__ */ w(pe, {
+		className: t("sidebar-menu-sub-button--component peer/menu-sub-button translate-x-0", n.menuActionReserve.subItem, x, Y[o].childHeight, he, e),
+		isActive: i,
+		...a,
+		children: Z(r)
 	});
 }
-function Le({ className: e, children: n, ...r }) {
-	let i = typeof n == "string" || typeof n == "number" || typeof n == "bigint" ? /* @__PURE__ */ S(c, { children: n }) : n;
-	return /* @__PURE__ */ S(L, {
+function ze({ className: e, children: n, ...r }) {
+	let i = typeof n == "string" || typeof n == "number" || typeof n == "bigint" ? /* @__PURE__ */ w(u, { children: n }) : n;
+	return /* @__PURE__ */ w(R, {
 		className: t("sidebar-group-label--component h-action-sm px-control-sm group-data-[collapsible=icon]:pointer-events-none", e),
 		...r,
 		children: i
 	});
 }
-var Re = j;
-function ze() {
-	return x.useContext(J);
+var Be = j;
+function Ve() {
+	return C.useContext(J);
 }
 //#endregion
-export { Pe as C, j as D, ze as E, Te as S, Re as T, Ae as _, Ce as a, ge as b, ve as c, Ee as d, $ as f, ke as g, De as h, xe as i, we as l, Fe as m, be as n, Se as o, Oe as p, ye as r, Le as s, _e as t, Me as u, Ie as v, q as w, Ne as x, je as y };
+export { Ie as C, j as D, Ve as E, De as S, Be as T, Ne as _, Te as a, ve as b, be as c, Oe as d, Ae as f, Me as g, ke as h, Ce as i, Ee as l, Le as m, Se as n, we as o, je as p, xe as r, ze as s, ye as t, $ as u, Re as v, q as w, Fe as x, Pe as y };
 
-//# sourceMappingURL=sidebar-Crc9M9JV.js.map
+//# sourceMappingURL=sidebar-CPx_7YBa.js.map