@mkbabb/glass-ui 3.12.0 → 4.0.0

package/dist/glass-ui.js

@@ -1,66 +1,66 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { a as t, i as n, n as r, o as i, r as a, t as o } from "./vReveal-zUIQk-rJ.js";
-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-DLMhblXR.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 { t as m } from "./x-Dfsegz9Y.js";
-import { n as h, t as xe } from "./badge-CaoFJzRb.js";
-import { n as g, t as Se } from "./button-DN39cGqL.js";
-import { n as Ce, r as we, t as Te } from "./useGlassRenderer-D7YGOYiM.js";
-import { t as Ee } from "./useSpecularTracking-BVRZsRHA.js";
+import { a as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./useViewTransition-COsPjQVZ.js";
+import { n as c, t as l } from "./coalesceMetric-5qIeZnTx.js";
+import { n as u, t as d } from "./supportsCssTimeline-BWenxvHU.js";
+import { t as f } from "./check-njhk-vfu.js";
+import { t as p } from "./chevron-down-DKkxb4VV.js";
+import { t as ee } from "./Notification-DKjKsQq8.js";
+import { a as te, c as ne, i as re, l as ie, n as ae, o as oe, r as se, s as ce, t as le, u as ue } from "./ContextMenuSubContent-B0Vs6atR.js";
+import { a as de, i as fe, n as pe, o as me, r as he, t as ge } from "./NumberFieldContent-1VtwDSgf.js";
+import { a as _e, i as ve, n as ye, o as be, r as xe, s as Se, t as Ce } from "./useConfiguratorState-kiIlun8I.js";
+import { t as m } from "./x-BUwTKe50.js";
+import { n as h, t as we } from "./badge-UILT_3pZ.js";
+import { n as g, t as Te } from "./button-BNDWhAZb.js";
+import { t as Ee } from "./useSpecularTracking-Bo5su68i.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 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";
-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 { 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-BZVWIxNy.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 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 { 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-ClgpP7EB.js";
-import { t as hn } from "./Switch-Ch-k3Rv-.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-COu_4IW4.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 { n as Un, t as Wn } from "./useViewTransition-DaN5Zrox.js";
-import { t as Gn } from "./useTextHighlight-CWEi25hf.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 Kn, mergeModels as qn, mergeProps as z, normalizeClass as B, normalizeProps as Jn, openBlock as V, ref as Yn, renderList as H, renderSlot as U, resolveDynamicComponent as W, toDisplayString as G, toRaw as Xn, unref as K, useModel as Zn, withCtx as q, withModifiers as Qn } from "vue";
-import { AccordionContent as $n, AccordionHeader as er, AccordionItem as tr, AccordionRoot as nr, AccordionTrigger as rr, AvatarFallback as ir, AvatarImage as ar, AvatarRoot as or, CheckboxIndicator as sr, CheckboxRoot as cr, RadioGroupIndicator as lr, RadioGroupItem as ur, RadioGroupRoot as dr, TabsContent as fr, TagsInputInput as pr, TagsInputItem as mr, TagsInputItemDelete as hr, TagsInputItemText as gr, TagsInputRoot as _r, useEmitAsProps as vr, useForwardProps as J, useForwardPropsEmits as Y } from "reka-ui";
+import { a as Ae, i as je, n as Me, o as Ne, r as Pe, s as Fe, t as _ } from "./CardAction-XH4YBVEK.js";
+import { t as v } from "./useSurfaceAxis-CMnF2zHb.js";
+import { n as Ie, r as Le, t as Re } from "./CollapsibleContent-C_s6fG7r.js";
+import { a as y, c as ze, i as b, l as x, n as Be, o as S, r as C, s as w, t as Ve } from "./CommandShortcut-DdtWXxOK.js";
+import { n as He, t as Ue } from "./DialogContent-DDE6pQBU.js";
+import { a as We, i as Ge, n as Ke, o as qe, r as Je, s as Ye, t as Xe } from "./DialogFooter-8eZbdmPc.js";
+import { n as Ze, r as Qe, t as $e } from "./ContextMenuContent-ON3x7cuk.js";
+import { t as et } from "./useResizeObserver-V6nq5gJb.js";
+import { t as tt } from "./useTimer-B_PAasDL.js";
+import { t as nt } from "./useTouchGate-28Tk2-t2.js";
+import { a as rt, i as it, n as at, o as ot, r as st, t as ct } from "./useViewportReady-CvBcCYDf.js";
+import { n as lt, t as ut } from "./useResolveTokenColor-NUG2zYAW.js";
+import { t as dt } from "./useUserInvalidAria-CDfJuakL.js";
+import { a as ft, c as pt, i as mt, l as ht, n as gt, o as _t, r as vt, s as yt, t as bt, u as xt } from "./DataTable-C464Zbqd.js";
+import { a as St, c as Ct, d as wt, f as Tt, h as Et, i as Dt, l as Ot, m as kt, n as At, o as jt, p as Mt, r as Nt, s as Pt, t as Ft, u as It } from "./dropdown-menu-BJ7E9js_.js";
+import { n as Lt, r as Rt, t as zt } from "./HoverCardContent-DkMaQzH5.js";
+import { t as Bt } from "./Label-Ck9SWEKM.js";
+import { t as Vt } from "./MetricBadge-BpC0R_Ec.js";
+import { n as T, r as E, t as D } from "./PopoverContent-BTorlp--.js";
+import { a as Ht, i as Ut, n as Wt, r as Gt, t as Kt } from "./Progress-hAT4gqGH.js";
+import { t as qt } from "./PaperBackdrop-nBKe0vkB.js";
+import { a as Jt, i as Yt, n as Xt, o as Zt, r as Qt, s as $t, t as en } from "./SelectScrollDownButton-C1jb3b3K.js";
+import { t as tn } from "./SelectGroup-Dcczq44n.js";
+import { n as nn, t as rn } from "./SelectSeparator-DK2y1Bun.js";
+import { t as an } from "./Separator-BArl4OaB.js";
+import { a as on, c as sn, i as cn, l as ln, n as un, o as dn, r as fn, s as pn, t as mn } from "./sheet-CquRYOAw.js";
+import { n as hn, t as gn } from "./slider-DQ95MET2.js";
+import { t as O } from "./Switch-Dr--uLGH.js";
+import { a as _n, c as vn, i as yn, n as bn, o as xn, r as Sn, s as Cn, t as wn } from "./Toaster-Bm_HQSpc.js";
+import { i as Tn, n as En, r as Dn, t as On } from "./ToggleGroupItem-Dzk9hWsF.js";
+import { i as kn, n as An, r as jn, t as Mn } from "./TooltipProvider-B3MkB_8P.js";
+import { n as Nn, t as Pn } from "./InstrumentChassis-UUJX0-mW.js";
+import { t as Fn } from "./HoverPopover-Dpzwvc4t.js";
+import { t as In } from "./ScrollingText-CUVFTWk2.js";
+import { t as Ln } from "./vReveal-D9k0jADx.js";
+import { t as Rn } from "./IconChip-BDw1j5mu.js";
+import { t as zn } from "./useInterval-CNdua40W.js";
+import { t as Bn } from "./useSortable-BVqlJRBR.js";
+import { t as Vn } from "./useTextHighlight-NmBM5V_4.js";
+import { t as Hn } from "./useLiquidFlex-C12hXwOZ.js";
+import { Fragment as k, computed as A, createBlock as j, createCommentVNode as M, createElementBlock as N, createElementVNode as P, createTextVNode as F, createVNode as I, defineComponent as L, guardReactiveProps as Un, mergeModels as Wn, mergeProps as R, normalizeClass as z, normalizeProps as Gn, openBlock as B, ref as V, renderList as H, renderSlot as U, resolveDynamicComponent as W, toDisplayString as G, toRaw as Kn, unref as K, useModel as qn, watch as Jn, withCtx as q, 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, TagsInputInput as lr, TagsInputItem as ur, TagsInputItemDelete as dr, TagsInputItemText as fr, TagsInputRoot as pr, useEmitAsProps as mr, useForwardProps as J, useForwardPropsEmits as Y } from "reka-ui";
 import { cva as X } from "class-variance-authority";
-import { DrawerClose as yr, DrawerContent as br, DrawerDescription as xr, DrawerOverlay as Sr, DrawerPortal as Cr, DrawerPortal as wr, DrawerRoot as Tr, DrawerTitle as Er, DrawerTrigger as Dr } from "vaul-vue";
+import { DrawerClose as hr, DrawerContent as gr, DrawerDescription as _r, DrawerOverlay as vr, DrawerPortal as yr, DrawerPortal as br, DrawerRoot as xr, DrawerTitle as Sr, DrawerTrigger as Cr } from "vaul-vue";
 //#endregion
 //#region src/components/ui/accordion/Accordion.vue
-var Or = /* @__PURE__ */ R({
+var wr = /* @__PURE__ */ L({
 	__name: "Accordion",
 	props: {
 		collapsible: { type: Boolean },
@@ -77,12 +77,12 @@ var Or = /* @__PURE__ */ R({
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = Y(e, t);
-		return (e, t) => (V(), M(K(nr), z({ "data-slot": "accordion" }, K(n)), {
+		return (e, t) => (B(), j(K($n), R({ "data-slot": "accordion" }, K(n)), {
 			default: q(() => [U(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), kr = /* @__PURE__ */ R({
+}), Tr = /* @__PURE__ */ L({
 	__name: "AccordionContent",
 	props: {
 		forceMount: { type: Boolean },
@@ -97,16 +97,16 @@ var Or = /* @__PURE__ */ R({
 		] }
 	},
 	setup(t) {
-		let n = t, r = j(() => {
+		let n = t, r = A(() => {
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, i) => (V(), M(K($n), 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) => (B(), j(K(Xn), R(r.value, { class: "overflow-hidden text-sm transition-collapse data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" }), {
+			default: q(() => [P("div", { class: z(K(e)("pb-4 pt-0", n.class)) }, [U(t.$slots, "default")], 2)]),
 			_: 3
 		}, 16));
 	}
-}), Ar = /* @__PURE__ */ R({
+}), Er = /* @__PURE__ */ L({
 	__name: "AccordionItem",
 	props: {
 		disabled: { type: Boolean },
@@ -123,16 +123,16 @@ var Or = /* @__PURE__ */ R({
 		] }
 	},
 	setup(t) {
-		let n = t, r = J(j(() => {
+		let n = t, r = J(A(() => {
 			let { class: e, ...t } = n;
 			return t;
 		}));
-		return (t, i) => (V(), M(K(tr), z(K(r), { class: K(e)("border-b", n.class) }), {
+		return (t, i) => (B(), j(K(Qn), R(K(r), { class: K(e)("border-b", n.class) }), {
 			default: q(() => [U(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), jr = /* @__PURE__ */ R({
+}), Dr = /* @__PURE__ */ L({
 	__name: "AccordionTrigger",
 	props: {
 		asChild: { type: Boolean },
@@ -146,19 +146,19 @@ var Or = /* @__PURE__ */ R({
 		] }
 	},
 	setup(t) {
-		let n = t, r = j(() => {
+		let n = t, r = A(() => {
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, i) => (V(), M(K(er), { class: "flex" }, {
-			default: q(() => [L(K(rr), 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) => (B(), j(K(Zn), { class: "flex" }, {
+			default: q(() => [I(K(er), R({ "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", {}, () => [I(K(p), { class: "h-4 w-4 shrink-0 transition-transform duration-200" })])]),
 				_: 3
 			}, 16, ["class"])]),
 			_: 3
 		}));
 	}
-}), Mr = /* @__PURE__ */ R({
+}), Or = /* @__PURE__ */ L({
 	__name: "Alert",
 	props: {
 		class: { type: [
@@ -172,13 +172,13 @@ var Or = /* @__PURE__ */ R({
 	},
 	setup(t) {
 		let n = t;
-		return (r, i) => (V(), P("div", {
+		return (r, i) => (B(), N("div", {
 			"data-slot": "alert",
-			class: B(K(e)(K(Z)({ variant: t.variant }), n.class)),
+			class: z(K(e)(K(Z)({ variant: t.variant }), n.class)),
 			role: "alert"
 		}, [U(r.$slots, "default")], 2));
 	}
-}), Nr = /* @__PURE__ */ R({
+}), kr = /* @__PURE__ */ L({
 	__name: "AlertDescription",
 	props: { class: { type: [
 		Boolean,
@@ -189,12 +189,12 @@ var Or = /* @__PURE__ */ R({
 	] } },
 	setup(t) {
 		let n = t;
-		return (t, r) => (V(), P("div", {
+		return (t, r) => (B(), N("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))
+			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));
 	}
-}), Pr = /* @__PURE__ */ R({
+}), Ar = /* @__PURE__ */ L({
 	__name: "AlertTitle",
 	props: { class: { type: [
 		Boolean,
@@ -205,21 +205,21 @@ var Or = /* @__PURE__ */ R({
 	] } },
 	setup(t) {
 		let n = t;
-		return (t, r) => (V(), P("div", {
+		return (t, r) => (B(), N("div", {
 			"data-slot": "alert-title",
-			class: B(K(e)("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", n.class))
+			class: z(K(e)("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", n.class))
 		}, [U(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", {
+}), 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-(--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: "feedback-tone feedback-tone-destructive [--feedback-tone-rung:var(--glass-bg-wash)] [backdrop-filter:var(--glass-blur-wash)] text-card-foreground [&>svg]:text-(--tone) *:data-[slot=alert-description]:text-card-foreground/90",
+		success: "feedback-tone feedback-tone-success [--feedback-tone-rung:var(--glass-bg-wash)] [backdrop-filter:var(--glass-blur-wash)] text-card-foreground [&>svg]:text-(--tone) *:data-[slot=alert-description]:text-card-foreground/90",
+		warning: "feedback-tone feedback-tone-warning [--feedback-tone-rung:var(--glass-bg-wash)] [backdrop-filter:var(--glass-blur-wash)] text-card-foreground [&>svg]:text-(--tone) *:data-[slot=alert-description]:text-card-foreground/90",
+		info: "feedback-tone feedback-tone-info [--feedback-tone-rung:var(--glass-bg-wash)] [backdrop-filter:var(--glass-blur-wash)] text-card-foreground [&>svg]:text-(--tone) *:data-[slot=alert-description]:text-card-foreground/90"
 	} },
 	defaultVariants: { variant: "default" }
-}), Fr = /* @__PURE__ */ R({
+}), jr = /* @__PURE__ */ L({
 	__name: "Avatar",
 	props: {
 		class: { type: [
@@ -234,9 +234,9 @@ var Or = /* @__PURE__ */ R({
 	},
 	setup(t) {
 		let n = t;
-		return (r, i) => (V(), M(K(or), {
+		return (r, i) => (B(), j(K(rr), {
 			"data-slot": "avatar",
-			class: B(K(e)(K(Q)({
+			class: z(K(e)(K(Q)({
 				size: t.size,
 				shape: t.shape
 			}), n.class))
@@ -245,7 +245,7 @@ var Or = /* @__PURE__ */ R({
 			_: 3
 		}, 8, ["class"]));
 	}
-}), Ir = /* @__PURE__ */ R({
+}), Mr = /* @__PURE__ */ L({
 	__name: "AvatarImage",
 	props: {
 		src: {},
@@ -257,9 +257,9 @@ var Or = /* @__PURE__ */ R({
 	},
 	setup(e) {
 		let t = e;
-		return (e, n) => (V(), M(K(ar), z(t, { class: "h-full w-full object-cover" }), null, 16));
+		return (e, n) => (B(), j(K(nr), R(t, { class: "h-full w-full object-cover" }), null, 16));
 	}
-}), Lr = /* @__PURE__ */ R({
+}), Nr = /* @__PURE__ */ L({
 	__name: "AvatarFallback",
 	props: {
 		delayMs: {},
@@ -268,14 +268,14 @@ var Or = /* @__PURE__ */ R({
 	},
 	setup(e) {
 		let t = e;
-		return (e, n) => (V(), M(K(ir), Jn(Kn(t)), {
+		return (e, n) => (B(), j(K(tr), Gn(Un(t)), {
 			default: q(() => [U(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: {
 	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"
 	},
@@ -283,7 +283,7 @@ var Or = /* @__PURE__ */ R({
 		circle: "rounded-pill",
 		square: "rounded-input"
 	}
-} }), Rr = /* @__PURE__ */ R({
+} }), Pr = /* @__PURE__ */ L({
 	__name: "Checkbox",
 	props: {
 		defaultValue: {},
@@ -307,19 +307,19 @@ var Or = /* @__PURE__ */ R({
 	},
 	emits: ["update:modelValue"],
 	setup(t, { emit: n }) {
-		let r = t, i = n, a = Y(j(() => {
+		let r = t, i = n, a = Y(A(() => {
 			let { class: e, ...t } = r;
 			return t;
 		}), i);
-		return (t, n) => (V(), M(K(cr), 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(sr), { 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) => (B(), j(K(ar), R({ "data-slot": "checkbox" }, K(a), { class: K(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: q(() => [I(K(ir), { class: "flex h-full w-full items-center justify-center text-current" }, {
+				default: q(() => [U(t.$slots, "default", {}, () => [I(K(me), { class: "hidden h-4 w-4 group-data-[state=indeterminate]:block" }), I(K(f), { class: "h-4 w-4 group-data-[state=indeterminate]:hidden" })])]),
 				_: 3
 			})]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), zr = /* @__PURE__ */ R({
+}), Fr = /* @__PURE__ */ L({
 	__name: "TableCaption",
 	props: { class: { type: [
 		Boolean,
@@ -330,9 +330,9 @@ var Or = /* @__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) => (B(), N("caption", { class: z(K(e)("mt-4 text-sm text-muted-foreground", n.class)) }, [U(t.$slots, "default")], 2));
 	}
-}), Br = /* @__PURE__ */ R({
+}), Ir = /* @__PURE__ */ L({
 	__name: "Drawer",
 	props: {
 		activeSnapPoint: {},
@@ -349,7 +349,10 @@ var Or = /* @__PURE__ */ R({
 			type: Boolean,
 			default: void 0
 		},
-		open: { type: Boolean },
+		open: {
+			type: Boolean,
+			default: void 0
+		},
 		defaultOpen: { type: Boolean },
 		nested: { type: Boolean },
 		direction: {},
@@ -369,26 +372,35 @@ var Or = /* @__PURE__ */ R({
 		"animationEnd"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = vr(t), i = [
+		let n = e, r = t, i = mr(r), a = A(() => n.open !== void 0), o = V(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 = A(() => {
+			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(Tr), z({ "data-slot": "drawer" }, a.value), {
+		return (e, t) => (B(), j(K(xr), R({ "data-slot": "drawer" }, l.value), {
 			default: q(() => [U(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), $ = /* @__PURE__ */ R({
+}), $ = /* @__PURE__ */ L({
 	__name: "DrawerOverlay",
 	props: {
 		forceMount: { type: Boolean },
@@ -403,13 +415,13 @@ var Or = /* @__PURE__ */ R({
 		] }
 	},
 	setup(t) {
-		let n = t, r = j(() => {
+		let n = t, r = A(() => {
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, i) => (V(), M(K(Sr), 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) => (B(), j(K(vr), 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"]));
 	}
-}), Vr = /* @__PURE__ */ R({
+}), Lr = /* @__PURE__ */ L({
 	__name: "DrawerContent",
 	props: {
 		forceMount: { type: Boolean },
@@ -426,7 +438,8 @@ var Or = /* @__PURE__ */ R({
 		showOverlay: {
 			type: Boolean,
 			default: !0
-		}
+		},
+		surface: { default: "glass" }
 	},
 	emits: [
 		"escapeKeyDown",
@@ -437,19 +450,25 @@ var Or = /* @__PURE__ */ R({
 		"closeAutoFocus"
 	],
 	setup(t, { emit: n }) {
-		let r = t, i = Y(r, n);
-		return (t, n) => (V(), M(K(wr), null, {
-			default: q(() => [r.showOverlay ? (V(), M($, { key: 0 })) : N("", !0), L(K(br), z(K(i), { class: K(e)("glass-drawer", r.class) }), {
-				default: q(() => [n[0] ||= F("div", {
+		let r = t, i = n, a = Y(A(() => {
+			let { class: e, showOverlay: t, surface: n, ...i } = r;
+			return i;
+		}), i), o = A(() => v(r.surface).replace(/^glass-\w+\s*/, ""));
+		return (t, n) => (B(), j(K(br), null, {
+			default: q(() => [r.showOverlay ? (B(), j($, { key: 0 })) : M("", !0), I(K(gr), R(K(a), {
+				"data-surface": r.surface,
+				class: K(e)("glass-drawer", o.value, r.class)
+			}), {
+				default: q(() => [n[0] ||= P("div", {
 					class: "glass-drawer-handle",
 					"aria-hidden": "true"
-				}, [F("span", { class: "glass-drawer-grip" })], -1), U(t.$slots, "default")]),
+				}, [P("span", { class: "glass-drawer-grip" })], -1), U(t.$slots, "default")]),
 				_: 3
-			}, 16, ["class"])]),
+			}, 16, ["data-surface", "class"])]),
 			_: 3
 		}));
 	}
-}), Hr = /* @__PURE__ */ R({
+}), Rr = /* @__PURE__ */ L({
 	__name: "DrawerHeader",
 	props: { class: { type: [
 		Boolean,
@@ -460,9 +479,9 @@ var Or = /* @__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) => (B(), N("div", { class: z(K(e)("grid gap-1.5 p-4 text-center sm:text-left", n.class)) }, [U(t.$slots, "default")], 2));
 	}
-}), Ur = /* @__PURE__ */ R({
+}), zr = /* @__PURE__ */ L({
 	__name: "DrawerFooter",
 	props: { class: { type: [
 		Boolean,
@@ -473,9 +492,9 @@ var Or = /* @__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) => (B(), N("div", { class: z(K(e)("mt-auto flex flex-col gap-2 p-4", n.class)) }, [U(t.$slots, "default")], 2));
 	}
-}), Wr = /* @__PURE__ */ R({
+}), Br = /* @__PURE__ */ L({
 	__name: "DrawerTitle",
 	props: {
 		asChild: { type: Boolean },
@@ -489,16 +508,16 @@ var Or = /* @__PURE__ */ R({
 		] }
 	},
 	setup(t) {
-		let n = t, r = j(() => {
+		let n = t, r = A(() => {
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, i) => (V(), M(K(Er), z(r.value, { class: K(e)("text-subheading leading-none tracking-tight", n.class) }), {
+		return (t, i) => (B(), j(K(Sr), R(r.value, { class: K(e)("text-subheading leading-none tracking-tight", n.class) }), {
 			default: q(() => [U(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Gr = /* @__PURE__ */ R({
+}), Vr = /* @__PURE__ */ L({
 	__name: "DrawerDescription",
 	props: {
 		asChild: { type: Boolean },
@@ -512,24 +531,24 @@ var Or = /* @__PURE__ */ R({
 		] }
 	},
 	setup(t) {
-		let n = t, r = j(() => {
+		let n = t, r = A(() => {
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, i) => (V(), M(K(xr), z(r.value, { class: K(e)("text-sm text-muted-foreground", n.class) }), {
+		return (t, i) => (B(), j(K(_r), R(r.value, { class: K(e)("text-sm text-muted-foreground", n.class) }), {
 			default: q(() => [U(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Kr = /* @__PURE__ */ R({
+}), Hr = /* @__PURE__ */ L({
 	__name: "MetricPill",
 	props: {
-		amount: {},
+		value: {},
 		unit: {},
 		label: {},
 		abbreviation: {},
 		color: {},
-		placeholder: { default: "—" },
+		placeholder: {},
 		size: { default: "lg" },
 		labelPosition: { default: "stacked" },
 		density: { default: "spacious" },
@@ -542,10 +561,10 @@ var Or = /* @__PURE__ */ R({
 		] }
 	},
 	setup(t) {
-		let n = t, r = j(() => e("metric-pill", n.class));
-		return (e, n) => (V(), M(zt, {
+		let n = t, r = A(() => e("metric-pill", n.class));
+		return (e, n) => (B(), j(Vt, {
 			"data-slot": "metric-pill",
-			amount: t.amount,
+			value: t.value,
 			unit: t.unit,
 			label: t.label,
 			abbreviation: t.abbreviation,
@@ -553,10 +572,10 @@ var Or = /* @__PURE__ */ R({
 			placeholder: t.placeholder,
 			size: t.size,
 			"label-position": t.labelPosition,
-			class: B(r.value),
+			class: z(r.value),
 			"data-density": t.density
 		}, null, 8, [
-			"amount",
+			"value",
 			"unit",
 			"label",
 			"abbreviation",
@@ -568,18 +587,18 @@ var Or = /* @__PURE__ */ R({
 			"data-density"
 		]));
 	}
-}), qr = { class: "truncate" }, Jr = {
+}), Ur = { class: "truncate" }, Wr = {
 	key: 0,
 	class: "mr-2"
-}, Yr = {
+}, Gr = {
 	key: 0,
 	class: "flex flex-wrap gap-1 mt-2"
-}, Xr = {
+}, Kr = {
 	key: 0,
 	class: "mr-1"
-}, Zr = /* @__PURE__ */ R({
+}, qr = /* @__PURE__ */ L({
 	__name: "MultiSelect",
-	props: /* @__PURE__ */ qn({
+	props: /* @__PURE__ */ Wn({
 		options: {},
 		placeholder: { default: "Select items..." },
 		disabled: {
@@ -593,63 +612,63 @@ var Or = /* @__PURE__ */ R({
 	}),
 	emits: ["update:modelValue"],
 	setup(t) {
-		let n = t, r = Zn(t, "modelValue"), i = Yn(!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 = V(!1), a = A(() => n.options.filter((e) => r.value.includes(e.value))), o = A(() => 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 : Xn(e);
+			return !e || s(e) ? null : Kn(e);
 		}
-		function d(e) {
+		function l(e) {
 			r.value = r.value.includes(e) ? r.value.filter((t) => t !== e) : [...r.value, e];
 		}
-		function f(e) {
+		function u(e) {
 			r.value = r.value.filter((t) => t !== e);
 		}
-		return (n, p) => (V(), P(A, null, [L(K(D), {
+		return (n, d) => (B(), N(k, null, [I(K(E), {
 			"data-slot": "multi-select",
 			open: i.value,
-			"onUpdate:open": p[0] ||= (e) => i.value = e
+			"onUpdate:open": d[0] ||= (e) => i.value = e
 		}, {
-			default: q(() => [L(K(E), { "as-child": "" }, {
-				default: q(() => [L(K(g), {
+			default: q(() => [I(K(T), { "as-child": "" }, {
+				default: q(() => [I(K(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", qr, G(o.value), 1), L(K(u), { class: "ml-2 h-4 w-4 shrink-0 opacity-50" })]),
+					default: q(() => [P("span", Ur, G(o.value), 1), I(K(p), { class: "ml-2 h-4 w-4 shrink-0 opacity-50" })]),
 					_: 1
 				}, 8, ["aria-expanded", "disabled"])]),
 				_: 1
-			}), L(K(O), {
+			}), I(K(D), {
 				class: "w-full p-0",
 				align: "start"
 			}, {
-				default: q(() => [L(K(S), null, {
+				default: q(() => [I(K(x), null, {
 					default: q(() => [
-						L(K(b), { placeholder: "Search..." }),
-						L(K(T), null, {
-							default: q(() => [...p[1] ||= [I("No options found.", -1)]]),
+						I(K(y), { placeholder: "Search..." }),
+						I(K(w), null, {
+							default: q(() => [...d[1] ||= [F("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), {
+						I(K(C), null, {
+							default: q(() => [I(K(S), null, {
+								default: q(() => [(B(!0), N(k, null, H(t.options, (t) => (B(), j(K(b), {
 									key: t.value,
 									value: t.value,
-									onSelect: (e) => d(t.value),
+									onSelect: (e) => l(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", Jr, G(t.icon), 1)) : c(t.icon) ? (V(), M(W(c(t.icon)), {
+										I(K(f), { class: z(K(e)("mr-2 h-4 w-4", r.value.includes(t.value) ? "opacity-100" : "opacity-0")) }, null, 8, ["class"]),
+										s(t.icon) ? (B(), N("span", Wr, G(t.icon), 1)) : c(t.icon) ? (B(), j(W(c(t.icon)), {
 											key: 1,
 											class: "mr-2 h-4 w-4 shrink-0",
 											"aria-hidden": "true"
-										})) : N("", !0),
-										I(" " + G(t.label), 1)
+										})) : M("", !0),
+										F(" " + G(t.label), 1)
 									]),
 									_: 2
 								}, 1032, ["value", "onSelect"]))), 128))]),
@@ -663,32 +682,32 @@ var Or = /* @__PURE__ */ R({
 				_: 1
 			})]),
 			_: 1
-		}, 8, ["open"]), a.value.length > 0 ? (V(), P("div", Yr, [(V(!0), P(A, null, H(a.value, (e) => (V(), M(K(h), {
+		}, 8, ["open"]), a.value.length > 0 ? (B(), N("div", Gr, [(B(!0), N(k, null, H(a.value, (e) => (B(), j(K(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", Xr, G(e.icon), 1)) : c(e.icon) ? (V(), M(W(c(e.icon)), {
+				s(e.icon) ? (B(), N("span", Kr, G(e.icon), 1)) : c(e.icon) ? (B(), j(W(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), {
+				})) : M("", !0),
+				F(" " + G(e.label) + " ", 1),
+				I(K(g), {
 					variant: "ghost",
 					size: "sm",
-					class: "ml-1 h-3 w-3 p-0 hover:bg-destructive hover:text-destructive-foreground",
-					onClick: Qn((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) => u(e.value), ["stop"])
 				}, {
-					default: q(() => [L(K(m), { class: "h-2 w-2" })]),
+					default: q(() => [I(K(m), { class: "h-2 w-2" })]),
 					_: 1
 				}, 8, ["onClick"])
 			]),
 			_: 2
-		}, 1024))), 128))])) : N("", !0)], 64));
+		}, 1024))), 128))])) : M("", !0)], 64));
 	}
-}), Qr = /* @__PURE__ */ R({
+}), Jr = /* @__PURE__ */ L({
 	__name: "RadioGroup",
 	props: {
 		modelValue: {},
@@ -711,11 +730,11 @@ var Or = /* @__PURE__ */ R({
 	},
 	emits: ["update:modelValue"],
 	setup(t, { emit: n }) {
-		let r = t, i = n, a = Y(j(() => {
+		let r = t, i = n, a = Y(A(() => {
 			let { class: e, ...t } = r;
 			return t;
 		}), i);
-		return (t, n) => (V(), M(K(dr), z({
+		return (t, n) => (B(), j(K(cr), R({
 			"data-slot": "radio-group",
 			class: K(e)("grid gap-2", r.class)
 		}, K(a)), {
@@ -723,7 +742,7 @@ var Or = /* @__PURE__ */ R({
 			_: 3
 		}, 16, ["class"]));
 	}
-}), $r = /* @__PURE__ */ R({
+}), Yr = /* @__PURE__ */ L({
 	__name: "RadioGroupItem",
 	props: {
 		id: {},
@@ -742,22 +761,22 @@ var Or = /* @__PURE__ */ R({
 		] }
 	},
 	setup(t) {
-		let n = t, r = J(j(() => {
+		let n = t, r = J(A(() => {
 			let { class: e, ...t } = n;
 			return t;
 		}));
-		return (t, i) => (V(), M(K(ur), 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(lr), { 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) => (B(), j(K(sr), R({ "data-slot": "radio-group-item" }, K(r), { class: K(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: q(() => [I(K(or), { class: "flex items-center justify-center" }, {
+				default: q(() => [I(K(ue), { class: "h-2.5 w-2.5 fill-current text-current" })]),
 				_: 1
 			})]),
 			_: 1
 		}, 16, ["class"]));
 	}
-}), ei = {
+}), Xr = {
 	key: 1,
 	class: "flex flex-col gap-1"
-}, ti = /* @__PURE__ */ R({
+}, Zr = /* @__PURE__ */ L({
 	__name: "Section",
 	props: {
 		title: {},
@@ -798,47 +817,22 @@ var Or = /* @__PURE__ */ R({
 			regular: "gap-2",
 			loose: "gap-4"
 		};
-		return (a, o) => (V(), P("section", {
+		return (a, o) => (B(), N("section", {
 			"data-slot": "section",
-			class: B(K(e)("flex flex-col", i[n.gap], n.backdrop === "paper" && "relative isolate", n.class))
+			class: z(K(e)("flex flex-col", i[n.gap], n.backdrop === "paper" && "relative isolate", n.class))
 		}, [
-			n.backdrop === "paper" ? (V(), M(K(Gt), {
+			n.backdrop === "paper" ? (B(), j(K(qt), {
 				key: 0,
 				class: "!absolute inset-0"
-			})) : N("", !0),
-			t.title || a.$slots.header ? (V(), P("header", ei, [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", {
+			})) : M("", !0),
+			t.title || a.$slots.header ? (B(), N("header", Xr, [U(a.$slots, "header", {}, () => [P("h2", { class: z(K(e)(r[n.tone], n.titleClass)) }, G(t.title), 3)]), t.description || a.$slots.description ? (B(), N("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),
+				class: z(K(e)("section-description", n.descriptionClass))
+			}, [U(a.$slots, "description", {}, () => [F(G(t.description), 1)])], 2)) : M("", !0)])) : M("", !0),
 			U(a.$slots, "default")
 		], 2));
 	}
-}), ni = /* @__PURE__ */ R({
-	__name: "TabsContent",
-	props: {
-		value: {},
-		forceMount: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, r = j(() => {
-			let { class: e, ...t } = n;
-			return t;
-		});
-		return (t, i) => (V(), M(K(fr), z({ class: K(e)("mt-2 focus-visible:outline-none", n.class) }, r.value), {
-			default: q(() => [U(t.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), ri = /* @__PURE__ */ R({
+}), Qr = /* @__PURE__ */ L({
 	__name: "TagsInput",
 	props: {
 		modelValue: {},
@@ -873,16 +867,16 @@ var Or = /* @__PURE__ */ R({
 		"removeTag"
 	],
 	setup(t, { emit: n }) {
-		let r = t, i = n, a = Y(j(() => {
+		let r = t, i = n, a = Y(A(() => {
 			let { class: e, ...t } = r;
 			return t;
 		}), i);
-		return (t, n) => (V(), M(K(_r), 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) }), {
+		return (t, n) => (B(), j(K(pr), R({ "data-slot": "tags-input" }, K(a), { class: K(e)("flex flex-wrap gap-2 items-center rounded-input border border-(--control-surface-border) bg-(--control-surface-bg) [backdrop-filter:var(--control-surface-blur)] px-3 py-2 text-sm", r.class) }), {
 			default: q(() => [U(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), ii = /* @__PURE__ */ R({
+}), $r = /* @__PURE__ */ L({
 	__name: "TagsInputInput",
 	props: {
 		placeholder: {},
@@ -899,13 +893,13 @@ var Or = /* @__PURE__ */ R({
 		] }
 	},
 	setup(t) {
-		let n = t, r = J(j(() => {
+		let n = t, r = J(A(() => {
 			let { class: e, ...t } = n;
 			return t;
 		}));
-		return (t, i) => (V(), M(K(pr), 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) => (B(), j(K(lr), 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"]));
 	}
-}), ai = /* @__PURE__ */ R({
+}), ei = /* @__PURE__ */ L({
 	__name: "TagsInputItem",
 	props: {
 		value: {},
@@ -921,16 +915,16 @@ var Or = /* @__PURE__ */ R({
 		] }
 	},
 	setup(t) {
-		let n = t, r = J(j(() => {
+		let n = t, r = J(A(() => {
 			let { class: e, ...t } = n;
 			return t;
 		}));
-		return (t, i) => (V(), M(K(mr), 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) }), {
+		return (t, i) => (B(), j(K(ur), R(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")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), oi = /* @__PURE__ */ R({
+}), ti = /* @__PURE__ */ L({
 	__name: "TagsInputItemDelete",
 	props: {
 		asChild: { type: Boolean },
@@ -944,16 +938,16 @@ var Or = /* @__PURE__ */ R({
 		] }
 	},
 	setup(t) {
-		let n = t, r = J(j(() => {
+		let n = t, r = J(A(() => {
 			let { class: e, ...t } = n;
 			return t;
 		}));
-		return (t, i) => (V(), M(K(hr), 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) => (B(), j(K(dr), R(K(r), { class: K(e)("relative touch-hit-area flex rounded bg-transparent mr-1", n.class) }), {
+			default: q(() => [U(t.$slots, "default", {}, () => [I(K(m), { class: "w-4 h-4" })])]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), si = /* @__PURE__ */ R({
+}), ni = /* @__PURE__ */ L({
 	__name: "TagsInputItemText",
 	props: {
 		asChild: { type: Boolean },
@@ -967,12 +961,12 @@ var Or = /* @__PURE__ */ R({
 		] }
 	},
 	setup(t) {
-		let n = t, r = J(j(() => {
+		let n = t, r = J(A(() => {
 			let { class: e, ...t } = n;
 			return t;
 		}));
-		return (t, i) => (V(), M(K(gr), z(K(r), { class: K(e)("py-1 px-2 text-sm rounded bg-transparent", n.class) }), null, 16, ["class"]));
+		return (t, i) => (B(), j(K(fr), R(K(r), { class: K(e)("py-1 px-2 text-sm rounded bg-transparent", n.class) }), null, 16, ["class"]));
 	}
 });
 //#endregion
-export { Or as Accordion, kr as AccordionContent, Ar as AccordionItem, jr as AccordionTrigger, Mr as Alert, Nr as AlertDescription, Pr as AlertTitle, Fr as Avatar, Lr as AvatarFallback, Ir 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, Rr 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, Br as Drawer, yr as DrawerClose, Vr as DrawerContent, Gr as DrawerDescription, Ur as DrawerFooter, Hr as DrawerHeader, $ as DrawerOverlay, Cr as DrawerPortal, Wr as DrawerTitle, Dr 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, Kr as MetricPill, Zr 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, Qr as RadioGroup, $r as RadioGroupItem, zn as ScrollingText, ti 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, zr as TableCaption, dt as TableCell, ft as TableEmpty, _t as TableHead, ht as TableHeader, ut as TableRow, k as Tabs, ni as TabsContent, gn as TabsIndicator, vn as TabsList, _n as TabsTrigger, ri as TagsInput, ii as TagsInputInput, ai as TagsInputItem, oi as TagsInputItemDelete, si 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, Wn as startViewTransition, i as supportsMoveBefore, n as supportsPostTask, r as supportsRouteTransitions, c as supportsScrollTimeline, s as supportsViewTimeline, Un 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, a as useRouteTransition, Hn as useSortable, Ee as useSpecularTracking, Gn as useTextHighlight, $e as useTimer, wn as useToast, it as useTokenColor, et as useTouchGate, lt as useUserInvalidAria, ot as useViewportReady, o as vReveal };
+export { wr as Accordion, Tr as AccordionContent, Er as AccordionItem, Dr as AccordionTrigger, Or as Alert, kr as AlertDescription, Ar as AlertTitle, jr as Avatar, Nr as AvatarFallback, Mr as AvatarImage, h as Badge, g as Button, _e as CONFIGURATOR_DENSITY_KEY, Fe as Card, _ as CardAction, Pe as CardContent, je as CardDescription, Me as CardFooter, Ne as CardHeader, Ae as CardTitle, Nn as ChassisDivider, Pr as Checkbox, Le as Collapsible, Re as CollapsibleContent, Ie as CollapsibleTrigger, x as Command, ze as CommandDialog, w as CommandEmpty, S as CommandGroup, y as CommandInput, b as CommandItem, C as CommandList, Be as CommandSeparator, Ve as CommandShortcut, ve as Configurator, xe as ConfiguratorLayer, ye as ConfiguratorRow, Qe as ContextMenu, ce as ContextMenuCheckboxItem, $e as ContextMenuContent, ne as ContextMenuItem, se as ContextMenuLabel, ie as ContextMenuRadioGroup, oe as ContextMenuRadioItem, re as ContextMenuSeparator, te as ContextMenuShortcut, le as ContextMenuSubContent, ae as ContextMenuSubTrigger, Ze as ContextMenuTrigger, bt as DataTable, gt as DataTablePagination, He as Dialog, Ye as DialogClose, Ue as DialogContent, Je as DialogDescription, Xe as DialogFooter, We as DialogHeader, Ke as DialogScrollContent, Ge as DialogTitle, qe as DialogTrigger, Ir as Drawer, hr as DrawerClose, Lr as DrawerContent, Vr as DrawerDescription, zr as DrawerFooter, Rr as DrawerHeader, $ as DrawerOverlay, yr as DrawerPortal, Br as DrawerTitle, Cr as DrawerTrigger, Et as DropdownMenu, Ot as DropdownMenuCheckboxItem, Mt as DropdownMenuContent, Tt as DropdownMenuGroup, It as DropdownMenuItem, St as DropdownMenuLabel, Ft as DropdownMenuPortal, wt as DropdownMenuRadioGroup, Ct as DropdownMenuRadioItem, jt as DropdownMenuSeparator, Pt as DropdownMenuShortcut, Dt as DropdownMenuSub, At as DropdownMenuSubContent, Nt as DropdownMenuSubTrigger, kt as DropdownMenuTrigger, Rt as HoverCard, zt as HoverCardContent, Lt as HoverCardTrigger, Fn as HoverPopover, Rn as IconChip, Pn as InstrumentChassis, Bt as Label, l as METRIC_PLACEHOLDER, Hr as MetricPill, qr as MultiSelect, ee as Notification, de as NumberField, ge as NumberFieldContent, pe as NumberFieldDecrement, he as NumberFieldIncrement, fe as NumberFieldInput, E as Popover, D as PopoverContent, T as PopoverTrigger, Kt as Progress, Ht as ProgressDefault, Ut as ProgressGradient, Wt as ProgressSectioned, Jr as RadioGroup, Yr as RadioGroupItem, In as ScrollingText, Zr as Section, $t as Select, Yt as SelectContent, tn as SelectGroup, Qt as SelectItem, nn as SelectLabel, en as SelectScrollDownButton, Xt as SelectScrollUpButton, rn as SelectSeparator, Jt as SelectTrigger, Zt as SelectValue, an as Separator, ln as Sheet, pn as SheetClose, dn as SheetContent, fn as SheetDescription, un as SheetFooter, on as SheetHeader, cn as SheetTitle, sn as SheetTrigger, vt as Skeleton, hn as Slider, O as Switch, xt as Table, ht as TableBody, Fr as TableCaption, pt as TableCell, mt as TableEmpty, yt as TableHead, _t as TableHeader, ft as TableRow, Qr as TagsInput, $r as TagsInputInput, ei as TagsInputItem, ti as TagsInputItemDelete, ni as TagsInputItemText, vn as Toast, Cn as ToastAction, xn as ToastClose, _n as ToastDescription, yn as ToastTitle, wn as Toaster, Tn as Toggle, En as ToggleGroup, On as ToggleGroupItem, kn as Tooltip, jn as TooltipContent, Mn as TooltipProvider, An as TooltipTrigger, Z as alertVariants, Q as avatarVariants, we as badgeVariants, Te as buttonVariants, e as cn, c as coalesceMetric, it as copyToClipboard, ut as createTokenColorCache, i as moveBeforeSafe, s as navigate, be as provideConfiguratorDensity, ke as resolveCanvasColor, lt as resolveTokenColor, mn as sheetVariants, gn as sliderVariants, r as startViewTransition, o as supportsMoveBefore, t as supportsPostTask, a as supportsRouteTransitions, d as supportsScrollTimeline, u as supportsViewTimeline, n as supportsViewTransitions, bn as toast, Dn as toggleVariants, st as useBreakpoint, Oe as useCanvas2D, De as useCanvasLifecycle, rt as useClipboard, Ce as useConfiguratorState, at as useIdleReady, zn as useInterval, Hn as useLiquidFlex, Se as useOptionalConfiguratorDensity, Gt as useProgressGeometry, et as useResizeObserver, Bn as useSortable, Ee as useSpecularTracking, Vn as useTextHighlight, tt as useTimer, Sn as useToast, ot as useTokenColor, nt as useTouchGate, dt as useUserInvalidAria, ct as useViewportReady, Ln as vReveal };