@mkbabb/glass-ui 6.0.0 → 7.0.0

package/dist/easing.js

@@ -1,135 +1,142 @@
-import { n as e } from "./button-32mg6xA8.js";
-import { a as t, c as n, o as r, r as i, s as a } from "./select-BIv4R3Ir.js";
-import { n as o } from "./slider-Cc_qw6GA.js";
-import { n as s, r as c } from "./configurator-CSENXXSy.js";
-import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, mergeModels as v, normalizeClass as y, onScopeDispose as ee, onUnmounted as b, openBlock as x, ref as S, renderList as C, renderSlot as w, toDisplayString as T, unref as E, useId as D, useModel as O, useTemplateRef as te, watch as ne, withCtx as k } from "vue";
+import { n as e } from "./useReducedMotion-vCXA_vyM.js";
+import { t } from "./button-Bu9F4uU6.js";
+import { t as n } from "./useClipboard-D36OTaeT.js";
+import { a as r, c as i, o as a, r as o, s } from "./select-BcBAyLXA.js";
+import { t as c } from "./slider-DzqeQmMu.js";
+import { n as l, r as u } from "./configurator-M5OaIlJd.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, normalizeClass as x, onScopeDispose as S, onUnmounted as C, openBlock as w, ref as T, renderList as E, renderSlot as ee, toDisplayString as D, unref as O, useId as te, useModel as ne, useTemplateRef as k, watch as A, withCtx as j } from "vue";
 import { Check as re, Copy as ie, LoaderCircle as ae, Play as oe, RotateCcw as se, Square as ce } from "@lucide/vue";
-import { CSSCubicBezier as A, bezierPresets as j, jumpTerms as le, parseSteps as M, steppedEase as N } from "@mkbabb/value.js";
+import { parseTimingFunction as M } from "@mkbabb/value.js/css";
+import { CubicBezier as N, bezierPresets as P, jumpTerms as F, steppedEase as I } from "@mkbabb/value.js/easing";
 //#region src/components/easing/constants.ts
-var P = "custom", ue = "ease-out-back", F = (e) => 1 - e, I = .1, L = .6, de = .1, fe = .15, R = 1200, pe = 1400, me = 2e3, z = Object.keys(j);
-function B(e = {}) {
-	let t = S(e.initialMode ?? "bezier"), n = S(e.initialPreset ?? "ease-out-back"), r = S([...j[n.value in j ? n.value : ue]]);
-	function i(e) {
-		n.value = e;
-		let t = j[e];
-		t && (r.value = [...t]);
+var L = "custom", le = "ease-out-back", R = (e) => 1 - e, z = .1, B = .6, ue = .1, de = .15, V = 1200, fe = 1400, pe = 2e3, H = Object.keys(P);
+function U(e, t) {
+	if (!t.ok) throw Error(`${e}: ${t.error.code}`);
+	return t.value;
+}
+function W(t = {}) {
+	let n = T(t.initialMode ?? "bezier"), r = T(t.initialPreset ?? "ease-out-back"), i = T([...P[r.value in P ? r.value : le]]);
+	function a(e) {
+		r.value = e;
+		let t = P[e];
+		t && (i.value = [...t]);
 	}
-	function a(e, t, i) {
-		let a = Math.max(0, Math.min(1, t)), o = Math.max(-L, Math.min(1 + L, i)), s = [...r.value];
-		s[e * 2] = +a.toFixed(3), s[e * 2 + 1] = +o.toFixed(3), r.value = s, n.value = P;
+	function o(e, t, n) {
+		let a = Math.max(0, Math.min(1, t)), o = Math.max(-B, Math.min(1 + B, n)), s = [...i.value];
+		s[e * 2] = +a.toFixed(3), s[e * 2 + 1] = +o.toFixed(3), i.value = s, r.value = L;
 	}
-	let o = S(e.initialSteps ?? 4), s = S(e.initialTerm ?? "end"), c = u(() => {
-		if (t.value === "steps") return N(o.value, s.value) ?? ((e) => e);
-		let [e, n, i, a] = r.value;
-		return A(e, n, i, a);
-	}), l = u(() => {
-		if (t.value === "steps") return `steps(${o.value}, ${s.value})`;
-		let [e, n, i, a] = r.value.map((e) => +e.toFixed(3));
-		return `cubic-bezier(${e}, ${n}, ${i}, ${a})`;
-	}), d = u(() => {
-		if (t.value !== "steps") return !0;
-		let e = M(l.value);
-		return e != null && e.count === o.value && e.jumpTerm === s.value;
-	}), f = u(() => ({
-		mode: t.value,
-		css: l.value,
-		fn: c.value,
-		points: [...r.value],
-		steps: o.value,
-		term: s.value
-	})), p = u(() => {
-		let [e, t, n, i] = r.value;
+	let s = T(t.initialSteps ?? 4), c = T(t.initialTerm ?? "jump-end"), l = f(() => {
+		if (n.value === "steps") return U("EasingPicker:steppedEase", I(s.value, c.value));
+		let [e, t, r, a] = i.value;
+		return U("EasingPicker:CubicBezier", N(e, t, r, a));
+	}), u = f(() => {
+		if (n.value === "steps") return `steps(${s.value}, ${c.value})`;
+		let [e, t, r, a] = i.value.map((e) => +e.toFixed(3));
+		return `cubic-bezier(${e}, ${t}, ${r}, ${a})`;
+	}), d = f(() => {
+		let e = M(u.value);
+		if (!e.ok) return !1;
+		let t = e.value;
+		return n.value === "steps" ? t.kind === "steps" && t.count === s.value && t.position === c.value : t.kind === "cubic-bezier" && t.x1 === i.value[0] && t.y1 === i.value[1] && t.x2 === i.value[2] && t.y2 === i.value[3];
+	}), p = f(() => ({
+		mode: n.value,
+		css: u.value,
+		fn: l.value,
+		points: [...i.value],
+		steps: s.value,
+		term: c.value
+	})), m = f(() => {
+		let [e, t, n, r] = i.value;
 		return [{
 			x: e,
-			y: F(t)
+			y: R(t)
 		}, {
 			x: n,
-			y: F(i)
+			y: R(r)
 		}];
-	}), m = u(() => {
-		let [e, t] = p.value;
+	}), h = f(() => {
+		let [e, t] = m.value;
 		return `M 0 1 C ${e.x} ${e.y}, ${t.x} ${t.y}, 1 0`;
-	}), h = u(() => {
-		let e = c.value, t = "";
+	}), g = f(() => {
+		let e = l.value, t = "";
 		for (let n = 0; n <= 240; n++) {
-			let r = n / 240, i = F(e(r));
+			let r = n / 240, i = R(e(r));
 			t += n === 0 ? `M ${r} ${i}` : ` L ${r} ${i}`;
 		}
 		return t;
-	}), g = u(() => {
+	}), _ = f(() => {
 		let e = [
 			0,
 			1,
-			p.value[0].y,
-			p.value[1].y
+			m.value[0].y,
+			m.value[1].y
 		];
-		for (let t = 0; t <= 16; t++) e.push(F(c.value(t / 16)));
-		let t = Math.max(Math.min(...e), -L) - I;
+		for (let t = 0; t <= 16; t++) e.push(R(l.value(t / 16)));
+		let t = Math.max(Math.min(...e), -B) - z;
 		return {
 			minY: t,
-			height: Math.min(Math.max(...e), 1 + L) + I - t
+			height: Math.min(Math.max(...e), 1 + B) + z - t
 		};
-	}), _ = S(0), v = S(!1), y = u(() => v.value ? "playing" : _.value >= 1 ? "complete" : "idle"), b = 0, x = 0, C = S(!1), w = typeof window > "u" || typeof window.matchMedia != "function" ? null : window.matchMedia("(prefers-reduced-motion: reduce)");
-	function T() {
-		x++, b && cancelAnimationFrame(b), b = 0, v.value = !1;
-	}
+	}), v = T(0), y = T(!1), b = f(() => y.value ? "playing" : v.value >= 1 ? "complete" : "idle"), x = 0, C = 0, w = e();
 	function E() {
-		T(), _.value = 0;
+		C++, x && cancelAnimationFrame(x), x = 0, y.value = !1;
 	}
-	let D = (e) => {
-		C.value = e.matches, e.matches && (T(), _.value = 1);
-	};
-	w && (D(w), w.addEventListener("change", D));
+	function ee() {
+		E(), v.value = 0;
+	}
+	let D = A(w, (e) => {
+		e && y.value && (E(), v.value = 1);
+	}, { flush: "sync" });
 	function O() {
-		if (T(), _.value = 0, C.value) {
-			_.value = 1;
+		if (E(), v.value = 0, w.value) {
+			v.value = 1;
 			return;
 		}
-		v.value = !0;
-		let e = x, t = performance.now(), n = (r) => {
-			if (e !== x) return;
-			let i = Math.min(1, (r - t) / R);
-			_.value = i, i < 1 ? b = requestAnimationFrame(n) : (b = 0, v.value = !1);
+		y.value = !0;
+		let e = C, t = performance.now(), n = (r) => {
+			if (e !== C) return;
+			let i = Math.min(1, (r - t) / V);
+			v.value = i, i < 1 ? x = requestAnimationFrame(n) : (x = 0, y.value = !1);
 		};
-		b = requestAnimationFrame(n);
+		x = requestAnimationFrame(n);
 	}
-	return ee(() => {
-		T(), w?.removeEventListener("change", D);
+	return S(() => {
+		D(), E();
 	}), {
-		mode: t,
-		preset: n,
-		points: r,
-		presetNames: z,
-		selectPreset: i,
-		setHandle: a,
-		steps: o,
-		term: s,
-		terms: le,
-		easingFn: c,
-		readout: l,
+		mode: n,
+		preset: r,
+		points: i,
+		presetNames: H,
+		selectPreset: a,
+		setHandle: o,
+		steps: s,
+		term: c,
+		terms: F,
+		easingFn: l,
+		readout: u,
 		reparseOk: d,
-		value: f,
-		handlesSvg: p,
-		bezierPathD: m,
-		stepPathD: h,
-		viewBox: g,
-		progress: _,
-		playing: v,
-		playbackState: y,
-		reducedMotion: C,
+		value: p,
+		handlesSvg: m,
+		bezierPathD: h,
+		stepPathD: g,
+		viewBox: _,
+		progress: v,
+		playing: y,
+		playbackState: b,
+		reducedMotion: w,
 		playTravel: O,
-		cancelTravel: E,
-		stopTravel: T
+		cancelTravel: ee,
+		stopTravel: E
 	};
 }
 //#endregion
 //#region src/components/easing/EasingPicker.vue?vue&type=script&setup=true&lang.ts
-var he = [
+var me = [
 	"data-mode",
 	"data-copy-state",
 	"data-playback-state",
 	"data-reduced-motion"
-], ge = { class: "glass-card relative overflow-hidden rounded-card p-3" }, _e = ["id"], ve = ["viewBox", "aria-label"], ye = ["x1", "x2"], be = ["y1", "y2"], xe = ["x2", "y2"], Se = ["x2", "y2"], Ce = ["d"], we = ["d"], Te = [
+], he = { class: "glass-card relative overflow-hidden rounded-card p-3" }, ge = ["id"], _e = ["viewBox", "aria-label"], ve = ["x1", "x2"], ye = ["y1", "y2"], be = ["x2", "y2"], xe = ["x2", "y2"], Se = ["d"], Ce = ["d"], we = [
 	"cx",
 	"cy",
 	"aria-label",
@@ -137,22 +144,22 @@ var he = [
 	"aria-valuetext",
 	"aria-describedby",
 	"onKeydown"
-], Ee = ["cx", "cy"], De = { class: "flex flex-col gap-4" }, Oe = {
+], Te = ["cx", "cy"], Ee = { class: "flex flex-col gap-4" }, De = {
 	key: 0,
 	class: "flex flex-col gap-2"
-}, ke = { class: "flex flex-col gap-2" }, Ae = { class: "text-mono-caption text-muted-foreground" }, je = { class: "flex flex-col gap-2" }, Me = ["data-reparse-ok"], Ne = { class: "flex items-center gap-2" }, Pe = ["disabled", "aria-label"], Fe = {
+}, Oe = { class: "flex flex-col gap-2" }, ke = { class: "text-mono-caption text-muted-foreground" }, Ae = { class: "flex flex-col gap-2" }, je = ["data-reparse-ok"], Me = { class: "flex items-center gap-2" }, Ne = ["aria-disabled", "aria-label"], Pe = {
 	key: 0,
 	class: "flex flex-wrap items-center justify-between gap-2 text-mono-caption"
-}, Ie = {
+}, Fe = {
 	key: 3,
 	class: "flex flex-wrap items-center gap-2"
-}, Le = {
+}, Ie = {
 	class: "text-mono-caption text-muted-foreground",
 	role: "status",
 	"aria-live": "polite"
-}, V = /* @__PURE__ */ _({
+}, G = /* @__PURE__ */ y({
 	__name: "EasingPicker",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ b({
 		mode: { default: "bezier" },
 		preset: { default: void 0 },
 		steps: { default: void 0 },
@@ -171,19 +178,40 @@ var he = [
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(s) {
-		let c = s, _ = O(s, "modelValue"), { mode: v, preset: ee, points: A, presetNames: j, selectPreset: le, setHandle: M, steps: N, term: P, terms: ue, easingFn: I, readout: L, reparseOk: R, value: z, handlesSvg: V, bezierPathD: H, stepPathD: Re, viewBox: U, progress: W, playing: G, playbackState: K, reducedMotion: ze, playTravel: Be, cancelTravel: Ve, stopTravel: He } = B({
-			initialMode: c.mode,
-			initialPreset: c.preset,
-			initialSteps: c.steps,
-			initialTerm: c.term
+	setup(e) {
+		let l = e, u = ne(e, "modelValue"), { mode: y, preset: b, points: S, presetNames: M, selectPreset: N, setHandle: P, steps: F, term: I, terms: L, easingFn: le, readout: z, reparseOk: B, value: V, handlesSvg: H, bezierPathD: U, stepPathD: G, viewBox: K, progress: Le, playing: q, playbackState: J, reducedMotion: Re, playTravel: ze, cancelTravel: Be, stopTravel: Ve } = W({
+			initialMode: l.mode,
+			initialPreset: l.preset,
+			initialSteps: l.steps,
+			initialTerm: l.term
+		});
+		A(() => l.mode, (e) => {
+			y.value = e;
 		});
-		ne(() => c.mode, (e) => {
-			v.value = e;
-		}), ne(z, (e) => _.value = e, { immediate: !0 });
-		let Ue = te("svgEl"), q = D(), J = S(null);
-		function We(e) {
-			let t = Ue.value;
+		function Y(e, t) {
+			return !!e && Array.isArray(e.points) && e.points.length === 4 && e.mode === t.mode && e.css === t.css && e.fn === t.fn && e.steps === t.steps && e.term === t.term && e.points.every((e, n) => e === t.points[n]);
+		}
+		let X;
+		function He(e) {
+			Y(u.value, e) || Y(X, e) || (X = e, u.value = e);
+		}
+		function Ue(e) {
+			if (!e) return;
+			if (Y(X, e)) {
+				X = void 0;
+				return;
+			}
+			y.value = e.mode === "steps" ? "steps" : "bezier", Array.isArray(e.points) && e.points.length === 4 && e.points.every(Number.isFinite) && e.points.some((e, t) => e !== S.value[t]) && (P(0, e.points[0], e.points[1]), P(1, e.points[2], e.points[3])), Number.isFinite(e.steps) && (F.value = Math.max(1, Math.min(12, Math.round(e.steps)))), L.includes(e.term) && (I.value = e.term);
+			let t = V.value;
+			Y(e, t) || He(t);
+		}
+		A(u, Ue, {
+			deep: !0,
+			immediate: !0
+		}), A(V, He, { immediate: !0 });
+		let We = k("svgEl"), Ge = te(), Z = T(null);
+		function Ke(e) {
+			let t = We.value;
 			if (!t) return {
 				x: 0,
 				y: 0
@@ -196,34 +224,34 @@ var he = [
 			let r = n.inverse();
 			return {
 				x: r.a * e.clientX + r.c * e.clientY + r.e,
-				y: F(r.b * e.clientX + r.d * e.clientY + r.f)
+				y: R(r.b * e.clientX + r.d * e.clientY + r.f)
 			};
 		}
-		function Ge(e) {
-			if (v.value !== "bezier") return;
-			let { x: t, y: n } = We(e), r = e.pointerType === "touch" ? fe : de, i = [{
-				x: A.value[0],
-				y: A.value[1]
+		function qe(e) {
+			if (y.value !== "bezier") return;
+			let { x: t, y: n } = Ke(e), r = e.pointerType === "touch" ? de : ue, i = [{
+				x: S.value[0],
+				y: S.value[1]
 			}, {
-				x: A.value[2],
-				y: A.value[3]
+				x: S.value[2],
+				y: S.value[3]
 			}], a = null, o = Infinity;
 			for (let e = 0; e < 2; e++) {
 				let s = Math.hypot(i[e].x - t, i[e].y - n);
 				s < r && s < o && (o = s, a = e);
 			}
-			a !== null && (e.preventDefault(), J.value = a, e.currentTarget.setPointerCapture(e.pointerId));
+			a !== null && (e.preventDefault(), Z.value = a, e.currentTarget.setPointerCapture(e.pointerId));
 		}
-		function Ke(e) {
-			if (J.value === null) return;
-			let { x: t, y: n } = We(e);
-			M(J.value, t, n);
+		function Je(e) {
+			if (Z.value === null) return;
+			let { x: t, y: n } = Ke(e);
+			P(Z.value, t, n);
 		}
-		function qe() {
-			J.value = null;
+		function Ye() {
+			Z.value = null;
 		}
-		function Je(e, t) {
-			let n = e * 2, r = A.value[n], i = A.value[n + 1], a = t.shiftKey ? .1 : .01, o = r, s = i;
+		function Xe(e, t) {
+			let n = e * 2, r = S.value[n], i = S.value[n + 1], a = t.shiftKey ? .1 : .01, o = r, s = i;
 			switch (t.key) {
 				case "ArrowLeft":
 					o -= a;
@@ -245,85 +273,75 @@ var he = [
 					break;
 				default: return;
 			}
-			t.preventDefault(), M(e, o, s);
-		}
-		let Y = S("idle"), Ye = te("readoutEl"), X = 0, Z, Q;
-		function Xe() {
-			Z !== void 0 && clearTimeout(Z), Q !== void 0 && clearTimeout(Q), Z = void 0, Q = void 0;
+			t.preventDefault(), P(e, o, s);
 		}
-		async function Ze() {
-			Xe();
-			let e = ++X, t;
-			Y.value = "pending";
-			try {
-				let n = navigator.clipboard;
-				if (!n?.writeText) throw Error("Clipboard unavailable");
-				if (await Promise.race([n.writeText(L.value), new Promise((e, n) => {
-					t = setTimeout(() => n(/* @__PURE__ */ Error("Clipboard timed out")), me), Q = t;
-				})]), e !== X) return;
-				Y.value = "copied", Z = setTimeout(() => {
-					e === X && (Y.value = "idle");
-				}, pe);
-			} catch {
-				e === X && (Y.value = "failed");
-			} finally {
-				t !== void 0 && clearTimeout(t), Q === t && (Q = void 0);
+		let Ze = k("readoutEl"), { status: Q, copy: Qe } = n({
+			resetMs: fe,
+			timeoutMs: pe
+		}), $ = f(() => {
+			switch (Q.value) {
+				case "success": return "copied";
+				case "failure": return "failed";
+				default: return Q.value;
 			}
+		});
+		function $e() {
+			Q.value !== "pending" && Qe(z.value);
 		}
-		function Qe() {
-			let e = Ye.value, t = window.getSelection();
+		function et() {
+			let e = Ze.value, t = window.getSelection();
 			if (!e || !t) return;
 			let n = document.createRange();
 			n.selectNodeContents(e), t.removeAllRanges(), t.addRange(n), e.focus();
 		}
-		let $e = u(() => ({
+		let tt = f(() => ({
 			idle: "",
 			pending: "Copying curve literal…",
 			copied: "Copied curve literal.",
 			failed: "Clipboard unavailable. Select the full literal to copy manually."
-		})[Y.value]), et = u(() => {
-			let e = v.value === "steps" ? "staircase" : "curve";
-			return G.value ? `Restart ${e}` : K.value === "complete" ? `Replay ${e}` : v.value === "steps" ? "Climb the staircase" : "Trace the curve";
+		})[$.value]), nt = f(() => {
+			let e = y.value === "steps" ? "staircase" : "curve";
+			return q.value ? `Restart ${e}` : J.value === "complete" ? `Replay ${e}` : y.value === "steps" ? "Climb the staircase" : "Trace the curve";
 		});
-		b(() => {
-			X++, Xe(), He();
+		C(() => {
+			Ve();
 		});
-		let tt = u(() => v.value === "bezier" ? `0 ${U.value.minY} 1 ${U.value.height}` : "-0.05 -0.1 1.1 1.2"), $ = u({
-			get: () => [N.value],
+		let rt = f(() => y.value === "bezier" ? `0 ${K.value.minY} 1 ${K.value.height}` : "-0.05 -0.1 1.1 1.2"), it = f({
+			get: () => [F.value],
 			set: (e) => {
-				N.value = e[0] ?? N.value;
+				F.value = e[0] ?? F.value;
 			}
 		});
-		return (c, u) => (x(), p("div", {
+		return (n, l) => (w(), h("div", {
 			class: "grid gap-4 lg:grid-cols-[1fr_18rem]",
-			"data-mode": E(v),
-			"data-copy-state": Y.value,
-			"data-playback-state": E(K),
-			"data-reduced-motion": E(ze) ? "" : void 0,
+			"data-mode": O(y),
+			"data-copy-state": $.value,
+			"data-playback-state": O(J),
+			"data-reduced-motion": O(Re) ? "" : void 0,
 			"data-testid": "easing-picker",
 			style: { "--easing-curve-accent": "var(--motion-accent, var(--viz-legendre))" }
-		}, [m("div", ge, [m("span", {
-			id: E(q),
+		}, [g("div", he, [g("span", {
+			id: O(Ge),
 			class: "sr-only"
-		}, " Left and Right change x from 0 to 1. Up and Down change y from -0.6 to 1.6. Hold Shift for larger steps. ", 8, _e), (x(), p("svg", {
+		}, " Left and Right change x from 0 to 1. Up and Down change y from -0.6 to 1.6. Hold Shift for larger steps. ", 8, ge), (w(), h("svg", {
 			ref_key: "svgEl",
-			ref: Ue,
+			ref: We,
 			class: "block w-full touch-none select-none",
-			viewBox: tt.value,
+			viewBox: rt.value,
 			preserveAspectRatio: "xMidYMid meet",
 			style: {
 				"aspect-ratio": "1",
 				"block-size": "clamp(200px, 38cqi, 320px)",
 				"margin-inline": "auto"
 			},
-			"aria-label": s.label,
+			"aria-label": e.label,
 			role: "group",
-			onPointerdown: Ge,
-			onPointermove: Ke,
-			onPointerup: qe,
-			onPointercancel: qe
+			onPointerdown: qe,
+			onPointermove: Je,
+			onPointerup: Ye,
+			onPointercancel: Ye
 		}, [
-			u[3] ||= m("rect", {
+			l[3] ||= g("rect", {
 				x: "0",
 				y: "0",
 				width: "1",
@@ -332,7 +350,7 @@ var he = [
 				class: "stroke-border",
 				"stroke-width": "0.012"
 			}, null, -1),
-			u[4] ||= m("line", {
+			l[4] ||= g("line", {
 				x1: "0",
 				y1: "1",
 				x2: "1",
@@ -341,11 +359,11 @@ var he = [
 				"stroke-width": "0.006",
 				"stroke-dasharray": "0.02 0.015"
 			}, null, -1),
-			(x(), p(l, null, C([
+			(w(), h(d, null, E([
 				.25,
 				.5,
 				.75
-			], (e) => m("line", {
+			], (e) => g("line", {
 				key: "gx" + e,
 				x1: e,
 				y1: "0",
@@ -353,12 +371,12 @@ var he = [
 				y2: "1",
 				class: "stroke-border/40",
 				"stroke-width": "0.006"
-			}, null, 8, ye)), 64)),
-			(x(), p(l, null, C([
+			}, null, 8, ve)), 64)),
+			(w(), h(d, null, E([
 				.25,
 				.5,
 				.75
-			], (e) => m("line", {
+			], (e) => g("line", {
 				key: "gy" + e,
 				x1: "0",
 				y1: e,
@@ -366,8 +384,8 @@ var he = [
 				y2: e,
 				class: "stroke-border/40",
 				"stroke-width": "0.006"
-			}, null, 8, be)), 64)),
-			u[5] ||= m("text", {
+			}, null, 8, ye)), 64)),
+			l[5] ||= g("text", {
 				x: "0.05",
 				y: "0.95",
 				class: "fill-muted-foreground/60",
@@ -377,7 +395,7 @@ var he = [
 				},
 				"text-anchor": "start"
 			}, "0", -1),
-			u[6] ||= m("text", {
+			l[6] ||= g("text", {
 				x: "0.95",
 				y: "0.12",
 				class: "fill-muted-foreground/60",
@@ -387,57 +405,57 @@ var he = [
 				},
 				"text-anchor": "end"
 			}, "1", -1),
-			E(v) === "bezier" ? (x(), p(l, { key: 0 }, [
-				m("line", {
+			O(y) === "bezier" ? (w(), h(d, { key: 0 }, [
+				g("line", {
 					x1: 0,
 					y1: 1,
-					x2: E(V)[0].x,
-					y2: E(V)[0].y,
+					x2: O(H)[0].x,
+					y2: O(H)[0].y,
 					class: "stroke-muted-foreground/50",
 					"stroke-width": "0.02",
 					"stroke-dasharray": "0.03 0.02"
-				}, null, 8, xe),
-				m("line", {
+				}, null, 8, be),
+				g("line", {
 					x1: 1,
 					y1: 0,
-					x2: E(V)[1].x,
-					y2: E(V)[1].y,
+					x2: O(H)[1].x,
+					y2: O(H)[1].y,
 					class: "stroke-muted-foreground/50",
 					"stroke-width": "0.02",
 					"stroke-dasharray": "0.03 0.02"
-				}, null, 8, Se),
-				m("path", {
-					d: E(H),
+				}, null, 8, xe),
+				g("path", {
+					d: O(U),
 					fill: "none",
 					class: "stroke-(--easing-curve-accent)",
 					"stroke-width": "0.035",
 					"stroke-linecap": "round"
-				}, null, 8, Ce)
-			], 64)) : (x(), p("path", {
+				}, null, 8, Se)
+			], 64)) : (w(), h("path", {
 				key: 1,
-				d: E(Re),
+				d: O(G),
 				fill: "none",
 				class: "stroke-(--easing-curve-accent)",
 				"stroke-width": "0.025",
 				"stroke-linejoin": "miter",
 				"stroke-linecap": "butt"
-			}, null, 8, we)),
-			u[7] ||= m("circle", {
+			}, null, 8, Ce)),
+			l[7] ||= g("circle", {
 				cx: "0",
 				cy: "1",
 				r: "0.018",
 				class: "fill-muted-foreground/50"
 			}, null, -1),
-			u[8] ||= m("circle", {
+			l[8] ||= g("circle", {
 				cx: "1",
 				cy: "0",
 				r: "0.018",
 				class: "fill-muted-foreground/50"
 			}, null, -1),
-			E(v) === "bezier" ? (x(), p(l, { key: 2 }, C([0, 1], (e) => m("circle", {
+			O(y) === "bezier" ? (w(), h(d, { key: 2 }, E([0, 1], (e) => g("circle", {
 				key: e,
-				cx: E(V)[e].x,
-				cy: E(V)[e].y,
+				cx: O(H)[e].x,
+				cy: O(H)[e].y,
 				r: "0.04",
 				class: "fill-foreground stroke-background focus:outline-none focus-visible:stroke-(--easing-curve-accent) focus-visible:[stroke-width:0.045]",
 				"stroke-width": "0.02",
@@ -447,42 +465,43 @@ var he = [
 				"aria-label": `Bezier control point ${e + 1}`,
 				"aria-valuemin": 0,
 				"aria-valuemax": 1,
-				"aria-valuenow": E(A)[e * 2],
-				"aria-valuetext": `x ${E(A)[e * 2].toFixed(3)}, y ${E(A)[e * 2 + 1].toFixed(3)}`,
-				"aria-describedby": E(q),
-				onKeydown: (t) => Je(e, t)
-			}, null, 40, Te)), 64)) : f("", !0),
-			s.playback ? (x(), p("circle", {
+				"aria-valuenow": O(S)[e * 2],
+				"aria-valuetext": `x ${O(S)[e * 2].toFixed(3)}, y ${O(S)[e * 2 + 1].toFixed(3)}`,
+				"aria-describedby": O(Ge),
+				onKeydown: (t) => Xe(e, t)
+			}, null, 40, we)), 64)) : m("", !0),
+			e.playback && O(J) !== "idle" ? (w(), h("circle", {
 				key: 3,
-				cx: E(W),
-				cy: 1 - E(I)(E(W)),
+				cx: O(Le),
+				cy: 1 - O(le)(O(Le)),
 				r: "0.03",
-				class: "fill-(--easing-curve-accent)"
-			}, null, 8, Ee)) : f("", !0)
-		], 40, ve))]), m("div", De, [
-			E(v) === "bezier" ? (x(), p("div", Oe, [u[9] ||= m("span", { class: "text-mono-caption text-muted-foreground" }, "Preset", -1), g(E(n), {
-				"model-value": E(ee),
-				"onUpdate:modelValue": u[0] ||= (e) => E(le)(String(e))
+				class: "fill-(--easing-curve-accent)",
+				"data-testid": "easing-travel-dot"
+			}, null, 8, Te)) : m("", !0)
+		], 40, _e))]), g("div", Ee, [
+			O(y) === "bezier" ? (w(), h("div", De, [l[9] ||= g("span", { class: "text-mono-caption text-muted-foreground" }, "Preset", -1), v(O(i), {
+				"model-value": O(b),
+				"onUpdate:modelValue": l[0] ||= (e) => O(N)(String(e))
 			}, {
-				default: k(() => [g(E(r), { "aria-label": "Easing preset" }, {
-					default: k(() => [g(E(a), { placeholder: "Pick a curve" })]),
+				default: j(() => [v(O(a), { "aria-label": "Easing preset" }, {
+					default: j(() => [v(O(s), { placeholder: "Pick a curve" })]),
 					_: 1
-				}), g(E(t), null, {
-					default: k(() => [(x(!0), p(l, null, C(E(j), (e) => (x(), d(E(i), {
+				}), v(O(r), null, {
+					default: j(() => [(w(!0), h(d, null, E(O(M), (e) => (w(), p(O(o), {
 						key: e,
 						value: e
 					}, {
-						default: k(() => [h(T(e), 1)]),
+						default: j(() => [_(D(e), 1)]),
 						_: 2
 					}, 1032, ["value"]))), 128))]),
 					_: 1
 				})]),
 				_: 1
-			}, 8, ["model-value"])])) : (x(), p(l, { key: 1 }, [m("div", ke, [m("span", Ae, "Steps (n) — " + T(E(N)), 1), g(E(o), {
-				modelValue: $.value,
-				"onUpdate:modelValue": u[1] ||= (e) => $.value = e,
-				min: E(1),
-				max: E(12),
+			}, 8, ["model-value"])])) : (w(), h(d, { key: 1 }, [g("div", Oe, [g("span", ke, "Steps (n) — " + D(O(F)), 1), v(O(c), {
+				modelValue: it.value,
+				"onUpdate:modelValue": l[1] ||= (e) => it.value = e,
+				min: O(1),
+				max: O(12),
 				step: 1,
 				"aria-label": "Step count",
 				"data-testid": "easing-steps-n"
@@ -490,93 +509,90 @@ var he = [
 				"modelValue",
 				"min",
 				"max"
-			])]), m("div", je, [u[10] ||= m("span", { class: "text-mono-caption text-muted-foreground" }, "Jump term", -1), g(E(n), {
-				"model-value": E(P),
-				"onUpdate:modelValue": u[2] ||= (e) => P.value = String(e)
+			])]), g("div", Ae, [l[10] ||= g("span", { class: "text-mono-caption text-muted-foreground" }, "Jump term", -1), v(O(i), {
+				"model-value": O(I),
+				"onUpdate:modelValue": l[2] ||= (e) => I.value = String(e)
 			}, {
-				default: k(() => [g(E(r), { "aria-label": "Jump term" }, {
-					default: k(() => [g(E(a), { placeholder: "Pick a jump term" })]),
+				default: j(() => [v(O(a), { "aria-label": "Jump term" }, {
+					default: j(() => [v(O(s), { placeholder: "Pick a jump term" })]),
 					_: 1
-				}), g(E(t), null, {
-					default: k(() => [(x(!0), p(l, null, C(E(ue), (e) => (x(), d(E(i), {
+				}), v(O(r), null, {
+					default: j(() => [(w(!0), h(d, null, E(O(L), (e) => (w(), p(O(o), {
 						key: e,
 						value: e
 					}, {
-						default: k(() => [h(T(e), 1)]),
+						default: j(() => [_(D(e), 1)]),
 						_: 2
 					}, 1032, ["value"]))), 128))]),
 					_: 1
 				})]),
 				_: 1
 			}, 8, ["model-value"])])], 64)),
-			s.readout ? (x(), p("div", {
+			e.readout ? (w(), h("div", {
 				key: 2,
 				class: "glass-card flex flex-col gap-2 rounded-card px-3 py-2",
-				"data-reparse-ok": E(R),
+				"data-reparse-ok": O(B),
 				"data-testid": "easing-readout"
-			}, [m("div", Ne, [m("code", {
+			}, [g("div", Me, [g("code", {
 				ref_key: "readoutEl",
-				ref: Ye,
+				ref: Ze,
 				tabindex: "0",
 				class: "min-w-0 flex-1 break-all text-xs text-foreground select-text"
-			}, T(E(L)), 513), m("button", {
+			}, D(O(z)), 513), g("button", {
 				type: "button",
-				class: "shrink-0 rounded-pill p-1.5 text-muted-foreground transition-colors hover:bg-(--surface-tint-8) hover:text-foreground disabled:cursor-wait disabled:opacity-disabled",
-				disabled: Y.value === "pending",
-				"aria-label": Y.value === "failed" ? "Retry copy curve literal" : Y.value === "copied" ? "Copied" : Y.value === "pending" ? "Copying curve literal" : "Copy curve literal",
+				class: "shrink-0 rounded-pill p-1.5 text-muted-foreground transition-colors hover:bg-(--surface-tint-8) hover:text-foreground aria-disabled:cursor-wait aria-disabled:opacity-disabled",
+				"aria-disabled": $.value === "pending" || void 0,
+				"aria-label": $.value === "failed" ? "Retry copy curve literal" : $.value === "copied" ? "Copied" : $.value === "pending" ? "Copying curve literal" : "Copy curve literal",
 				"data-testid": "easing-copy",
-				onClick: Ze
-			}, [Y.value === "pending" ? (x(), d(E(ae), {
+				onClick: $e
+			}, [$.value === "pending" ? (w(), p(O(ae), {
 				key: 0,
 				class: "size-4 animate-spin"
-			})) : Y.value === "copied" ? (x(), d(E(re), {
+			})) : $.value === "copied" ? (w(), p(O(re), {
 				key: 1,
 				class: "size-4 text-(--easing-curve-accent)"
-			})) : (x(), d(E(ie), {
+			})) : (w(), p(O(ie), {
 				key: 2,
 				class: "size-4"
-			}))], 8, Pe)]), Y.value === "idle" ? f("", !0) : (x(), p("div", Fe, [m("span", {
+			}))], 8, Ne)]), $.value === "idle" ? m("", !0) : (w(), h("div", Pe, [g("span", {
 				role: "status",
 				"aria-live": "polite",
-				class: y(Y.value === "failed" ? "text-destructive" : "text-muted-foreground")
-			}, T($e.value), 3), Y.value === "failed" ? (x(), d(E(e), {
+				class: x($.value === "failed" ? "text-destructive" : "text-muted-foreground")
+			}, D(tt.value), 3), $.value === "failed" ? (w(), p(O(t), {
 				key: 0,
-				variant: "outline",
 				class: "shrink-0 px-3 py-1",
 				"data-testid": "easing-select-literal",
-				onClick: Qe
+				onClick: et
 			}, {
-				default: k(() => [...u[11] ||= [h(" Select literal ", -1)]]),
+				default: j(() => [...l[11] ||= [_(" Select literal ", -1)]]),
 				_: 1
-			})) : f("", !0)]))], 8, Me)) : f("", !0),
-			s.playback ? (x(), p("div", Ie, [
-				g(E(e), {
-					variant: "outline",
+			})) : m("", !0)]))], 8, je)) : m("", !0),
+			e.playback ? (w(), h("div", Fe, [
+				v(O(t), {
 					class: "w-fit",
 					"data-testid": "easing-playback",
-					onClick: E(Be)
+					onClick: O(ze)
 				}, {
-					default: k(() => [E(G) || E(K) === "complete" ? (x(), d(E(se), { key: 0 })) : (x(), d(E(oe), { key: 1 })), h(" " + T(et.value), 1)]),
+					default: j(() => [O(q) || O(J) === "complete" ? (w(), p(O(se), { key: 0 })) : (w(), p(O(oe), { key: 1 })), _(" " + D(nt.value), 1)]),
 					_: 1
 				}, 8, ["onClick"]),
-				E(G) ? (x(), d(E(e), {
+				O(q) ? (w(), p(O(t), {
 					key: 0,
-					variant: "outline",
 					class: "w-fit",
 					"data-testid": "easing-cancel",
-					onClick: E(Ve)
+					onClick: O(Be)
 				}, {
-					default: k(() => [g(E(ce)), u[12] ||= h(" Cancel preview ", -1)]),
+					default: j(() => [v(O(ce)), l[12] ||= _(" Cancel preview ", -1)]),
 					_: 1
-				}, 8, ["onClick"])) : f("", !0),
-				m("span", Le, T(E(K) === "playing" ? "Preview playing" : E(K) === "complete" ? "Preview complete" : "Preview idle"), 1)
-			])) : f("", !0),
-			w(c.$slots, "footer", { value: E(z) })
-		])], 8, he));
+				}, 8, ["onClick"])) : m("", !0),
+				g("span", Ie, D(O(J) === "playing" ? "Preview playing" : O(J) === "complete" ? "Preview complete" : "Preview idle"), 1)
+			])) : m("", !0),
+			ee(n.$slots, "footer", { value: O(V) })
+		])], 8, me));
 	}
-}), H = /* @__PURE__ */ _({
+}), K = /* @__PURE__ */ y({
 	__name: "EasingConfigurator",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ b({
 		label: { default: "Easing" },
 		name: { default: void 0 },
 		mode: { default: "bezier" },
@@ -589,16 +605,16 @@ var he = [
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = O(e, "modelValue");
-		return (n, r) => (x(), d(E(c), {
+		let t = ne(e, "modelValue");
+		return (n, r) => (w(), p(O(u), {
 			label: e.label,
 			sub: e.name
 		}, {
-			default: k(() => [g(E(s), {
+			default: j(() => [v(O(l), {
 				label: "Curve",
 				name: t.value?.css
 			}, {
-				default: k(() => [g(V, {
+				default: j(() => [v(G, {
 					modelValue: t.value,
 					"onUpdate:modelValue": r[0] ||= (e) => t.value = e,
 					mode: e.mode,
@@ -619,4 +635,4 @@ var he = [
 	}
 });
 //#endregion
-export { H as EasingConfigurator, V as EasingPicker, B as useEasingPicker };
+export { K as EasingConfigurator, G as EasingPicker, W as useEasingPicker };