@inspirare/design-system 0.0.18 → 0.0.20

package/dist/src/components/ui/popover.js

@@ -0,0 +1,36 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Anchor2 as t, Content2 as n, Portal as r, Root2 as i, Trigger as a } from "../../../node_modules/.pnpm/@radix-ui_react-popover@1.1_0f96f9f03b66af70568af721c965c5cd/node_modules/@radix-ui/react-popover/dist/index.js";
+import "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/ui/popover.tsx
+function s({ ...e }) {
+	return /* @__PURE__ */ o(i, {
+		"data-slot": "popover",
+		...e
+	});
+}
+function c({ className: t, ...n }) {
+	return /* @__PURE__ */ o(a, {
+		"data-slot": "popover-trigger",
+		className: e("cursor-pointer", t),
+		...n
+	});
+}
+function l({ className: t, align: i = "center", sideOffset: a = 4, ...s }) {
+	return /* @__PURE__ */ o(r, { children: /* @__PURE__ */ o(n, {
+		"data-slot": "popover-content",
+		align: i,
+		sideOffset: a,
+		className: e("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", t),
+		...s
+	}) });
+}
+function u({ ...e }) {
+	return /* @__PURE__ */ o(t, {
+		"data-slot": "popover-anchor",
+		...e
+	});
+}
+//#endregion
+export { s as Popover, u as PopoverAnchor, l as PopoverContent, c as PopoverTrigger };

package/dist/src/components/ui/progress.js

@@ -0,0 +1,20 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Indicator as t, Root as n } from "../../../node_modules/.pnpm/@radix-ui_react-progress@1._4cd7f31ebaa5416f0f0f54265ec22793/node_modules/@radix-ui/react-progress/dist/index.js";
+import "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/ui/progress.tsx
+function i({ className: i, value: a, ...o }) {
+	return /* @__PURE__ */ r(n, {
+		"data-slot": "progress",
+		className: e("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", i),
+		...o,
+		children: /* @__PURE__ */ r(t, {
+			"data-slot": "progress-indicator",
+			className: "bg-primary h-full w-full flex-1 transition-all",
+			style: { transform: `translateX(-${100 - (a || 0)}%)` }
+		})
+	});
+}
+//#endregion
+export { i as Progress };

package/dist/src/components/ui/radio-group.js

@@ -0,0 +1,27 @@
+import { cn as e } from "../../lib/utils.js";
+import { RadioGroup as t, RadioGroupIndicator as n, RadioGroupItem as r } from "../../../node_modules/.pnpm/@radix-ui_react-radio-group_385226f717d657e4aea3688d6214f1c0/node_modules/@radix-ui/react-radio-group/dist/index.js";
+import "react";
+import { jsx as i } from "react/jsx-runtime";
+import { CircleIcon as a } from "lucide-react";
+//#region src/components/ui/radio-group.tsx
+function o({ className: n, ...r }) {
+	return /* @__PURE__ */ i(t, {
+		"data-slot": "radio-group",
+		className: e("grid gap-3", n),
+		...r
+	});
+}
+function s({ className: t, ...o }) {
+	return /* @__PURE__ */ i(r, {
+		"data-slot": "radio-group-item",
+		className: e("aspect-square size-4 shrink-0 rounded-full border border-input text-primary shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:ring-destructive/40", t),
+		...o,
+		children: /* @__PURE__ */ i(n, {
+			"data-slot": "radio-group-indicator",
+			className: "relative flex items-center justify-center",
+			children: /* @__PURE__ */ i(a, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-primary" })
+		})
+	});
+}
+//#endregion
+export { o as RadioGroup, s as RadioGroupItem };

package/dist/src/components/ui/resizable.js

@@ -0,0 +1,19 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { jsx as t } from "react/jsx-runtime";
+import { GripVertical as n } from "lucide-react";
+import * as r from "react-resizable-panels";
+//#region src/components/ui/resizable.tsx
+var i = ({ className: n, ...i }) => /* @__PURE__ */ t(r.Group, {
+	className: e("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", n),
+	...i
+}), a = r.Panel, o = ({ children: i, className: a, ...o }) => /* @__PURE__ */ t(r.Separator, {
+	className: e("relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90", a),
+	...o,
+	children: i ?? /* @__PURE__ */ t("div", {
+		className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border",
+		children: /* @__PURE__ */ t(n, { className: "h-2.5 w-2.5" })
+	})
+});
+//#endregion
+export { o as ResizableHandle, a as ResizablePanel, i as ResizablePanelGroup };

package/dist/src/components/ui/scroll-area.js

@@ -0,0 +1,18 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/ui/scroll-area.tsx
+var r = t.memo(function({ className: t, children: r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "scroll-area",
+		className: e("relative overflow-auto", t),
+		children: /* @__PURE__ */ n("div", {
+			"data-slot": "scroll-area-viewport",
+			className: "size-full rounded-[inherit]",
+			children: r
+		})
+	});
+}), i = () => null;
+//#endregion
+export { r as ScrollArea, i as ScrollBar };

package/dist/src/components/ui/select.js

@@ -0,0 +1,96 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Select as t, SelectContent as n, SelectGroup as r, SelectIcon as i, SelectItem as a, SelectItemIndicator as o, SelectItemText as s, SelectLabel as c, SelectPortal as l, SelectScrollDownButton as u, SelectScrollUpButton as d, SelectSeparator as f, SelectTrigger as p, SelectValue as m, SelectViewport as h } from "../../../node_modules/.pnpm/@radix-ui_react-select@2.3._b9232b5aa23e604443839e7a081b7527/node_modules/@radix-ui/react-select/dist/index.js";
+import "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { CheckIcon as v, ChevronDownIcon as y, ChevronUpIcon as b } from "lucide-react";
+//#region src/components/ui/select.tsx
+function x({ ...e }) {
+	return /* @__PURE__ */ g(t, {
+		"data-slot": "select",
+		...e
+	});
+}
+function S({ ...e }) {
+	return /* @__PURE__ */ g(r, {
+		"data-slot": "select-group",
+		...e
+	});
+}
+function C({ ...e }) {
+	return /* @__PURE__ */ g(m, {
+		"data-slot": "select-value",
+		...e
+	});
+}
+function w({ className: t, size: n = "default", children: r, ...a }) {
+	return /* @__PURE__ */ _(p, {
+		"data-slot": "select-trigger",
+		"data-size": n,
+		className: e("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit cursor-pointer items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+		...a,
+		children: [r, /* @__PURE__ */ g(i, {
+			asChild: !0,
+			children: /* @__PURE__ */ g(y, { className: "size-4 opacity-50" })
+		})]
+	});
+}
+function T({ className: t, children: r, position: i = "popper", ...a }) {
+	return /* @__PURE__ */ g(l, { children: /* @__PURE__ */ _(n, {
+		"data-slot": "select-content",
+		className: e("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", i === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", t),
+		position: i,
+		...a,
+		children: [
+			/* @__PURE__ */ g(k, {}),
+			/* @__PURE__ */ g(h, {
+				className: e("p-1", i === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
+				children: r
+			}),
+			/* @__PURE__ */ g(A, {})
+		]
+	}) });
+}
+function E({ className: t, ...n }) {
+	return /* @__PURE__ */ g(c, {
+		"data-slot": "select-label",
+		className: e("text-muted-foreground px-2 py-1.5 text-xs", t),
+		...n
+	});
+}
+function D({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ _(a, {
+		"data-slot": "select-item",
+		className: e("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-pointer items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", t),
+		...r,
+		children: [/* @__PURE__ */ g("span", {
+			className: "absolute right-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ g(o, { children: /* @__PURE__ */ g(v, { className: "size-4" }) })
+		}), /* @__PURE__ */ g(s, { children: n })]
+	});
+}
+function O({ className: t, ...n }) {
+	return /* @__PURE__ */ g(f, {
+		"data-slot": "select-separator",
+		className: e("bg-border pointer-events-none -mx-1 my-1 h-px", t),
+		...n
+	});
+}
+function k({ className: t, ...n }) {
+	return /* @__PURE__ */ g(d, {
+		"data-slot": "select-scroll-up-button",
+		className: e("flex cursor-pointer items-center justify-center py-1", t),
+		...n,
+		children: /* @__PURE__ */ g(b, { className: "size-4" })
+	});
+}
+function A({ className: t, ...n }) {
+	return /* @__PURE__ */ g(u, {
+		"data-slot": "select-scroll-down-button",
+		className: e("flex cursor-pointer items-center justify-center py-1", t),
+		...n,
+		children: /* @__PURE__ */ g(y, { className: "size-4" })
+	});
+}
+//#endregion
+export { x as Select, T as SelectContent, S as SelectGroup, D as SelectItem, E as SelectLabel, A as SelectScrollDownButton, k as SelectScrollUpButton, O as SelectSeparator, w as SelectTrigger, C as SelectValue };

package/dist/src/components/ui/separator.js

@@ -0,0 +1,17 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Root as t } from "../../../node_modules/.pnpm/@radix-ui_react-separator@1_f5efb6a4d38fd7cb82808cb6f7a6326a/node_modules/@radix-ui/react-separator/dist/index.js";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/ui/separator.tsx
+function r({ className: r, orientation: i = "horizontal", decorative: a = !0, ...o }) {
+	return /* @__PURE__ */ n(t, {
+		"data-slot": "separator",
+		decorative: a,
+		orientation: i,
+		className: e("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", r),
+		...o
+	});
+}
+//#endregion
+export { r as Separator };

package/dist/src/components/ui/sheet.js

@@ -0,0 +1,84 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Close as t, Content as n, Description as r, Overlay as i, Portal as a, Root as o, Title as s, Trigger as c } from "../../../node_modules/.pnpm/@radix-ui_react-dialog@1.1._ef5419b1d5914b6ed85fc377af02cd8c/node_modules/@radix-ui/react-dialog/dist/index.js";
+import "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { XIcon as d } from "lucide-react";
+//#region src/components/ui/sheet.tsx
+function f({ ...e }) {
+	return /* @__PURE__ */ l(o, {
+		"data-slot": "sheet",
+		...e
+	});
+}
+function p({ className: t, ...n }) {
+	return /* @__PURE__ */ l(c, {
+		"data-slot": "sheet-trigger",
+		className: e("cursor-pointer", t),
+		...n
+	});
+}
+function m({ className: n, ...r }) {
+	return /* @__PURE__ */ l(t, {
+		"data-slot": "sheet-close",
+		className: e("cursor-pointer", n),
+		...r
+	});
+}
+function h({ ...e }) {
+	return /* @__PURE__ */ l(a, {
+		"data-slot": "sheet-portal",
+		...e
+	});
+}
+function g({ className: t, ...n }) {
+	return /* @__PURE__ */ l(i, {
+		"data-slot": "sheet-overlay",
+		className: e("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", t),
+		...n
+	});
+}
+function _({ className: r, children: i, side: a = "right", ...o }) {
+	return /* @__PURE__ */ u(h, { children: [/* @__PURE__ */ l(g, {}), /* @__PURE__ */ u(n, {
+		"data-slot": "sheet-content",
+		className: e("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", a === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", a === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", a === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", a === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", r),
+		...o,
+		children: [i, /* @__PURE__ */ u(t, {
+			className: "ring-offset-background cursor-pointer focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
+			children: [/* @__PURE__ */ l(d, { className: "size-4" }), /* @__PURE__ */ l("span", {
+				className: "sr-only",
+				children: "Close"
+			})]
+		})]
+	})] });
+}
+function v({ className: t, ...n }) {
+	return /* @__PURE__ */ l("div", {
+		"data-slot": "sheet-header",
+		className: e("flex flex-col gap-1.5 p-4", t),
+		...n
+	});
+}
+function y({ className: t, ...n }) {
+	return /* @__PURE__ */ l("div", {
+		"data-slot": "sheet-footer",
+		className: e("mt-auto flex flex-col gap-2 p-4", t),
+		...n
+	});
+}
+function b({ className: t, ...n }) {
+	return /* @__PURE__ */ l(s, {
+		"data-slot": "sheet-title",
+		className: e("text-foreground font-semibold", t),
+		...n
+	});
+}
+function x({ className: t, ...n }) {
+	return /* @__PURE__ */ l(r, {
+		"data-slot": "sheet-description",
+		className: e("text-muted-foreground text-sm", t),
+		...n
+	});
+}
+//#endregion
+export { f as Sheet, m as SheetClose, _ as SheetContent, x as SheetDescription, y as SheetFooter, v as SheetHeader, b as SheetTitle, p as SheetTrigger };

package/dist/src/components/ui/sidebar.js

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