@mkbabb/glass-ui 7.0.0 → 9.0.0

package/dist/handmark.js

@@ -1,768 +1,380 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as t } from "./prng-2uS6J_A1.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/handmark/brush.ts
-var T = {
-	pen: {
-		weight: 6,
-		weightJitter: .1,
-		thinning: .15,
-		taper: {
-			start: 14,
-			end: 14,
-			ease: "out-cubic"
-		},
-		ribbon: "stroke",
-		opacity: 1,
-		blend: "source-over",
-		passes: 1,
-		passOpacity: 0,
-		grain: 0,
-		grainFreq: .1,
-		grainScale: 0,
-		octaves: 2,
-		roughness: .7,
-		wobble: 1.2,
-		segments: 9,
-		cap: "round"
-	},
-	boil: {
-		weight: 7,
-		weightJitter: .12,
-		thinning: .55,
-		taper: {
-			start: 14,
-			end: 18,
-			ease: "out-cubic"
-		},
-		ribbon: "hull",
-		opacity: 1,
-		blend: "source-over",
-		passes: 1,
-		passOpacity: 0,
-		grain: 0,
-		grainFreq: .1,
-		grainScale: 0,
-		octaves: 2,
-		roughness: .9,
-		wobble: 1.4,
-		segments: 14,
-		cap: "round"
-	},
-	pencil: {
-		weight: 3,
-		weightJitter: .3,
-		thinning: .4,
-		taper: {
-			start: 8,
-			end: 18,
-			ease: "out-cubic"
-		},
-		ribbon: "stroke",
-		opacity: .6,
-		blend: "source-over",
-		passes: 1,
-		passOpacity: 0,
-		grain: .5,
-		grainFreq: .42,
-		grainScale: 1.5,
-		octaves: 3,
-		roughness: 1,
-		wobble: 1.6,
-		segments: 11,
-		cap: "round"
-	},
-	crayon: {
-		weight: 16,
-		weightJitter: 1,
-		thinning: .25,
-		taper: {
-			start: 6,
-			end: 6,
-			ease: "linear"
-		},
-		ribbon: "hull",
-		opacity: .8,
-		blend: "source-over",
-		passes: 2,
-		passOpacity: .18,
-		grain: .85,
-		grainFreq: .16,
-		grainScale: 2.6,
-		octaves: 4,
-		roughness: 1.5,
-		wobble: 3,
-		segments: 13,
-		cap: "round"
-	},
-	ring: {
-		weight: 5,
-		weightJitter: .6,
-		thinning: .3,
-		taper: {
-			start: 8,
-			end: 12,
-			ease: "out-cubic"
-		},
-		ribbon: "stroke",
-		opacity: .55,
-		blend: "source-over",
-		passes: 1,
-		passOpacity: 0,
-		grain: .7,
-		grainFreq: .18,
-		grainScale: 1.8,
-		octaves: 4,
-		roughness: 1.4,
-		wobble: 2.6,
-		segments: 13,
-		cap: "round"
-	},
-	marker: {
-		weight: 12,
-		weightJitter: .2,
-		thinning: .1,
-		taper: {
-			start: 4,
-			end: 10,
-			ease: "out-cubic"
-		},
-		ribbon: "hull",
-		opacity: .92,
-		blend: "source-over",
-		passes: 1,
-		passOpacity: 0,
-		grain: .22,
-		grainFreq: .09,
-		grainScale: 1,
-		octaves: 3,
-		roughness: 1,
-		wobble: 2.2,
-		segments: 9,
-		cap: "square"
-	},
-	highlighter: {
-		weight: 26,
-		weightJitter: .05,
-		thinning: 0,
-		taper: {
-			start: 6,
-			end: 10,
-			ease: "out-cubic"
-		},
-		ribbon: "hull",
-		opacity: .38,
-		blend: "multiply",
-		passes: 1,
-		passOpacity: 0,
-		grain: .12,
-		grainFreq: .2,
-		grainScale: 1.5,
-		octaves: 2,
-		roughness: .5,
-		wobble: 1.4,
-		segments: 9,
-		cap: "square"
-	}
-}, E = (e, t) => ({
-	...T[typeof e == "string" ? e : "pen"],
-	...typeof e == "object" ? e : {},
-	...t
-}), D = (e, t, n) => {
-	let r = (e, t) => e + (t - e) * n, i = (e, t) => n < .5 ? e : t;
+import { n as t } from "./constants-Dk96HZHu.js";
+import { n, t as r } from "./prng-2uS6J_A1.js";
+import { Fragment as i, computed as a, createElementBlock as o, createElementVNode as s, defineComponent as c, nextTick as l, normalizeClass as u, normalizeStyle as d, onBeforeUnmount as f, onMounted as p, openBlock as m, ref as h, renderList as g, renderSlot as _, unref as v, useId as ee, watch as y } from "vue";
+//#region src/components/handmark/stroke.ts
+var b = [
+	"underline",
+	"strike",
+	"circle",
+	"highlight"
+], x = .5444, S = .7515, C = 1, w = .6244, T = .06, E = .1, D = Math.SQRT1_2 * x, O = Math.cbrt(2), k = .055;
+O * .9115 * 1.055 * 1.036;
+var A = (e) => Math.round(e * 1e3) / 1e3, j = (e) => e * Math.PI / 180;
+function M(e) {
+	let t = n(e >>> 0);
 	return {
-		weight: r(e.weight, t.weight),
-		weightJitter: r(e.weightJitter, t.weightJitter),
-		thinning: r(e.thinning, t.thinning),
-		taper: {
-			start: r(e.taper.start, t.taper.start),
-			end: r(e.taper.end, t.taper.end),
-			ease: i(e.taper.ease, t.taper.ease)
-		},
-		ribbon: i(e.ribbon, t.ribbon),
-		opacity: r(e.opacity, t.opacity),
-		blend: i(e.blend, t.blend),
-		passes: Math.max(1, Math.round(r(e.passes, t.passes))),
-		passOpacity: r(e.passOpacity, t.passOpacity),
-		grain: r(e.grain, t.grain),
-		grainFreq: r(e.grainFreq, t.grainFreq),
-		grainScale: r(e.grainScale, t.grainScale),
-		octaves: Math.max(1, Math.round(r(e.octaves, t.octaves))),
-		roughness: r(e.roughness, t.roughness),
-		wobble: r(e.wobble, t.wobble),
-		segments: Math.max(2, Math.round(r(e.segments, t.segments))),
-		cap: i(e.cap, t.cap)
+		next: t,
+		span: (e, n) => e + t() * (n - e),
+		sign: (e = .5) => t() < e ? 1 : -1
 	};
-}, O = 100, k = 40, A = .06, j = .22, M = .66, N = 1.618033988749895, P = 2.5, F = .05, I = .12;
-//#endregion
-//#region src/components/handmark/noise.ts
-function L(e) {
-	return e * e * e * (e * (e * 6 - 15) + 10);
-}
-function R(e, n, r, i, a, o = 1) {
-	let s = r - e;
-	if (s <= 0) return [[e, n], [r, n]];
-	let c = i >>> 0, l = s * F * o, u = t(c), d = 0, f = Array.from({ length: 4 }, (e, n) => {
-		let r = u() * 10, i = P * N ** +n, a = (1 / N) ** n;
-		d += a;
-		let o = t((c ^ Math.imul(2654435769, n + 1)) >>> 0), s = /* @__PURE__ */ new Map(), l = (e) => {
-			let t = s.get(e);
-			return t === void 0 && (t = o(), s.set(e, t)), t;
-		};
-		return {
-			phase: r,
-			freq: i,
-			weight: a,
-			vnoise: (e) => {
-				let t = Math.floor(e), n = e - t, r = l(t);
-				return r + (l(t + 1) - r) * L(n);
-			}
-		};
-	}), p = Math.max(6, a), m = [];
-	for (let t = 0; t <= p; t++) {
-		let r = t / p, i = e + s * r, a = 0;
-		for (let e of f) a += e.weight * (e.vnoise(r * e.freq + e.phase) * 2 - 1);
-		a /= d;
-		let o = 1;
-		r < .12 ? o = .5 - .5 * Math.cos(r / I * Math.PI) : r > .88 && (o = .5 - .5 * Math.cos((1 - r) / I * Math.PI)), m.push([i, n + l * a * o]);
-	}
-	return m;
-}
-//#endregion
-//#region src/components/handmark/geometry.ts
-function z(e, t, n = null, r = null, i = !1, a = 40, o = 1) {
-	let s = n == null && (e === "underline" || e === "strikethrough" || e === "highlight") ? a : 40, c = n ? n.x : 4, l = n ? n.x + n.w : 96, u = n ? n.y + n.h / 2 : s / 2, d = n ? n.y + n.h * .92 : r == null ? s - 8 : s * (r + A), f = t.seed ?? 1, p = t.segments ?? 9, m = (e, n, r, i, a = 0) => w(e, n, r, i, {
-		...t,
-		seed: f + a
-	});
-	switch (e) {
-		case "underline": return {
-			lines: [i ? R(c, d, l, f, p, o) : m(c, d, l, d)],
-			closed: !1
-		};
-		case "strikethrough": return {
-			lines: [m(c, u, l, u)],
-			closed: !1
-		};
-		case "highlight": {
-			let e = n ? u : s * ((r ?? M) - j);
-			return {
-				lines: [m(c, e, l, e)],
-				closed: !1
-			};
-		}
-		case "box": {
-			let e = n ? n.y : 4, t = n ? n.y + n.h : 36;
-			return {
-				lines: [
-					m(c, e, l, e, 0),
-					m(l, e, l, t, 1),
-					m(l, t, c, t, 2),
-					m(c, t, c, e, 3)
-				],
-				closed: !1
-			};
-		}
-		case "bracket": {
-			let e = n ? n.y : 4, t = n ? n.y + n.h : 36, r = (l - c) * .22;
-			return {
-				lines: [
-					m(c + r, e, c, e, 0),
-					m(c, e, c, t, 1),
-					m(c, t, c + r, t, 2)
-				],
-				closed: !1
-			};
-		}
-		case "circle": return {
-			lines: [y(n ? n.x + n.w / 2 : 100 / 2, n ? n.y + n.h / 2 : 40 / 2, (n ? n.w / 2 : 100 / 2) - 3, (n ? n.h / 2 : 40 / 2) - 3, t)],
-			closed: !0
-		};
-		case "path": return {
-			lines: [],
-			closed: !1
-		};
-		default: return {
-			lines: [m(c, d, l, d)],
-			closed: !1
-		};
-	}
 }
-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 N(e, t) {
+	return e * .2 * t ** .75;
 }
-function V(e, t = !1) {
-	return e.map((e) => t ? S(e) : v(e)).join(" ");
+function P(e) {
+	return 140 + .55 * e;
 }
-//#endregion
-//#region src/components/handmark/freehand.ts
-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]), ie = (e) => W(e, 1 / (Math.hypot(e[0], e[1]) || 1)), q = (e, t, n) => H(e, W(U(t, e), n)), J = (e, t) => W(H(e, t), .5), Y = (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: X, PI: ae } = Math, Z = ae + 1e-4, oe = (e) => e;
-function se(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) => [
-		e[0],
-		e[1],
-		e[2] ?? .5
-	]);
-	if (o.length === 2) {
-		let e = o[1];
-		o[1] = q(o[0], e, .5), o.push(e);
-	}
-	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,
-		vector: [1, 1],
-		distance: 0,
-		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]] : q(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;
-		}
-		u = {
-			point: t,
-			pressure: o[e][2] >= 0 ? o[e][2] : .5,
-			vector: ie(U(u.point, t)),
-			distance: n,
-			runningLength: l
-		}, s.push(u);
+function F(e = 24) {
+	let t = [];
+	for (let n = 0; n <= e; n++) {
+		let r = n / e, i = r * r * r * (10 + r * (-15 + 6 * r));
+		t.push(`${A(i)} ${A(r * 100)}%`);
 	}
-	return s.length > 0 && (s[0].vector = s[1]?.vector ?? [0, 0]), s;
+	return `linear(${t.join(", ")})`;
 }
-function ce(e, t = {}) {
-	let { size: n = 16, smoothing: r = .5, thinning: i = .5, simulatePressure: a = !0, easing: o = oe, 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 = X(1, t.distance / n);
-			r = X(1, e + (X(1, 1 - i) - e) * (i * .275));
-		}
-		return (e + r) / 2;
-	}, e[0].pressure), S = Q(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 = X(1, l / n), t = X(1, 1 - e);
-				r = X(1, x + (t - x) * (e * .275));
-			}
-			S = Q(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 ? te(c, j) : 1, N = te(c, w) < 0 && !k, P = M !== null && M < .2;
-		if (N || P) {
-			let e = W(G(w), S);
-			for (let t = 0; t <= 1; t += .07692307692307693) D = Y(U(s, e), s, Z * t), v.push(D), O = Y(H(s, e), s, Z * -t), y.push(O);
-			T = D, E = O, P && (k = !0);
-			continue;
-		}
-		if (k = !1, t === e.length - 1) {
-			let e = W(G(c), S);
-			v.push(U(s, e)), y.push(H(s, e));
-			continue;
-		}
-		let F = W(G(q(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) : H(e[0].point, [1, 1]), M = [], N = [];
-	if (e.length === 1) {
-		if (!(h || g) || l) {
-			let e = H(A, W(ie(G(U(A, j))), -(C ?? S))), t = [];
-			for (let n = 1 / 13, r = n; r <= 1; r += n) t.push(Y(e, A, Z * 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 = Y(y[0], A, Z * t);
-			M.push(e);
-		}
-		else {
-			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));
+function I(e, t) {
+	let n = 1.2086000000000001 * t, r = Math.max(0, (e.height - n) / 2);
+	return e.y + r + C * t;
+}
+function L(e, t) {
+	let n = M(t.seed * 9541 + 17), r = e.width, i = I(e, t.fs), a = t.kind === "strike" ? i - D * t.fs : i + E * t.fs, o = n.span(.005, .02), s = Math.max(n.span(.012, .035), o + .004), c = n.sign(.7) * r * n.span(.006, .014), l = n.span(-.4, .4), u = Math.tan(j(n.span(-1.2, 1.2))), d = n.sign() * .55 * N(1, t.fs), f = r * (1 + o + s), p = e.x - o * r, m = Math.max(28, Math.round(f / 5)), h = [];
+	for (let e = 0; e <= m; e++) {
+		let t = e / m, n = p + t * f, r = 4 * t * (1 - t), i = a + c * (r + l * r * (1 - 2 * t)) + u * (n - p - f / 2);
+		if (t > .94) {
+			let e = (t - .94) / .06;
+			i += d * e * e;
 		}
-		let t = G(ee(e[e.length - 1].vector));
-		if (g || h && e.length === 1) N.push(j);
-		else if (f) {
-			let e = H(j, W(t, S));
-			for (let t = 1 / 29, n = t; n < 1; n += t) N.push(Y(e, j, Z * 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)));
+		h.push({
+			x: n,
+			y: i
+		});
 	}
-	return v.concat(N, y.reverse(), M);
-}
-function Q(e, t, n, r = oe) {
-	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));
+	return h;
 }
-function le(e, t = {}) {
-	return ce(se(e, t), t);
-}
-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)} ${J(r, i)[0].toFixed(2)},${J(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 += `${J(n, r)[0].toFixed(2)},${J(n, r)[1].toFixed(2)} `;
-	return t && (a += "Z"), a;
-}
-//#endregion
-//#region src/components/handmark/texture.ts
-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 `
-  <filter id="${e}" x="-40%" y="-60%" width="180%" height="220%" color-interpolation-filters="sRGB">
-    <feTurbulence type="fractalNoise" baseFrequency="${(.012 * t.roughness).toFixed(4)}" numOctaves="2" seed="${r}" result="warp"/>
-    <feDisplacementMap in="SourceGraphic" in2="warp" scale="${(t.grainScale * 1.4).toFixed(2)}" xChannelSelector="R" yChannelSelector="G" result="wob"/>
-    <feTurbulence type="fractalNoise" baseFrequency="${t.grainFreq}" numOctaves="${t.octaves}" seed="${r + 17}" result="grain"/>
-    <feColorMatrix in="grain" type="matrix" result="grainA"
-      values="0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 ${(6 + t.grain * 10).toFixed(2)} ${i}"/>
-    <feComposite in="wob" in2="grainA" operator="${a}" result="grained"/>
-    <feDisplacementMap in="grained" in2="grain" scale="${(t.grainScale * 2).toFixed(2)}" xChannelSelector="R" yChannelSelector="G"/>
-  </filter>`;
+function R(e, t) {
+	return {
+		a: O * (e.width / 2 + .06 * t),
+		b: O * (S * t / 2 + .08 * t)
+	};
 }
-function $(e) {
-	return e.grain > 0 || e.grainScale > 0;
+function te(e, t) {
+	return R(e, t).a - e.width / 2;
 }
-//#endregion
-//#region src/components/handmark/ink.ts
-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 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]]);
+function z(e, t) {
+	let n = M(t.seed * 40503 + 101), { a: r, b: i } = R(e, t.fs), a = e.x + e.width / 2, o = I(e, t.fs) - S * t.fs / 2, s = j(n.span(118, 142)), c = j(n.span(384, 402)), l = n.span(.025, k), u = n.span(0, Math.PI * 2), d = n.span(0, Math.PI * 2), f = [];
+	for (let e = 0; e <= 96; e++) {
+		let t = e / 96, n = s + t * c, p = (1 + l * t) * (1 + .022 * Math.sin(n + u) + .014 * Math.sin(2 * n + d)), m = Math.cos(n), h = Math.sin(n);
+		f.push({
+			x: a + p * r * Math.sign(m) * Math.abs(m) ** (2 / 3),
+			y: o + p * i * Math.sign(h) * Math.abs(h) ** (2 / 3)
+		});
 	}
-	return n.push(e[t - 1]), n;
+	return f;
 }
-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 [
-			e[0],
-			e[1],
-			Math.max(.05, Math.min(1, r))
-		];
-	});
-}
-function ve(e) {
-	return e === "out-cubic" ? (e) => 1 - (1 - e) ** 3 : (e) => e;
-}
-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: fe(e),
-			color: i
+function B(e, t) {
+	let n = M(t.seed * 34283 + 7), r = I(e, t.fs), i = w * t.fs, a = r + T * t.fs, o = a - i, s = n.span(.01, .02) * e.width, c = e.x - s, l = e.x + e.width + s, u = i * Math.tan(j(n.span(-2, 2))), d = i * Math.tan(j(n.span(-2, 2))), f = n.span(-.025, .025) * i, p = n.span(-.025, .025) * i, m = [];
+	for (let e = 0; e <= 24; e++) {
+		let t = e / 24;
+		m.push({
+			x: c + t * (l - c),
+			y: a + f * Math.sin(Math.PI * t)
 		});
-		return {
-			paths: o.paths,
-			filterId: o.filterId ?? null,
-			defs: o.defs ?? []
-		};
 	}
-	let s = [], c = (e) => o ? S(e) : v(e);
-	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 = _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: a,
-				last: !0,
-				start: {
-					taper: n.taper.start,
-					easing: ve(n.taper.ease)
-				},
-				end: {
-					taper: n.taper.end,
-					easing: ve(n.taper.ease)
-				}
-			}), d = ue(o);
-			o.length < 4 || d === "" ? s.push({
-				d: c(l),
-				stroke: i,
-				opacity: u,
-				blend: n.blend,
-				cap: n.cap
-			}) : s.push({
-				d,
-				fill: i,
-				opacity: u,
-				blend: n.blend,
-				cap: n.cap
-			});
-		} else s.push({
-			d: c(l),
-			stroke: i,
-			opacity: u,
-			blend: n.blend,
-			cap: n.cap
+	for (let e = 24; e >= 0; e--) {
+		let t = e / 24, n = c + u + t * (l + d - (c + u));
+		m.push({
+			x: n,
+			y: o + p * Math.sin(Math.PI * t)
 		});
 	}
-	let l = $(n) ? de(a, n, r) : "";
-	return {
-		paths: s,
-		filterId: l ? a : null,
-		defs: l ? [l] : []
-	};
+	return m;
 }
-//#endregion
-//#region src/components/handmark/composables/useHandMark.ts
-var be = {
-	currentFrame: f(0),
-	start: () => {},
-	stop: () => {}
-};
-function xe(e, t, n = null, r = 40) {
-	return {
-		brush: e.brush ?? "pen",
-		shape: e.shape ?? "underline",
-		color: e.color ?? "currentColor",
-		seed: e.seed ?? 1,
-		overrides: e.overrides,
-		animation: e.animation ?? "none",
-		boilFps: e.boilFps ?? 8,
-		boilFrames: e.boilFrames ?? 3,
-		roughness: e.roughness ?? null,
-		segments: e.segments ?? null,
-		jagged: e.jagged ?? !1,
-		natural: e.natural ?? e.brush === "boil",
-		amplitude: e.amplitude ?? null,
-		box: e.box ?? null,
-		path: e.path ?? null,
-		filterId: t,
-		baselineFrac: n,
-		vbH: r
-	};
+function V(e) {
+	let t = (e) => e * e * (3 - 2 * e);
+	return e < .05 ? .3 + .7 * t(e / .05) : e > .92 ? .25 + .75 * t((1 - e) / .08) : 1;
 }
-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(() => {
-		let n = e.value.amplitude ?? t.value.wobble / 1.4;
-		return 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, e.value.vbH, n);
-	}), 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 = B(i.value, r, e.value.seed + a * 31);
-		}
-		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);
+function H(e, t) {
+	let n = e[Math.max(0, t - 1)], r = e[Math.min(e.length - 1, t + 1)], i = r.x - n.x, a = r.y - n.y, o = Math.hypot(i, a) || 1;
 	return {
-		brush: t,
-		baseGeom: i,
-		fragment: r(() => {
-			let n = {
-				paths: [],
-				filterId: null,
-				defs: []
-			}, r = d.value.length ? d.value : [[]];
-			for (let i of r) {
-				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;
-		}),
-		pathD: u,
-		grained: n,
-		drawKind: s,
-		draws: o,
-		boils: a,
-		boil: l,
-		boilArmed: c
+		x: i / o,
+		y: a / o
 	};
 }
+function U(e) {
+	return e.length === 0 ? "" : e.map((e, t) => `${t === 0 ? "M" : "L"}${A(e.x)} ${A(e.y)}`).join(" ");
+}
+function W(e, t) {
+	if (e.length < 2) return "";
+	let n = [0];
+	for (let t = 1; t < e.length; t++) n.push(n[t - 1] + Math.hypot(e[t].x - e[t - 1].x, e[t].y - e[t - 1].y));
+	let r = n[n.length - 1] || 1, i = [], a = [];
+	for (let o = 0; o < e.length; o++) {
+		let s = t * V(n[o] / r) / 2, c = H(e, o), l = -c.y * s, u = c.x * s;
+		i.push({
+			x: e[o].x + l,
+			y: e[o].y + u
+		}), a.push({
+			x: e[o].x - l,
+			y: e[o].y - u
+		});
+	}
+	return `${U(i.concat(a.reverse()))} Z`;
+}
+function ne(e) {
+	return e.length ? `${U(e)} Z` : "";
+}
+function re(e, t) {
+	return (r(e) ^ t * 2654435761) >>> 0;
+}
 //#endregion
 //#region src/components/handmark/HandMark.vue?vue&type=script&setup=true&lang.ts
-var Ce = [
-	"data-shape",
-	"data-behind",
-	"data-grained"
-], we = ["viewBox"], Te = ["innerHTML"], Ee = [
+var ie = ["data-shape"], ae = { key: 0 }, oe = { key: 1 }, se = ["width", "height"], G = [
+	"id",
+	"x",
+	"y",
+	"width",
+	"height"
+], ce = [
+	"data-i",
+	"d",
+	"stroke-width"
+], le = [
 	"d",
-	"stroke",
 	"fill",
-	"stroke-width",
-	"stroke-opacity",
-	"fill-opacity",
-	"stroke-linecap",
-	"filter"
-], De = /*#__PURE__*/ e(/* @__PURE__ */ o({
+	"mask"
+], K = /*#__PURE__*/ e(/* @__PURE__ */ c({
 	__name: "HandMark",
 	props: {
-		brush: { default: "pen" },
 		shape: { default: "underline" },
 		color: { default: "currentColor" },
-		seed: { default: 1 },
-		overrides: {},
-		animation: { default: "none" },
-		drawMs: { default: 800 },
-		drawDelayMs: { default: 0 },
-		appear: { default: "visible" },
-		boilFps: { default: 8 },
-		boilFrames: { default: 3 },
-		roughness: {},
-		segments: {},
-		jagged: {
+		weight: { default: 1 },
+		seed: {},
+		draw: {
 			type: Boolean,
-			default: !1
-		},
-		amplitude: {},
-		natural: { type: Boolean },
-		box: {},
-		path: {},
-		points: {}
+			default: !0
+		}
 	},
-	setup(e, { expose: t }) {
-		let o = e, v = `hm-${g().replace(/[^a-zA-Z0-9_-]/g, "")}`, y = f(null), b = f(null), x = r(() => {
-			let e = o.box == null && (o.shape === "underline" || o.shape === "strikethrough" || o.shape === "highlight"), t = b.value;
-			return !e || t == null || t <= 0 ? 40 : 100 / t;
-		}), { brush: S, fragment: C, grained: w, drawKind: T, draws: E, boils: D, boil: O, boilArmed: k } = Se(r(() => xe(o, v, y.value, x.value))), A = r(() => o.shape === "highlight"), j = r(() => o.path ?? null), M = f(!1), N = f(null), P = null, F = r(() => E.value ? `${T.value === "clip" ? "clip-path" : "stroke-dashoffset"} ${o.drawMs}ms var(--ease-out-expo) ${o.drawDelayMs}ms` : "none");
-		function I() {
-			D.value && (k.value = !0, O.start());
+	setup(e, { expose: n }) {
+		let r = e, c = (e) => Math.ceil(e * 1e3) / 1e3, b = (e) => Math.floor(e * 1e3) / 1e3, x = ee().replace(/[^a-zA-Z0-9_-]/g, ""), S = h(null), C = h([]), T = h([]), E = h(0), D = h(1), O = h(0), k = h(!1), A = a(() => {
+			let e = Number(r.color);
+			return Number.isFinite(e) ? e : 78;
+		}), j = a(() => r.shape === "highlight" ? "var(--hm-band)" : r.color), M = a(() => ({
+			"--hm-h": `${A.value}`,
+			"--hm-reserve": E.value ? `${E.value}px` : "0px"
+		}));
+		function I(e) {
+			let t = 0;
+			for (let n = 1; n < e.length; n++) t += Math.hypot(e[n].x - e[n - 1].x, e[n].y - e[n - 1].y);
+			return t;
+		}
+		function R(e) {
+			let t = e.parentElement;
+			for (; t && getComputedStyle(t).display.startsWith("inline");) t = t.parentElement;
+			return t ?? document.body;
 		}
-		function L() {
-			if (!E.value) {
-				I();
-				return;
+		function V(e, t) {
+			let n = R(e), i = Array.from(n.querySelectorAll(`.hm[data-shape="${r.shape}"]`)), a = /* @__PURE__ */ new Set();
+			for (let e of Array.from(n.querySelectorAll(".hm"))) {
+				let n = e.getBoundingClientRect();
+				n.height > 0 && n.top < t - 1 && a.add(Math.round(n.top));
 			}
-			P !== null && cancelAnimationFrame(P), M.value = !1, N.value && N.value.offsetWidth, P = requestAnimationFrame(() => {
-				P = null, M.value = !0;
-			});
+			return {
+				index: Math.max(0, i.indexOf(e)),
+				line: a.size
+			};
+		}
+		function H(e) {
+			let t = document.createTreeWalker(e, NodeFilter.SHOW_TEXT), n = document.createRange(), r = [];
+			for (let e = t.nextNode(); e; e = t.nextNode()) if ((e.textContent ?? "").trim().length !== 0 && !e.parentElement?.closest("svg")) {
+				n.selectNodeContents(e);
+				for (let e of Array.from(n.getClientRects())) {
+					if (e.width <= 0 || e.height <= 0) continue;
+					let t = r.find((t) => Math.min(t.y + t.height, e.bottom) - Math.max(t.y, e.top) > Math.min(t.height, e.height) / 2);
+					if (!t) {
+						r.push({
+							x: e.left,
+							y: e.top,
+							width: e.width,
+							height: e.height
+						});
+						continue;
+					}
+					let n = Math.max(t.x + t.width, e.right), i = Math.max(t.y + t.height, e.bottom);
+					t.x = Math.min(t.x, e.left), t.y = Math.min(t.y, e.top), t.width = n - t.x, t.height = i - t.y;
+				}
+			}
+			return n.detach?.(), r.sort((e, t) => e.y - t.y || e.x - t.x);
 		}
-		function R() {
-			o.animation === "draw-then-boil" && I();
+		function K(e, t) {
+			let n = t / 2 + 1, r = (e) => b(Math.min(...e) - n), i = (e) => c(Math.max(...e) + n), a = e.map((e) => e.x), o = e.map((e) => e.y), s = r(a), l = r(o);
+			return {
+				x: s,
+				y: l,
+				width: c(i(a) - s),
+				height: c(i(o) - l)
+			};
 		}
-		t({ play: L });
-		let z = r(() => o.box == null && (o.shape === "underline" || o.shape === "strikethrough" || o.shape === "highlight"));
-		function B(e) {
-			if (typeof document > "u" || typeof Range > "u") return null;
-			let t = Array.from(e.childNodes).filter((e) => e.nodeType === Node.ELEMENT_NODE ? e.tagName !== "svg" : e.nodeType === Node.TEXT_NODE && (e.textContent ?? "").trim().length > 0);
-			if (t.length === 0) return null;
-			let n = document.createRange();
-			n.selectNode(t[0]), t.length > 1 && n.setEndAfter(t[t.length - 1]);
-			let r = n.getBoundingClientRect();
-			return n.detach?.(), r.height > 0 ? r : null;
+		function ue(e, t, n) {
+			if (r.shape === "highlight") {
+				let r = B(e, {
+					fs: t,
+					seed: n
+				}), i = r.length / 2, a = [{
+					x: r[0].x,
+					y: (r[0].y + r[r.length - 1].y) / 2
+				}, {
+					x: r[i - 1].x,
+					y: (r[i - 1].y + r[i].y) / 2
+				}], o = w * t * 1.6;
+				return {
+					ink: ne(r),
+					guide: U(a),
+					length: I(a),
+					stroke: o,
+					window: K(r.concat(a), o)
+				};
+			}
+			let i = N(r.weight * D.value, t), a = r.shape === "circle" ? z(e, {
+				fs: t,
+				seed: n
+			}) : L(e, {
+				fs: t,
+				seed: n,
+				kind: r.shape === "strike" ? "strike" : "underline"
+			});
+			return {
+				ink: W(a, i),
+				guide: U(a),
+				length: I(a),
+				stroke: i * 1.6,
+				window: K(a, i * 1.6)
+			};
 		}
-		function V() {
-			if (!z.value) return;
-			let e = N.value;
+		function q() {
+			let e = S.value;
 			if (!e) return;
-			let t = B(e);
-			if (!t) return;
-			let n = e.getBoundingClientRect();
-			if (n.height <= 0) return;
-			n.width > 0 && (b.value = n.width / n.height);
-			let r = (t.bottom - n.top) / n.height;
-			y.value = Math.min(1, Math.max(0, r));
+			let n = H(e);
+			if (n.length === 0) return;
+			let i = parseFloat(getComputedStyle(e).fontSize) || 16, a = (C.value[0] ?? e).getBoundingClientRect(), { index: o, line: s } = V(e, n[0].y), l = r.seed ?? re((e.textContent ?? "").trim(), o), u = s * 4 * t, d = [];
+			for (let e of n) {
+				let t = {
+					x: e.x - a.left,
+					y: e.y - a.top,
+					width: e.width,
+					height: e.height
+				}, n = ue(t, i, l + d.length), r = P(n.length);
+				d.push({
+					ink: n.ink,
+					guide: n.guide,
+					stroke: n.stroke,
+					window: n.window,
+					box: {
+						width: c(t.width),
+						height: c(t.height)
+					},
+					delay: u,
+					duration: r
+				}), u += r;
+			}
+			T.value = d, E.value = r.shape === "circle" ? Math.max(0, te({
+				x: 0,
+				y: 0,
+				width: n[0].width,
+				height: n[0].height
+			}, i)) : 0;
 		}
-		let H = null;
-		function U() {
-			!z.value || !N.value || (V(), typeof document < "u" && document.fonts?.ready && document.fonts.ready.then(() => V()), typeof ResizeObserver < "u" && (H = new ResizeObserver(() => V()), H.observe(N.value)));
+		function J(e = 0) {
+			if (typeof document > "u" || !S.value) return;
+			let t = window.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches ?? !1, n = getComputedStyle(S.value).getPropertyValue("--spring-press").trim(), i = e > 0 && n ? n : F();
+			for (let n of Array.from(S.value.querySelectorAll(".hm-guide"))) {
+				let a = n.getTotalLength?.() ?? 0;
+				if (!a) continue;
+				let o = T.value[Number(n.dataset.i ?? 0)];
+				n.style.strokeDasharray = `${a}`, n.style.strokeDashoffset = "0", !(!r.draw || t || typeof n.animate != "function") && n.animate([{ strokeDashoffset: a * (1 - e) }, { strokeDashoffset: 0 }], {
+					duration: e > 0 ? 220 : o?.duration ?? 400,
+					delay: e > 0 ? 0 : o?.delay ?? 0,
+					easing: i,
+					fill: "both"
+				});
+			}
 		}
-		let W = null;
-		u(() => {
-			U(), o.animation === "boil" && I(), o.appear === "mount" ? L() : o.appear === "visible" && typeof IntersectionObserver < "u" ? (W = new IntersectionObserver((e) => {
-				e.some((e) => e.isIntersecting) && (L(), W?.disconnect());
-			}, { threshold: .01 }), N.value && W.observe(N.value)) : o.appear === "visible" && L();
-		}), l(() => {
-			P !== null && cancelAnimationFrame(P), W?.disconnect(), H?.disconnect(), O.stop();
-		}), _(() => o.animation, () => {
-			M.value = !1, k.value = !1;
-		});
-		let ee = {
-			"source-over": "normal",
-			multiply: "multiply",
-			darken: "darken",
-			screen: "screen"
-		};
-		function G(e) {
-			return {
-				mixBlendMode: ee[e],
-				transition: F.value
-			};
+		function de() {
+			J(0);
+		}
+		function Y() {
+			D.value === 1 && (D.value = 1.04, q(), J(.35), window.setTimeout(() => {
+				D.value = 1, q();
+			}, 220));
 		}
-		return (t, r) => (d(), a("span", {
+		let X = null, Z = 0;
+		function Q() {
+			let e = S.value;
+			if (!e) return;
+			let t = e.getBoundingClientRect().top, n = t - Z;
+			Z = t, k.value = !1, O.value = Math.sign(n) * Math.min(1.5, Math.abs(.06 * n)), X !== null && window.clearTimeout(X), X = window.setTimeout(() => {
+				k.value = !0, O.value = 0;
+			}, 90);
+		}
+		let $ = null;
+		return p(() => {
+			q(), l(() => {
+				q(), J(0);
+			}), document.fonts?.ready?.then(() => {
+				q(), J(0);
+			}), typeof ResizeObserver < "u" && S.value && ($ = new ResizeObserver(() => q()), $.observe(S.value)), Z = S.value?.getBoundingClientRect().top ?? 0, document.addEventListener("scroll", Q, {
+				capture: !0,
+				passive: !0
+			});
+		}), f(() => {
+			$?.disconnect(), X !== null && window.clearTimeout(X), document.removeEventListener("scroll", Q, { capture: !0 });
+		}), y(() => [
+			r.shape,
+			r.weight,
+			r.seed
+		], () => q()), n({ play: de }), (t, n) => (m(), o("span", {
 			class: "hm",
 			ref_key: "root",
-			ref: N,
+			ref: S,
 			"data-shape": e.shape,
-			"data-behind": A.value,
-			"data-grained": h(w)
-		}, [m(t.$slots, "default", {}, void 0, !0), (d(), a("svg", {
-			class: "hm__svg",
-			viewBox: `0 0 ${h(100)} ${x.value}`,
-			preserveAspectRatio: "none",
+			style: d(M.value),
+			onPointerenter: Y,
+			onPointerdown: Y,
+			onFocusin: Y
+		}, [e.shape === "strike" ? (m(), o("del", ae, [_(t.$slots, "default", {}, void 0, !0)])) : e.shape === "highlight" ? (m(), o("mark", oe, [_(t.$slots, "default", {}, void 0, !0)])) : _(t.$slots, "default", {}, void 0, !0, 2), (m(!0), o(i, null, g(T.value, (e, t) => (m(), o("svg", {
+			key: t,
+			ref_for: !0,
+			ref_key: "frames",
+			ref: C,
+			class: u(["hm-mark", { "hm-mark--settling": k.value }]),
+			width: e.box.width,
+			height: e.box.height,
+			style: d({ transform: `translateY(${-O.value}px)` }),
 			"aria-hidden": "true",
 			focusable: "false"
-		}, [h(C).filterId ? (d(), a("defs", {
-			key: 0,
-			innerHTML: h(C).defs[0]
-		}, null, 8, Te)) : i("", !0), (d(!0), a(n, null, p(h(C).paths, (e, t) => (d(), a("path", {
-			key: t,
-			class: s(["hm__path", {
-				drawn: M.value,
-				[`hm__path--${h(T)}`]: h(E)
-			}]),
-			d: j.value ?? e.d,
-			pathLength: "1",
-			"vector-effect": "non-scaling-stroke",
-			stroke: e.stroke ?? "none",
-			fill: e.fill ?? "none",
-			"stroke-width": e.stroke ? h(S).weight : 0,
-			"stroke-opacity": e.stroke ? e.opacity : void 0,
-			"fill-opacity": e.fill ? e.opacity : void 0,
-			"stroke-linecap": e.cap ?? "round",
-			"stroke-linejoin": "round",
-			filter: h(C).filterId ? `url(#${h(C).filterId})` : void 0,
-			style: c(G(e.blend)),
-			onTransitionend: R
-		}, null, 46, Ee))), 128))], 8, we))], 8, Ce));
+		}, [s("defs", null, [s("mask", {
+			id: `${v(x)}-${t}`,
+			maskUnits: "userSpaceOnUse",
+			x: e.window.x,
+			y: e.window.y,
+			width: e.window.width,
+			height: e.window.height
+		}, [s("path", {
+			class: "hm-guide",
+			"data-i": t,
+			d: e.guide,
+			fill: "none",
+			stroke: "#fff",
+			"stroke-width": e.stroke,
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round"
+		}, null, 8, ce)], 8, G)]), s("path", {
+			class: "hm-ink",
+			d: e.ink,
+			fill: j.value,
+			mask: `url(#${v(x)}-${t})`
+		}, null, 8, le)], 14, se))), 128))], 44, ie));
 	}
-}), [["__scopeId", "data-v-2d06258d"]]);
+}), [["__scopeId", "data-v-f5924657"]]);
 //#endregion
-export { T as BRUSHES, De as HandMark, A as UNDERLINE_GAP, k as VB_H, O as VB_W, B as boilLines, le as getStroke, se 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 };
+export { K as HandMark, b as SHAPES, B as handBand, L as handLine, z as handRing, P as markDuration, F as minJerk, U as serialize, W as strokeRibbon };