themelia-react-ui 0.0.0-stage → 1.0.0

package/dist/sidebar-CNBKFDRW.js

@@ -0,0 +1,598 @@
+"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-vOUloJ4O.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-BvRhK8y-.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-BFpvGPGE.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";
+//#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);
+	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(() => {
+		let e = d.current;
+		if (n !== "container" || !e || typeof ResizeObserver > "u") return;
+		let t = () => p(e.getBoundingClientRect().width < 768);
+		t();
+		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;
+		a ? a(t) : y(t), document.cookie = `${ee}=${t}; path=/; max-age=${te}`;
+	}, [a, S]), w = b.useCallback(() => m ? _((e) => !e) : C((e) => !e), [
+		m,
+		C,
+		_
+	]);
+	b.useEffect(() => {
+		let e = (e) => {
+			e.key === ie && (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,
+		setOpen: C,
+		isMobile: m,
+		openMobile: h,
+		setOpenMobile: _,
+		toggleSidebar: w
+	}), [
+		E,
+		S,
+		C,
+		m,
+		h,
+		_,
+		w
+	]), k = T({
+		defaultTagName: "div",
+		ref: r ? [d, r] : d,
+		props: {
+			...l,
+			"data-slot": "sidebar-wrapper",
+			"data-mobile": m,
+			style: {
+				"--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__ */ x(D.Provider, {
+		value: O,
+		children: k
+	});
+}
+function ae({ className: e, onClick: n, ...r }) {
+	let { toggleSidebar: i } = O();
+	return /* @__PURE__ */ S(p, {
+		"data-sidebar": "trigger",
+		"data-slot": "sidebar-trigger",
+		variant: "ghost",
+		size: "icon-sm",
+		className: t(e),
+		onClick: (e) => {
+			n?.(e), i();
+		},
+		...r,
+		children: [/* @__PURE__ */ x(C, {}), /* @__PURE__ */ x("span", {
+			className: "sr-only",
+			children: "Toggle Sidebar"
+		})]
+	});
+}
+function oe({ className: e, ...n }) {
+	let { toggleSidebar: r } = O();
+	return /* @__PURE__ */ x("button", {
+		"data-sidebar": "rail",
+		"data-slot": "sidebar-rail",
+		"aria-label": "Toggle Sidebar",
+		tabIndex: -1,
+		onClick: r,
+		title: "Toggle Sidebar",
+		className: t("hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:start-1/2 after:w-[2px] sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", e),
+		...n
+	});
+}
+function se({ className: e, ...n }) {
+	return /* @__PURE__ */ x("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, {
+		"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", {
+		"data-slot": "sidebar-header",
+		"data-sidebar": "header",
+		className: t("gap-2 px-2 flex flex-col", e),
+		...n
+	});
+}
+function M({ className: e, ...n }) {
+	return /* @__PURE__ */ x("div", {
+		"data-slot": "sidebar-footer",
+		"data-sidebar": "footer",
+		className: t("gap-2 p-2 flex flex-col", e),
+		...n
+	});
+}
+function N({ className: e, ...n }) {
+	return /* @__PURE__ */ x(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", {
+		"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", {
+		"data-slot": "sidebar-group",
+		"data-sidebar": "group",
+		className: t("p-2 relative flex w-full min-w-0 flex-col", e),
+		...n
+	});
+}
+function I({ className: e, render: n, ...r }) {
+	return T({
+		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),
+		render: n,
+		state: {
+			slot: "sidebar-group-label",
+			sidebar: "group-label"
+		}
+	});
+}
+function L({ className: e, render: n, ...r }) {
+	return T({
+		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),
+		render: n,
+		state: {
+			slot: "sidebar-group-action",
+			sidebar: "group-action"
+		}
+	});
+}
+function R({ className: e, ...n }) {
+	return /* @__PURE__ */ x("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", {
+		"data-slot": "sidebar-menu",
+		"data-sidebar": "menu",
+		className: t("gap-1 flex w-full min-w-0 flex-col", e),
+		...n
+	});
+}
+function B({ className: e, ...n }) {
+	return /* @__PURE__ */ x("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", {
+	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))]"
+		},
+		size: {
+			default: "h-8 text-sm",
+			sm: "h-7 text-xs",
+			lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		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({
+		defaultTagName: "button",
+		props: w({ className: t(V({
+			variant: r,
+			size: i
+		}), o) }, s),
+		render: a ? p : e,
+		state: {
+			slot: "sidebar-menu-button",
+			sidebar: "menu-button",
+			size: i,
+			active: n
+		}
+	});
+	return a ? (typeof a == "string" && (a = { children: a }), /* @__PURE__ */ S(u, {
+		disabled: f !== "collapsed" || d,
+		children: [m, /* @__PURE__ */ x(c, {
+			side: "right",
+			align: "center",
+			...a
+		})]
+	})) : m;
+}
+function U({ className: e, render: n, showOnHover: r = !1, ...i }) {
+	return T({
+		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),
+		render: n,
+		state: {
+			slot: "sidebar-menu-action",
+			sidebar: "menu-action"
+		}
+	});
+}
+function W({ className: e, ...n }) {
+	return /* @__PURE__ */ x("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),
+		...n
+	});
+}
+function G({ className: e, ...n }) {
+	return /* @__PURE__ */ x("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),
+		...n
+	});
+}
+function K({ className: e, ...n }) {
+	return /* @__PURE__ */ x("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({
+		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),
+		render: e,
+		state: {
+			slot: "sidebar-menu-sub-button",
+			sidebar: "menu-sub-button",
+			size: n,
+			active: r
+		}
+	});
+}
+//#endregion
+//#region src/components/base/sidebar/sidebar.tsx
+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";
+function Z(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ x(d, {
+		tag: "span",
+		size: "inherit",
+		weight: "medium",
+		lineHeight: "tight",
+		className: "text-inherit",
+		children: e
+	}) : e;
+}
+function Q(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ x(d, {
+		tag: "span",
+		size: "inherit",
+		lineHeight: "snug",
+		className: "sidebar-menu-button--tooltip-text text-inherit",
+		children: e
+	}) : e;
+}
+function de(e) {
+	return e && (typeof e == "string" ? { children: Q(e) } : {
+		...e,
+		children: Q(e.children)
+	});
+}
+function fe(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, {
+		value: r,
+		children: /* @__PURE__ */ x(k, {
+			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))",
+				...n
+			},
+			...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", {
+		"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, {
+		open: b,
+		onOpenChange: C,
+		children: /* @__PURE__ */ S(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),
+			style: { "--sidebar-width": "min(20rem, calc(100vw - 2rem))" },
+			side: s,
+			..._,
+			children: [/* @__PURE__ */ S(a, {
+				className: "sr-only",
+				children: [/* @__PURE__ */ x(r, { children: w.mobileTitle }), /* @__PURE__ */ x(n, { children: w.mobileDescription })]
+			}), /* @__PURE__ */ x("div", {
+				className: "sidebar--surface flex h-full w-full flex-col",
+				children: m
+			})]
+		})
+	}) : u ? /* @__PURE__ */ x("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-slot": "sidebar",
+		dir: h,
+		children: /* @__PURE__ */ x("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", {
+				"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),
+				children: m
+			})
+		})
+	}) : /* @__PURE__ */ S("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-slot": "sidebar",
+		dir: h,
+		children: [/* @__PURE__ */ x("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", {
+			"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", {
+				"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),
+				children: m
+			})
+		})]
+	});
+}
+function he({ className: e, ...n }) {
+	return /* @__PURE__ */ x(j, {
+		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),
+		...n
+	});
+}
+function _e({ className: e, ...n }) {
+	return /* @__PURE__ */ x(P, {
+		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, {
+		className: t("sidebar-group--component px-surface-xs py-space-2xs", e),
+		...n
+	});
+}
+function ye({ className: e, ...n }) {
+	return /* @__PURE__ */ x(R, {
+		className: t("sidebar-group-content--component", e),
+		...n
+	});
+}
+function be({ className: e, ...n }) {
+	return /* @__PURE__ */ x(L, {
+		className: t("sidebar-group-action--component top-space-xs size-action-xs", e),
+		...n
+	});
+}
+function xe({ className: e, ...n }) {
+	return /* @__PURE__ */ x(A, {
+		className: t("sidebar-input--component h-control-sm px-control-sm text-pxs", e),
+		...n
+	});
+}
+function Se({ className: e, ...n }) {
+	return /* @__PURE__ */ x(N, {
+		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, {
+		value: a,
+		children: /* @__PURE__ */ x(z, {
+			className: t("sidebar-menu--component", o.gap, e),
+			...r
+		})
+	});
+}
+function we({ className: e, ...n }) {
+	return /* @__PURE__ */ x(B, {
+		className: t("sidebar-menu-item--component", e),
+		...n
+	});
+}
+function Te({ className: e, ...n }) {
+	let r = b.useContext(J) ?? "default";
+	return /* @__PURE__ */ x(U, {
+		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, {
+		tag: "span",
+		size: "xxs",
+		weight: "semibold",
+		lineHeight: "none",
+		className: "text-inherit tabular-nums",
+		children: i
+	}) : i;
+	return /* @__PURE__ */ x(W, {
+		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 }) {
+	let o = i ?? "72%";
+	return /* @__PURE__ */ S("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),
+		style: r,
+		...a,
+		children: [n ? /* @__PURE__ */ x(m, {
+			className: "size-icon rounded-radius-sm",
+			"data-sidebar": "menu-skeleton-icon"
+		}) : null, /* @__PURE__ */ x(m, {
+			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),
+		...n
+	});
+}
+function Oe({ className: e, ...n }) {
+	return /* @__PURE__ */ x(K, {
+		className: t("sidebar-menu-sub-item--component", e),
+		...n
+	});
+}
+function ke({ className: e, ...n }) {
+	return /* @__PURE__ */ x(se, {
+		className: t("sidebar-inset--component", e),
+		...n
+	});
+}
+function Ae({ className: e, ...n }) {
+	return /* @__PURE__ */ x(oe, {
+		className: t("sidebar-rail--component", e),
+		...n
+	});
+}
+function je({ className: e, ...n }) {
+	return /* @__PURE__ */ x(ae, {
+		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),
+		render: c,
+		size: f,
+		tooltip: l,
+		isActive: o,
+		...s,
+		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),
+		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, {
+		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);
+}
+//#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 };
+
+//# sourceMappingURL=sidebar-CNBKFDRW.js.map