@mkbabb/glass-ui 4.0.1 → 4.1.0

package/dist/glass-ui.js

@@ -1,63 +1,64 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { a as t, c as n, i as r, n as i, o as a, r as o, s, t as c } from "./usePointerVelocityField-JbRd5CrM.js";
+import { a as t, c as n, i as r, n as i, o as a, r as o, s, t as c } from "./useViewTransition-CUI1nAgn.js";
 import { n as l, t as u } from "./coalesceMetric-5qIeZnTx.js";
 import { n as d, t as ee } from "./supportsCssTimeline-BWenxvHU.js";
-import { b as f, p as te, s as ne, t as p, x as m } from "./vendor-CKmzio-i.js";
+import { S as f, m as te, s as ne, t as p, x as m } from "./vendor-B2qOlYY3.js";
 import { n as h, t as re } from "./badge-D9XWW4GT.js";
-import { t as ie } from "./useLiquidFlex-mZPMiNXh.js";
-import { n as g, r as ae, t as oe } from "./vSpecular-CQFmLNzA.js";
-import { n as se, t as ce } from "./useCanvas2D-B8w_E3Rr.js";
-import { t as le } from "./resolveCanvasColor-CUyHr5Uu.js";
-import { n as _, t as ue } from "./button-DYCUa-tH.js";
-import { a as de, c as fe, i as pe, l as me, n as he, o as ge, r as _e, s as ve, t as ye } from "./CardAction-CW7a0m8M.js";
+import { t as ie } from "./useLiquidFlex-UmA6LMZu.js";
+import { n as g, r as ae, t as oe } from "./vSpecular-EX7loENl.js";
+import { n as se, r as ce, t as le } from "./resolveCanvasColor-yPyIpJt9.js";
+import { n as _, t as ue } from "./button-5dY1Dvhd.js";
+import { a as de, c as fe, i as pe, l as me, n as he, o as ge, r as _e, s as ve, t as ye } from "./CardAction-8whJrLWt.js";
 import { n as be, r as xe, t as Se } from "./CollapsibleContent-68dEXIAl.js";
-import { a as v, c as Ce, i as y, l as b, n as we, o as x, r as S, s as C, t as Te } from "./CommandShortcut-DvZNQ_HF.js";
-import { n as Ee, t as De } from "./DialogContent-DcKK8k9i.js";
-import { a as Oe, i as w, n as T, o as ke, r as Ae, s as je, t as Me } from "./DialogFooter-BZNX5aVr.js";
-import { n as Ne, r as Pe, t as Fe } from "./ContextMenuContent-uWnVxDab.js";
-import { a as Ie, c as Le, i as Re, l as ze, n as Be, o as Ve, r as He, s as Ue, t as We } from "./ContextMenuSubContent-xol4sD2q.js";
+import { a as v, c as Ce, i as y, l as b, n as we, o as x, r as S, s as C, t as Te } from "./CommandShortcut-D3yxgHNn.js";
+import { n as Ee, t as De } from "./DialogContent-6JtTB5x2.js";
+import { n as Oe, r as w, t as T } from "./DialogScrollContent-TTuovQst.js";
+import { i as ke, n as Ae, r as je, t as Me } from "./DialogFooter-9phqcRIS.js";
+import { n as Ne, r as Pe, t as Fe } from "./ContextMenuContent-B3ZsheLV.js";
+import { a as Ie, c as Le, i as Re, l as ze, n as Be, o as Ve, r as He, s as Ue, t as We } from "./ContextMenuSubContent-DDRID3qC.js";
 import { t as Ge } from "./useResizeObserver-Bpoi7tRE.js";
 import { t as Ke } from "./useTimer-BHJOKr35.js";
 import { t as qe } from "./useTouchGate-CBZTD4SD.js";
 import { a as Je, i as Ye, n as Xe, o as Ze, r as Qe, t as $e } from "./useViewportReady-anbac3m6.js";
 import { n as et, t as tt } from "./useResolveTokenColor-vAylyR0x.js";
 import { t as nt } from "./useUserInvalidAria-y5namzeE.js";
-import { a as rt, c as it, i as at, l as ot, n as st, o as ct, r as lt, s as ut, t as dt, u as ft } from "./DataTable-CuKwF7wr.js";
-import { a as pt, c as mt, d as ht, f as gt, h as _t, i as vt, l as yt, m as bt, n as xt, o as St, p as Ct, r as wt, s as Tt, t as Et, u as Dt } from "./dropdown-menu-CofSZuk8.js";
-import { n as Ot, r as kt, t as At } from "./HoverCardContent-b2uaAMRR.js";
+import { a as rt, c as it, i as at, l as ot, n as st, o as ct, r as lt, s as ut, t as dt, u as ft } from "./DataTable-Bc9kUtu_.js";
+import { a as pt, c as mt, d as ht, f as gt, h as _t, i as vt, l as yt, m as bt, n as xt, o as St, p as Ct, r as wt, s as Tt, t as Et, u as Dt } from "./dropdown-menu-aJmV5SqE.js";
+import { n as Ot, r as kt, t as At } from "./HoverCardContent-Bel1gdLZ.js";
 import { t as jt } from "./Label-C2ejNWeC.js";
 import { t as Mt } from "./MetricBadge-RHdBP72w.js";
 import { n as E, r as D, t as O } from "./PopoverContent-DL7E6vJP.js";
-import { t as Nt } from "./Notification-VUwexFUf.js";
-import { a as Pt, i as Ft, n as It, r as Lt, t as Rt } from "./NumberFieldContent-Cq7EzX-U.js";
-import { a as zt, i as Bt, n as Vt, r as Ht, t as Ut } from "./Progress-DctG61iZ.js";
-import { t as Wt } from "./PaperBackdrop-Vf3tlpvd.js";
-import { a as Gt, i as Kt, n as qt, o as Jt, r as Yt, s as Xt, t as Zt } from "./SelectScrollDownButton-CrA8F0iV.js";
-import { t as Qt } from "./SelectGroup-DwwjicPY.js";
-import { n as $t, t as en } from "./SelectSeparator-DXswVdRz.js";
-import { t as tn } from "./Separator-pKF0oA4M.js";
-import { a as nn, c as rn, i as an, l as on, n as sn, o as cn, r as ln, s as un, t as dn } from "./sheet-tZMg0E0w.js";
-import { n as fn, t as pn } from "./slider-DVb4HXU-.js";
-import { t as mn } from "./Switch-CwYNf8bo.js";
-import { a as hn, c as gn, i as _n, n as vn, o as yn, r as bn, s as xn, t as Sn } from "./Toaster-Bw4xR8xV.js";
-import { i as Cn, n as wn, r as Tn, t as En } from "./ToggleGroupItem-pEM9vIhs.js";
-import { i as Dn, n as On, r as kn, t as An } from "./TooltipProvider-rzvnXz60.js";
-import { n as jn, t as Mn } from "./InstrumentChassis-Bx0F_q5g.js";
-import { t as Nn } from "./HoverPopover-CbqbNwgU.js";
-import { a as Pn, i as Fn, n as In, r as Ln, t as Rn } from "./ConfiguratorRow-BR4l-ixA.js";
-import { n as zn, t as Bn } from "./useConfiguratorState-DNlOh6c8.js";
-import { t as Vn } from "./ScrollingText-yOpBzFYq.js";
-import { t as Hn } from "./vReveal-Czsb7zQC.js";
-import { t as Un } from "./IconChip-BTD-nay5.js";
-import { t as Wn } from "./useInterval-CvK1mL92.js";
-import { t as Gn } from "./useSortable-DHjtZSEd.js";
-import { t as Kn } from "./useTextHighlight-CWEi25hf.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 qn, mergeModels as Jn, mergeProps as R, normalizeClass as z, normalizeProps as Yn, onScopeDispose as Xn, openBlock as B, ref as V, renderList as H, renderSlot as U, resolveDynamicComponent as W, toDisplayString as G, toRaw as Zn, unref as K, useModel as Qn, withCtx as q, withModifiers as $n } from "vue";
-import { AccordionContent as er, AccordionHeader as tr, AccordionItem as nr, AccordionRoot as rr, AccordionTrigger as ir, AvatarFallback as ar, AvatarImage as or, AvatarRoot as sr, CheckboxIndicator as cr, CheckboxRoot as lr, RadioGroupIndicator as ur, RadioGroupItem as dr, RadioGroupRoot as fr, TagsInputInput as pr, TagsInputItem as mr, TagsInputItemDelete as hr, TagsInputItemText as gr, TagsInputRoot as _r, useForwardProps as J, useForwardPropsEmits as Y } from "reka-ui";
+import { t as Nt } from "./Notification-CphK7AAm.js";
+import { a as Pt, i as Ft, n as It, r as Lt, t as Rt } from "./NumberFieldContent-D8cXeyO4.js";
+import { a as zt, i as Bt, n as Vt, r as Ht, t as Ut } from "./Progress-CnqB7gLm.js";
+import { t as Wt } from "./PaperBackdrop-CqwjnfLv.js";
+import { a as Gt, i as Kt, n as qt, o as Jt, r as Yt, s as Xt, t as Zt } from "./SelectScrollDownButton-DAKCBEdW.js";
+import { t as Qt } from "./SelectGroup-BFiod7X2.js";
+import { n as $t, t as en } from "./SelectSeparator-C2UGOkXF.js";
+import { t as tn } from "./Separator-DQcwC2TR.js";
+import { a as nn, c as rn, i as an, l as on, n as sn, o as cn, r as ln, s as un, t as dn } from "./sheet-B2flBfLH.js";
+import { n as fn, t as pn } from "./slider-2A0rPn79.js";
+import { t as mn } from "./Switch-B8RscmRu.js";
+import { a as hn, c as gn, i as _n, n as vn, o as yn, r as bn, s as xn, t as Sn } from "./Toaster-D9qIHjBI.js";
+import { i as Cn, n as wn, r as Tn, t as En } from "./ToggleGroupItem-BLtr3TJq.js";
+import { i as Dn, n as On, r as kn, t as An } from "./TooltipProvider-BJ_Y5EGX.js";
+import { n as jn, t as Mn } from "./InstrumentChassis-CxsHSyMj.js";
+import { t as Nn } from "./HoverPopover-BcIxvyqZ.js";
+import { a as Pn, i as Fn, n as In, r as Ln, t as Rn } from "./ConfiguratorRow-CaP7U3ZA.js";
+import { n as zn, t as Bn } from "./useConfiguratorState-4xblKfwd.js";
+import { t as Vn } from "./ScrollingText-CTZbA_cG.js";
+import { t as Hn } from "./vReveal-D9k0jADx.js";
+import { t as Un } from "./IconChip-DhbdGdFQ.js";
+import { t as Wn } from "./useInterval-CNdua40W.js";
+import { t as Gn } from "./useSortable-BVqlJRBR.js";
+import { t as Kn } from "./useTextHighlight-NmBM5V_4.js";
+import { t as qn } from "./usePointerVelocityField-QLsy3_kv.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 Jn, mergeModels as Yn, mergeProps as R, normalizeClass as z, normalizeProps as Xn, onScopeDispose as Zn, openBlock as B, ref as V, renderList as H, renderSlot as U, resolveDynamicComponent as W, toDisplayString as G, toRaw as Qn, unref as K, useModel as $n, watch as er, withCtx as q, withModifiers as tr } from "vue";
+import { AccordionContent as nr, AccordionHeader as rr, AccordionItem as ir, AccordionRoot as ar, AccordionTrigger as or, AvatarFallback as sr, AvatarImage as cr, AvatarRoot as lr, CheckboxIndicator as ur, CheckboxRoot as dr, Primitive as fr, RadioGroupIndicator as pr, RadioGroupItem as mr, RadioGroupRoot as hr, TagsInputInput as gr, TagsInputItem as _r, TagsInputItemDelete as vr, TagsInputItemText as yr, TagsInputRoot as br, useForwardProps as J, useForwardPropsEmits as Y } from "reka-ui";
 import { cva as X } from "class-variance-authority";
 //#endregion
 //#region src/components/ui/accordion/Accordion.vue
-var vr = /* @__PURE__ */ L({
+var xr = /* @__PURE__ */ L({
 	__name: "Accordion",
 	props: {
 		collapsible: { type: Boolean },
@@ -74,12 +75,12 @@ var vr = /* @__PURE__ */ L({
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = Y(e, t);
-		return (e, t) => (B(), j(K(rr), R({ "data-slot": "accordion" }, K(n)), {
+		return (e, t) => (B(), j(K(ar), R({ "data-slot": "accordion" }, K(n)), {
 			default: q(() => [U(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), yr = /* @__PURE__ */ L({
+}), Sr = /* @__PURE__ */ L({
 	__name: "AccordionContent",
 	props: {
 		forceMount: { type: Boolean },
@@ -98,12 +99,12 @@ var vr = /* @__PURE__ */ L({
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, i) => (B(), j(K(er), R(r.value, { class: "overflow-hidden text-sm transition-collapse data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" }), {
+		return (t, i) => (B(), j(K(nr), 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));
 	}
-}), br = /* @__PURE__ */ L({
+}), Cr = /* @__PURE__ */ L({
 	__name: "AccordionItem",
 	props: {
 		disabled: { type: Boolean },
@@ -124,12 +125,12 @@ var vr = /* @__PURE__ */ L({
 			let { class: e, ...t } = n;
 			return t;
 		}));
-		return (t, i) => (B(), j(K(nr), R(K(r), { class: K(e)("border-b", n.class) }), {
+		return (t, i) => (B(), j(K(ir), R(K(r), { class: K(e)("border-b", n.class) }), {
 			default: q(() => [U(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), xr = /* @__PURE__ */ L({
+}), wr = /* @__PURE__ */ L({
 	__name: "AccordionTrigger",
 	props: {
 		asChild: { type: Boolean },
@@ -147,15 +148,15 @@ var vr = /* @__PURE__ */ L({
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, i) => (B(), j(K(tr), { class: "flex" }, {
-			default: q(() => [I(K(ir), 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(f), { class: "h-4 w-4 shrink-0 transition-transform duration-200" })])]),
+		return (t, i) => (B(), j(K(rr), { class: "flex" }, {
+			default: q(() => [I(K(or), 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(m), { class: "h-4 w-4 shrink-0 transition-transform duration-200" })])]),
 				_: 3
 			}, 16, ["class"])]),
 			_: 3
 		}));
 	}
-}), Sr = /* @__PURE__ */ L({
+}), Tr = /* @__PURE__ */ L({
 	__name: "Alert",
 	props: {
 		class: { type: [
@@ -175,7 +176,7 @@ var vr = /* @__PURE__ */ L({
 			role: "alert"
 		}, [U(r.$slots, "default")], 2));
 	}
-}), Cr = /* @__PURE__ */ L({
+}), Er = /* @__PURE__ */ L({
 	__name: "AlertDescription",
 	props: { class: { type: [
 		Boolean,
@@ -191,7 +192,7 @@ var vr = /* @__PURE__ */ L({
 			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));
 	}
-}), wr = /* @__PURE__ */ L({
+}), Dr = /* @__PURE__ */ L({
 	__name: "AlertTitle",
 	props: { class: { type: [
 		Boolean,
@@ -216,7 +217,7 @@ var vr = /* @__PURE__ */ L({
 		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" }
-}), Tr = /* @__PURE__ */ L({
+}), Or = /* @__PURE__ */ L({
 	__name: "Avatar",
 	props: {
 		class: { type: [
@@ -231,9 +232,9 @@ var vr = /* @__PURE__ */ L({
 	},
 	setup(t) {
 		let n = t;
-		return (r, i) => (B(), j(K(sr), {
+		return (r, i) => (B(), j(K(lr), {
 			"data-slot": "avatar",
-			class: z(K(e)(K($)({
+			class: z(K(e)(K(Q)({
 				size: t.size,
 				shape: t.shape
 			}), n.class))
@@ -242,7 +243,7 @@ var vr = /* @__PURE__ */ L({
 			_: 3
 		}, 8, ["class"]));
 	}
-}), Er = /* @__PURE__ */ L({
+}), kr = /* @__PURE__ */ L({
 	__name: "AvatarImage",
 	props: {
 		src: {},
@@ -254,9 +255,9 @@ var vr = /* @__PURE__ */ L({
 	},
 	setup(e) {
 		let t = e;
-		return (e, n) => (B(), j(K(or), R(t, { class: "h-full w-full object-cover" }), null, 16));
+		return (e, n) => (B(), j(K(cr), R(t, { class: "h-full w-full object-cover" }), null, 16));
 	}
-}), Q = /* @__PURE__ */ L({
+}), Ar = /* @__PURE__ */ L({
 	__name: "AvatarFallback",
 	props: {
 		delayMs: {},
@@ -265,12 +266,12 @@ var vr = /* @__PURE__ */ L({
 	},
 	setup(e) {
 		let t = e;
-		return (e, n) => (B(), j(K(ar), Yn(qn(t)), {
+		return (e, n) => (B(), j(K(sr), Xn(Jn(t)), {
 			default: q(() => [U(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), $ = X("inline-flex items-center justify-center font-normal text-foreground select-none shrink-0 bg-secondary overflow-hidden", { variants: {
+}), Q = X("inline-flex items-center justify-center font-normal text-foreground select-none shrink-0 bg-secondary overflow-hidden", { variants: {
 	size: {
 		sm: "h-(--control-h-md) w-(--control-h-md) text-xs",
 		base: "h-16 w-16 text-2xl",
@@ -283,7 +284,7 @@ var vr = /* @__PURE__ */ L({
 } });
 //#endregion
 //#region src/composables/glass/useSpecularPointer.ts
-function Dr() {
+function jr() {
 	let e = V({}), t = g((t, n) => {
 		let r = Math.atan2(n - 50, t - 50) * 180 / Math.PI + 90;
 		e.value = {
@@ -292,14 +293,14 @@ function Dr() {
 			"--specular-angle": `${r.toFixed(1)}deg`
 		};
 	});
-	return Xn(t.dispose), {
+	return Zn(t.dispose), {
 		specularStyle: e,
 		onPointerMove: t.onPointerMove
 	};
 }
 //#endregion
 //#region src/components/ui/checkbox/Checkbox.vue
-var Or = /* @__PURE__ */ L({
+var Mr = /* @__PURE__ */ L({
 	__name: "Checkbox",
 	props: {
 		defaultValue: {},
@@ -327,15 +328,15 @@ var Or = /* @__PURE__ */ L({
 			let { class: e, ...t } = r;
 			return t;
 		}), i);
-		return (t, n) => (B(), j(K(lr), 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(cr), { class: "flex h-full w-full items-center justify-center text-current" }, {
-				default: q(() => [U(t.$slots, "default", {}, () => [I(K(ne), { class: "hidden h-4 w-4 group-data-[state=indeterminate]:block" }), I(K(m), { class: "h-4 w-4 group-data-[state=indeterminate]:hidden" })])]),
+		return (t, n) => (B(), j(K(dr), 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-(--control-checked-bg) data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-(--control-checked-bg) data-[state=indeterminate]:text-primary-foreground", r.class) }), {
+			default: q(() => [I(K(ur), { class: "flex h-full w-full items-center justify-center text-current" }, {
+				default: q(() => [U(t.$slots, "default", {}, () => [I(K(ne), { 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"]));
 	}
-}), kr = /* @__PURE__ */ L({
+}), Nr = /* @__PURE__ */ L({
 	__name: "TableCaption",
 	props: { class: { type: [
 		Boolean,
@@ -348,7 +349,7 @@ var Or = /* @__PURE__ */ L({
 		let n = t;
 		return (t, r) => (B(), N("caption", { class: z(K(e)("mt-4 text-sm text-muted-foreground", n.class)) }, [U(t.$slots, "default")], 2));
 	}
-}), Ar = /* @__PURE__ */ L({
+}), Pr = /* @__PURE__ */ L({
 	__name: "MetricPill",
 	props: {
 		value: {},
@@ -395,18 +396,18 @@ var Or = /* @__PURE__ */ L({
 			"data-density"
 		]));
 	}
-}), jr = { class: "truncate" }, Mr = {
+}), Fr = { class: "truncate" }, Ir = {
 	key: 0,
 	class: "mr-2"
-}, Nr = {
+}, Lr = {
 	key: 0,
 	class: "flex flex-wrap gap-1 mt-2"
-}, Pr = {
+}, Rr = {
 	key: 0,
 	class: "mr-1"
-}, Fr = /* @__PURE__ */ L({
+}, zr = /* @__PURE__ */ L({
 	__name: "MultiSelect",
-	props: /* @__PURE__ */ Jn({
+	props: /* @__PURE__ */ Yn({
 		options: {},
 		placeholder: { default: "Select items..." },
 		disabled: {
@@ -420,12 +421,12 @@ var Or = /* @__PURE__ */ L({
 	}),
 	emits: ["update:modelValue"],
 	setup(t) {
-		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})`);
+		let n = t, r = $n(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 : Zn(e);
+			return !e || s(e) ? null : Qn(e);
 		}
 		function l(e) {
 			r.value = r.value.includes(e) ? r.value.filter((t) => t !== e) : [...r.value, e];
@@ -446,7 +447,7 @@ var Or = /* @__PURE__ */ L({
 					disabled: t.disabled,
 					class: "w-full justify-between text-left font-normal"
 				}, {
-					default: q(() => [P("span", jr, G(o.value), 1), I(K(f), { class: "ml-2 h-4 w-4 shrink-0 opacity-50" })]),
+					default: q(() => [P("span", Fr, G(o.value), 1), I(K(m), { class: "ml-2 h-4 w-4 shrink-0 opacity-50" })]),
 					_: 1
 				}, 8, ["aria-expanded", "disabled"])]),
 				_: 1
@@ -470,8 +471,8 @@ var Or = /* @__PURE__ */ L({
 									class: "cursor-pointer"
 								}, {
 									default: q(() => [
-										I(K(m), { 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", Mr, G(t.icon), 1)) : c(t.icon) ? (B(), j(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", Ir, 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"
@@ -490,13 +491,13 @@ var Or = /* @__PURE__ */ L({
 				_: 1
 			})]),
 			_: 1
-		}, 8, ["open"]), a.value.length > 0 ? (B(), N("div", Nr, [(B(!0), N(k, null, H(a.value, (e) => (B(), j(K(h), {
+		}, 8, ["open"]), a.value.length > 0 ? (B(), N("div", Lr, [(B(!0), N(k, null, H(a.value, (e) => (B(), j(K(h), {
 			key: e.value,
 			variant: "secondary",
 			class: "text-[length:var(--control-text-sm)] px-2 py-1"
 		}, {
 			default: q(() => [
-				s(e.icon) ? (B(), N("span", Pr, G(e.icon), 1)) : c(e.icon) ? (B(), j(W(c(e.icon)), {
+				s(e.icon) ? (B(), N("span", Rr, 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"
@@ -506,7 +507,7 @@ var Or = /* @__PURE__ */ L({
 					variant: "ghost",
 					size: "sm",
 					class: "relative touch-hit-area ml-1 h-3 w-3 p-0 hover:bg-destructive hover:text-destructive-foreground",
-					onClick: $n((t) => u(e.value), ["stop"])
+					onClick: tr((t) => u(e.value), ["stop"])
 				}, {
 					default: q(() => [I(K(p), { class: "h-2 w-2" })]),
 					_: 1
@@ -515,7 +516,7 @@ var Or = /* @__PURE__ */ L({
 			_: 2
 		}, 1024))), 128))])) : M("", !0)], 64));
 	}
-}), Ir = /* @__PURE__ */ L({
+}), Br = /* @__PURE__ */ L({
 	__name: "RadioGroup",
 	props: {
 		modelValue: {},
@@ -542,7 +543,7 @@ var Or = /* @__PURE__ */ L({
 			let { class: e, ...t } = r;
 			return t;
 		}), i);
-		return (t, n) => (B(), j(K(fr), R({
+		return (t, n) => (B(), j(K(hr), R({
 			"data-slot": "radio-group",
 			class: K(e)("grid gap-2", r.class)
 		}, K(a)), {
@@ -550,7 +551,7 @@ var Or = /* @__PURE__ */ L({
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Lr = /* @__PURE__ */ L({
+}), Vr = /* @__PURE__ */ L({
 	__name: "RadioGroupItem",
 	props: {
 		id: {},
@@ -573,18 +574,18 @@ var Or = /* @__PURE__ */ L({
 			let { class: e, ...t } = n;
 			return t;
 		}));
-		return (t, i) => (B(), j(K(dr), 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(ur), { class: "flex items-center justify-center" }, {
-				default: q(() => [I(K(te), { class: "h-2.5 w-2.5 fill-current text-current" })]),
+		return (t, i) => (B(), j(K(mr), 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-(--control-ring) text-primary transition-control disabled:cursor-not-allowed disabled:opacity-disabled data-[state=checked]:border-(--control-checked-bg) data-[state=checked]:bg-(--control-checked-bg) data-[state=checked]:text-primary-foreground", n.class) }), {
+			default: q(() => [I(K(pr), { class: "flex items-center justify-center text-current" }, {
+				default: q(() => [I(K(te), { class: "h-2.5 w-2.5 fill-current" })]),
 				_: 1
 			})]),
 			_: 1
 		}, 16, ["class"]));
 	}
-}), Rr = {
+}), Hr = {
 	key: 1,
 	class: "flex flex-col gap-1"
-}, zr = /* @__PURE__ */ L({
+}, Ur = /* @__PURE__ */ L({
 	__name: "Section",
 	props: {
 		title: {},
@@ -633,14 +634,14 @@ var Or = /* @__PURE__ */ L({
 				key: 0,
 				class: "!absolute inset-0"
 			})) : M("", !0),
-			t.title || a.$slots.header ? (B(), N("header", Rr, [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", {
+			t.title || a.$slots.header ? (B(), N("header", Hr, [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: 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));
 	}
-}), Br = /* @__PURE__ */ L({
+}), Wr = /* @__PURE__ */ L({
 	__name: "TagsInput",
 	props: {
 		modelValue: {},
@@ -679,12 +680,12 @@ var Or = /* @__PURE__ */ L({
 			let { class: e, ...t } = r;
 			return t;
 		}), i);
-		return (t, n) => (B(), j(K(_r), 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 aria-invalid:border-(--destructive) user-invalid:border-(--destructive) aria-invalid:shadow-(--invalid-ring) user-invalid:shadow-(--invalid-ring)", r.class) }), {
+		return (t, n) => (B(), j(K(br), 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 aria-invalid:border-(--destructive) user-invalid:border-(--destructive) aria-invalid:shadow-(--invalid-ring) user-invalid:shadow-(--invalid-ring)", r.class) }), {
 			default: q(() => [U(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Vr = /* @__PURE__ */ L({
+}), $ = /* @__PURE__ */ L({
 	__name: "TagsInputInput",
 	props: {
 		placeholder: {},
@@ -705,9 +706,9 @@ var Or = /* @__PURE__ */ L({
 			let { class: e, ...t } = n;
 			return t;
 		}));
-		return (t, i) => (B(), j(K(pr), 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"]));
+		return (t, i) => (B(), j(K(gr), 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"]));
 	}
-}), Hr = /* @__PURE__ */ L({
+}), Gr = /* @__PURE__ */ L({
 	__name: "TagsInputItem",
 	props: {
 		value: {},
@@ -727,12 +728,12 @@ var Or = /* @__PURE__ */ L({
 			let { class: e, ...t } = n;
 			return t;
 		}));
-		return (t, i) => (B(), j(K(mr), 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) }), {
+		return (t, i) => (B(), j(K(_r), R(K(r), { class: K(e)("control-surface flex h-6 items-center rounded-pill px-2 data-[state=active]:shadow-focus-ring", n.class) }), {
 			default: q(() => [U(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Ur = /* @__PURE__ */ L({
+}), Kr = /* @__PURE__ */ L({
 	__name: "TagsInputItemDelete",
 	props: {
 		asChild: { type: Boolean },
@@ -750,12 +751,12 @@ var Or = /* @__PURE__ */ L({
 			let { class: e, ...t } = n;
 			return t;
 		}));
-		return (t, i) => (B(), j(K(hr), R(K(r), { class: K(e)("relative touch-hit-area flex rounded bg-transparent mr-1", n.class) }), {
+		return (t, i) => (B(), j(K(vr), 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(p), { class: "w-4 h-4" })])]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Wr = /* @__PURE__ */ L({
+}), qr = /* @__PURE__ */ L({
 	__name: "TagsInputItemText",
 	props: {
 		asChild: { type: Boolean },
@@ -773,8 +774,48 @@ var Or = /* @__PURE__ */ L({
 			let { class: e, ...t } = n;
 			return t;
 		}));
-		return (t, i) => (B(), j(K(gr), R(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(yr), R(K(r), { class: K(e)("py-1 px-2 text-sm rounded bg-transparent", n.class) }), null, 16, ["class"]));
+	}
+}), Jr = /* @__PURE__ */ L({
+	__name: "SplitChars",
+	props: {
+		text: {},
+		by: { default: "char" },
+		as: { default: "span" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(n) {
+		let r = n, i = V(null);
+		function a(e) {
+			i.value = e == null ? null : e.$el ?? e;
+		}
+		let { split: o } = t(i, { get by() {
+			return r.by;
+		} }), s = r.text;
+		er(() => [r.text, r.by], ([e]) => {
+			i.value && (i.value.textContent = e, o());
+		});
+		let c = A(() => e("char-stagger", r.class));
+		return (e, t) => (B(), j(K(fr), {
+			ref: a,
+			as: r.as,
+			class: z(c.value),
+			"aria-label": r.text
+		}, {
+			default: q(() => [F(G(K(s)), 1)]),
+			_: 1
+		}, 8, [
+			"as",
+			"class",
+			"aria-label"
+		]));
 	}
 });
 //#endregion
-export { vr as Accordion, yr as AccordionContent, br as AccordionItem, xr as AccordionTrigger, Sr as Alert, Cr as AlertDescription, wr as AlertTitle, Tr as Avatar, Q as AvatarFallback, Er as AvatarImage, h as Badge, _ as Button, Ln as CONFIGURATOR_DENSITY_KEY, me as Card, ye as CardAction, _e as CardContent, pe as CardDescription, he as CardFooter, fe as CardHeader, de as CardTitle, jn as ChassisDivider, Or as Checkbox, xe as Collapsible, Se as CollapsibleContent, be as CollapsibleTrigger, b as Command, Ce as CommandDialog, C as CommandEmpty, x as CommandGroup, v as CommandInput, y as CommandItem, S as CommandList, we as CommandSeparator, Te as CommandShortcut, zn as Configurator, In as ConfiguratorLayer, Rn as ConfiguratorRow, Pe as ContextMenu, Ue as ContextMenuCheckboxItem, Fe as ContextMenuContent, Le as ContextMenuItem, He as ContextMenuLabel, ze as ContextMenuRadioGroup, Ve as ContextMenuRadioItem, Re as ContextMenuSeparator, Ie as ContextMenuShortcut, We as ContextMenuSubContent, Be as ContextMenuSubTrigger, Ne as ContextMenuTrigger, dt as DataTable, st as DataTablePagination, Ee as Dialog, je as DialogClose, De as DialogContent, Ae as DialogDescription, Me as DialogFooter, Oe as DialogHeader, T as DialogScrollContent, w as DialogTitle, ke as DialogTrigger, _t as DropdownMenu, yt as DropdownMenuCheckboxItem, Ct as DropdownMenuContent, gt as DropdownMenuGroup, Dt as DropdownMenuItem, pt as DropdownMenuLabel, Et as DropdownMenuPortal, ht as DropdownMenuRadioGroup, mt as DropdownMenuRadioItem, St as DropdownMenuSeparator, Tt as DropdownMenuShortcut, vt as DropdownMenuSub, xt as DropdownMenuSubContent, wt as DropdownMenuSubTrigger, bt as DropdownMenuTrigger, kt as HoverCard, At as HoverCardContent, Ot as HoverCardTrigger, Nn as HoverPopover, Un as IconChip, Mn as InstrumentChassis, jt as Label, u as METRIC_PLACEHOLDER, Ar as MetricPill, Fr as MultiSelect, Nt as Notification, Pt as NumberField, Rt as NumberFieldContent, It as NumberFieldDecrement, Lt as NumberFieldIncrement, Ft as NumberFieldInput, D as Popover, O as PopoverContent, E as PopoverTrigger, Ut as Progress, zt as ProgressDefault, Bt as ProgressGradient, Vt as ProgressSectioned, Ir as RadioGroup, Lr as RadioGroupItem, ve as ScrollCard, ge as ScrollCardHeader, Vn as ScrollingText, zr as Section, Xt as Select, Kt as SelectContent, Qt as SelectGroup, Yt as SelectItem, $t as SelectLabel, Zt as SelectScrollDownButton, qt as SelectScrollUpButton, en as SelectSeparator, Gt as SelectTrigger, Jt as SelectValue, tn as Separator, on as Sheet, un as SheetClose, cn as SheetContent, ln as SheetDescription, sn as SheetFooter, nn as SheetHeader, an as SheetTitle, rn as SheetTrigger, lt as Skeleton, fn as Slider, mn as Switch, ft as Table, ot as TableBody, kr as TableCaption, it as TableCell, at as TableEmpty, ut as TableHead, ct as TableHeader, rt as TableRow, Br as TagsInput, Vr as TagsInputInput, Hr as TagsInputItem, Ur as TagsInputItemDelete, Wr as TagsInputItemText, gn as Toast, xn as ToastAction, yn as ToastClose, hn as ToastDescription, _n as ToastTitle, Sn as Toaster, Cn as Toggle, wn as ToggleGroup, En as ToggleGroupItem, Dn as Tooltip, kn as TooltipContent, An as TooltipProvider, On as TooltipTrigger, Z as alertVariants, $ as avatarVariants, re as badgeVariants, ue as buttonVariants, e as cn, l as coalesceMetric, Ye as copyToClipboard, g as createSpecularWriter, tt as createTokenColorCache, s as moveBeforeSafe, i as navigate, Fn as provideConfiguratorDensity, le as resolveCanvasColor, et as resolveTokenColor, dn as sheetVariants, pn as sliderVariants, o as startViewTransition, n as supportsMoveBefore, a as supportsPostTask, r as supportsRouteTransitions, ee as supportsScrollTimeline, d as supportsViewTimeline, t as supportsViewTransitions, vn as toast, Tn as toggleVariants, Qe as useBreakpoint, ce as useCanvas2D, se as useCanvasLifecycle, Je as useClipboard, Bn as useConfiguratorState, Xe as useIdleReady, Wn as useInterval, ie as useLiquidFlex, Pn as useOptionalConfiguratorDensity, c as usePointerVelocityField, Ht as useProgressGeometry, Ge as useResizeObserver, Gn as useSortable, Dr as useSpecularPointer, ae as useSpecularTracking, Kn as useTextHighlight, Ke as useTimer, bn as useToast, Ze as useTokenColor, qe as useTouchGate, nt as useUserInvalidAria, $e as useViewportReady, Hn as vReveal, oe as vSpecular };
+export { xr as Accordion, Sr as AccordionContent, Cr as AccordionItem, wr as AccordionTrigger, Tr as Alert, Er as AlertDescription, Dr as AlertTitle, Or as Avatar, Ar as AvatarFallback, kr as AvatarImage, h as Badge, _ as Button, Ln as CONFIGURATOR_DENSITY_KEY, me as Card, ye as CardAction, _e as CardContent, pe as CardDescription, he as CardFooter, fe as CardHeader, de as CardTitle, jn as ChassisDivider, Mr as Checkbox, xe as Collapsible, Se as CollapsibleContent, be as CollapsibleTrigger, b as Command, Ce as CommandDialog, C as CommandEmpty, x as CommandGroup, v as CommandInput, y as CommandItem, S as CommandList, we as CommandSeparator, Te as CommandShortcut, zn as Configurator, In as ConfiguratorLayer, Rn as ConfiguratorRow, Pe as ContextMenu, Ue as ContextMenuCheckboxItem, Fe as ContextMenuContent, Le as ContextMenuItem, He as ContextMenuLabel, ze as ContextMenuRadioGroup, Ve as ContextMenuRadioItem, Re as ContextMenuSeparator, Ie as ContextMenuShortcut, We as ContextMenuSubContent, Be as ContextMenuSubTrigger, Ne as ContextMenuTrigger, dt as DataTable, st as DataTablePagination, Ee as Dialog, w as DialogClose, De as DialogContent, Ae as DialogDescription, Me as DialogFooter, ke as DialogHeader, T as DialogScrollContent, je as DialogTitle, Oe as DialogTrigger, _t as DropdownMenu, yt as DropdownMenuCheckboxItem, Ct as DropdownMenuContent, gt as DropdownMenuGroup, Dt as DropdownMenuItem, pt as DropdownMenuLabel, Et as DropdownMenuPortal, ht as DropdownMenuRadioGroup, mt as DropdownMenuRadioItem, St as DropdownMenuSeparator, Tt as DropdownMenuShortcut, vt as DropdownMenuSub, xt as DropdownMenuSubContent, wt as DropdownMenuSubTrigger, bt as DropdownMenuTrigger, kt as HoverCard, At as HoverCardContent, Ot as HoverCardTrigger, Nn as HoverPopover, Un as IconChip, Mn as InstrumentChassis, jt as Label, u as METRIC_PLACEHOLDER, Pr as MetricPill, zr as MultiSelect, Nt as Notification, Pt as NumberField, Rt as NumberFieldContent, It as NumberFieldDecrement, Lt as NumberFieldIncrement, Ft as NumberFieldInput, D as Popover, O as PopoverContent, E as PopoverTrigger, Ut as Progress, zt as ProgressDefault, Bt as ProgressGradient, Vt as ProgressSectioned, Br as RadioGroup, Vr as RadioGroupItem, ve as ScrollCard, ge as ScrollCardHeader, Vn as ScrollingText, Ur as Section, Xt as Select, Kt as SelectContent, Qt as SelectGroup, Yt as SelectItem, $t as SelectLabel, Zt as SelectScrollDownButton, qt as SelectScrollUpButton, en as SelectSeparator, Gt as SelectTrigger, Jt as SelectValue, tn as Separator, on as Sheet, un as SheetClose, cn as SheetContent, ln as SheetDescription, sn as SheetFooter, nn as SheetHeader, an as SheetTitle, rn as SheetTrigger, lt as Skeleton, fn as Slider, Jr as SplitChars, mn as Switch, ft as Table, ot as TableBody, Nr as TableCaption, it as TableCell, at as TableEmpty, ut as TableHead, ct as TableHeader, rt as TableRow, Wr as TagsInput, $ as TagsInputInput, Gr as TagsInputItem, Kr as TagsInputItemDelete, qr as TagsInputItemText, gn as Toast, xn as ToastAction, yn as ToastClose, hn as ToastDescription, _n as ToastTitle, Sn as Toaster, Cn as Toggle, wn as ToggleGroup, En as ToggleGroupItem, Dn as Tooltip, kn as TooltipContent, An as TooltipProvider, On as TooltipTrigger, Z as alertVariants, Q as avatarVariants, re as badgeVariants, ue as buttonVariants, e as cn, l as coalesceMetric, Ye as copyToClipboard, g as createSpecularWriter, tt as createTokenColorCache, s as moveBeforeSafe, c as navigate, Fn as provideConfiguratorDensity, le as resolveCanvasColor, et as resolveTokenColor, dn as sheetVariants, pn as sliderVariants, i as startViewTransition, n as supportsMoveBefore, a as supportsPostTask, o as supportsRouteTransitions, ee as supportsScrollTimeline, d as supportsViewTimeline, r as supportsViewTransitions, vn as toast, Tn as toggleVariants, Qe as useBreakpoint, se as useCanvas2D, ce as useCanvasLifecycle, t as useCharStagger, Je as useClipboard, Bn as useConfiguratorState, Xe as useIdleReady, Wn as useInterval, ie as useLiquidFlex, Pn as useOptionalConfiguratorDensity, qn as usePointerVelocityField, Ht as useProgressGeometry, Ge as useResizeObserver, Gn as useSortable, jr as useSpecularPointer, ae as useSpecularTracking, Kn as useTextHighlight, Ke as useTimer, bn as useToast, Ze as useTokenColor, qe as useTouchGate, nt as useUserInvalidAria, $e as useViewportReady, Hn as vReveal, oe as vSpecular };