themelia-react-ui 2.0.3 → 2.0.5

package/dist/sidebar-Db6gkh3U.js

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