@mkbabb/glass-ui 4.1.0 → 4.2.0

package/dist/handmark.js

@@ -1,5 +1,5 @@
-import { t as e } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { n as t } from "./prng-B-d9eYX8.js";
+import { t as e } from "./_plugin-vue_export-helper-gLzyemvl.js";
+import { n as t } from "./prng-B5tIXTtj.js";
 import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, onBeforeUnmount as l, onMounted as u, openBlock as d, ref as f, renderList as p, renderSlot as m, unref as h, useId as g, watch as _ } from "vue";
 import { catmullRomToBezier as v, ellipsePoints as y, perturbPoints as b, perturbPointsClosed as x, pointsToLinear as S, useLineBoil as C, wobbleLinePoints as w } from "@mkbabb/pencil-boil";
 //#region src/components/custom/handmark/brush.ts
@@ -28,15 +28,15 @@ var T = {
 		cap: "round"
 	},
 	boil: {
-		weight: 5,
+		weight: 7,
 		weightJitter: .12,
-		thinning: .2,
+		thinning: .55,
 		taper: {
-			start: 12,
-			end: 12,
+			start: 14,
+			end: 18,
 			ease: "out-cubic"
 		},
-		ribbon: "stroke",
+		ribbon: "hull",
 		opacity: 1,
 		blend: "source-over",
 		passes: 1,
@@ -82,7 +82,7 @@ var T = {
 			end: 6,
 			ease: "linear"
 		},
-		ribbon: "stroke",
+		ribbon: "hull",
 		opacity: .8,
 		blend: "source-over",
 		passes: 2,
@@ -128,7 +128,7 @@ var T = {
 			end: 10,
 			ease: "out-cubic"
 		},
-		ribbon: "stroke",
+		ribbon: "hull",
 		opacity: .92,
 		blend: "source-over",
 		passes: 1,
@@ -194,25 +194,49 @@ var T = {
 		segments: Math.max(2, Math.round(r(e.segments, t.segments))),
 		cap: i(e.cap, t.cap)
 	};
-}, O = 100, k = 40, A = .06, j = .22, M = .66, N = .022;
-function P(e, n, r, i, a) {
+}, O = 100, k = 40, A = .06, j = .22, M = .66, N = 1.618033988749895, P = 2.5, F = .05, I = .12;
+//#endregion
+//#region src/components/custom/handmark/geometry.ts
+function L(e) {
+	return e * e * e * (e * (e * 6 - 15) + 10);
+}
+function R(e, n, r, i, a) {
 	let o = r - e;
 	if (o <= 0) return [[e, n], [r, n]];
-	let s = t(i >>> 0), c = 2 + Math.floor(s() * 3), l = o * N, u = s() * Math.PI * 2, d = .65 + s() * .35, f = .2 + s() * .3, p = Math.max(6, a), m = [];
-	for (let t = 0; t <= p; t++) {
-		let r = t / p, i = e + o * r, a = d * Math.sin(u + r * Math.PI * 2 * c) + f * Math.sin(u * 1.7 + r * Math.PI * 2 * (c + 1)), h = Math.sin(Math.PI * r), g = (s() - .5) * .4;
-		m.push([i, n + l * (a + g) * h]);
+	let s = i >>> 0, c = o * F, l = t(s), u = 0, d = Array.from({ length: 4 }, (e, n) => {
+		let r = l() * 10, i = P * N ** +n, a = (1 / N) ** n;
+		u += a;
+		let o = t((s ^ Math.imul(2654435769, n + 1)) >>> 0), c = /* @__PURE__ */ new Map(), d = (e) => {
+			let t = c.get(e);
+			return t === void 0 && (t = o(), c.set(e, t)), t;
+		};
+		return {
+			phase: r,
+			freq: i,
+			weight: a,
+			vnoise: (e) => {
+				let t = Math.floor(e), n = e - t, r = d(t);
+				return r + (d(t + 1) - r) * L(n);
+			}
+		};
+	}), f = Math.max(6, a), p = [];
+	for (let t = 0; t <= f; t++) {
+		let r = t / f, i = e + o * r, a = 0;
+		for (let e of d) a += e.weight * (e.vnoise(r * e.freq + e.phase) * 2 - 1);
+		a /= u;
+		let s = 1;
+		r < .12 ? s = .5 - .5 * Math.cos(r / I * Math.PI) : r > .88 && (s = .5 - .5 * Math.cos((1 - r) / I * Math.PI)), p.push([i, n + c * a * s]);
 	}
-	return m;
+	return p;
 }
-function F(e, t, n = null, r = null, i = !1) {
+function z(e, t, n = null, r = null, i = !1) {
 	let a = n ? n.x : 4, o = n ? n.x + n.w : 96, s = n ? n.y + n.h / 2 : 40 / 2, c = n ? n.y + n.h * .92 : r == null ? 32 : 40 * (r + A), l = t.seed ?? 1, u = t.segments ?? 9, d = (e, n, r, i, a = 0) => w(e, n, r, i, {
 		...t,
 		seed: l + a
 	});
 	switch (e) {
 		case "underline": return {
-			lines: [i ? P(a, c, o, l, u) : d(a, c, o, c)],
+			lines: [i ? R(a, c, o, l, u) : d(a, c, o, c)],
 			closed: !1
 		};
 		case "strikethrough": return {
@@ -263,23 +287,23 @@ function F(e, t, n = null, r = null, i = !1) {
 		};
 	}
 }
-function I({ lines: e, closed: t }, n, r) {
+function B({ lines: e, closed: t }, n, r) {
 	return e.map((e, i) => {
 		if (t) return x(e, n, r + i);
 		let a = e[0], o = e[e.length - 1];
 		return b(e, a[0], a[1], o[0], o[1], n, r + i);
 	});
 }
-function L(e, t = !1) {
+function V(e, t = !1) {
 	return e.map((e) => t ? S(e) : v(e)).join(" ");
 }
 //#endregion
 //#region src/components/custom/handmark/freehand.ts
-var R = (e, t) => [e[0] + t[0], e[1] + t[1]], z = (e, t) => [e[0] - t[0], e[1] - t[1]], B = (e, t) => [e[0] * t, e[1] * t], V = (e) => [-e[0], -e[1]], H = (e) => [e[1], -e[0]], U = (e, t) => e[0] * t[0] + e[1] * t[1], ee = (e) => e[0] * e[0] + e[1] * e[1], W = (e, t) => ee(z(e, t)), te = (e, t) => Math.hypot(e[1] - t[1], e[0] - t[0]), G = (e) => B(e, 1 / (Math.hypot(e[0], e[1]) || 1)), K = (e, t, n) => R(e, B(z(t, e), n)), q = (e, t) => B(R(e, t), .5), J = (e, t, n) => {
+var H = (e, t) => [e[0] + t[0], e[1] + t[1]], U = (e, t) => [e[0] - t[0], e[1] - t[1]], W = (e, t) => [e[0] * t, e[1] * t], ee = (e) => [-e[0], -e[1]], G = (e) => [e[1], -e[0]], te = (e, t) => e[0] * t[0] + e[1] * t[1], ne = (e) => e[0] * e[0] + e[1] * e[1], K = (e, t) => ne(U(e, t)), re = (e, t) => Math.hypot(e[1] - t[1], e[0] - t[0]), q = (e) => W(e, 1 / (Math.hypot(e[0], e[1]) || 1)), J = (e, t, n) => H(e, W(U(t, e), n)), Y = (e, t) => W(H(e, t), .5), X = (e, t, n) => {
 	let r = Math.sin(n), i = Math.cos(n), a = e[0] - t[0], o = e[1] - t[1];
 	return [a * i - o * r + t[0], a * r + o * i + t[1]];
-}, { min: Y, PI: ne } = Math, X = ne + 1e-4, Z = (e) => e;
-function Q(e, t = {}) {
+}, { min: Z, PI: ie } = Math, Q = ie + 1e-4, ae = (e) => e;
+function oe(e, t = {}) {
 	let { streamline: n = .5, size: r = 16, last: i = !1 } = t;
 	if (e.length === 0) return [];
 	let a = .15 + (1 - n) * .85, o = e.map((e) => [
@@ -289,9 +313,9 @@ function Q(e, t = {}) {
 	]);
 	if (o.length === 2) {
 		let e = o[1];
-		o[1] = K(o[0], e, .5), o.push(e);
+		o[1] = J(o[0], e, .5), o.push(e);
 	}
-	o.length === 1 && o.push([...R(o[0], [1, 1]), ...o[0].slice(2)]);
+	o.length === 1 && o.push([...H(o[0], [1, 1]), ...o[0].slice(2)]);
 	let s = [{
 		point: [o[0][0], o[0][1]],
 		pressure: o[0][2] >= 0 ? o[0][2] : .25,
@@ -300,9 +324,9 @@ function Q(e, t = {}) {
 		runningLength: 0
 	}], c = !1, l = 0, u = s[0], d = o.length - 1;
 	for (let e = 1; e < o.length; e++) {
-		let t = i && e === d ? [o[e][0], o[e][1]] : K(u.point, [o[e][0], o[e][1]], a);
-		if (W(u.point, t) < 1e-4) continue;
-		let n = te(t, u.point);
+		let t = i && e === d ? [o[e][0], o[e][1]] : J(u.point, [o[e][0], o[e][1]], a);
+		if (K(u.point, t) < 1e-4) continue;
+		let n = re(t, u.point);
 		if (l += n, e < d && !c) {
 			if (l < r) continue;
 			c = !0;
@@ -310,94 +334,94 @@ function Q(e, t = {}) {
 		u = {
 			point: t,
 			pressure: o[e][2] >= 0 ? o[e][2] : .5,
-			vector: G(z(u.point, t)),
+			vector: q(U(u.point, t)),
 			distance: n,
 			runningLength: l
 		}, s.push(u);
 	}
 	return s.length > 0 && (s[0].vector = s[1]?.vector ?? [0, 0]), s;
 }
-function re(e, t = {}) {
-	let { size: n = 16, smoothing: r = .5, thinning: i = .5, simulatePressure: a = !0, easing: o = Z, start: s = {}, end: c = {}, last: l = !1 } = t, { cap: u = !0, easing: d = (e) => e * (2 - e) } = s, { cap: f = !0, easing: p = (e) => --e * e * e + 1 } = c;
+function se(e, t = {}) {
+	let { size: n = 16, smoothing: r = .5, thinning: i = .5, simulatePressure: a = !0, easing: o = ae, start: s = {}, end: c = {}, last: l = !1 } = t, { cap: u = !0, easing: d = (e) => e * (2 - e) } = s, { cap: f = !0, easing: p = (e) => --e * e * e + 1 } = c;
 	if (e.length === 0 || n <= 0) return [];
 	let m = e[e.length - 1].runningLength, h = s.taper === !1 ? 0 : s.taper === !0 ? Math.max(n, m) : s.taper ?? 0, g = c.taper === !1 ? 0 : c.taper === !0 ? Math.max(n, m) : c.taper ?? 0, _ = (n * r) ** 2, v = [], y = [], b = [], x = e.slice(0, 10).reduce((e, t) => {
 		let r = t.pressure;
 		if (a) {
-			let i = Y(1, t.distance / n);
-			r = Y(1, e + (Y(1, 1 - i) - e) * (i * .275));
+			let i = Z(1, t.distance / n);
+			r = Z(1, e + (Z(1, 1 - i) - e) * (i * .275));
 		}
 		return (e + r) / 2;
-	}, e[0].pressure), S = ie(n, i, e[e.length - 1].pressure, o), C, w = e[0].vector, T = e[0].point, E = T, D = T, O = E, k = !1;
+	}, e[0].pressure), S = ce(n, i, e[e.length - 1].pressure, o), C, w = e[0].vector, T = e[0].point, E = T, D = T, O = E, k = !1;
 	for (let t = 0; t < e.length; t++) {
 		let { pressure: r } = e[t], { point: s, vector: c, distance: l, runningLength: u } = e[t];
 		if (t < e.length - 1 && m - u < 3) continue;
 		if (i) {
 			if (a) {
-				let e = Y(1, l / n), t = Y(1, 1 - e);
-				r = Y(1, x + (t - x) * (e * .275));
+				let e = Z(1, l / n), t = Z(1, 1 - e);
+				r = Z(1, x + (t - x) * (e * .275));
 			}
-			S = ie(n, i, r, o);
+			S = ce(n, i, r, o);
 		} else S = n / 2;
 		C === void 0 && (C = S);
 		let f = u < h ? d(u / h) : 1, A = m - u < g ? p((m - u) / g) : 1;
 		S = Math.max(.01, S * Math.min(f, A));
-		let j = (t < e.length - 1 ? e[t + 1] : e[t]).vector, M = t < e.length - 1 ? U(c, j) : 1, N = U(c, w) < 0 && !k, P = M !== null && M < .2;
+		let j = (t < e.length - 1 ? e[t + 1] : e[t]).vector, M = t < e.length - 1 ? te(c, j) : 1, N = te(c, w) < 0 && !k, P = M !== null && M < .2;
 		if (N || P) {
-			let e = B(H(w), S);
-			for (let t = 0; t <= 1; t += .07692307692307693) D = J(z(s, e), s, X * t), v.push(D), O = J(R(s, e), s, X * -t), y.push(O);
+			let e = W(G(w), S);
+			for (let t = 0; t <= 1; t += .07692307692307693) D = X(U(s, e), s, Q * t), v.push(D), O = X(H(s, e), s, Q * -t), y.push(O);
 			T = D, E = O, P && (k = !0);
 			continue;
 		}
 		if (k = !1, t === e.length - 1) {
-			let e = B(H(c), S);
-			v.push(z(s, e)), y.push(R(s, e));
+			let e = W(G(c), S);
+			v.push(U(s, e)), y.push(H(s, e));
 			continue;
 		}
-		let F = B(H(K(j, c, M)), S);
-		D = z(s, F), (t <= 1 || W(T, D) > _) && (v.push(D), T = D), O = R(s, F), (t <= 1 || W(E, O) > _) && (y.push(O), E = O), x = r, w = c, b.push(S);
+		let F = W(G(J(j, c, M)), S);
+		D = U(s, F), (t <= 1 || K(T, D) > _) && (v.push(D), T = D), O = H(s, F), (t <= 1 || K(E, O) > _) && (y.push(O), E = O), x = r, w = c, b.push(S);
 	}
-	let A = e[0].point.slice(0, 2), j = e.length > 1 ? e[e.length - 1].point.slice(0, 2) : R(e[0].point, [1, 1]), M = [], N = [];
+	let A = e[0].point.slice(0, 2), j = e.length > 1 ? e[e.length - 1].point.slice(0, 2) : H(e[0].point, [1, 1]), M = [], N = [];
 	if (e.length === 1) {
 		if (!(h || g) || l) {
-			let e = R(A, B(G(H(z(A, j))), -(C ?? S))), t = [];
-			for (let n = 1 / 13, r = n; r <= 1; r += n) t.push(J(e, A, X * 2 * r));
+			let e = H(A, W(q(G(U(A, j))), -(C ?? S))), t = [];
+			for (let n = 1 / 13, r = n; r <= 1; r += n) t.push(X(e, A, Q * 2 * r));
 			return t;
 		}
 	} else {
 		if (!(h || g && e.length === 1)) if (u) for (let e = 1 / 13, t = e; t <= 1; t += e) {
-			let e = J(y[0], A, X * t);
+			let e = X(y[0], A, Q * t);
 			M.push(e);
 		}
 		else {
-			let e = z(v[0], y[0]), t = B(e, .5), n = B(e, .51);
-			M.push(z(A, t), z(A, n), R(A, n), R(A, t));
+			let e = U(v[0], y[0]), t = W(e, .5), n = W(e, .51);
+			M.push(U(A, t), U(A, n), H(A, n), H(A, t));
 		}
-		let t = H(V(e[e.length - 1].vector));
+		let t = G(ee(e[e.length - 1].vector));
 		if (g || h && e.length === 1) N.push(j);
 		else if (f) {
-			let e = R(j, B(t, S));
-			for (let t = 1 / 29, n = t; n < 1; n += t) N.push(J(e, j, X * 3 * n));
-		} else N.push(R(j, B(t, S)), R(j, B(t, S * .99)), z(j, B(t, S * .99)), z(j, B(t, S)));
+			let e = H(j, W(t, S));
+			for (let t = 1 / 29, n = t; n < 1; n += t) N.push(X(e, j, Q * 3 * n));
+		} else N.push(H(j, W(t, S)), H(j, W(t, S * .99)), U(j, W(t, S * .99)), U(j, W(t, S)));
 	}
 	return v.concat(N, y.reverse(), M);
 }
-function ie(e, t, n, r = Z) {
+function ce(e, t, n, r = ae) {
 	if (!t) return e / 2;
 	let i = n;
 	return i < 0 && (i = 0), i > 1 && (i = 1), e * r(.5 - t * (.5 - i)) * .5 + e / 2 * (1 - Math.abs(t));
 }
-function ae(e, t = {}) {
-	return re(Q(e, t), t);
+function le(e, t = {}) {
+	return se(oe(e, t), t);
 }
-function oe(e, t = !0) {
+function ue(e, t = !0) {
 	if (e.length < 4) return "";
-	let n = e[0], r = e[1], i = e[2], a = `M${n[0].toFixed(2)},${n[1].toFixed(2)} Q${r[0].toFixed(2)},${r[1].toFixed(2)} ${q(r, i)[0].toFixed(2)},${q(r, i)[1].toFixed(2)} T`;
-	for (let t = 2, i = e.length - 1; t < i; t++) n = e[t], r = e[t + 1], a += `${q(n, r)[0].toFixed(2)},${q(n, r)[1].toFixed(2)} `;
+	let n = e[0], r = e[1], i = e[2], a = `M${n[0].toFixed(2)},${n[1].toFixed(2)} Q${r[0].toFixed(2)},${r[1].toFixed(2)} ${Y(r, i)[0].toFixed(2)},${Y(r, i)[1].toFixed(2)} T`;
+	for (let t = 2, i = e.length - 1; t < i; t++) n = e[t], r = e[t + 1], a += `${Y(n, r)[0].toFixed(2)},${Y(n, r)[1].toFixed(2)} `;
 	return t && (a += "Z"), a;
 }
 //#endregion
 //#region src/components/custom/handmark/texture.ts
-function se(e, t, n) {
+function de(e, t, n) {
 	if (t.grain <= 0 && t.grainScale <= 0) return "";
 	let r = (n ^ 34283) & 65535, i = (.55 - t.grain * .42).toFixed(3), a = t.grain > 0 ? "in" : "over";
 	return `
@@ -416,33 +440,52 @@ function $(e) {
 }
 //#endregion
 //#region src/components/custom/handmark/ink.ts
-function ce(e) {
+function fe(e) {
 	let t = 0;
 	for (let n = 1; n < e.length; n++) t += Math.hypot(e[n][0] - e[n - 1][0], e[n][1] - e[n - 1][1]);
 	return t;
 }
-function le(e, n, r) {
-	let i = t(r >>> 0);
-	return e.map((t, r) => {
-		let a = r / Math.max(1, e.length - 1), o = .5 + .35 * Math.sin(Math.PI * a) + (i() - .5) * n.weightJitter * .4;
+function pe(e) {
+	let t = e.length;
+	if (t < 3) return e;
+	let n = [e[0]];
+	for (let r = 1; r < t - 1; r++) {
+		let t = e[r - 1], i = e[r + 1], a = e[r];
+		n.push([.25 * t[0] + .5 * a[0] + .25 * i[0], .25 * t[1] + .5 * a[1] + .25 * i[1]]);
+	}
+	return n.push(e[t - 1]), n;
+}
+function me(e, t) {
+	let n = e.length;
+	if (t <= 0 || t >= n - 1) return 0;
+	let r = e[t - 1], i = e[t], a = e[t + 1], o = i[0] - r[0], s = i[1] - r[1], c = a[0] - i[0], l = a[1] - i[1], u = Math.hypot(o, s), d = Math.hypot(c, l);
+	if (u === 0 || d === 0) return 0;
+	let f = Math.abs(o * l - s * c) / (u * d);
+	return Math.min(1, f);
+}
+var he = 2.5, ge = .9;
+function _e(e, n, r) {
+	let i = t(r >>> 0), a = pe(e);
+	return e.map((e, t) => {
+		let r = ge * (1 - he * me(a, t)) + (i() - .5) * n.weightJitter * .4;
 		return [
-			t[0],
-			t[1],
-			Math.max(.05, Math.min(1, o))
+			e[0],
+			e[1],
+			Math.max(.05, Math.min(1, r))
 		];
 	});
 }
-function ue(e) {
+function ve(e) {
 	return e === "out-cubic" ? (e) => 1 - (1 - e) ** 3 : (e) => e;
 }
-function de(e, n, r, i, a, o = !1) {
+function ye(e, n, r, i, a, o = !1) {
 	if (n.stamp) {
 		let a = t(r >>> 0), o = n.stamp({
 			centerline: e,
 			brush: n,
 			rng: a,
 			seed: r,
-			length: ce(e),
+			length: fe(e),
 			color: i
 		});
 		return {
@@ -455,22 +498,22 @@ function de(e, n, r, i, a, o = !1) {
 	for (let t = 0; t < n.passes; t++) {
 		let a = e[0], o = e[e.length - 1], l = b(e, a[0], a[1], o[0], o[1], n.weight * .06, r + 991 * t), u = n.opacity * (1 - n.passOpacity * t);
 		if (n.ribbon === "hull") {
-			let e = ae(le(l, n, r + 7 * t), {
+			let e = _e(l, n, r + 7 * t), a = Math.max(.12, Math.min(.6, .875 - .75 * n.roughness)), o = le(e, {
 				size: n.weight,
 				thinning: n.thinning,
-				streamline: Math.max(.1, .55 - n.roughness * .1),
+				streamline: a,
 				last: !0,
 				start: {
 					taper: n.taper.start,
-					easing: ue(n.taper.ease)
+					easing: ve(n.taper.ease)
 				},
 				end: {
 					taper: n.taper.end,
-					easing: ue(n.taper.ease)
+					easing: ve(n.taper.ease)
 				}
 			});
 			s.push({
-				d: oe(e),
+				d: ue(o),
 				fill: i,
 				opacity: u,
 				blend: n.blend,
@@ -484,7 +527,7 @@ function de(e, n, r, i, a, o = !1) {
 			cap: n.cap
 		});
 	}
-	let l = $(n) ? se(a, n, r) : "";
+	let l = $(n) ? de(a, n, r) : "";
 	return {
 		paths: s,
 		filterId: l ? a : null,
@@ -493,12 +536,12 @@ function de(e, n, r, i, a, o = !1) {
 }
 //#endregion
 //#region src/components/custom/handmark/composables/useHandMark.ts
-var fe = {
+var be = {
 	currentFrame: f(0),
 	start: () => {},
 	stop: () => {}
 };
-function pe(e, t, n = null) {
+function xe(e, t, n = null) {
 	return {
 		brush: e.brush ?? "pen",
 		shape: e.shape ?? "underline",
@@ -518,24 +561,24 @@ function pe(e, t, n = null) {
 		baselineFrac: n
 	};
 }
-function me(e) {
+function Se(e) {
 	let t = r(() => {
 		let t = { ...e.value.overrides ?? {} };
 		return e.value.roughness != null && (t.roughness = e.value.roughness), e.value.segments != null && (t.segments = e.value.segments), E(e.value.brush, t);
-	}), n = r(() => $(t.value)), i = r(() => F(e.value.shape, {
+	}), n = r(() => $(t.value)), i = r(() => z(e.value.shape, {
 		roughness: t.value.roughness,
 		segments: t.value.segments,
 		seed: e.value.seed,
 		jagged: e.value.jagged
-	}, e.value.box, e.value.baselineFrac, e.value.natural)), a = r(() => e.value.animation === "boil" || e.value.animation === "draw-then-boil"), o = r(() => e.value.animation === "draw-on" || e.value.animation === "draw-then-boil"), s = r(() => n.value ? "clip" : "dashoffset"), c = f(!1), l = e.value.animation === "boil" || e.value.animation === "draw-then-boil" ? C(() => a.value && c.value ? e.value.boilFrames : 1, () => Math.max(16, 1e3 / e.value.boilFps)) : fe, u = r(() => {
+	}, e.value.box, e.value.baselineFrac, e.value.natural)), a = r(() => e.value.animation === "boil" || e.value.animation === "draw-then-boil"), o = r(() => e.value.animation === "draw-on" || e.value.animation === "draw-then-boil"), s = r(() => n.value ? "clip" : "dashoffset"), c = f(!1), l = e.value.animation === "boil" || e.value.animation === "draw-then-boil" ? C(() => a.value && c.value ? e.value.boilFrames : 1, () => Math.max(16, 1e3 / e.value.boilFps)) : be, u = r(() => {
 		if (e.value.path) return e.value.path;
 		let n = i.value.lines;
 		if (a.value && c.value) {
 			let r = t.value.wobble * .4 + .4, a = l.currentFrame.value;
-			n = I(i.value, r, e.value.seed + a * 31);
+			n = B(i.value, r, e.value.seed + a * 31);
 		}
-		return L(n, e.value.jagged);
-	}), d = r(() => e.value.path ? [] : a.value && c.value ? I(i.value, t.value.wobble * .4 + .4, e.value.seed + l.currentFrame.value * 31) : i.value.lines);
+		return V(n, e.value.jagged);
+	}), d = r(() => e.value.path ? [] : a.value && c.value ? B(i.value, t.value.wobble * .4 + .4, e.value.seed + l.currentFrame.value * 31) : i.value.lines);
 	return {
 		brush: t,
 		baseGeom: i,
@@ -546,7 +589,7 @@ function me(e) {
 				defs: []
 			}, r = d.value.length ? d.value : [[]];
 			for (let i of r) {
-				let r = de(i, t.value, e.value.seed, e.value.color, e.value.filterId, e.value.jagged);
+				let r = ye(i, t.value, e.value.seed, e.value.color, e.value.filterId, e.value.jagged);
 				n.paths.push(...r.paths), r.filterId && !n.filterId && (n.filterId = r.filterId, n.defs = r.defs);
 			}
 			return n;
@@ -562,11 +605,11 @@ function me(e) {
 }
 //#endregion
 //#region src/components/custom/handmark/HandMark.vue?vue&type=script&setup=true&lang.ts
-var he = [
+var Ce = [
 	"data-shape",
 	"data-behind",
 	"data-grained"
-], ge = ["viewBox"], _e = ["innerHTML"], ve = [
+], we = ["viewBox"], Te = ["innerHTML"], Ee = [
 	"d",
 	"stroke",
 	"fill",
@@ -575,7 +618,7 @@ var he = [
 	"fill-opacity",
 	"stroke-linecap",
 	"filter"
-], ye = /* @__PURE__ */ e(/* @__PURE__ */ o({
+], De = /* @__PURE__ */ e(/* @__PURE__ */ o({
 	__name: "HandMark",
 	props: {
 		brush: { default: "pen" },
@@ -601,7 +644,7 @@ var he = [
 		points: {}
 	},
 	setup(e, { expose: t }) {
-		let o = e, v = `hm-${g().replace(/[^a-zA-Z0-9_-]/g, "")}`, y = f(null), { brush: b, fragment: x, grained: S, drawKind: C, draws: w, boils: T, boil: E, boilArmed: D } = me(r(() => pe(o, v, y.value))), O = r(() => o.shape === "highlight"), k = r(() => o.path ?? null), A = f(!1), j = f(null), M = r(() => w.value ? `${C.value === "clip" ? "clip-path" : "stroke-dashoffset"} ${o.drawMs}ms cubic-bezier(.16,1,.3,1) ${o.drawDelayMs}ms` : "none");
+		let o = e, v = `hm-${g().replace(/[^a-zA-Z0-9_-]/g, "")}`, y = f(null), { brush: b, fragment: x, grained: S, drawKind: C, draws: w, boils: T, boil: E, boilArmed: D } = Se(r(() => xe(o, v, y.value))), O = r(() => o.shape === "highlight"), k = r(() => o.path ?? null), A = f(!1), j = f(null), M = r(() => w.value ? `${C.value === "clip" ? "clip-path" : "stroke-dashoffset"} ${o.drawMs}ms cubic-bezier(.16,1,.3,1) ${o.drawDelayMs}ms` : "none");
 		function N() {
 			T.value && (D.value = !0, E.start());
 		}
@@ -681,7 +724,7 @@ var he = [
 		}, [h(x).filterId ? (d(), a("defs", {
 			key: 0,
 			innerHTML: h(x).defs[0]
-		}, null, 8, _e)) : i("", !0), (d(!0), a(n, null, p(h(x).paths, (e, t) => (d(), a("path", {
+		}, null, 8, Te)) : i("", !0), (d(!0), a(n, null, p(h(x).paths, (e, t) => (d(), a("path", {
 			key: t,
 			class: s(["hm__path", {
 				drawn: A.value,
@@ -700,8 +743,8 @@ var he = [
 			filter: h(x).filterId ? `url(#${h(x).filterId})` : void 0,
 			style: c(U(e.blend)),
 			onTransitionend: F
-		}, null, 46, ve))), 128))], 8, ge))], 8, he));
+		}, null, 46, Ee))), 128))], 8, we))], 8, Ce));
 	}
 }), [["__scopeId", "data-v-d3137a58"]]);
 //#endregion
-export { T as BRUSHES, ye as HandMark, ye as InkMark, A as UNDERLINE_GAP, k as VB_H, O as VB_W, I as boilLines, ae as getStroke, Q as getStrokePoints, oe as getSvgPathFromStroke, se as grainFilter, $ as hasGrain, de as ink, D as lerpBrush, pe as normalizeProps, E as resolveBrush, L as serialize, F as shapeGeom, me as useHandMark };
+export { T as BRUSHES, De as HandMark, De as InkMark, A as UNDERLINE_GAP, k as VB_H, O as VB_W, B as boilLines, le as getStroke, oe as getStrokePoints, ue as getSvgPathFromStroke, de as grainFilter, $ as hasGrain, ye as ink, D as lerpBrush, R as naturalUnderlinePoints, xe as normalizeProps, E as resolveBrush, V as serialize, z as shapeGeom, Se as useHandMark };

package/dist/header-ribbon.js

@@ -1,4 +1,4 @@
-import { t as e } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { t as e } from "./_plugin-vue_export-helper-gLzyemvl.js";
 import { computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, onBeforeUnmount as s, openBlock as c, ref as l, renderSlot as u } from "vue";
 //#region src/components/custom/header-ribbon/HeaderRibbon.vue?vue&type=script&setup=true&lang.ts
 var d = {

package/dist/hover-card.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./HoverCardContent-Bel1gdLZ.js";
+import { n as e, r as t, t as n } from "./HoverCardContent-DAmGYglo.js";
 export { t as HoverCard, n as HoverCardContent, e as HoverCardTrigger };

package/dist/hover-popover.js

@@ -1,2 +1,2 @@
-import { t as e } from "./HoverPopover-BcIxvyqZ.js";
+import { t as e } from "./HoverPopover-DYpBOzzF.js";
 export { e as HoverPopover };

package/dist/icon-chip.js

@@ -1,2 +1,2 @@
-import { t as e } from "./IconChip-DhbdGdFQ.js";
+import { t as e } from "./IconChip-CQa7XZYc.js";
 export { e as IconChip };

package/dist/icon-tooltip.js

@@ -1,2 +1,2 @@
-import { t as e } from "./IconTooltip-B0zimd2H.js";
+import { t as e } from "./IconTooltip-_df8M3xm.js";
 export { e as IconTooltip };

package/dist/index.d.ts

@@ -47,6 +47,9 @@ export { startViewTransition, supportsViewTransitions, navigate, supportsRouteTr
 export { vReveal } from "./composables/motion/vReveal";
 export { useTextHighlight, type HighlightMatcher, type UseTextHighlightControls, } from "./composables/motion/useTextHighlight";
 export { useLiquidFlex, type LiquidFlexAxis, type UseLiquidFlexParams, type UseLiquidFlexReturn, } from "./composables/motion/useLiquidFlex";
+export { useGooMorph, type GooBarbellRefs, type UseGooMorphParams, type UseGooMorphReturn, } from "./composables/motion/useGooMorph";
+export { useMorphField, MORPH_SIGNATURES, type MorphSignature, type MorphSignatureName, type MorphVector, type MorphTier, type MorphSilhouette, type MorphFieldRect, type BodySpec, type MorphFieldOptions, type MorphFieldHandle, } from "./composables/motion/useMorphField";
 export { usePointerVelocityField, type PointerVec2, type UsePointerVelocityField, type UsePointerVelocityFieldOptions, } from "./composables/motion/usePointerVelocityField";
 export { useCharStagger, type UseCharStaggerOptions, type UseCharStaggerReturn, } from "./composables/motion/useCharStagger";
+export { useHaptic, type HapticPattern, type UseHapticOptions, type UseHapticReturn, } from "./composables/motion/core/useHaptic";
 export * from "./utils";

package/dist/instrument-chassis.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./InstrumentChassis-CxsHSyMj.js";
+import { n as e, t } from "./InstrumentChassis-UUJX0-mW.js";
 export { e as ChassisDivider, t as InstrumentChassis };

package/dist/keyboard.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./useKeyboardShortcuts-BPRp33Im.js";
+import { a as e, i as t, n, r, t as i } from "./useKeyboardShortcuts-BEut54Tk.js";
 export { i as formatCombo, n as formatComboParts, r as isMac, t as registerShortcut, e as useRegisteredShortcuts };

package/dist/label.js

@@ -1,2 +1,2 @@
-import { t as e } from "./Label-C2ejNWeC.js";
+import { t as e } from "./Label-B_HPqi_q.js";
 export { e as Label };

package/dist/labeled-field.js

@@ -1,11 +1,11 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-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 { t } from "./_plugin-vue_export-helper-gLzyemvl.js";
+import { a as n, i as r, o as i, r as a, s as o } from "./SelectScrollDownButton-3mFHX_R-.js";
+import { t as s } from "./SelectGroup-Dcczq44n.js";
+import { n as c } from "./slider-CcICPe3u.js";
+import { t as l } from "./Switch-uf-UKPA2.js";
+import { t as u } from "./Input-CyU4_hIC.js";
+import { t as d } from "./IconTooltip-_df8M3xm.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 k = ["id", "for"], A = {

package/dist/metric-badge.js

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

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-DhbdGdFQ.js";
+import { t as n } from "./IconChip-CQa7XZYc.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

@@ -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 "./_plugin-vue_export-helper-C1je1s0u.js";
+import { t as n } from "./_plugin-vue_export-helper-gLzyemvl.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, normalizeStyle as d, openBlock as f, renderSlot as p, resolveDynamicComponent as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
 //#endregion
 //#region src/components/custom/metric-stack/MetricStack.vue