@matta-trade/ui 0.0.0-stage → 0.2.2

package/dist/sidebar/index.js

@@ -0,0 +1,595 @@
+import { t as e } from "../chunks/utils-CX-Pz5p6.js";
+import { n as t } from "../chunks/button-DcaKfSRM.js";
+import { t as n } from "../chunks/separator-DAL7ppX1.js";
+import { t as r } from "../chunks/scroll-area-COtrGbKj.js";
+import { t as i } from "../chunks/input-BgkMak31.js";
+import { i as a, s as o } from "../chunks/sheet-tX6r4wAA.js";
+import { i as s, n as c, r as l, t as u } from "../chunks/tooltip-C80qPEs9.js";
+import { cva as ee } from "class-variance-authority";
+import { computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, defineComponent as v, mergeProps as y, normalizeClass as b, normalizeStyle as x, openBlock as S, ref as te, renderSlot as C, toDisplayString as ne, unref as w, withCtx as T } from "vue";
+import { Primitive as E, createContext as re } from "reka-ui";
+import { useEventListener as ie, useMediaQuery as ae, useVModel as oe } from "@vueuse/core";
+import { PanelLeft as se } from "lucide-vue-next";
+//#region src/sidebar/Sidebar.vue?vue&type=script&setup=true&lang.ts
+var D = { class: "flex h-full w-full flex-col" }, O = [
+	"data-state",
+	"data-collapsible",
+	"data-variant",
+	"data-side"
+], k = /* @__PURE__ */ v({
+	inheritAttrs: !1,
+	__name: "Sidebar",
+	props: {
+		side: { default: "left" },
+		variant: { default: "sidebar" },
+		collapsible: { default: "offcanvas" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t, { isMobile: r, state: i, openMobile: s, setOpenMobile: c } = Z(), l = d(() => i.value === "collapsed" ? n.collapsible === "icon" ? "var(--sidebar-width-icon)" : "0px" : "var(--sidebar-width)");
+		return (u, ee) => t.collapsible === "none" ? (S(), m("div", y({
+			key: 0,
+			class: w(e)("flex h-full w-[var(--sidebar-width)] shrink-0 flex-col border-r border-border-secondary bg-primary text-primary", n.class)
+		}, u.$attrs), [C(u.$slots, "default")], 16)) : w(r) ? (S(), f(w(o), y({
+			key: 1,
+			open: w(s)
+		}, u.$attrs, { "onUpdate:open": w(c) }), {
+			default: T(() => [_(w(a), {
+				"data-sidebar": "sidebar",
+				"data-mobile": "true",
+				side: t.side,
+				class: "p-0 w-[var(--sidebar-width)] border-border-secondary bg-primary text-primary [&>button]:hidden",
+				style: x({ "--sidebar-width": w(Y) })
+			}, {
+				default: T(() => [h("div", D, [C(u.$slots, "default")])]),
+				_: 3
+			}, 8, ["side", "style"])]),
+			_: 3
+		}, 16, ["open", "onUpdate:open"])) : (S(), m("div", {
+			key: 2,
+			class: "group peer md:block hidden shrink-0 text-primary",
+			"data-state": w(i),
+			"data-collapsible": w(i) === "collapsed" ? t.collapsible : "",
+			"data-variant": t.variant,
+			"data-side": t.side
+		}, [h("div", {
+			class: "relative h-svh shrink-0 bg-transparent transition-[width] duration-200 ease-linear",
+			style: x({ width: l.value })
+		}, null, 4), h("div", y({
+			class: w(e)("inset-y-0 md:flex fixed z-10 hidden h-svh transition-[left,right,width] duration-200 ease-linear", t.side === "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)]", t.variant === "floating" || t.variant === "inset" ? "p-2" : "border-border-secondary group-data-[side=left]:border-r group-data-[side=right]:border-l", n.class),
+			style: { width: l.value }
+		}, u.$attrs), [h("div", {
+			"data-sidebar": "sidebar",
+			class: b(w(e)("flex h-full w-full flex-col border-border-secondary bg-primary text-primary", t.variant === "floating" && "rounded-xl border shadow-sm", t.variant === "inset" && "rounded-xl border shadow-sm"))
+		}, [C(u.$slots, "default")], 2)], 16)], 8, O));
+	}
+}), A = {
+	"data-sidebar": "content",
+	class: "min-h-0 flex flex-1 flex-col group-data-[collapsible=icon]:overflow-hidden"
+}, j = /* @__PURE__ */ v({
+	__name: "SidebarContent",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, i) => (S(), m("div", A, [_(w(r), { class: "min-h-0 flex-1" }, {
+			default: T(() => [h("div", { class: b(w(e)("gap-2 p-2 flex flex-col", n.class)) }, [C(t.$slots, "default")], 2)]),
+			_: 3
+		})]));
+	}
+}), M = /* @__PURE__ */ v({
+	__name: "SidebarFooter",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (S(), m("div", {
+			"data-sidebar": "footer",
+			class: b(w(e)("gap-2 p-3 flex flex-col border-t border-border-secondary", n.class))
+		}, [C(t.$slots, "default")], 2));
+	}
+}), N = /* @__PURE__ */ v({
+	__name: "SidebarGroup",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (S(), m("div", {
+			"data-sidebar": "group",
+			class: b(w(e)("min-w-0 p-2 relative flex w-full flex-col", n.class))
+		}, [C(t.$slots, "default")], 2));
+	}
+}), P = /* @__PURE__ */ v({
+	__name: "SidebarGroupAction",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: { default: "button" }
+	},
+	setup(t) {
+		let n = t;
+		return (r, i) => (S(), f(w(E), {
+			"data-sidebar": "group-action",
+			as: t.as,
+			"as-child": t.asChild,
+			class: b(w(e)("right-3 top-3.5 w-5 p-0 [&>svg]:size-4 absolute flex aspect-square cursor-pointer items-center justify-center rounded-md text-tertiary transition-transform outline-none hover:bg-secondary hover:text-primary focus-visible:ring-2 [&>svg]:shrink-0", "group-data-[collapsible=icon]:hidden", n.class))
+		}, {
+			default: T(() => [C(r.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"class"
+		]));
+	}
+}), F = /* @__PURE__ */ v({
+	__name: "SidebarGroupContent",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (S(), m("div", {
+			"data-sidebar": "group-content",
+			class: b(w(e)("w-full text-sm", n.class))
+		}, [C(t.$slots, "default")], 2));
+	}
+}), I = /* @__PURE__ */ v({
+	__name: "SidebarGroupLabel",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: { default: "div" }
+	},
+	setup(t) {
+		let n = t;
+		return (r, i) => (S(), f(w(E), {
+			"data-sidebar": "group-label",
+			as: t.as,
+			"as-child": t.asChild,
+			class: b(w(e)("h-8 px-2 font-semibold tracking-wider [&>svg]:size-4 flex shrink-0 items-center rounded-md text-xs text-tertiary uppercase transition-[margin,opacity] duration-200 ease-linear outline-none focus-visible:ring-2 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", n.class))
+		}, {
+			default: T(() => [C(r.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"class"
+		]));
+	}
+}), L = /* @__PURE__ */ v({
+	__name: "SidebarHeader",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (S(), m("div", {
+			"data-sidebar": "header",
+			class: b(w(e)("gap-2 p-3 flex flex-col border-b border-border-secondary", n.class))
+		}, [C(t.$slots, "default")], 2));
+	}
+}), R = /* @__PURE__ */ v({
+	__name: "SidebarInput",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (S(), f(w(i), {
+			"data-sidebar": "input",
+			class: b(w(e)("h-8 w-full border-border-secondary bg-primary shadow-none focus-visible:ring-2 focus-visible:ring-brand-500", n.class))
+		}, {
+			default: T(() => [C(t.$slots, "default")]),
+			_: 3
+		}, 8, ["class"]));
+	}
+}), z = /* @__PURE__ */ v({
+	__name: "SidebarInset",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (S(), m("main", {
+			"data-sidebar": "inset",
+			class: b(w(e)("min-w-0 relative flex min-h-svh flex-1 flex-col bg-primary", "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 peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))]", n.class))
+		}, [C(t.$slots, "default")], 2));
+	}
+}), B = /* @__PURE__ */ v({
+	__name: "SidebarMenu",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (S(), m("ul", {
+			"data-sidebar": "menu",
+			class: b(w(e)("min-w-0 gap-1 flex w-full flex-col", n.class))
+		}, [C(t.$slots, "default")], 2));
+	}
+}), V = /* @__PURE__ */ v({
+	__name: "SidebarMenuAction",
+	props: {
+		showOnHover: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: { default: "button" }
+	},
+	setup(t) {
+		let n = t;
+		return (r, i) => (S(), f(w(E), {
+			"data-sidebar": "menu-action",
+			as: t.as,
+			"as-child": t.asChild,
+			class: b(w(e)("right-1 top-1.5 w-5 p-0 [&>svg]:size-4 absolute flex aspect-square cursor-pointer items-center justify-center rounded-md text-tertiary transition-transform outline-none hover:bg-secondary hover:text-primary focus-visible:ring-2 [&>svg]:shrink-0", "after:-inset-2 md:after:hidden after:absolute", "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.showOnHover && "md:opacity-0 group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100", n.class))
+		}, {
+			default: T(() => [C(r.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"class"
+		]));
+	}
+}), ce = /* @__PURE__ */ v({
+	__name: "SidebarMenuBadge",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (S(), m("div", {
+			"data-sidebar": "menu-badge",
+			class: b(w(e)("right-2 h-5 min-w-5 px-1 font-medium pointer-events-none absolute flex items-center justify-center rounded-md bg-secondary text-xs text-secondary tabular-nums select-none", "peer-hover/menu-button:text-primary peer-data-[active=true]/menu-button:bg-brand-100 peer-data-[active=true]/menu-button:text-brand-700", "peer-data-[size=sm]/menu-button:top-1.5", "peer-data-[size=default]/menu-button:top-2", "peer-data-[size=lg]/menu-button:top-3.5", "group-data-[collapsible=icon]:hidden", n.class))
+		}, [C(t.$slots, "default")], 2));
+	}
+}), H = /* @__PURE__ */ v({
+	inheritAttrs: !1,
+	__name: "SidebarMenuButton",
+	props: {
+		variant: { default: "default" },
+		size: { default: "default" },
+		isActive: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		tooltip: {},
+		asChild: { type: Boolean },
+		as: { default: "button" }
+	},
+	setup(t) {
+		let n = t, { isMobile: r, state: i } = Z();
+		return (a, o) => t.tooltip ? (S(), f(w(c), { key: 1 }, {
+			default: T(() => [_(w(s), null, {
+				default: T(() => [_(w(u), { "as-child": "" }, {
+					default: T(() => [_(w(E), y({
+						"data-sidebar": "menu-button",
+						"data-size": t.size,
+						"data-active": t.isActive,
+						class: w(e)(w($)({
+							variant: t.variant,
+							size: t.size
+						}), n.class),
+						as: t.as,
+						"as-child": t.asChild
+					}, a.$attrs), {
+						default: T(() => [C(a.$slots, "default")]),
+						_: 3
+					}, 16, [
+						"data-size",
+						"data-active",
+						"class",
+						"as",
+						"as-child"
+					])]),
+					_: 3
+				}), w(i) === "collapsed" && !w(r) ? (S(), f(w(l), {
+					key: 0,
+					side: "right",
+					align: "center"
+				}, {
+					default: T(() => [g(ne(t.tooltip), 1)]),
+					_: 1
+				})) : p("", !0)]),
+				_: 3
+			})]),
+			_: 3
+		})) : (S(), f(w(E), y({
+			key: 0,
+			"data-sidebar": "menu-button",
+			"data-size": t.size,
+			"data-active": t.isActive,
+			class: w(e)(w($)({
+				variant: t.variant,
+				size: t.size
+			}), n.class),
+			as: t.as,
+			"as-child": t.asChild
+		}, a.$attrs), {
+			default: T(() => [C(a.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"data-size",
+			"data-active",
+			"class",
+			"as",
+			"as-child"
+		]));
+	}
+}), U = /* @__PURE__ */ v({
+	__name: "SidebarMenuItem",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (S(), m("li", {
+			"data-sidebar": "menu-item",
+			class: b(w(e)("group/menu-item relative list-none", n.class))
+		}, [C(t.$slots, "default")], 2));
+	}
+}), W = /* @__PURE__ */ v({
+	__name: "SidebarMenuSub",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (S(), m("ul", {
+			"data-sidebar": "menu-sub",
+			class: b(w(e)("mx-3.5 min-w-0 gap-1 px-2.5 py-0.5 flex translate-x-px flex-col border-l border-border-secondary", "group-data-[collapsible=icon]:hidden", n.class))
+		}, [C(t.$slots, "default")], 2));
+	}
+}), G = /* @__PURE__ */ v({
+	__name: "SidebarMenuSubButton",
+	props: {
+		size: { default: "md" },
+		isActive: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: { default: "a" }
+	},
+	setup(t) {
+		let n = t;
+		return (r, i) => (S(), f(w(E), {
+			"data-sidebar": "menu-sub-button",
+			as: t.as,
+			"as-child": t.asChild,
+			"data-size": t.size,
+			"data-active": t.isActive,
+			class: b(w(e)("h-7 min-w-0 gap-2 px-2 [&>svg]:size-4 flex -translate-x-px cursor-pointer items-center overflow-hidden rounded-md text-secondary ring-sidebar-ring outline-none hover:bg-secondary hover:text-primary focus-visible:ring-2 active:bg-secondary active:text-primary disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:shrink-0", "data-[active=true]:font-medium data-[active=true]:bg-brand-50 data-[active=true]:text-brand-700", t.size === "sm" && "text-xs", t.size === "md" && "text-sm", "group-data-[collapsible=icon]:hidden", n.class))
+		}, {
+			default: T(() => [C(r.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"data-size",
+			"data-active",
+			"class"
+		]));
+	}
+}), le = /* @__PURE__ */ v({
+	__name: "SidebarMenuSubItem",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (S(), m("li", { class: b(w(e)("list-none", n.class)) }, [C(t.$slots, "default")], 2));
+	}
+}), ue = /* @__PURE__ */ v({
+	__name: "SidebarProvider",
+	props: {
+		defaultOpen: {
+			type: Boolean,
+			default: !0
+		},
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["update:open"],
+	setup(t, { emit: n }) {
+		let r = t, i = n, a = ae("(max-width: 768px)"), o = te(!1), s = oe(r, "open", i, {
+			defaultValue: r.defaultOpen,
+			passive: r.open === void 0
+		});
+		function c(e) {
+			s.value = e, document.cookie = `${K}=${e}; path=/; max-age=${q}`;
+		}
+		function l(e) {
+			o.value = e;
+		}
+		function u() {
+			return a.value ? l(!o.value) : c(!s.value);
+		}
+		return ie("keydown", (e) => {
+			e.key === "b" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), u());
+		}), Q({
+			state: d(() => s.value ? "expanded" : "collapsed"),
+			open: s,
+			setOpen: c,
+			isMobile: a,
+			openMobile: o,
+			setOpenMobile: l,
+			toggleSidebar: u
+		}), (t, n) => (S(), m("div", {
+			style: x({
+				"--sidebar-width": w(J),
+				"--sidebar-width-icon": w(X)
+			}),
+			class: b(w(e)("group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar", r.class))
+		}, [C(t.$slots, "default")], 6));
+	}
+}), de = /* @__PURE__ */ v({
+	__name: "SidebarRail",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t, { toggleSidebar: r } = Z();
+		return (t, i) => (S(), m("button", {
+			"data-sidebar": "rail",
+			"aria-label": "Toggle Sidebar",
+			tabindex: -1,
+			title: "Toggle Sidebar",
+			class: b(w(e)("inset-y-0 w-4 after:inset-y-0 group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex absolute z-20 hidden -translate-x-1/2 cursor-pointer transition-all ease-linear after:absolute after:left-1/2 after:w-[2px] hover:after:bg-border-secondary", "[[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", n.class)),
+			onClick: i[0] ||= (...e) => w(r) && w(r)(...e)
+		}, null, 2));
+	}
+}), fe = /* @__PURE__ */ v({
+	__name: "SidebarSeparator",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let r = t;
+		return (t, i) => (S(), f(w(n), {
+			"data-sidebar": "separator",
+			class: b(w(e)("mx-2 w-auto bg-border-secondary", r.class))
+		}, null, 8, ["class"]));
+	}
+}), pe = /* @__PURE__ */ v({
+	__name: "SidebarTrigger",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(n) {
+		let r = n, { toggleSidebar: i } = Z();
+		return (n, a) => (S(), f(w(t), {
+			"data-sidebar": "trigger",
+			variant: "ghost",
+			size: "icon-sm",
+			class: b(w(e)("h-8 w-8 cursor-pointer text-secondary hover:bg-secondary hover:text-primary", r.class)),
+			onClick: w(i)
+		}, {
+			default: T(() => [_(w(se), { class: "h-4 w-4" }), a[0] ||= h("span", { class: "sr-only" }, "Toggle Sidebar", -1)]),
+			_: 1
+		}, 8, ["class", "onClick"]));
+	}
+}), K = "sidebar_state", q = 604800, J = "16rem", Y = "18rem", X = "4.5rem", me = "b", [Z, Q] = re("Sidebar"), $ = ee("peer/menu-button gap-2 p-2 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 data-[active=true]:font-medium group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 group-data-[collapsible=icon]:gap-0 [&>svg]:size-4 flex w-full cursor-pointer items-center overflow-hidden rounded-lg text-left text-sm ring-sidebar-ring transition-[width,height,padding] outline-none select-none group-data-[collapsible=icon]:mx-auto group-data-[collapsible=icon]:justify-center 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 data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground [&>span:last-child]:truncate group-data-[collapsible=icon]:[&>span:last-child]:hidden [&>svg]:shrink-0", {
+	variants: {
+		variant: {
+			default: "hover:bg-secondary hover:text-primary data-[active=true]:bg-brand-50 data-[active=true]:text-brand-700 data-[active=true]:dark:bg-brand-950/50 data-[active=true]:dark:text-brand-300",
+			outline: "border border-border-secondary bg-primary shadow-xs hover:bg-secondary hover:text-primary data-[active=true]:border-brand-500 data-[active=true]:text-brand-700"
+		},
+		size: {
+			default: "h-9 text-sm",
+			sm: "h-8 text-xs",
+			lg: "h-12 group-data-[collapsible=icon]:!size-8 text-sm"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+//#endregion
+export { q as SIDEBAR_COOKIE_MAX_AGE, K as SIDEBAR_COOKIE_NAME, me as SIDEBAR_KEYBOARD_SHORTCUT, J as SIDEBAR_WIDTH, X as SIDEBAR_WIDTH_ICON, Y as SIDEBAR_WIDTH_MOBILE, k as Sidebar, j as SidebarContent, M as SidebarFooter, N as SidebarGroup, P as SidebarGroupAction, F as SidebarGroupContent, I as SidebarGroupLabel, L as SidebarHeader, R as SidebarInput, z as SidebarInset, B as SidebarMenu, V as SidebarMenuAction, ce as SidebarMenuBadge, H as SidebarMenuButton, U as SidebarMenuItem, W as SidebarMenuSub, G as SidebarMenuSubButton, le as SidebarMenuSubItem, ue as SidebarProvider, de as SidebarRail, fe as SidebarSeparator, pe as SidebarTrigger, Q as provideSidebarContext, $ as sidebarMenuButtonVariants, Z as useSidebar };

package/dist/sonner/Sonner.vue.d.ts

@@ -0,0 +1,4 @@
+import { ToasterProps } from 'vue-sonner';
+declare const __VLS_export: import('vue').DefineComponent<ToasterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ToasterProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/sonner/index.d.ts

@@ -0,0 +1 @@
+export { default as Toaster } from './Sonner.vue';

package/dist/sonner/index.js

@@ -0,0 +1,59 @@
+import { createBlock as e, createElementVNode as t, createVNode as n, defineComponent as r, mergeProps as i, openBlock as a, unref as o, withCtx as s } from "vue";
+import { reactiveOmit as c } from "@vueuse/core";
+import { CircleCheckIcon as l, InfoIcon as u, Loader2Icon as d, OctagonXIcon as f, TriangleAlertIcon as p, XIcon as m } from "lucide-vue-next";
+import { Toaster as h } from "vue-sonner";
+import "vue-sonner/style.css";
+//#endregion
+//#region src/sonner/Sonner.vue
+var g = /* @__PURE__ */ r({
+	__name: "Sonner",
+	props: {
+		id: {},
+		invert: { type: Boolean },
+		theme: {},
+		position: {},
+		closeButtonPosition: {},
+		hotkey: {},
+		richColors: { type: Boolean },
+		expand: { type: Boolean },
+		duration: {},
+		gap: {},
+		visibleToasts: {},
+		closeButton: { type: Boolean },
+		toastOptions: {},
+		class: {},
+		style: {},
+		offset: {},
+		mobileOffset: {},
+		dir: {},
+		swipeDirections: {},
+		icons: {},
+		containerAriaLabel: {}
+	},
+	setup(r) {
+		let g = c(r, "toastOptions");
+		return (r, c) => (a(), e(o(h), i({
+			class: "toaster group",
+			"toast-options": { classes: {
+				toast: "group toast group-[.toaster]:bg-white dark:group-[.toaster]:bg-gray-900 group-[.toaster]:text-gray-900 dark:group-[.toaster]:text-white group-[.toaster]:border-gray-200 dark:group-[.toaster]:border-gray-800 group-[.toaster]:shadow-xl group-[.toaster]:rounded-xl group-[.toaster]:p-4 group-[.toaster]:border",
+				description: "group-[.toast]:text-gray-500 dark:group-[.toast]:text-gray-400 group-[.toast]:text-xs",
+				actionButton: "group-[.toast]:bg-brand-600 group-[.toast]:text-white group-[.toast]:rounded-lg group-[.toast]:px-3 group-[.toast]:py-1.5 group-[.toast]:text-xs group-[.toast]:font-medium hover:group-[.toast]:bg-brand-700",
+				cancelButton: "group-[.toast]:bg-gray-100 dark:group-[.toast]:bg-gray-800 group-[.toast]:text-gray-700 dark:group-[.toast]:text-gray-200 group-[.toast]:rounded-lg group-[.toast]:px-3 group-[.toast]:py-1.5 group-[.toast]:text-xs",
+				success: "group-[.toaster]:!bg-utility-green-50 dark:group-[.toaster]:!bg-utility-green-950 group-[.toaster]:!text-utility-green-700 dark:group-[.toaster]:!text-utility-green-300 group-[.toaster]:!border-utility-green-200 dark:group-[.toaster]:!border-utility-green-800",
+				error: "group-[.toaster]:!bg-utility-red-50 dark:group-[.toaster]:!bg-utility-red-950 group-[.toaster]:!text-utility-red-700 dark:group-[.toaster]:!text-utility-red-300 group-[.toaster]:!border-utility-red-200 dark:group-[.toaster]:!border-utility-red-800",
+				warning: "group-[.toaster]:!bg-utility-orange-50 dark:group-[.toaster]:!bg-utility-orange-950 group-[.toaster]:!text-utility-orange-700 dark:group-[.toaster]:!text-utility-orange-300 group-[.toaster]:!border-utility-orange-200 dark:group-[.toaster]:!border-utility-orange-800",
+				info: "group-[.toaster]:!bg-utility-blue-50 group-[.toaster]:!text-utility-blue-700 group-[.toaster]:!border-utility-blue-200"
+			} }
+		}, o(g)), {
+			"success-icon": s(() => [n(o(l), { class: "size-4 text-emerald-500" })]),
+			"info-icon": s(() => [n(o(u), { class: "size-4 text-blue-500" })]),
+			"warning-icon": s(() => [n(o(p), { class: "size-4 text-amber-500" })]),
+			"error-icon": s(() => [n(o(f), { class: "size-4 text-rose-500" })]),
+			"loading-icon": s(() => [t("div", null, [n(o(d), { class: "size-4 animate-spin text-brand-600" })])]),
+			"close-icon": s(() => [n(o(m), { class: "size-4 text-gray-400 hover:text-gray-600" })]),
+			_: 1
+		}, 16));
+	}
+});
+//#endregion
+export { g as Toaster };

package/dist/stepper/Stepper.vue.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+/**
+ * Horizontal step indicator for multi-step forms. `current` is 0-based; steps
+ * before it show a check and can be clicked to jump back.
+ */
+type __VLS_Props = {
+    steps: readonly string[];
+    current: number;
+    class?: HTMLAttributes["class"];
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    select: (index: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((index: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/stepper/index.d.ts

@@ -0,0 +1 @@
+export { default as Stepper } from './Stepper.vue';