themelia-react-ui 1.0.2 → 2.0.1

package/dist/{sidebar-CyR4XKwR.js → sidebar-C7WWR29L.js}

@@ -1,32 +1,33 @@
 "use client";
 import { useStrings as e } from "./lib/strings.js";
-import { t } from "./utils-BvH9PSmq.js";
-import { a as n, c as r, i, s as a, t as o } from "./sheet-BFhrNehm.js";
-import { t as s } from "./separator-BhtFyo4x.js";
-import { a as c, r as l } from "./typography-BxQgiZyw.js";
-import { d as u, l as d, u as f } from "./button-BZDasD04.js";
-import { t as p } from "./button-BZyfTvwm.js";
-import { n as m } from "./surface-recipes-Dd__PD-w.js";
-import { r as h } from "./skeleton-3F0uhYn3.js";
-import { t as g } from "./input-vxcaNCYC.js";
-import { t as _ } from "./use-mobile-vaLKwgyf.js";
-import { n as v, r as y, t as b } from "./navigation-row-recipes-DQEXQcqY.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-l5LpDw2z.js";
+import { a as n, c as r, i, s as a, t as o } from "./sheet-4SEvVYzA.js";
+import { t as s } from "./separator-CYHnjsAb.js";
+import { a as c, s as l } from "./typography-DTRkE9zL.js";
+import { t as u } from "./focus-recipes-B653VaLq.js";
+import { a as d, o as f, s as p } from "./tooltip-CsfgrfS7.js";
+import { t as m } from "./button-QYwiyhD2.js";
+import { a as h } from "./surface-recipes-BKRVW8Os.js";
+import { r as g } from "./skeleton-Cz890JZF.js";
+import { t as _ } from "./input-Ddi_LSYv.js";
+import { t as v } from "./use-mobile-vaLKwgyf.js";
+import { n as y, r as b, t as x } from "./navigation-row-recipes-BVowojQw.js";
+import * as S from "react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { PanelLeftIcon as T } from "lucide-react";
+import { mergeProps as E } from "@base-ui/react/merge-props";
+import { useRender as D } from "@base-ui/react/use-render";
+import { cva as O } 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);
-function j() {
-	let e = x.useContext(A);
+var ee = "sidebar_state", te = 604800, k = "16rem", A = "3rem", ne = "b", j = S.createContext(null);
+function M() {
+	let e = S.useContext(j);
 	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(() => {
+	let u = v(), d = S.useRef(null), [f, p] = S.useState();
+	S.useEffect(() => {
 		let e = d.current;
 		if (n !== "container" || !e || typeof ResizeObserver > "u") return;
 		let t = () => p(e.getBoundingClientRect().width < 768);
@@ -34,24 +35,24 @@ 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] = S.useState(!1), [_, y] = S.useState(e), b = i ?? _, x = S.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, b]), w = S.useCallback(() => m ? g((e) => !e) : x((e) => !e), [
 		m,
-		C,
+		x,
 		g
 	]);
-	x.useEffect(() => {
+	S.useEffect(() => {
 		let e = (e) => {
 			e.key === ne && (e.metaKey || e.ctrlKey) && (e.preventDefault(), w());
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [w]);
-	let T = b ? "expanded" : "collapsed", D = x.useMemo(() => ({
+	let T = b ? "expanded" : "collapsed", E = S.useMemo(() => ({
 		state: T,
 		open: b,
-		setOpen: C,
+		setOpen: x,
 		isMobile: m,
 		openMobile: h,
 		setOpenMobile: g,
@@ -59,12 +60,12 @@ function re({ defaultOpen: e = !0, adaptTo: n = "viewport", ref: r, open: i, onO
 	}), [
 		T,
 		b,
-		C,
+		x,
 		m,
 		h,
 		g,
 		w
-	]), j = E({
+	]), O = D({
 		defaultTagName: "div",
 		ref: r ? [d, r] : d,
 		props: {
@@ -72,22 +73,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": k,
+				"--sidebar-width-icon": A,
 				...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__ */ C(j.Provider, {
+		value: E,
+		children: O
 	});
 }
 function ie({ className: e, onClick: n, ...r }) {
-	let { toggleSidebar: i } = j();
-	return /* @__PURE__ */ C(p, {
+	let { toggleSidebar: i } = M();
+	return /* @__PURE__ */ w(m, {
 		"data-sidebar": "trigger",
 		"data-slot": "sidebar-trigger",
 		variant: "ghost",
@@ -97,15 +98,15 @@ function ie({ className: e, onClick: n, ...r }) {
 			n?.(e), i();
 		},
 		...r,
-		children: [/* @__PURE__ */ S(w, {}), /* @__PURE__ */ S("span", {
+		children: [/* @__PURE__ */ C(T, {}), /* @__PURE__ */ C("span", {
 			className: "sr-only",
 			children: "Toggle Sidebar"
 		})]
 	});
 }
 function ae({ className: e, ...n }) {
-	let { toggleSidebar: r } = j();
-	return /* @__PURE__ */ S("button", {
+	let { toggleSidebar: r } = M();
+	return /* @__PURE__ */ C("button", {
 		"data-sidebar": "rail",
 		"data-slot": "sidebar-rail",
 		"aria-label": "Toggle Sidebar",
@@ -117,64 +118,64 @@ function ae({ className: e, ...n }) {
 	});
 }
 function oe({ className: e, ...n }) {
-	return /* @__PURE__ */ S("main", {
+	return /* @__PURE__ */ C("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, {
+	return /* @__PURE__ */ C(_, {
 		"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__ */ C("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__ */ C("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__ */ C(s, {
 		"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__ */ C("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__ */ C("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 D({
 		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: E({ 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 ${u.sidebar} [&>svg]:size-4 flex shrink-0 items-center outline-hidden [&>svg]:shrink-0`, e) }, r),
 		render: n,
 		state: {
 			slot: "sidebar-group-label",
@@ -182,10 +183,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 D({
 		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: E({ 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 ${u.sidebar} [&>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",
@@ -193,31 +194,31 @@ function R({ className: e, render: n, ...r }) {
 		}
 	});
 }
-function z({ className: e, ...n }) {
-	return /* @__PURE__ */ S("div", {
+function B({ className: e, ...n }) {
+	return /* @__PURE__ */ C("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__ */ C("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__ */ C("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 = O(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! ${u.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-4 [&_svg]:shrink-0`, b), {
 	variants: {
 		variant: {
 			default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
@@ -234,10 +235,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 } = M(), m = n || c["aria-disabled"] === !0 || c["aria-disabled"] === "true", h = D({
 		defaultTagName: "button",
-		props: T({ className: t(H({
+		props: E({ className: t(U({
 			variant: i,
 			size: a
 		}), s) }, c),
@@ -248,38 +249,38 @@ function U({ render: e, disabled: n = !1, isActive: r = !1, variant: i = "defaul
 			size: a,
 			active: r
 		}
-	}), g = m ? x.cloneElement(h, {
+	}), g = m ? S.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, {
+	return o ? (typeof o == "string" && (o = { children: o }), /* @__PURE__ */ w(d, {
+		disabled: m || u !== "collapsed" || l,
+		children: [/* @__PURE__ */ C(p, {
 			disabled: m,
 			render: g
-		}), /* @__PURE__ */ S(f, {
+		}), /* @__PURE__ */ C(f, {
 			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 ce({ className: e, render: n, showOnHover: r = !1, ...i }) {
+	return D({
 		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: E({ 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 ${u.sidebar} [&>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",
@@ -287,34 +288,34 @@ function K({ className: e, render: n, showOnHover: r = !1, ...i }) {
 		}
 	});
 }
-function ce({ className: e, ...n }) {
-	return /* @__PURE__ */ S("div", {
+function le({ className: e, ...n }) {
+	return /* @__PURE__ */ C("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 ue({ className: e, ...n }) {
+	return /* @__PURE__ */ C("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 de({ className: e, ...n }) {
+	return /* @__PURE__ */ C("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 fe({ render: e, size: n = "md", isActive: r = !1, className: i, ...a }) {
+	return D({
 		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: E({ 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 ${u.sidebar} 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`, b, i) }, a),
 		render: e,
 		state: {
 			slot: "sidebar-menu-sub-button",
@@ -329,9 +330,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";
+}, pe = `font-medium text-sidebar-foreground transition-[background-color,color] hover:bg-sidebar-accent hover:text-sidebar-foreground ${u.sidebar} data-active:bg-sidebar-accent data-active:text-sidebar-foreground data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-foreground`, me = `font-medium text-sidebar-foreground/70 transition-[background-color,color] hover:bg-transparent hover:text-sidebar-foreground ${u.sidebar} data-active:bg-transparent data-active:text-sidebar-foreground data-[active=true]:bg-transparent data-[active=true]:text-sidebar-foreground`, J = S.createContext(void 0), Y = y, 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(c, {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ C(l, {
 		tag: "span",
 		size: "inherit",
 		weight: "medium",
@@ -341,7 +342,7 @@ function Z(e) {
 	}) : e;
 }
 function Q(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ S(c, {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ C(l, {
 		tag: "span",
 		size: "inherit",
 		lineHeight: "snug",
@@ -349,19 +350,19 @@ function Q(e) {
 		children: e
 	}) : e;
 }
-function me(e) {
+function he(e) {
 	return e && (typeof e == "string" ? { children: Q(e) } : {
 		...e,
 		children: Q(e.children)
 	});
 }
-function he(e) {
+function ge(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 _e({ className: e, style: n, menuDensity: r, ...i }) {
+	return /* @__PURE__ */ C(J.Provider, {
 		value: r,
-		children: /* @__PURE__ */ S(re, {
+		children: /* @__PURE__ */ C(re, {
 			className: t("sidebar-provider--component shell-sidebar-vars", e),
 			style: {
 				"--sidebar-width": "var(--shell-sidebar-width)",
@@ -372,35 +373,35 @@ function ge({ className: e, style: n, menuDensity: r, ...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 ve({ 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 } = M(), S = e(q, g);
+	return l === "none" ? /* @__PURE__ */ C("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__ */ C(o, {
 		open: b,
 		onOpenChange: x,
-		children: /* @__PURE__ */ C(i, {
+		children: /* @__PURE__ */ w(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__ */ C(a, {
+			children: [/* @__PURE__ */ w(a, {
 				className: "sr-only",
-				children: [/* @__PURE__ */ S(r, { children: w.mobileTitle }), /* @__PURE__ */ S(n, { children: w.mobileDescription })]
-			}), /* @__PURE__ */ S("div", {
+				children: [/* @__PURE__ */ C(r, { children: S.mobileTitle }), /* @__PURE__ */ C(n, { children: S.mobileDescription })]
+			}), /* @__PURE__ */ C("div", {
 				className: "sidebar--surface flex h-full w-full flex-col",
 				children: m
 			})]
 		})
-	}) : u ? /* @__PURE__ */ S("div", {
+	}) : u ? /* @__PURE__ */ C("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 : "",
@@ -408,17 +409,17 @@ function _e({ side: s = "left", variant: c = "sidebar", collapsible: l = "offcan
 		"data-side": s,
 		"data-slot": "sidebar",
 		dir: h,
-		children: /* @__PURE__ */ S("div", {
+		children: /* @__PURE__ */ C("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__ */ S("div", {
+			children: /* @__PURE__ */ C("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__ */ w("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 : "",
@@ -426,15 +427,15 @@ function _e({ side: s = "left", variant: c = "sidebar", collapsible: l = "offcan
 		"data-side": s,
 		"data-slot": "sidebar",
 		dir: h,
-		children: [/* @__PURE__ */ S("div", {
+		children: [/* @__PURE__ */ C("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__ */ C("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__ */ S("div", {
+			children: /* @__PURE__ */ C("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 +444,79 @@ function _e({ side: s = "left", variant: c = "sidebar", collapsible: l = "offcan
 		})]
 	});
 }
-function ve({ className: e, ...n }) {
-	return /* @__PURE__ */ S(M, {
+function ye({ className: e, ...n }) {
+	return /* @__PURE__ */ C(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 be({ className: e, ...n }) {
+	return /* @__PURE__ */ C(P, {
+		className: t("sidebar-footer--component gap-space-sm p-surface-xs", h.sidebar.footer, e),
 		...n
 	});
 }
-function be({ className: e, ...n }) {
-	return /* @__PURE__ */ S(F, {
+function xe({ className: e, ...n }) {
+	return /* @__PURE__ */ C(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 Se({ className: e, ...n }) {
+	return /* @__PURE__ */ C(L, {
 		className: t("sidebar-group--component px-surface-xs py-space-2xs", e),
 		...n
 	});
 }
-function Se({ className: e, ...n }) {
-	return /* @__PURE__ */ S(z, {
+function Ce({ className: e, ...n }) {
+	return /* @__PURE__ */ C(B, {
 		className: t("sidebar-group-content--component", e),
 		...n
 	});
 }
-function Ce({ className: e, ...n }) {
-	return /* @__PURE__ */ S(R, {
+function we({ className: e, ...n }) {
+	return /* @__PURE__ */ C(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 Te({ className: e, ...n }) {
+	return /* @__PURE__ */ C(se, {
 		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 Ee({ className: e, ...n }) {
+	return /* @__PURE__ */ C(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 De({ className: e, menuDensity: n, ...r }) {
+	let i = S.useContext(J), a = n ?? i, o = Y[a ?? "default"];
+	return /* @__PURE__ */ C(J.Provider, {
 		value: a,
-		children: /* @__PURE__ */ S(B, {
+		children: /* @__PURE__ */ C(V, {
 			className: t("sidebar-menu--component", o.gap, e),
 			...r
 		})
 	});
 }
-function De({ className: e, ...n }) {
-	return /* @__PURE__ */ S(V, {
+function $({ className: e, ...n }) {
+	return /* @__PURE__ */ C(H, {
 		className: t("sidebar-menu-item--component", e),
 		...n
 	});
 }
-function $({ className: e, ...n }) {
-	let r = x.useContext(J) ?? "default";
-	return /* @__PURE__ */ S(K, {
+function Oe({ className: e, ...n }) {
+	let r = S.useContext(J) ?? "default";
+	return /* @__PURE__ */ C(ce, {
 		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(c, {
+function ke({ className: e, inline: n = !1, size: r = "md", children: i, ...a }) {
+	let o = typeof i == "string" || typeof i == "number" || typeof i == "bigint" ? /* @__PURE__ */ C(l, {
 		tag: "span",
 		size: "xxs",
 		weight: "semibold",
@@ -523,65 +524,65 @@ 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__ */ C(le, {
 		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 Ae({ className: e, showIcon: n = !1, style: r, width: i, ...a }) {
 	let o = i ?? "72%";
-	return /* @__PURE__ */ C("div", {
+	return /* @__PURE__ */ w("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__ */ C(g, {
 			className: "size-icon rounded-radius-sm",
 			"data-sidebar": "menu-skeleton-icon"
-		}) : null, /* @__PURE__ */ S(h, {
+		}) : null, /* @__PURE__ */ C(g, {
 			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 je({ className: e, ...n }) {
+	let r = S.useContext(J) ?? "default";
+	return /* @__PURE__ */ C(ue, {
+		className: t("sidebar-menu-sub--component border-l-0 border-s! border-sidebar-border", x, Y[r].childGap, e),
 		...n
 	});
 }
-function je({ className: e, ...n }) {
-	return /* @__PURE__ */ S(ue, {
+function Me({ className: e, ...n }) {
+	return /* @__PURE__ */ C(de, {
 		className: t("sidebar-menu-sub-item--component", e),
 		...n
 	});
 }
-function Me({ className: e, ...n }) {
-	return /* @__PURE__ */ S(oe, {
+function Ne({ className: e, ...n }) {
+	return /* @__PURE__ */ C(oe, {
 		className: t("sidebar-inset--component", e),
 		...n
 	});
 }
-function Ne({ className: e, ...n }) {
-	return /* @__PURE__ */ S(ae, {
+function Pe({ className: e, ...n }) {
+	return /* @__PURE__ */ C(ae, {
 		className: t("sidebar-rail--component", e),
 		...n
 	});
 }
-function Pe({ className: e, ...n }) {
-	return /* @__PURE__ */ S(ie, {
+function Fe({ className: e, ...n }) {
+	return /* @__PURE__ */ C(ie, {
 		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(--spacing-action-xs)+var(--spacing-control-px))]!", he(d), fe, e),
+function Ie({ className: e, render: n, size: r, tooltip: i, children: a, active: o = !1, ...s }) {
+	let c = i && !n ? /* @__PURE__ */ C("button", { type: "button" }) : n, l = he(i), u = S.useContext(J), d = r ?? (u ? Y[u].size : "md"), f = d === "md" ? "default" : d;
+	return /* @__PURE__ */ C(W, {
+		className: t("sidebar-menu-button--component group-data-[collapsible=icon]:size-action-sm! group-data-[collapsible=icon]:p-space-sm!", b, "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))]!", ge(d), pe, e),
 		render: c,
 		size: f,
 		tooltip: l,
@@ -590,28 +591,28 @@ function Fe({ className: e, render: n, size: r, tooltip: i, children: a, active:
 		children: Z(a)
 	});
 }
-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(--spacing-action-xs)+var(--spacing-control-px))]!", y, Y[a].childHeight, pe, e),
+function Le({ className: e, children: n, active: r = !1, ...i }) {
+	let a = S.useContext(J) ?? "default";
+	return /* @__PURE__ */ C(fe, {
+		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))]!", b, Y[a].childHeight, me, e),
 		isActive: r,
 		...i,
 		children: Z(n)
 	});
 }
-function Le({ className: e, children: n, ...r }) {
-	let i = typeof n == "string" || typeof n == "number" || typeof n == "bigint" ? /* @__PURE__ */ S(l, { children: n }) : n;
-	return /* @__PURE__ */ S(L, {
+function Re({ className: e, children: n, ...r }) {
+	let i = typeof n == "string" || typeof n == "number" || typeof n == "bigint" ? /* @__PURE__ */ C(c, { children: n }) : n;
+	return /* @__PURE__ */ C(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 ze = M;
+function Be() {
+	return S.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 { Fe as C, M as D, Be as E, Ee as S, ze as T, je as _, we as a, _e as b, ye as c, De as d, Oe as f, Ae as g, $ as h, Se as i, Te as l, Ie as m, xe as n, Ce as o, ke as p, be as r, Re as s, ve as t, Ne as u, Le as v, q as w, Pe as x, Me as y };
 
-//# sourceMappingURL=sidebar-CyR4XKwR.js.map
+//# sourceMappingURL=sidebar-C7WWR29L.js.map