@mkbabb/glass-ui 6.0.0 → 7.0.0

package/dist/{useAccentTone-C-p6WdPe.js → useAccentTone-DyInfHXE.js}

@@ -1,13 +1,13 @@
 import { computed as e, ref as t, toValue as n } from "vue";
 //#region src/composables/color/useAccentTone.ts
-var r = /* @__PURE__ */ new Map(), i = (e, t) => `${e}|${t.surface ?? ""}|${t.inkContrast ?? ""}|${t.bandStrength ?? ""}|${t.fillStrength ?? ""}`;
+var r = /* @__PURE__ */ new Map(), i = (e, t) => `${e}|${t.surface ?? ""}|${t.inkContrast ?? ""}|${t.bandStrength ?? ""}`;
 function a(a, o = {}) {
 	let s = t(0), c = e(() => {
 		s.value;
 		let e = n(a) || "var(--primary)";
 		if (/var\(/.test(e)) return "";
 		let t = i(e, o), c = r.get(t);
-		return c === void 0 ? (import("./accent-tone-solve-Dii9ePhK.js").then(({ solveAccentInk: n }) => {
+		return c === void 0 ? (import("./accent-tone-solve-Cw7WkRD9.js").then(({ solveAccentInk: n }) => {
 			r.set(t, n(e, o)), s.value++;
 		}), "") : c;
 	});

package/dist/{useAnimatedNumber-BRVVaFFc.js → useAnimatedNumber-WPtMz0AN.js}

@@ -1,7 +1,7 @@
-import { n as e, t } from "./constants-DRZmNIY-.js";
+import { n as e, t } from "./constants-nBz23tJE.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
+//#region src/composables/motion/number/useAnimatedNumber.ts
 function u(e) {
 	return Math.max(0, Math.min(100, e));
 }

package/dist/useClipboard-D36OTaeT.js

@@ -0,0 +1,53 @@
+import { computed as e, onScopeDispose as t, ref as n } from "vue";
+//#region src/composables/dom/useClipboard.ts
+async function r(e) {
+	if (typeof navigator > "u" || !navigator.clipboard?.writeText) return {
+		ok: !1,
+		reason: "no-api"
+	};
+	try {
+		return await navigator.clipboard.writeText(e), { ok: !0 };
+	} catch (e) {
+		return console.warn("[useClipboard] clipboard writeText rejected:", e), {
+			ok: !1,
+			reason: "clipboard-api"
+		};
+	}
+}
+function i(i = {}) {
+	let a = n("idle"), o = e(() => a.value), s = !0, c = 0, l = null;
+	function u() {
+		l != null && (clearTimeout(l), l = null);
+	}
+	function d() {
+		s && (c++, u(), a.value = "idle");
+	}
+	function f(e) {
+		let t = r(e);
+		return i.timeoutMs == null ? t : new Promise((e) => {
+			l = setTimeout(() => {
+				l = null, e({
+					ok: !1,
+					reason: "clipboard-api"
+				});
+			}, i.timeoutMs), t.then(e);
+		});
+	}
+	async function p(e) {
+		let t = ++c;
+		u(), a.value = "pending";
+		let n = await f(e);
+		return !s || t !== c ? n : (u(), n.ok ? (a.value = "success", l = setTimeout(() => {
+			s && t === c && (a.value = "idle"), l = null;
+		}, i.resetMs ?? 1500), n) : (a.value = "failure", i.onCopyError?.(n.reason), n));
+	}
+	return t(() => {
+		s = !1, c++, u();
+	}), {
+		status: o,
+		copy: p,
+		invalidate: d
+	};
+}
+//#endregion
+export { r as n, i as t };

package/dist/useDockCtaReceive-DkrOTM0q.js

@@ -0,0 +1,146 @@
+import { t as e } from "./asElement-CRnm6A2v.js";
+import { i as t, r as n } from "./useDragMorph-BogSV_nv.js";
+import { readonly as r, ref as i } from "vue";
+//#region src/composables/motion/morph/useDockCtaReceive.ts
+var a = {
+	fine: {
+		latencyFactor: [.9, 1.2],
+		travelPx: [16, 520],
+		scaleRatio: [.2, 1.4]
+	},
+	coarse: {
+		latencyFactor: [.9, 1.2],
+		travelPx: [16, 360],
+		scaleRatio: [.2, 1.4]
+	},
+	"reduced-motion": {
+		latencyFactor: [0, .017],
+		travelPx: [0, 0],
+		scaleRatio: [1, 1]
+	},
+	"no-target": {
+		latencyFactor: [0, .017],
+		travelPx: [0, 0],
+		scaleRatio: [1, 1]
+	}
+};
+function o(o, s) {
+	let c = s.respectReducedMotion !== !1, l = i(!1), u = i({
+		phase: "idle",
+		path: null,
+		run: 0,
+		interruptions: 0,
+		resets: 0,
+		startedAtMs: null,
+		settledAtMs: null,
+		handedOffAtMs: null,
+		completedAtMs: null,
+		latencyMs: null,
+		travelPx: 0,
+		scaleRatio: 1,
+		latencyBandMs: null,
+		travelBandPx: null,
+		scaleBand: null,
+		withinBand: null,
+		supportsReverse: !1
+	}), d = () => typeof performance < "u" ? performance.now() : Date.now(), f = (e, [t, n]) => e >= t && e <= n;
+	function p() {
+		let t = e(s.dockControl.value);
+		t && (t.setAttribute("data-cta-pending", ""), l.value = !0);
+	}
+	function m() {
+		l.value = !1;
+		let t = e(s.dockControl.value);
+		t && t.removeAttribute("data-cta-pending");
+	}
+	function h() {
+		u.value = {
+			...u.value,
+			phase: "handed-off",
+			handedOffAtMs: d()
+		}, m(), s.onReceived?.();
+		let e = d(), t = e - (u.value.startedAtMs ?? e), n = a[u.value.path ?? "fine"], r = _.measurement.value?.durationMs ?? 1920, i = [r * n.latencyFactor[0], r * n.latencyFactor[1]];
+		u.value = {
+			...u.value,
+			phase: "completed",
+			completedAtMs: e,
+			latencyMs: t,
+			latencyBandMs: i,
+			travelBandPx: n.travelPx,
+			scaleBand: n.scaleRatio,
+			withinBand: f(t, i) && f(u.value.travelPx, n.travelPx) && f(u.value.scaleRatio, n.scaleRatio)
+		};
+	}
+	function g() {
+		let e = _.measurement.value, t = u.value.path, n = t === "fine" || t === "coarse";
+		u.value = {
+			...u.value,
+			phase: "settled",
+			settledAtMs: d(),
+			travelPx: n ? e?.travelPx ?? 0 : 0,
+			scaleRatio: n && e ? Math.sqrt(Math.abs(e.scaleX * e.scaleY)) : 1
+		}, h();
+	}
+	let _ = t(o, {
+		source: "self",
+		destination: s.dockControl,
+		preset: s.preset ?? "snappy",
+		respectReducedMotion: s.respectReducedMotion,
+		channels: {
+			opacity: !0,
+			blur: s.blur ?? 4
+		},
+		onSettled: g
+	});
+	function v() {
+		let t = e(o.value);
+		if (!t) return;
+		let r = _.playing.value, i = !!e(s.dockControl.value), l = i ? c && n() ? "reduced-motion" : typeof window < "u" && window.matchMedia?.("(pointer: coarse)").matches ? "coarse" : "fine" : "no-target";
+		if (u.value = {
+			...u.value,
+			phase: "receiving",
+			path: l,
+			run: u.value.run + 1,
+			interruptions: u.value.interruptions + Number(r),
+			startedAtMs: d(),
+			settledAtMs: null,
+			handedOffAtMs: null,
+			completedAtMs: null,
+			latencyMs: null,
+			travelPx: 0,
+			scaleRatio: 1,
+			latencyBandMs: null,
+			travelBandPx: a[l].travelPx,
+			scaleBand: a[l].scaleRatio,
+			withinBand: null
+		}, !i) {
+			t.style.opacity = "0", g();
+			return;
+		}
+		_.play();
+	}
+	function y() {
+		let t = _.playing.value;
+		_.cancel(), _.clear(e(o.value)), u.value = {
+			...u.value,
+			phase: "reset",
+			interruptions: u.value.interruptions + Number(t),
+			resets: u.value.resets + 1,
+			completedAtMs: null,
+			latencyMs: null,
+			withinBand: null
+		};
+	}
+	return {
+		receive: v,
+		reset: y,
+		setPending: p,
+		clearPending: m,
+		pending: r(l),
+		playing: _.playing,
+		progress: _.progress,
+		observables: r(u)
+	};
+}
+//#endregion
+export { o as n, a as t };

package/dist/useDocumentVisibility-Dh_TGXsU.js

@@ -0,0 +1,21 @@
+import { getCurrentScope as e, onScopeDispose as t, ref as n } from "vue";
+//#region src/composables/dom/useDocumentVisibility.ts
+function r() {
+	return typeof document > "u" ? null : document;
+}
+function i() {
+	let i = r(), a = n(!!i?.hidden), o = !1, s = () => {
+		o || (o = !0, i?.removeEventListener("visibilitychange", c));
+	}, c = () => {
+		a.value = !!i?.hidden;
+	};
+	return i ? (i.addEventListener("visibilitychange", c), e() && t(s), {
+		hidden: a,
+		dispose: s
+	}) : {
+		hidden: a,
+		dispose: s
+	};
+}
+//#endregion
+export { i as t };

package/dist/useDragMorph-BogSV_nv.js

@@ -0,0 +1,293 @@
+import { t as e } from "./motionTempo-tscp92Nm.js";
+import { n as t } from "./springPresets-rCii5KqX.js";
+import { t as n } from "./useLiquidFlex-TJZmRqyY.js";
+import { t as r } from "./asElement-CRnm6A2v.js";
+import { computed as i, nextTick as a, onScopeDispose as o, readonly as s, ref as c, watch as l } from "vue";
+import { Draggable as u, NumericAnimation as d, SpringProgress as f, springTimingFunction as p } from "@mkbabb/keyframes.js";
+//#region src/composables/motion/morph/useElementMorph.ts
+function m(e) {
+	let t = e.style.transitionProperty;
+	return e.style.transitionProperty = "none", () => {
+		e.style.transitionProperty = t;
+	};
+}
+function h() {
+	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+var g = (e) => e < 0 ? 0 : e > 1 ? 1 : e, _ = (e) => ({
+	x: e.x,
+	y: e.y,
+	width: e.width,
+	height: e.height
+}), v = (e) => e.x + e.width / 2, y = (e) => e.y + e.height / 2;
+function b(n, i) {
+	let a = i.respectReducedMotion !== !1, u = i.channels?.opacity !== !1, f = Math.max(0, i.channels?.blur ?? 0), { response: b, dampingFraction: x } = t(i.preset ?? "snappy"), S = p({
+		response: b,
+		dampingFraction: x
+	}), C = c(!1), w = c(0), T = c(null), E = null, D = null, O = null, k = null, A = "", j = b * 4 * 1e3, M = null, N = null;
+	function P() {
+		let e = E;
+		E = null, e?.stop();
+	}
+	function F() {
+		N?.disconnect(), N = null;
+	}
+	function I(e) {
+		let t = e ?? r(n.value);
+		t && (t.style.transform = "", t.style.transformOrigin = "", t.style.opacity = "", t.style.filter = ""), M?.(), M = null;
+	}
+	function L() {
+		let e = D;
+		P(), F(), e ? I(e) : (M?.(), M = null), D = null, O = null, k = null, C.value = !1;
+	}
+	function R(e) {
+		let t = e.style.transform;
+		e.style.transform = "";
+		let n = _(e.getBoundingClientRect());
+		return e.style.transform = t, n;
+	}
+	function z(e, t) {
+		if (e === "self") return t;
+		let n = r(e.value);
+		return n ? _(n.getBoundingClientRect()) : null;
+	}
+	function B(e) {
+		let t = R(e), n = z(i.source, t), r = z(i.destination, t);
+		return !n || !r ? null : {
+			base: t,
+			source: n,
+			destination: r
+		};
+	}
+	function V(e, t) {
+		let n = g(t), { base: r, source: a, destination: o } = e, s = a.width + (o.width - a.width) * n, c = a.height + (o.height - a.height) * n, l = a.x + (o.x - a.x) * n, d = a.y + (o.y - a.y) * n, p = r.width > 0 ? s / r.width : 1, m = r.height > 0 ? c / r.height : 1, h = i.source === "self", _ = i.destination === "self", b = h === _ ? 1 : h ? 1 - n : n, x = h === _ ? 0 : h ? f * n : f * (1 - n);
+		return {
+			translateX: l + s / 2 - v(r),
+			translateY: d + c / 2 - y(r),
+			scaleX: p,
+			scaleY: m,
+			opacity: u ? b : 1,
+			blur: x,
+			clock: n
+		};
+	}
+	function H(e, t) {
+		O = t, e.style.transform = `translate(${t.translateX}px, ${t.translateY}px) scale(${t.scaleX}, ${t.scaleY})`, e.style.transformOrigin = "center center", u && (e.style.opacity = String(g(t.opacity))), f > 0 && (e.style.filter = `blur(${Math.max(0, t.blur).toFixed(2)}px)`);
+	}
+	function U(e) {
+		let { base: t, source: n, destination: r } = e;
+		return [
+			t.x,
+			t.y,
+			t.width,
+			t.height,
+			n.x,
+			n.y,
+			n.width,
+			n.height,
+			r.x,
+			r.y,
+			r.width,
+			r.height
+		].join(":");
+	}
+	function W(e) {
+		let { source: t, destination: n } = e;
+		T.value = {
+			travelPx: Math.hypot(v(n) - v(t), y(n) - y(t)),
+			scaleX: t.width > 0 ? n.width / t.width : 1,
+			scaleY: t.height > 0 ? n.height / t.height : 1,
+			durationMs: j
+		};
+	}
+	function G(e, t) {
+		if (t && E !== t) return;
+		E = null, F();
+		let n = k ? V(k, 1) : null;
+		I(e), u && n && (e.style.opacity = String(g(n.opacity))), D = null, O = null, w.value = 1, C.value = !1, i.onSettled?.();
+	}
+	function K(e, t, a, o, s) {
+		let c = new d([{
+			...t,
+			clock: 0
+		}, {
+			...a,
+			clock: 1
+		}], {
+			duration: s,
+			timingFunction: S
+		});
+		E = c, c.play((t) => {
+			if (E !== c) return;
+			if (r(n.value) !== e) {
+				L();
+				return;
+			}
+			let a = g(t.clock), s = o + (1 - o) * a;
+			w.value = s, H(e, t), i.onFrame?.(s);
+		}).then(() => G(e, c));
+	}
+	function q(e) {
+		if (F(), typeof ResizeObserver > "u") return;
+		N = new ResizeObserver(J);
+		let t = /* @__PURE__ */ new Set([e]);
+		for (let e of [i.source, i.destination]) if (e !== "self") {
+			let n = r(e.value);
+			n && t.add(n);
+		}
+		t.forEach((e) => N?.observe(e));
+	}
+	function J() {
+		let e = D;
+		if (!e || !C.value || !O) return;
+		let t = B(e);
+		if (!t) return;
+		let n = U(t);
+		if (n === A) return;
+		A = n, k = t, W(t);
+		let r = O, i = w.value;
+		P(), K(e, r, V(t, 1), i, Math.max(1, j * (1 - i)));
+	}
+	function Y() {
+		let t = r(n.value);
+		if (!t) return;
+		let i = E !== null && D === t && O !== null, o = i ? O : null;
+		P(), i || (M?.(), M = m(t)), D = t, j = b * 4 * 1e3 * e(t);
+		let s = B(t);
+		if (!s) {
+			C.value = !0, k = null, G(t);
+			return;
+		}
+		k = s, A = U(s), W(s);
+		let c = o ?? V(s, 0);
+		if (H(t, c), w.value = 0, C.value = !0, a && h() || typeof requestAnimationFrame != "function") {
+			G(t);
+			return;
+		}
+		q(t), K(t, c, V(s, 1), 0, j);
+	}
+	function X(e) {
+		let t = r(n.value);
+		if (!t || C.value) return;
+		let i = B(t);
+		if (!i) {
+			u && (t.style.opacity = e < 1 ? "0" : "1");
+			return;
+		}
+		k = i, H(t, V(i, e));
+	}
+	function Z(e, t) {
+		let i = r(n.value);
+		i && (P(), F(), D = i, M ??= m(i), i.style.transform = `translate(${e}px, ${t}px)`, i.style.transformOrigin = "center center");
+	}
+	let Q = [i.source, i.destination].filter((e) => e !== "self"), $ = l(() => Q.map((e) => e.value), () => {
+		!D || !C.value || (q(D), J());
+	}, { flush: "post" });
+	return o(() => {
+		$(), L();
+	}), {
+		play: Y,
+		cancel: L,
+		clear: I,
+		seat: X,
+		offset: Z,
+		refresh: J,
+		playing: s(C),
+		progress: s(w),
+		measurement: s(T)
+	};
+}
+//#endregion
+//#region src/composables/motion/morph/useDragMorph.ts
+function x() {
+	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function S(e) {
+	let r = () => typeof e.axis == "function" ? e.axis() : e.axis, l = () => typeof e.snapTargets == "function" ? e.snapTargets() : e.snapTargets, d = e.respectReducedMotion !== !1, p = b(e.surface ?? e.handle, {
+		source: "self",
+		destination: "self",
+		channels: { opacity: !1 },
+		respectReducedMotion: !1
+	}), m = c(!1), h = c(0), { response: g, dampingFraction: _ } = t("snappy"), v = null, y = null;
+	function S() {
+		if (v) return v;
+		let t = new f({
+			response: g,
+			dampingFraction: _,
+			respectReducedMotion: d
+		});
+		return v = t, y = t.subscribe((n) => {
+			if (h.value = n, A) {
+				let e = n - T.value;
+				r() === "y" ? p.offset(0, e) : p.offset(e, 0);
+			}
+			if (d && x() || C.drive(E(n)), A && !m.value && t.settled && !k) {
+				let t = O(n);
+				t != null && (k = !0, A = !1, e.onSnap(t), a(() => p.clear()));
+			}
+		}), t.play(() => {}), t;
+	}
+	let C = n({
+		from: 0,
+		to: 1,
+		axis: "width",
+		squishLaw: "tanh",
+		maxStretch: e.maxStretch ?? (() => 1.08)
+	}), w = i(() => d && x() ? 1 : C.stretch.value), T = c(0);
+	function E(e) {
+		let t = l();
+		if (t.length < 2) return 0;
+		let n = t[0].center, r = t[t.length - 1].center - n;
+		if (r === 0) return 0;
+		let i = (e - n) / r;
+		return i < 0 ? 0 : i > 1 ? 1 : i;
+	}
+	function D(e) {
+		let t = l();
+		if (t.length === 0) return null;
+		let n = t[0], r = Math.abs(e - n.center);
+		for (let i = 1; i < t.length; i++) {
+			let a = t[i], o = Math.abs(e - a.center);
+			o < r && (n = a, r = o);
+		}
+		return n;
+	}
+	let O = (e) => D(e)?.value ?? null, k = !1, A = !1, j = null, M = null, N = null;
+	function P() {
+		N?.removeEventListener("pointerdown", F), N = null, M?.(), M = null, j?.detach();
+		let t = e.handle.value;
+		t && (N = t, j = new u({
+			spring: S(),
+			axis: r(),
+			snap: l().map((e) => e.center)
+		}), t.addEventListener("pointerdown", F), M = j.attach(t));
+	}
+	function F() {
+		m.value = !0, k = !1, A = !0, T.value = S().value;
+	}
+	function I() {
+		m.value &&= !1;
+	}
+	function L() {
+		typeof window > "u" || (window.addEventListener("pointerup", I), window.addEventListener("pointercancel", I));
+	}
+	function R() {
+		typeof window > "u" || (window.removeEventListener("pointerup", I), window.removeEventListener("pointercancel", I));
+	}
+	function z() {
+		m.value || P();
+	}
+	P(), L();
+	function B() {
+		N?.removeEventListener("pointerdown", F), N = null, M?.(), M = null, R(), y?.(), y = null, v?.dispose(), v = null, j?.dispose(), j = null, p.cancel(), p.clear();
+	}
+	return o(B), {
+		dragging: s(m),
+		position: s(h),
+		stretch: s(w),
+		refresh: z,
+		detach: B
+	};
+}
+//#endregion
+export { b as i, m as n, h as r, S as t };

package/dist/{useIntersectionPause-B-dbxl9w.js → useIntersectionPause-B5mAU6XY.js}

@@ -1,38 +1,38 @@
-import { t as e } from "./useDocumentVisibility-YeBDGqtI.js";
+import { t as e } from "./useDocumentVisibility-Dh_TGXsU.js";
 import { getCurrentScope as t, onScopeDispose as n, readonly as r, ref as i, toValue as a, watch as o } from "vue";
-//#region src/composables/motion/useIntersectionPause.ts
+//#region src/composables/motion/core/useIntersectionPause.ts
 function s(s, c, l = {}) {
-	let { root: u = null, rootMargin: d = "0px", threshold: f = 0, pauseWhenHidden: p = !0 } = l, m = i(!0), h = i(!0), g = i(!1), _ = !1, v = null, y = null, b = null;
-	function x() {
+	let { root: u = null, rootMargin: d = "0px", threshold: f = 0, pauseWhenHidden: p = !0 } = l, m = i(!0), h = i(!0), g = i(!1), _ = !1, v = null, y = null, b = null, x = null, S = null;
+	function C() {
 		if (_) return;
 		let e = !m.value || !h.value;
 		g.value = e, y !== e && (y = e, e ? c.pause() : c.resume());
 	}
 	typeof IntersectionObserver < "u" && (b = new IntersectionObserver((e) => {
-		for (let t of e) t.target === v && (m.value = t.isIntersecting || t.intersectionRatio > 0, x());
+		for (let t of e) t.target === v && (m.value = t.isIntersecting || t.intersectionRatio > 0, C());
 	}, {
 		root: u,
 		rootMargin: d,
 		threshold: f
 	}));
-	let S = o(() => a(s), (e, t) => {
-		t && b && b.unobserve(t), v = e ?? null, m.value = !0, v && b && b.observe(v), x();
+	let w = o(() => a(s), (e, t) => {
+		t && b && b.unobserve(t), v = e ?? null, m.value = !0, v && b && b.observe(v), C();
 	}, { immediate: !0 });
 	if (p) {
-		let { hidden: t } = e();
-		h.value = !t.value, o(t, (e) => {
-			h.value = !e, x();
+		let t = e(), { hidden: n } = t;
+		S = t.dispose, h.value = !n.value, x = o(n, (e) => {
+			h.value = !e, C();
 		}, { flush: "sync" });
 	}
-	function C() {
-		_ || (_ = !0, S(), b?.disconnect(), b = null, v = null);
+	function T() {
+		_ || (_ = !0, w(), x?.(), x = null, S?.(), S = null, b?.disconnect(), b = null, v = null);
 	}
-	return t() && n(C), {
+	return t() && n(T), {
 		isIntersecting: r(m),
 		isDocumentVisible: r(h),
 		isPaused: r(g),
-		refresh: x,
-		dispose: C
+		refresh: C,
+		dispose: T
 	};
 }
 //#endregion

package/dist/useLeadTrail-AW1-zZcd.js

@@ -0,0 +1,74 @@
+import { n as e } from "./useReducedMotion-vCXA_vyM.js";
+import { onScopeDispose as t, readonly as n, ref as r, watch as i } from "vue";
+//#region src/composables/motion/morph/useLeadTrail.ts
+var a = .68, o = .64, s = .27, c = 8, l = .3, u = 2, d = 40;
+function f(f = {}) {
+	let p = f.response ?? a, m = f.damping ?? o, h = f.trailTau ?? s, g = f.respectReducedMotion !== !1, _ = f.onFrame, v = 2 * Math.PI / p, y = r(0), b = r(0), x = r(!0), S = 0, C = 0, w = 0, T = 0, E = 0, D = 0, O = g ? e() : r(!1), k = typeof window < "u" && typeof window.requestAnimationFrame == "function";
+	function A() {
+		return {
+			lead: S,
+			trail: w,
+			lo: Math.min(S, w),
+			hi: Math.max(S, w),
+			settled: x.value
+		};
+	}
+	function j() {
+		y.value = S, b.value = w, _?.(A());
+	}
+	function M() {
+		return Math.abs(S - T) < l && Math.abs(C) < u && Math.abs(S - w) < l;
+	}
+	function N() {
+		E &&= (cancelAnimationFrame(E), 0);
+	}
+	function P(e) {
+		let t = D ? Math.min(e - D, d) : 1e3 / 60;
+		D = e;
+		let n = t / 1e3, r = n / c;
+		for (let e = 0; e < c; e++) {
+			let e = -v * v * (S - T) - 2 * m * v * C;
+			C += e * r, S += C * r;
+		}
+		if (w += (S - w) * (1 - Math.exp(-n / h)), j(), M()) {
+			S = T, C = 0, w = T, x.value = !0, j(), N();
+			return;
+		}
+		E = requestAnimationFrame(P);
+	}
+	function F() {
+		if (!k) {
+			j();
+			return;
+		}
+		E ||= (D = 0, requestAnimationFrame(P));
+	}
+	function I(e) {
+		if (Number.isFinite(e)) {
+			if (T = e, O.value) {
+				L(e);
+				return;
+			}
+			x.value = !1, F();
+		}
+	}
+	function L(e) {
+		Number.isFinite(e) && (N(), T = e, S = e, C = 0, w = e, x.value = !0, j());
+	}
+	let R = i(O, (e) => {
+		e && L(T);
+	}, { flush: "sync" });
+	function z() {
+		N(), R();
+	}
+	return t(z), {
+		lead: n(y),
+		trail: n(b),
+		settled: n(x),
+		drive: I,
+		seat: L,
+		dispose: z
+	};
+}
+//#endregion
+export { f as t };

package/dist/{useLiquidFlex-Ch4exNvN.js → useLiquidFlex-TJZmRqyY.js}

@@ -1,5 +1,5 @@
 import { computed as e, ref as t } from "vue";
-//#region src/composables/motion/useLiquidFlex.ts
+//#region src/composables/motion/spring/useLiquidFlex.ts
 function n(n) {
 	let { axis: r } = n, i = n.squishK ?? 1.6, a = n.squishLaw ?? "tanh", o = () => typeof n.maxStretch == "function" ? n.maxStretch() : n.maxStretch ?? 1.14, s = () => typeof n.from == "function" ? n.from() : n.from, c = () => typeof n.to == "function" ? n.to() : n.to, l = t(0), u = t(0);
 	function d(e) {