@mkbabb/glass-ui 3.13.0 → 4.0.1

package/dist/{Progress-DwlUKGbr.js → Progress-DctG61iZ.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-C1je1s0u.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(--progress-track-on-glass))]", 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(--progress-track-on-glass))] 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
@@ -86,11 +86,11 @@ var x = /* @__PURE__ */ l({
 			"data-indeterminate"
 		]));
 	}
-}), [["__scopeId", "data-v-f29a8e97"]]);
+}), [["__scopeId", "data-v-971dff91"]]);
 //#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-DfFrwSph.js → ScrollingText-yOpBzFYq.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-BhgdhOIj.js";
+import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { t as n } from "./useResizeObserver-Bpoi7tRE.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-CiDUxfEj.js → SelectScrollDownButton-CrA8F0iV.js}

@@ -1,8 +1,7 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./chevron-down-DKkxb4VV.js";
-import { t as n } from "./chevron-up-n_24SqI-.js";
-import { t as r } from "./menuItemVariants-DPiEarb0.js";
-import { i } from "./dockContext-BegmJVmx.js";
+import { _ as t, b as n } from "./vendor-CKmzio-i.js";
+import { t as r } from "./menuItemVariants-D8VNHq22.js";
+import { i } from "./dockContext-BNfyPLe9.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
@@ -61,18 +60,34 @@ var P = /* @__PURE__ */ d({
 		variant: { default: "default" },
 		size: { default: "default" }
 	},
-	setup(n) {
-		let r = n, i = M(a(() => {
+	setup(t) {
+		let r = t, 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-(--control-h-sm)" : "h-(--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-(--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" })]),
+		})), 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 (t, 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) user-invalid:border-(--destructive) focus-visible:aria-invalid:shadow-(--invalid-ring) focus-visible:user-invalid:shadow-(--invalid-ring)", r.class)
+		}), {
+			default: y(() => [_(t.$slots, "default"), u(v(x), { "as-child": "" }, {
+				default: y(() => [u(v(n), { 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 +143,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 glass-reveal 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)),
@@ -199,13 +214,13 @@ var P = /* @__PURE__ */ d({
 			Array
 		] }
 	},
-	setup(t) {
-		let r = t, i = M(a(() => {
+	setup(n) {
+		let r = n, i = M(a(() => {
 			let { class: e, ...t } = r;
 			return t;
 		}));
-		return (t, a) => (g(), o(v(O), p(v(i), { class: v(e)("flex cursor-default items-center justify-center py-1", r.class) }), {
-			default: y(() => [_(t.$slots, "default", {}, () => [u(v(n), { class: "h-4 w-4" })])]),
+		return (n, a) => (g(), o(v(O), p(v(i), { class: v(e)("flex cursor-default items-center justify-center py-1", r.class) }), {
+			default: y(() => [_(n.$slots, "default", {}, () => [u(v(t), { class: "h-4 w-4" })])]),
 			_: 3
 		}, 16, ["class"]));
 	}
@@ -222,13 +237,13 @@ var P = /* @__PURE__ */ d({
 			Array
 		] }
 	},
-	setup(n) {
-		let r = n, i = M(a(() => {
+	setup(t) {
+		let r = t, i = M(a(() => {
 			let { class: e, ...t } = r;
 			return t;
 		}));
-		return (n, a) => (g(), o(v(D), p(v(i), { class: v(e)("flex cursor-default items-center justify-center py-1", r.class) }), {
-			default: y(() => [_(n.$slots, "default", {}, () => [u(v(t), { class: "h-4 w-4" })])]),
+		return (t, a) => (g(), o(v(D), p(v(i), { class: v(e)("flex cursor-default items-center justify-center py-1", r.class) }), {
+			default: y(() => [_(t.$slots, "default", {}, () => [u(v(n), { class: "h-4 w-4" })])]),
 			_: 3
 		}, 16, ["class"]));
 	}

package/dist/{Switch-CsIuYP_e.js → Switch-CwYNf8bo.js}

@@ -36,7 +36,7 @@ var p = /* @__PURE__ */ i({
 				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-Bw4xR8xV.js

@@ -0,0 +1,274 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./vendor-CKmzio-i.js";
+import { t as n } from "./useSurfaceAxis-g0NloYEF.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeProps as f, normalizeClass as p, openBlock as m, ref as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, withCtx as b } from "vue";
+import { ToastAction as x, ToastClose as S, ToastDescription as C, ToastPortal as w, ToastProvider as T, ToastRoot as E, ToastTitle as D, ToastViewport as O, useForwardPropsEmits as k } from "reka-ui";
+//#endregion
+//#region src/components/ui/toast/Toast.vue
+var A = /* @__PURE__ */ d({
+	__name: "Toast",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		variant: { default: "default" },
+		surface: { default: "glass" },
+		defaultOpen: { type: Boolean },
+		forceMount: { type: Boolean },
+		type: {},
+		open: { type: Boolean },
+		duration: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pause",
+		"resume",
+		"swipeStart",
+		"swipeMove",
+		"swipeCancel",
+		"swipeEnd",
+		"update:open"
+	],
+	setup(t, { emit: r }) {
+		let o = t, s = r, c = k(i(() => {
+			let { class: e, variant: t, surface: n, ...r } = o;
+			return r;
+		}), s);
+		return (r, i) => (m(), a(y(E), f({
+			"data-slot": "toast",
+			"data-variant": t.variant,
+			"data-surface": t.surface
+		}, y(c), { class: y(e)(y(n)(t.surface, "floating"), "[--overlay-pad-inline:--spacing(6)] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-panel px-(--overlay-pad-inline) py-(--overlay-pad-block) 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"
+		}, o.class) }), {
+			default: b(() => [_(r.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"data-variant",
+			"data-surface",
+			"class"
+		]));
+	}
+}), j = /* @__PURE__ */ d({
+	__name: "ToastAction",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		altText: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(t) {
+		let n = t, r = i(() => {
+			let { class: e, ...t } = n;
+			return t;
+		});
+		return (t, i) => (m(), a(y(x), f(r.value, { class: y(e)("focus-ring inline-flex h-[calc(2rem*var(--ui-scale))] shrink-0 items-center justify-center rounded-button border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary disabled:pointer-events-none disabled:opacity-disabled group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground", n.class) }), {
+			default: b(() => [_(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), M = /* @__PURE__ */ d({
+	__name: "ToastClose",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(n) {
+		let r = n, o = i(() => {
+			let { class: e, ...t } = r;
+			return t;
+		});
+		return (n, i) => (m(), a(y(S), f(o.value, { class: y(e)("focus-ring absolute right-2 top-2 rounded-button p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50", r.class) }), {
+			default: b(() => [u(y(t), { class: "h-4 w-4" })]),
+			_: 1
+		}, 16, ["class"]));
+	}
+}), N = /* @__PURE__ */ d({
+	__name: "ToastDescription",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(t) {
+		let n = t, r = i(() => {
+			let { class: e, ...t } = n;
+			return t;
+		});
+		return (t, i) => (m(), a(y(C), f(r.value, { class: y(e)("text-sm opacity-90", n.class) }), {
+			default: b(() => [_(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), P = /* @__PURE__ */ d({
+	__name: "ToastTitle",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(t) {
+		let n = t, r = i(() => {
+			let { class: e, ...t } = n;
+			return t;
+		});
+		return (t, i) => (m(), a(y(D), f(r.value, { class: y(e)("text-sm font-semibold", n.class) }), {
+			default: b(() => [_(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), F = 5, I = 1e6, L = /* @__PURE__ */ new Map();
+function R(e) {
+	if (L.has(e)) return;
+	let t = setTimeout(() => {
+		L.delete(e), B({
+			type: "REMOVE_TOAST",
+			toastId: e
+		});
+	}, I);
+	L.set(e, t);
+}
+var z = h([]);
+function B(e) {
+	switch (e.type) {
+		case "ADD_TOAST":
+			z.value = [e.toast, ...z.value].slice(0, F);
+			break;
+		case "UPDATE_TOAST":
+			z.value = z.value.map((t) => t.id === e.toast.id ? {
+				...t,
+				...e.toast
+			} : t);
+			break;
+		case "DISMISS_TOAST": {
+			let { toastId: t } = e;
+			t ? R(t) : z.value.forEach((e) => {
+				R(e.id);
+			}), z.value = z.value.map((e) => e.id === t || t === void 0 ? {
+				...e,
+				open: !1
+			} : e);
+			break;
+		}
+		case "REMOVE_TOAST":
+			e.toastId === void 0 ? z.value = [] : z.value = z.value.filter((t) => t.id !== e.toastId);
+			break;
+	}
+}
+var V = 0;
+function H() {
+	return V = (V + 1) % Number.MAX_VALUE, V.toString();
+}
+function U(e) {
+	let t = H(), n = (e) => B({
+		type: "UPDATE_TOAST",
+		toast: {
+			...e,
+			id: t
+		}
+	}), r = () => B({
+		type: "DISMISS_TOAST",
+		toastId: t
+	});
+	return B({
+		type: "ADD_TOAST",
+		toast: {
+			...e,
+			id: t,
+			open: !0,
+			"onUpdate:open": (e) => {
+				e || r();
+			}
+		}
+	}), {
+		id: t,
+		dismiss: r,
+		update: n
+	};
+}
+function W() {
+	return {
+		toasts: i(() => z.value),
+		toast: U,
+		dismiss: (e) => B({
+			type: "DISMISS_TOAST",
+			toastId: e
+		})
+	};
+}
+//#endregion
+//#region src/components/ui/toast/Toaster.vue?vue&type=script&setup=true&lang.ts
+var G = { class: "grid gap-1" }, K = "fixed top-0 z-toast flex max-h-screen w-full", q = "p-4", J = "md:max-w-[420px]", Y = /* @__PURE__ */ d({
+	__name: "Toaster",
+	props: { position: { default: "bottom-right" } },
+	setup(t) {
+		let n = t, { toasts: d } = W(), h = {
+			"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"],
+			"top-right": ["right-0 flex-col", ""],
+			"top-left": ["left-0 flex-col", ""],
+			"top-center": ["left-1/2 -translate-x-1/2 flex-col", ""]
+		}, _ = i(() => {
+			let [t, r] = h[n.position];
+			return e(K, t, q, r, J);
+		});
+		return (e, t) => (m(), a(y(T), null, {
+			default: b(() => [(m(!0), s(r, null, g(y(d), (e) => (m(), a(A, f({ key: e.id }, { ref_for: !0 }, e), {
+				default: b(() => [c("div", G, [e.title ? (m(), a(P, { key: 0 }, {
+					default: b(() => [l(v(e.title), 1)]),
+					_: 2
+				}, 1024)) : o("", !0), e.description ? (m(), a(N, { key: 1 }, {
+					default: b(() => [l(v(e.description), 1)]),
+					_: 2
+				}, 1024)) : o("", !0)]), u(M)]),
+				_: 2
+			}, 1040))), 128)), u(y(w), null, {
+				default: b(() => [u(y(O), {
+					class: p(_.value),
+					"aria-live": "polite",
+					"aria-atomic": "false"
+				}, null, 8, ["class"])]),
+				_: 1
+			})]),
+			_: 1
+		}));
+	}
+});
+//#endregion
+export { N as a, A as c, P as i, U as n, M as o, W as r, j as s, Y as t };