@mkbabb/glass-ui 3.2.0 → 3.4.0

package/dist/labeled-field.js

@@ -1,21 +1,21 @@
 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-BvvvAbuh.js";
-import { t as o } from "./SelectGroup-DAgcsfFw.js";
-import { n as s } from "./slider-wx8ifVFB.js";
-import { t as c } from "./Switch-imA0Hdjs.js";
-import { t as l } from "./IconTooltip-DXveGjx7.js";
-import { t as u } from "./Input-IFsIzId2.js";
+import { a as t, i as n, o as r, r as i, s as a } from "./SelectScrollDownButton-BGn3rjs9.js";
+import { t as o } from "./SelectGroup-CMdoCjRE.js";
+import { n as s } from "./slider-BOh8ycfZ.js";
+import { t as c } from "./Switch-x8n6husW.js";
+import { t as l } from "./Input-CU9CNKmo.js";
+import { t as u } from "./IconTooltip-BTyYn4mr.js";
 import { Fragment as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as g, createTextVNode as _, createVNode as v, defineComponent as y, normalizeClass as b, openBlock as x, renderList as S, renderSlot as C, toDisplayString as w, unref as T, useId as E, withCtx as D } from "vue";
 //#region src/components/custom/labeled-field/LabeledField.vue?vue&type=script&setup=true&lang.ts
-var O = { class: "labeled-field" }, k = {
+var O = { class: "labeled-field" }, k = ["id", "for"], A = {
 	key: 0,
 	class: "text-destructive",
 	"aria-hidden": "true"
-}, A = {
+}, j = ["id", "for"], M = {
 	key: 0,
 	class: "text-destructive",
 	"aria-hidden": "true"
-}, j = ["id"], M = /* @__PURE__ */ y({
+}, N = ["id"], P = /* @__PURE__ */ y({
 	__name: "LabeledField",
 	props: {
 		label: {},
@@ -30,28 +30,38 @@ var O = { class: "labeled-field" }, k = {
 		required: { type: Boolean }
 	},
 	setup(t) {
-		let n = E();
-		return (r, i) => (x(), m("div", O, [
-			t.tooltip ? (x(), f(T(l), {
+		let n = E(), r = E(), i = E();
+		return (a, o) => (x(), m("div", O, [
+			t.tooltip ? (x(), f(T(u), {
 				key: 0,
 				text: t.tooltip
 			}, {
-				default: D(() => [h("label", { class: b(T(e)("labeled-field-label", t.labelClass)) }, [_(w(t.label), 1), t.required ? (x(), m("span", k, " *")) : p("", !0)], 2)]),
+				default: D(() => [h("label", {
+					id: T(i),
+					for: T(r),
+					class: b(T(e)("labeled-field-label", t.labelClass))
+				}, [_(w(t.label), 1), t.required ? (x(), m("span", A, " *")) : p("", !0)], 10, k)]),
 				_: 1
 			}, 8, ["text"])) : (x(), m("label", {
 				key: 1,
+				id: T(i),
+				for: T(r),
 				class: b(T(e)("labeled-field-label", t.labelClass))
-			}, [_(w(t.label), 1), t.required ? (x(), m("span", A, " *")) : p("", !0)], 2)),
-			C(r.$slots, "default", { errorId: T(n) }),
-			r.$slots.error ? (x(), m("div", {
+			}, [_(w(t.label), 1), t.required ? (x(), m("span", M, " *")) : p("", !0)], 10, j)),
+			C(a.$slots, "default", {
+				errorId: T(n),
+				controlId: T(r),
+				labelledBy: T(i)
+			}),
+			a.$slots.error ? (x(), m("div", {
 				key: 2,
 				id: T(n),
 				class: "labeled-field-error",
 				"aria-live": "polite"
-			}, [C(r.$slots, "error")], 8, j)) : p("", !0)
+			}, [C(a.$slots, "error")], 8, N)) : p("", !0)
 		]));
 	}
-}), N = /* @__PURE__ */ y({
+}), F = /* @__PURE__ */ y({
 	__name: "LabeledInput",
 	props: {
 		modelValue: {},
@@ -65,13 +75,14 @@ var O = { class: "labeled-field" }, k = {
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (x(), f(M, {
+		return (t, r) => (x(), f(P, {
 			label: e.label,
 			tooltip: e.tooltip,
 			"label-class": e.labelClass,
 			required: e.required
 		}, g({
-			default: D(({ errorId: i }) => [v(T(u), {
+			default: D(({ errorId: i, controlId: a }) => [v(T(l), {
+				id: a,
 				type: e.type ?? "string",
 				class: b(e.inputClass ?? "fira-code"),
 				"model-value": e.modelValue,
@@ -79,6 +90,7 @@ var O = { class: "labeled-field" }, k = {
 				"aria-errormessage": t.$slots.error ? i : void 0,
 				onChange: r[0] ||= (e) => n("update:modelValue", e.target.value)
 			}, null, 8, [
+				"id",
 				"type",
 				"class",
 				"model-value",
@@ -97,10 +109,10 @@ var O = { class: "labeled-field" }, k = {
 			"required"
 		]));
 	}
-}), P = {
+}), I = {
 	key: 0,
 	class: "ml-auto pl-2 text-micro text-muted-foreground whitespace-nowrap"
-}, F = /* @__PURE__ */ y({
+}, L = /* @__PURE__ */ y({
 	__name: "LabeledSelect",
 	props: {
 		modelValue: {},
@@ -115,28 +127,31 @@ var O = { class: "labeled-field" }, k = {
 	emits: ["update:modelValue", "update:open"],
 	setup(e, { emit: s }) {
 		let c = s;
-		return (s, l) => (x(), f(M, {
+		return (s, l) => (x(), f(P, {
 			label: e.label,
 			tooltip: e.tooltip,
 			"label-class": e.labelClass,
 			required: e.required
 		}, {
-			default: D(() => [v(T(a), {
+			default: D(({ controlId: s }) => [v(T(a), {
 				"model-value": e.modelValue,
 				open: e.isOpen,
 				"onUpdate:open": l[0] ||= (e) => c("update:open", e),
 				"onUpdate:modelValue": l[1] ||= (e) => c("update:modelValue", e)
 			}, {
-				default: D(() => [v(T(t), { class: "fira-code" }, {
+				default: D(() => [v(T(t), {
+					id: s,
+					class: "fira-code"
+				}, {
 					default: D(() => [v(T(r))]),
 					_: 1
-				}), v(T(n), null, {
+				}, 8, ["id"]), v(T(n), null, {
 					default: D(() => [v(T(o), { class: "fira-code" }, {
 						default: D(() => [(x(!0), m(d, null, S(e.items, (t) => (x(), f(T(i), {
 							key: t,
 							value: t
 						}, {
-							description: D(() => [e.descriptions?.[t] ? (x(), m("span", P, w(e.descriptions[t]), 1)) : p("", !0)]),
+							description: D(() => [e.descriptions?.[t] ? (x(), m("span", I, w(e.descriptions[t]), 1)) : p("", !0)]),
 							default: D(() => [_(w(t) + " ", 1)]),
 							_: 2
 						}, 1032, ["value"]))), 128))]),
@@ -144,8 +159,8 @@ var O = { class: "labeled-field" }, k = {
 					})]),
 					_: 1
 				})]),
-				_: 1
-			}, 8, ["model-value", "open"])]),
+				_: 2
+			}, 1032, ["model-value", "open"])]),
 			_: 1
 		}, 8, [
 			"label",
@@ -154,7 +169,7 @@ var O = { class: "labeled-field" }, k = {
 			"required"
 		]));
 	}
-}), I = /* @__PURE__ */ y({
+}), R = /* @__PURE__ */ y({
 	__name: "LabeledSlider",
 	props: {
 		modelValue: {},
@@ -169,13 +184,14 @@ var O = { class: "labeled-field" }, k = {
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (x(), f(M, {
+		return (t, r) => (x(), f(P, {
 			label: e.label,
 			tooltip: e.tooltip,
 			"label-class": e.labelClass,
 			required: e.required
 		}, {
-			default: D(() => [v(T(s), {
+			default: D(({ labelledBy: t }) => [v(T(s), {
+				"aria-labelledby": t,
 				class: "py-2",
 				min: e.min,
 				max: e.max,
@@ -185,6 +201,7 @@ var O = { class: "labeled-field" }, k = {
 					e && n("update:modelValue", e[0]);
 				}
 			}, null, 8, [
+				"aria-labelledby",
 				"min",
 				"max",
 				"step",
@@ -198,7 +215,7 @@ var O = { class: "labeled-field" }, k = {
 			"required"
 		]));
 	}
-}), L = { class: "flex items-center" }, R = /* @__PURE__ */ y({
+}), z = { class: "flex items-center" }, B = /* @__PURE__ */ y({
 	__name: "LabeledSwitch",
 	props: {
 		checked: { type: Boolean },
@@ -210,16 +227,17 @@ var O = { class: "labeled-field" }, k = {
 	emits: ["update:checked"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (x(), f(M, {
+		return (t, r) => (x(), f(P, {
 			label: e.label,
 			tooltip: e.tooltip,
 			"label-class": e.labelClass,
 			required: e.required
 		}, {
-			default: D(() => [h("div", L, [v(T(c), {
-				checked: e.checked,
-				"onUpdate:checked": r[0] ||= (e) => n("update:checked", e)
-			}, null, 8, ["checked"])])]),
+			default: D(({ controlId: t }) => [h("div", z, [v(T(c), {
+				id: t,
+				"model-value": e.checked,
+				"onUpdate:modelValue": r[0] ||= (e) => n("update:checked", e)
+			}, null, 8, ["id", "model-value"])])]),
 			_: 1
 		}, 8, [
 			"label",
@@ -230,4 +248,4 @@ var O = { class: "labeled-field" }, k = {
 	}
 });
 //#endregion
-export { M as LabeledField, N as LabeledInput, F as LabeledSelect, I as LabeledSlider, R as LabeledSwitch };
+export { P as LabeledField, F as LabeledInput, L as LabeledSelect, R as LabeledSlider, B as LabeledSwitch };

package/dist/metric-badge.js

@@ -1,2 +1,2 @@
-import { t as e } from "./MetricBadge-J_GBCb8e.js";
+import { t as e } from "./MetricBadge-BlrdbOGN.js";
 export { e as MetricBadge };

package/dist/motion-core.js

@@ -1,47 +1,47 @@
-import { n as e, t } from "./supportsCssTimeline-IQY3gfKD.js";
-import { n, t as r } from "./useViewTransition-CUJM7fXT.js";
-import { t as i } from "./useIntersectionPause-CUmANkoc.js";
-import { n as a, t as o } from "./constants-DfWPi8kh.js";
-import { computed as s, getCurrentScope as c, onBeforeUnmount as l, onMounted as u, onScopeDispose as d, reactive as f, readonly as p, ref as m, unref as h, watch as g } from "vue";
+import { i as e, n as t, r as n, t as r } from "./vReveal-u2wSG2El.js";
+import { n as i, t as a } from "./useViewTransition-D4ssvnXZ.js";
+import { n as o, t as s } from "./useIntersectionPause-DAdVPVp4.js";
+import { n as c, t as l } from "./constants-DsCdlK9I.js";
+import { computed as u, getCurrentScope as d, onBeforeUnmount as f, onMounted as p, onScopeDispose as m, reactive as h, readonly as g, ref as _, unref as v, watch as y } from "vue";
 //#region src/composables/motion/useStaggerReveal.ts
-var _ = e();
-function v(e = {}) {
-	let { staggerMs: t = 60, once: n = !0, rootMargin: r = "0px", threshold: i = .15 } = e, a = m([]), o = f({}), s = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new Set(), u = _ || typeof IntersectionObserver > "u" ? null : new IntersectionObserver((e) => {
+var b = e();
+function x(e = {}) {
+	let { staggerMs: t = 60, once: n = !0, rootMargin: r = "0px", threshold: i = .15 } = e, a = _([]), o = h({}), s = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new Set(), l = b || typeof IntersectionObserver > "u" ? null : new IntersectionObserver((e) => {
 		for (let r of e) {
 			let e = r.target, i = s.get(e);
 			if (i !== void 0) if (r.isIntersecting) {
 				let r = setTimeout(() => {
 					o[i] = !0, c.delete(r);
 				}, t * i);
-				c.add(r), n && u?.unobserve(e);
+				c.add(r), n && l?.unobserve(e);
 			} else n || (o[i] = !1);
 		}
 	}, {
 		rootMargin: r,
 		threshold: i
 	});
-	function d(e, t) {
+	function u(e, t) {
 		if (!e) return;
 		let n = t ?? a.value.length;
-		s.has(e) || (s.set(e, n), a.value.push(e), o[n] = _, u?.observe(e));
+		s.has(e) || (s.set(e, n), a.value.push(e), o[n] = b, l?.observe(e));
 	}
-	return l(() => {
-		u?.disconnect();
+	return f(() => {
+		l?.disconnect();
 		for (let e of c) clearTimeout(e);
 		c.clear();
 	}), {
 		targets: a,
-		register: d,
+		register: u,
 		revealed: o
 	};
 }
 //#endregion
 //#region src/composables/motion/useScrollProgress.ts
-var y = t();
-function b(e) {
-	let { offset: t = 0, trackExit: n = !1 } = e, r = m(0), i = 0, a = null;
+var S = n();
+function C(e) {
+	let { offset: t = 0, trackExit: n = !1 } = e, r = _(0), i = 0, a = null;
 	function o() {
-		let i = h(e.target);
+		let i = v(e.target);
 		if (!i) return;
 		let a = i.getBoundingClientRect(), o = window.innerHeight + t, s = o - (n ? -a.height : 0);
 		if (s === 0) {
@@ -56,25 +56,25 @@ function b(e) {
 			i = 0, o();
 		});
 	}
-	return u(() => {
-		if (o(), y) return;
+	return p(() => {
+		if (o(), S) return;
 		window.addEventListener("scroll", s, { passive: !0 }), window.addEventListener("resize", s, { passive: !0 });
-		let t = h(e.target);
+		let t = v(e.target);
 		t && typeof ResizeObserver < "u" && (a = new ResizeObserver(s), a.observe(t));
-	}), y || g(() => h(e.target), (e, t) => {
+	}), S || y(() => v(e.target), (e, t) => {
 		t && a && a.unobserve(t), e && a && a.observe(e), s();
-	}), l(() => {
+	}), f(() => {
 		window.removeEventListener("scroll", s), window.removeEventListener("resize", s), i && cancelAnimationFrame(i), a?.disconnect(), a = null;
 	}), r;
 }
 //#endregion
 //#region src/composables/motion/useYieldToMain.ts
-function x() {
+function w() {
 	let e = globalThis.scheduler;
 	return typeof e?.yield == "function" ? e.yield.bind(e) : null;
 }
-function S() {
-	let e = x();
+function T() {
+	let e = w();
 	return e ? e() : typeof MessageChannel == "function" ? new Promise((e) => {
 		let t = new MessageChannel();
 		t.port1.onmessage = () => {
@@ -82,144 +82,103 @@ function S() {
 		}, t.port2.postMessage(void 0);
 	}) : new Promise((e) => setTimeout(e, 0));
 }
-function C() {
+function E() {
 	return {
-		hasNativeYield: x() !== null,
-		yield: S
+		hasNativeYield: w() !== null,
+		yield: T
 	};
 }
 //#endregion
 //#region src/composables/motion/useRAFLoop.ts
-var w = "(prefers-reduced-motion: reduce)";
-function T() {
+var D = "(prefers-reduced-motion: reduce)";
+function O() {
 	return typeof globalThis.requestAnimationFrame == "function" ? globalThis.requestAnimationFrame.bind(globalThis) : null;
 }
-function E() {
+function k() {
 	return typeof globalThis.cancelAnimationFrame == "function" ? globalThis.cancelAnimationFrame.bind(globalThis) : null;
 }
-function D() {
-	return typeof document > "u" ? null : document;
-}
-function O() {
+function A() {
 	return typeof window > "u" ? null : window;
 }
-function k(e, t = {}) {
-	let { immediate: n = !0, pauseWhenHidden: r = !0, respectReducedMotion: i = !0 } = t, a = m(!1), o = m(!1), l = m(r ? !!D()?.hidden : !1), u = m(!1), f = m(!1), h = s(() => u.value && !a.value && (f.value || l.value || i && o.value || !T())), g = null, _ = null, v = 0, y = 0, b = !1, x = null;
-	function C() {
-		return !b && u.value && !f.value && !l.value && !(i && o.value) && !!T();
+function j(e, t = {}) {
+	let { immediate: n = !0, pauseWhenHidden: r = !0, respectReducedMotion: i = !0 } = t, a = _(!1), s = _(!1), c = _(!1), l = _(!1), f = _(!1), p = u(() => l.value && !a.value && (f.value || c.value || i && s.value || !O())), h = null, v = null, b = 0, x = 0, S = !1, C = null;
+	function w() {
+		return !S && l.value && !f.value && !c.value && !(i && s.value) && !!O();
 	}
-	function k() {
-		g !== null && (E()?.(g), g = null), a.value = !1, _ = null;
+	function E() {
+		h !== null && (k()?.(h), h = null), a.value = !1, v = null;
 	}
-	function A() {
-		if (g !== null || !C()) return;
-		let t = T();
-		t && (a.value = !0, g = t((t) => {
-			if (g = null, !C()) {
-				k();
+	function j() {
+		if (h !== null || !w()) return;
+		let t = O();
+		t && (a.value = !0, h = t((t) => {
+			if (h = null, !w()) {
+				E();
 				return;
 			}
-			let n = _ === null ? 0 : Math.max(0, t - _);
-			_ = t, v += n, e({
+			let n = v === null ? 0 : Math.max(0, t - v);
+			v = t, b += n, e({
 				now: t,
 				delta: n,
-				elapsed: v,
-				frame: y++
-			}), C() ? A() : k();
+				elapsed: b,
+				frame: x++
+			}), w() ? j() : E();
 		}));
 	}
-	function j() {
-		C() ? A() : k();
-	}
 	function M() {
-		_ = null, v = 0, y = 0;
+		w() ? j() : E();
 	}
 	function N() {
-		b || (M(), u.value = !0, f.value = !1, j());
+		v = null, b = 0, x = 0;
 	}
 	function P() {
-		u.value = !1, f.value = !1, M(), k();
+		S || (N(), l.value = !0, f.value = !1, M());
 	}
 	function F() {
-		u.value && (f.value = !0, j());
+		l.value = !1, f.value = !1, N(), E();
 	}
 	function I() {
-		b || (f.value = !1, j());
+		l.value && (f.value = !0, M());
 	}
 	function L() {
-		l.value = r ? !!D()?.hidden : !1, j();
+		S || (f.value = !1, M());
+	}
+	if (r) {
+		let { hidden: e } = o();
+		c.value = e.value, y(e, (e) => {
+			c.value = e, M();
+		}, { flush: "sync" });
 	}
-	let R = D();
-	if (R && r && R.addEventListener("visibilitychange", L), i) {
-		let e = O(), t = typeof e?.matchMedia == "function" ? e.matchMedia(w) : null;
+	if (i) {
+		let e = A(), t = typeof e?.matchMedia == "function" ? e.matchMedia(D) : null;
 		if (t) {
 			let e = (e) => {
-				o.value = e.matches, j();
+				s.value = e.matches, M();
 			};
-			o.value = t.matches, typeof t.addEventListener == "function" ? (t.addEventListener("change", e), x = () => t.removeEventListener("change", e)) : typeof t.addListener == "function" && (t.addListener(e), x = () => t.removeListener?.(e));
-		}
-	}
-	function z() {
-		b || (b = !0, P(), R?.removeEventListener("visibilitychange", L), x?.(), x = null);
-	}
-	return c() && d(z), n && N(), {
-		isActive: p(a),
-		isPaused: p(h),
-		isReducedMotion: p(o),
-		start: N,
-		stop: P,
-		pause: F,
-		resume: I,
-		dispose: z,
-		yieldToMain: S
-	};
-}
-//#endregion
-//#region src/composables/motion/useStagger.ts
-function A() {
-	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-}
-function j(e) {
-	let t = Math.max(0, Math.floor(e.items)), n = e.delayMs ?? 80, r = e.initialDelayMs ?? 0, i = e.immediate !== !1, a = e.respectReducedMotion !== !1, o = m(Array(t).fill(!1)), s = m(t === 0), c = /* @__PURE__ */ new Set();
-	function l() {
-		for (let e of c) clearTimeout(e);
-		c.clear();
-	}
-	function u() {
-		l(), o.value = Array(t).fill(!1), s.value = t === 0;
-	}
-	function f() {
-		o.value = Array(t).fill(!0), s.value = !0;
-	}
-	function p() {
-		if (u(), t === 0) {
-			s.value = !0;
-			return;
-		}
-		if (a && A()) {
-			f();
-			return;
-		}
-		for (let e = 0; e < t; e++) {
-			let i = e, a = setTimeout(() => {
-				let e = o.value.slice();
-				e[i] = !0, o.value = e, c.delete(a), i === t - 1 && (s.value = !0);
-			}, r + i * n);
-			c.add(a);
+			s.value = t.matches, typeof t.addEventListener == "function" ? (t.addEventListener("change", e), C = () => t.removeEventListener("change", e)) : typeof t.addListener == "function" && (t.addListener(e), C = () => t.removeListener?.(e));
 		}
 	}
-	return i && p(), d(l), {
-		revealed: o,
-		start: p,
-		reset: u,
-		isComplete: s
+	function R() {
+		S || (S = !0, F(), C?.(), C = null);
+	}
+	return d() && m(R), n && P(), {
+		isActive: g(a),
+		isPaused: g(p),
+		isReducedMotion: g(s),
+		start: P,
+		stop: F,
+		pause: I,
+		resume: L,
+		dispose: R,
+		yieldToMain: T
 	};
 }
 //#endregion
 //#region src/composables/motion/usePrioritizedTask.ts
 function M() {
+	if (!t()) return null;
 	let e = globalThis.scheduler;
-	return typeof e?.postTask == "function" ? e.postTask.bind(e) : null;
+	return e?.postTask?.bind(e) ?? null;
 }
 function N() {
 	let e = /* @__PURE__ */ Error("The task was aborted.");
@@ -286,4 +245,4 @@ function L(e) {
 	};
 }
 //#endregion
-export { o as DAMPING, a as SNAP_THRESHOLD, F as postTaskSafe, r as startViewTransition, n as supportsViewTransitions, i as useIntersectionPause, L as usePrioritizedTask, k as useRAFLoop, b as useScrollProgress, j as useStagger, v as useStaggerReveal, C as useYieldToMain, S as yieldToMain };
+export { l as DAMPING, c as SNAP_THRESHOLD, F as postTaskSafe, a as startViewTransition, i as supportsViewTransitions, s as useIntersectionPause, L as usePrioritizedTask, j as useRAFLoop, C as useScrollProgress, x as useStaggerReveal, E as useYieldToMain, r as vReveal, T as yieldToMain };

package/dist/motion.js

@@ -1,7 +1,7 @@
 import { n as e, t } from "./useSpringMount-CnizvZGm.js";
-import { n, t as r } from "./constants-DfWPi8kh.js";
-import { t as i } from "./useAnimatedNumber-BOxrS3a6.js";
-import { computed as a, onBeforeUnmount as o, ref as s, shallowRef as c } from "vue";
+import { n, t as r } from "./constants-DsCdlK9I.js";
+import { t as i } from "./useAnimatedNumber-BF6r64lA.js";
+import { onBeforeUnmount as a, onScopeDispose as o, ref as s, shallowRef as c } from "vue";
 import { NumericAnimation as l } from "@mkbabb/keyframes.js";
 //#region src/composables/motion/useSpringPress.ts
 function u(t = {}) {
@@ -36,8 +36,8 @@ function u(t = {}) {
 //#endregion
 //#region src/composables/motion/useNumericTransition.ts
 function d(e) {
-	let t = s(0), n = s(!1), { from: r, to: i, duration: a, timingFunction: u, onFrame: d } = e, f = c(new l([r, i], {
-		duration: a,
+	let t = s(0), n = s(!1), { from: r, to: i, duration: o, timingFunction: u, onFrame: d } = e, f = c(new l([r, i], {
+		duration: o,
 		timingFunction: u
 	}));
 	async function p() {
@@ -61,7 +61,7 @@ function d(e) {
 	function m() {
 		f.value.stop(), n.value = !1;
 	}
-	return o(() => {
+	return a(() => {
 		m();
 	}), {
 		start: p,
@@ -71,14 +71,62 @@ function d(e) {
 	};
 }
 //#endregion
-//#region src/composables/motion/useAnimatedNumberMap.ts
-function f(e) {
-	let { keys: t, source: n, ...r } = e, o = {};
-	for (let e of t) {
-		let t = n(e), { current: s } = i(() => t.value, r);
-		o[e] = a(() => t.value === null ? null : s.value);
+//#region src/composables/motion/useCountup.ts
+function f() {
+	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function p(e, t) {
+	let { easeFn: n, skip: r } = t, i = /* @__PURE__ */ new Map();
+	function a(e) {
+		let t = i.get(e);
+		t && (t.stop(), i.delete(e));
+	}
+	function s(e) {
+		e.querySelectorAll("[data-countup]").forEach((e) => {
+			let t = parseFloat(e.getAttribute("data-countup") ?? "0") || 0, r = parseFloat(e.getAttribute("data-countup-dur") ?? "1200"), o = parseFloat(e.getAttribute("data-countup-delay") ?? "0");
+			if (a(e), f()) {
+				e.textContent = String(t);
+				return;
+			}
+			e.textContent = "0";
+			let s = new l([{ v: 0 }, { v: t }], {
+				duration: r,
+				timingFunction: n
+			});
+			i.set(e, s);
+			let c = () => {
+				i.get(e) === s && s.play((t) => {
+					e.textContent = String(Math.round(t.v));
+				}).then(() => {
+					i.get(e) === s && (e.textContent = String(t), i.delete(e));
+				});
+			};
+			if (o > 0) {
+				let e = setTimeout(c, o), t = s.stop.bind(s);
+				s.stop = () => {
+					clearTimeout(e), t();
+				};
+			} else c();
+		});
+	}
+	function c() {
+		if (r?.()) return;
+		let t = e.value?.querySelector("[data-state=\"active\"]");
+		t && s(t);
 	}
-	return o;
+	function u() {
+		document.querySelectorAll("[data-countup]").forEach((e) => {
+			a(e), e.textContent = e.getAttribute("data-countup") ?? e.textContent;
+		});
+	}
+	function d() {
+		for (let e of [...i.keys()]) a(e);
+	}
+	return o(d), {
+		runActive: c,
+		settle: u,
+		cancel: d
+	};
 }
 //#endregion
-export { r as DAMPING, n as SNAP_THRESHOLD, i as useAnimatedNumber, f as useAnimatedNumberMap, d as useNumericTransition, e as useSpring, t as useSpringMount, u as useSpringPress };
+export { r as DAMPING, n as SNAP_THRESHOLD, i as useAnimatedNumber, p as useCountup, d as useNumericTransition, e as useSpring, t as useSpringMount, u as useSpringPress };

package/dist/number-field.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./NumberFieldContent-B6L6YrQz.js";
+import { a as e, i as t, n, r, t as i } from "./NumberFieldContent-iOTQ5rGO.js";
 export { e as NumberField, i as NumberFieldContent, n as NumberFieldDecrement, r as NumberFieldIncrement, t as NumberFieldInput };

package/dist/paper-backdrop.js

@@ -1,2 +1,2 @@
-import { t as e } from "./PaperBackdrop-Ds-wDsKf.js";
+import { t as e } from "./PaperBackdrop-D_YZW47j.js";
 export { e as PaperBackdrop };

package/dist/popover.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./PopoverContent-CxEEUL7Y.js";
+import { n as e, r as t, t as n } from "./PopoverContent-B8WtJECb.js";
 export { t as Popover, n as PopoverContent, e as PopoverTrigger };

package/dist/{presets-BpTf63Hp.js → presets-1OhFpaIC.js}

@@ -1,4 +1,4 @@
-//#region src/components/custom/aurora/presets.ts
+//#region src/components/custom/aurora/constants/presets.ts
 var e = 6, t = 8, n = {
 	palette: [
 		{