@mkbabb/glass-ui 3.13.0 → 4.0.0

package/dist/FadingScroll-DwNnvKMs.js

@@ -0,0 +1,76 @@
+import { t as e } from "./supportsCssTimeline-BWenxvHU.js";
+import { t } from "./useResizeObserver-V6nq5gJb.js";
+import { createElementBlock as n, defineComponent as r, normalizeClass as i, onBeforeUnmount as a, onMounted as o, openBlock as s, ref as c, renderSlot as l, unref as u } from "vue";
+//#region src/components/custom/fading-scroll/constants.ts
+var d = e();
+//#endregion
+//#region src/components/custom/fading-scroll/composables/useFadingScroll.ts
+function f(e, n = {}) {
+	let { axis: r = "x", fadeStart: i = !0, fadeEnd: s = !0 } = n, l = c(!d), f = 0, p = null;
+	function m(t, n) {
+		let r = u(e);
+		r && (r.style.setProperty("--fade-start", t ? "var(--fade-scroll-width)" : "0px"), r.style.setProperty("--fade-end", n ? "var(--fade-scroll-width)" : "0px"));
+	}
+	function h() {
+		let t = u(e);
+		if (!t) return;
+		let n = r === "x" ? t.scrollLeft : t.scrollTop, a = r === "x" ? t.scrollWidth - t.clientWidth : t.scrollHeight - t.clientHeight, o = n <= 12, c = n >= a - 12;
+		m(i && !o, s && !c);
+	}
+	function g() {
+		f ||= requestAnimationFrame(() => {
+			f = 0, h();
+		});
+	}
+	function _() {
+		let n = u(e);
+		n && (n.addEventListener("scroll", g, { passive: !0 }), p = t(e, h).stop, h());
+	}
+	function v() {
+		u(e)?.removeEventListener("scroll", g), p?.(), p = null, f &&= (cancelAnimationFrame(f), 0);
+	}
+	return o(() => {
+		l.value && _();
+	}), a(v), {
+		active: l,
+		measure: h,
+		stop: v
+	};
+}
+//#endregion
+//#region src/components/custom/fading-scroll/FadingScroll.vue?vue&type=script&setup=true&lang.ts
+var p = [
+	"data-fade-axis",
+	"data-fade-start",
+	"data-fade-end"
+], m = /* @__PURE__ */ r({
+	__name: "FadingScroll",
+	props: {
+		axis: { default: "x" },
+		fadeStart: {
+			type: Boolean,
+			default: !0
+		},
+		fadeEnd: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(e) {
+		let t = e, r = c(null);
+		return f(r, {
+			axis: t.axis,
+			fadeStart: t.fadeStart,
+			fadeEnd: t.fadeEnd
+		}), (t, a) => (s(), n("div", {
+			ref_key: "rootRef",
+			ref: r,
+			class: i(["fading-scroll", e.axis === "y" ? "fading-scroll--y" : "fading-scroll--x"]),
+			"data-fade-axis": e.axis,
+			"data-fade-start": e.fadeStart ? "" : void 0,
+			"data-fade-end": e.fadeEnd ? "" : void 0
+		}, [l(t.$slots, "default")], 10, p));
+	}
+});
+//#endregion
+export { f as n, m as t };

package/dist/{HoverPopover-CISOJQuZ.js → HoverPopover-Dpzwvc4t.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { i as t } from "./dockContext-BegmJVmx.js";
+import { i as t } from "./dockContext-Bu1Avy-a.js";
 import { Fragment as n, computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, mergeModels as l, mergeProps as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m, useId as h, useModel as g, watch as _, withCtx as v } from "vue";
 import { HoverCardContent as y, HoverCardPortal as b, HoverCardRoot as x, HoverCardTrigger as S } from "reka-ui";
 //#region src/components/custom/hover-popover/HoverPopover.vue?vue&type=script&setup=true&lang.ts

package/dist/IconChip-BDw1j5mu.js

@@ -0,0 +1,54 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./vReveal-D9k0jADx.js";
+import { computed as n, createBlock as r, createElementBlock as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, resolveDynamicComponent as l, unref as u, withDirectives as d } from "vue";
+//#region src/components/custom/icon-chip/IconChip.vue?vue&type=script&setup=true&lang.ts
+var f = ["data-duotone"], p = 48, m = 22, h = /* @__PURE__ */ a({
+	name: "IconChip",
+	__name: "IconChip",
+	props: {
+		icon: { type: [Function, Object] },
+		section: {},
+		tone: {},
+		size: {},
+		glyphSize: {},
+		strokeWidth: {},
+		bare: { type: Boolean },
+		duotone: { type: Boolean },
+		bloom: { type: Boolean },
+		reveal: { type: [Boolean, Number] },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(a) {
+		let h = a, g = n(() => h.tone == null ? h.section == null ? "var(--muted-foreground)" : `var(--section-color-${h.section}, var(--muted-foreground))` : h.tone), _ = n(() => h.tone == null ? h.section == null ? "var(--muted)" : `var(--section-color-${h.section}, var(--muted))` : h.tone), v = n(() => void 0), y = n(() => h.reveal != null && h.reveal !== !1), b = n(() => h.reveal === !0 ? 0 : typeof h.reveal == "number" ? h.reveal : 0), x = n(() => {
+			let e = h.glyphSize ?? m;
+			return {
+				"--icon-chip-event-color": g.value,
+				"--icon-chip-plate-color": _.value,
+				"--icon-chip-glyph-size": `${e}px`,
+				"--icon-chip-size": `${h.size ?? p}px`
+			};
+		});
+		return (n, a) => d((c(), i("span", {
+			class: o(["icon-chip", u(e)(h.bare && "icon-chip--bare", h.duotone && "icon-chip--duotone", h.bloom && "icon-chip--bloom", y.value && "icon-chip--reveal", h.class)]),
+			"data-duotone": h.duotone ? "" : void 0,
+			style: s(x.value)
+		}, [(c(), r(l(h.icon), {
+			class: "icon-chip__glyph",
+			size: h.glyphSize ?? 22,
+			"stroke-width": h.strokeWidth ?? 1.75,
+			"aria-hidden": "true"
+		}, null, 8, ["size", "stroke-width"]))], 14, f)), [[
+			u(t),
+			b.value,
+			v.value
+		]]);
+	}
+});
+//#endregion
+export { h as t };

package/dist/{MetricBadge-C9QMz1KT.js → MetricBadge-BpC0R_Ec.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { n as t } from "./coalesceMetric-5qIeZnTx.js";
-import { t as n } from "./_plugin-vue_export-helper-ok8pgSl5.js";
+import { t as n } from "./_plugin-vue_export-helper-CBt_VvXa.js";
 import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, toDisplayString as f, unref as p } from "vue";
 //#region src/components/custom/metric-badge/MetricBadge.vue?vue&type=script&setup=true&lang.ts
 var m = ["data-size"], h = {

package/dist/{Notification-DdwNxIrI.js → Notification-DKjKsQq8.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./createLucideIcon-DydS2qgk.js";
 import { t } from "./x-BUwTKe50.js";
-import { t as n } from "./_plugin-vue_export-helper-ok8pgSl5.js";
+import { t as n } from "./_plugin-vue_export-helper-CBt_VvXa.js";
 import { Fragment as r, TransitionGroup as i, createBlock as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderList as f, resolveDynamicComponent as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
 var _ = e("circle-alert", [
 	["circle", {
@@ -65,10 +65,10 @@ var _ = e("circle-alert", [
 	emits: ["remove"],
 	setup(e) {
 		let n = {
-			success: "bg-success/90 text-success-foreground",
-			error: "bg-destructive/90 text-destructive-foreground",
-			warning: "bg-warning/90 text-warning-foreground",
-			info: "bg-info/90 text-info-foreground"
+			success: "feedback-tone-success",
+			error: "feedback-tone-destructive",
+			warning: "feedback-tone-warning",
+			info: "feedback-tone-info"
 		}, l = {
 			success: v,
 			error: y,
@@ -83,9 +83,9 @@ var _ = e("circle-alert", [
 		}, {
 			default: g(() => [(d(!0), o(r, null, f(e.notifications, (e) => (d(), o("div", {
 				key: e.id,
-				class: u(["glass-floating flex items-center gap-3 rounded-panel px-4 py-3", [n[e.type], "min-w-[300px] max-w-[500px]"]])
+				class: u(["glass-floating feedback-tone flex items-center gap-3 rounded-panel px-4 py-3 text-foreground", [n[e.type], "min-w-[300px] max-w-[500px]"]])
 			}, [
-				(d(), a(p(l[e.type]), { class: "h-5 w-5 flex-shrink-0" })),
+				(d(), a(p(l[e.type]), { class: "feedback-tone-glyph h-5 w-5 flex-shrink-0" })),
 				s("p", x, m(e.message), 1),
 				s("button", {
 					onClick: (t) => _.$emit("remove", e.id),
@@ -95,6 +95,6 @@ var _ = e("circle-alert", [
 			_: 1
 		}));
 	}
-}), [["__scopeId", "data-v-d1a8b637"]]);
+}), [["__scopeId", "data-v-cec8742e"]]);
 //#endregion
 export { C as t };

package/dist/{NumberFieldContent-CqaN-SvN.js → NumberFieldContent-1VtwDSgf.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { t } from "./createLucideIcon-DydS2qgk.js";
-import { n } from "./button-ChXMfsud.js";
+import { n } from "./button-BNDWhAZb.js";
 import { computed as r, createBlock as i, createElementBlock as a, createVNode as o, defineComponent as s, mergeProps as c, normalizeClass as l, openBlock as u, renderSlot as d, unref as f, withCtx as p } from "vue";
 import { NumberFieldDecrement as m, NumberFieldIncrement as h, NumberFieldInput as g, NumberFieldRoot as _, useForwardProps as v, useForwardPropsEmits as y } from "reka-ui";
 var b = t("minus", [["path", {

package/dist/PopoverContent-BTorlp--.js

@@ -0,0 +1,127 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./useSurfaceAxis-CMnF2zHb.js";
+import { i as n } from "./dockContext-Bu1Avy-a.js";
+import { computed as r, createBlock as i, createVNode as a, defineComponent as o, guardReactiveProps as s, mergeProps as c, normalizeProps as l, openBlock as u, renderSlot as d, unref as f, withCtx as p } from "vue";
+import { PopoverContent as m, PopoverPortal as h, PopoverRoot as g, PopoverTrigger as _, useForwardPropsEmits as v } from "reka-ui";
+//#endregion
+//#region src/components/ui/popover/Popover.vue
+var y = /* @__PURE__ */ o({
+	__name: "Popover",
+	props: {
+		defaultOpen: { type: Boolean },
+		open: { type: Boolean },
+		modal: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let n = v(e, t);
+		return (e, t) => (u(), i(f(g), c({ "data-slot": "popover" }, f(n)), {
+			default: p(() => [d(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), b = /* @__PURE__ */ o({
+	__name: "PopoverTrigger",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (u(), i(f(_), l(s(t)), {
+			default: p(() => [d(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), x = /* @__PURE__ */ o({
+	inheritAttrs: !1,
+	__name: "PopoverContent",
+	props: {
+		forceMount: { type: Boolean },
+		side: {},
+		sideOffset: { default: 4 },
+		sideFlip: { type: Boolean },
+		align: { default: "center" },
+		alignOffset: {},
+		alignFlip: { type: Boolean },
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: {},
+		arrowPadding: {},
+		hideShiftedArrow: { type: Boolean },
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
+		updatePositionStrategy: {},
+		disableUpdateOnLayoutShift: { type: Boolean },
+		prioritizePosition: { type: Boolean },
+		reference: {},
+		asChild: { type: Boolean },
+		as: {},
+		disableOutsidePointerEvents: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		portal: {
+			type: Boolean,
+			default: !0
+		},
+		surface: { default: "glass" }
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(o, { emit: s }) {
+		let l = o, g = s, _ = v(r(() => {
+			let { class: e, portal: t, surface: n, ...r } = l;
+			return r;
+		}), g), y = n(), b = r(() => t(l.surface).replace(/^glass-\w+\s*/, ""));
+		return (t, n) => o.portal ? (u(), i(f(h), { key: 0 }, {
+			default: p(() => [a(f(m), c({
+				...f(_),
+				...t.$attrs
+			}, {
+				"data-glass-dock-portal": f(y)?.id ? "" : void 0,
+				"data-glass-dock-owner": f(y)?.id,
+				"data-surface": l.surface,
+				class: f(e)("popover-content z-popover w-72 glass-floating p-4 popover-animate slide-in-from-side", b.value, l.class)
+			}), {
+				default: p(() => [d(t.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"data-glass-dock-portal",
+				"data-glass-dock-owner",
+				"data-surface",
+				"class"
+			])]),
+			_: 3
+		})) : (u(), i(f(m), c({ key: 1 }, {
+			...f(_),
+			...t.$attrs
+		}, {
+			"data-glass-dock-portal": f(y)?.id ? "" : void 0,
+			"data-glass-dock-owner": f(y)?.id,
+			"data-surface": l.surface,
+			class: f(e)("popover-content z-popover w-72 glass-floating p-4 popover-animate slide-in-from-side", b.value, l.class)
+		}), {
+			default: p(() => [d(t.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"data-glass-dock-portal",
+			"data-glass-dock-owner",
+			"data-surface",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { b as n, y as r, x as t };

package/dist/{Progress-DwlUKGbr.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-DfFrwSph.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-BhgdhOIj.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({