@mkbabb/glass-ui 2.0.0 → 2.1.0

package/dist/glass-ui.js

@@ -47,12 +47,12 @@ import { a as dn, i as fn, n as pn, r as D, t as mn } from "./useBreakpoint-BHlX
 import { n as hn, r as gn, t as _n } from "./useGlassRenderer-DMDdMH55.js";
 import { t as vn } from "./useSortable-Ck0rBJ4g.js";
 import { Fragment as O, computed as k, createBlock as A, createCommentVNode as j, createElementBlock as M, createElementVNode as N, createTextVNode as P, createVNode as F, defineComponent as I, guardReactiveProps as L, mergeProps as R, normalizeClass as z, normalizeProps as B, openBlock as V, ref as yn, renderList as H, renderSlot as U, resolveDynamicComponent as W, toDisplayString as G, toRaw as bn, unref as K, withCtx as q, withModifiers as xn } from "vue";
-import { AccordionContent as Sn, AccordionHeader as Cn, AccordionItem as wn, AccordionRoot as Tn, AccordionTrigger as En, AvatarFallback as Dn, AvatarImage as On, AvatarRoot as kn, CheckboxIndicator as An, CheckboxRoot as jn, NumberFieldDecrement as Mn, NumberFieldIncrement as Nn, NumberFieldInput as Pn, NumberFieldRoot as Fn, RadioGroupIndicator as In, RadioGroupItem as Ln, RadioGroupRoot as Rn, TabsContent as zn, TabsIndicator as Bn, TabsList as Vn, TabsRoot as Hn, TabsTrigger as Un, TagsInputInput as Wn, TagsInputItem as Gn, TagsInputItemDelete as Kn, TagsInputItemText as qn, TagsInputRoot as Jn, useForwardProps as J, useForwardPropsEmits as Y } from "reka-ui";
+import { AccordionContent as Sn, AccordionHeader as Cn, AccordionItem as wn, AccordionRoot as Tn, AccordionTrigger as En, AvatarFallback as Dn, AvatarImage as On, AvatarRoot as kn, CheckboxIndicator as An, CheckboxRoot as jn, NumberFieldDecrement as Mn, NumberFieldIncrement as Nn, NumberFieldInput as Pn, NumberFieldRoot as Fn, RadioGroupIndicator as In, RadioGroupItem as Ln, RadioGroupRoot as Rn, TabsContent as zn, TabsIndicator as Bn, TabsList as Vn, TabsRoot as Hn, TabsTrigger as Un, TagsInputInput as Wn, TagsInputItem as Gn, TagsInputItemDelete as Kn, TagsInputItemText as qn, TagsInputRoot as Jn, useEmitAsProps as Yn, useForwardProps as J, useForwardPropsEmits as Y } from "reka-ui";
 import { cva as X } from "class-variance-authority";
-import { DrawerClose as Yn, DrawerContent as Xn, DrawerDescription as Zn, DrawerOverlay as Qn, DrawerPortal as $n, DrawerPortal as er, DrawerRoot as tr, DrawerTitle as nr, DrawerTrigger as rr } from "vaul-vue";
+import { DrawerClose as Xn, DrawerContent as Zn, DrawerDescription as Qn, DrawerOverlay as $n, DrawerPortal as er, DrawerPortal as tr, DrawerRoot as nr, DrawerTitle as rr, DrawerTrigger as ir } from "vaul-vue";
 //#endregion
 //#region src/components/ui/accordion/Accordion.vue
-var ir = /* @__PURE__ */ I({
+var ar = /* @__PURE__ */ I({
 	__name: "Accordion",
 	props: {
 		collapsible: { type: Boolean },
@@ -74,7 +74,7 @@ var ir = /* @__PURE__ */ I({
 			_: 3
 		}, 16));
 	}
-}), ar = /* @__PURE__ */ I({
+}), or = /* @__PURE__ */ I({
 	__name: "AccordionContent",
 	props: {
 		forceMount: { type: Boolean },
@@ -98,7 +98,7 @@ var ir = /* @__PURE__ */ I({
 			_: 3
 		}, 16));
 	}
-}), or = /* @__PURE__ */ I({
+}), sr = /* @__PURE__ */ I({
 	__name: "AccordionItem",
 	props: {
 		disabled: { type: Boolean },
@@ -124,16 +124,16 @@ var ir = /* @__PURE__ */ I({
 			_: 3
 		}, 16, ["class"]));
 	}
-}), sr = t("minus", [["path", {
+}), cr = t("minus", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
-}]]), cr = t("plus", [["path", {
+}]]), lr = t("plus", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
 }], ["path", {
 	d: "M12 5v14",
 	key: "s699le"
-}]]), lr = /* @__PURE__ */ I({
+}]]), ur = /* @__PURE__ */ I({
 	__name: "AccordionTrigger",
 	props: {
 		asChild: { type: Boolean },
@@ -159,7 +159,7 @@ var ir = /* @__PURE__ */ I({
 			_: 3
 		}));
 	}
-}), ur = /* @__PURE__ */ I({
+}), dr = /* @__PURE__ */ I({
 	__name: "Alert",
 	props: {
 		class: { type: [
@@ -179,7 +179,7 @@ var ir = /* @__PURE__ */ I({
 			role: "alert"
 		}, [U(r.$slots, "default")], 2));
 	}
-}), dr = /* @__PURE__ */ I({
+}), fr = /* @__PURE__ */ I({
 	__name: "AlertDescription",
 	props: { class: { type: [
 		Boolean,
@@ -195,7 +195,7 @@ var ir = /* @__PURE__ */ I({
 			class: z(K(e)("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", n.class))
 		}, [U(t.$slots, "default")], 2));
 	}
-}), fr = /* @__PURE__ */ I({
+}), pr = /* @__PURE__ */ I({
 	__name: "AlertTitle",
 	props: { class: { type: [
 		Boolean,
@@ -217,7 +217,7 @@ var ir = /* @__PURE__ */ I({
 		destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
 	} },
 	defaultVariants: { variant: "default" }
-}), pr = /* @__PURE__ */ I({
+}), mr = /* @__PURE__ */ I({
 	__name: "Avatar",
 	props: {
 		class: { type: [
@@ -240,7 +240,7 @@ var ir = /* @__PURE__ */ I({
 			_: 3
 		}, 8, ["class"]));
 	}
-}), mr = /* @__PURE__ */ I({
+}), hr = /* @__PURE__ */ I({
 	__name: "AvatarImage",
 	props: {
 		src: {},
@@ -253,7 +253,7 @@ var ir = /* @__PURE__ */ I({
 		let t = e;
 		return (e, n) => (V(), A(K(On), R(t, { class: "h-full w-full object-cover" }), null, 16));
 	}
-}), hr = /* @__PURE__ */ I({
+}), gr = /* @__PURE__ */ I({
 	__name: "AvatarFallback",
 	props: {
 		delayMs: {},
@@ -277,7 +277,7 @@ var ir = /* @__PURE__ */ I({
 		circle: "rounded-pill",
 		square: "rounded-input"
 	}
-} }), gr = /* @__PURE__ */ I({
+} }), _r = /* @__PURE__ */ I({
 	__name: "Checkbox",
 	props: {
 		defaultValue: {},
@@ -313,7 +313,7 @@ var ir = /* @__PURE__ */ I({
 			_: 3
 		}, 16, ["class"]));
 	}
-}), _r = /* @__PURE__ */ I({
+}), vr = /* @__PURE__ */ I({
 	__name: "TableCaption",
 	props: { class: { type: [
 		Boolean,
@@ -326,20 +326,23 @@ var ir = /* @__PURE__ */ I({
 		let n = t;
 		return (t, r) => (V(), M("caption", { class: z(K(e)("mt-4 text-sm text-muted-foreground", n.class)) }, [U(t.$slots, "default")], 2));
 	}
-}), vr = /* @__PURE__ */ I({
+}), yr = /* @__PURE__ */ I({
 	__name: "Drawer",
 	props: {
 		activeSnapPoint: {},
 		closeThreshold: {},
 		shouldScaleBackground: {
 			type: Boolean,
-			default: !0
+			default: void 0
 		},
 		setBackgroundColorOnScale: { type: Boolean },
 		scrollLockTimeout: {},
 		fixed: { type: Boolean },
 		dismissible: { type: Boolean },
-		modal: { type: Boolean },
+		modal: {
+			type: Boolean,
+			default: void 0
+		},
 		open: { type: Boolean },
 		defaultOpen: { type: Boolean },
 		nested: { type: Boolean },
@@ -347,8 +350,9 @@ var ir = /* @__PURE__ */ I({
 		noBodyStyles: { type: Boolean },
 		handleOnly: { type: Boolean },
 		preventScrollRestoration: { type: Boolean },
-		snapPoints: {},
-		fadeFromIndex: {}
+		snapPoints: { default: void 0 },
+		fadeFromIndex: {},
+		mode: { default: "modal" }
 	},
 	emits: [
 		"drag",
@@ -359,8 +363,21 @@ var ir = /* @__PURE__ */ I({
 		"animationEnd"
 	],
 	setup(e, { emit: t }) {
-		let n = Y(e, t);
-		return (e, t) => (V(), A(K(tr), B(L(K(n))), {
+		let n = e, r = Yn(t), i = [
+			.12,
+			.5,
+			1
+		], a = k(() => {
+			let { mode: e, ...t } = n, a = e === "live-behind";
+			return {
+				...t,
+				modal: n.modal ?? !a,
+				shouldScaleBackground: n.shouldScaleBackground ?? !a,
+				snapPoints: n.snapPoints ?? (a ? i : void 0),
+				...r
+			};
+		});
+		return (e, t) => (V(), A(K(nr), B(L(a.value)), {
 			default: q(() => [U(e.$slots, "default")]),
 			_: 3
 		}, 16));
@@ -384,9 +401,9 @@ var ir = /* @__PURE__ */ I({
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, i) => (V(), A(K(Qn), R(r.value, { class: K(e)("fixed inset-0 z-overlay bg-overlay-scrim-strong [backdrop-filter:var(--glass-blur-wash)]", n.class) }), null, 16, ["class"]));
+		return (t, i) => (V(), A(K($n), R(r.value, { class: K(e)("fixed inset-0 z-overlay bg-overlay-scrim-strong [backdrop-filter:var(--glass-blur-wash)]", n.class) }), null, 16, ["class"]));
 	}
-}), yr = /* @__PURE__ */ I({
+}), br = /* @__PURE__ */ I({
 	__name: "DrawerContent",
 	props: {
 		forceMount: { type: Boolean },
@@ -399,7 +416,11 @@ var ir = /* @__PURE__ */ I({
 			String,
 			Object,
 			Array
-		] }
+		] },
+		showOverlay: {
+			type: Boolean,
+			default: !0
+		}
 	},
 	emits: [
 		"escapeKeyDown",
@@ -411,15 +432,18 @@ var ir = /* @__PURE__ */ I({
 	],
 	setup(t, { emit: n }) {
 		let r = t, i = Y(r, n);
-		return (t, n) => (V(), A(K(er), null, {
-			default: q(() => [F($), F(K(Xn), R(K(i), { class: K(e)("fixed inset-x-0 bottom-0 z-modal mt-24 flex h-auto flex-col rounded-t-[var(--radius-panel)] border bg-background", r.class) }), {
-				default: q(() => [n[0] ||= N("div", { class: "mx-auto mt-4 h-2 w-[100px] rounded-pill bg-muted" }, null, -1), U(t.$slots, "default")]),
+		return (t, n) => (V(), A(K(tr), null, {
+			default: q(() => [r.showOverlay ? (V(), A($, { key: 0 })) : j("", !0), F(K(Zn), R(K(i), { class: K(e)("glass-drawer", r.class) }), {
+				default: q(() => [n[0] ||= N("div", {
+					class: "glass-drawer-handle",
+					"aria-hidden": "true"
+				}, [N("span", { class: "glass-drawer-grip" })], -1), U(t.$slots, "default")]),
 				_: 3
 			}, 16, ["class"])]),
 			_: 3
 		}));
 	}
-}), br = /* @__PURE__ */ I({
+}), xr = /* @__PURE__ */ I({
 	__name: "DrawerHeader",
 	props: { class: { type: [
 		Boolean,
@@ -432,7 +456,7 @@ var ir = /* @__PURE__ */ I({
 		let n = t;
 		return (t, r) => (V(), M("div", { class: z(K(e)("grid gap-1.5 p-4 text-center sm:text-left", n.class)) }, [U(t.$slots, "default")], 2));
 	}
-}), xr = /* @__PURE__ */ I({
+}), Sr = /* @__PURE__ */ I({
 	__name: "DrawerFooter",
 	props: { class: { type: [
 		Boolean,
@@ -445,7 +469,7 @@ var ir = /* @__PURE__ */ I({
 		let n = t;
 		return (t, r) => (V(), M("div", { class: z(K(e)("mt-auto flex flex-col gap-2 p-4", n.class)) }, [U(t.$slots, "default")], 2));
 	}
-}), Sr = /* @__PURE__ */ I({
+}), Cr = /* @__PURE__ */ I({
 	__name: "DrawerTitle",
 	props: {
 		asChild: { type: Boolean },
@@ -463,12 +487,12 @@ var ir = /* @__PURE__ */ I({
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, i) => (V(), A(K(nr), R(r.value, { class: K(e)("text-subheading leading-none tracking-tight", n.class) }), {
+		return (t, i) => (V(), A(K(rr), R(r.value, { class: K(e)("text-subheading leading-none tracking-tight", n.class) }), {
 			default: q(() => [U(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Cr = /* @__PURE__ */ I({
+}), wr = /* @__PURE__ */ I({
 	__name: "DrawerDescription",
 	props: {
 		asChild: { type: Boolean },
@@ -486,12 +510,12 @@ var ir = /* @__PURE__ */ I({
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, i) => (V(), A(K(Zn), R(r.value, { class: K(e)("text-sm text-muted-foreground", n.class) }), {
+		return (t, i) => (V(), A(K(Qn), R(r.value, { class: K(e)("text-sm text-muted-foreground", n.class) }), {
 			default: q(() => [U(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), wr = /* @__PURE__ */ I({
+}), Tr = /* @__PURE__ */ I({
 	__name: "MetricPill",
 	props: {
 		amount: {},
@@ -537,16 +561,16 @@ var ir = /* @__PURE__ */ I({
 			"data-density"
 		]));
 	}
-}), Tr = { class: "truncate" }, Er = {
+}), Er = { class: "truncate" }, Dr = {
 	key: 0,
 	class: "mr-2"
-}, Dr = {
+}, Or = {
 	key: 0,
 	class: "flex flex-wrap gap-1 mt-2"
-}, Or = {
+}, kr = {
 	key: 0,
 	class: "mr-1"
-}, kr = /* @__PURE__ */ I({
+}, Ar = /* @__PURE__ */ I({
 	__name: "MultiSelect",
 	props: {
 		options: {},
@@ -585,7 +609,7 @@ var ir = /* @__PURE__ */ I({
 					disabled: t.disabled,
 					class: "w-full justify-between text-left font-normal"
 				}, {
-					default: q(() => [N("span", Tr, G(l.value), 1), F(K(r), { class: "ml-2 h-4 w-4 shrink-0 opacity-50" })]),
+					default: q(() => [N("span", Er, G(l.value), 1), F(K(r), { class: "ml-2 h-4 w-4 shrink-0 opacity-50" })]),
 					_: 1
 				}, 8, ["aria-expanded", "disabled"])]),
 				_: 1
@@ -610,7 +634,7 @@ var ir = /* @__PURE__ */ I({
 								}, {
 									default: q(() => [
 										F(K(n), { class: z(K(e)("mr-2 h-4 w-4", t.modelValue.includes(r.value) ? "opacity-100" : "opacity-0")) }, null, 8, ["class"]),
-										u(r.icon) ? (V(), M("span", Er, G(r.icon), 1)) : d(r.icon) ? (V(), A(W(d(r.icon)), {
+										u(r.icon) ? (V(), M("span", Dr, G(r.icon), 1)) : d(r.icon) ? (V(), A(W(d(r.icon)), {
 											key: 1,
 											class: "mr-2 h-4 w-4 shrink-0",
 											"aria-hidden": "true"
@@ -629,13 +653,13 @@ var ir = /* @__PURE__ */ I({
 				_: 1
 			})]),
 			_: 1
-		}, 8, ["open"]), c.value.length > 0 ? (V(), M("div", Dr, [(V(!0), M(O, null, H(c.value, (e) => (V(), A(K(h), {
+		}, 8, ["open"]), c.value.length > 0 ? (V(), M("div", Or, [(V(!0), M(O, null, H(c.value, (e) => (V(), A(K(h), {
 			key: e.value,
 			variant: "secondary",
 			class: "text-xs px-2 py-1"
 		}, {
 			default: q(() => [
-				u(e.icon) ? (V(), M("span", Or, G(e.icon), 1)) : d(e.icon) ? (V(), A(W(d(e.icon)), {
+				u(e.icon) ? (V(), M("span", kr, G(e.icon), 1)) : d(e.icon) ? (V(), A(W(d(e.icon)), {
 					key: 1,
 					class: "mr-1 h-3 w-3 shrink-0",
 					"aria-hidden": "true"
@@ -654,7 +678,7 @@ var ir = /* @__PURE__ */ I({
 			_: 2
 		}, 1024))), 128))])) : j("", !0)], 64));
 	}
-}), Ar = /* @__PURE__ */ I({
+}), jr = /* @__PURE__ */ I({
 	__name: "NumberField",
 	props: {
 		defaultValue: {},
@@ -694,7 +718,7 @@ var ir = /* @__PURE__ */ I({
 			_: 3
 		}, 16, ["class"]));
 	}
-}), jr = /* @__PURE__ */ I({
+}), Mr = /* @__PURE__ */ I({
 	inheritAttrs: !1,
 	__name: "NumberFieldInput",
 	setup(t) {
@@ -703,7 +727,7 @@ var ir = /* @__PURE__ */ I({
 			class: K(e)("focus-ring flex h-10 w-full rounded-input border border-input bg-background py-2 text-sm text-center placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-disabled")
 		}), null, 16, ["class"]));
 	}
-}), Mr = /* @__PURE__ */ I({
+}), Nr = /* @__PURE__ */ I({
 	__name: "NumberFieldIncrement",
 	props: {
 		disabled: { type: Boolean },
@@ -728,13 +752,13 @@ var ir = /* @__PURE__ */ I({
 				size: "icon",
 				class: z(K(e)("absolute top-1/2 -translate-y-1/2 right-0 disabled:cursor-not-allowed disabled:opacity-20", n.class))
 			}, {
-				default: q(() => [U(t.$slots, "default", {}, () => [F(K(cr), { class: "size-[var(--icon-sm)]" })])]),
+				default: q(() => [U(t.$slots, "default", {}, () => [F(K(lr), { class: "size-[var(--icon-sm)]" })])]),
 				_: 3
 			}, 8, ["class"])]),
 			_: 3
 		}, 16));
 	}
-}), Nr = /* @__PURE__ */ I({
+}), Pr = /* @__PURE__ */ I({
 	__name: "NumberFieldDecrement",
 	props: {
 		disabled: { type: Boolean },
@@ -759,13 +783,13 @@ var ir = /* @__PURE__ */ I({
 				size: "icon",
 				class: z(K(e)("absolute top-1/2 -translate-y-1/2 left-0 disabled:cursor-not-allowed disabled:opacity-20", n.class))
 			}, {
-				default: q(() => [U(t.$slots, "default", {}, () => [F(K(sr), { class: "size-[var(--icon-sm)]" })])]),
+				default: q(() => [U(t.$slots, "default", {}, () => [F(K(cr), { class: "size-[var(--icon-sm)]" })])]),
 				_: 3
 			}, 8, ["class"])]),
 			_: 3
 		}, 16));
 	}
-}), Pr = /* @__PURE__ */ I({
+}), Fr = /* @__PURE__ */ I({
 	__name: "NumberFieldContent",
 	props: { class: { type: [
 		Boolean,
@@ -778,7 +802,7 @@ var ir = /* @__PURE__ */ I({
 		let n = t;
 		return (t, r) => (V(), M("div", { class: z(K(e)("relative [&>[data-slot=input]]:has-[[data-slot=increment]]:pr-5 [&>[data-slot=input]]:has-[[data-slot=decrement]]:pl-5", n.class)) }, [U(t.$slots, "default")], 2));
 	}
-}), Fr = /* @__PURE__ */ I({
+}), Ir = /* @__PURE__ */ I({
 	__name: "RadioGroup",
 	props: {
 		modelValue: {},
@@ -810,7 +834,7 @@ var ir = /* @__PURE__ */ I({
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Ir = /* @__PURE__ */ I({
+}), Lr = /* @__PURE__ */ I({
 	__name: "RadioGroupItem",
 	props: {
 		id: {},
@@ -841,10 +865,10 @@ var ir = /* @__PURE__ */ I({
 			_: 1
 		}, 16, ["class"]));
 	}
-}), Lr = {
+}), Rr = {
 	key: 1,
 	class: "flex flex-col gap-1"
-}, Rr = /* @__PURE__ */ I({
+}, zr = /* @__PURE__ */ I({
 	__name: "Section",
 	props: {
 		title: {},
@@ -890,14 +914,14 @@ var ir = /* @__PURE__ */ I({
 				key: 0,
 				class: "!absolute inset-0"
 			})) : j("", !0),
-			t.title || a.$slots.header ? (V(), M("header", Lr, [U(a.$slots, "header", {}, () => [N("h2", { class: z(K(e)(r[n.tone], n.titleClass)) }, G(t.title), 3)]), t.description || a.$slots.description ? (V(), M("p", {
+			t.title || a.$slots.header ? (V(), M("header", Rr, [U(a.$slots, "header", {}, () => [N("h2", { class: z(K(e)(r[n.tone], n.titleClass)) }, G(t.title), 3)]), t.description || a.$slots.description ? (V(), M("p", {
 				key: 0,
 				class: z(K(e)("section-description", n.descriptionClass))
 			}, [U(a.$slots, "description", {}, () => [P(G(t.description), 1)])], 2)) : j("", !0)])) : j("", !0),
 			U(a.$slots, "default")
 		], 2));
 	}
-}), zr = /* @__PURE__ */ I({
+}), Br = /* @__PURE__ */ I({
 	__name: "Tabs",
 	props: {
 		defaultValue: {},
@@ -917,7 +941,7 @@ var ir = /* @__PURE__ */ I({
 			_: 3
 		}, 16));
 	}
-}), Br = /* @__PURE__ */ I({
+}), Vr = /* @__PURE__ */ I({
 	__name: "TabsTrigger",
 	props: {
 		value: {},
@@ -942,7 +966,7 @@ var ir = /* @__PURE__ */ I({
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Vr = /* @__PURE__ */ I({
+}), Hr = /* @__PURE__ */ I({
 	__name: "TabsList",
 	props: {
 		loop: { type: Boolean },
@@ -966,7 +990,7 @@ var ir = /* @__PURE__ */ I({
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Hr = /* @__PURE__ */ I({
+}), Ur = /* @__PURE__ */ I({
 	__name: "TabsContent",
 	props: {
 		value: {},
@@ -991,7 +1015,7 @@ var ir = /* @__PURE__ */ I({
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Ur = /* @__PURE__ */ I({
+}), Wr = /* @__PURE__ */ I({
 	__name: "TabsIndicator",
 	props: {
 		asChild: { type: Boolean },
@@ -1011,7 +1035,7 @@ var ir = /* @__PURE__ */ I({
 		});
 		return (t, i) => (V(), A(K(Bn), R(r.value, { class: K(e)("absolute left-0 h-[--reka-tabs-indicator-size] translate-x-[--reka-tabs-indicator-position] rounded-pill bg-secondary/80 transition-[width,transform] duration-[var(--duration-normal)] ease-[var(--spring-snappy)]", n.class) }), null, 16, ["class"]));
 	}
-}), Wr = /* @__PURE__ */ I({
+}), Gr = /* @__PURE__ */ I({
 	__name: "TagsInput",
 	props: {
 		modelValue: {},
@@ -1055,7 +1079,7 @@ var ir = /* @__PURE__ */ I({
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Gr = /* @__PURE__ */ I({
+}), Kr = /* @__PURE__ */ I({
 	__name: "TagsInputInput",
 	props: {
 		placeholder: {},
@@ -1078,7 +1102,7 @@ var ir = /* @__PURE__ */ I({
 		}));
 		return (t, i) => (V(), A(K(Wn), R(K(r), { class: K(e)("text-sm min-h-6 focus:outline-none flex-1 bg-transparent px-1", n.class) }), null, 16, ["class"]));
 	}
-}), Kr = /* @__PURE__ */ I({
+}), qr = /* @__PURE__ */ I({
 	__name: "TagsInputItem",
 	props: {
 		value: {},
@@ -1103,7 +1127,7 @@ var ir = /* @__PURE__ */ I({
 			_: 3
 		}, 16, ["class"]));
 	}
-}), qr = /* @__PURE__ */ I({
+}), Jr = /* @__PURE__ */ I({
 	__name: "TagsInputItemDelete",
 	props: {
 		asChild: { type: Boolean },
@@ -1126,7 +1150,7 @@ var ir = /* @__PURE__ */ I({
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Jr = /* @__PURE__ */ I({
+}), Yr = /* @__PURE__ */ I({
 	__name: "TagsInputItemText",
 	props: {
 		asChild: { type: Boolean },
@@ -1148,4 +1172,4 @@ var ir = /* @__PURE__ */ I({
 	}
 });
 //#endregion
-export { ir as Accordion, ar as AccordionContent, or as AccordionItem, lr as AccordionTrigger, ur as Alert, dr as AlertDescription, fr as AlertTitle, pr as Avatar, hr as AvatarFallback, mr as AvatarImage, h as Badge, g as Button, te as CONFIGURATOR_DENSITY_KEY, pe as Card, fe as CardContent, me as CardDescription, he as CardFooter, ue as CardHeader, de as CardTitle, Qt as ChassisDivider, gr as Checkbox, _e as Collapsible, ve as CollapsibleContent, ge as CollapsibleTrigger, y as Command, ye as CommandDialog, S as CommandEmpty, b as CommandGroup, _ as CommandInput, v as CommandItem, x as CommandList, be as CommandSeparator, xe as CommandShortcut, ne as Configurator, ae as ConfiguratorLayer, re as ConfiguratorRow, je as ContextMenu, f as ContextMenuCheckboxItem, Me as ContextMenuContent, o as ContextMenuItem, d as ContextMenuLabel, c as ContextMenuRadioGroup, u as ContextMenuRadioItem, s as ContextMenuSeparator, a as ContextMenuShortcut, p as ContextMenuSubContent, l as ContextMenuSubTrigger, C as ContextMenuTrigger, Ve as DataTable, Le as DataTablePagination, Se as Dialog, ke as DialogClose, Ce as DialogContent, Oe as DialogDescription, Ae as DialogFooter, we as DialogHeader, Ee as DialogScrollContent, Te as DialogTitle, De as DialogTrigger, on as DiscoGlyph, vr as Drawer, Yn as DrawerClose, yr as DrawerContent, Cr as DrawerDescription, xr as DrawerFooter, br as DrawerHeader, $ as DrawerOverlay, $n as DrawerPortal, Sr as DrawerTitle, rr as DrawerTrigger, qe as DropdownMenu, Ye as DropdownMenuCheckboxItem, $e as DropdownMenuContent, Ke as DropdownMenuGroup, rt as DropdownMenuItem, Ue as DropdownMenuLabel, nt as DropdownMenuPortal, Ge as DropdownMenuRadioGroup, We as DropdownMenuRadioItem, Qe as DropdownMenuSeparator, tt as DropdownMenuShortcut, Je as DropdownMenuSub, Ze as DropdownMenuSubContent, et as DropdownMenuSubTrigger, Xe as DropdownMenuTrigger, rn as GLYPH_FACE_SILHOUETTE_KEY, an as GlyphFace, at as HoverCard, ot as HoverCardContent, it as HoverCardTrigger, sn as HoverPopover, $t as InstrumentChassis, en as InstrumentRail, st as Label, wr as MetricPill, kr as MultiSelect, i as Notification, Ar as NumberField, Pr as NumberFieldContent, Nr as NumberFieldDecrement, Mr as NumberFieldIncrement, jr as NumberFieldInput, T as Popover, E as PopoverContent, w as PopoverTrigger, lt as Progress, Fr as RadioGroup, Ir as RadioGroupItem, ln as ScrollingText, Rr as Section, gt as Select, ft as SelectContent, vt as SelectGroup, ht as SelectItem, yt as SelectLabel, _t as SelectScrollDownButton, pt as SelectScrollUpButton, bt as SelectSeparator, dt as SelectTrigger, mt as SelectValue, xt as Separator, Tt as Sheet, kt as SheetClose, Dt as SheetContent, Ot as SheetDescription, Et as SheetFooter, St as SheetHeader, wt as SheetTitle, Ct as SheetTrigger, ze as Skeleton, Nt as Slider, Ft as Switch, He as Table, Ie as TableBody, _r as TableCaption, Pe as TableCell, Fe as TableEmpty, Be as TableHead, Re as TableHeader, Ne as TableRow, zr as Tabs, Hr as TabsContent, Ur as TabsIndicator, Vr as TabsList, Br as TabsTrigger, Wr as TagsInput, Gr as TagsInputInput, Kr as TagsInputItem, qr as TagsInputItemDelete, Jr as TagsInputItemText, Lt as Toast, Ht as ToastAction, Bt as ToastClose, It as ToastDescription, Rt as ToastTitle, Ut as Toaster, Wt as Toggle, Gt as ToggleGroup, qt as ToggleGroupItem, Jt as Tooltip, Xt as TooltipContent, Zt as TooltipProvider, Yt as TooltipTrigger, Z as alertVariants, Q as avatarVariants, ce as badgeVariants, le as buttonVariants, e as cn, D as copyToClipboard, _n as createGlassFilter, hn as destroyGlassFilter, ie as provideConfiguratorDensity, tn as provideGlyphFaceSilhouette, At as sheetVariants, Pt as sliderVariants, zt as toast, Kt as toggleVariants, mn as useBreakpoint, fn as useClipboard, se as useConfiguratorState, gn as useGlassRenderer, un as useInterval, oe as useOptionalConfiguratorDensity, nn as useOptionalGlyphFaceSilhouette, cn as useResizeObserver, vn as useSortable, jt as useTimer, Vt as useToast, dn as useTokenColor, Mt as useTouchGate, pn as useViewportReady };
+export { ar as Accordion, or as AccordionContent, sr as AccordionItem, ur as AccordionTrigger, dr as Alert, fr as AlertDescription, pr as AlertTitle, mr as Avatar, gr as AvatarFallback, hr as AvatarImage, h as Badge, g as Button, te as CONFIGURATOR_DENSITY_KEY, pe as Card, fe as CardContent, me as CardDescription, he as CardFooter, ue as CardHeader, de as CardTitle, Qt as ChassisDivider, _r as Checkbox, _e as Collapsible, ve as CollapsibleContent, ge as CollapsibleTrigger, y as Command, ye as CommandDialog, S as CommandEmpty, b as CommandGroup, _ as CommandInput, v as CommandItem, x as CommandList, be as CommandSeparator, xe as CommandShortcut, ne as Configurator, ae as ConfiguratorLayer, re as ConfiguratorRow, je as ContextMenu, f as ContextMenuCheckboxItem, Me as ContextMenuContent, o as ContextMenuItem, d as ContextMenuLabel, c as ContextMenuRadioGroup, u as ContextMenuRadioItem, s as ContextMenuSeparator, a as ContextMenuShortcut, p as ContextMenuSubContent, l as ContextMenuSubTrigger, C as ContextMenuTrigger, Ve as DataTable, Le as DataTablePagination, Se as Dialog, ke as DialogClose, Ce as DialogContent, Oe as DialogDescription, Ae as DialogFooter, we as DialogHeader, Ee as DialogScrollContent, Te as DialogTitle, De as DialogTrigger, on as DiscoGlyph, yr as Drawer, Xn as DrawerClose, br as DrawerContent, wr as DrawerDescription, Sr as DrawerFooter, xr as DrawerHeader, $ as DrawerOverlay, er as DrawerPortal, Cr as DrawerTitle, ir as DrawerTrigger, qe as DropdownMenu, Ye as DropdownMenuCheckboxItem, $e as DropdownMenuContent, Ke as DropdownMenuGroup, rt as DropdownMenuItem, Ue as DropdownMenuLabel, nt as DropdownMenuPortal, Ge as DropdownMenuRadioGroup, We as DropdownMenuRadioItem, Qe as DropdownMenuSeparator, tt as DropdownMenuShortcut, Je as DropdownMenuSub, Ze as DropdownMenuSubContent, et as DropdownMenuSubTrigger, Xe as DropdownMenuTrigger, rn as GLYPH_FACE_SILHOUETTE_KEY, an as GlyphFace, at as HoverCard, ot as HoverCardContent, it as HoverCardTrigger, sn as HoverPopover, $t as InstrumentChassis, en as InstrumentRail, st as Label, Tr as MetricPill, Ar as MultiSelect, i as Notification, jr as NumberField, Fr as NumberFieldContent, Pr as NumberFieldDecrement, Nr as NumberFieldIncrement, Mr as NumberFieldInput, T as Popover, E as PopoverContent, w as PopoverTrigger, lt as Progress, Ir as RadioGroup, Lr as RadioGroupItem, ln as ScrollingText, zr as Section, gt as Select, ft as SelectContent, vt as SelectGroup, ht as SelectItem, yt as SelectLabel, _t as SelectScrollDownButton, pt as SelectScrollUpButton, bt as SelectSeparator, dt as SelectTrigger, mt as SelectValue, xt as Separator, Tt as Sheet, kt as SheetClose, Dt as SheetContent, Ot as SheetDescription, Et as SheetFooter, St as SheetHeader, wt as SheetTitle, Ct as SheetTrigger, ze as Skeleton, Nt as Slider, Ft as Switch, He as Table, Ie as TableBody, vr as TableCaption, Pe as TableCell, Fe as TableEmpty, Be as TableHead, Re as TableHeader, Ne as TableRow, Br as Tabs, Ur as TabsContent, Wr as TabsIndicator, Hr as TabsList, Vr as TabsTrigger, Gr as TagsInput, Kr as TagsInputInput, qr as TagsInputItem, Jr as TagsInputItemDelete, Yr as TagsInputItemText, Lt as Toast, Ht as ToastAction, Bt as ToastClose, It as ToastDescription, Rt as ToastTitle, Ut as Toaster, Wt as Toggle, Gt as ToggleGroup, qt as ToggleGroupItem, Jt as Tooltip, Xt as TooltipContent, Zt as TooltipProvider, Yt as TooltipTrigger, Z as alertVariants, Q as avatarVariants, ce as badgeVariants, le as buttonVariants, e as cn, D as copyToClipboard, _n as createGlassFilter, hn as destroyGlassFilter, ie as provideConfiguratorDensity, tn as provideGlyphFaceSilhouette, At as sheetVariants, Pt as sliderVariants, zt as toast, Kt as toggleVariants, mn as useBreakpoint, fn as useClipboard, se as useConfiguratorState, gn as useGlassRenderer, un as useInterval, oe as useOptionalConfiguratorDensity, nn as useOptionalGlyphFaceSilhouette, cn as useResizeObserver, vn as useSortable, jt as useTimer, Vt as useToast, dn as useTokenColor, Mt as useTouchGate, pn as useViewportReady };

package/dist/sortable-list.js

@@ -69,14 +69,17 @@ var _ = /* @__PURE__ */ i({
 	__name: "SortableHandle",
 	props: { as: { default: "span" } },
 	setup(e) {
+		let t = e, i = n(() => t.as === "span");
 		return (t, n) => (s(), r(u(e.as), {
 			class: "sortable-handle",
-			"data-sortable-handle": ""
+			"data-sortable-handle": "",
+			role: i.value ? "button" : void 0,
+			tabindex: i.value ? 0 : void 0
 		}, {
 			default: p(() => [l(t.$slots, "default", {}, void 0, !0)]),
 			_: 3
-		}));
+		}, 8, ["role", "tabindex"]));
 	}
-}), [["__scopeId", "data-v-57437fb5"]]);
+}), [["__scopeId", "data-v-695f8df8"]]);
 //#endregion
 export { m as SORTABLE_CONTEXT, y as SortableHandle, v as SortableItem, _ as SortableList, h as provideSortableContext, g as useSortableContext };

package/dist/status-dot.js

@@ -1,10 +1,10 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, toDisplayString as l, unref as u } from "vue";
 //#region src/components/custom/status-dot/StatusDot.vue?vue&type=script&setup=true&lang.ts
-var d = {
+var d = ["role"], f = {
 	key: 0,
 	class: "text-xs leading-none text-muted-foreground"
-}, f = /* @__PURE__ */ a({
+}, p = /* @__PURE__ */ a({
 	name: "StatusDot",
 	__name: "StatusDot",
 	props: {
@@ -25,31 +25,34 @@ var d = {
 		] }
 	},
 	setup(a) {
-		let f = a, p = t(() => {
-			switch (f.size) {
+		let p = a, m = t(() => {
+			switch (p.size) {
 				case "xs": return "h-1.5 w-1.5";
 				case "md": return "h-2.5 w-2.5";
 				default: return "h-2 w-2";
 			}
-		}), m = t(() => f.variant === "custom" ? f.color ?? "var(--muted-foreground)" : {
+		}), h = t(() => p.variant === "custom" ? p.color ?? "var(--muted-foreground)" : {
 			active: "var(--color-status-active, hsl(142 71% 45%))",
 			paused: "var(--color-status-paused, hsl(48 96% 53%))",
 			idle: "var(--color-status-idle, var(--muted-foreground))",
 			error: "var(--color-status-error, var(--destructive))"
-		}[f.variant]), h = t(() => ({ backgroundColor: m.value })), g = t(() => ({ backgroundColor: m.value }));
-		return (t, m) => (c(), r("span", { class: o(u(e)("inline-flex items-center gap-1.5 align-middle", f.class)) }, [i("span", {
-			class: o(u(e)("relative inline-flex shrink-0 rounded-pill", p.value)),
-			style: s(h.value)
+		}[p.variant]), g = t(() => ({ backgroundColor: h.value })), _ = t(() => ({ backgroundColor: h.value }));
+		return (t, h) => (c(), r("span", {
+			role: t.$attrs["aria-label"] == null ? void 0 : "img",
+			class: o(u(e)("inline-flex items-center gap-1.5 align-middle", p.class))
+		}, [i("span", {
+			class: o(u(e)("relative inline-flex shrink-0 rounded-pill", m.value)),
+			style: s(g.value)
 		}, [a.pulse ? (c(), r("span", {
 			key: 0,
 			"aria-hidden": "true",
 			class: "absolute inset-0 rounded-pill opacity-60 motion-safe:animate-ping",
-			style: s(g.value)
+			style: s(_.value)
 		}, null, 4)) : n("", !0), i("span", {
 			class: "relative inline-block h-full w-full rounded-pill",
-			style: s(h.value)
-		}, null, 4)], 6), a.label ? (c(), r("span", d, l(a.label), 1)) : n("", !0)], 2));
+			style: s(g.value)
+		}, null, 4)], 6), a.label ? (c(), r("span", f, l(a.label), 1)) : n("", !0)], 10, d));
 	}
 });
 //#endregion
-export { f as StatusDot };
+export { p as StatusDot };