@mkbabb/glass-ui 5.0.0 → 7.0.0

package/dist/glass-ui.js

@@ -1,86 +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-DlYN0UZy.js";
-import { n as s, r as c, t as l } from "./resolveCanvasColor-B3L-akX0.js";
-import { n as ee, t as te } from "./button-BXzhydVB.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 "./CardAction-2uUvjMQK.js";
-import { n as de, r as fe, t as pe } from "./CollapsibleContent-DiHcB_HH.js";
-import { a as me, c as he, i as ge, l as _e, n as ve, o as ye, r as be, s as xe, t as Se } from "./CommandShortcut-fmdbsEJL.js";
-import { r as Ce, t as u } from "./DialogContent-Bl4v10AC.js";
-import { a as d, i as f, n as p, o as m, r as h, s as g, t as _ } from "./DialogFooter-C0v4Hz2F.js";
-import { t as v } from "./useResizeObserver-DDuoBeBo.js";
-import { t as y } from "./useTimer-CkDV8SC2.js";
-import { t as b } from "./useTouchGate-BlegwvwL.js";
-import { t as x } from "./useDragVelocity-BWcNMCux.js";
-import { a as S, i as C, n as w, o as T, r as E, t as D } from "./useViewportReady-c0isoKL8.js";
-import { n as O, t as k } from "./useResolveTokenColor-DVT5kwv6.js";
-import { t as A } from "./useUserInvalidAria-Bkruei7M.js";
-import { a as we, c as Te, i as Ee, l as De, n as Oe, o as ke, r as Ae, s as je, t as Me, u as Ne } from "./DataTable-Bxya8nBn.js";
-import { a as Pe, c as Fe, d as Ie, f as Le, h as Re, i as ze, l as Be, m as Ve, n as He, o as Ue, p as We, r as Ge, s as Ke, t as qe, u as Je } from "./dropdown-menu-DaGlVdp9.js";
-import { t as Ye } from "./Label-C84TaQiw.js";
-import { t as Xe } from "./Notification-DQv2cOh9.js";
-import { a as Ze, i as Qe, n as $e, r as et, t as tt } from "./NumberFieldContent-BkE7xPS9.js";
-import { n as nt, r as rt, t as it } from "./PopoverContent-DOtszFWK.js";
-import { a as at, i as ot, n as st, o as ct, r as lt, t as ut } from "./Progress-uWLyXE7J.js";
-import { t as dt } from "./PaperBackdrop-BYwE8_kg.js";
-import { a as ft, i as pt, n as mt, o as ht, r as gt, s as _t, t as vt } from "./SelectScrollDownButton-CDtwaWkZ.js";
-import { t as yt } from "./SelectGroup-BuEptUsa.js";
-import { n as bt, t as xt } from "./SelectSeparator-4QGephvr.js";
-import { t as St } from "./Separator-DqJ6PfOd.js";
-import { n as Ct, t as wt } from "./slider-Cxuj_W_H.js";
-import { t as Tt } from "./Switch-BPBfhMU3.js";
-import { a as Et, c as Dt, i as Ot, n as kt, o as At, r as jt, s as Mt, t as Nt } from "./Toaster-C_-WeU9W.js";
-import { i as Pt, n as Ft, r as It, t as Lt } from "./ToggleGroupItem-DNWx2aSW.js";
-import { i as Rt, n as zt, r as Bt, t as Vt } from "./TooltipProvider-GtfYdSVf.js";
-import { n as Ht, t as j } from "./InstrumentChassis-Dss5Tjcm.js";
-import { n as Ut, t as Wt } from "./supportsCssTimeline-Ie4xJFbD.js";
-import { a as Gt, i as Kt, n as qt, r as Jt, t as Yt } from "./ConfiguratorRow-BV6zPjTM.js";
-import { n as Xt, t as Zt } from "./useConfiguratorState-Dq35N_7t.js";
-import { t as Qt } from "./vReveal-DUmiEkX_.js";
-import { t as $t } from "./IconChip-CwLmBJ_K.js";
-import { a as en, i as tn, n as nn, o as rn, r as an, s as M, t as on } from "./useGooMorph-CU1pwuC6.js";
-import { t as sn } from "./useInterval-ZATRi-1T.js";
-import { t as cn } from "./useTextHighlight-C46Le9u_.js";
-import { t as ln } from "./useLeadTrail-DOH4XkL1.js";
-import { t as un } from "./usePointerVelocityField-CwXyeW0Z.js";
-import { t as dn } from "./useRoutePointer-DL7I0gY4.js";
-import { a as fn, c as pn, d as mn, i as hn, l as gn, n as _n, o as vn, r as yn, s as bn, t as xn, u as Sn } from "./pointerFieldMappings-4VtmkOWv.js";
-import { n as Cn, t as wn } from "./coalesce-metric-B8o7zT9u.js";
-import { computed as N, createBlock as P, createCommentVNode as F, createElementBlock as I, createElementVNode as L, createTextVNode as R, createVNode as z, defineComponent as B, guardReactiveProps as Tn, mergeProps as V, normalizeClass as H, normalizeProps as En, onScopeDispose as Dn, openBlock as U, ref as W, renderSlot as G, toDisplayString as K, toValue as On, unref as q, watch as kn, withCtx as J } from "vue";
-import { AccordionContent as An, AccordionHeader as jn, AccordionItem as Mn, AccordionRoot as Nn, AccordionTrigger as Pn, AvatarFallback as Fn, AvatarImage as In, AvatarRoot as Ln, CheckboxIndicator as Rn, CheckboxRoot as zn, Primitive as Bn, RadioGroupIndicator as Vn, RadioGroupItem as Hn, RadioGroupRoot as Un, TagsInputInput as Wn, TagsInputItem as Gn, TagsInputItemDelete as Kn, TagsInputItemText as qn, TagsInputRoot as Jn, useForwardProps as Y, useForwardPropsEmits as X } from "reka-ui";
-import { Check as Yn, ChevronDown as Xn, Circle as Zn, Minus as Qn, X as $n } 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 er = /* @__PURE__ */ B({
+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) => (U(), P(q(Nn), V({ "data-slot": "accordion" }, q(n)), {
-			default: J(() => [G(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), tr = /* @__PURE__ */ B({
-	__name: "AccordionContent",
-	props: {
-		forceMount: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
+		defaultValue: {},
+		collapsible: {},
+		disabled: { type: Boolean },
 		class: { type: [
 			Boolean,
 			null,
@@ -89,24 +64,58 @@ var er = /* @__PURE__ */ B({
 			Array
 		] }
 	},
-	setup(t) {
-		let n = t, r = N(() => {
-			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) => (U(), P(q(An), V(r.value, { class: "overflow-hidden text-sm transition-collapse data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" }), {
-			default: J(() => [L("div", { class: H(q(e)("pb-4 pt-0", n.class)) }, [G(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"
+		]));
 	}
-}), nr = /* @__PURE__ */ B({
-	__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,
@@ -115,21 +124,40 @@ var er = /* @__PURE__ */ B({
 			Array
 		] }
 	},
-	setup(t) {
-		let n = t, r = Y(N(() => {
-			let { class: e, ...t } = n;
-			return t;
-		}));
-		return (t, i) => (U(), P(q(Mn), V(q(r), { class: q(e)("border-b", n.class) }), {
-			default: J(() => [G(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"
+		]));
 	}
-}), rr = /* @__PURE__ */ B({
-	__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,
@@ -138,20 +166,77 @@ var er = /* @__PURE__ */ B({
 			Array
 		] }
 	},
-	setup(t) {
-		let n = t, r = N(() => {
-			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 (t, i) => (U(), P(q(jn), { class: "flex" }, {
-			default: J(() => [z(q(Pn), V({ "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(() => [G(t.$slots, "default"), G(t.$slots, "icon", {}, () => [z(q(Xn), { class: "h-4 w-4 shrink-0 transition-disclosure" })])]),
+		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 (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
 		}));
 	}
-}), ir = ["data-tone"], ar = /* @__PURE__ */ B({
+}), Ln = [
+	"data-tone",
+	"role",
+	"aria-live"
+], Rn = /* @__PURE__ */ V({
+	inheritAttrs: !1,
 	__name: "Alert",
 	props: {
 		class: { type: [
@@ -161,18 +246,20 @@ var er = /* @__PURE__ */ B({
 			Object,
 			Array
 		] },
-		tone: {}
+		tone: {},
+		announce: { default: "off" }
 	},
-	setup(t) {
-		let n = t;
-		return (r, i) => (U(), I("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: H(q(e)(q(Q)({ tone: t.tone }), n.class)),
-			role: "alert"
-		}, [G(r.$slots, "default")], 10, ir));
+			"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));
 	}
-}), or = /* @__PURE__ */ B({
+}), zn = /* @__PURE__ */ V({
 	__name: "AlertDescription",
 	props: { class: { type: [
 		Boolean,
@@ -181,14 +268,14 @@ var er = /* @__PURE__ */ B({
 		Object,
 		Array
 	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (U(), I("div", {
+	setup(e) {
+		let n = e;
+		return (e, r) => (W(), R("div", {
 			"data-slot": "alert-description",
-			class: H(q(e)("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", n.class))
-		}, [G(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));
 	}
-}), sr = /* @__PURE__ */ B({
+}), Bn = /* @__PURE__ */ V({
 	__name: "AlertTitle",
 	props: { class: { type: [
 		Boolean,
@@ -197,149 +284,206 @@ var er = /* @__PURE__ */ B({
 		Object,
 		Array
 	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (U(), I("div", {
+	setup(e) {
+		let n = e;
+		return (e, r) => (W(), R("div", {
 			"data-slot": "alert-title",
-			class: H(q(e)("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", n.class))
-		}, [G(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" }
-}), cr = /* @__PURE__ */ B({
+}), 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) => (U(), P(q(Ln), {
-			"data-slot": "avatar",
-			class: H(q(e)(q($)({
-				size: t.size,
-				shape: t.shape
-			}), n.class))
-		}, {
-			default: J(() => [G(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"
+		]));
 	}
-}), lr = /* @__PURE__ */ B({
+}), Kn = /* @__PURE__ */ V({
+	name: "AvatarImage",
+	inheritAttrs: !1,
 	__name: "AvatarImage",
 	props: {
 		src: {},
 		referrerPolicy: {},
-		crossOrigin: {},
-		asChild: { type: Boolean },
-		as: {},
-		alt: {}
+		crossOrigin: {}
 	},
-	setup(e) {
-		let t = e;
-		return (e, n) => (U(), P(q(In), V(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"]));
 	}
-}), ur = /* @__PURE__ */ B({
+}), qn = /* @__PURE__ */ V({
+	name: "AvatarFallback",
+	inheritAttrs: !1,
 	__name: "AvatarFallback",
-	props: {
-		delayMs: {},
-		asChild: { type: Boolean },
-		as: {}
-	},
 	setup(e) {
-		let t = e;
-		return (e, n) => (U(), P(q(Fn), En(Tn(t)), {
-			default: J(() => [G(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 dr(e = {}) {
-	let t = W({}), 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 = N(() => {
+	}), r = I(() => {
 		if (e.press == null) return t.value;
-		let n = On(e.press);
+		let n = an(e.press);
 		return {
 			...t.value,
 			"--glass-btn-press-t": (Number.isFinite(n) ? n : 0).toFixed(4)
 		};
 	});
-	return Dn(n.dispose), {
+	return nn(n.dispose), {
 		specularStyle: r,
 		onPointerMove: n.onPointerMove
 	};
 }
 //#endregion
 //#region src/components/checkbox/Checkbox.vue
-var fr = /* @__PURE__ */ B({
+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(N(() => {
-			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) => (U(), P(q(zn), V({ "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(() => [z(q(Rn), { class: "flex h-full w-full items-center justify-center text-current" }, {
-				default: J(() => [G(t.$slots, "default", {}, () => [z(q(Qn), { class: "hidden h-4 w-4 group-data-[state=indeterminate]:block" }), z(q(Yn), { 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"]));
 	}
-}), pr = /* @__PURE__ */ B({
+}), Xn = /* @__PURE__ */ V({
 	__name: "TableCaption",
 	props: { class: { type: [
 		Boolean,
@@ -348,55 +492,68 @@ var fr = /* @__PURE__ */ B({
 		Object,
 		Array
 	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (U(), I("caption", { class: H(q(e)("mt-4 text-sm text-muted-foreground", n.class)) }, [G(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));
 	}
-}), mr = /* @__PURE__ */ B({
+}), 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(N(() => {
-			let { class: e, ...t } = r;
-			return t;
-		}), i);
-		return (t, n) => (U(), P(q(Un), V({
-			"data-slot": "radio-group",
-			class: q(e)("grid gap-2", r.class)
-		}, q(a)), {
-			default: J(() => [G(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"
+		]));
 	}
-}), hr = /* @__PURE__ */ B({
+}), 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,
@@ -405,79 +562,20 @@ var fr = /* @__PURE__ */ B({
 			Array
 		] }
 	},
-	setup(t) {
-		let n = t, r = Y(N(() => {
+	setup(e) {
+		let n = e, r = X(I(() => {
 			let { class: e, ...t } = n;
 			return t;
 		}));
-		return (t, i) => (U(), P(q(Hn), V({ "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(() => [z(q(Vn), { class: "flex items-center justify-center text-current" }, {
-				default: J(() => [z(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"]));
 	}
-}), gr = {
-	key: 1,
-	class: "flex flex-col gap-1"
-}, _r = /* @__PURE__ */ B({
-	__name: "Section",
-	props: {
-		title: {},
-		description: {},
-		tone: { default: "heading" },
-		gap: { default: "regular" },
-		backdrop: { default: "none" },
-		titleClass: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		descriptionClass: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, r = {
-			heading: "text-heading",
-			title: "text-title",
-			subheading: "text-subheading",
-			label: "section-label"
-		}, i = {
-			tight: "gap-1",
-			regular: "gap-2",
-			loose: "gap-4"
-		};
-		return (a, o) => (U(), I("section", {
-			"data-slot": "section",
-			class: H(q(e)("flex flex-col", i[n.gap], n.backdrop === "paper" && "relative isolate", n.class))
-		}, [
-			n.backdrop === "paper" ? (U(), P(q(dt), {
-				key: 0,
-				class: "!absolute inset-0"
-			})) : F("", !0),
-			t.title || a.$slots.header ? (U(), I("header", gr, [G(a.$slots, "header", {}, () => [L("h2", { class: H(q(e)(r[n.tone], n.titleClass)) }, K(t.title), 3)]), t.description || a.$slots.description ? (U(), I("p", {
-				key: 0,
-				class: H(q(e)("section-description", n.descriptionClass))
-			}, [G(a.$slots, "description", {}, () => [R(K(t.description), 1)])], 2)) : F("", !0)])) : F("", !0),
-			G(a.$slots, "default")
-		], 2));
-	}
-}), vr = /* @__PURE__ */ B({
+}), $ = Symbol("glass-ui-tags-input"), er = /* @__PURE__ */ V({
 	__name: "TagsInput",
 	props: {
 		modelValue: {},
@@ -491,19 +589,16 @@ var fr = /* @__PURE__ */ B({
 		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",
@@ -511,24 +606,35 @@ var fr = /* @__PURE__ */ B({
 		"addTag",
 		"removeTag"
 	],
-	setup(t, { emit: n }) {
-		let r = t, i = n, a = X(N(() => {
-			let { class: e, ...t } = r;
-			return t;
-		}), i);
-		return (t, n) => (U(), P(q(Jn), V({ "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(() => [G(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"
+		]));
 	}
-}), yr = /* @__PURE__ */ B({
+}), tr = /* @__PURE__ */ V({
 	__name: "TagsInputInput",
 	props: {
 		placeholder: {},
 		autoFocus: { type: Boolean },
 		maxLength: {},
-		asChild: { type: Boolean },
-		as: {},
 		class: { type: [
 			Boolean,
 			null,
@@ -537,20 +643,42 @@ var fr = /* @__PURE__ */ B({
 			Array
 		] }
 	},
-	setup(t) {
-		let n = t, r = Y(N(() => {
-			let { class: e, ...t } = n;
-			return t;
-		}));
-		return (t, i) => (U(), P(q(Wn), V(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"
+		]));
 	}
-}), br = /* @__PURE__ */ B({
+}), nr = /* @__PURE__ */ V({
 	__name: "TagsInputItem",
 	props: {
 		value: {},
 		disabled: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
 		class: { type: [
 			Boolean,
 			null,
@@ -559,119 +687,66 @@ var fr = /* @__PURE__ */ B({
 			Array
 		] }
 	},
-	setup(t) {
-		let n = t, r = Y(N(() => {
-			let { class: e, ...t } = n;
-			return t;
-		}));
-		return (t, i) => (U(), P(q(Gn), V(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(() => [G(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"
+		]));
 	}
-}), xr = /* @__PURE__ */ B({
+}), rr = /* @__PURE__ */ V({
 	__name: "TagsInputItemDelete",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, r = Y(N(() => {
-			let { class: e, ...t } = n;
-			return t;
-		}));
-		return (t, i) => (U(), P(q(Kn), V(q(r), { class: q(e)("relative touch-hit-area flex rounded bg-transparent mr-1", n.class) }), {
-			default: J(() => [G(t.$slots, "default", {}, () => [z(q($n), { 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"]));
 	}
-}), Sr = /* @__PURE__ */ B({
+}), ir = /* @__PURE__ */ V({
 	__name: "TagsInputItemText",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, r = Y(N(() => {
-			let { class: e, ...t } = n;
-			return t;
-		}));
-		return (t, i) => (U(), P(q(qn), V(q(r), { class: q(e)("py-1 px-2 text-sm rounded bg-transparent", n.class) }), null, 16, ["class"]));
-	}
-}), Cr = /* @__PURE__ */ B({
-	__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 = W(null);
-		function i(e) {
-			r.value = e == null ? null : e.$el ?? e;
-		}
-		let { split: a } = M(r, { get by() {
-			return n.by;
-		} }), o = n.text;
-		kn(() => [n.text, n.by], ([e]) => {
-			r.value && (r.value.textContent = e, a());
-		});
-		let s = N(() => e(n.stagger && "char-stagger", n.class)), c = new Set([
-			"a",
-			"button",
-			"h1",
-			"h2",
-			"h3",
-			"h4",
-			"h5",
-			"h6",
-			"img",
-			"label",
-			"output"
-		]), l = N(() => {
-			if (n.text && typeof n.as == "string") return c.has(n.as.toLowerCase()) ? void 0 : "img";
-		});
-		return (e, t) => (U(), P(q(Bn), {
-			ref: i,
-			as: n.as,
-			class: H(s.value),
-			role: l.value,
-			"aria-label": n.text
-		}, {
-			default: J(() => [R(K(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 { xn as AURORA_CURSOR_RADIUS, er as Accordion, tr as AccordionContent, nr as AccordionItem, rr as AccordionTrigger, ar as Alert, or as AlertDescription, sr as AlertTitle, cr as Avatar, ur as AvatarFallback, lr as AvatarImage, _n as BLOB_LEAD_K, yn as BLOB_STRETCH_GAIN, hn 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, Ht as ChassisDivider, fr as Checkbox, fe as Collapsible, pe as CollapsibleContent, de as CollapsibleTrigger, _e as Command, he as CommandDialog, xe as CommandEmpty, ye as CommandGroup, me as CommandInput, ge as CommandItem, be as CommandList, ve as CommandSeparator, Se as CommandShortcut, Xt as Configurator, qt as ConfiguratorLayer, Yt as ConfiguratorRow, Me as DataTable, Oe as DataTablePagination, Ce as Dialog, g as DialogClose, u as DialogContent, h as DialogDescription, _ as DialogFooter, d as DialogHeader, p as DialogScrollContent, f as DialogTitle, m as DialogTrigger, Re as DropdownMenu, Be as DropdownMenuCheckboxItem, We as DropdownMenuContent, Le as DropdownMenuGroup, Je as DropdownMenuItem, Pe as DropdownMenuLabel, qe as DropdownMenuPortal, Ie as DropdownMenuRadioGroup, Fe as DropdownMenuRadioItem, Ue as DropdownMenuSeparator, Ke as DropdownMenuShortcut, ze as DropdownMenuSub, He as DropdownMenuSubContent, Ge as DropdownMenuSubTrigger, Ve as DropdownMenuTrigger, fn as FOURIER_BIAS_GAIN, vn as FOURIER_FOLLOW_LEAN, $t as IconChip, j as InstrumentChassis, Ye as Label, wn as METRIC_PLACEHOLDER, nn as MORPH_SIGNATURES, Xe as Notification, Ze as NumberField, tt as NumberFieldContent, $e as NumberFieldDecrement, et as NumberFieldIncrement, Qe as NumberFieldInput, rt as Popover, it as PopoverContent, nt as PopoverTrigger, ut as Progress, ct as ProgressDefault, at as ProgressGradient, ot as ProgressLiquid, st as ProgressSectioned, mr as RadioGroup, hr as RadioGroupItem, le as ScrollCard, se as ScrollCardHeader, _r as Section, _t as Select, pt as SelectContent, yt as SelectGroup, gt as SelectItem, bt as SelectLabel, vt as SelectScrollDownButton, mt as SelectScrollUpButton, xt as SelectSeparator, ft as SelectTrigger, ht as SelectValue, St as Separator, Ae as Skeleton, Ct as Slider, Cr as SplitChars, Tt as Switch, Ne as Table, De as TableBody, pr as TableCaption, Te as TableCell, Ee as TableEmpty, je as TableHead, ke as TableHeader, we as TableRow, vr as TagsInput, yr as TagsInputInput, br as TagsInputItem, xr as TagsInputItemDelete, Sr as TagsInputItemText, Dt as Toast, Mt as ToastAction, At as ToastClose, Et as ToastDescription, Ot as ToastTitle, Nt as Toaster, Pt as Toggle, Ft as ToggleGroup, Lt as ToggleGroupItem, Rt as Tooltip, Bt as TooltipContent, Vt as TooltipProvider, zt as TooltipTrigger, Q as alertVariants, bn as auroraCursorMapping, $ as avatarVariants, n as badgeVariants, pn as blobPullMapping, te as buttonVariants, e as cn, Cn as coalesceMetric, gn as constellationWellMapping, C as copyToClipboard, i as createSpecularWriter, k as createTokenColorCache, Sn as fourierLeanMapping, an as navigate, Kt as provideConfiguratorSize, l as resolveCanvasColor, O as resolveTokenColor, wt as sliderVariants, mn as snapshotField, tn as startViewTransition, en as supportsRouteTransitions, Wt as supportsScrollTimeline, Ut as supportsViewTimeline, rn as supportsViewTransitions, kt as toast, It as toggleVariants, E as useBreakpoint, s as useCanvas2D, c as useCanvasLifecycle, M as useCharStagger, S as useClipboard, Zt as useConfiguratorState, x as useDragVelocity, on as useGooMorph, w as useIdleReady, sn as useInterval, ln as useLeadTrail, r as useLiquidFlex, Gt as useOptionalConfiguratorSize, un as usePointerVelocityField, lt as useProgressGeometry, v as useResizeObserver, dn as useRoutePointer, dr as useSpecularPointer, a as useSpecularTracking, cn as useTextHighlight, y as useTimer, jt as useToast, T as useTokenColor, b as useTouchGate, A as useUserInvalidAria, D as useViewportReady, Qt 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 };