@kubetail/ui 2.1.2 → 2.2.0

package/dist/elements/sidebar.js

@@ -1,250 +1,251 @@
 "use client";
-import { cn } from "../lib/utils.js";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tooltip.js";
-import { Skeleton } from "./skeleton.js";
-import { Button } from "./button.js";
-import { Input } from "./input.js";
-import { useIsMobile } from "../hooks/use-mobile.js";
-import { Separator } from "./separator.js";
-import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "./sheet.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import { PanelLeftIcon } from "lucide-react";
-import { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
-var SIDEBAR_COOKIE_NAME = "sidebar_state", SIDEBAR_COOKIE_MAX_AGE = 3600 * 24 * 7, SIDEBAR_WIDTH = "16rem", SIDEBAR_WIDTH_MOBILE = "18rem", SIDEBAR_WIDTH_ICON = "3rem", SIDEBAR_KEYBOARD_SHORTCUT = "b", SidebarContext = createContext(null);
-function useSidebar() {
-	let t = useContext(SidebarContext);
-	if (!t) throw Error("useSidebar must be used within a SidebarProvider.");
-	return t;
+import { cn as e } from "../lib/utils.js";
+import { Tooltip as t, TooltipContent as n, TooltipProvider as r, TooltipTrigger as i } from "./tooltip.js";
+import { Skeleton as a } from "./skeleton.js";
+import { Button as o } from "./button.js";
+import { Input as s } from "./input.js";
+import { useIsMobile as c } from "../hooks/use-mobile.js";
+import { Separator as l } from "./separator.js";
+import { Sheet as u, SheetContent as d, SheetDescription as f, SheetHeader as p, SheetTitle as m } from "./sheet.js";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Slot as _ } from "@radix-ui/react-slot";
+import { cva as v } from "class-variance-authority";
+import { PanelLeftIcon as y } from "lucide-react";
+import { createContext as b, useCallback as x, useContext as S, useEffect as C, useMemo as w, useState as T } from "react";
+//#region src/elements/sidebar.tsx
+var E = "sidebar_state", D = 3600 * 24 * 7, O = "16rem", k = "18rem", A = "3rem", j = "b", M = b(null);
+function N() {
+	let e = S(M);
+	if (!e) throw Error("useSidebar must be used within a SidebarProvider.");
+	return e;
 }
-function SidebarProvider({ defaultOpen: F = !0, open: I, onOpenChange: R, className: z, style: B, children: V, ...U }) {
-	let W = useIsMobile(), [G, K] = useState(!1), [q, J] = useState(F), Y = I ?? q, X = useCallback((t) => {
-		let F = typeof t == "function" ? t(Y) : t;
-		R ? R(F) : J(F), document.cookie = `${SIDEBAR_COOKIE_NAME}=${F}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
-	}, [R, Y]), Z = useCallback(() => W ? K((t) => !t) : X((t) => !t), [
-		W,
-		X,
-		K
+function P({ defaultOpen: t = !0, open: n, onOpenChange: i, className: a, style: o, children: s, ...l }) {
+	let u = c(), [d, f] = T(!1), [p, m] = T(t), g = n ?? p, _ = x((e) => {
+		let t = typeof e == "function" ? e(g) : e;
+		i ? i(t) : m(t), document.cookie = `${E}=${t}; path=/; max-age=${D}`;
+	}, [i, g]), v = x(() => u ? f((e) => !e) : _((e) => !e), [
+		u,
+		_,
+		f
 	]);
-	useEffect(() => {
-		let t = (t) => {
-			t.key === SIDEBAR_KEYBOARD_SHORTCUT && (t.metaKey || t.ctrlKey) && (t.preventDefault(), Z());
+	C(() => {
+		let e = (e) => {
+			e.key === j && (e.metaKey || e.ctrlKey) && (e.preventDefault(), v());
 		};
-		return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
-	}, [Z]);
-	let Q = Y ? "expanded" : "collapsed", $ = useMemo(() => ({
-		state: Q,
-		open: Y,
-		setOpen: X,
-		isMobile: W,
-		openMobile: G,
-		setOpenMobile: K,
-		toggleSidebar: Z
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [v]);
+	let y = g ? "expanded" : "collapsed", b = w(() => ({
+		state: y,
+		open: g,
+		setOpen: _,
+		isMobile: u,
+		openMobile: d,
+		setOpenMobile: f,
+		toggleSidebar: v
 	}), [
-		Q,
-		Y,
-		X,
-		W,
-		G,
-		K,
-		Z
+		y,
+		g,
+		_,
+		u,
+		d,
+		f,
+		v
 	]);
-	return /* @__PURE__ */ jsx(SidebarContext.Provider, {
-		value: $,
-		children: /* @__PURE__ */ jsx(TooltipProvider, {
+	return /* @__PURE__ */ h(M.Provider, {
+		value: b,
+		children: /* @__PURE__ */ h(r, {
 			delayDuration: 0,
-			children: /* @__PURE__ */ jsx("div", {
+			children: /* @__PURE__ */ h("div", {
 				"data-slot": "sidebar-wrapper",
 				style: {
-					"--sidebar-width": SIDEBAR_WIDTH,
-					"--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
-					...B
+					"--sidebar-width": O,
+					"--sidebar-width-icon": A,
+					...o
 				},
-				className: cn("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", z),
-				...U,
-				children: V
+				className: e("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", a),
+				...l,
+				children: s
 			})
 		})
 	});
 }
-function Sidebar({ side: F = "left", variant: I = "sidebar", collapsible: L = "offcanvas", className: R, children: z, ...B }) {
-	let { isMobile: V, state: H, openMobile: U, setOpenMobile: X } = useSidebar();
-	return L === "none" ? /* @__PURE__ */ jsx("div", {
+function F({ side: t = "left", variant: n = "sidebar", collapsible: r = "offcanvas", className: i, children: a, ...o }) {
+	let { isMobile: s, state: c, openMobile: l, setOpenMobile: _ } = N();
+	return r === "none" ? /* @__PURE__ */ h("div", {
 		"data-slot": "sidebar",
-		className: cn("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", R),
-		...B,
-		children: z
-	}) : V ? /* @__PURE__ */ jsx(Sheet, {
-		open: U,
-		onOpenChange: X,
-		...B,
-		children: /* @__PURE__ */ jsxs(SheetContent, {
+		className: e("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", i),
+		...o,
+		children: a
+	}) : s ? /* @__PURE__ */ h(u, {
+		open: l,
+		onOpenChange: _,
+		...o,
+		children: /* @__PURE__ */ g(d, {
 			"data-sidebar": "sidebar",
 			"data-slot": "sidebar",
 			"data-mobile": "true",
 			className: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
-			style: { "--sidebar-width": SIDEBAR_WIDTH_MOBILE },
-			side: F,
-			children: [/* @__PURE__ */ jsxs(SheetHeader, {
+			style: { "--sidebar-width": k },
+			side: t,
+			children: [/* @__PURE__ */ g(p, {
 				className: "sr-only",
-				children: [/* @__PURE__ */ jsx(SheetTitle, { children: "Sidebar" }), /* @__PURE__ */ jsx(SheetDescription, { children: "Displays the mobile sidebar." })]
-			}), /* @__PURE__ */ jsx("div", {
+				children: [/* @__PURE__ */ h(m, { children: "Sidebar" }), /* @__PURE__ */ h(f, { children: "Displays the mobile sidebar." })]
+			}), /* @__PURE__ */ h("div", {
 				className: "flex h-full w-full flex-col",
-				children: z
+				children: a
 			})]
 		})
-	}) : /* @__PURE__ */ jsxs("div", {
+	}) : /* @__PURE__ */ g("div", {
 		className: "group peer text-sidebar-foreground hidden md:block",
-		"data-state": H,
-		"data-collapsible": H === "collapsed" ? L : "",
-		"data-variant": I,
-		"data-side": F,
+		"data-state": c,
+		"data-collapsible": c === "collapsed" ? r : "",
+		"data-variant": n,
+		"data-side": t,
 		"data-slot": "sidebar",
-		children: [/* @__PURE__ */ jsx("div", {
+		children: [/* @__PURE__ */ h("div", {
 			"data-slot": "sidebar-gap",
-			className: cn("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", I === "floating" || I === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)")
-		}), /* @__PURE__ */ jsx("div", {
+			className: e("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", n === "floating" || n === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)")
+		}), /* @__PURE__ */ h("div", {
 			"data-slot": "sidebar-container",
-			className: cn("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex", F === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", I === "floating" || I === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", R),
-			...B,
-			children: /* @__PURE__ */ jsx("div", {
+			className: e("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex", t === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", n === "floating" || n === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", i),
+			...o,
+			children: /* @__PURE__ */ h("div", {
 				"data-sidebar": "sidebar",
 				"data-slot": "sidebar-inner",
 				className: "bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm",
-				children: z
+				children: a
 			})
 		})]
 	});
 }
-function SidebarTrigger({ className: F, onClick: I, ...L }) {
-	let { toggleSidebar: R } = useSidebar();
-	return /* @__PURE__ */ jsxs(Button, {
+function I({ className: t, onClick: n, ...r }) {
+	let { toggleSidebar: i } = N();
+	return /* @__PURE__ */ g(o, {
 		"data-sidebar": "trigger",
 		"data-slot": "sidebar-trigger",
 		variant: "ghost",
 		size: "icon",
-		className: cn("size-7", F),
-		onClick: (t) => {
-			I?.(t), R();
+		className: e("size-7", t),
+		onClick: (e) => {
+			n?.(e), i();
 		},
-		...L,
-		children: [/* @__PURE__ */ jsx(PanelLeftIcon, {}), /* @__PURE__ */ jsx("span", {
+		...r,
+		children: [/* @__PURE__ */ h(y, {}), /* @__PURE__ */ h("span", {
 			className: "sr-only",
 			children: "Toggle Sidebar"
 		})]
 	});
 }
-function SidebarRail({ className: F, ...I }) {
-	let { toggleSidebar: L } = useSidebar();
-	return /* @__PURE__ */ jsx("button", {
+function L({ className: t, ...n }) {
+	let { toggleSidebar: r } = N();
+	return /* @__PURE__ */ h("button", {
 		type: "button",
 		"data-sidebar": "rail",
 		"data-slot": "sidebar-rail",
 		"aria-label": "Toggle Sidebar",
 		tabIndex: -1,
-		onClick: L,
+		onClick: r,
 		title: "Toggle Sidebar",
-		className: cn("hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex", "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", F),
-		...I
+		className: e("hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex", "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", t),
+		...n
 	});
 }
-function SidebarInset({ className: F, ...I }) {
-	return /* @__PURE__ */ jsx("main", {
+function R({ className: t, ...n }) {
+	return /* @__PURE__ */ h("main", {
 		"data-slot": "sidebar-inset",
-		className: cn("bg-background relative flex w-full flex-1 flex-col", "md:peer-data-[variant=inset]:m-2 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-2", F),
-		...I
+		className: e("bg-background relative flex w-full flex-1 flex-col", "md:peer-data-[variant=inset]:m-2 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-2", t),
+		...n
 	});
 }
-function SidebarInput({ className: F, ...I }) {
-	return /* @__PURE__ */ jsx(Input, {
+function z({ className: t, ...n }) {
+	return /* @__PURE__ */ h(s, {
 		"data-slot": "sidebar-input",
 		"data-sidebar": "input",
-		className: cn("bg-background h-8 w-full shadow-none", F),
-		...I
+		className: e("bg-background h-8 w-full shadow-none", t),
+		...n
 	});
 }
-function SidebarHeader({ className: F, ...I }) {
-	return /* @__PURE__ */ jsx("div", {
+function B({ className: t, ...n }) {
+	return /* @__PURE__ */ h("div", {
 		"data-slot": "sidebar-header",
 		"data-sidebar": "header",
-		className: cn("flex flex-col gap-2 p-2", F),
-		...I
+		className: e("flex flex-col gap-2 p-2", t),
+		...n
 	});
 }
-function SidebarFooter({ className: F, ...I }) {
-	return /* @__PURE__ */ jsx("div", {
+function V({ className: t, ...n }) {
+	return /* @__PURE__ */ h("div", {
 		"data-slot": "sidebar-footer",
 		"data-sidebar": "footer",
-		className: cn("flex flex-col gap-2 p-2", F),
-		...I
+		className: e("flex flex-col gap-2 p-2", t),
+		...n
 	});
 }
-function SidebarSeparator({ className: F, ...I }) {
-	return /* @__PURE__ */ jsx(Separator, {
+function H({ className: t, ...n }) {
+	return /* @__PURE__ */ h(l, {
 		"data-slot": "sidebar-separator",
 		"data-sidebar": "separator",
-		className: cn("bg-sidebar-border mx-2 w-auto", F),
-		...I
+		className: e("bg-sidebar-border mx-2 w-auto", t),
+		...n
 	});
 }
-function SidebarContent({ className: F, ...I }) {
-	return /* @__PURE__ */ jsx("div", {
+function U({ className: t, ...n }) {
+	return /* @__PURE__ */ h("div", {
 		"data-slot": "sidebar-content",
 		"data-sidebar": "content",
-		className: cn("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", F),
-		...I
+		className: e("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", t),
+		...n
 	});
 }
-function SidebarGroup({ className: F, ...I }) {
-	return /* @__PURE__ */ jsx("div", {
+function W({ className: t, ...n }) {
+	return /* @__PURE__ */ h("div", {
 		"data-slot": "sidebar-group",
 		"data-sidebar": "group",
-		className: cn("relative flex w-full min-w-0 flex-col p-2", F),
-		...I
+		className: e("relative flex w-full min-w-0 flex-col p-2", t),
+		...n
 	});
 }
-function SidebarGroupLabel({ className: F, asChild: I = !1, ...L }) {
-	return /* @__PURE__ */ jsx(I ? Slot : "div", {
+function G({ className: t, asChild: n = !1, ...r }) {
+	return /* @__PURE__ */ h(n ? _ : "div", {
 		"data-slot": "sidebar-group-label",
 		"data-sidebar": "group-label",
-		className: cn("text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", F),
-		...L
+		className: e("text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", t),
+		...r
 	});
 }
-function SidebarGroupAction({ className: F, asChild: I = !1, ...L }) {
-	return /* @__PURE__ */ jsx(I ? Slot : "button", {
+function K({ className: t, asChild: n = !1, ...r }) {
+	return /* @__PURE__ */ h(n ? _ : "button", {
 		"data-slot": "sidebar-group-action",
 		"data-sidebar": "group-action",
-		className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 md:after:hidden", "group-data-[collapsible=icon]:hidden", F),
-		...L
+		className: e("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 md:after:hidden", "group-data-[collapsible=icon]:hidden", t),
+		...r
 	});
 }
-function SidebarGroupContent({ className: F, ...I }) {
-	return /* @__PURE__ */ jsx("div", {
+function q({ className: t, ...n }) {
+	return /* @__PURE__ */ h("div", {
 		"data-slot": "sidebar-group-content",
 		"data-sidebar": "group-content",
-		className: cn("w-full text-sm", F),
-		...I
+		className: e("w-full text-sm", t),
+		...n
 	});
 }
-function SidebarMenu({ className: F, ...I }) {
-	return /* @__PURE__ */ jsx("ul", {
+function J({ className: t, ...n }) {
+	return /* @__PURE__ */ h("ul", {
 		"data-slot": "sidebar-menu",
 		"data-sidebar": "menu",
-		className: cn("flex w-full min-w-0 flex-col gap-1", F),
-		...I
+		className: e("flex w-full min-w-0 flex-col gap-1", t),
+		...n
 	});
 }
-function SidebarMenuItem({ className: F, ...I }) {
-	return /* @__PURE__ */ jsx("li", {
+function Y({ className: t, ...n }) {
+	return /* @__PURE__ */ h("li", {
 		"data-slot": "sidebar-menu-item",
 		"data-sidebar": "menu-item",
-		className: cn("group/menu-item relative", F),
-		...I
+		className: e("group/menu-item relative", t),
+		...n
 	});
 }
-var sidebarMenuButtonVariants = cva("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", {
+var X = v("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", {
 	variants: {
 		variant: {
 			default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
@@ -261,87 +262,88 @@ var sidebarMenuButtonVariants = cva("peer/menu-button flex w-full items-center g
 		size: "default"
 	}
 });
-function SidebarMenuButton({ asChild: L = !1, isActive: z = !1, variant: B = "default", size: V = "default", tooltip: H, className: U, ...W }) {
-	let G = L ? Slot : "button", { isMobile: K, state: q } = useSidebar(), J = /* @__PURE__ */ jsx(G, {
+function Z({ asChild: r = !1, isActive: a = !1, variant: o = "default", size: s = "default", tooltip: c, className: l, ...u }) {
+	let d = r ? _ : "button", { isMobile: f, state: p } = N(), m = /* @__PURE__ */ h(d, {
 		"data-slot": "sidebar-menu-button",
 		"data-sidebar": "menu-button",
-		"data-size": V,
-		"data-active": z,
-		className: cn(sidebarMenuButtonVariants({
-			variant: B,
-			size: V
-		}), U),
-		...W
+		"data-size": s,
+		"data-active": a,
+		className: e(X({
+			variant: o,
+			size: s
+		}), l),
+		...u
 	});
-	return H ? /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+	return c ? /* @__PURE__ */ g(t, { children: [/* @__PURE__ */ h(i, {
 		asChild: !0,
-		children: J
-	}), /* @__PURE__ */ jsx(TooltipContent, {
+		children: m
+	}), /* @__PURE__ */ h(n, {
 		side: "right",
 		align: "center",
-		hidden: q !== "collapsed" || K,
-		...typeof H == "string" ? { children: H } : H
-	})] }) : J;
+		hidden: p !== "collapsed" || f,
+		...typeof c == "string" ? { children: c } : c
+	})] }) : m;
 }
-function SidebarMenuAction({ className: F, asChild: I = !1, showOnHover: L = !1, ...R }) {
-	return /* @__PURE__ */ jsx(I ? Slot : "button", {
+function Q({ className: t, asChild: n = !1, showOnHover: r = !1, ...i }) {
+	return /* @__PURE__ */ h(n ? _ : "button", {
 		"data-slot": "sidebar-menu-action",
 		"data-sidebar": "menu-action",
-		className: cn("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 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 md:after:hidden", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", L && "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0", F),
-		...R
+		className: e("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 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 md:after:hidden", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", r && "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0", t),
+		...i
 	});
 }
-function SidebarMenuBadge({ className: F, ...I }) {
-	return /* @__PURE__ */ jsx("div", {
+function $({ className: t, ...n }) {
+	return /* @__PURE__ */ h("div", {
 		"data-slot": "sidebar-menu-badge",
 		"data-sidebar": "menu-badge",
-		className: cn("text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none", "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", F),
-		...I
+		className: e("text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none", "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", t),
+		...n
 	});
 }
-function SidebarMenuSkeleton({ className: F, showIcon: I = !1, ...L }) {
-	let R = useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
-	return /* @__PURE__ */ jsxs("div", {
+function ee({ className: t, showIcon: n = !1, ...r }) {
+	let i = w(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
+	return /* @__PURE__ */ g("div", {
 		"data-slot": "sidebar-menu-skeleton",
 		"data-sidebar": "menu-skeleton",
-		className: cn("flex h-8 items-center gap-2 rounded-md px-2", F),
-		...L,
-		children: [I && /* @__PURE__ */ jsx(Skeleton, {
+		className: e("flex h-8 items-center gap-2 rounded-md px-2", t),
+		...r,
+		children: [n && /* @__PURE__ */ h(a, {
 			className: "size-4 rounded-md",
 			"data-sidebar": "menu-skeleton-icon"
-		}), /* @__PURE__ */ jsx(Skeleton, {
+		}), /* @__PURE__ */ h(a, {
 			className: "h-4 max-w-(--skeleton-width) flex-1",
 			"data-sidebar": "menu-skeleton-text",
-			style: { "--skeleton-width": R }
+			style: { "--skeleton-width": i }
 		})]
 	});
 }
-function SidebarMenuSub({ className: F, ...I }) {
-	return /* @__PURE__ */ jsx("ul", {
+function te({ className: t, ...n }) {
+	return /* @__PURE__ */ h("ul", {
 		"data-slot": "sidebar-menu-sub",
 		"data-sidebar": "menu-sub",
-		className: cn("border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5", "group-data-[collapsible=icon]:hidden", F),
-		...I
+		className: e("border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5", "group-data-[collapsible=icon]:hidden", t),
+		...n
 	});
 }
-function SidebarMenuSubItem({ className: F, ...I }) {
-	return /* @__PURE__ */ jsx("li", {
+function ne({ className: t, ...n }) {
+	return /* @__PURE__ */ h("li", {
 		"data-slot": "sidebar-menu-sub-item",
 		"data-sidebar": "menu-sub-item",
-		className: cn("group/menu-sub-item relative", F),
-		...I
+		className: e("group/menu-sub-item relative", t),
+		...n
 	});
 }
-function SidebarMenuSubButton({ asChild: F = !1, size: I = "md", isActive: L = !1, className: R, ...z }) {
-	return /* @__PURE__ */ jsx(F ? Slot : "a", {
+function re({ asChild: t = !1, size: n = "md", isActive: r = !1, className: i, ...a }) {
+	return /* @__PURE__ */ h(t ? _ : "a", {
 		"data-slot": "sidebar-menu-sub-button",
 		"data-sidebar": "menu-sub-button",
-		"data-size": I,
-		"data-active": L,
-		className: cn("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 flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 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", "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground", I === "sm" && "text-xs", I === "md" && "text-sm", "group-data-[collapsible=icon]:hidden", R),
-		...z
+		"data-size": n,
+		"data-active": r,
+		className: e("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 flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 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", "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground", n === "sm" && "text-xs", n === "md" && "text-sm", "group-data-[collapsible=icon]:hidden", i),
+		...a
 	});
 }
-export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };
+//#endregion
+export { F as Sidebar, U as SidebarContent, V as SidebarFooter, W as SidebarGroup, K as SidebarGroupAction, q as SidebarGroupContent, G as SidebarGroupLabel, B as SidebarHeader, z as SidebarInput, R as SidebarInset, J as SidebarMenu, Q as SidebarMenuAction, $ as SidebarMenuBadge, Z as SidebarMenuButton, Y as SidebarMenuItem, ee as SidebarMenuSkeleton, te as SidebarMenuSub, re as SidebarMenuSubButton, ne as SidebarMenuSubItem, P as SidebarProvider, L as SidebarRail, H as SidebarSeparator, I as SidebarTrigger, N as useSidebar };
 
 //# sourceMappingURL=sidebar.js.map