@mkbabb/glass-ui 3.9.0 → 3.10.1

package/dist/glass-ui.js

@@ -3,22 +3,21 @@ import { a as t, i as n, n as r, o as i, r as a, t as o } from "./vReveal-CqaCz_
 import { n as s, t as c } from "./supportsCssTimeline-C5oe0lnD.js";
 import { t as l } from "./check-BBKKKSTf.js";
 import { t as u } from "./chevron-down-BSkTP2aL.js";
-import { t as d } from "./Notification-BxK8LZMw.js";
+import { t as d } from "./Notification-Cu0nN17_.js";
 import { a as f, c as p, i as ee, l as te, n as ne, o as re, r as ie, s as ae, t as oe, u as se } from "./ContextMenuSubContent-Bhg4f5jX.js";
-import { a as ce, i as le, n as ue, o as de, r as fe, t as pe } from "./NumberFieldContent-BbLOh8RU.js";
-import { a as me, i as he, n as ge, o as _e, r as ve, s as ye, t as be } from "./useConfiguratorState-DxAqksK6.js";
+import { a as ce, i as le, n as ue, o as de, r as fe, t as pe } from "./NumberFieldContent-CHEWghnY.js";
+import { a as me, i as he, n as ge, o as _e, r as ve, s as ye, t as be } from "./useConfiguratorState-BdQXh9ie.js";
 import { t as m } from "./x-Dfsegz9Y.js";
-import { n as h, t as xe } from "./badge-BvwvT50i.js";
-import { n as g, t as Se } from "./button-DN39cGqL.js";
-import { n as Ce, r as we, t as Te } from "./useGlassRenderer-5I0YkI4t.js";
-import { t as Ee } from "./useSpecularTracking-BVRZsRHA.js";
-import { n as De, t as Oe } from "./useCanvas2D-ClrQuZtp.js";
-import { t as ke } from "./resolveCanvasColor-BBiYfp8g.js";
-import { a as Ae, i as je, n as Me, o as Ne, r as Pe, s as _, t as v } from "./CardAction-DuArVky-.js";
-import { n as y, r as Fe, t as Ie } from "./CollapsibleContent-CP9qF1v4.js";
-import { a as b, c as Le, i as x, l as S, n as Re, o as C, r as w, s as T, t as ze } from "./CommandShortcut-CefCj5mt.js";
-import { n as Be, t as Ve } from "./DialogContent-BRkT1cjP.js";
-import { a as He, i as Ue, n as We, o as Ge, r as Ke, s as qe, t as Je } from "./DialogFooter-Gprw8H_A.js";
+import { n as h, t as xe } from "./badge-NdCQMvvB.js";
+import { n as g, t as Se } from "./button-DyiWFAOE.js";
+import { t as Ce } from "./useSpecularTracking-DFK_fhpG.js";
+import { n as we, t as Te } from "./useCanvas2D-CSeH8h16.js";
+import { t as Ee } from "./resolveCanvasColor-CRvVzOvP.js";
+import { a as De, i as Oe, n as ke, o as Ae, r as je, s as Me, t as Ne } from "./CardAction-DrAcAV4d.js";
+import { n as Pe, r as Fe, t as Ie } from "./CollapsibleContent-Drow5WkV.js";
+import { a as _, c as Le, i as v, l as y, n as Re, o as b, r as x, s as S, t as ze } from "./CommandShortcut-mV2e1aG6.js";
+import { n as Be, t as Ve } from "./DialogContent-BxaaafFi.js";
+import { a as He, i as Ue, n as We, o as Ge, r as Ke, s as qe, t as Je } from "./DialogFooter-DufLHi0y.js";
 import { n as Ye, r as Xe, t as Ze } from "./ContextMenuContent-DDa0v27s.js";
 import { t as Qe } from "./useResizeObserver-CWCbk5Px.js";
 import { t as $e } from "./useTimer-3xqf_54b.js";
@@ -26,40 +25,38 @@ import { t as et } from "./useTouchGate-WFyJYsth.js";
 import { a as tt, i as nt, n as rt, o as it, r as at, t as ot } from "./useViewportReady-RIr5Wgkh.js";
 import { n as st, t as ct } from "./useResolveTokenColor-r9pnNjqK.js";
 import { t as lt } from "./useUserInvalidAria-DoJKMZ3s.js";
-import { a as ut, c as dt, i as ft, l as pt, n as mt, o as ht, r as gt, s as _t, t as vt, u as yt } from "./DataTable-CUHMukiQ.js";
-import { a as bt, c as xt, d as St, f as Ct, h as wt, i as Tt, l as Et, m as Dt, n as Ot, o as kt, p as At, r as jt, s as Mt, t as Nt, u as Pt } from "./dropdown-menu-D77jX6Df.js";
+import { a as ut, c as dt, i as ft, l as pt, n as mt, o as ht, r as gt, s as _t, t as vt, u as yt } from "./DataTable-C3E6jZ5B.js";
+import { a as bt, c as xt, d as St, f as Ct, h as wt, i as Tt, l as Et, m as Dt, n as Ot, o as kt, p as At, r as jt, s as Mt, t as Nt, u as Pt } from "./dropdown-menu-DVnQcA0E.js";
 import { n as Ft, r as It, t as Lt } from "./HoverCardContent-B6CcQ8He.js";
 import { t as Rt } from "./Label-zRfbQdCn.js";
-import { t as zt } from "./MetricBadge-lTc002u2.js";
-import { n as E, r as D, t as O } from "./PopoverContent-BId6ggf_.js";
-import { a as Bt, i as Vt, n as Ht, r as Ut, t as Wt } from "./Progress-iEuD9pxG.js";
+import { t as zt } from "./MetricBadge-idgrkqoP.js";
+import { n as C, r as w, t as T } from "./PopoverContent-DpUvdYY-.js";
+import { a as Bt, i as Vt, n as Ht, r as Ut, t as Wt } from "./Progress-BW-StFw2.js";
 import { t as Gt } from "./PaperBackdrop-CqwjnfLv.js";
-import { a as Kt, i as qt, n as Jt, o as Yt, r as Xt, s as Zt, t as Qt } from "./SelectScrollDownButton-T32cVFeM.js";
+import { a as Kt, i as qt, n as Jt, o as Yt, r as Xt, s as Zt, t as Qt } from "./SelectScrollDownButton-pirzjm--.js";
 import { t as $t } from "./SelectGroup-BFiod7X2.js";
 import { n as en, t as tn } from "./SelectSeparator-C4Ql0gzV.js";
 import { t as nn } from "./Separator-D7sD7RKj.js";
-import { a as rn, c as an, i as on, l as sn, n as cn, o as ln, r as un, s as dn, t as fn } from "./sheet-VZEtNFvO.js";
-import { n as pn, t as mn } from "./slider-DC2mwuoe.js";
-import { t as hn } from "./Switch-LDKLmmgx.js";
-import { i as k, n as gn, r as _n, t as vn } from "./TabsList-B8CVOQPC.js";
-import { a as yn, c as bn, i as xn, n as Sn, o as Cn, r as wn, s as Tn, t as En } from "./Toaster-1rYWrmAm.js";
-import { i as Dn, n as On, r as kn, t as An } from "./ToggleGroupItem-Cev4pOVK.js";
+import { a as rn, c as an, i as on, l as sn, n as cn, o as ln, r as un, s as dn, t as fn } from "./sheet-ChSXcJpU.js";
+import { n as pn, t as mn } from "./slider-sfl8gFDD.js";
+import { t as hn } from "./Switch-DeAqg6pi.js";
+import { i as gn, n as _n, r as vn, t as E } from "./TabsList-BAVzOZpg.js";
+import { a as yn, c as bn, i as xn, n as Sn, o as Cn, r as wn, s as Tn, t as En } from "./Toaster-CvuuW_y9.js";
+import { i as Dn, n as On, r as kn, t as An } from "./ToggleGroupItem-DtD37b4G.js";
 import { i as jn, n as Mn, r as Nn, t as Pn } from "./TooltipProvider-CmZzCuaG.js";
 import { n as Fn, t as In } from "./InstrumentChassis-C2f6cBaQ.js";
-import { t as Ln } from "./InstrumentRail-CUJ05YVG.js";
-import { t as Rn } from "./HoverPopover-2LOIW34a.js";
-import { t as zn } from "./ScrollingText-BPP84wKo.js";
-import { t as Bn } from "./DeckProgress-Dmk4_AKN.js";
-import { t as Vn } from "./useInterval-Dsmqwi03.js";
-import { t as Hn } from "./useSortable-C8ReQ50P.js";
-import { t as Un } from "./useTextHighlight-DON84L8w.js";
-import { Fragment as A, computed as j, createBlock as M, createCommentVNode as N, createElementBlock as P, createElementVNode as F, createTextVNode as I, createVNode as L, defineComponent as R, guardReactiveProps as Wn, mergeModels as Gn, mergeProps as z, normalizeClass as B, normalizeProps as Kn, openBlock as V, ref as qn, renderList as H, renderSlot as U, resolveDynamicComponent as W, toDisplayString as G, toRaw as Jn, unref as K, useModel as Yn, withCtx as q, withModifiers as Xn } from "vue";
-import { AccordionContent as Zn, AccordionHeader as Qn, AccordionItem as $n, AccordionRoot as er, AccordionTrigger as tr, AvatarFallback as nr, AvatarImage as rr, AvatarRoot as ir, CheckboxIndicator as ar, CheckboxRoot as or, RadioGroupIndicator as sr, RadioGroupItem as cr, RadioGroupRoot as lr, TabsContent as ur, TagsInputInput as dr, TagsInputItem as fr, TagsInputItemDelete as pr, TagsInputItemText as mr, TagsInputRoot as hr, useEmitAsProps as gr, useForwardProps as J, useForwardPropsEmits as Y } from "reka-ui";
-import { cva as X } from "class-variance-authority";
-import { DrawerClose as _r, DrawerContent as vr, DrawerDescription as yr, DrawerOverlay as br, DrawerPortal as xr, DrawerPortal as Sr, DrawerRoot as Cr, DrawerTitle as wr, DrawerTrigger as Tr } from "vaul-vue";
+import { t as Ln } from "./HoverPopover-CDA_SaCe.js";
+import { t as Rn } from "./ScrollingText-DruYCni_.js";
+import { t as zn } from "./useInterval-D3USn0yc.js";
+import { t as Bn } from "./useSortable-DnyGXKKY.js";
+import { t as Vn } from "./useTextHighlight-B3b10W6r.js";
+import { Fragment as D, computed as O, createBlock as k, createCommentVNode as A, createElementBlock as j, createElementVNode as M, createTextVNode as N, createVNode as P, defineComponent as F, guardReactiveProps as Hn, mergeModels as Un, mergeProps as I, normalizeClass as L, normalizeProps as Wn, onMounted as Gn, openBlock as R, ref as z, renderList as B, renderSlot as V, resolveDynamicComponent as H, toDisplayString as U, toRaw as Kn, unref as W, useModel as qn, watch as Jn, withCtx as G, withModifiers as Yn } from "vue";
+import { AccordionContent as Xn, AccordionHeader as Zn, AccordionItem as Qn, AccordionRoot as $n, AccordionTrigger as er, AvatarFallback as tr, AvatarImage as nr, AvatarRoot as rr, CheckboxIndicator as ir, CheckboxRoot as ar, RadioGroupIndicator as or, RadioGroupItem as sr, RadioGroupRoot as cr, TabsContent as lr, TagsInputInput as ur, TagsInputItem as dr, TagsInputItemDelete as fr, TagsInputItemText as pr, TagsInputRoot as mr, useEmitAsProps as hr, useForwardProps as K, useForwardPropsEmits as q } from "reka-ui";
+import { cva as J } from "class-variance-authority";
+import { DrawerClose as gr, DrawerContent as _r, DrawerDescription as vr, DrawerOverlay as yr, DrawerPortal as br, DrawerPortal as xr, DrawerRoot as Sr, DrawerTitle as Cr, DrawerTrigger as wr } from "vaul-vue";
 //#endregion
 //#region src/components/ui/accordion/Accordion.vue
-var Er = /* @__PURE__ */ R({
+var Tr = /* @__PURE__ */ F({
 	__name: "Accordion",
 	props: {
 		collapsible: { type: Boolean },
@@ -75,13 +72,13 @@ var Er = /* @__PURE__ */ R({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = Y(e, t);
-		return (e, t) => (V(), M(K(er), z({ "data-slot": "accordion" }, K(n)), {
-			default: q(() => [U(e.$slots, "default")]),
+		let n = q(e, t);
+		return (e, t) => (R(), k(W($n), I({ "data-slot": "accordion" }, W(n)), {
+			default: G(() => [V(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), Dr = /* @__PURE__ */ R({
+}), Er = /* @__PURE__ */ F({
 	__name: "AccordionContent",
 	props: {
 		forceMount: { type: Boolean },
@@ -96,16 +93,16 @@ var Er = /* @__PURE__ */ R({
 		] }
 	},
 	setup(t) {
-		let n = t, r = j(() => {
+		let n = t, r = O(() => {
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, i) => (V(), M(K(Zn), z(r.value, { class: "overflow-hidden text-sm transition-collapse data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" }), {
-			default: q(() => [F("div", { class: B(K(e)("pb-4 pt-0", n.class)) }, [U(t.$slots, "default")], 2)]),
+		return (t, i) => (R(), k(W(Xn), I(r.value, { class: "overflow-hidden text-sm transition-collapse data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" }), {
+			default: G(() => [M("div", { class: L(W(e)("pb-4 pt-0", n.class)) }, [V(t.$slots, "default")], 2)]),
 			_: 3
 		}, 16));
 	}
-}), Or = /* @__PURE__ */ R({
+}), Dr = /* @__PURE__ */ F({
 	__name: "AccordionItem",
 	props: {
 		disabled: { type: Boolean },
@@ -122,16 +119,16 @@ var Er = /* @__PURE__ */ R({
 		] }
 	},
 	setup(t) {
-		let n = t, r = J(j(() => {
+		let n = t, r = K(O(() => {
 			let { class: e, ...t } = n;
 			return t;
 		}));
-		return (t, i) => (V(), M(K($n), z(K(r), { class: K(e)("border-b", n.class) }), {
-			default: q(() => [U(t.$slots, "default")]),
+		return (t, i) => (R(), k(W(Qn), I(W(r), { class: W(e)("border-b", n.class) }), {
+			default: G(() => [V(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), kr = /* @__PURE__ */ R({
+}), Or = /* @__PURE__ */ F({
 	__name: "AccordionTrigger",
 	props: {
 		asChild: { type: Boolean },
@@ -145,19 +142,19 @@ var Er = /* @__PURE__ */ R({
 		] }
 	},
 	setup(t) {
-		let n = t, r = j(() => {
+		let n = t, r = O(() => {
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, i) => (V(), M(K(Qn), { class: "flex" }, {
-			default: q(() => [L(K(tr), z({ "data-slot": "accordion-trigger" }, r.value, { class: K(e)("tap-squish focus-ring flex flex-1 items-center justify-between rounded-control px-1 py-4 font-medium transition-control hover:underline disabled:pointer-events-none disabled:opacity-disabled [&[data-state=open]>svg]:rotate-180", n.class) }), {
-				default: q(() => [U(t.$slots, "default"), U(t.$slots, "icon", {}, () => [L(K(u), { class: "h-4 w-4 shrink-0 transition-transform duration-200" })])]),
+		return (t, i) => (R(), k(W(Zn), { class: "flex" }, {
+			default: G(() => [P(W(er), I({ "data-slot": "accordion-trigger" }, r.value, { class: W(e)("tap-squish focus-ring flex flex-1 items-center justify-between rounded-control px-1 py-4 font-medium transition-control hover:underline disabled:pointer-events-none disabled:opacity-disabled [&[data-state=open]>svg]:rotate-180", n.class) }), {
+				default: G(() => [V(t.$slots, "default"), V(t.$slots, "icon", {}, () => [P(W(u), { class: "h-4 w-4 shrink-0 transition-transform duration-200" })])]),
 				_: 3
 			}, 16, ["class"])]),
 			_: 3
 		}));
 	}
-}), Ar = /* @__PURE__ */ R({
+}), kr = /* @__PURE__ */ F({
 	__name: "Alert",
 	props: {
 		class: { type: [
@@ -171,13 +168,13 @@ var Er = /* @__PURE__ */ R({
 	},
 	setup(t) {
 		let n = t;
-		return (r, i) => (V(), P("div", {
+		return (r, i) => (R(), j("div", {
 			"data-slot": "alert",
-			class: B(K(e)(K(Z)({ variant: t.variant }), n.class)),
+			class: L(W(e)(W(Y)({ variant: t.variant }), n.class)),
 			role: "alert"
-		}, [U(r.$slots, "default")], 2));
+		}, [V(r.$slots, "default")], 2));
 	}
-}), jr = /* @__PURE__ */ R({
+}), Ar = /* @__PURE__ */ F({
 	__name: "AlertDescription",
 	props: { class: { type: [
 		Boolean,
@@ -188,12 +185,12 @@ var Er = /* @__PURE__ */ R({
 	] } },
 	setup(t) {
 		let n = t;
-		return (t, r) => (V(), P("div", {
+		return (t, r) => (R(), j("div", {
 			"data-slot": "alert-description",
-			class: B(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));
+			class: L(W(e)("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", n.class))
+		}, [V(t.$slots, "default")], 2));
 	}
-}), Mr = /* @__PURE__ */ R({
+}), jr = /* @__PURE__ */ F({
 	__name: "AlertTitle",
 	props: { class: { type: [
 		Boolean,
@@ -204,21 +201,21 @@ var Er = /* @__PURE__ */ R({
 	] } },
 	setup(t) {
 		let n = t;
-		return (t, r) => (V(), P("div", {
+		return (t, r) => (R(), j("div", {
 			"data-slot": "alert-title",
-			class: B(K(e)("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", n.class))
-		}, [U(t.$slots, "default")], 2));
+			class: L(W(e)("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", n.class))
+		}, [V(t.$slots, "default")], 2));
 	}
-}), Z = X("relative w-full rounded-lg border px-4 py-3 text-[length:var(--control-text)] grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-[var(--ui-glyph)] [&>svg]:translate-y-0.5 [&>svg]:text-current", {
+}), Y = J("relative w-full rounded-lg border px-4 py-3 text-[length:var(--control-text)] grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-(--ui-glyph) [&>svg]:translate-y-0.5 [&>svg]:text-current", {
 	variants: { variant: {
-		default: "bg-[var(--glass-bg-wash)] [backdrop-filter:var(--glass-blur-wash)] text-card-foreground",
-		destructive: "text-destructive bg-[var(--glass-bg-wash)] [backdrop-filter:var(--glass-blur-wash)] [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",
-		success: "bg-[var(--glass-bg-wash)] [backdrop-filter:var(--glass-blur-wash)] text-card-foreground border-success/40 [&>svg]:text-success *:data-[slot=alert-description]:text-card-foreground/90",
-		warning: "bg-[var(--glass-bg-wash)] [backdrop-filter:var(--glass-blur-wash)] text-card-foreground border-warning/40 [&>svg]:text-warning *:data-[slot=alert-description]:text-card-foreground/90",
-		info: "bg-[var(--glass-bg-wash)] [backdrop-filter:var(--glass-blur-wash)] text-card-foreground border-info/40 [&>svg]:text-info *:data-[slot=alert-description]:text-card-foreground/90"
+		default: "bg-(--glass-bg-wash) [backdrop-filter:var(--glass-blur-wash)] text-card-foreground",
+		destructive: "text-destructive bg-(--glass-bg-wash) [backdrop-filter:var(--glass-blur-wash)] [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",
+		success: "bg-(--glass-bg-wash) [backdrop-filter:var(--glass-blur-wash)] text-card-foreground border-success/40 [&>svg]:text-success *:data-[slot=alert-description]:text-card-foreground/90",
+		warning: "bg-(--glass-bg-wash) [backdrop-filter:var(--glass-blur-wash)] text-card-foreground border-warning/40 [&>svg]:text-warning *:data-[slot=alert-description]:text-card-foreground/90",
+		info: "bg-(--glass-bg-wash) [backdrop-filter:var(--glass-blur-wash)] text-card-foreground border-info/40 [&>svg]:text-info *:data-[slot=alert-description]:text-card-foreground/90"
 	} },
 	defaultVariants: { variant: "default" }
-}), Nr = /* @__PURE__ */ R({
+}), Mr = /* @__PURE__ */ F({
 	__name: "Avatar",
 	props: {
 		class: { type: [
@@ -233,18 +230,18 @@ var Er = /* @__PURE__ */ R({
 	},
 	setup(t) {
 		let n = t;
-		return (r, i) => (V(), M(K(ir), {
+		return (r, i) => (R(), k(W(rr), {
 			"data-slot": "avatar",
-			class: B(K(e)(K(Q)({
+			class: L(W(e)(W(X)({
 				size: t.size,
 				shape: t.shape
 			}), n.class))
 		}, {
-			default: q(() => [U(r.$slots, "default")]),
+			default: G(() => [V(r.$slots, "default")]),
 			_: 3
 		}, 8, ["class"]));
 	}
-}), Pr = /* @__PURE__ */ R({
+}), Nr = /* @__PURE__ */ F({
 	__name: "AvatarImage",
 	props: {
 		src: {},
@@ -256,9 +253,9 @@ var Er = /* @__PURE__ */ R({
 	},
 	setup(e) {
 		let t = e;
-		return (e, n) => (V(), M(K(rr), z(t, { class: "h-full w-full object-cover" }), null, 16));
+		return (e, n) => (R(), k(W(nr), I(t, { class: "h-full w-full object-cover" }), null, 16));
 	}
-}), Fr = /* @__PURE__ */ R({
+}), Pr = /* @__PURE__ */ F({
 	__name: "AvatarFallback",
 	props: {
 		delayMs: {},
@@ -267,14 +264,14 @@ var Er = /* @__PURE__ */ R({
 	},
 	setup(e) {
 		let t = e;
-		return (e, n) => (V(), M(K(nr), Kn(Wn(t)), {
-			default: q(() => [U(e.$slots, "default")]),
+		return (e, n) => (R(), k(W(tr), Wn(Hn(t)), {
+			default: G(() => [V(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), Q = X("inline-flex items-center justify-center font-normal text-foreground select-none shrink-0 bg-secondary overflow-hidden", { variants: {
+}), X = J("inline-flex items-center justify-center font-normal text-foreground select-none shrink-0 bg-secondary overflow-hidden", { variants: {
 	size: {
-		sm: "h-[var(--control-h-md)] w-[var(--control-h-md)] text-xs",
+		sm: "h-(--control-h-md) w-(--control-h-md) text-xs",
 		base: "h-16 w-16 text-2xl",
 		lg: "h-32 w-32 text-5xl"
 	},
@@ -282,7 +279,77 @@ var Er = /* @__PURE__ */ R({
 		circle: "rounded-pill",
 		square: "rounded-input"
 	}
-} }), Ir = /* @__PURE__ */ R({
+} });
+//#endregion
+//#region src/composables/glass/useGlassRenderer.ts
+function Fr() {
+	return window.chrome && CSS.supports("backdrop-filter", "url(#x) blur(1px)") ? "svg-filter" : CSS.supports("backdrop-filter", "blur(1px)") || CSS.supports("-webkit-backdrop-filter", "blur(1px)") ? "css" : "fallback";
+}
+function Z(e, t, n, r) {
+	e.width = t, e.height = n;
+	let i = e.getContext("2d"), a = i.createImageData(t, n), o = a.data, s = t / 2, c = n / 2;
+	for (let e = 0; e < n; e++) for (let n = 0; n < t; n++) {
+		let i = (n - s) / s, a = (e - c) / c, l = Math.sqrt(i * i + a * a), u = l * (1 - l * .3) * r, d = -i * u, f = -a * u, p = (e * t + n) * 4;
+		o[p] = Math.round(128 + d * 127), o[p + 1] = Math.round(128 + f * 127), o[p + 2] = 128, o[p + 3] = 255;
+	}
+	i.putImageData(a, 0, 0);
+}
+function Q(e, t, n) {
+	e.width = t, e.height = n;
+	let r = e.getContext("2d"), i = t / 2, a = n / 2, o = Math.max(i, a), s = r.createRadialGradient(i, a, 0, i, a, o);
+	s.addColorStop(0, "rgba(255,255,255,0)"), s.addColorStop(.5, "rgba(255,255,255,0.02)"), s.addColorStop(.8, "rgba(255,255,255,0.06)"), s.addColorStop(1, "rgba(255,255,255,0.12)"), r.fillStyle = s, r.fillRect(0, 0, t, n);
+	let c = r.createLinearGradient(0, 0, t, 0);
+	c.addColorStop(0, "rgba(255,255,255,0)"), c.addColorStop(.3, "rgba(255,255,255,0.15)"), c.addColorStop(.5, "rgba(255,255,255,0.25)"), c.addColorStop(.7, "rgba(255,255,255,0.15)"), c.addColorStop(1, "rgba(255,255,255,0)"), r.fillStyle = c, r.fillRect(0, 0, t, 2);
+}
+var Ir = 0;
+function Lr(e, t = {}) {
+	let n = `glass-refract-${Ir++}`, r = t.blur ?? 16, i = t.refraction ?? .3, a = document.createElement("canvas");
+	a.style.display = "none", document.body.appendChild(a);
+	let o = document.createElement("canvas");
+	o.style.display = "none", document.body.appendChild(o);
+	let s = e.getBoundingClientRect(), c = Math.max(Math.ceil(s.width / 4), 32), l = Math.max(Math.ceil(s.height / 4), 32);
+	Z(a, c, l, i), Q(o, c, l);
+	let u = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+	u.setAttribute("width", "0"), u.setAttribute("height", "0"), u.style.position = "absolute", u.style.pointerEvents = "none";
+	let d = i * 30;
+	u.innerHTML = `
+        <filter id="${n}" x="0%" y="0%" width="100%" height="100%" color-interpolation-filters="sRGB">
+            <feImage href="${a.toDataURL()}" result="dispMap"
+                preserveAspectRatio="none" x="0%" y="0%" width="100%" height="100%" />
+            <feDisplacementMap in="SourceGraphic" in2="dispMap" result="refracted"
+                scale="${d}" xChannelSelector="R" yChannelSelector="G" />
+            <feGaussianBlur in="refracted" stdDeviation="${r * .3}" result="blurred" />
+            <feImage href="${o.toDataURL()}" result="specular"
+                preserveAspectRatio="none" x="0%" y="0%" width="100%" height="100%" />
+            <feBlend in="blurred" in2="specular" mode="screen" result="final" />
+        </filter>
+    `, document.body.appendChild(u), e.style.backdropFilter = `url(#${n}) blur(${r * .15}px) saturate(1.6) brightness(1.05)`, e.style.setProperty("-webkit-backdrop-filter", e.style.backdropFilter), e.style.border = "1px solid rgba(255,255,255,0.25)", e.style.boxShadow = "\n        inset 0 0.5px 0 0 rgba(255,255,255,0.3),\n        inset 0 -0.5px 0 0 rgba(0,0,0,0.05),\n        0 4px 16px rgba(0,0,0,0.08)\n    ";
+	let f = new ResizeObserver(() => {
+		let t = e.getBoundingClientRect(), n = Math.max(Math.ceil(t.width / 4), 32), r = Math.max(Math.ceil(t.height / 4), 32);
+		Z(a, n, r, i), Q(o, n, r);
+		let s = u.querySelectorAll("feImage");
+		s[0] && s[0].setAttribute("href", a.toDataURL()), s[1] && s[1].setAttribute("href", o.toDataURL());
+	});
+	return f.observe(e), {
+		filterId: n,
+		svgEl: u,
+		dispCanvas: a,
+		specCanvas: o,
+		observer: f
+	};
+}
+function Rr(e) {
+	e.observer?.disconnect(), e.svgEl.remove(), e.dispCanvas.remove(), e.specCanvas.remove();
+}
+function zr(e) {
+	let t = z(e?.preferredTier ?? "css");
+	return Gn(() => {
+		e?.preferredTier || (t.value = Fr());
+	}), { tier: t };
+}
+//#endregion
+//#region src/components/ui/checkbox/Checkbox.vue
+var Br = /* @__PURE__ */ F({
 	__name: "Checkbox",
 	props: {
 		defaultValue: {},
@@ -306,19 +373,19 @@ var Er = /* @__PURE__ */ R({
 	},
 	emits: ["update:modelValue"],
 	setup(t, { emit: n }) {
-		let r = t, i = n, a = Y(j(() => {
+		let r = t, i = n, a = q(O(() => {
 			let { class: e, ...t } = r;
 			return t;
 		}), i);
-		return (t, n) => (V(), M(K(or), z({ "data-slot": "checkbox" }, K(a), { class: K(e)("group tap-squish focus-ring peer h-4 w-4 shrink-0 rounded-control border border-primary transition-control disabled:cursor-not-allowed disabled:opacity-disabled data-[state=checked]:bg-[color-mix(in_srgb,var(--primary)_88%,var(--glass-bg-floating))] data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-[color-mix(in_srgb,var(--primary)_88%,var(--glass-bg-floating))] data-[state=indeterminate]:text-primary-foreground", r.class) }), {
-			default: q(() => [L(K(ar), { class: "flex h-full w-full items-center justify-center text-current" }, {
-				default: q(() => [U(t.$slots, "default", {}, () => [L(K(de), { class: "hidden h-4 w-4 group-data-[state=indeterminate]:block" }), L(K(l), { class: "h-4 w-4 group-data-[state=indeterminate]:hidden" })])]),
+		return (t, n) => (R(), k(W(ar), I({ "data-slot": "checkbox" }, W(a), { class: W(e)("group tap-squish focus-ring peer relative touch-hit-area h-4 w-4 shrink-0 rounded-control border border-primary transition-control disabled:cursor-not-allowed disabled:opacity-disabled data-[state=checked]:bg-[color-mix(in_srgb,var(--primary)_88%,var(--glass-bg-floating))] data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-[color-mix(in_srgb,var(--primary)_88%,var(--glass-bg-floating))] data-[state=indeterminate]:text-primary-foreground", r.class) }), {
+			default: G(() => [P(W(ir), { class: "flex h-full w-full items-center justify-center text-current" }, {
+				default: G(() => [V(t.$slots, "default", {}, () => [P(W(de), { class: "hidden h-4 w-4 group-data-[state=indeterminate]:block" }), P(W(l), { class: "h-4 w-4 group-data-[state=indeterminate]:hidden" })])]),
 				_: 3
 			})]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Lr = /* @__PURE__ */ R({
+}), Vr = /* @__PURE__ */ F({
 	__name: "TableCaption",
 	props: { class: { type: [
 		Boolean,
@@ -329,9 +396,9 @@ var Er = /* @__PURE__ */ R({
 	] } },
 	setup(t) {
 		let n = t;
-		return (t, r) => (V(), P("caption", { class: B(K(e)("mt-4 text-sm text-muted-foreground", n.class)) }, [U(t.$slots, "default")], 2));
+		return (t, r) => (R(), j("caption", { class: L(W(e)("mt-4 text-sm text-muted-foreground", n.class)) }, [V(t.$slots, "default")], 2));
 	}
-}), Rr = /* @__PURE__ */ R({
+}), Hr = /* @__PURE__ */ F({
 	__name: "Drawer",
 	props: {
 		activeSnapPoint: {},
@@ -348,7 +415,10 @@ var Er = /* @__PURE__ */ R({
 			type: Boolean,
 			default: void 0
 		},
-		open: { type: Boolean },
+		open: {
+			type: Boolean,
+			default: void 0
+		},
 		defaultOpen: { type: Boolean },
 		nested: { type: Boolean },
 		direction: {},
@@ -368,26 +438,35 @@ var Er = /* @__PURE__ */ R({
 		"animationEnd"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = gr(t), i = [
+		let n = e, r = t, i = hr(r), a = O(() => n.open !== void 0), o = z(n.open ?? !1);
+		Jn(() => n.open, (e) => {
+			e !== void 0 && (o.value = e);
+		});
+		function s(e) {
+			o.value = e, r("update:open", e);
+		}
+		let c = [
 			.12,
 			.5,
 			1
-		], a = j(() => {
-			let { mode: e, ...t } = n, a = e === "live-behind";
+		], l = O(() => {
+			let { mode: e, open: t, ...r } = n, l = e === "live-behind";
 			return {
-				...t,
-				modal: n.modal ?? !a,
-				shouldScaleBackground: n.shouldScaleBackground ?? !a,
-				snapPoints: n.snapPoints ?? (a ? i : void 0),
-				...r
+				...r,
+				open: a.value ? n.open : o.value,
+				modal: n.modal ?? !l,
+				shouldScaleBackground: n.shouldScaleBackground ?? !l,
+				snapPoints: n.snapPoints ?? (l ? c : void 0),
+				...i,
+				"onUpdate:open": s
 			};
 		});
-		return (e, t) => (V(), M(K(Cr), z({ "data-slot": "drawer" }, a.value), {
-			default: q(() => [U(e.$slots, "default")]),
+		return (e, t) => (R(), k(W(Sr), I({ "data-slot": "drawer" }, l.value), {
+			default: G(() => [V(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), $ = /* @__PURE__ */ R({
+}), $ = /* @__PURE__ */ F({
 	__name: "DrawerOverlay",
 	props: {
 		forceMount: { type: Boolean },
@@ -402,13 +481,13 @@ var Er = /* @__PURE__ */ R({
 		] }
 	},
 	setup(t) {
-		let n = t, r = j(() => {
+		let n = t, r = O(() => {
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, i) => (V(), M(K(br), z(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) => (R(), k(W(yr), I(r.value, { class: W(e)("fixed inset-0 z-overlay bg-overlay-scrim-strong [backdrop-filter:var(--glass-blur-wash)]", n.class) }), null, 16, ["class"]));
 	}
-}), zr = /* @__PURE__ */ R({
+}), Ur = /* @__PURE__ */ F({
 	__name: "DrawerContent",
 	props: {
 		forceMount: { type: Boolean },
@@ -436,19 +515,19 @@ var Er = /* @__PURE__ */ R({
 		"closeAutoFocus"
 	],
 	setup(t, { emit: n }) {
-		let r = t, i = Y(r, n);
-		return (t, n) => (V(), M(K(Sr), null, {
-			default: q(() => [r.showOverlay ? (V(), M($, { key: 0 })) : N("", !0), L(K(vr), z(K(i), { class: K(e)("glass-drawer", r.class) }), {
-				default: q(() => [n[0] ||= F("div", {
+		let r = t, i = q(r, n);
+		return (t, n) => (R(), k(W(xr), null, {
+			default: G(() => [r.showOverlay ? (R(), k($, { key: 0 })) : A("", !0), P(W(_r), I(W(i), { class: W(e)("glass-drawer", r.class) }), {
+				default: G(() => [n[0] ||= M("div", {
 					class: "glass-drawer-handle",
 					"aria-hidden": "true"
-				}, [F("span", { class: "glass-drawer-grip" })], -1), U(t.$slots, "default")]),
+				}, [M("span", { class: "glass-drawer-grip" })], -1), V(t.$slots, "default")]),
 				_: 3
 			}, 16, ["class"])]),
 			_: 3
 		}));
 	}
-}), Br = /* @__PURE__ */ R({
+}), Wr = /* @__PURE__ */ F({
 	__name: "DrawerHeader",
 	props: { class: { type: [
 		Boolean,
@@ -459,9 +538,9 @@ var Er = /* @__PURE__ */ R({
 	] } },
 	setup(t) {
 		let n = t;
-		return (t, r) => (V(), P("div", { class: B(K(e)("grid gap-1.5 p-4 text-center sm:text-left", n.class)) }, [U(t.$slots, "default")], 2));
+		return (t, r) => (R(), j("div", { class: L(W(e)("grid gap-1.5 p-4 text-center sm:text-left", n.class)) }, [V(t.$slots, "default")], 2));
 	}
-}), Vr = /* @__PURE__ */ R({
+}), Gr = /* @__PURE__ */ F({
 	__name: "DrawerFooter",
 	props: { class: { type: [
 		Boolean,
@@ -472,9 +551,9 @@ var Er = /* @__PURE__ */ R({
 	] } },
 	setup(t) {
 		let n = t;
-		return (t, r) => (V(), P("div", { class: B(K(e)("mt-auto flex flex-col gap-2 p-4", n.class)) }, [U(t.$slots, "default")], 2));
+		return (t, r) => (R(), j("div", { class: L(W(e)("mt-auto flex flex-col gap-2 p-4", n.class)) }, [V(t.$slots, "default")], 2));
 	}
-}), Hr = /* @__PURE__ */ R({
+}), Kr = /* @__PURE__ */ F({
 	__name: "DrawerTitle",
 	props: {
 		asChild: { type: Boolean },
@@ -488,16 +567,16 @@ var Er = /* @__PURE__ */ R({
 		] }
 	},
 	setup(t) {
-		let n = t, r = j(() => {
+		let n = t, r = O(() => {
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, i) => (V(), M(K(wr), z(r.value, { class: K(e)("text-subheading leading-none tracking-tight", n.class) }), {
-			default: q(() => [U(t.$slots, "default")]),
+		return (t, i) => (R(), k(W(Cr), I(r.value, { class: W(e)("text-subheading leading-none tracking-tight", n.class) }), {
+			default: G(() => [V(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Ur = /* @__PURE__ */ R({
+}), qr = /* @__PURE__ */ F({
 	__name: "DrawerDescription",
 	props: {
 		asChild: { type: Boolean },
@@ -511,16 +590,16 @@ var Er = /* @__PURE__ */ R({
 		] }
 	},
 	setup(t) {
-		let n = t, r = j(() => {
+		let n = t, r = O(() => {
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, i) => (V(), M(K(yr), z(r.value, { class: K(e)("text-sm text-muted-foreground", n.class) }), {
-			default: q(() => [U(t.$slots, "default")]),
+		return (t, i) => (R(), k(W(vr), I(r.value, { class: W(e)("text-sm text-muted-foreground", n.class) }), {
+			default: G(() => [V(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Wr = /* @__PURE__ */ R({
+}), Jr = /* @__PURE__ */ F({
 	__name: "MetricPill",
 	props: {
 		amount: {},
@@ -541,8 +620,8 @@ var Er = /* @__PURE__ */ R({
 		] }
 	},
 	setup(t) {
-		let n = t, r = j(() => e("metric-pill", n.class));
-		return (e, n) => (V(), M(zt, {
+		let n = t, r = O(() => e("metric-pill", n.class));
+		return (e, n) => (R(), k(zt, {
 			"data-slot": "metric-pill",
 			amount: t.amount,
 			unit: t.unit,
@@ -552,7 +631,7 @@ var Er = /* @__PURE__ */ R({
 			placeholder: t.placeholder,
 			size: t.size,
 			"label-position": t.labelPosition,
-			class: B(r.value),
+			class: L(r.value),
 			"data-density": t.density
 		}, null, 8, [
 			"amount",
@@ -567,18 +646,18 @@ var Er = /* @__PURE__ */ R({
 			"data-density"
 		]));
 	}
-}), Gr = { class: "truncate" }, Kr = {
+}), Yr = { class: "truncate" }, Xr = {
 	key: 0,
 	class: "mr-2"
-}, qr = {
+}, Zr = {
 	key: 0,
 	class: "flex flex-wrap gap-1 mt-2"
-}, Jr = {
+}, Qr = {
 	key: 0,
 	class: "mr-1"
-}, Yr = /* @__PURE__ */ R({
+}, $r = /* @__PURE__ */ F({
 	__name: "MultiSelect",
-	props: /* @__PURE__ */ Gn({
+	props: /* @__PURE__ */ Un({
 		options: {},
 		placeholder: { default: "Select items..." },
 		disabled: {
@@ -592,12 +671,12 @@ var Er = /* @__PURE__ */ R({
 	}),
 	emits: ["update:modelValue"],
 	setup(t) {
-		let n = t, r = Yn(t, "modelValue"), i = qn(!1), a = j(() => n.options.filter((e) => r.value.includes(e.value))), o = j(() => a.value.length === 0 ? n.placeholder : a.value.length <= n.maxDisplay ? a.value.map((e) => e.label).join(", ") : `${a.value.slice(0, n.maxDisplay).map((e) => e.label).join(", ")}... (+${a.value.length - n.maxDisplay})`);
+		let n = t, r = qn(t, "modelValue"), i = z(!1), a = O(() => n.options.filter((e) => r.value.includes(e.value))), o = O(() => a.value.length === 0 ? n.placeholder : a.value.length <= n.maxDisplay ? a.value.map((e) => e.label).join(", ") : `${a.value.slice(0, n.maxDisplay).map((e) => e.label).join(", ")}... (+${a.value.length - n.maxDisplay})`);
 		function s(e) {
 			return typeof e == "string" && e.length > 0;
 		}
 		function c(e) {
-			return !e || s(e) ? null : Jn(e);
+			return !e || s(e) ? null : Kn(e);
 		}
 		function d(e) {
 			r.value = r.value.includes(e) ? r.value.filter((t) => t !== e) : [...r.value, e];
@@ -605,50 +684,50 @@ var Er = /* @__PURE__ */ R({
 		function f(e) {
 			r.value = r.value.filter((t) => t !== e);
 		}
-		return (n, p) => (V(), P(A, null, [L(K(D), {
+		return (n, p) => (R(), j(D, null, [P(W(w), {
 			"data-slot": "multi-select",
 			open: i.value,
 			"onUpdate:open": p[0] ||= (e) => i.value = e
 		}, {
-			default: q(() => [L(K(E), { "as-child": "" }, {
-				default: q(() => [L(K(g), {
+			default: G(() => [P(W(C), { "as-child": "" }, {
+				default: G(() => [P(W(g), {
 					variant: "outline",
 					role: "combobox",
 					"aria-expanded": i.value,
 					disabled: t.disabled,
 					class: "w-full justify-between text-left font-normal"
 				}, {
-					default: q(() => [F("span", Gr, G(o.value), 1), L(K(u), { class: "ml-2 h-4 w-4 shrink-0 opacity-50" })]),
+					default: G(() => [M("span", Yr, U(o.value), 1), P(W(u), { class: "ml-2 h-4 w-4 shrink-0 opacity-50" })]),
 					_: 1
 				}, 8, ["aria-expanded", "disabled"])]),
 				_: 1
-			}), L(K(O), {
+			}), P(W(T), {
 				class: "w-full p-0",
 				align: "start"
 			}, {
-				default: q(() => [L(K(S), null, {
-					default: q(() => [
-						L(K(b), { placeholder: "Search..." }),
-						L(K(T), null, {
-							default: q(() => [...p[1] ||= [I("No options found.", -1)]]),
+				default: G(() => [P(W(y), null, {
+					default: G(() => [
+						P(W(_), { placeholder: "Search..." }),
+						P(W(S), null, {
+							default: G(() => [...p[1] ||= [N("No options found.", -1)]]),
 							_: 1
 						}),
-						L(K(w), null, {
-							default: q(() => [L(K(C), null, {
-								default: q(() => [(V(!0), P(A, null, H(t.options, (t) => (V(), M(K(x), {
+						P(W(x), null, {
+							default: G(() => [P(W(b), null, {
+								default: G(() => [(R(!0), j(D, null, B(t.options, (t) => (R(), k(W(v), {
 									key: t.value,
 									value: t.value,
 									onSelect: (e) => d(t.value),
 									class: "cursor-pointer"
 								}, {
-									default: q(() => [
-										L(K(l), { class: B(K(e)("mr-2 h-4 w-4", r.value.includes(t.value) ? "opacity-100" : "opacity-0")) }, null, 8, ["class"]),
-										s(t.icon) ? (V(), P("span", Kr, G(t.icon), 1)) : c(t.icon) ? (V(), M(W(c(t.icon)), {
+									default: G(() => [
+										P(W(l), { class: L(W(e)("mr-2 h-4 w-4", r.value.includes(t.value) ? "opacity-100" : "opacity-0")) }, null, 8, ["class"]),
+										s(t.icon) ? (R(), j("span", Xr, U(t.icon), 1)) : c(t.icon) ? (R(), k(H(c(t.icon)), {
 											key: 1,
 											class: "mr-2 h-4 w-4 shrink-0",
 											"aria-hidden": "true"
-										})) : N("", !0),
-										I(" " + G(t.label), 1)
+										})) : A("", !0),
+										N(" " + U(t.label), 1)
 									]),
 									_: 2
 								}, 1032, ["value", "onSelect"]))), 128))]),
@@ -662,32 +741,32 @@ var Er = /* @__PURE__ */ R({
 				_: 1
 			})]),
 			_: 1
-		}, 8, ["open"]), a.value.length > 0 ? (V(), P("div", qr, [(V(!0), P(A, null, H(a.value, (e) => (V(), M(K(h), {
+		}, 8, ["open"]), a.value.length > 0 ? (R(), j("div", Zr, [(R(!0), j(D, null, B(a.value, (e) => (R(), k(W(h), {
 			key: e.value,
 			variant: "secondary",
-			class: "text-xs px-2 py-1"
+			class: "text-[length:var(--control-text-sm)] px-2 py-1"
 		}, {
-			default: q(() => [
-				s(e.icon) ? (V(), P("span", Jr, G(e.icon), 1)) : c(e.icon) ? (V(), M(W(c(e.icon)), {
+			default: G(() => [
+				s(e.icon) ? (R(), j("span", Qr, U(e.icon), 1)) : c(e.icon) ? (R(), k(H(c(e.icon)), {
 					key: 1,
 					class: "mr-1 h-3 w-3 shrink-0",
 					"aria-hidden": "true"
-				})) : N("", !0),
-				I(" " + G(e.label) + " ", 1),
-				L(K(g), {
+				})) : A("", !0),
+				N(" " + U(e.label) + " ", 1),
+				P(W(g), {
 					variant: "ghost",
 					size: "sm",
-					class: "ml-1 h-3 w-3 p-0 hover:bg-destructive hover:text-destructive-foreground",
-					onClick: Xn((t) => f(e.value), ["stop"])
+					class: "relative touch-hit-area ml-1 h-3 w-3 p-0 hover:bg-destructive hover:text-destructive-foreground",
+					onClick: Yn((t) => f(e.value), ["stop"])
 				}, {
-					default: q(() => [L(K(m), { class: "h-2 w-2" })]),
+					default: G(() => [P(W(m), { class: "h-2 w-2" })]),
 					_: 1
 				}, 8, ["onClick"])
 			]),
 			_: 2
-		}, 1024))), 128))])) : N("", !0)], 64));
+		}, 1024))), 128))])) : A("", !0)], 64));
 	}
-}), Xr = /* @__PURE__ */ R({
+}), ei = /* @__PURE__ */ F({
 	__name: "RadioGroup",
 	props: {
 		modelValue: {},
@@ -710,19 +789,19 @@ var Er = /* @__PURE__ */ R({
 	},
 	emits: ["update:modelValue"],
 	setup(t, { emit: n }) {
-		let r = t, i = n, a = Y(j(() => {
+		let r = t, i = n, a = q(O(() => {
 			let { class: e, ...t } = r;
 			return t;
 		}), i);
-		return (t, n) => (V(), M(K(lr), z({
+		return (t, n) => (R(), k(W(cr), I({
 			"data-slot": "radio-group",
-			class: K(e)("grid gap-2", r.class)
-		}, K(a)), {
-			default: q(() => [U(t.$slots, "default")]),
+			class: W(e)("grid gap-2", r.class)
+		}, W(a)), {
+			default: G(() => [V(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Zr = /* @__PURE__ */ R({
+}), ti = /* @__PURE__ */ F({
 	__name: "RadioGroupItem",
 	props: {
 		id: {},
@@ -741,22 +820,22 @@ var Er = /* @__PURE__ */ R({
 		] }
 	},
 	setup(t) {
-		let n = t, r = J(j(() => {
+		let n = t, r = K(O(() => {
 			let { class: e, ...t } = n;
 			return t;
 		}));
-		return (t, i) => (V(), M(K(cr), z({ "data-slot": "radio-group-item" }, K(r), { class: K(e)("tap-squish focus-ring aspect-square h-4 w-4 rounded-pill border border-primary text-primary transition-control disabled:cursor-not-allowed disabled:opacity-disabled", n.class) }), {
-			default: q(() => [L(K(sr), { class: "flex items-center justify-center" }, {
-				default: q(() => [L(K(se), { class: "h-2.5 w-2.5 fill-current text-current" })]),
+		return (t, i) => (R(), k(W(sr), I({ "data-slot": "radio-group-item" }, W(r), { class: W(e)("tap-squish focus-ring relative touch-hit-area aspect-square h-4 w-4 rounded-pill border border-primary text-primary transition-control disabled:cursor-not-allowed disabled:opacity-disabled", n.class) }), {
+			default: G(() => [P(W(or), { class: "flex items-center justify-center" }, {
+				default: G(() => [P(W(se), { class: "h-2.5 w-2.5 fill-current text-current" })]),
 				_: 1
 			})]),
 			_: 1
 		}, 16, ["class"]));
 	}
-}), Qr = {
+}), ni = {
 	key: 1,
 	class: "flex flex-col gap-1"
-}, $r = /* @__PURE__ */ R({
+}, ri = /* @__PURE__ */ F({
 	__name: "Section",
 	props: {
 		title: {},
@@ -797,22 +876,22 @@ var Er = /* @__PURE__ */ R({
 			regular: "gap-2",
 			loose: "gap-4"
 		};
-		return (a, o) => (V(), P("section", {
+		return (a, o) => (R(), j("section", {
 			"data-slot": "section",
-			class: B(K(e)("flex flex-col", i[n.gap], n.backdrop === "paper" && "relative isolate", n.class))
+			class: L(W(e)("flex flex-col", i[n.gap], n.backdrop === "paper" && "relative isolate", n.class))
 		}, [
-			n.backdrop === "paper" ? (V(), M(K(Gt), {
+			n.backdrop === "paper" ? (R(), k(W(Gt), {
 				key: 0,
 				class: "!absolute inset-0"
-			})) : N("", !0),
-			t.title || a.$slots.header ? (V(), P("header", Qr, [U(a.$slots, "header", {}, () => [F("h2", { class: B(K(e)(r[n.tone], n.titleClass)) }, G(t.title), 3)]), t.description || a.$slots.description ? (V(), P("p", {
+			})) : A("", !0),
+			t.title || a.$slots.header ? (R(), j("header", ni, [V(a.$slots, "header", {}, () => [M("h2", { class: L(W(e)(r[n.tone], n.titleClass)) }, U(t.title), 3)]), t.description || a.$slots.description ? (R(), j("p", {
 				key: 0,
-				class: B(K(e)("section-description", n.descriptionClass))
-			}, [U(a.$slots, "description", {}, () => [I(G(t.description), 1)])], 2)) : N("", !0)])) : N("", !0),
-			U(a.$slots, "default")
+				class: L(W(e)("section-description", n.descriptionClass))
+			}, [V(a.$slots, "description", {}, () => [N(U(t.description), 1)])], 2)) : A("", !0)])) : A("", !0),
+			V(a.$slots, "default")
 		], 2));
 	}
-}), ei = /* @__PURE__ */ R({
+}), ii = /* @__PURE__ */ F({
 	__name: "TabsContent",
 	props: {
 		value: {},
@@ -828,16 +907,16 @@ var Er = /* @__PURE__ */ R({
 		] }
 	},
 	setup(t) {
-		let n = t, r = j(() => {
+		let n = t, r = O(() => {
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, i) => (V(), M(K(ur), z({ class: K(e)("mt-2 focus-visible:outline-none", n.class) }, r.value), {
-			default: q(() => [U(t.$slots, "default")]),
+		return (t, i) => (R(), k(W(lr), I({ class: W(e)("mt-2 focus-visible:outline-none", n.class) }, r.value), {
+			default: G(() => [V(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), ti = /* @__PURE__ */ R({
+}), ai = /* @__PURE__ */ F({
 	__name: "TagsInput",
 	props: {
 		modelValue: {},
@@ -872,16 +951,16 @@ var Er = /* @__PURE__ */ R({
 		"removeTag"
 	],
 	setup(t, { emit: n }) {
-		let r = t, i = n, a = Y(j(() => {
+		let r = t, i = n, a = q(O(() => {
 			let { class: e, ...t } = r;
 			return t;
 		}), i);
-		return (t, n) => (V(), M(K(hr), z({ "data-slot": "tags-input" }, K(a), { class: K(e)("flex flex-wrap gap-2 items-center rounded-input border border-input bg-[var(--glass-bg-quiet)] [backdrop-filter:var(--glass-blur-quiet)] px-3 py-2 text-sm", r.class) }), {
-			default: q(() => [U(t.$slots, "default")]),
+		return (t, n) => (R(), k(W(mr), I({ "data-slot": "tags-input" }, W(a), { class: W(e)("flex flex-wrap gap-2 items-center rounded-input border border-input bg-(--glass-bg-quiet) [backdrop-filter:var(--glass-blur-quiet)] px-3 py-2 text-sm", r.class) }), {
+			default: G(() => [V(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), ni = /* @__PURE__ */ R({
+}), oi = /* @__PURE__ */ F({
 	__name: "TagsInputInput",
 	props: {
 		placeholder: {},
@@ -898,13 +977,13 @@ var Er = /* @__PURE__ */ R({
 		] }
 	},
 	setup(t) {
-		let n = t, r = J(j(() => {
+		let n = t, r = K(O(() => {
 			let { class: e, ...t } = n;
 			return t;
 		}));
-		return (t, i) => (V(), M(K(dr), z(K(r), { class: K(e)("text-sm min-h-6 focus:outline-none flex-1 bg-transparent px-1", n.class) }), null, 16, ["class"]));
+		return (t, i) => (R(), k(W(ur), I(W(r), { class: W(e)("text-sm min-h-6 focus:outline-none flex-1 bg-transparent px-1", n.class) }), null, 16, ["class"]));
 	}
-}), ri = /* @__PURE__ */ R({
+}), si = /* @__PURE__ */ F({
 	__name: "TagsInputItem",
 	props: {
 		value: {},
@@ -920,16 +999,16 @@ var Er = /* @__PURE__ */ R({
 		] }
 	},
 	setup(t) {
-		let n = t, r = J(j(() => {
+		let n = t, r = K(O(() => {
 			let { class: e, ...t } = n;
 			return t;
 		}));
-		return (t, i) => (V(), M(K(fr), z(K(r), { class: K(e)("flex h-6 items-center rounded bg-secondary data-[state=active]:ring-ring data-[state=active]:ring-2 data-[state=active]:ring-offset-2 ring-offset-background", n.class) }), {
-			default: q(() => [U(t.$slots, "default")]),
+		return (t, i) => (R(), k(W(dr), I(W(r), { class: W(e)("flex h-6 items-center rounded bg-secondary data-[state=active]:ring-ring data-[state=active]:ring-2 data-[state=active]:ring-offset-2 ring-offset-background", n.class) }), {
+			default: G(() => [V(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), ii = /* @__PURE__ */ R({
+}), ci = /* @__PURE__ */ F({
 	__name: "TagsInputItemDelete",
 	props: {
 		asChild: { type: Boolean },
@@ -943,16 +1022,16 @@ var Er = /* @__PURE__ */ R({
 		] }
 	},
 	setup(t) {
-		let n = t, r = J(j(() => {
+		let n = t, r = K(O(() => {
 			let { class: e, ...t } = n;
 			return t;
 		}));
-		return (t, i) => (V(), M(K(pr), z(K(r), { class: K(e)("flex rounded bg-transparent mr-1", n.class) }), {
-			default: q(() => [U(t.$slots, "default", {}, () => [L(K(m), { class: "w-4 h-4" })])]),
+		return (t, i) => (R(), k(W(fr), I(W(r), { class: W(e)("relative touch-hit-area flex rounded bg-transparent mr-1", n.class) }), {
+			default: G(() => [V(t.$slots, "default", {}, () => [P(W(m), { class: "w-4 h-4" })])]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), ai = /* @__PURE__ */ R({
+}), li = /* @__PURE__ */ F({
 	__name: "TagsInputItemText",
 	props: {
 		asChild: { type: Boolean },
@@ -966,12 +1045,12 @@ var Er = /* @__PURE__ */ R({
 		] }
 	},
 	setup(t) {
-		let n = t, r = J(j(() => {
+		let n = t, r = K(O(() => {
 			let { class: e, ...t } = n;
 			return t;
 		}));
-		return (t, i) => (V(), M(K(mr), z(K(r), { class: K(e)("py-1 px-2 text-sm rounded bg-transparent", n.class) }), null, 16, ["class"]));
+		return (t, i) => (R(), k(W(pr), I(W(r), { class: W(e)("py-1 px-2 text-sm rounded bg-transparent", n.class) }), null, 16, ["class"]));
 	}
 });
 //#endregion
-export { Er as Accordion, Dr as AccordionContent, Or as AccordionItem, kr as AccordionTrigger, Ar as Alert, jr as AlertDescription, Mr as AlertTitle, Nr as Avatar, Fr as AvatarFallback, Pr as AvatarImage, h as Badge, g as Button, me as CONFIGURATOR_DENSITY_KEY, _ as Card, v as CardAction, Pe as CardContent, je as CardDescription, Me as CardFooter, Ne as CardHeader, Ae as CardTitle, Fn as ChassisDivider, Ir as Checkbox, Fe as Collapsible, Ie as CollapsibleContent, y as CollapsibleTrigger, S as Command, Le as CommandDialog, T as CommandEmpty, C as CommandGroup, b as CommandInput, x as CommandItem, w as CommandList, Re as CommandSeparator, ze as CommandShortcut, he as Configurator, ve as ConfiguratorLayer, ge as ConfiguratorRow, Xe as ContextMenu, ae as ContextMenuCheckboxItem, Ze as ContextMenuContent, p as ContextMenuItem, ie as ContextMenuLabel, te as ContextMenuRadioGroup, re as ContextMenuRadioItem, ee as ContextMenuSeparator, f as ContextMenuShortcut, oe as ContextMenuSubContent, ne as ContextMenuSubTrigger, Ye as ContextMenuTrigger, vt as DataTable, mt as DataTablePagination, Bn as DeckProgress, Be as Dialog, qe as DialogClose, Ve as DialogContent, Ke as DialogDescription, Je as DialogFooter, He as DialogHeader, We as DialogScrollContent, Ue as DialogTitle, Ge as DialogTrigger, Rr as Drawer, _r as DrawerClose, zr as DrawerContent, Ur as DrawerDescription, Vr as DrawerFooter, Br as DrawerHeader, $ as DrawerOverlay, xr as DrawerPortal, Hr as DrawerTitle, Tr as DrawerTrigger, wt as DropdownMenu, Et as DropdownMenuCheckboxItem, At as DropdownMenuContent, Ct as DropdownMenuGroup, Pt as DropdownMenuItem, bt as DropdownMenuLabel, Nt as DropdownMenuPortal, St as DropdownMenuRadioGroup, xt as DropdownMenuRadioItem, kt as DropdownMenuSeparator, Mt as DropdownMenuShortcut, Tt as DropdownMenuSub, Ot as DropdownMenuSubContent, jt as DropdownMenuSubTrigger, Dt as DropdownMenuTrigger, It as HoverCard, Lt as HoverCardContent, Ft as HoverCardTrigger, Rn as HoverPopover, In as InstrumentChassis, Ln as InstrumentRail, Rt as Label, Wr as MetricPill, Yr as MultiSelect, d as Notification, ce as NumberField, pe as NumberFieldContent, ue as NumberFieldDecrement, fe as NumberFieldIncrement, le as NumberFieldInput, D as Popover, O as PopoverContent, E as PopoverTrigger, Wt as Progress, Bt as ProgressDefault, Vt as ProgressGradient, Ht as ProgressSectioned, Xr as RadioGroup, Zr as RadioGroupItem, zn as ScrollingText, $r as Section, Zt as Select, qt as SelectContent, $t as SelectGroup, Xt as SelectItem, en as SelectLabel, Qt as SelectScrollDownButton, Jt as SelectScrollUpButton, tn as SelectSeparator, Kt as SelectTrigger, Yt as SelectValue, nn as Separator, sn as Sheet, dn as SheetClose, ln as SheetContent, un as SheetDescription, cn as SheetFooter, rn as SheetHeader, on as SheetTitle, an as SheetTrigger, gt as Skeleton, pn as Slider, hn as Switch, yt as Table, pt as TableBody, Lr as TableCaption, dt as TableCell, ft as TableEmpty, _t as TableHead, ht as TableHeader, ut as TableRow, k as Tabs, ei as TabsContent, gn as TabsIndicator, vn as TabsList, _n as TabsTrigger, ti as TagsInput, ni as TagsInputInput, ri as TagsInputItem, ii as TagsInputItemDelete, ai as TagsInputItemText, bn as Toast, Tn as ToastAction, Cn as ToastClose, yn as ToastDescription, xn as ToastTitle, En as Toaster, Dn as Toggle, On as ToggleGroup, An as ToggleGroupItem, jn as Tooltip, Nn as TooltipContent, Pn as TooltipProvider, Mn as TooltipTrigger, Z as alertVariants, Q as avatarVariants, xe as badgeVariants, Se as buttonVariants, e as cn, nt as copyToClipboard, Te as createGlassFilter, ct as createTokenColorCache, Ce as destroyGlassFilter, t as moveBeforeSafe, _e as provideConfiguratorDensity, ke as resolveCanvasColor, st as resolveTokenColor, fn as sheetVariants, mn as sliderVariants, r as startViewTransition, i as supportsMoveBefore, n as supportsPostTask, c as supportsScrollTimeline, s as supportsViewTimeline, a as supportsViewTransitions, Sn as toast, kn as toggleVariants, at as useBreakpoint, Oe as useCanvas2D, De as useCanvasLifecycle, tt as useClipboard, be as useConfiguratorState, we as useGlassRenderer, rt as useIdleReady, Vn as useInterval, ye as useOptionalConfiguratorDensity, Ut as useProgressGeometry, Qe as useResizeObserver, Hn as useSortable, Ee as useSpecularTracking, Un as useTextHighlight, $e as useTimer, wn as useToast, it as useTokenColor, et as useTouchGate, lt as useUserInvalidAria, ot as useViewportReady, o as vReveal };
+export { Tr as Accordion, Er as AccordionContent, Dr as AccordionItem, Or as AccordionTrigger, kr as Alert, Ar as AlertDescription, jr as AlertTitle, Mr as Avatar, Pr as AvatarFallback, Nr as AvatarImage, h as Badge, g as Button, me as CONFIGURATOR_DENSITY_KEY, Me as Card, Ne as CardAction, je as CardContent, Oe as CardDescription, ke as CardFooter, Ae as CardHeader, De as CardTitle, Fn as ChassisDivider, Br as Checkbox, Fe as Collapsible, Ie as CollapsibleContent, Pe as CollapsibleTrigger, y as Command, Le as CommandDialog, S as CommandEmpty, b as CommandGroup, _ as CommandInput, v as CommandItem, x as CommandList, Re as CommandSeparator, ze as CommandShortcut, he as Configurator, ve as ConfiguratorLayer, ge as ConfiguratorRow, Xe as ContextMenu, ae as ContextMenuCheckboxItem, Ze as ContextMenuContent, p as ContextMenuItem, ie as ContextMenuLabel, te as ContextMenuRadioGroup, re as ContextMenuRadioItem, ee as ContextMenuSeparator, f as ContextMenuShortcut, oe as ContextMenuSubContent, ne as ContextMenuSubTrigger, Ye as ContextMenuTrigger, vt as DataTable, mt as DataTablePagination, Be as Dialog, qe as DialogClose, Ve as DialogContent, Ke as DialogDescription, Je as DialogFooter, He as DialogHeader, We as DialogScrollContent, Ue as DialogTitle, Ge as DialogTrigger, Hr as Drawer, gr as DrawerClose, Ur as DrawerContent, qr as DrawerDescription, Gr as DrawerFooter, Wr as DrawerHeader, $ as DrawerOverlay, br as DrawerPortal, Kr as DrawerTitle, wr as DrawerTrigger, wt as DropdownMenu, Et as DropdownMenuCheckboxItem, At as DropdownMenuContent, Ct as DropdownMenuGroup, Pt as DropdownMenuItem, bt as DropdownMenuLabel, Nt as DropdownMenuPortal, St as DropdownMenuRadioGroup, xt as DropdownMenuRadioItem, kt as DropdownMenuSeparator, Mt as DropdownMenuShortcut, Tt as DropdownMenuSub, Ot as DropdownMenuSubContent, jt as DropdownMenuSubTrigger, Dt as DropdownMenuTrigger, It as HoverCard, Lt as HoverCardContent, Ft as HoverCardTrigger, Ln as HoverPopover, In as InstrumentChassis, Rt as Label, Jr as MetricPill, $r as MultiSelect, d as Notification, ce as NumberField, pe as NumberFieldContent, ue as NumberFieldDecrement, fe as NumberFieldIncrement, le as NumberFieldInput, w as Popover, T as PopoverContent, C as PopoverTrigger, Wt as Progress, Bt as ProgressDefault, Vt as ProgressGradient, Ht as ProgressSectioned, ei as RadioGroup, ti as RadioGroupItem, Rn as ScrollingText, ri as Section, Zt as Select, qt as SelectContent, $t as SelectGroup, Xt as SelectItem, en as SelectLabel, Qt as SelectScrollDownButton, Jt as SelectScrollUpButton, tn as SelectSeparator, Kt as SelectTrigger, Yt as SelectValue, nn as Separator, sn as Sheet, dn as SheetClose, ln as SheetContent, un as SheetDescription, cn as SheetFooter, rn as SheetHeader, on as SheetTitle, an as SheetTrigger, gt as Skeleton, pn as Slider, hn as Switch, yt as Table, pt as TableBody, Vr as TableCaption, dt as TableCell, ft as TableEmpty, _t as TableHead, ht as TableHeader, ut as TableRow, gn as Tabs, ii as TabsContent, _n as TabsIndicator, E as TabsList, vn as TabsTrigger, ai as TagsInput, oi as TagsInputInput, si as TagsInputItem, ci as TagsInputItemDelete, li as TagsInputItemText, bn as Toast, Tn as ToastAction, Cn as ToastClose, yn as ToastDescription, xn as ToastTitle, En as Toaster, Dn as Toggle, On as ToggleGroup, An as ToggleGroupItem, jn as Tooltip, Nn as TooltipContent, Pn as TooltipProvider, Mn as TooltipTrigger, Y as alertVariants, X as avatarVariants, xe as badgeVariants, Se as buttonVariants, e as cn, nt as copyToClipboard, Lr as createGlassFilter, ct as createTokenColorCache, Rr as destroyGlassFilter, t as moveBeforeSafe, _e as provideConfiguratorDensity, Ee as resolveCanvasColor, st as resolveTokenColor, fn as sheetVariants, mn as sliderVariants, r as startViewTransition, i as supportsMoveBefore, n as supportsPostTask, c as supportsScrollTimeline, s as supportsViewTimeline, a as supportsViewTransitions, Sn as toast, kn as toggleVariants, at as useBreakpoint, Te as useCanvas2D, we as useCanvasLifecycle, tt as useClipboard, be as useConfiguratorState, zr as useGlassRenderer, rt as useIdleReady, zn as useInterval, ye as useOptionalConfiguratorDensity, Ut as useProgressGeometry, Qe as useResizeObserver, Bn as useSortable, Ce as useSpecularTracking, Vn as useTextHighlight, $e as useTimer, wn as useToast, it as useTokenColor, et as useTouchGate, lt as useUserInvalidAria, ot as useViewportReady, o as vReveal };