@mkbabb/glass-ui 3.12.0 → 4.0.0

package/dist/{Progress-iEuD9pxG.js → Progress-hAT4gqGH.js}

@@ -1,10 +1,10 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, normalizeStyle as f, openBlock as p, renderList as m, toRef as h, unref as g, watchEffect as _, withCtx as v } from "vue";
-import { ProgressIndicator as y, ProgressRoot as b } from "reka-ui";
+import { t } from "./_plugin-vue_export-helper-CBt_VvXa.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, mergeProps as l, normalizeClass as u, normalizeStyle as d, openBlock as f, toRef as p, unref as m, watchEffect as h, withCtx as g } from "vue";
+import { ProgressIndicator as _, ProgressRoot as v } from "reka-ui";
 //#endregion
 //#region src/components/ui/progress/ProgressDefault.vue
-var x = /* @__PURE__ */ l({
+var y = /* @__PURE__ */ c({
 	__name: "ProgressDefault",
 	props: {
 		modelValue: {},
@@ -22,19 +22,19 @@ var x = /* @__PURE__ */ l({
 		] }
 	},
 	setup(t) {
-		let n = t, a = r(() => {
-			let { class: e, ...t } = n;
+		let i = t, a = n(() => {
+			let { class: e, ...t } = i;
 			return t;
 		});
-		return (t, r) => (p(), i(g(b), u({ "data-slot": "progress" }, a.value, { class: g(e)("relative h-4 w-full overflow-hidden rounded-pill bg-[var(--progress-track,var(--secondary))]", n.class) }), {
-			default: v(() => [c(g(y), {
+		return (t, n) => (f(), r(m(v), l({ "data-slot": "progress" }, a.value, { class: m(e)("relative h-4 w-full overflow-hidden rounded-pill bg-[var(--progress-track,var(--secondary))]", i.class) }), {
+			default: g(() => [s(m(_), {
 				class: "h-full w-full flex-1 rounded-pill [background:var(--progress-fill,var(--primary))] transition-transform",
-				style: f({ transform: `translateX(-${100 - (n.modelValue ?? 0)}%)` })
+				style: d({ transform: `translateX(-${100 - (i.modelValue ?? 0)}%)` })
 			}, null, 8, ["style"])]),
 			_: 1
 		}, 16, ["class"]));
 	}
-}), S = /* @__PURE__ */ t(/* @__PURE__ */ l({
+}), b = /* @__PURE__ */ t(/* @__PURE__ */ c({
 	__name: "ProgressGradient",
 	props: {
 		modelValue: {},
@@ -53,30 +53,30 @@ var x = /* @__PURE__ */ l({
 		indeterminate: { type: Boolean }
 	},
 	setup(t) {
-		let n = t, a = r(() => {
-			let { class: e, indeterminate: t, ...r } = n;
-			return r;
-		}), o = r(() => {
-			if (n.indeterminate) return "idle";
-			let e = n.modelValue ?? 0;
+		let i = t, a = n(() => {
+			let { class: e, indeterminate: t, ...n } = i;
+			return n;
+		}), o = n(() => {
+			if (i.indeterminate) return "idle";
+			let e = i.modelValue ?? 0;
 			return e <= 0 ? "idle" : e >= 100 ? "complete" : e < 5 ? "loading" : "progressing";
-		}), s = r(() => {
-			if (n.indeterminate) return;
-			let e = n.modelValue ?? 0;
+		}), c = n(() => {
+			if (i.indeterminate) return;
+			let e = i.modelValue ?? 0;
 			if (e < 85) return { "--progress-crescendo": "0%" };
 			let t = (e - 85) / 15 * 100;
 			return { "--progress-crescendo": `${Math.min(100, Math.max(0, t))}%` };
 		});
-		return (r, l) => (p(), i(g(b), u({ "data-slot": "progress" }, a.value, {
-			class: g(e)("relative h-4 w-full overflow-hidden rounded-pill bg-[var(--progress-track,var(--secondary))] progress-gradient-rail", n.class),
+		return (n, u) => (f(), r(m(v), l({ "data-slot": "progress" }, a.value, {
+			class: m(e)("relative h-4 w-full overflow-hidden rounded-pill bg-[var(--progress-track,var(--secondary))] progress-gradient-rail", i.class),
 			"data-lifecycle": o.value,
 			"data-indeterminate": t.indeterminate || void 0
 		}), {
-			default: v(() => [c(g(y), {
+			default: g(() => [s(m(_), {
 				class: "h-full w-full flex-1 rounded-pill [background:var(--progress-fill,var(--primary))] transition-transform",
-				style: f({
-					transform: `translateX(-${100 - (n.modelValue ?? 0)}%)`,
-					...s.value ?? {}
+				style: d({
+					transform: `translateX(-${100 - (i.modelValue ?? 0)}%)`,
+					...c.value ?? {}
 				})
 			}, null, 8, ["style"])]),
 			_: 1
@@ -89,8 +89,8 @@ var x = /* @__PURE__ */ l({
 }), [["__scopeId", "data-v-f29a8e97"]]);
 //#endregion
 //#region src/components/ui/progress/useProgressGeometry.ts
-function C(e) {
-	let t = r(() => {
+function x(e) {
+	let t = n(() => {
 		let t = e.segments.value;
 		if (t.length === 0) return [];
 		let n = t.map((e) => e.weight ?? 1), r = n.reduce((e, t) => e + t, 0) || 1, i = t.findIndex((t) => t.key === e.currentSegmentKey.value), a = 0;
@@ -112,7 +112,7 @@ function C(e) {
 	});
 	return {
 		cells: t,
-		aggregateValue: r(() => {
+		aggregateValue: n(() => {
 			if (t.value.length === 0) return 0;
 			let e = 0;
 			for (let n of t.value) e += n.fill * n.widthPct;
@@ -122,11 +122,11 @@ function C(e) {
 }
 //#endregion
 //#region src/components/ui/progress/ProgressSectioned.vue?vue&type=script&setup=true&lang.ts
-var w = ["data-state", "data-index"], T = {
+var S = {
 	key: 0,
 	class: "progress-sectioned-sweep",
 	"aria-hidden": "true"
-}, E = /* @__PURE__ */ t(/* @__PURE__ */ l({
+}, C = 3.2, w = "14%", T = /* @__PURE__ */ t(/* @__PURE__ */ c({
 	__name: "ProgressSectioned",
 	props: {
 		max: {},
@@ -146,50 +146,70 @@ var w = ["data-state", "data-index"], T = {
 		activeProgress: { default: 0 }
 	},
 	setup(t) {
-		let l = t, d = r(() => {
-			let { class: e, segments: t, currentSegmentKey: n, activeProgress: r, ...i } = l;
+		let c = t, u = n(() => {
+			let { class: e, segments: t, currentSegmentKey: n, activeProgress: r, ...i } = c;
 			return i;
-		}), { cells: _, aggregateValue: x } = C({
-			segments: h(l, "segments"),
-			currentSegmentKey: h(l, "currentSegmentKey"),
-			activeProgress: h(l, "activeProgress")
+		}), { cells: h, aggregateValue: y } = x({
+			segments: p(c, "segments"),
+			currentSegmentKey: p(c, "currentSegmentKey"),
+			activeProgress: p(c, "activeProgress")
+		}), b = n(() => {
+			let e = 0;
+			for (let t of h.value) {
+				let n = t.startPct + t.widthPct * t.fill;
+				n > e && (e = n);
+			}
+			return Math.max(0, Math.min(100, e));
+		}), T = n(() => h.value.find((e) => e.resolvedState === "active") ?? null), E = n(() => {
+			let e = b.value;
+			if (e <= 0) return "none";
+			let t = [];
+			for (let n of h.value) {
+				let r = n.startPct + n.widthPct * n.fill;
+				if (r <= n.startPct) continue;
+				let i = n.startPct / e * 100, a = r / e * 100;
+				t.push({
+					from: Math.max(0, i),
+					to: Math.min(100, a),
+					color: n.color
+				});
+			}
+			if (t.length === 0) return "none";
+			let n = [];
+			return t.forEach((e, r) => {
+				let i = t[r - 1], a = t[r + 1], o = i ? e.from + C : e.from, s = a ? e.to - C : e.to;
+				n.push(`${e.color} ${o.toFixed(2)}%`), n.push(`${e.color} ${Math.max(o, s).toFixed(2)}%`);
+			}), `linear-gradient(90deg, ${n.join(", ")})`;
+		}), D = n(() => {
+			let e = [];
+			for (let t of h.value) {
+				if (t.resolvedState === "completed" || t.resolvedState === "active" && t.fill >= 1) continue;
+				let n = `color-mix(in srgb, ${t.color} ${w}, transparent)`;
+				e.push(`${n} ${t.startPct.toFixed(2)}%`), e.push(`${n} ${t.endPct.toFixed(2)}%`);
+			}
+			return e.length === 0 ? "none" : `linear-gradient(90deg, ${e.join(", ")})`;
 		});
-		return (t, r) => (p(), i(g(b), u({ "data-slot": "progress" }, d.value, {
-			"model-value": g(x),
-			class: g(e)("relative h-[var(--progress-sectioned-height,0.875rem)] w-full overflow-hidden rounded-pill progress-sectioned-rail", l.class)
+		return (t, n) => (f(), r(m(v), l({ "data-slot": "progress" }, u.value, {
+			"model-value": m(y),
+			class: m(e)("relative h-[var(--progress-sectioned-height,0.875rem)] w-full overflow-hidden rounded-pill progress-sectioned-rail", c.class),
+			style: { "--progress-track-ghost": D.value }
 		}), {
-			default: v(() => [
-				c(g(y), { class: "absolute inset-0 pointer-events-none opacity-0" }),
-				(p(!0), o(n, null, m(g(_), (e, t) => (p(), o("div", {
-					key: e.key,
-					class: "progress-sectioned-cell",
-					"data-state": e.resolvedState,
-					"data-index": t,
-					style: f({
-						left: e.startPct + "%",
-						width: e.widthPct + "%",
-						"--cell-color": e.color,
-						"--cell-fill": e.fill
-					})
-				}, [s("span", {
-					class: "progress-sectioned-fill",
-					style: f({ width: e.fill * 100 + "%" })
-				}, null, 4), e.resolvedState === "active" ? (p(), o("span", T)) : a("", !0)], 12, w))), 128)),
-				(p(!0), o(n, null, m(g(_), (e, t) => (p(), o(n, { key: `seam-${e.key}` }, [t < g(_).length - 1 ? (p(), o("span", {
-					key: 0,
-					class: "progress-sectioned-seam",
-					style: f({
-						left: e.endPct + "%",
-						"--seam-from": e.color,
-						"--seam-to": g(_)[t + 1].color
-					}),
-					"aria-hidden": "true"
-				}, null, 4)) : a("", !0)], 64))), 128))
-			]),
+			default: g(() => [s(m(_), { class: "absolute inset-0 pointer-events-none opacity-0" }), o("div", {
+				class: "progress-sectioned-flow",
+				style: d({
+					width: b.value + "%",
+					"--flow-gradient": E.value,
+					"--front-color": T.value ? T.value.color : "transparent"
+				})
+			}, [T.value ? (f(), a("span", S)) : i("", !0)], 4)]),
 			_: 1
-		}, 16, ["model-value", "class"]));
+		}, 16, [
+			"model-value",
+			"class",
+			"style"
+		]));
 	}
-}), [["__scopeId", "data-v-5847d4c6"]]), D = /* @__PURE__ */ l({
+}), [["__scopeId", "data-v-a54cba00"]]), E = /* @__PURE__ */ c({
 	__name: "Progress",
 	props: {
 		modelValue: { default: 0 },
@@ -220,35 +240,35 @@ var w = ["data-state", "data-index"], T = {
 			let t = `[glass-ui] Progress: ${e}`;
 			console.error(t);
 		}
-		return _(() => {
+		return h(() => {
 			let e = t.variant === "sectioned";
 			!e && t.segments.length > 0 && n(`\`segments\` is only valid on variant="sectioned" (got variant="${t.variant}"). The default/gradient variants are driven by \`modelValue\`.`), e && (t.modelValue ?? 0) !== 0 && n("variant=\"sectioned\" ignores `modelValue` — its value derives from the per-cell state map (segments + currentSegmentKey + activeProgress). Drive the fill via `activeProgress`/`currentSegmentKey`, not `modelValue`."), e && t.indeterminate && n("`indeterminate` is not compatible with variant=\"sectioned\". The sectioned variant's living motion is the active-cell sweep.");
-		}), (e, n) => t.variant === "sectioned" ? (p(), i(E, {
+		}), (e, n) => t.variant === "sectioned" ? (f(), r(T, {
 			key: 0,
 			segments: t.segments,
 			"current-segment-key": t.currentSegmentKey,
 			"active-progress": t.activeProgress,
-			class: d(t.class)
+			class: u(t.class)
 		}, null, 8, [
 			"segments",
 			"current-segment-key",
 			"active-progress",
 			"class"
-		])) : t.variant === "gradient" ? (p(), i(S, {
+		])) : t.variant === "gradient" ? (f(), r(b, {
 			key: 1,
 			"model-value": t.modelValue,
 			indeterminate: t.indeterminate,
-			class: d(t.class)
+			class: u(t.class)
 		}, null, 8, [
 			"model-value",
 			"indeterminate",
 			"class"
-		])) : (p(), i(x, {
+		])) : (f(), r(y, {
 			key: 2,
 			"model-value": t.modelValue,
-			class: d(t.class)
+			class: u(t.class)
 		}, null, 8, ["model-value", "class"]));
 	}
 });
 //#endregion
-export { x as a, S as i, E as n, C as r, D as t };
+export { y as a, b as i, T as n, x as r, E as t };

package/dist/{ScrollingText-BPP84wKo.js → ScrollingText-CUVFTWk2.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { t as n } from "./useResizeObserver-CWCbk5Px.js";
+import { t } from "./_plugin-vue_export-helper-CBt_VvXa.js";
+import { t as n } from "./useResizeObserver-V6nq5gJb.js";
 import { createElementBlock as r, createElementVNode as i, createTextVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, ref as l, renderSlot as u, toDisplayString as d, unref as f, useTemplateRef as p, watchEffect as m } from "vue";
 //#region src/components/custom/scrolling-text/ScrollingText.vue?vue&type=script&setup=true&lang.ts
 var h = ["data-overflows"], g = /* @__PURE__ */ t(/* @__PURE__ */ o({

package/dist/{SelectScrollDownButton-T32cVFeM.js → SelectScrollDownButton-C1jb3b3K.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./chevron-down-BSkTP2aL.js";
-import { t as n } from "./chevron-up-CCOD_FTz.js";
-import { t as r } from "./menuItemVariants-CCoBNkU5.js";
-import { i } from "./dockContext-BKeIMmNk.js";
+import { t } from "./chevron-down-DKkxb4VV.js";
+import { t as n } from "./chevron-up-n_24SqI-.js";
+import { t as r } from "./menuItemVariants-DWRQXBxJ.js";
+import { i } from "./dockContext-Bu1Avy-a.js";
 import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeClass as m, normalizeProps as h, openBlock as g, renderSlot as _, unref as v, withCtx as y } from "vue";
 import { SelectContent as b, SelectIcon as x, SelectItem as S, SelectItemIndicator as C, SelectItemText as w, SelectPortal as T, SelectRoot as E, SelectScrollDownButton as D, SelectScrollUpButton as O, SelectTrigger as k, SelectValue as A, SelectViewport as j, useForwardProps as M, useForwardPropsEmits as N } from "reka-ui";
 //#endregion
@@ -65,14 +65,30 @@ var P = /* @__PURE__ */ d({
 		let r = n, i = M(a(() => {
 			let { class: e, variant: t, size: n, ...i } = r;
 			return i;
-		})), s = a(() => r.variant === "ghost" ? "bg-transparent border-none shadow-none" : "glass-wash"), c = a(() => r.size === "sm" ? "h-[var(--control-h-sm)]" : "h-[var(--control-h-md)]");
-		return (n, a) => (g(), o(v(k), p({ "data-slot": "select-trigger" }, v(i), { class: v(e)(s.value, c.value, "tap-squish focus-ring flex w-full items-center justify-between rounded-pill px-3 py-2 text-dropdown placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-disabled [&>span]:line-clamp-1 transition-control aria-invalid:border-[var(--destructive)] aria-invalid:shadow-[0_0_0_var(--focus-ring-width)_color-mix(in_srgb,var(--destructive)_35%,transparent)]", r.class) }), {
+		})), s = a(() => r.variant === "ghost" ? "bg-transparent border-none shadow-none" : "control-surface"), c = a(() => {
+			switch (r.size) {
+				case "sm": return "h-(--control-h-sm)";
+				case "display":
+				case "audacious": return "h-(--control-h-lg)";
+				default: return "h-(--control-h-md)";
+			}
+		}), l = a(() => {
+			let e = r.size === "display" ? "var(--type-heading)" : r.size === "audacious" ? "var(--type-display-1)" : void 0;
+			if (e) return {
+				"--dropdown-text": e,
+				"--text-dropdown": e
+			};
+		});
+		return (n, a) => (g(), o(v(k), p({ "data-slot": "select-trigger" }, v(i), {
+			style: l.value,
+			class: v(e)(s.value, c.value, "tap-squish focus-ring flex w-full items-center justify-between rounded-pill px-3 py-2 text-dropdown placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-disabled [&>span]:line-clamp-1 transition-control aria-invalid:border-(--destructive) aria-invalid:shadow-[0_0_0_var(--focus-ring-width)_color-mix(in_srgb,var(--destructive)_35%,transparent)]", r.class)
+		}), {
 			default: y(() => [_(n.$slots, "default"), u(v(x), { "as-child": "" }, {
 				default: y(() => [u(v(t), { class: "transition-transform duration-200 ease-standard [&[data-state=open]]:rotate-180 h-4 w-4 shrink-0 opacity-50" })]),
 				_: 1
 			})]),
 			_: 3
-		}, 16, ["class"]));
+		}, 16, ["style", "class"]));
 	}
 }), L = /* @__PURE__ */ d({
 	inheritAttrs: !1,
@@ -128,7 +144,7 @@ var P = /* @__PURE__ */ d({
 				"data-glass-dock-portal": v(l)?.id ? "" : void 0,
 				"data-glass-dock-owner": v(l)?.id,
 				"data-slot": "select-content",
-				class: v(e)("relative z-popover min-w-32 overflow-y-auto rounded-panel border text-popover-foreground [max-height:var(--reka-popper-available-height,60dvh)] popover-animate origin-(--reka-select-content-transform-origin)", t.position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", "glass-floating", r.class)
+				class: v(e)("relative z-popover min-w-32 overflow-y-auto rounded-panel border text-popover-foreground popover-animate origin-(--reka-select-content-transform-origin)", t.position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", "glass-floating", r.class)
 			}), {
 				default: y(() => [
 					u(v(V)),

package/dist/{Switch-Ch-k3Rv-.js → Switch-Dr--uLGH.js}

@@ -31,12 +31,12 @@ var p = /* @__PURE__ */ i({
 			let { class: e, ...t } = m;
 			return t;
 		}), h);
-		return (t, i) => (s(), n(c(u), a({ "data-slot": "switch" }, c(g), { class: c(e)("glass-wash glass-specular-track focus-ring peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-pill border-2 border-transparent transition-control disabled:cursor-not-allowed disabled:opacity-disabled data-[state=checked]:bg-primary data-[state=unchecked]:bg-[var(--glass-bg-wash)]", m.class) }), {
+		return (t, i) => (s(), n(c(u), a({ "data-slot": "switch" }, c(g), { class: c(e)("glass-wash glass-specular-track focus-ring peer relative touch-hit-area inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-pill border-2 border-transparent transition-control disabled:cursor-not-allowed disabled:opacity-disabled data-[state=checked]:bg-primary data-[state=unchecked]:bg-(--glass-bg-wash)", m.class) }), {
 			default: l(() => [r(c(d), {
 				class: o(c(e)("pointer-events-none block h-5 w-5 rounded-pill bg-background ring-0 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0")),
 				style: {
 					"box-shadow": "var(--shadow-md), var(--glass-highlight)",
-					transition: "translate var(--duration-normal) var(--spring-snappy)"
+					transition: "translate var(--spring-snappy-duration) var(--spring-snappy)"
 				}
 			}, null, 8, ["class"])]),
 			_: 1

package/dist/{Toaster-1rYWrmAm.js → Toaster-Bm_HQSpc.js}

@@ -1,10 +1,10 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./x-Dfsegz9Y.js";
+import { t } from "./x-BUwTKe50.js";
 import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, openBlock as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
-import { ToastAction as b, ToastClose as x, ToastDescription as S, ToastProvider as C, ToastRoot as w, ToastTitle as T, ToastViewport as E, useForwardPropsEmits as D } from "reka-ui";
+import { ToastAction as b, ToastClose as x, ToastDescription as S, ToastPortal as C, ToastProvider as w, ToastRoot as T, ToastTitle as E, ToastViewport as D, useForwardPropsEmits as O } from "reka-ui";
 //#endregion
 //#region src/components/ui/toast/Toast.vue
-var O = /* @__PURE__ */ u({
+var k = /* @__PURE__ */ u({
 	__name: "Toast",
 	props: {
 		class: { type: [
@@ -34,25 +34,25 @@ var O = /* @__PURE__ */ u({
 		"update:open"
 	],
 	setup(t, { emit: n }) {
-		let a = t, o = n, s = D(r(() => {
+		let a = t, o = n, s = O(r(() => {
 			let { class: e, variant: t, ...n } = a;
 			return n;
 		}), o);
-		return (n, r) => (p(), i(v(w), d({
+		return (n, r) => (p(), i(v(T), d({
 			"data-slot": "toast",
 			"data-variant": t.variant
-		}, v(s), { class: v(e)("glass-floating group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-panel p-6 pr-8 transition-[opacity,transform] data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--reka-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--reka-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full", {
-			"text-foreground": t.variant === "default",
-			"bg-destructive text-destructive-foreground border-destructive": t.variant === "destructive",
-			"bg-success text-success-foreground border-success": t.variant === "success",
-			"bg-warning text-warning-foreground border-warning": t.variant === "warning",
-			"bg-info text-info-foreground border-info": t.variant === "info"
+		}, v(s), { class: v(e)("glass-floating group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-panel p-6 pr-8 transition-[opacity,transform] data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-(--reka-toast-swipe-end-x) data-[swipe=move]:translate-x-(--reka-toast-swipe-move-x) data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full", "text-foreground", {
+			"feedback-tone [&_svg]:text-(--tone)": t.variant !== "default",
+			"feedback-tone-destructive": t.variant === "destructive",
+			"feedback-tone-success": t.variant === "success",
+			"feedback-tone-warning": t.variant === "warning",
+			"feedback-tone-info": t.variant === "info"
 		}, a.class) }), {
 			default: y(() => [g(n.$slots, "default")]),
 			_: 3
 		}, 16, ["data-variant", "class"]));
 	}
-}), k = /* @__PURE__ */ u({
+}), A = /* @__PURE__ */ u({
 	__name: "ToastAction",
 	props: {
 		class: { type: [
@@ -76,7 +76,7 @@ var O = /* @__PURE__ */ u({
 			_: 3
 		}, 16, ["class"]));
 	}
-}), A = /* @__PURE__ */ u({
+}), j = /* @__PURE__ */ u({
 	__name: "ToastClose",
 	props: {
 		class: { type: [
@@ -99,7 +99,7 @@ var O = /* @__PURE__ */ u({
 			_: 1
 		}, 16, ["class"]));
 	}
-}), j = /* @__PURE__ */ u({
+}), M = /* @__PURE__ */ u({
 	__name: "ToastDescription",
 	props: {
 		class: { type: [
@@ -122,7 +122,7 @@ var O = /* @__PURE__ */ u({
 			_: 3
 		}, 16, ["class"]));
 	}
-}), M = /* @__PURE__ */ u({
+}), N = /* @__PURE__ */ u({
 	__name: "ToastTitle",
 	props: {
 		class: { type: [
@@ -140,71 +140,71 @@ var O = /* @__PURE__ */ u({
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, r) => (p(), i(v(T), d(a.value, { class: v(e)("text-sm font-semibold", n.class) }), {
+		return (t, r) => (p(), i(v(E), d(a.value, { class: v(e)("text-sm font-semibold", n.class) }), {
 			default: y(() => [g(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), N = 5, P = 1e6, F = /* @__PURE__ */ new Map();
-function I(e) {
-	if (F.has(e)) return;
+}), P = 5, F = 1e6, I = /* @__PURE__ */ new Map();
+function L(e) {
+	if (I.has(e)) return;
 	let t = setTimeout(() => {
-		F.delete(e), R({
+		I.delete(e), z({
 			type: "REMOVE_TOAST",
 			toastId: e
 		});
-	}, P);
-	F.set(e, t);
+	}, F);
+	I.set(e, t);
 }
-var L = m([]);
-function R(e) {
+var R = m([]);
+function z(e) {
 	switch (e.type) {
 		case "ADD_TOAST":
-			L.value = [e.toast, ...L.value].slice(0, N);
+			R.value = [e.toast, ...R.value].slice(0, P);
 			break;
 		case "UPDATE_TOAST":
-			L.value = L.value.map((t) => t.id === e.toast.id ? {
+			R.value = R.value.map((t) => t.id === e.toast.id ? {
 				...t,
 				...e.toast
 			} : t);
 			break;
 		case "DISMISS_TOAST": {
 			let { toastId: t } = e;
-			t ? I(t) : L.value.forEach((e) => {
-				I(e.id);
-			}), L.value = L.value.map((e) => e.id === t || t === void 0 ? {
+			t ? L(t) : R.value.forEach((e) => {
+				L(e.id);
+			}), R.value = R.value.map((e) => e.id === t || t === void 0 ? {
 				...e,
 				open: !1
 			} : e);
 			break;
 		}
 		case "REMOVE_TOAST":
-			e.toastId === void 0 ? L.value = [] : L.value = L.value.filter((t) => t.id !== e.toastId);
+			e.toastId === void 0 ? R.value = [] : R.value = R.value.filter((t) => t.id !== e.toastId);
 			break;
 	}
 }
-var z = 0;
-function B() {
-	return z = (z + 1) % Number.MAX_VALUE, z.toString();
+var B = 0;
+function V() {
+	return B = (B + 1) % Number.MAX_VALUE, B.toString();
 }
-function V(e) {
-	let t = B(), n = (e) => R({
+function H(e) {
+	let t = V(), n = (e) => z({
 		type: "UPDATE_TOAST",
 		toast: {
 			...e,
 			id: t
 		}
-	}), r = () => R({
+	}), r = () => z({
 		type: "DISMISS_TOAST",
 		toastId: t
 	});
-	return R({
+	return z({
 		type: "ADD_TOAST",
 		toast: {
 			...e,
 			id: t,
 			open: !0,
-			onOpenChange: (e) => {
+			"onUpdate:open": (e) => {
 				e || r();
 			}
 		}
@@ -214,11 +214,11 @@ function V(e) {
 		update: n
 	};
 }
-function H() {
+function U() {
 	return {
-		toasts: r(() => L.value),
-		toast: V,
-		dismiss: (e) => R({
+		toasts: r(() => R.value),
+		toast: H,
+		dismiss: (e) => z({
 			type: "DISMISS_TOAST",
 			toastId: e
 		})
@@ -226,11 +226,11 @@ function H() {
 }
 //#endregion
 //#region src/components/ui/toast/Toaster.vue?vue&type=script&setup=true&lang.ts
-var U = { class: "grid gap-1" }, W = "fixed top-0 z-toast flex max-h-screen w-full", G = "p-4", K = "md:max-w-[420px]", q = /* @__PURE__ */ u({
+var W = { class: "grid gap-1" }, G = "fixed top-0 z-toast flex max-h-screen w-full", K = "p-4", q = "md:max-w-[420px]", J = /* @__PURE__ */ u({
 	__name: "Toaster",
 	props: { position: { default: "bottom-right" } },
 	setup(t) {
-		let u = t, { toasts: m } = H(), g = {
+		let u = t, { toasts: m } = U(), g = {
 			"bottom-right": ["flex-col-reverse", "sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col"],
 			"bottom-left": ["flex-col-reverse", "sm:bottom-0 sm:left-0 sm:top-auto sm:flex-col"],
 			"bottom-center": ["flex-col-reverse", "sm:bottom-0 sm:left-1/2 sm:top-auto sm:-translate-x-1/2 sm:flex-col"],
@@ -239,22 +239,25 @@ var U = { class: "grid gap-1" }, W = "fixed top-0 z-toast flex max-h-screen w-fu
 			"top-center": ["left-1/2 -translate-x-1/2 flex-col", ""]
 		}, b = r(() => {
 			let [t, n] = g[u.position];
-			return e(W, t, G, n, K);
+			return e(G, t, K, n, q);
 		});
-		return (e, t) => (p(), i(v(C), null, {
-			default: y(() => [(p(!0), o(n, null, h(v(m), (e) => (p(), i(O, d({ key: e.id }, { ref_for: !0 }, e), {
-				default: y(() => [s("div", U, [e.title ? (p(), i(M, { key: 0 }, {
+		return (e, t) => (p(), i(v(w), null, {
+			default: y(() => [(p(!0), o(n, null, h(v(m), (e) => (p(), i(k, d({ key: e.id }, { ref_for: !0 }, e), {
+				default: y(() => [s("div", W, [e.title ? (p(), i(N, { key: 0 }, {
 					default: y(() => [c(_(e.title), 1)]),
 					_: 2
-				}, 1024)) : a("", !0), e.description ? (p(), i(j, { key: 1 }, {
+				}, 1024)) : a("", !0), e.description ? (p(), i(M, { key: 1 }, {
 					default: y(() => [c(_(e.description), 1)]),
 					_: 2
-				}, 1024)) : a("", !0)]), l(A)]),
+				}, 1024)) : a("", !0)]), l(j)]),
 				_: 2
-			}, 1040))), 128)), l(v(E), { class: f(b.value) }, null, 8, ["class"])]),
+			}, 1040))), 128)), l(v(C), null, {
+				default: y(() => [l(v(D), { class: f(b.value) }, null, 8, ["class"])]),
+				_: 1
+			})]),
 			_: 1
 		}));
 	}
 });
 //#endregion
-export { j as a, O as c, M as i, V as n, A as o, H as r, k as s, q as t };
+export { M as a, k as c, N as i, H as n, j as o, U as r, A as s, J as t };