@mkbabb/glass-ui 6.0.0 → 7.0.0

package/dist/glass-ui.js

@@ -1,81 +1,61 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { n as t, t as n } from "./badge-C0C-rTBu.js";
-import { t as r } from "./useLiquidFlex-Ch4exNvN.js";
-import { n as i, r as a, t as o } from "./vSpecular-CQFmLNzA.js";
-import { n as s, r as c, t as l } from "./resolveCanvasColor-yarP5bdk.js";
-import { n as ee, t as te } from "./button-32mg6xA8.js";
-import { a as ne, c as re, i as ie, l as ae, n as oe, o as se, r as ce, s as le, t as ue } from "./card-16xmzIr3.js";
-import { n as de, r as fe, t as pe } from "./collapsible-bPzS1aQk.js";
-import { a as me, c as he, i as ge, l as _e, n as ve, o as ye, r as u, s as d, t as f } from "./command-BjPjUU9z.js";
-import { a as p, c as m, i as h, n as g, o as _, r as v, s as y, t as b } from "./dialog-BzQxKrUr.js";
-import { t as x } from "./useResizeObserver-BcUTquV7.js";
-import { t as S } from "./useTimer-D8koDvJS.js";
-import { t as C } from "./useTouchGate-Cj5fOkTv.js";
-import { t as w } from "./useDragVelocity-CbMZEBaC.js";
-import { n as T, t as E } from "./useResolveTokenColor-C07e-qaT.js";
-import { t as D } from "./useUserInvalidAria-Cr4nR3tu.js";
-import { copyToClipboard as O, useBreakpoint as k, useClipboard as A, useIdleReady as j, useTokenColor as M, useViewportReady as N } from "./dom.js";
-import { a as P, c as be, i as xe, l as Se, n as Ce, o as we, r as Te, s as Ee, t as De } from "./data-table-DveMdgBM.js";
-import { t as Oe } from "./DropdownMenuTrigger-BzQtd9lt.js";
-import { a as ke, c as Ae, d as je, f as Me, i as Ne, l as Pe, n as Fe, o as Ie, p as Le, r as Re, s as ze, t as Be, u as Ve } from "./dropdown-menu-DORIA52F.js";
-import { t as He } from "./label-Cj38tJKG.js";
-import { t as Ue } from "./notification-DVs7ODMg.js";
-import { a as We, i as Ge, n as Ke, r as qe, t as Je } from "./number-field-PvkGedHk.js";
-import { n as Ye, r as Xe, t as Ze } from "./popover-WMgyRSyN.js";
-import { t as Qe } from "./progress-C-HHuFZy.js";
-import { a as $e, c as et, i as tt, n as nt, o as rt, r as it, s as at, t as ot } from "./select-BIv4R3Ir.js";
-import { t as st } from "./separator-CBU94kTM.js";
-import { n as ct, t as lt } from "./slider-Cc_qw6GA.js";
-import { t as ut } from "./switch-Boj4Ucn5.js";
-import { a as dt, c as ft, i as pt, n as mt, o as ht, r as gt, s as _t, t as vt } from "./toast-kAbchIN2.js";
-import { i as yt, n as bt, r as xt, t as St } from "./toggle-group-BPchFsns.js";
-import { i as Ct, n as wt, r as Tt, t as Et } from "./tooltip-BmOQJzh0.js";
-import { n as Dt, t as Ot } from "./instrument-chassis-Cvstg4_U.js";
-import { n as kt, t as At } from "./supportsCssTimeline-Dz-GVxXM.js";
-import { a as jt, i as Mt, n as Nt, o as Pt, r as F, s as Ft, t as It } from "./configurator-CSENXXSy.js";
-import { t as Lt } from "./vReveal-DZfWl9XI.js";
-import { t as Rt } from "./icon-chip-BWuxz1-u.js";
-import { a as zt, c as I, i as Bt, n as Vt, o as Ht, r as Ut, s as Wt, t as Gt } from "./useGooMorph-D1F6QJlH.js";
-import { useInterval as Kt } from "./reactive.js";
-import { t as qt } from "./useLeadTrail-BYu8dq4G.js";
-import { t as Jt } from "./usePointerVelocityField-BdvnO0py.js";
-import { t as Yt } from "./useRoutePointer-BDNMFN73.js";
-import { a as Xt, c as Zt, d as Qt, i as $t, l as en, n as tn, o as nn, r as rn, s as an, t as on, u as sn } from "./pointerFieldMappings-CZojkgKj.js";
-import { n as cn, t as ln } from "./coalesce-metric-znAcLzkB.js";
-import { computed as L, createBlock as R, createElementBlock as z, createElementVNode as un, createTextVNode as dn, createVNode as B, defineComponent as V, guardReactiveProps as fn, mergeProps as H, normalizeClass as U, normalizeProps as pn, onScopeDispose as mn, openBlock as W, ref as G, renderSlot as K, toDisplayString as hn, toValue as gn, unref as q, watch as _n, withCtx as J } from "vue";
-import { AccordionContent as vn, AccordionHeader as yn, AccordionItem as bn, AccordionRoot as xn, AccordionTrigger as Sn, AvatarFallback as Cn, AvatarImage as wn, AvatarRoot as Tn, CheckboxIndicator as En, CheckboxRoot as Dn, Primitive as On, RadioGroupIndicator as kn, RadioGroupItem as An, RadioGroupRoot as jn, TagsInputInput as Mn, TagsInputItem as Nn, TagsInputItemDelete as Pn, TagsInputItemText as Fn, TagsInputRoot as In, useForwardProps as Y, useForwardPropsEmits as X } from "reka-ui";
-import { Check as Ln, ChevronDown as Rn, Circle as zn, Minus as Bn, X as Vn } from "@lucide/vue";
-import { cva as Z } from "class-variance-authority";
+import { n as e, t } from "./class-names-Cpy5eaBk.js";
+import { a as n, i as r, n as i, r as a, t as o } from "./collapsible-BAP95XTt.js";
+import { n as s, t as c } from "./badge-u65NClWn.js";
+import { n as l, r as ee, t as te } from "./vSpecular-DMJo8pfD.js";
+import { n as ne, r as re, t as ie } from "./resolveCanvasColor-DS_6DBxA.js";
+import { t as ae } from "./useLiquidFlex-TJZmRqyY.js";
+import { t as oe } from "./button-Bu9F4uU6.js";
+import { a as se, i as ce, n as le, o as ue, r as de, s as fe, t as pe } from "./card-Bk96VI2R.js";
+import { n as me, t as he } from "./supportsCssTimeline-C2zyWpl8.js";
+import { t as ge } from "./selection-DqIULxRG.js";
+import { a as _e, c as ve, i as ye, l as u, n as d, o as f, r as p, s as m, t as h } from "./command-SFqDQ65h.js";
+import { a as g, c as _, i as v, n as y, o as b, r as x, s as S, t as C } from "./dialog-TNRDkcE4.js";
+import { t as w } from "./useResizeObserver-CdUlm2QZ.js";
+import { t as T } from "./useTimer-C3yfti4C.js";
+import { t as E } from "./useTouchGate-B4mzQcHJ.js";
+import { t as D } from "./useDragVelocity-6ONX0sr0.js";
+import { n as O, t as k } from "./useResolveTokenColor-B2FfJnd9.js";
+import { n as A, t as j } from "./useClipboard-D36OTaeT.js";
+import { t as M } from "./useUserInvalidAria-0GNrddMX.js";
+import { useBreakpoint as N, useIdleReady as P, useTokenColor as be, useViewportReady as xe } from "./dom.js";
+import { a as Se, c as Ce, i as we, l as Te, n as Ee, o as De, r as Oe, s as ke, t as Ae } from "./data-table-BygKg6ZA.js";
+import { t as je } from "./DropdownMenuTrigger-ClIq8RJE.js";
+import { a as Me, c as Ne, d as Pe, f as Fe, i as Ie, l as Le, n as Re, o as ze, p as Be, r as Ve, s as He, t as Ue, u as We } from "./dropdown-menu-BlbnvMaZ.js";
+import { t as Ge } from "./label-DnMqH7jr.js";
+import { t as Ke } from "./field-control.css_vue_type_style_index_0_src_true_lang-CeLay9Tk.js";
+import { a as qe, i as Je, n as Ye, r as Xe, t as Ze } from "./number-field-Boe09SvX.js";
+import { n as Qe, r as $e, t as et } from "./popover-BQGYXZyO.js";
+import { t as tt } from "./progress-DClbhRAT.js";
+import { a as nt, c as rt, i as it, n as at, o as ot, r as st, s as ct, t as lt } from "./select-BcBAyLXA.js";
+import { t as ut } from "./separator-CgZInrX-.js";
+import { t as dt } from "./slider-DzqeQmMu.js";
+import { t as ft } from "./switch-DZjQuFLa.js";
+import { t as pt } from "./chip-DFZQr6rV.js";
+import { a as mt, c as ht, i as gt, n as _t, o as vt, r as yt, s as bt, t as xt } from "./toast-CH5mnsYT.js";
+import { n as St, t as Ct } from "./toggle-group-O6jBo7AE.js";
+import { i as wt, n as Tt, r as Et, t as Dt } from "./tooltip-Drx5qnw_.js";
+import { a as Ot, i as kt, n as At, o as F, r as jt, s as Mt, t as Nt } from "./configurator-M5OaIlJd.js";
+import { useInterval as Pt } from "./reactive.js";
+import { i as Ft, n as It, r as Lt, t as Rt } from "./useTextHighlight-mfwNIC1f.js";
+import { t as zt } from "./useLeadTrail-AW1-zZcd.js";
+import { t as Bt } from "./usePointerVelocityField-DsIf7yyq.js";
+import { t as Vt } from "./useRoutePointer-B8itM7Ka.js";
+import { a as Ht, c as Ut, d as Wt, i as Gt, l as Kt, n as qt, o as Jt, r as Yt, s as Xt, t as Zt, u as Qt } from "./pointerFieldMappings-DP5tla5z.js";
+import { computed as I, createBlock as L, createCommentVNode as $t, createElementBlock as R, createElementVNode as z, createVNode as B, defineComponent as V, inject as en, mergeProps as H, nextTick as tn, normalizeClass as U, onScopeDispose as nn, openBlock as W, provide as rn, ref as G, renderSlot as K, toValue as an, unref as q, useAttrs as J, useSlots as on, withCtx as Y } from "vue";
+import { AccordionContent as sn, AccordionHeader as cn, AccordionItem as ln, AccordionRoot as un, AccordionTrigger as dn, AvatarFallback as fn, AvatarImage as pn, AvatarRoot as mn, CheckboxIndicator as hn, CheckboxRoot as gn, RadioGroupIndicator as _n, RadioGroupItem as vn, RadioGroupRoot as yn, TagsInputInput as bn, TagsInputItem as xn, TagsInputItemDelete as Sn, TagsInputItemText as Cn, TagsInputRoot as wn, injectAccordionItemContext as Tn, injectCollapsibleRootContext as En, injectTagsInputItemContext as Dn, injectTagsInputRootContext as On, useForwardProps as X, useForwardPropsEmits as Z } from "reka-ui";
+import { Check as kn, ChevronDown as An, Minus as jn, X as Mn } from "@lucide/vue";
 //#endregion
 //#region src/components/accordion/Accordion.vue
-var Hn = /* @__PURE__ */ V({
+var Nn = /* @__PURE__ */ V({
+	name: "Accordion",
+	inheritAttrs: !1,
 	__name: "Accordion",
 	props: {
-		collapsible: { type: Boolean },
-		disabled: { type: Boolean },
-		dir: {},
-		orientation: {},
-		unmountOnHide: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
 		type: {},
 		modelValue: {},
-		defaultValue: {}
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let n = X(e, t);
-		return (e, t) => (W(), R(q(xn), H({ "data-slot": "accordion" }, q(n)), {
-			default: J(() => [K(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), Un = /* @__PURE__ */ V({
-	__name: "AccordionContent",
-	props: {
-		forceMount: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
+		defaultValue: {},
+		collapsible: {},
+		disabled: { type: Boolean },
 		class: { type: [
 			Boolean,
 			null,
@@ -84,24 +64,58 @@ var Hn = /* @__PURE__ */ V({
 			Array
 		] }
 	},
-	setup(t) {
-		let n = t, r = L(() => {
-			let { class: e, ...t } = n;
-			return t;
+	emits: ["update:modelValue"],
+	setup(e, { emit: n }) {
+		let r = e, i = n, a = J(), o = I(() => {
+			let { as: e, asChild: t, "as-child": n, dir: r, orientation: i, unmountOnHide: o, "unmount-on-hide": s, ...c } = a;
+			return c;
 		});
-		return (t, i) => (W(), R(q(vn), H(r.value, { class: "overflow-hidden text-sm transition-collapse data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" }), {
-			default: J(() => [un("div", { class: U(q(e)("pb-4 pt-0", n.class)) }, [K(t.$slots, "default")], 2)]),
+		function s(e, t) {
+			if (e !== void 0) {
+				if (r.type === "single" && typeof e == "string" || r.type === "multiple" && Array.isArray(e) && e.every((e) => typeof e == "string")) return e;
+				throw TypeError(`[glass-ui] Accordion type="${r.type}" received an invalid ${t}.`);
+			}
+		}
+		function c(e) {
+			if (r.type === "single" && (e === void 0 || typeof e == "string") || r.type === "multiple" && Array.isArray(e) && e.every((e) => typeof e == "string")) return e;
+			throw TypeError(`[glass-ui] Accordion type="${r.type}" emitted an invalid selection model.`);
+		}
+		function l(e) {
+			i("update:modelValue", c(e));
+		}
+		return (n, i) => (W(), L(q(un), H(o.value, {
+			as: "div",
+			"data-slot": "accordion",
+			"data-disclosure": "accordion",
+			orientation: "vertical",
+			type: e.type,
+			"model-value": s(e.modelValue, "modelValue"),
+			"default-value": s(e.defaultValue, "defaultValue"),
+			collapsible: e.type === "single" ? e.collapsible : void 0,
+			disabled: e.disabled ?? !1,
+			class: q(t)("disclosure", r.class),
+			"onUpdate:modelValue": l
+		}), {
+			default: Y(({ modelValue: e }) => [K(n.$slots, "default", { modelValue: c(e) })]),
 			_: 3
-		}, 16));
+		}, 16, [
+			"type",
+			"model-value",
+			"default-value",
+			"collapsible",
+			"disabled",
+			"class"
+		]));
 	}
-}), Wn = /* @__PURE__ */ V({
-	__name: "AccordionItem",
+}), Pn = /* @__PURE__ */ V({
+	name: "AccordionContent",
+	inheritAttrs: !1,
+	__name: "AccordionContent",
 	props: {
-		disabled: { type: Boolean },
-		value: {},
-		unmountOnHide: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
+		forceMount: {
+			type: Boolean,
+			default: !1
+		},
 		class: { type: [
 			Boolean,
 			null,
@@ -110,21 +124,40 @@ var Hn = /* @__PURE__ */ V({
 			Array
 		] }
 	},
-	setup(t) {
-		let n = t, r = Y(L(() => {
-			let { class: e, ...t } = n;
-			return t;
-		}));
-		return (t, i) => (W(), R(q(bn), H(q(r), { class: q(e)("border-b", n.class) }), {
-			default: J(() => [K(t.$slots, "default")]),
+	setup(e) {
+		let r = e, i = n(), a = En();
+		a.contentId = i.content;
+		let o = J(), s = I(() => {
+			let { as: e, asChild: t, "as-child": n, ...r } = o;
+			return r;
+		});
+		return (n, a) => (W(), L(q(sn), H(s.value, {
+			as: "div",
+			"data-slot": "accordion-content",
+			"data-disclosure": "accordion",
+			"force-mount": e.forceMount,
+			id: q(i).content,
+			"aria-labelledby": q(i).trigger,
+			class: "disclosure-content"
+		}), {
+			default: Y(() => [z("div", { class: U(q(t)("disclosure-content-body", r.class)) }, [K(n.$slots, "default")], 2)]),
 			_: 3
-		}, 16, ["class"]));
+		}, 16, [
+			"force-mount",
+			"id",
+			"aria-labelledby"
+		]));
 	}
-}), Gn = /* @__PURE__ */ V({
-	__name: "AccordionTrigger",
+}), Fn = /* @__PURE__ */ V({
+	name: "AccordionItem",
+	inheritAttrs: !1,
+	__name: "AccordionItem",
 	props: {
-		asChild: { type: Boolean },
-		as: {},
+		value: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
 		class: { type: [
 			Boolean,
 			null,
@@ -133,20 +166,77 @@ var Hn = /* @__PURE__ */ V({
 			Array
 		] }
 	},
-	setup(t) {
-		let n = t, r = L(() => {
-			let { class: e, ...t } = n;
-			return t;
+	setup(e) {
+		let n = e;
+		r();
+		let i = J(), a = I(() => {
+			let { as: e, asChild: t, "as-child": n, open: r, defaultOpen: a, "default-open": o, unmountOnHide: s, "unmount-on-hide": c, ...l } = i;
+			return l;
+		});
+		return (r, i) => (W(), L(q(ln), H(a.value, {
+			as: "div",
+			"data-slot": "accordion-item",
+			value: e.value,
+			disabled: e.disabled,
+			class: q(t)("disclosure-item", n.class)
+		}), {
+			default: Y(() => [K(r.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"value",
+			"disabled",
+			"class"
+		]));
+	}
+}), In = /* @__PURE__ */ V({
+	name: "AccordionTrigger",
+	inheritAttrs: !1,
+	__name: "AccordionTrigger",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let r = e, i = n(), a = Tn();
+		a.triggerId = i.trigger;
+		let o = J(), s = I(() => {
+			let { as: e, asChild: t, "as-child": n, ...r } = o;
+			return r;
 		});
-		return (t, i) => (W(), R(q(yn), { class: "flex" }, {
-			default: J(() => [B(q(Sn), H({ "data-slot": "accordion-trigger" }, r.value, { class: q(e)("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: J(() => [K(t.$slots, "default"), K(t.$slots, "icon", {}, () => [B(q(Rn), { class: "h-4 w-4 shrink-0 transition-disclosure" })])]),
+		return (e, n) => (W(), L(q(cn), {
+			as: "h3",
+			"data-slot": "accordion-header",
+			class: "disclosure-header"
+		}, {
+			default: Y(() => [B(q(dn), H(s.value, {
+				as: "button",
+				"data-slot": "accordion-trigger",
+				id: q(i).trigger,
+				"aria-controls": q(i).content,
+				class: q(t)("disclosure-trigger disclosure-group-trigger", r.class)
+			}), {
+				default: Y(() => [K(e.$slots, "default"), K(e.$slots, "icon", {}, () => [B(q(An), {
+					"aria-hidden": "true",
+					class: "disclosure-icon transition-disclosure"
+				})])]),
 				_: 3
-			}, 16, ["class"])]),
+			}, 16, [
+				"id",
+				"aria-controls",
+				"class"
+			])]),
 			_: 3
 		}));
 	}
-}), Kn = ["data-tone"], qn = /* @__PURE__ */ V({
+}), Ln = [
+	"data-tone",
+	"role",
+	"aria-live"
+], Rn = /* @__PURE__ */ V({
+	inheritAttrs: !1,
 	__name: "Alert",
 	props: {
 		class: { type: [
@@ -156,18 +246,20 @@ var Hn = /* @__PURE__ */ V({
 			Object,
 			Array
 		] },
-		tone: {}
+		tone: {},
+		announce: { default: "off" }
 	},
-	setup(t) {
-		let n = t;
-		return (r, i) => (W(), z("div", {
+	setup(e) {
+		let n = e, r = J(), i = I(() => n.announce === "polite" ? "status" : n.announce === "assertive" ? "alert" : r.role), a = I(() => n.announce === "polite" ? "polite" : n.announce === "assertive" ? "assertive" : r["aria-live"]);
+		return (o, s) => (W(), R("div", H(q(r), {
 			"data-slot": "alert",
-			"data-tone": t.tone,
-			class: U(q(e)(q(Q)({ tone: t.tone }), n.class)),
-			role: "alert"
-		}, [K(r.$slots, "default")], 10, Kn));
+			"data-tone": e.tone,
+			class: q(t)(q(Q)({ tone: e.tone }), n.class),
+			role: i.value,
+			"aria-live": a.value
+		}), [K(o.$slots, "default")], 16, Ln));
 	}
-}), Jn = /* @__PURE__ */ V({
+}), zn = /* @__PURE__ */ V({
 	__name: "AlertDescription",
 	props: { class: { type: [
 		Boolean,
@@ -176,14 +268,14 @@ var Hn = /* @__PURE__ */ V({
 		Object,
 		Array
 	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (W(), z("div", {
+	setup(e) {
+		let n = e;
+		return (e, r) => (W(), R("div", {
 			"data-slot": "alert-description",
-			class: U(q(e)("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", n.class))
-		}, [K(t.$slots, "default")], 2));
+			class: U(q(t)("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", n.class))
+		}, [K(e.$slots, "default")], 2));
 	}
-}), Yn = /* @__PURE__ */ V({
+}), Bn = /* @__PURE__ */ V({
 	__name: "AlertTitle",
 	props: { class: { type: [
 		Boolean,
@@ -192,149 +284,206 @@ var Hn = /* @__PURE__ */ V({
 		Object,
 		Array
 	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (W(), z("div", {
+	setup(e) {
+		let n = e;
+		return (e, r) => (W(), R("div", {
 			"data-slot": "alert-title",
-			class: U(q(e)("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", n.class))
-		}, [K(t.$slots, "default")], 2));
+			class: U(q(t)("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", n.class))
+		}, [K(e.$slots, "default")], 2));
 	}
-}), Q = Z("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: { tone: {
-		neutral: "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: { tone: "neutral" }
-}), Xn = /* @__PURE__ */ V({
+}), Vn = "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", Hn = {
+	neutral: "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"
+};
+function Q(t = {}) {
+	return e(Vn, Hn[t.tone ?? "neutral"], t.class, t.className);
+}
+//#endregion
+//#region src/components/avatar/Avatar.vue?vue&type=script&setup=true&lang.ts
+var Un = [
+	"role",
+	"aria-label",
+	"aria-labelledby",
+	"aria-hidden"
+], Wn = {
+	key: 0,
+	class: "glass-avatar__status",
+	"data-slot": "avatar-status"
+}, Gn = /* @__PURE__ */ V({
+	name: "Avatar",
+	inheritAttrs: !1,
 	__name: "Avatar",
 	props: {
+		label: {},
+		labelledBy: {},
+		decorative: { type: Boolean },
+		size: {},
+		shape: {},
 		class: { type: [
 			Boolean,
 			null,
 			String,
 			Object,
 			Array
-		] },
-		size: { default: "sm" },
-		shape: { default: "circle" }
+		] }
 	},
-	setup(t) {
-		let n = t;
-		return (r, i) => (W(), R(q(Tn), {
-			"data-slot": "avatar",
-			class: U(q(e)(q($)({
-				size: t.size,
-				shape: t.shape
-			}), n.class))
-		}, {
-			default: J(() => [K(r.$slots, "default")]),
+	setup(e) {
+		let n = e, r = J(), i = on(), a = I(() => n.size ?? "sm"), o = I(() => n.shape ?? "circle"), s = I(() => n.decorative === !0 || !n.label?.trim() && !n.labelledBy?.trim()), c = I(() => Object.fromEntries(Object.entries(r).filter(([e]) => e !== "role" && !e.startsWith("aria-"))));
+		return (e, r) => (W(), L(q(mn), H(c.value, {
+			class: q(t)("glass-avatar", n.class),
+			"data-size": a.value,
+			"data-shape": o.value,
+			"data-identity": s.value ? "decorative" : "labelled"
+		}), {
+			default: Y(() => [z("span", {
+				class: "glass-avatar__identity",
+				role: s.value ? void 0 : "img",
+				"aria-label": s.value ? void 0 : n.label,
+				"aria-labelledby": s.value ? void 0 : n.labelledBy,
+				"aria-hidden": s.value || void 0
+			}, [K(e.$slots, "default")], 8, Un), q(i).status ? (W(), R("span", Wn, [K(e.$slots, "status")])) : $t("", !0)]),
 			_: 3
-		}, 8, ["class"]));
+		}, 16, [
+			"class",
+			"data-size",
+			"data-shape",
+			"data-identity"
+		]));
 	}
-}), Zn = /* @__PURE__ */ V({
+}), Kn = /* @__PURE__ */ V({
+	name: "AvatarImage",
+	inheritAttrs: !1,
 	__name: "AvatarImage",
 	props: {
 		src: {},
 		referrerPolicy: {},
-		crossOrigin: {},
-		asChild: { type: Boolean },
-		as: {},
-		alt: { default: "" }
+		crossOrigin: {}
 	},
-	setup(e) {
-		let t = e;
-		return (e, n) => (W(), R(q(wn), H(t, { class: "h-full w-full object-cover" }), null, 16));
+	emits: ["loadingStatusChange"],
+	setup(e, { emit: t }) {
+		let n = e, r = J(), i = t, a = G("idle"), o = I(() => {
+			let { as: e, asChild: t, "as-child": n, ...i } = r;
+			return i;
+		});
+		function s(e) {
+			a.value = e, i("loadingStatusChange", e);
+		}
+		return (e, t) => (W(), L(q(pn), H({
+			...o.value,
+			...n,
+			alt: "",
+			"aria-hidden": !0
+		}, {
+			class: "glass-avatar__image",
+			"data-image-state": a.value,
+			onLoadingStatusChange: s
+		}), null, 16, ["data-image-state"]));
 	}
-}), Qn = /* @__PURE__ */ V({
+}), qn = /* @__PURE__ */ V({
+	name: "AvatarFallback",
+	inheritAttrs: !1,
 	__name: "AvatarFallback",
-	props: {
-		delayMs: {},
-		asChild: { type: Boolean },
-		as: {}
-	},
 	setup(e) {
-		let t = e;
-		return (e, n) => (W(), R(q(Cn), pn(fn(t)), {
-			default: J(() => [K(e.$slots, "default")]),
+		let t = J(), n = I(() => {
+			let { as: e, asChild: n, "as-child": r, delayMs: i, "delay-ms": a, ...o } = t;
+			return o;
+		});
+		return (e, t) => (W(), L(q(fn), H(n.value, {
+			class: "glass-avatar__fallback",
+			"aria-hidden": "true"
+		}), {
+			default: Y(() => [K(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), $ = Z("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",
-		md: "h-16 w-16 text-2xl",
-		lg: "h-32 w-32 text-5xl"
-	},
-	shape: {
-		circle: "rounded-pill",
-		square: "rounded-input"
-	}
-} });
+});
 //#endregion
 //#region src/composables/glass/useSpecularPointer.ts
-function $n(e = {}) {
-	let t = G({}), n = i((e, n) => {
+function Jn(e = {}) {
+	let t = G({}), n = l((e, n) => {
 		let r = Math.atan2(n - 50, e - 50) * 180 / Math.PI + 90;
 		t.value = {
 			"--mouse-x": `${e.toFixed(2)}%`,
 			"--mouse-y": `${n.toFixed(2)}%`,
 			"--specular-angle": `${r.toFixed(1)}deg`
 		};
-	}), r = L(() => {
+	}), r = I(() => {
 		if (e.press == null) return t.value;
-		let n = gn(e.press);
+		let n = an(e.press);
 		return {
 			...t.value,
 			"--glass-btn-press-t": (Number.isFinite(n) ? n : 0).toFixed(4)
 		};
 	});
-	return mn(n.dispose), {
+	return nn(n.dispose), {
 		specularStyle: r,
 		onPointerMove: n.onPointerMove
 	};
 }
 //#endregion
 //#region src/components/checkbox/Checkbox.vue
-var er = /* @__PURE__ */ V({
+var Yn = /* @__PURE__ */ V({
 	__name: "Checkbox",
 	props: {
-		defaultValue: {},
-		modelValue: {},
+		modelValue: { type: [
+			Boolean,
+			String,
+			null
+		] },
+		defaultValue: { type: [Boolean, String] },
 		disabled: { type: Boolean },
 		value: {},
 		id: {},
-		trueValue: {},
-		falseValue: {},
-		asChild: { type: Boolean },
-		as: {},
-		name: {},
-		required: { type: Boolean },
 		class: { type: [
 			Boolean,
 			null,
 			String,
 			Object,
 			Array
-		] }
+		] },
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean }
 	},
 	emits: ["update:modelValue"],
-	setup(t, { emit: n }) {
-		let r = t, i = n, a = X(L(() => {
-			let { class: e, ...t } = r;
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = Z(I(() => {
+			let { class: e, ...t } = n;
 			return t;
-		}), i);
-		return (t, n) => (W(), R(q(Dn), H({ "data-slot": "checkbox" }, q(a), { class: q(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: J(() => [B(q(En), { class: "flex h-full w-full items-center justify-center text-current" }, {
-				default: J(() => [K(t.$slots, "default", {}, () => [B(q(Bn), { class: "hidden h-4 w-4 group-data-[state=indeterminate]:block" }), B(q(Ln), { class: "h-4 w-4 group-data-[state=indeterminate]:hidden" })])]),
-				_: 3
-			})]),
+		}), r);
+		function a(e) {
+			return e;
+		}
+		return (e, t) => (W(), L(q(gn), H(q(i), {
+			"data-slot": "checkbox",
+			class: ["checkbox control-surface glass-control-edge focus-ring tap-squish", n.class]
+		}), {
+			default: Y(({ state: n }) => [t[0] ||= z("span", {
+				class: "checkbox__seat",
+				"aria-hidden": "true"
+			}, null, -1), B(q(hn), {
+				class: "checkbox__indicator",
+				"aria-hidden": "true"
+			}, {
+				default: Y(() => [K(e.$slots, "default", { state: a(n) }, () => [n === "indeterminate" ? (W(), L(q(jn), {
+					key: 0,
+					size: 12,
+					"stroke-width": 3
+				})) : (W(), L(q(kn), {
+					key: 1,
+					size: 12,
+					"stroke-width": 3
+				}))])]),
+				_: 2
+			}, 1024)]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), tr = /* @__PURE__ */ V({
+}), Xn = /* @__PURE__ */ V({
 	__name: "TableCaption",
 	props: { class: { type: [
 		Boolean,
@@ -343,55 +492,68 @@ var er = /* @__PURE__ */ V({
 		Object,
 		Array
 	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (W(), z("caption", { class: U(q(e)("mt-4 text-sm text-muted-foreground", n.class)) }, [K(t.$slots, "default")], 2));
+	setup(e) {
+		let n = e;
+		return (e, r) => (W(), R("caption", { class: U(q(t)("mt-4 text-sm text-muted-foreground", n.class)) }, [K(e.$slots, "default")], 2));
 	}
-}), nr = /* @__PURE__ */ V({
+}), Zn = /* @__PURE__ */ V({
 	__name: "RadioGroup",
 	props: {
 		modelValue: {},
 		defaultValue: {},
 		disabled: { type: Boolean },
-		orientation: {},
+		orientation: { default: "vertical" },
 		dir: {},
 		loop: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		name: {},
-		required: { type: Boolean },
 		class: { type: [
 			Boolean,
 			null,
 			String,
 			Object,
 			Array
-		] }
+		] },
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean }
 	},
 	emits: ["update:modelValue"],
-	setup(t, { emit: n }) {
-		let r = t, i = n, a = X(L(() => {
-			let { class: e, ...t } = r;
-			return t;
-		}), i);
-		return (t, n) => (W(), R(q(jn), H({
-			"data-slot": "radio-group",
-			class: q(e)("grid gap-2", r.class)
-		}, q(a)), {
-			default: J(() => [K(t.$slots, "default")]),
+	setup(e, { emit: n }) {
+		let r = e, i = n, a = X(I(() => {
+			let { class: e, invalid: t, ...n } = r;
+			return n;
+		}));
+		function o(e) {
+			if (!ge(e)) throw TypeError("[glass-ui] RadioGroup received a non-scalar value.");
+			i("update:modelValue", e);
+		}
+		return (e, n) => (W(), L(q(yn), H({ "data-slot": "radio-group" }, q(a), {
+			"onUpdate:modelValue": o,
+			class: q(t)("radio-group", r.class),
+			"data-invalid": r.invalid || void 0,
+			"aria-invalid": r.invalid || void 0
+		}), {
+			default: Y(() => [K(e.$slots, "default")]),
 			_: 3
-		}, 16, ["class"]));
+		}, 16, [
+			"class",
+			"data-invalid",
+			"aria-invalid"
+		]));
 	}
-}), rr = /* @__PURE__ */ V({
+}), Qn = {
+	class: "radio-group__face",
+	"aria-hidden": "true"
+}, $n = /* @__PURE__ */ V({
 	__name: "RadioGroupItem",
 	props: {
-		id: {},
 		value: {},
+		id: {},
 		disabled: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		name: {},
-		required: { type: Boolean },
 		class: { type: [
 			Boolean,
 			null,
@@ -400,20 +562,20 @@ var er = /* @__PURE__ */ V({
 			Array
 		] }
 	},
-	setup(t) {
-		let n = t, r = Y(L(() => {
+	setup(e) {
+		let n = e, r = X(I(() => {
 			let { class: e, ...t } = n;
 			return t;
 		}));
-		return (t, i) => (W(), R(q(An), H({ "data-slot": "radio-group-item" }, q(r), { class: q(e)("glass-control-edge 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: J(() => [B(q(kn), { class: "flex items-center justify-center text-current" }, {
-				default: J(() => [B(q(zn), { class: "h-2.5 w-2.5 fill-current" })]),
-				_: 1
-			})]),
+		return (e, i) => (W(), L(q(vn), H({ "data-slot": "radio-group-item" }, q(r), { class: q(t)("radio-group__item", n.class) }), {
+			default: Y(() => [z("span", Qn, [B(q(_n), {
+				"data-slot": "radio-group-indicator",
+				class: "radio-group__indicator"
+			})])]),
 			_: 1
 		}, 16, ["class"]));
 	}
-}), ir = /* @__PURE__ */ V({
+}), $ = Symbol("glass-ui-tags-input"), er = /* @__PURE__ */ V({
 	__name: "TagsInput",
 	props: {
 		modelValue: {},
@@ -427,19 +589,16 @@ var er = /* @__PURE__ */ V({
 		dir: {},
 		max: {},
 		id: {},
-		convertValue: { type: Function },
-		displayValue: { type: Function },
-		asChild: { type: Boolean },
-		as: {},
-		name: {},
-		required: { type: Boolean },
+		invalid: { type: Boolean },
 		class: { type: [
 			Boolean,
 			null,
 			String,
 			Object,
 			Array
-		] }
+		] },
+		name: {},
+		required: { type: Boolean }
 	},
 	emits: [
 		"update:modelValue",
@@ -447,24 +606,35 @@ var er = /* @__PURE__ */ V({
 		"addTag",
 		"removeTag"
 	],
-	setup(t, { emit: n }) {
-		let r = t, i = n, a = X(L(() => {
-			let { class: e, ...t } = r;
-			return t;
-		}), i);
-		return (t, n) => (W(), R(q(In), H({ "data-slot": "tags-input" }, q(a), { class: q(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: J(() => [K(t.$slots, "default")]),
+	setup(e, { emit: n }) {
+		let r = e, i = n, a = J(), o = I(() => {
+			let { class: e, invalid: t, ...n } = r;
+			return n;
+		}), s = I(() => r.invalid === !0 || Ke(a["aria-invalid"])), c = I(() => r.disabled ? "disabled" : s.value ? "invalid" : "default");
+		rn($, { invalid: s });
+		let l = Z(o, i);
+		return (e, n) => (W(), L(q(wn), H({
+			"data-slot": "tags-input",
+			"data-kind": "tags-input"
+		}, q(l), {
+			"data-state": c.value,
+			"aria-invalid": s.value || void 0,
+			class: q(t)("tags-input field-control glass-defined", r.class)
+		}), {
+			default: Y(() => [K(e.$slots, "default")]),
 			_: 3
-		}, 16, ["class"]));
+		}, 16, [
+			"data-state",
+			"aria-invalid",
+			"class"
+		]));
 	}
-}), ar = /* @__PURE__ */ V({
+}), tr = /* @__PURE__ */ V({
 	__name: "TagsInputInput",
 	props: {
 		placeholder: {},
 		autoFocus: { type: Boolean },
 		maxLength: {},
-		asChild: { type: Boolean },
-		as: {},
 		class: { type: [
 			Boolean,
 			null,
@@ -473,20 +643,42 @@ var er = /* @__PURE__ */ V({
 			Array
 		] }
 	},
-	setup(t) {
-		let n = t, r = Y(L(() => {
-			let { class: e, ...t } = n;
-			return t;
-		}));
-		return (t, i) => (W(), R(q(Mn), H(q(r), { class: q(e)("text-sm min-h-6 focus:outline-none flex-1 bg-transparent px-1", n.class) }), null, 16, ["class"]));
+	setup(e) {
+		let n = e, r = en($), i = On(), a = I(() => r?.invalid.value === !0 || i.isInvalidInput.value), o = G(!1);
+		function s() {
+			o.value = !0;
+		}
+		function c() {
+			tn(() => {
+				o.value = !1;
+			});
+		}
+		function l(e) {
+			o.value && e.stopImmediatePropagation();
+		}
+		return (e, r) => (W(), L(q(bn), {
+			placeholder: n.placeholder,
+			"auto-focus": n.autoFocus,
+			"max-length": n.maxLength,
+			"data-slot": "tags-input-input",
+			"aria-invalid": a.value || void 0,
+			class: U(q(t)("tags-input__input", n.class)),
+			onCompositionstartCapture: s,
+			onCompositionendCapture: c,
+			onInputCapture: l
+		}, null, 8, [
+			"placeholder",
+			"auto-focus",
+			"max-length",
+			"aria-invalid",
+			"class"
+		]));
 	}
-}), or = /* @__PURE__ */ V({
+}), nr = /* @__PURE__ */ V({
 	__name: "TagsInputItem",
 	props: {
 		value: {},
 		disabled: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
 		class: { type: [
 			Boolean,
 			null,
@@ -495,119 +687,66 @@ var er = /* @__PURE__ */ V({
 			Array
 		] }
 	},
-	setup(t) {
-		let n = t, r = Y(L(() => {
-			let { class: e, ...t } = n;
-			return t;
-		}));
-		return (t, i) => (W(), R(q(Nn), H(q(r), { class: q(e)("glass-chip glass-capsule glass-capsule-hover flex h-6 items-center px-2.5 text-caption data-[state=active]:shadow-focus-ring", n.class) }), {
-			default: J(() => [K(t.$slots, "default")]),
+	setup(e) {
+		let n = e;
+		return (e, r) => (W(), L(q(xn), {
+			value: n.value,
+			disabled: n.disabled,
+			"data-slot": "tags-input-item",
+			class: U(q(t)("tags-input__item", n.class))
+		}, {
+			default: Y(() => [B(q(pt), {
+				mode: "static",
+				size: "sm",
+				"data-tags-input-item": "",
+				class: "tags-input__chip"
+			}, {
+				default: Y(() => [K(e.$slots, "default")]),
+				_: 3
+			})]),
 			_: 3
-		}, 16, ["class"]));
+		}, 8, [
+			"value",
+			"disabled",
+			"class"
+		]));
 	}
-}), sr = /* @__PURE__ */ V({
+}), rr = /* @__PURE__ */ V({
 	__name: "TagsInputItemDelete",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, r = Y(L(() => {
-			let { class: e, ...t } = n;
-			return t;
-		}));
-		return (t, i) => (W(), R(q(Pn), H(q(r), { class: q(e)("relative touch-hit-area flex rounded bg-transparent mr-1", n.class) }), {
-			default: J(() => [K(t.$slots, "default", {}, () => [B(q(Vn), { class: "w-4 h-4" })])]),
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let n = e, r = Dn(), i = I(() => `Remove ${r.displayValue.value}`);
+		return (e, r) => (W(), L(q(Sn), {
+			"data-slot": "tags-input-item-delete",
+			"aria-label": i.value,
+			class: U(q(t)("tags-input__delete focus-ring", n.class))
+		}, {
+			default: Y(() => [K(e.$slots, "default", {}, () => [B(q(Mn), { "aria-hidden": "true" })])]),
 			_: 3
-		}, 16, ["class"]));
+		}, 8, ["aria-label", "class"]));
 	}
-}), cr = /* @__PURE__ */ V({
+}), ir = /* @__PURE__ */ V({
 	__name: "TagsInputItemText",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, r = Y(L(() => {
-			let { class: e, ...t } = n;
-			return t;
-		}));
-		return (t, i) => (W(), R(q(Fn), H(q(r), { class: q(e)("py-1 px-2 text-sm rounded bg-transparent", n.class) }), null, 16, ["class"]));
-	}
-}), lr = /* @__PURE__ */ V({
-	__name: "SplitChars",
-	props: {
-		text: {},
-		by: { default: "char" },
-		as: { default: "span" },
-		stagger: {
-			type: Boolean,
-			default: !0
-		},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, r = G(null);
-		function i(e) {
-			r.value = e == null ? null : e.$el ?? e;
-		}
-		let { split: a } = I(r, { get by() {
-			return n.by;
-		} }), o = n.text;
-		_n(() => [n.text, n.by], ([e]) => {
-			r.value && (r.value.textContent = e, a());
-		});
-		let s = L(() => e(n.stagger && "char-stagger", n.class)), c = new Set([
-			"a",
-			"button",
-			"h1",
-			"h2",
-			"h3",
-			"h4",
-			"h5",
-			"h6",
-			"img",
-			"label",
-			"output"
-		]), l = L(() => {
-			if (n.text && typeof n.as == "string") return c.has(n.as.toLowerCase()) ? void 0 : "img";
-		});
-		return (e, t) => (W(), R(q(On), {
-			ref: i,
-			as: n.as,
-			class: U(s.value),
-			role: l.value,
-			"aria-label": n.text
-		}, {
-			default: J(() => [dn(hn(q(o)), 1)]),
-			_: 1
-		}, 8, [
-			"as",
-			"class",
-			"role",
-			"aria-label"
-		]));
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let n = e;
+		return (e, r) => (W(), L(q(Cn), {
+			"data-slot": "tags-input-item-text",
+			class: U(q(t)("tags-input__text", n.class))
+		}, null, 8, ["class"]));
 	}
 });
 //#endregion
-export { on as AURORA_CURSOR_RADIUS, Hn as Accordion, Un as AccordionContent, Wn as AccordionItem, Gn as AccordionTrigger, qn as Alert, Jn as AlertDescription, Yn as AlertTitle, Xn as Avatar, Qn as AvatarFallback, Zn as AvatarImage, tn as BLOB_LEAD_K, rn as BLOB_STRETCH_GAIN, $t as BLOB_STRETCH_MAX, t as Badge, ee as Button, jt as CONFIGURATOR_SIZE_KEY, ae as Card, ue as CardAction, ce as CardContent, ie as CardDescription, oe as CardFooter, re as CardHeader, ne as CardTitle, Dt as ChassisDivider, er as Checkbox, fe as Collapsible, pe as CollapsibleContent, de as CollapsibleTrigger, _e as Command, he as CommandDialog, d as CommandEmpty, ye as CommandGroup, me as CommandInput, ge as CommandItem, u as CommandList, ve as CommandSeparator, f as CommandShortcut, Mt as Configurator, F as ConfiguratorLayer, Nt as ConfiguratorRow, De as DataTable, m as Dialog, y as DialogClose, g as DialogContent, v as DialogDescription, b as DialogFooter, p as DialogHeader, h as DialogTitle, _ as DialogTrigger, Le as DropdownMenu, Ae as DropdownMenuCheckboxItem, Me as DropdownMenuContent, je as DropdownMenuGroup, Pe as DropdownMenuItem, Ne as DropdownMenuLabel, Ve as DropdownMenuRadioGroup, ze as DropdownMenuRadioItem, ke as DropdownMenuSeparator, Ie as DropdownMenuShortcut, Re as DropdownMenuSub, Be as DropdownMenuSubContent, Fe as DropdownMenuSubTrigger, Oe as DropdownMenuTrigger, Xt as FOURIER_BIAS_GAIN, nn as FOURIER_FOLLOW_LEAN, Rt as IconChip, Ot as InstrumentChassis, He as Label, ln as METRIC_PLACEHOLDER, Vt as MORPH_SIGNATURES, Ue as Notification, We as NumberField, Je as NumberFieldContent, Ke as NumberFieldDecrement, qe as NumberFieldIncrement, Ge as NumberFieldInput, Xe as Popover, Ze as PopoverContent, Ye as PopoverTrigger, Qe as Progress, nr as RadioGroup, rr as RadioGroupItem, le as ScrollCard, se as ScrollCardHeader, et as Select, $e as SelectContent, tt as SelectGroup, it as SelectItem, nt as SelectLabel, ot as SelectSeparator, rt as SelectTrigger, at as SelectValue, st as Separator, Ce as Skeleton, ct as Slider, lr as SplitChars, ut as Switch, Se as Table, be as TableBody, tr as TableCaption, Ee as TableCell, Te as TableEmpty, we as TableHead, P as TableHeader, xe as TableRow, ir as TagsInput, ar as TagsInputInput, or as TagsInputItem, sr as TagsInputItemDelete, cr as TagsInputItemText, ft as Toast, _t as ToastAction, ht as ToastClose, dt as ToastDescription, pt as ToastTitle, vt as Toaster, yt as Toggle, bt as ToggleGroup, St as ToggleGroupItem, Ct as Tooltip, Tt as TooltipContent, Et as TooltipProvider, wt as TooltipTrigger, Q as alertVariants, an as auroraCursorMapping, $ as avatarVariants, n as badgeVariants, Zt as blobPullMapping, te as buttonVariants, e as cn, cn as coalesceMetric, en as constellationWellMapping, O as copyToClipboard, i as createSpecularWriter, E as createTokenColorCache, sn as fourierLeanMapping, Bt as navigate, Pt as provideConfiguratorSize, l as resolveCanvasColor, T as resolveTokenColor, lt as sliderVariants, Qt as snapshotField, zt as startViewTransition, Ht as supportsRouteTransitions, At as supportsScrollTimeline, kt as supportsViewTimeline, Wt as supportsViewTransitions, mt as toast, xt as toggleVariants, k as useBreakpoint, s as useCanvas2D, c as useCanvasLifecycle, I as useCharStagger, A as useClipboard, It as useConfiguratorState, w as useDragVelocity, Gt as useGooMorph, j as useIdleReady, Kt as useInterval, qt as useLeadTrail, r as useLiquidFlex, Ft as useOptionalConfiguratorSize, Jt as usePointerVelocityField, x as useResizeObserver, Yt as useRoutePointer, $n as useSpecularPointer, a as useSpecularTracking, Ut as useTextHighlight, S as useTimer, gt as useToast, M as useTokenColor, C as useTouchGate, D as useUserInvalidAria, N as useViewportReady, Lt as vReveal, o as vSpecular };
+export { Zt as AURORA_CURSOR_RADIUS, Nn as Accordion, Pn as AccordionContent, Fn as AccordionItem, In as AccordionTrigger, Rn as Alert, zn as AlertDescription, Bn as AlertTitle, Gn as Avatar, qn as AvatarFallback, Kn as AvatarImage, qt as BLOB_LEAD_K, Yt as BLOB_STRETCH_GAIN, Gt as BLOB_STRETCH_MAX, s as Badge, oe as Button, Ot as CONFIGURATOR_SIZE_KEY, fe as Card, pe as CardAction, de as CardContent, ce as CardDescription, le as CardFooter, ue as CardHeader, se as CardTitle, Yn as Checkbox, a as Collapsible, o as CollapsibleContent, i as CollapsibleTrigger, u as Command, ve as CommandDialog, m as CommandEmpty, f as CommandGroup, _e as CommandInput, ye as CommandItem, p as CommandList, d as CommandSeparator, h as CommandShortcut, kt as Configurator, jt as ConfiguratorLayer, At as ConfiguratorRow, Ae as DataTable, _ as Dialog, S as DialogClose, y as DialogContent, x as DialogDescription, C as DialogFooter, g as DialogHeader, v as DialogTitle, b as DialogTrigger, Be as DropdownMenu, Ne as DropdownMenuCheckboxItem, Fe as DropdownMenuContent, Pe as DropdownMenuGroup, Le as DropdownMenuItem, Ie as DropdownMenuLabel, We as DropdownMenuRadioGroup, He as DropdownMenuRadioItem, Me as DropdownMenuSeparator, ze as DropdownMenuShortcut, Ve as DropdownMenuSub, Ue as DropdownMenuSubContent, Re as DropdownMenuSubTrigger, je as DropdownMenuTrigger, Ht as FOURIER_BIAS_GAIN, Jt as FOURIER_FOLLOW_LEAN, Ge as Label, qe as NumberField, Ze as NumberFieldContent, Ye as NumberFieldDecrement, Xe as NumberFieldIncrement, Je as NumberFieldInput, $e as Popover, et as PopoverContent, Qe as PopoverTrigger, tt as Progress, Zn as RadioGroup, $n as RadioGroupItem, rt as Select, nt as SelectContent, it as SelectGroup, st as SelectItem, at as SelectLabel, lt as SelectSeparator, ot as SelectTrigger, ct as SelectValue, ut as Separator, Ee as Skeleton, dt as Slider, ft as Switch, Te as Table, Ce as TableBody, Xn as TableCaption, ke as TableCell, Oe as TableEmpty, De as TableHead, Se as TableHeader, we as TableRow, er as TagsInput, tr as TagsInputInput, nr as TagsInputItem, rr as TagsInputItemDelete, ir as TagsInputItemText, ht as Toast, bt as ToastAction, vt as ToastClose, mt as ToastDescription, gt as ToastTitle, xt as Toaster, St as ToggleGroup, Ct as ToggleGroupItem, wt as Tooltip, Et as TooltipContent, Dt as TooltipProvider, Tt as TooltipTrigger, Q as alertVariants, Xt as auroraCursorMapping, c as badgeVariants, Ut as blobPullMapping, t as cn, Kt as constellationWellMapping, l as createSpecularWriter, k as createTokenColorCache, Qt as fourierLeanMapping, F as provideConfiguratorSize, ie as resolveCanvasColor, O as resolveTokenColor, Wt as snapshotField, Lt as startViewTransition, he as supportsScrollTimeline, me as supportsViewTimeline, Ft as supportsViewTransitions, _t as toast, N as useBreakpoint, ne as useCanvas2D, re as useCanvasLifecycle, j as useClipboard, Nt as useConfiguratorState, D as useDragVelocity, P as useIdleReady, Pt as useInterval, zt as useLeadTrail, ae as useLiquidFlex, Mt as useOptionalConfiguratorSize, Bt as usePointerVelocityField, w as useResizeObserver, Vt as useRoutePointer, Jn as useSpecularPointer, ee as useSpecularTracking, Rt as useTextHighlight, T as useTimer, yt as useToast, be as useTokenColor, E as useTouchGate, M as useUserInvalidAria, xe as useViewportReady, It as vReveal, te as vSpecular, A as writeClipboard };