themelia-react-ui 1.0.1 → 2.0.0

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

@@ -1,31 +1,32 @@
 "use client";
 import { useStrings as e } from "./lib/strings.js";
-import { t } from "./utils-C2EKeIw3.js";
-import { a as n, c as r, i, s as a, t as o } from "./sheet-B-q914Ad.js";
-import { t as s } from "./separator-DO0EbCEm.js";
-import { d as c, f as l, u } from "./buttons-Co6GavvM.js";
-import { a as d, r as f } from "./typography-Cv8MT-82.js";
-import { t as p } from "./button-BS6l5JUw.js";
-import { r as m } from "./skeleton-CmT1ppqb.js";
-import { t as h } from "./input-ci9fIgFH.js";
-import { t as g } from "./use-mobile-vaLKwgyf.js";
-import { n as _, r as v, t as y } from "./navigation-row-recipes-GVh11KiT.js";
-import * as b from "react";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { PanelLeftIcon as C } from "lucide-react";
-import { mergeProps as w } from "@base-ui/react/merge-props";
-import { useRender as T } from "@base-ui/react/use-render";
-import { cva as E } from "class-variance-authority";
+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";
 //#region src/components/ui/sidebar.tsx
-var ee = "sidebar_state", te = 604800, ne = "16rem", re = "3rem", ie = "b", D = b.createContext(null);
-function O() {
-	let e = b.useContext(D);
+var ee = "sidebar_state", te = 604800, O = "16rem", k = "3rem", ne = "b", A = x.createContext(null);
+function j() {
+	let e = x.useContext(A);
 	if (!e) throw Error("useSidebar must be used within a SidebarProvider.");
 	return e;
 }
-function k({ defaultOpen: e = !0, adaptTo: n = "viewport", ref: r, open: i, onOpenChange: a, className: o, style: s, children: c, ...l }) {
-	let u = g(), d = b.useRef(null), [f, p] = b.useState();
-	b.useEffect(() => {
+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(() => {
 		let e = d.current;
 		if (n !== "container" || !e || typeof ResizeObserver > "u") return;
 		let t = () => p(e.getBoundingClientRect().width < 768);
@@ -33,37 +34,37 @@ function k({ defaultOpen: e = !0, adaptTo: n = "viewport", ref: r, open: i, onOp
 		let r = new ResizeObserver(t);
 		return r.observe(e), () => r.disconnect();
 	}, [n]);
-	let m = u || n === "container" && (f ?? !1), [h, _] = b.useState(!1), [v, y] = b.useState(e), S = i ?? v, C = b.useCallback((e) => {
-		let t = typeof e == "function" ? e(S) : e;
+	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 t = typeof e == "function" ? e(b) : e;
 		a ? a(t) : y(t), document.cookie = `${ee}=${t}; path=/; max-age=${te}`;
-	}, [a, S]), w = b.useCallback(() => m ? _((e) => !e) : C((e) => !e), [
+	}, [a, b]), w = x.useCallback(() => m ? g((e) => !e) : C((e) => !e), [
 		m,
 		C,
-		_
+		g
 	]);
-	b.useEffect(() => {
+	x.useEffect(() => {
 		let e = (e) => {
-			e.key === ie && (e.metaKey || e.ctrlKey) && (e.preventDefault(), w());
+			e.key === ne && (e.metaKey || e.ctrlKey) && (e.preventDefault(), w());
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [w]);
-	let E = S ? "expanded" : "collapsed", O = b.useMemo(() => ({
-		state: E,
-		open: S,
+	let T = b ? "expanded" : "collapsed", D = x.useMemo(() => ({
+		state: T,
+		open: b,
 		setOpen: C,
 		isMobile: m,
 		openMobile: h,
-		setOpenMobile: _,
+		setOpenMobile: g,
 		toggleSidebar: w
 	}), [
-		E,
-		S,
+		T,
+		b,
 		C,
 		m,
 		h,
-		_,
+		g,
 		w
-	]), k = T({
+	]), j = E({
 		defaultTagName: "div",
 		ref: r ? [d, r] : d,
 		props: {
@@ -71,22 +72,22 @@ function k({ defaultOpen: e = !0, adaptTo: n = "viewport", ref: r, open: i, onOp
 			"data-slot": "sidebar-wrapper",
 			"data-mobile": m,
 			style: {
-				"--sidebar-width": ne,
-				"--sidebar-width-icon": re,
+				"--sidebar-width": O,
+				"--sidebar-width-icon": k,
 				...s
 			},
 			className: t("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", o),
 			children: c
 		}
 	});
-	return /* @__PURE__ */ x(D.Provider, {
-		value: O,
-		children: k
+	return /* @__PURE__ */ S(A.Provider, {
+		value: D,
+		children: j
 	});
 }
-function ae({ className: e, onClick: n, ...r }) {
-	let { toggleSidebar: i } = O();
-	return /* @__PURE__ */ S(p, {
+function ie({ className: e, onClick: n, ...r }) {
+	let { toggleSidebar: i } = j();
+	return /* @__PURE__ */ C(p, {
 		"data-sidebar": "trigger",
 		"data-slot": "sidebar-trigger",
 		variant: "ghost",
@@ -96,15 +97,15 @@ function ae({ className: e, onClick: n, ...r }) {
 			n?.(e), i();
 		},
 		...r,
-		children: [/* @__PURE__ */ x(C, {}), /* @__PURE__ */ x("span", {
+		children: [/* @__PURE__ */ S(w, {}), /* @__PURE__ */ S("span", {
 			className: "sr-only",
 			children: "Toggle Sidebar"
 		})]
 	});
 }
-function oe({ className: e, ...n }) {
-	let { toggleSidebar: r } = O();
-	return /* @__PURE__ */ x("button", {
+function ae({ className: e, ...n }) {
+	let { toggleSidebar: r } = j();
+	return /* @__PURE__ */ S("button", {
 		"data-sidebar": "rail",
 		"data-slot": "sidebar-rail",
 		"aria-label": "Toggle Sidebar",
@@ -115,65 +116,65 @@ function oe({ className: e, ...n }) {
 		...n
 	});
 }
-function se({ className: e, ...n }) {
-	return /* @__PURE__ */ x("main", {
+function oe({ className: e, ...n }) {
+	return /* @__PURE__ */ S("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),
 		...n
 	});
 }
-function A({ className: e, ...n }) {
-	return /* @__PURE__ */ x(h, {
+function se({ className: e, ...n }) {
+	return /* @__PURE__ */ S(g, {
 		"data-slot": "sidebar-input",
 		"data-sidebar": "input",
 		className: t("bg-background h-8 w-full shadow-none", e),
 		...n
 	});
 }
-function j({ className: e, ...n }) {
-	return /* @__PURE__ */ x("div", {
+function M({ className: e, ...n }) {
+	return /* @__PURE__ */ S("div", {
 		"data-slot": "sidebar-header",
 		"data-sidebar": "header",
-		className: t("gap-2 px-2 flex flex-col", e),
+		className: t("flex flex-col", e),
 		...n
 	});
 }
-function M({ className: e, ...n }) {
-	return /* @__PURE__ */ x("div", {
+function N({ className: e, ...n }) {
+	return /* @__PURE__ */ S("div", {
 		"data-slot": "sidebar-footer",
 		"data-sidebar": "footer",
-		className: t("gap-2 p-2 flex flex-col", e),
+		className: t("flex flex-col", e),
 		...n
 	});
 }
-function N({ className: e, ...n }) {
-	return /* @__PURE__ */ x(s, {
+function P({ className: e, ...n }) {
+	return /* @__PURE__ */ S(s, {
 		"data-slot": "sidebar-separator",
 		"data-sidebar": "separator",
 		className: t("bg-sidebar-border mx-space-md w-auto", e),
 		...n
 	});
 }
-function P({ className: e, ...n }) {
-	return /* @__PURE__ */ x("div", {
+function F({ className: e, ...n }) {
+	return /* @__PURE__ */ S("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 F({ className: e, ...n }) {
-	return /* @__PURE__ */ x("div", {
+function I({ className: e, ...n }) {
+	return /* @__PURE__ */ S("div", {
 		"data-slot": "sidebar-group",
 		"data-sidebar": "group",
-		className: t("p-2 relative flex w-full min-w-0 flex-col", e),
+		className: t("relative flex w-full min-w-0 flex-col", e),
 		...n
 	});
 }
-function I({ className: e, render: n, ...r }) {
-	return T({
+function L({ className: e, render: n, ...r }) {
+	return E({
 		defaultTagName: "div",
-		props: w({ className: t("text-sidebar-foreground/70 ring-sidebar-ring h-8 rounded-md px-2 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: 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),
 		render: n,
 		state: {
 			slot: "sidebar-group-label",
@@ -181,10 +182,10 @@ function I({ className: e, render: n, ...r }) {
 		}
 	});
 }
-function L({ className: e, render: n, ...r }) {
-	return T({
+function R({ className: e, render: n, ...r }) {
+	return E({
 		defaultTagName: "button",
-		props: w({ className: t("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 w-5 rounded-md 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: 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),
 		render: n,
 		state: {
 			slot: "sidebar-group-action",
@@ -192,40 +193,40 @@ function L({ className: e, render: n, ...r }) {
 		}
 	});
 }
-function R({ className: e, ...n }) {
-	return /* @__PURE__ */ x("div", {
+function z({ className: e, ...n }) {
+	return /* @__PURE__ */ S("div", {
 		"data-slot": "sidebar-group-content",
 		"data-sidebar": "group-content",
 		className: t("text-sm w-full", e),
 		...n
 	});
 }
-function z({ className: e, ...n }) {
-	return /* @__PURE__ */ x("ul", {
+function B({ className: e, ...n }) {
+	return /* @__PURE__ */ S("ul", {
 		"data-slot": "sidebar-menu",
 		"data-sidebar": "menu",
-		className: t("gap-1 flex w-full min-w-0 flex-col", e),
+		className: t("m-0 p-0 list-none flex w-full min-w-0 flex-col", e),
 		...n
 	});
 }
-function B({ className: e, ...n }) {
-	return /* @__PURE__ */ x("li", {
+function V({ className: e, ...n }) {
+	return /* @__PURE__ */ S("li", {
 		"data-slot": "sidebar-menu-item",
 		"data-sidebar": "menu-item",
 		className: t("group/menu-item relative", e),
 		...n
 	});
 }
-var V = E("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 gap-2 rounded-md p-2 text-left text-sm transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 data-active:font-medium peer/menu-button flex w-full items-center overflow-hidden outline-hidden group/menu-button disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&_svg]:size-4 [&_svg]:shrink-0", {
+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), {
 	variants: {
 		variant: {
 			default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-			outline: "bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
+			outline: "bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground ring-1 ring-sidebar-border hover:ring-sidebar-accent"
 		},
 		size: {
-			default: "h-8 text-sm",
-			sm: "h-7 text-xs",
-			lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
+			default: "h-action",
+			sm: "h-action-sm",
+			lg: "h-action-lg"
 		}
 	},
 	defaultVariants: {
@@ -233,34 +234,52 @@ var V = E("ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-f
 		size: "default"
 	}
 });
-function H({ render: e, isActive: n = !1, variant: r = "default", size: i = "default", tooltip: a, className: o, ...s }) {
-	let { isMobile: d, state: f } = O(), p = a ? e ? /* @__PURE__ */ x(l, { render: e }) : l : void 0, m = T({
+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({
 		defaultTagName: "button",
-		props: w({ className: t(V({
-			variant: r,
-			size: i
-		}), o) }, s),
-		render: a ? p : e,
+		props: T({ className: t(H({
+			variant: i,
+			size: a
+		}), s) }, c),
+		render: e,
 		state: {
 			slot: "sidebar-menu-button",
 			sidebar: "menu-button",
-			size: i,
-			active: n
+			size: a,
+			active: r
 		}
-	});
-	return a ? (typeof a == "string" && (a = { children: a }), /* @__PURE__ */ S(u, {
-		disabled: f !== "collapsed" || d,
-		children: [m, /* @__PURE__ */ x(c, {
+	}), g = m ? x.cloneElement(h, {
+		disabled: h.type !== "a" || void 0,
+		"aria-disabled": !0,
+		tabIndex: -1,
+		onClickCapture: W,
+		onClick: W,
+		onPointerDownCapture: W,
+		onKeyDownCapture: G,
+		onKeyUpCapture: G
+	}) : h;
+	return o ? (typeof o == "string" && (o = { children: o }), /* @__PURE__ */ C(d, {
+		disabled: m || p !== "collapsed" || l,
+		children: [/* @__PURE__ */ S(u, {
+			disabled: m,
+			render: g
+		}), /* @__PURE__ */ S(f, {
 			side: "right",
 			align: "center",
-			...a
+			...o
 		})]
-	})) : m;
+	})) : g;
+}
+function W(e) {
+	e.preventDefault(), e.stopPropagation();
+}
+function G(e) {
+	(e.key === "Enter" || e.key === " ") && W(e);
 }
-function U({ className: e, render: n, showOnHover: r = !1, ...i }) {
-	return T({
+function K({ className: e, render: n, showOnHover: r = !1, ...i }) {
+	return E({
 		defaultTagName: "button",
-		props: w({ className: t("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-md 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: 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),
 		render: n,
 		state: {
 			slot: "sidebar-menu-action",
@@ -268,34 +287,34 @@ function U({ className: e, render: n, showOnHover: r = !1, ...i }) {
 		}
 	});
 }
-function W({ className: e, ...n }) {
-	return /* @__PURE__ */ x("div", {
+function ce({ className: e, ...n }) {
+	return /* @__PURE__ */ S("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-1 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-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),
 		...n
 	});
 }
-function G({ className: e, ...n }) {
-	return /* @__PURE__ */ x("ul", {
+function le({ className: e, ...n }) {
+	return /* @__PURE__ */ S("ul", {
 		"data-slot": "sidebar-menu-sub",
 		"data-sidebar": "menu-sub",
-		className: t("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),
+		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 K({ className: e, ...n }) {
-	return /* @__PURE__ */ x("li", {
+function ue({ className: e, ...n }) {
+	return /* @__PURE__ */ S("li", {
 		"data-slot": "sidebar-menu-sub-item",
 		"data-sidebar": "menu-sub-item",
 		className: t("group/menu-sub-item relative", e),
 		...n
 	});
 }
-function ce({ render: e, size: n = "md", isActive: r = !1, className: i, ...a }) {
-	return T({
+function de({ render: e, size: n = "md", isActive: r = !1, className: i, ...a }) {
+	return E({
 		defaultTagName: "a",
-		props: w({ 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-7 gap-2 rounded-md px-2 focus-visible:ring-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>svg]:size-4 flex min-w-0 -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", i) }, 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),
 		render: e,
 		state: {
 			slot: "sidebar-menu-sub-button",
@@ -310,9 +329,9 @@ function ce({ render: e, size: n = "md", isActive: r = !1, className: i, ...a })
 var q = {
 	mobileTitle: "Sidebar",
 	mobileDescription: "Displays the mobile sidebar."
-}, le = "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", ue = "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 = b.createContext(void 0), Y = _, X = "group-data-[collapsible=icon]:w-shell-sidebar-icon-padded";
+}, 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";
 function Z(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ x(d, {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ S(l, {
 		tag: "span",
 		size: "inherit",
 		weight: "medium",
@@ -322,7 +341,7 @@ function Z(e) {
 	}) : e;
 }
 function Q(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ x(d, {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ S(l, {
 		tag: "span",
 		size: "inherit",
 		lineHeight: "snug",
@@ -330,19 +349,19 @@ function Q(e) {
 		children: e
 	}) : e;
 }
-function de(e) {
+function me(e) {
 	return e && (typeof e == "string" ? { children: Q(e) } : {
 		...e,
 		children: Q(e.children)
 	});
 }
-function fe(e) {
+function he(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 pe({ className: e, style: n, menuDensity: r, ...i }) {
-	return /* @__PURE__ */ x(J.Provider, {
+function ge({ className: e, style: n, menuDensity: r, ...i }) {
+	return /* @__PURE__ */ S(J.Provider, {
 		value: r,
-		children: /* @__PURE__ */ x(k, {
+		children: /* @__PURE__ */ S(re, {
 			className: t("sidebar-provider--component shell-sidebar-vars", e),
 			style: {
 				"--sidebar-width": "var(--shell-sidebar-width)",
@@ -353,35 +372,35 @@ function pe({ className: e, style: n, menuDensity: r, ...i }) {
 		})
 	});
 }
-function me({ 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: C } = O(), w = e(q, g);
-	return l === "none" ? /* @__PURE__ */ x("div", {
+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", {
 		"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__ */ x(o, {
+	}) : v ? /* @__PURE__ */ S(o, {
 		open: b,
-		onOpenChange: C,
-		children: /* @__PURE__ */ S(i, {
+		onOpenChange: x,
+		children: /* @__PURE__ */ C(i, {
 			dir: h,
 			"data-sidebar": "sidebar",
 			"data-slot": "sidebar",
 			"data-mobile": "true",
-			className: t("sidebar--component shell-sidebar-vars w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden", f, d, p),
+			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,
 			..._,
-			children: [/* @__PURE__ */ S(a, {
+			children: [/* @__PURE__ */ C(a, {
 				className: "sr-only",
-				children: [/* @__PURE__ */ x(r, { children: w.mobileTitle }), /* @__PURE__ */ x(n, { children: w.mobileDescription })]
-			}), /* @__PURE__ */ x("div", {
+				children: [/* @__PURE__ */ S(r, { children: w.mobileTitle }), /* @__PURE__ */ S(n, { children: w.mobileDescription })]
+			}), /* @__PURE__ */ S("div", {
 				className: "sidebar--surface flex h-full w-full flex-col",
 				children: m
 			})]
 		})
-	}) : u ? /* @__PURE__ */ x("div", {
+	}) : u ? /* @__PURE__ */ S("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 : "",
@@ -389,17 +408,17 @@ function me({ side: s = "left", variant: c = "sidebar", collapsible: l = "offcan
 		"data-side": s,
 		"data-slot": "sidebar",
 		dir: h,
-		children: /* @__PURE__ */ x("div", {
+		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__ */ x("div", {
+			children: /* @__PURE__ */ S("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-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border", f),
+				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__ */ S("div", {
+	}) : /* @__PURE__ */ C("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 : "",
@@ -407,96 +426,96 @@ function me({ side: s = "left", variant: c = "sidebar", collapsible: l = "offcan
 		"data-side": s,
 		"data-slot": "sidebar",
 		dir: h,
-		children: [/* @__PURE__ */ x("div", {
+		children: [/* @__PURE__ */ S("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__ */ x("div", {
+		}), /* @__PURE__ */ S("div", {
 			"data-slot": "sidebar-container",
 			"data-side": s,
 			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__ */ x("div", {
+			children: /* @__PURE__ */ S("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-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border", f),
+				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
 			})
 		})]
 	});
 }
-function he({ className: e, ...n }) {
-	return /* @__PURE__ */ x(j, {
+function ve({ className: e, ...n }) {
+	return /* @__PURE__ */ S(M, {
 		className: t("sidebar-header--component gap-space-sm px-surface-xs pt-surface-xs", e),
 		...n
 	});
 }
-function ge({ className: e, ...n }) {
-	return /* @__PURE__ */ x(M, {
-		className: t("sidebar-footer--component gap-space-sm p-surface-xs", e),
+function ye({ className: e, ...n }) {
+	return /* @__PURE__ */ S(N, {
+		className: t("sidebar-footer--component gap-space-sm p-surface-xs", m.sidebar.footer, e),
 		...n
 	});
 }
-function _e({ className: e, ...n }) {
-	return /* @__PURE__ */ x(P, {
+function be({ className: e, ...n }) {
+	return /* @__PURE__ */ S(F, {
 		className: t("sidebar-content--component min-w-0 gap-space-sm overflow-x-hidden", e),
 		...n
 	});
 }
-function ve({ className: e, ...n }) {
-	return /* @__PURE__ */ x(F, {
+function xe({ className: e, ...n }) {
+	return /* @__PURE__ */ S(I, {
 		className: t("sidebar-group--component px-surface-xs py-space-2xs", e),
 		...n
 	});
 }
-function ye({ className: e, ...n }) {
-	return /* @__PURE__ */ x(R, {
+function Se({ className: e, ...n }) {
+	return /* @__PURE__ */ S(z, {
 		className: t("sidebar-group-content--component", e),
 		...n
 	});
 }
-function be({ className: e, ...n }) {
-	return /* @__PURE__ */ x(L, {
+function Ce({ className: e, ...n }) {
+	return /* @__PURE__ */ S(R, {
 		className: t("sidebar-group-action--component top-space-xs size-action-xs", e),
 		...n
 	});
 }
-function xe({ className: e, ...n }) {
-	return /* @__PURE__ */ x(A, {
+function we({ className: e, ...n }) {
+	return /* @__PURE__ */ S(se, {
 		className: t("sidebar-input--component h-control-sm px-control-sm text-pxs", e),
 		...n
 	});
 }
-function Se({ className: e, ...n }) {
-	return /* @__PURE__ */ x(N, {
+function Te({ className: e, ...n }) {
+	return /* @__PURE__ */ S(P, {
 		className: t("sidebar-separator--component mx-space-lg", e),
 		...n
 	});
 }
-function Ce({ className: e, menuDensity: n, ...r }) {
-	let i = b.useContext(J), a = n ?? i, o = Y[a ?? "default"];
-	return /* @__PURE__ */ x(J.Provider, {
+function Ee({ className: e, menuDensity: n, ...r }) {
+	let i = x.useContext(J), a = n ?? i, o = Y[a ?? "default"];
+	return /* @__PURE__ */ S(J.Provider, {
 		value: a,
-		children: /* @__PURE__ */ x(z, {
+		children: /* @__PURE__ */ S(B, {
 			className: t("sidebar-menu--component", o.gap, e),
 			...r
 		})
 	});
 }
-function we({ className: e, ...n }) {
-	return /* @__PURE__ */ x(B, {
+function De({ className: e, ...n }) {
+	return /* @__PURE__ */ S(V, {
 		className: t("sidebar-menu-item--component", e),
 		...n
 	});
 }
-function Te({ className: e, ...n }) {
-	let r = b.useContext(J) ?? "default";
-	return /* @__PURE__ */ x(U, {
+function $({ className: e, ...n }) {
+	let r = x.useContext(J) ?? "default";
+	return /* @__PURE__ */ S(K, {
 		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 Ee({ className: e, inline: n = !1, size: r = "md", children: i, ...a }) {
-	let o = typeof i == "string" || typeof i == "number" || typeof i == "bigint" ? /* @__PURE__ */ x(d, {
+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, {
 		tag: "span",
 		size: "xxs",
 		weight: "semibold",
@@ -504,65 +523,65 @@ function Ee({ className: e, inline: n = !1, size: r = "md", children: i, ...a })
 		className: "text-inherit tabular-nums",
 		children: i
 	}) : i;
-	return /* @__PURE__ */ x(W, {
+	return /* @__PURE__ */ S(ce, {
 		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 De({ className: e, showIcon: n = !1, style: r, width: i, ...a }) {
+function ke({ className: e, showIcon: n = !1, style: r, width: i, ...a }) {
 	let o = i ?? "72%";
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ C("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-radius px-control-sm", e),
+		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__ */ x(m, {
+		children: [n ? /* @__PURE__ */ S(h, {
 			className: "size-icon rounded-radius-sm",
 			"data-sidebar": "menu-skeleton-icon"
-		}) : null, /* @__PURE__ */ x(m, {
+		}) : null, /* @__PURE__ */ S(h, {
 			className: "h-icon-sm flex-1",
 			"data-sidebar": "menu-skeleton-text",
 			style: { maxWidth: o }
 		})]
 	});
 }
-function $({ className: e, ...n }) {
-	let r = b.useContext(J) ?? "default";
-	return /* @__PURE__ */ x(G, {
-		className: t("sidebar-menu-sub--component border-l-0 border-s! border-sidebar-border", y, Y[r].childGap, e),
+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),
 		...n
 	});
 }
-function Oe({ className: e, ...n }) {
-	return /* @__PURE__ */ x(K, {
+function je({ className: e, ...n }) {
+	return /* @__PURE__ */ S(ue, {
 		className: t("sidebar-menu-sub-item--component", e),
 		...n
 	});
 }
-function ke({ className: e, ...n }) {
-	return /* @__PURE__ */ x(se, {
+function Me({ className: e, ...n }) {
+	return /* @__PURE__ */ S(oe, {
 		className: t("sidebar-inset--component", e),
 		...n
 	});
 }
-function Ae({ className: e, ...n }) {
-	return /* @__PURE__ */ x(oe, {
+function Ne({ className: e, ...n }) {
+	return /* @__PURE__ */ S(ae, {
 		className: t("sidebar-rail--component", e),
 		...n
 	});
 }
-function je({ className: e, ...n }) {
-	return /* @__PURE__ */ x(ae, {
+function Pe({ className: e, ...n }) {
+	return /* @__PURE__ */ S(ie, {
 		className: t("sidebar-trigger--component size-action-sm active:translate-y-0!", e),
 		...n
 	});
 }
-function Me({ className: e, render: n, size: r, tooltip: i, children: a, active: o = !1, ...s }) {
-	let c = i && !n ? /* @__PURE__ */ x("button", { type: "button" }) : n, l = de(i), u = b.useContext(J), d = r ?? (u ? Y[u].size : "md"), f = d === "md" ? "default" : d;
-	return /* @__PURE__ */ x(H, {
-		className: t("sidebar-menu-button--component group-data-[collapsible=icon]:size-action-sm! group-data-[collapsible=icon]:p-space-sm!", v, "group-has-data-[sidebar=menu-action]/menu-item:px-control-sm! group-has-[>[data-sidebar=menu-action]]/menu-item:pe-[calc(var(--spacing-action-xs)+var(--spacing-control-px))]!", fe(d), le, e),
+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,
@@ -571,28 +590,28 @@ function Me({ className: e, render: n, size: r, tooltip: i, children: a, active:
 		children: Z(a)
 	});
 }
-function Ne({ className: e, children: n, active: r = !1, ...i }) {
-	let a = b.useContext(J) ?? "default";
-	return /* @__PURE__ */ x(ce, {
-		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(--spacing-action-xs)+var(--spacing-control-px))]!", v, Y[a].childHeight, ue, e),
+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 Pe({ className: e, children: n, ...r }) {
-	let i = typeof n == "string" || typeof n == "number" || typeof n == "bigint" ? /* @__PURE__ */ x(f, { children: n }) : n;
-	return /* @__PURE__ */ x(I, {
+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, {
 		className: t("sidebar-group-label--component h-action-sm px-control-sm group-data-[collapsible=icon]:pointer-events-none", e),
 		...r,
 		children: i
 	});
 }
-var Fe = O;
-function Ie() {
-	return b.useContext(J);
+var Re = j;
+function ze() {
+	return x.useContext(J);
 }
 //#endregion
-export { je as C, O as D, Ie as E, Se as S, Fe as T, $ as _, be as a, pe as b, he as c, Ce as d, Te as f, De as g, we as h, ve as i, xe as l, Me as m, _e as n, ye as o, Ee as p, ge as r, Pe as s, me as t, ke as u, Ne as v, q as w, Ae as x, Oe as y };
+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 };
 
-//# sourceMappingURL=sidebar-DPR7fmqN.js.map
+//# sourceMappingURL=sidebar-Crc9M9JV.js.map