@mkbabb/glass-ui 6.0.0 → 8.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-q-UGOkHH.js";
+import { a as n, i as r, n as i, r as a, t as o } from "./collapsible-B7O6m-Ch.js";
+import { t as s } from "./primitive-B2t2jdqM.js";
+import { n as c, r as l } from "./badge-owUOaaba.js";
+import { n as ee, r as te, t as ne } from "./vSpecular-DMJo8pfD.js";
+import { n as re, t as ie } from "./resolveCanvasColor-6MCrswTB.js";
+import { t as ae } from "./useLiquidFlex-TJZmRqyY.js";
+import { t as oe } from "./button-yvGPb0Bx.js";
+import { a as se, i as ce, n as le, o as ue, r as de, t as fe } from "./card-3HFFpC7_.js";
+import { n as pe, t as me } from "./supportsCssTimeline-Di9gzleG.js";
+import { t as he } from "./checkbox-BnXuGgJ3.js";
+import { a as ge, c as u, i as d, l as f, n as p, o as m, r as h, s as g, t as _ } from "./command-BuBnYpxF.js";
+import { n as v, t as y } from "./DialogContent-4hzLiaCQ.js";
+import { t as b } from "./useResizeObserver-CdUlm2QZ.js";
+import { t as x } from "./useTimer-C3yfti4C.js";
+import { n as S, r as C, t as w } from "./useResolveTokenColor-CspQv_ik.js";
+import { t as T } from "./useDragVelocity-C5BkKiNf.js";
+import { n as E, t as D } from "./useClipboard-D36OTaeT.js";
+import { useBreakpoint as O, useIdleReady as k, useTokenColor as A, useUserInvalidAria as j, useViewportReady as M } from "./dom.js";
+import { a as N, c as P, i as F, l as I, n as L, o as _e, r as ve, s as ye, t as be } from "./data-table-_RrOEdiw.js";
+import { a as xe, i as Se, n as Ce, o as we, r as Te, t as Ee } from "./dialog-CbRnTRtg.js";
+import { t as De } from "./DropdownMenuTrigger-8UZsBtZ8.js";
+import { a as Oe, c as ke, d as Ae, f as je, i as Me, l as Ne, n as Pe, o as Fe, p as Ie, r as Le, s as Re, t as ze, u as Be } from "./menu-wLu1XGKn.js";
+import { t as Ve } from "./label-BQEZhnK_.js";
+import { n as He, r as Ue, t as We } from "./number-field-NFAwQ0HK.js";
+import { n as Ge, r as Ke, t as qe } from "./popover-DBMKTPkL.js";
+import { t as Je } from "./progress-DF8dWZIX.js";
+import { n as Ye, t as Xe } from "./radio-group-Ci8o-pDx.js";
+import { a as Ze, c as Qe, i as $e, l as et, n as tt, o as nt, r as rt, s as it, t as at } from "./select-CDgwGH_P.js";
+import { t as ot } from "./separator-CN11t406.js";
+import { t as st } from "./sheet-BEFvnO_u.js";
+import { t as ct } from "./slider-gsc8jDIo.js";
+import { n as lt, t as ut } from "./status-dot-BpnqOP5N.js";
+import { t as dt } from "./switch-DxZzDrmV.js";
+import { a as ft, c as pt, i as mt, n as ht, o as gt, r as _t, s as vt, t as yt } from "./toast-9c6Kp58L.js";
+import { n as bt, t as xt } from "./toggle-group-11aPGMfE.js";
+import { i as St, n as Ct, r as wt, t as Tt } from "./tooltip-DqKMZ4dn.js";
+import { a as Et, i as Dt, n as Ot, o as kt, r as At, s as jt, t as Mt } from "./configurator-BoeScnDL.js";
+import { useInterval as Nt } from "./reactive.js";
+import { n as Pt, r as Ft, t as It } from "./vReveal-B5WYGofz.js";
+import { t as Lt } from "./usePointerVelocityField-DsIf7yyq.js";
+import { t as Rt } from "./useRoutePointer-B8itM7Ka.js";
+import { c as zt, d as Bt, l as Vt, s as Ht, u as Ut } from "./pointerFieldMappings-DP5tla5z.js";
+import { computed as R, createBlock as z, createCommentVNode as Wt, createElementBlock as B, createElementVNode as V, createVNode as H, defineComponent as U, mergeProps as W, normalizeClass as G, openBlock as K, renderSlot as q, unref as J, useAttrs as Y, useSlots as Gt, withCtx as X } from "vue";
+import { AccordionContent as Kt, AccordionHeader as qt, AccordionItem as Jt, AccordionRoot as Yt, AccordionTrigger as Xt, AvatarFallback as Zt, AvatarImage as Qt, AvatarRoot as $t, injectAccordionItemContext as en, injectCollapsibleRootContext as tn } from "reka-ui";
+import { ChevronDown as nn } from "@lucide/vue";
 //#endregion
 //#region src/components/accordion/Accordion.vue
-var Hn = /* @__PURE__ */ V({
+var Z = /* @__PURE__ */ U({
+	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 = Y(), o = R(() => {
+			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) => (K(), z(J(Yt), W(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: J(t)("disclosure", r.class),
+			"onUpdate:modelValue": l
+		}), {
+			default: X(({ modelValue: e }) => [q(n.$slots, "default", { modelValue: c(e) })]),
 			_: 3
-		}, 16));
+		}, 16, [
+			"type",
+			"model-value",
+			"default-value",
+			"collapsible",
+			"disabled",
+			"class"
+		]));
 	}
-}), Wn = /* @__PURE__ */ V({
-	__name: "AccordionItem",
+}), rn = /* @__PURE__ */ U({
+	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 = tn();
+		a.contentId = i.content;
+		let o = Y(), s = R(() => {
+			let { as: e, asChild: t, "as-child": n, ...r } = o;
+			return r;
+		});
+		return (n, a) => (K(), z(J(Kt), W(s.value, {
+			as: "div",
+			"data-slot": "accordion-content",
+			"data-disclosure": "accordion",
+			"force-mount": e.forceMount,
+			id: J(i).content,
+			"aria-labelledby": J(i).trigger,
+			class: "disclosure-content"
+		}), {
+			default: X(() => [V("div", { class: G(J(t)("disclosure-content-body", r.class)) }, [q(n.$slots, "default")], 2)]),
 			_: 3
-		}, 16, ["class"]));
+		}, 16, [
+			"force-mount",
+			"id",
+			"aria-labelledby"
+		]));
 	}
-}), Gn = /* @__PURE__ */ V({
-	__name: "AccordionTrigger",
+}), an = /* @__PURE__ */ U({
+	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 = Y(), a = R(() => {
+			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) => (K(), z(J(Jt), W(a.value, {
+			as: "div",
+			"data-slot": "accordion-item",
+			value: e.value,
+			disabled: e.disabled,
+			class: J(t)("disclosure-item", n.class)
+		}), {
+			default: X(() => [q(r.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"value",
+			"disabled",
+			"class"
+		]));
+	}
+}), on = /* @__PURE__ */ U({
+	name: "AccordionTrigger",
+	inheritAttrs: !1,
+	__name: "AccordionTrigger",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let r = e, i = n(), a = en();
+		a.triggerId = i.trigger;
+		let o = Y(), s = R(() => {
+			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) => (K(), z(J(qt), {
+			as: "h3",
+			"data-slot": "accordion-header",
+			class: "disclosure-header"
+		}, {
+			default: X(() => [H(J(Xt), W(s.value, {
+				as: "button",
+				"data-slot": "accordion-trigger",
+				id: J(i).trigger,
+				"aria-controls": J(i).content,
+				class: J(t)("disclosure-trigger disclosure-group-trigger", r.class)
+			}), {
+				default: X(() => [q(e.$slots, "default"), q(e.$slots, "icon", {}, () => [H(J(nn), {
+					"aria-hidden": "true",
+					class: "disclosure-icon transition-disclosure"
+				})])]),
 				_: 3
-			}, 16, ["class"])]),
+			}, 16, [
+				"id",
+				"aria-controls",
+				"class"
+			])]),
 			_: 3
 		}));
 	}
-}), Kn = ["data-tone"], qn = /* @__PURE__ */ V({
+}), sn = [
+	"data-tone",
+	"role",
+	"aria-live"
+], cn = /* @__PURE__ */ U({
+	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 = Y(), i = R(() => n.announce === "polite" ? "status" : n.announce === "assertive" ? "alert" : r.role), a = R(() => n.announce === "polite" ? "polite" : n.announce === "assertive" ? "assertive" : r["aria-live"]);
+		return (o, s) => (K(), B("div", W(J(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: J(t)(J($)({ tone: e.tone }), n.class),
+			role: i.value,
+			"aria-live": a.value
+		}), [q(o.$slots, "default")], 16, sn));
 	}
-}), Jn = /* @__PURE__ */ V({
+}), ln = /* @__PURE__ */ U({
 	__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) => (K(), B("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: G(J(t)("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-small [&_p]:leading-relaxed", n.class))
+		}, [q(e.$slots, "default")], 2));
 	}
-}), Yn = /* @__PURE__ */ V({
+}), un = /* @__PURE__ */ U({
 	__name: "AlertTitle",
 	props: { class: { type: [
 		Boolean,
@@ -192,149 +284,108 @@ 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) => (K(), B("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: G(J(t)("col-start-2 min-h-4 text-[length:var(--type-body)] font-semibold tracking-tight", n.class))
+		}, [q(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({
+}), dn = "glass-quiet liquid-enter [--glass-specular-intensity-hover:0] w-full rounded-card px-4 py-3 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", Q = "text-card-foreground [&>svg]:text-(--tone) *:data-[slot=alert-description]:text-card-foreground/90", fn = {
+	neutral: "text-card-foreground",
+	destructive: `feedback-tone-destructive ${Q}`,
+	success: `feedback-tone-success ${Q}`,
+	warning: `feedback-tone-warning ${Q}`,
+	info: `feedback-tone-info ${Q}`
+};
+function $(t = {}) {
+	return e(dn, fn[t.tone ?? "neutral"], t.class, t.className);
+}
+//#endregion
+//#region src/components/avatar/Avatar.vue?vue&type=script&setup=true&lang.ts
+var pn = [
+	"role",
+	"aria-label",
+	"aria-labelledby",
+	"aria-hidden"
+], mn = {
+	key: 0,
+	class: "avatar__status",
+	"data-slot": "avatar-status"
+}, hn = /* @__PURE__ */ U({
+	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 = Y(), i = Gt(), a = R(() => n.size ?? "sm"), o = R(() => n.shape ?? "circle"), c = R(() => n.decorative === !0 || !n.label?.trim() && !n.labelledBy?.trim()), l = R(() => Object.fromEntries(Object.entries(s(r)).filter(([e]) => e !== "role" && !e.startsWith("aria-"))));
+		return (e, r) => (K(), z(J($t), W(l.value, {
+			class: J(t)("avatar", n.class),
+			"data-size": a.value,
+			"data-shape": o.value,
+			"data-identity": c.value ? "decorative" : "labelled"
+		}), {
+			default: X(() => [V("span", {
+				class: "avatar__identity",
+				role: c.value ? void 0 : "img",
+				"aria-label": c.value ? void 0 : n.label,
+				"aria-labelledby": c.value ? void 0 : n.labelledBy,
+				"aria-hidden": c.value || void 0
+			}, [q(e.$slots, "default")], 8, pn), J(i).status ? (K(), B("span", mn, [q(e.$slots, "status")])) : Wt("", !0)]),
 			_: 3
-		}, 8, ["class"]));
+		}, 16, [
+			"class",
+			"data-size",
+			"data-shape",
+			"data-identity"
+		]));
 	}
-}), Zn = /* @__PURE__ */ V({
+}), gn = /* @__PURE__ */ U({
+	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));
+		let t = e, n = Y(), r = R(() => s(n));
+		return (e, n) => (K(), z(J(Qt), W({
+			...r.value,
+			...t,
+			alt: "",
+			"aria-hidden": !0
+		}, { class: "avatar__image" }), null, 16));
 	}
-}), Qn = /* @__PURE__ */ V({
+}), _n = /* @__PURE__ */ U({
+	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 = Y(), n = R(() => s(t));
+		return (e, t) => (K(), z(J(Zt), W(n.value, {
+			class: "avatar__fallback",
+			"aria-hidden": "true"
+		}), {
+			default: X(() => [q(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) => {
-		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(() => {
-		if (e.press == null) return t.value;
-		let n = gn(e.press);
-		return {
-			...t.value,
-			"--glass-btn-press-t": (Number.isFinite(n) ? n : 0).toFixed(4)
-		};
-	});
-	return mn(n.dispose), {
-		specularStyle: r,
-		onPointerMove: n.onPointerMove
-	};
-}
-//#endregion
-//#region src/components/checkbox/Checkbox.vue
-var er = /* @__PURE__ */ V({
-	__name: "Checkbox",
-	props: {
-		defaultValue: {},
-		modelValue: {},
-		disabled: { type: Boolean },
-		value: {},
-		id: {},
-		trueValue: {},
-		falseValue: {},
-		asChild: { type: Boolean },
-		as: {},
-		name: {},
-		required: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	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(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
-			})]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), tr = /* @__PURE__ */ V({
+}), vn = /* @__PURE__ */ U({
 	__name: "TableCaption",
 	props: { class: { type: [
 		Boolean,
@@ -343,271 +394,10 @@ 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));
-	}
-}), nr = /* @__PURE__ */ V({
-	__name: "RadioGroup",
-	props: {
-		modelValue: {},
-		defaultValue: {},
-		disabled: { type: Boolean },
-		orientation: {},
-		dir: {},
-		loop: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		name: {},
-		required: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	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")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), rr = /* @__PURE__ */ V({
-	__name: "RadioGroupItem",
-	props: {
-		id: {},
-		value: {},
-		disabled: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		name: {},
-		required: { type: Boolean },
-		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(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
-			})]),
-			_: 1
-		}, 16, ["class"]));
-	}
-}), ir = /* @__PURE__ */ V({
-	__name: "TagsInput",
-	props: {
-		modelValue: {},
-		defaultValue: {},
-		addOnPaste: { type: Boolean },
-		addOnTab: { type: Boolean },
-		addOnBlur: { type: Boolean },
-		duplicate: { type: Boolean },
-		disabled: { type: Boolean },
-		delimiter: {},
-		dir: {},
-		max: {},
-		id: {},
-		convertValue: { type: Function },
-		displayValue: { type: Function },
-		asChild: { type: Boolean },
-		as: {},
-		name: {},
-		required: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	emits: [
-		"update:modelValue",
-		"invalid",
-		"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")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), ar = /* @__PURE__ */ V({
-	__name: "TagsInputInput",
-	props: {
-		placeholder: {},
-		autoFocus: { type: Boolean },
-		maxLength: {},
-		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(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"]));
-	}
-}), or = /* @__PURE__ */ V({
-	__name: "TagsInputItem",
-	props: {
-		value: {},
-		disabled: { type: Boolean },
-		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(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")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), sr = /* @__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" })])]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), cr = /* @__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"
-		]));
+	setup(e) {
+		let n = e;
+		return (e, r) => (K(), B("caption", { class: G(J(t)("mt-4 text-small text-muted-foreground", n.class)) }, [q(e.$slots, "default")], 2));
 	}
 });
 //#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 { Z as Accordion, rn as AccordionContent, an as AccordionItem, on as AccordionTrigger, cn as Alert, ln as AlertDescription, un as AlertTitle, hn as Avatar, _n as AvatarFallback, gn as AvatarImage, l as Badge, oe as Button, Et as CONFIGURATOR_SIZE_KEY, ue as Card, le as CardContent, de as CardDescription, fe as CardFooter, se as CardHeader, ce as CardTitle, he as Checkbox, a as Collapsible, o as CollapsibleContent, i as CollapsibleTrigger, f as Command, u as CommandDialog, g as CommandEmpty, m as CommandGroup, ge as CommandInput, d as CommandItem, h as CommandList, p as CommandSeparator, _ as CommandShortcut, Dt as Configurator, At as ConfiguratorLayer, Ot as ConfiguratorRow, be as DataTable, v as Dialog, Ee as DialogClose, y as DialogContent, Se as DialogDescription, Te as DialogFooter, we as DialogHeader, xe as DialogTitle, Ce as DialogTrigger, Ie as DropdownMenu, ke as DropdownMenuCheckboxItem, je as DropdownMenuContent, Ae as DropdownMenuGroup, Ne as DropdownMenuItem, Me as DropdownMenuLabel, Be as DropdownMenuRadioGroup, Re as DropdownMenuRadioItem, Oe as DropdownMenuSeparator, Fe as DropdownMenuShortcut, Le as DropdownMenuSub, ze as DropdownMenuSubContent, Pe as DropdownMenuSubTrigger, De as DropdownMenuTrigger, Ve as Label, Ue as NumberField, He as NumberFieldInput, We as NumberFieldStep, Ke as Popover, qe as PopoverContent, Ge as PopoverTrigger, Je as Progress, Ye as RadioGroup, Xe as RadioGroupItem, ut as STATUS_DOT_STATES, et as Select, Ze as SelectContent, $e as SelectGroup, rt as SelectItem, tt as SelectLabel, nt as SelectScrollButton, at as SelectSeparator, it as SelectTrigger, Qe as SelectValue, ot as Separator, st as SheetContent, L as Skeleton, ct as Slider, lt as StatusDot, dt as Switch, I as Table, P as TableBody, vn as TableCaption, ye as TableCell, ve as TableEmpty, _e as TableHead, N as TableHeader, F as TableRow, pt as Toast, vt as ToastAction, gt as ToastClose, ft as ToastDescription, mt as ToastTitle, yt as Toaster, bt as ToggleGroup, xt as ToggleGroupItem, St as Tooltip, wt as TooltipContent, Tt as TooltipProvider, Ct as TooltipTrigger, $ as alertVariants, Ht as auroraCursorMapping, c as badgeVariants, zt as blobPullMapping, t as cn, Vt as constellationWellMapping, ee as createSpecularWriter, w as createTokenColorCache, Ut as fourierLeanMapping, kt as provideConfiguratorSize, ie as resolveCanvasColor, S as resolveTokenColor, Bt as snapshotField, Pt as startViewTransition, me as supportsScrollTimeline, pe as supportsViewTimeline, Ft as supportsViewTransitions, ht as toast, O as useBreakpoint, re as useCanvas2D, D as useClipboard, Mt as useConfiguratorState, T as useDragVelocity, k as useIdleReady, Nt as useInterval, ae as useLiquidFlex, jt as useOptionalConfiguratorSize, Lt as usePointerVelocityField, b as useResizeObserver, Rt as useRoutePointer, te as useSpecularTracking, x as useTimer, _t as useToast, A as useTokenColor, C as useTouchGate, j as useUserInvalidAria, M as useViewportReady, It as vReveal, ne as vSpecular, E as writeClipboard };