@mkbabb/glass-ui 4.0.1 → 4.1.0

package/dist/labeled-field.js

@@ -1,13 +1,14 @@
 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-CrA8F0iV.js";
-import { t as o } from "./SelectGroup-DwwjicPY.js";
-import { n as s } from "./slider-DVb4HXU-.js";
-import { t as c } from "./Switch-CwYNf8bo.js";
-import { t as l } from "./Input-h9v5LeXf.js";
-import { t as u } from "./IconTooltip-Bl8gFZ8d.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";
+import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { a as n, i as r, o as i, r as a, s as o } from "./SelectScrollDownButton-DAKCBEdW.js";
+import { t as s } from "./SelectGroup-BFiod7X2.js";
+import { n as c } from "./slider-2A0rPn79.js";
+import { t as l } from "./Switch-B8RscmRu.js";
+import { t as u } from "./Input-Cg9DF62r.js";
+import { t as d } from "./IconTooltip-B0zimd2H.js";
+import { Fragment as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as _, createTextVNode as v, createVNode as y, defineComponent as b, normalizeClass as x, openBlock as S, renderList as C, renderSlot as w, toDisplayString as T, unref as E, useId as D, withCtx as O } from "vue";
 //#region src/components/custom/labeled-field/LabeledField.vue?vue&type=script&setup=true&lang.ts
-var O = { class: "labeled-field" }, k = ["id", "for"], A = {
+var k = ["id", "for"], A = {
 	key: 0,
 	class: "text-destructive",
 	"aria-hidden": "true"
@@ -15,7 +16,10 @@ var O = { class: "labeled-field" }, k = ["id", "for"], A = {
 	key: 0,
 	class: "text-destructive",
 	"aria-hidden": "true"
-}, N = ["id"], P = /* @__PURE__ */ y({
+}, N = {
+	key: 2,
+	class: "labeled-field-row"
+}, P = { class: "labeled-field-action" }, F = ["id"], I = /* @__PURE__ */ t(/* @__PURE__ */ b({
 	__name: "LabeledField",
 	props: {
 		label: {},
@@ -28,41 +32,47 @@ var O = { class: "labeled-field" }, k = ["id", "for"], A = {
 			Array
 		] },
 		required: { type: Boolean },
-		hideLabel: { type: Boolean }
+		hideLabel: { type: Boolean },
+		horizontal: { type: Boolean }
 	},
 	setup(t) {
-		let n = E(), r = E(), i = E();
-		return (a, o) => (x(), m("div", O, [
-			t.tooltip && !t.hideLabel ? (x(), f(T(u), {
+		let n = D(), r = D(), i = D();
+		return (a, o) => (S(), h("div", { class: x(E(e)("labeled-field", t.horizontal && "labeled-field--horizontal")) }, [
+			t.tooltip && !t.hideLabel ? (S(), p(E(d), {
 				key: 0,
 				text: t.tooltip
 			}, {
-				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)]),
+				default: O(() => [g("label", {
+					id: E(i),
+					for: E(r),
+					class: x(E(e)("labeled-field-label", t.labelClass))
+				}, [v(T(t.label), 1), t.required ? (S(), h("span", A, " *")) : m("", !0)], 10, k)]),
 				_: 1
-			}, 8, ["text"])) : (x(), m("label", {
+			}, 8, ["text"])) : (S(), h("label", {
 				key: 1,
-				id: T(i),
-				for: T(r),
-				class: b(T(e)(t.hideLabel ? "sr-only" : "labeled-field-label", t.labelClass))
-			}, [_(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),
+				id: E(i),
+				for: E(r),
+				class: x(E(e)(t.hideLabel ? "sr-only" : "labeled-field-label", t.labelClass))
+			}, [v(T(t.label), 1), t.required ? (S(), h("span", M, " *")) : m("", !0)], 10, j)),
+			a.$slots.action ? (S(), h("div", N, [w(a.$slots, "default", {
+				errorId: E(n),
+				controlId: E(r),
+				labelledBy: E(i)
+			}, void 0, !0), g("div", P, [w(a.$slots, "action", { controlId: E(r) }, void 0, !0)])])) : w(a.$slots, "default", {
+				key: 3,
+				errorId: E(n),
+				controlId: E(r),
+				labelledBy: E(i)
+			}, void 0, !0),
+			a.$slots.error ? (S(), h("div", {
+				key: 4,
+				id: E(n),
 				class: "labeled-field-error",
 				"aria-live": "polite"
-			}, [C(a.$slots, "error")], 8, N)) : p("", !0)
-		]));
+			}, [w(a.$slots, "error", {}, void 0, !0)], 8, F)) : m("", !0)
+		], 2));
 	}
-}), F = /* @__PURE__ */ y({
+}), [["__scopeId", "data-v-baa08b0d"]]), L = /* @__PURE__ */ b({
 	__name: "LabeledInput",
 	props: {
 		modelValue: {},
@@ -76,16 +86,16 @@ var O = { class: "labeled-field" }, k = ["id", "for"], A = {
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (x(), f(P, {
+		return (t, r) => (S(), p(I, {
 			label: e.label,
 			tooltip: e.tooltip,
 			"label-class": e.labelClass,
 			required: e.required
-		}, g({
-			default: D(({ errorId: i, controlId: a }) => [v(T(l), {
+		}, _({
+			default: O(({ errorId: i, controlId: a }) => [y(E(u), {
 				id: a,
 				type: e.type ?? "string",
-				class: b(e.inputClass ?? "fira-code"),
+				class: x(e.inputClass ?? "fira-code"),
 				"model-value": e.modelValue,
 				required: e.required,
 				"aria-errormessage": t.$slots.error ? i : void 0,
@@ -101,7 +111,7 @@ var O = { class: "labeled-field" }, k = ["id", "for"], A = {
 			_: 2
 		}, [t.$slots.error ? {
 			name: "error",
-			fn: D(() => [C(t.$slots, "error")]),
+			fn: O(() => [w(t.$slots, "error")]),
 			key: "0"
 		} : void 0]), 1032, [
 			"label",
@@ -110,10 +120,10 @@ var O = { class: "labeled-field" }, k = ["id", "for"], A = {
 			"required"
 		]));
 	}
-}), I = {
+}), R = {
 	key: 0,
 	class: "ml-auto pl-2 text-micro text-muted-foreground whitespace-nowrap"
-}, L = /* @__PURE__ */ y({
+}, z = /* @__PURE__ */ b({
 	__name: "LabeledSelect",
 	props: {
 		modelValue: {},
@@ -127,35 +137,35 @@ var O = { class: "labeled-field" }, k = ["id", "for"], A = {
 		hideLabel: { type: Boolean }
 	},
 	emits: ["update:modelValue", "update:open"],
-	setup(e, { emit: s }) {
-		let c = s;
-		return (s, l) => (x(), f(P, {
+	setup(e, { emit: t }) {
+		let c = t;
+		return (t, l) => (S(), p(I, {
 			label: e.label,
 			tooltip: e.tooltip,
 			"label-class": e.labelClass,
 			required: e.required,
 			"hide-label": e.hideLabel
 		}, {
-			default: D(({ controlId: s }) => [v(T(a), {
+			default: O(({ controlId: t }) => [y(E(o), {
 				"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), {
-					id: s,
+				default: O(() => [y(E(n), {
+					id: t,
 					class: "fira-code"
 				}, {
-					default: D(() => [v(T(r))]),
+					default: O(() => [y(E(i))]),
 					_: 1
-				}, 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), {
+				}, 8, ["id"]), y(E(r), null, {
+					default: O(() => [y(E(s), { class: "fira-code" }, {
+						default: O(() => [(S(!0), h(f, null, C(e.items, (t) => (S(), p(E(a), {
 							key: t,
 							value: t
 						}, {
-							description: D(() => [e.descriptions?.[t] ? (x(), m("span", I, w(e.descriptions[t]), 1)) : p("", !0)]),
-							default: D(() => [_(w(t) + " ", 1)]),
+							description: O(() => [e.descriptions?.[t] ? (S(), h("span", R, T(e.descriptions[t]), 1)) : m("", !0)]),
+							default: O(() => [v(T(t) + " ", 1)]),
 							_: 2
 						}, 1032, ["value"]))), 128))]),
 						_: 1
@@ -173,7 +183,7 @@ var O = { class: "labeled-field" }, k = ["id", "for"], A = {
 			"hide-label"
 		]));
 	}
-}), R = /* @__PURE__ */ y({
+}), B = /* @__PURE__ */ b({
 	__name: "LabeledSlider",
 	props: {
 		modelValue: {},
@@ -189,14 +199,14 @@ var O = { class: "labeled-field" }, k = ["id", "for"], A = {
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (x(), f(P, {
+		return (t, r) => (S(), p(I, {
 			label: e.label,
 			tooltip: e.tooltip,
 			"label-class": e.labelClass,
 			required: e.required,
 			"hide-label": e.hideLabel
 		}, {
-			default: D(({ labelledBy: t }) => [v(T(s), {
+			default: O(({ labelledBy: t }) => [y(E(c), {
 				"aria-labelledby": t,
 				class: "py-2",
 				min: e.min,
@@ -222,7 +232,7 @@ var O = { class: "labeled-field" }, k = ["id", "for"], A = {
 			"hide-label"
 		]));
 	}
-}), z = { class: "flex items-center" }, B = /* @__PURE__ */ y({
+}), V = { class: "flex items-center" }, H = /* @__PURE__ */ b({
 	__name: "LabeledSwitch",
 	props: {
 		checked: { type: Boolean },
@@ -235,14 +245,14 @@ var O = { class: "labeled-field" }, k = ["id", "for"], A = {
 	emits: ["update:checked"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (x(), f(P, {
+		return (t, r) => (S(), p(I, {
 			label: e.label,
 			tooltip: e.tooltip,
 			"label-class": e.labelClass,
 			required: e.required,
 			"hide-label": e.hideLabel
 		}, {
-			default: D(({ controlId: t }) => [h("div", z, [v(T(c), {
+			default: O(({ controlId: t }) => [g("div", V, [y(E(l), {
 				id: t,
 				"model-value": e.checked,
 				"onUpdate:modelValue": r[0] ||= (e) => n("update:checked", e)
@@ -258,4 +268,4 @@ var O = { class: "labeled-field" }, k = ["id", "for"], A = {
 	}
 });
 //#endregion
-export { P as LabeledField, F as LabeledInput, L as LabeledSelect, R as LabeledSlider, B as LabeledSwitch };
+export { I as LabeledField, L as LabeledInput, z as LabeledSelect, B as LabeledSlider, H as LabeledSwitch };

package/dist/metric-cell.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 "./IconChip-BTD-nay5.js";
+import { t as n } from "./IconChip-DhbdGdFQ.js";
 import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m } from "vue";
 //#region src/components/custom/metric-cell/MetricCell.vue?vue&type=script&setup=true&lang.ts
 var h = ["data-appearance"], g = { class: "metric-cell__label text-micro text-muted-foreground flex items-center gap-1.5" }, _ = {

package/dist/metric-stack.js

@@ -40,7 +40,11 @@ var v = /* @__PURE__ */ n(/* @__PURE__ */ l({
 			"style"
 		]));
 	}
-}), [["__scopeId", "data-v-ab48e590"]]), y = ["data-color-tinted", "data-row-active"], b = { class: "metric-row__label result-label" }, x = { class: "metric-row__value result-value tabular-nums" }, S = { class: "metric-row__value-text relative" }, C = {
+}), [["__scopeId", "data-v-ab48e590"]]), y = [
+	"data-color-tinted",
+	"data-row-active",
+	"data-protagonist"
+], b = { class: "metric-row__label result-label" }, x = { class: "metric-row__value result-value tabular-nums" }, S = { class: "metric-row__value-text relative" }, C = {
 	key: 0,
 	class: "metric-row__unit result-unit font-mono italic text-muted-foreground"
 }, w = /* @__PURE__ */ n(/* @__PURE__ */ l({
@@ -63,6 +67,10 @@ var v = /* @__PURE__ */ n(/* @__PURE__ */ l({
 			type: Boolean,
 			default: !1
 		},
+		protagonist: {
+			type: Boolean,
+			default: !1
+		},
 		class: { type: [
 			Boolean,
 			null,
@@ -81,6 +89,7 @@ var v = /* @__PURE__ */ n(/* @__PURE__ */ l({
 			class: u(g(e)("metric-row", "result-row", t.$props.class)),
 			"data-color-tinted": n.colorTinted ? "true" : "false",
 			"data-row-active": n.active ? "true" : "false",
+			"data-protagonist": n.protagonist ? "true" : void 0,
 			style: d(v.value)
 		}, [
 			p(t.$slots, "icon", {}, () => [n.icon ? (f(), i(m(n.icon), {
@@ -99,6 +108,6 @@ var v = /* @__PURE__ */ n(/* @__PURE__ */ l({
 			p(t.$slots, "description")
 		], 14, y));
 	}
-}), [["__scopeId", "data-v-e1e103d2"]]);
+}), [["__scopeId", "data-v-0701b46a"]]);
 //#endregion
 export { w as MetricRow, v as MetricStack };

package/dist/motion-core.js

@@ -1,17 +1,18 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "./usePointerVelocityField-JbRd5CrM.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "./useViewTransition-CUI1nAgn.js";
 import { n as o } from "./supportsCssTimeline-BWenxvHU.js";
-import { t as s } from "./useLiquidFlex-mZPMiNXh.js";
-import { t as c } from "./vReveal-Czsb7zQC.js";
-import { t as l } from "./useTextHighlight-CWEi25hf.js";
-import { t as u } from "./useIntersectionPause-Bj4sPkMh.js";
-import { t as d } from "./useScrollProgress-D7bYU2RK.js";
-import { n as f, t as p } from "./constants-BPOqYJAm.js";
-import { n as m, r as h, t as g } from "./useRAFLoop-UYa4zoiN.js";
-import { onBeforeUnmount as _, onScopeDispose as v, reactive as y, ref as b } from "vue";
+import { t as s } from "./useLiquidFlex-UmA6LMZu.js";
+import { t as c } from "./vReveal-D9k0jADx.js";
+import { t as l } from "./useTextHighlight-NmBM5V_4.js";
+import { t as u } from "./usePointerVelocityField-QLsy3_kv.js";
+import { t as d } from "./useIntersectionPause-Dbozzjgm.js";
+import { t as f } from "./useScrollProgress-c3yxmH6a.js";
+import { n as p, t as m } from "./constants--C2DkLW8.js";
+import { a as h, i as g, n as _, r as v, t as y } from "./useScrollChrome-D66AVP7C.js";
+import { onBeforeUnmount as b, onScopeDispose as x, reactive as S, ref as C } from "vue";
 //#region src/composables/motion/useStaggerReveal.ts
-var x = o();
-function S(e = {}) {
-	let { staggerMs: t = 60, once: n = !0, rootMargin: r = "0px", threshold: i = .15 } = e, a = b([]), o = y({}), s = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new Set(), l = x || typeof IntersectionObserver > "u" ? null : new IntersectionObserver((e) => {
+var w = o();
+function T(e = {}) {
+	let { staggerMs: t = 60, once: n = !0, rootMargin: r = "0px", threshold: i = .15 } = e, a = C([]), o = S({}), s = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new Set(), l = w || 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) {
@@ -28,9 +29,9 @@ function S(e = {}) {
 	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] = x, l?.observe(e));
+		s.has(e) || (s.set(e, n), a.value.push(e), o[n] = w, l?.observe(e));
 	}
-	return _(() => {
+	return b(() => {
 		l?.disconnect();
 		for (let e of c) clearTimeout(e);
 		c.clear();
@@ -40,13 +41,34 @@ function S(e = {}) {
 		revealed: o
 	};
 }
+var E = {
+	mounted(e) {
+		let t = Array.from(e.children);
+		if (typeof IntersectionObserver > "u") {
+			for (let e of t) e.setAttribute("data-revealed", "");
+			return;
+		}
+		let n = new IntersectionObserver((e) => {
+			for (let t of e) {
+				if (!t.isIntersecting) continue;
+				let e = t.target;
+				e.hasAttribute("data-revealed") || (e.setAttribute("data-revealed", ""), n.unobserve(e));
+			}
+		}, { threshold: .15 });
+		for (let e of t) n.observe(e);
+		D.set(e, n);
+	},
+	unmounted(e) {
+		D.get(e)?.disconnect(), D.delete(e);
+	}
+}, D = /* @__PURE__ */ new WeakMap();
 //#endregion
 //#region src/composables/motion/useStagger.ts
-function C() {
+function O() {
 	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function w(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 = b(Array(t).fill(!1)), s = b(t === 0), c = /* @__PURE__ */ new Set();
+function k(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 = C(Array(t).fill(!1)), s = C(t === 0), c = /* @__PURE__ */ new Set();
 	function l() {
 		for (let e of c) clearTimeout(e);
 		c.clear();
@@ -62,7 +84,7 @@ function w(e) {
 			s.value = !0;
 			return;
 		}
-		if (a && C()) {
+		if (a && O()) {
 			d();
 			return;
 		}
@@ -74,7 +96,7 @@ function w(e) {
 			c.add(a);
 		}
 	}
-	return i && f(), v(l), {
+	return i && f(), x(l), {
 		revealed: o,
 		start: f,
 		reset: u,
@@ -83,16 +105,16 @@ function w(e) {
 }
 //#endregion
 //#region src/composables/motion/usePrioritizedTask.ts
-function T() {
+function A() {
 	if (!r()) return null;
 	let e = globalThis.scheduler;
 	return e?.postTask?.bind(e) ?? null;
 }
-function E() {
+function j() {
 	let e = /* @__PURE__ */ Error("The task was aborted.");
 	return e.name = "AbortError", e;
 }
-function D(e) {
+function M(e) {
 	let t = e.filter((e) => e != null);
 	if (t.length === 0) return;
 	if (t.length === 1) return t[0];
@@ -107,20 +129,20 @@ function D(e) {
 	}
 	return n.signal;
 }
-function O(e, t = {}) {
-	let { priority: n, signal: r, delay: i } = t, a = T();
+function N(e, t = {}) {
+	let { priority: n, signal: r, delay: i } = t, a = A();
 	return a ? a(e, {
 		priority: n,
 		signal: r,
 		delay: i
 	}) : new Promise((t, n) => {
 		if (r?.aborted) {
-			n(E());
+			n(j());
 			return;
 		}
 		let a = () => {
 			if (r?.aborted) {
-				n(E());
+				n(j());
 				return;
 			}
 			try {
@@ -137,20 +159,20 @@ function O(e, t = {}) {
 		i && i > 0 ? setTimeout(o, i) : o();
 	});
 }
-function k(e) {
+function P(e) {
 	let t = globalThis.TaskController;
 	return typeof t == "function" ? new t(e ? { priority: e } : void 0) : null;
 }
-function A(e) {
-	let t = k(e);
+function F(e) {
+	let t = P(e);
 	return {
-		postTask: (n, r = {}) => O(n, {
+		postTask: (n, r = {}) => N(n, {
 			priority: e,
 			...r,
-			signal: D([t?.signal, r.signal])
+			signal: M([t?.signal, r.signal])
 		}),
 		abort: (e) => t?.abort(e)
 	};
 }
 //#endregion
-export { p as DAMPING, f as SNAP_THRESHOLD, n as navigate, O as postTaskSafe, i as startViewTransition, t as supportsRouteTransitions, e as supportsViewTransitions, u as useIntersectionPause, s as useLiquidFlex, a as usePointerVelocityField, A as usePrioritizedTask, g as useRAFLoop, d as useScrollProgress, w as useStagger, S as useStaggerReveal, l as useTextHighlight, m as useYieldToMain, c as vReveal, h as yieldToMain };
+export { m as DAMPING, p as SNAP_THRESHOLD, a as navigate, N as postTaskSafe, n as startViewTransition, i as supportsRouteTransitions, t as supportsViewTransitions, e as useCharStagger, d as useIntersectionPause, s as useLiquidFlex, u as usePointerVelocityField, F as usePrioritizedTask, v as useRAFLoop, y as useScrollChrome, f as useScrollProgress, _ as useScrollTrigger, k as useStagger, T as useStaggerReveal, l as useTextHighlight, g as useYieldToMain, c as vReveal, E as vScrollRevealOnce, h as yieldToMain };

package/dist/motion-curves.js

@@ -1,4 +1,4 @@
-import { n as e, t } from "./springPresets-CFQGQfdl.js";
+import { n as e, t } from "./springPresets-Ce7OYCm9.js";
 import { springTimingFunction as n } from "@mkbabb/keyframes.js";
 import { CSSCubicBezier as r, CSSCubicBezier as i, easeInBounce as a, easeInCirc as o, easeInCubic as s, easeInExpo as c, easeInOutCirc as l, easeInOutCubic as u, easeInOutExpo as d, easeInOutQuad as f, easeInOutSine as p, easeInQuad as m, easeInSine as h, easeOutCirc as g, easeOutCubic as _, easeOutExpo as v, easeOutExpo as y, easeOutQuad as b, easeOutSine as x, linear as S } from "@mkbabb/value.js";
 //#region src/composables/motion/curves.ts
@@ -113,6 +113,16 @@ var j = [
 		token: "--ease-spring-gentle",
 		canonical: "--spring-gentle",
 		note: "@theme alias → --spring-gentle"
+	},
+	{
+		token: "--ease-spring-press",
+		canonical: "--spring-press",
+		note: "@theme alias → --spring-press (the iOS interactive press register)"
+	},
+	{
+		token: "--ease-convergence",
+		canonical: "--spring-gentle",
+		note: "alias → --spring-gentle (the partial-sum settle — critically-damped, no overshoot; REUSE, measured-not-distinct)"
 	}
 ].map(({ token: e, canonical: t, note: n }) => ({
 	token: e,