@mkbabb/glass-ui 3.13.0 → 4.0.0

package/dist/tabs.js

@@ -1,109 +1,110 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { a as t, i as n, o as r, r as i, s as a } from "./SelectScrollDownButton-CiDUxfEj.js";
+import { a as t, i as n, o as r, r as i, s as a } from "./SelectScrollDownButton-C1jb3b3K.js";
 import { i as o, n as s, r as c, t as l } from "./TooltipProvider-B3MkB_8P.js";
-import { t as u } from "./useLiquidFlex-BL0lLLN2.js";
-import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, mergeModels as b, mergeProps as x, nextTick as S, normalizeClass as C, normalizeStyle as w, onBeforeUnmount as ee, onMounted as T, onUnmounted as E, openBlock as D, ref as O, renderList as k, renderSlot as A, toDisplayString as j, unref as M, useModel as te, watch as N, withCtx as P } from "vue";
+import { t as u } from "./useLiquidFlex-C12hXwOZ.js";
+import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, mergeModels as b, mergeProps as x, nextTick as S, normalizeClass as C, normalizeStyle as w, onBeforeUnmount as T, onMounted as E, onUnmounted as D, openBlock as O, ref as k, renderList as A, renderSlot as j, toDisplayString as M, unref as N, useModel as P, watch as F, withCtx as I } from "vue";
 //#region src/components/custom/tabs/constants.ts
-var F = 1.08;
+var L = 1.08, R = .82;
 //#endregion
 //#region src/components/custom/tabs/composables/useTabIndicator.ts
-function I(e) {
-	let { containerRef: t, indicatorRef: n, buttonRefs: r, options: i, model: a, multiSelect: o, anchorSupported: s, jsSliderActive: c, activeValues: l } = e, d = O({
+function ee(e) {
+	let { containerRef: t, indicatorRef: n, buttonRefs: r, options: i, model: a, anchorSupported: o, jsSliderActive: s, activeValues: c, vertical: l } = e, d = k({
 		width: "0px",
 		transform: "translateX(0px)",
 		opacity: "0"
 	});
 	function f() {
-		if (o.value || s) return;
+		if (o) return;
 		let e = i.value.findIndex((e) => e.value === a.value);
 		if (e < 0 || !r.value[e]) return;
 		let t = r.value[e];
-		d.value = {
-			width: `${t.offsetWidth}px`,
-			transform: `translateX(${t.offsetLeft}px)`,
-			opacity: "1"
-		};
-	}
-	let p = O({});
-	function m() {
-		if (!o.value) return;
-		let e = {};
-		for (let t of l.value) {
-			let n = i.value.findIndex((e) => e.value === t), a = r.value[n];
-			a && (e[t] = {
-				width: `${a.offsetWidth}px`,
-				transform: `translateX(${a.offsetLeft}px)`,
+		if (l.value) {
+			let e = t.offsetHeight, n = t.offsetTop + e / 2;
+			d.value = {
+				height: `${e}px`,
+				width: "",
+				transform: `translateY(${n - e / 2}px)`,
 				opacity: "1"
-			});
+			};
+		} else {
+			let e = t.offsetWidth, n = t.offsetLeft + e / 2;
+			d.value = {
+				width: `${e}px`,
+				height: "",
+				transform: `translateX(${n - e / 2}px)`,
+				opacity: "1"
+			};
 		}
-		p.value = e;
 	}
-	function h() {
-		o.value ? m() : f();
+	function p() {
+		f();
 	}
-	let g = -1, _ = null, v = F, y = u({
+	let m = -1, h = null, g = L, _ = u({
 		from: 0,
 		to: 0,
 		axis: "width",
 		squishLaw: "linear",
-		maxStretch: () => v
+		maxStretch: () => g
 	});
-	function b() {
+	function v() {
 		return typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 	}
-	function x(e) {
+	function y(e) {
+		let t = getComputedStyle(e).getPropertyValue("--tab-indicator-duration").trim();
+		return t ? t.endsWith("ms") ? Number.parseFloat(t) || 340 : t.endsWith("s") ? (Number.parseFloat(t) || .34) * 1e3 : Number.parseFloat(t) || 340 : 340;
+	}
+	function b(e) {
 		let i = n.value;
-		if (o.value || !i) {
-			g = e;
+		if (!i) {
+			m = e;
 			return;
 		}
-		if (b()) {
-			g = e;
+		if (v()) {
+			m = e;
 			return;
 		}
-		let a = r.value[g], s = r.value[e];
-		if (g = e, !a || !s) return;
-		let c = t.value?.offsetWidth || s.offsetParent?.offsetWidth || 1, l = Math.abs(s.offsetLeft - a.offsetLeft), u = c > 0 ? Math.min(l / c, 1) : 0, d = getComputedStyle(i).getPropertyValue("--tab-indicator-max-stretch").trim();
-		v = Number(d) || 1.08, y.squish(u), _ && clearTimeout(_), i.style.setProperty("--stretch", String(y.stretch.value)), _ = setTimeout(() => {
-			y.squish(0), i.style.setProperty("--stretch", String(y.stretch.value)), _ = null;
-		}, 60);
+		let a = r.value[m], o = r.value[e];
+		if (m = e, !a || !o) return;
+		let s = l.value ? t.value?.offsetHeight || o.offsetParent?.offsetHeight || 1 : t.value?.offsetWidth || o.offsetParent?.offsetWidth || 1, c = l.value ? Math.abs(o.offsetTop - a.offsetTop) : Math.abs(o.offsetLeft - a.offsetLeft), u = s > 0 ? Math.min(c / s, 1) : 0, d = getComputedStyle(i).getPropertyValue("--tab-indicator-max-stretch").trim();
+		g = Number(d) || 1.08, _.squish(u), h && clearTimeout(h), i.style.setProperty("--stretch", String(_.stretch.value));
+		let f = y(i) * R;
+		h = setTimeout(() => {
+			_.squish(0), i.style.setProperty("--stretch", String(_.stretch.value)), h = null;
+		}, f);
 	}
-	N(() => a.value, () => {
-		c.value && S(h);
-	}, { deep: !0 }), N(() => i.value, () => {
-		c.value && S(h);
-	}, { deep: !0 });
-	let C = null;
-	return T(() => {
-		g = i.value.findIndex((e) => l.value.includes(e.value)), c.value && (S(h), t.value && (C = new ResizeObserver(() => h()), C.observe(t.value)));
-	}), E(() => {
-		C?.disconnect(), _ && clearTimeout(_);
+	F(() => a.value, () => {
+		s.value && S(p);
+	}), F(() => i.value, () => {
+		s.value && S(p);
+	}, { deep: !0 }), F(() => l.value, () => {
+		s.value && S(p);
+	});
+	let x = null;
+	return E(() => {
+		m = i.value.findIndex((e) => c.value.includes(e.value)), s.value && (S(p), t.value && (x = new ResizeObserver(() => p()), x.observe(t.value)));
+	}), D(() => {
+		x?.disconnect(), h && clearTimeout(h);
 	}), {
 		singleSliderStyle: d,
-		multiSliderStyles: p,
-		squishOnTravel: x
+		squishOnTravel: b
 	};
 }
 //#endregion
 //#region src/components/custom/tabs/SegmentedTabs.vue?vue&type=script&setup=true&lang.ts
-var ne = ["role"], re = [
+var te = ["role", "aria-orientation"], z = [
 	"role",
 	"disabled",
 	"onClick"
-], ie = [
+], B = [
 	"role",
 	"disabled",
 	"onClick"
-], L = /* @__PURE__ */ y({
+], V = /* @__PURE__ */ y({
 	__name: "SegmentedTabs",
 	props: /* @__PURE__ */ b({
 		options: {},
-		variant: { default: "segmented" },
-		multiSelect: {
-			type: Boolean,
-			default: !1
-		},
-		overflow: { default: "none" },
+		variant: { default: "pill" },
+		orientation: { default: "horizontal" },
 		responsive: {
 			type: [Boolean, Object],
 			default: !1
@@ -124,31 +125,26 @@ var ne = ["role"], re = [
 		function y(e, t) {
 			return typeof document > "u" ? t : getComputedStyle(document.documentElement).getPropertyValue(e).trim() || t;
 		}
-		let b = u, E = te(u, "modelValue"), N = O(null), F = O(null), L = O([]), R = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("position-anchor", "--x"), z = f(() => b.variant === "underline");
-		f(() => b.variant === "pill"), f(() => b.variant === "segmented");
-		let B = f(() => b.overflow === "scroll"), V = f(() => b.overflow === "auto"), H = f(() => b.multiSelect && !z.value), U = f(() => {
-			let e = E.value;
-			return H.value && Array.isArray(e) ? e : e == null ? [] : [e];
-		}), W = (e) => U.value.includes(e), ae = f(() => (H.value || !R) && !z.value), G = f(() => !H.value && !R && !z.value), K = f(() => b.responsive === !1 ? null : b.responsive === !0 ? {} : b.responsive), oe = f(() => K.value?.breakpoint ?? "640px"), q = f(() => K.value?.desktopOptions ?? b.options), J = O(!0), Y = null;
-		function X(e) {
-			J.value = e.matches;
+		let b = u, S = P(u, "modelValue"), D = k(null), F = k(null), L = k([]), R = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("position-anchor", "--x"), V = f(() => b.variant === "underline"), H = f(() => b.orientation === "vertical"), U = f(() => S.value == null ? [] : [S.value]), W = (e) => U.value.includes(e), G = f(() => !R && !V.value), K = G, q = f(() => b.responsive === !1 ? null : b.responsive === !0 ? {} : b.responsive), ne = f(() => q.value?.breakpoint ?? "640px"), J = f(() => q.value?.desktopOptions ?? b.options), Y = k(!0), X = null;
+		function Z(e) {
+			Y.value = e.matches;
 		}
-		let se = f(() => {
-			if (!K.value) return E.value;
-			let e = q.value;
-			return e.some((e) => e.value === E.value) ? E.value : e[0]?.value ?? E.value;
-		}), Z = f(() => K.value ? q.value : b.options), ce = f(() => K.value?.ariaLabel ?? b.options.find((e) => e.value === E.value)?.label ?? "Select"), le = f(() => !!K.value && !J.value), { singleSliderStyle: ue, multiSliderStyles: de, squishOnTravel: fe } = I({
-			containerRef: N,
+		let re = f(() => {
+			if (!q.value) return S.value;
+			let e = J.value;
+			return e.some((e) => e.value === S.value) ? S.value : e[0]?.value ?? S.value;
+		}), Q = f(() => q.value ? J.value : b.options), ie = f(() => q.value?.ariaLabel ?? b.options.find((e) => e.value === S.value)?.label ?? "Select"), ae = f(() => !!q.value && !Y.value), { singleSliderStyle: oe, squishOnTravel: se } = ee({
+			containerRef: D,
 			indicatorRef: F,
 			buttonRefs: L,
-			options: Z,
-			model: f(() => se.value),
-			multiSelect: H,
+			options: Q,
+			model: f(() => re.value),
 			anchorSupported: R,
-			jsSliderActive: ae,
-			activeValues: U
+			jsSliderActive: G,
+			activeValues: U,
+			vertical: H
 		});
-		function pe(e) {
+		function ce(e) {
 			if (typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
 			e.getAnimations().forEach((e) => e.cancel());
 			let t = y("--spring-snappy", "ease"), n = y("--scale-press-btn", "0.97");
@@ -164,129 +160,104 @@ var ne = ["role"], re = [
 				easing: t
 			});
 		}
-		function Q(e) {
-			if (!B.value && !V.value) return;
-			let t = L.value[e];
-			if (!t) return;
-			let n = typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-			t.scrollIntoView({
-				inline: "nearest",
-				block: "nearest",
-				behavior: n ? "auto" : "smooth"
-			});
-		}
 		function $(e, t) {
-			if (Z.value[t]?.disabled) return;
+			if (Q.value[t]?.disabled) return;
 			let n = L.value[t];
-			if (n && pe(n), fe(t), H.value) {
-				let t = [...U.value], n = t.indexOf(e);
-				n > -1 ? t.length > 1 && t.splice(n, 1) : t.push(e), E.value = t;
-			} else E.value = e;
-			Q(t);
+			n && ce(n), se(t), S.value = e;
 		}
-		function me(e) {
-			typeof e == "string" && (E.value = e);
+		function le(e) {
+			typeof e == "string" && (S.value = e);
 		}
-		return T(() => {
-			K.value && typeof window < "u" && window.matchMedia && (Y = window.matchMedia(`(min-width: ${oe.value})`), J.value = Y.matches, Y.addEventListener("change", X)), S(() => {
-				let e = Z.value.findIndex((e) => W(e.value));
-				e >= 0 && Q(e);
-			});
-		}), ee(() => {
-			Y?.removeEventListener("change", X), Y = null;
-		}), (f, y) => le.value ? (D(), h("div", {
+		return E(() => {
+			q.value && typeof window < "u" && window.matchMedia && (X = window.matchMedia(`(min-width: ${ne.value})`), Y.value = X.matches, X.addEventListener("change", Z));
+		}), T(() => {
+			X?.removeEventListener("change", Z), X = null;
+		}), (f, y) => ae.value ? (O(), h("div", {
 			key: 0,
-			class: C(M(e)("segmented-tabs__mobile w-fit", b.class))
-		}, [v(M(a), {
-			"model-value": E.value,
-			"onUpdate:modelValue": me
+			class: C(N(e)("segmented-tabs__mobile w-fit", b.class))
+		}, [v(N(a), {
+			"model-value": S.value,
+			"onUpdate:modelValue": le
 		}, {
-			default: P(() => [v(M(t), {
-				"aria-label": ce.value,
-				class: C(M(e)("segmented-tabs__trigger text-small w-auto min-w-input-sm", K.value?.triggerClass))
+			default: I(() => [v(N(t), {
+				"aria-label": ie.value,
+				class: C(N(e)("segmented-tabs__trigger text-small w-auto min-w-input-sm", q.value?.triggerClass))
 			}, {
-				default: P(() => [v(M(r))]),
+				default: I(() => [v(N(r))]),
 				_: 1
-			}, 8, ["aria-label", "class"]), v(M(n), null, {
-				default: P(() => [(D(!0), h(d, null, k(u.options, (e) => (D(), p(M(i), {
+			}, 8, ["aria-label", "class"]), v(N(n), null, {
+				default: I(() => [(O(!0), h(d, null, A(u.options, (e) => (O(), p(N(i), {
 					key: e.value,
 					value: e.value
 				}, {
-					default: P(() => [_(j(e.label), 1)]),
+					default: I(() => [_(M(e.label), 1)]),
 					_: 2
 				}, 1032, ["value"]))), 128))]),
 				_: 1
 			})]),
 			_: 1
-		}, 8, ["model-value"])], 2)) : (D(), h("div", {
+		}, 8, ["model-value"])], 2)) : (O(), h("div", {
 			key: 1,
 			ref_key: "containerRef",
-			ref: N,
-			role: z.value ? "tablist" : "group",
-			class: C(M(e)("segmented-tabs", `segmented-tabs--${u.variant}`, B.value && "segmented-tabs--scroll scroll-fade-mask scrollbar-hidden", V.value && "segmented-tabs--auto scrollbar-hidden", b.class))
-		}, [
-			!z.value && !H.value ? (D(), h("div", {
-				key: 0,
-				ref_key: "indicatorRef",
-				ref: F,
-				class: C(["segmented-indicator", G.value ? "segmented-indicator--js" : "segmented-indicator--anchor"]),
-				style: w(G.value ? M(ue) : void 0)
-			}, null, 6)) : m("", !0),
-			!z.value && H.value ? (D(!0), h(d, { key: 1 }, k(U.value, (e) => (D(), h("div", {
-				key: "indicator-" + e,
-				class: "segmented-indicator segmented-indicator--js",
-				style: w(M(de)[e] ?? { opacity: "0" })
-			}, null, 4))), 128)) : m("", !0),
-			(D(!0), h(d, null, k(Z.value, (e, t) => (D(), h(d, { key: e.value }, [e.tooltip ? (D(), p(M(l), {
-				key: 0,
-				"delay-duration": 200
-			}, {
-				default: P(() => [v(M(o), null, {
-					default: P(() => [v(M(s), { "as-child": "" }, {
-						default: P(() => [g("button", x({
-							ref_for: !0,
-							ref: (e) => {
-								e && (L.value[t] = e);
-							},
-							class: "segmented-tab",
-							role: z.value ? "tab" : void 0
-						}, { ref_for: !0 }, z.value ? { "aria-selected": W(e.value) ? "true" : "false" } : { "aria-pressed": W(e.value) ? "true" : "false" }, {
-							disabled: e.disabled,
-							class: e.disabled && "is-disabled",
-							onClick: (n) => $(e.value, t)
-						}), [A(f.$slots, "option", {
-							option: e,
-							active: W(e.value)
-						}, () => [_(j(e.label), 1)])], 16, re)]),
-						_: 2
-					}, 1024), v(M(c), {
-						side: "bottom",
-						"side-offset": 8
-					}, {
-						default: P(() => [_(j(e.tooltip), 1)]),
-						_: 2
-					}, 1024)]),
+			ref: D,
+			role: V.value ? "tablist" : "group",
+			"aria-orientation": H.value ? "vertical" : "horizontal",
+			class: C(N(e)("segmented-tabs", `segmented-tabs--${u.variant}`, H.value && "segmented-tabs--vertical", b.class))
+		}, [V.value ? m("", !0) : (O(), h("div", {
+			key: 0,
+			ref_key: "indicatorRef",
+			ref: F,
+			class: C(["segmented-indicator", N(K) ? "segmented-indicator--js" : "segmented-indicator--anchor"]),
+			style: w(N(K) ? N(oe) : void 0)
+		}, null, 6)), (O(!0), h(d, null, A(Q.value, (e, t) => (O(), h(d, { key: e.value }, [e.tooltip ? (O(), p(N(l), {
+			key: 0,
+			"delay-duration": 200
+		}, {
+			default: I(() => [v(N(o), null, {
+				default: I(() => [v(N(s), { "as-child": "" }, {
+					default: I(() => [g("button", x({
+						ref_for: !0,
+						ref: (e) => {
+							e && (L.value[t] = e);
+						},
+						class: "segmented-tab",
+						role: V.value ? "tab" : void 0
+					}, { ref_for: !0 }, V.value ? { "aria-selected": W(e.value) ? "true" : "false" } : { "aria-pressed": W(e.value) ? "true" : "false" }, {
+						disabled: e.disabled,
+						class: e.disabled && "is-disabled",
+						onClick: (n) => $(e.value, t)
+					}), [j(f.$slots, "option", {
+						option: e,
+						active: W(e.value)
+					}, () => [_(M(e.label), 1)])], 16, z)]),
+					_: 2
+				}, 1024), v(N(c), {
+					side: "bottom",
+					"side-offset": 8
+				}, {
+					default: I(() => [_(M(e.tooltip), 1)]),
 					_: 2
 				}, 1024)]),
 				_: 2
-			}, 1024)) : (D(), h("button", x({
-				key: 1,
-				ref_for: !0,
-				ref: (e) => {
-					e && (L.value[t] = e);
-				},
-				class: "segmented-tab",
-				role: z.value ? "tab" : void 0
-			}, { ref_for: !0 }, z.value ? { "aria-selected": W(e.value) ? "true" : "false" } : { "aria-pressed": W(e.value) ? "true" : "false" }, {
-				disabled: e.disabled,
-				class: e.disabled && "is-disabled",
-				onClick: (n) => $(e.value, t)
-			}), [A(f.$slots, "option", {
-				option: e,
-				active: W(e.value)
-			}, () => [_(j(e.label), 1)])], 16, ie))], 64))), 128))
-		], 10, ne));
+			}, 1024)]),
+			_: 2
+		}, 1024)) : (O(), h("button", x({
+			key: 1,
+			ref_for: !0,
+			ref: (e) => {
+				e && (L.value[t] = e);
+			},
+			class: "segmented-tab",
+			role: V.value ? "tab" : void 0
+		}, { ref_for: !0 }, V.value ? { "aria-selected": W(e.value) ? "true" : "false" } : { "aria-pressed": W(e.value) ? "true" : "false" }, {
+			disabled: e.disabled,
+			class: e.disabled && "is-disabled",
+			onClick: (n) => $(e.value, t)
+		}), [j(f.$slots, "option", {
+			option: e,
+			active: W(e.value)
+		}, () => [_(M(e.label), 1)])], 16, B))], 64))), 128))], 10, te));
 	}
 });
 //#endregion
-export { L as SegmentedTabs };
+export { V as SegmentedTabs };

package/dist/timeline.js

@@ -1,5 +1,5 @@
-import { t as e } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { t } from "./HoverPopover-CISOJQuZ.js";
+import { t as e } from "./_plugin-vue_export-helper-CBt_VvXa.js";
+import { t } from "./HoverPopover-Dpzwvc4t.js";
 import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createSlots as c, createVNode as l, defineComponent as u, guardReactiveProps as d, normalizeClass as f, normalizeProps as p, normalizeStyle as m, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
 //#region src/components/custom/timeline/geometry.ts
 function S(e) {

package/dist/toast.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./Toaster-D6q4HtXu.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./Toaster-Bm_HQSpc.js";
 export { t as Toast, o as ToastAction, i as ToastClose, e as ToastDescription, n as ToastTitle, s as Toaster, r as toast, a as useToast };

package/dist/toggle-chip.js

@@ -36,7 +36,9 @@ var d = /* @__PURE__ */ n({
 	}
 }), f = u([
 	"focus-ring select-none cursor-pointer outline-none",
-	"font-sans transition-colors duration-150 ease-out",
+	"font-sans",
+	"scale-100 hover:scale-(--scale-hover-btn) active:scale-(--scale-press-btn) data-[state=on]:scale-(--scale-press-btn)",
+	"[transition:scale_var(--spring-smooth-duration)_var(--spring-smooth),background-color_var(--duration-fast)_var(--ease-standard),border-color_var(--duration-fast)_var(--ease-standard),box-shadow_var(--duration-fast)_var(--ease-standard),color_var(--duration-fast)_var(--ease-standard)]",
 	"disabled:opacity-disabled disabled:pointer-events-none disabled:cursor-not-allowed"
 ].join(" "), {
 	variants: { variant: {

package/dist/toggle-group.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./ToggleGroupItem-D_AHlRw9.js";
+import { n as e, t } from "./ToggleGroupItem-Dzk9hWsF.js";
 export { e as ToggleGroup, t as ToggleGroupItem };

package/dist/typewriter.js

@@ -1,4 +1,4 @@
-import { t as e } from "./_plugin-vue_export-helper-ok8pgSl5.js";
+import { t as e } from "./_plugin-vue_export-helper-CBt_VvXa.js";
 import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, onMounted as c, onUnmounted as l, openBlock as u, ref as d, renderList as f, toDisplayString as p, unref as m, watch as h } from "vue";
 //#region src/components/custom/typewriter/types.ts
 var g = {

package/dist/{useAnimatedNumber-C5I3wWd8.js → useAnimatedNumber-C_3wZLx4.js}

@@ -1,4 +1,4 @@
-import { n as e, t } from "./constants-CS75AWHG.js";
+import { n as e, t } from "./constants-BPOqYJAm.js";
 import { getCurrentScope as n, onScopeDispose as r, readonly as i, ref as a, shallowRef as o, toValue as s, watch as c } from "vue";
 import { SmoothProgress as l } from "@mkbabb/keyframes.js";
 //#region src/composables/motion/useAnimatedNumber.ts