@mkbabb/glass-ui 3.10.0 → 3.11.0

package/dist/handmark.js

@@ -72,6 +72,29 @@ var T = {
 		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,
@@ -147,44 +170,44 @@ var T = {
 		segments: Math.max(2, Math.round(r(e.segments, t.segments))),
 		cap: i(e.cap, t.cap)
 	};
-}, O = 100, k = 40;
-function A(e, t, n = null) {
-	let r = n ? n.x : 4, i = n ? n.x + n.w : 96, a = n ? n.y + n.h / 2 : 40 / 2, o = n ? n.y + n.h * .92 : 32, s = t.seed ?? 1, c = (e, n, r, i, a = 0) => w(e, n, r, i, {
+}, O = 100, k = 40, A = .06;
+function j(e, t, n = null, r = null) {
+	let i = n ? n.x : 4, a = n ? n.x + n.w : 96, o = n ? n.y + n.h / 2 : 40 / 2, s = n ? n.y + n.h * .92 : r == null ? 32 : 40 * (r + A), c = t.seed ?? 1, l = (e, n, r, i, a = 0) => w(e, n, r, i, {
 		...t,
-		seed: s + a
+		seed: c + a
 	});
 	switch (e) {
 		case "underline": return {
-			lines: [c(r, o, i, o)],
+			lines: [l(i, s, a, s)],
 			closed: !1
 		};
 		case "strikethrough": return {
-			lines: [c(r, a, i, a)],
+			lines: [l(i, o, a, o)],
 			closed: !1
 		};
 		case "highlight": return {
-			lines: [c(r, a, i, a)],
+			lines: [l(i, o, a, o)],
 			closed: !1
 		};
 		case "box": {
 			let e = n ? n.y : 4, t = n ? n.y + n.h : 36;
 			return {
 				lines: [
-					c(r, e, i, e, 0),
-					c(i, e, i, t, 1),
-					c(i, t, r, t, 2),
-					c(r, t, r, e, 3)
+					l(i, e, a, e, 0),
+					l(a, e, a, t, 1),
+					l(a, t, i, t, 2),
+					l(i, t, i, e, 3)
 				],
 				closed: !1
 			};
 		}
 		case "bracket": {
-			let e = n ? n.y : 4, t = n ? n.y + n.h : 36, a = (i - r) * .22;
+			let e = n ? n.y : 4, t = n ? n.y + n.h : 36, r = (a - i) * .22;
 			return {
 				lines: [
-					c(r + a, e, r, e, 0),
-					c(r, e, r, t, 1),
-					c(r, t, r + a, t, 2)
+					l(i + r, e, i, e, 0),
+					l(i, e, i, t, 1),
+					l(i, t, i + r, t, 2)
 				],
 				closed: !1
 			};
@@ -198,28 +221,28 @@ function A(e, t, n = null) {
 			closed: !1
 		};
 		default: return {
-			lines: [c(r, o, i, o)],
+			lines: [l(i, s, a, s)],
 			closed: !1
 		};
 	}
 }
-function j({ lines: e, closed: t }, n, r) {
+function M({ 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 M(e, t = !1) {
+function N(e, t = !1) {
 	return e.map((e) => t ? S(e) : _(e)).join(" ");
 }
 //#endregion
 //#region src/components/custom/handmark/freehand.ts
-var N = (e, t) => [e[0] + t[0], e[1] + t[1]], P = (e, t) => [e[0] - t[0], e[1] - t[1]], F = (e, t) => [e[0] * t, e[1] * t], I = (e) => [-e[0], -e[1]], L = (e) => [e[1], -e[0]], R = (e, t) => e[0] * t[0] + e[1] * t[1], z = (e) => e[0] * e[0] + e[1] * e[1], B = (e, t) => z(P(e, t)), V = (e, t) => Math.hypot(e[1] - t[1], e[0] - t[0]), ee = (e) => F(e, 1 / (Math.hypot(e[0], e[1]) || 1)), H = (e, t, n) => N(e, F(P(t, e), n)), U = (e, t) => F(N(e, t), .5), W = (e, t, n) => {
+var P = (e, t) => [e[0] + t[0], e[1] + t[1]], F = (e, t) => [e[0] - t[0], e[1] - t[1]], I = (e, t) => [e[0] * t, e[1] * t], L = (e) => [-e[0], -e[1]], R = (e) => [e[1], -e[0]], z = (e, t) => e[0] * t[0] + e[1] * t[1], B = (e) => e[0] * e[0] + e[1] * e[1], V = (e, t) => B(F(e, t)), H = (e, t) => Math.hypot(e[1] - t[1], e[0] - t[0]), U = (e) => I(e, 1 / (Math.hypot(e[0], e[1]) || 1)), W = (e, t, n) => P(e, I(F(t, e), n)), G = (e, t) => I(P(e, t), .5), K = (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: G, PI: te } = Math, K = te + 1e-4, q = (e) => e;
-function J(e, t = {}) {
+}, { min: q, PI: ee } = Math, J = ee + 1e-4, Y = (e) => e;
+function X(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) => [
@@ -229,9 +252,9 @@ function J(e, t = {}) {
 	]);
 	if (o.length === 2) {
 		let e = o[1];
-		o[1] = H(o[0], e, .5), o.push(e);
+		o[1] = W(o[0], e, .5), o.push(e);
 	}
-	o.length === 1 && o.push([...N(o[0], [1, 1]), ...o[0].slice(2)]);
+	o.length === 1 && o.push([...P(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,
@@ -240,9 +263,9 @@ function J(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]] : H(u.point, [o[e][0], o[e][1]], a);
-		if (B(u.point, t) < 1e-4) continue;
-		let n = V(t, u.point);
+		let t = i && e === d ? [o[e][0], o[e][1]] : W(u.point, [o[e][0], o[e][1]], a);
+		if (V(u.point, t) < 1e-4) continue;
+		let n = H(t, u.point);
 		if (l += n, e < d && !c) {
 			if (l < r) continue;
 			c = !0;
@@ -250,94 +273,94 @@ function J(e, t = {}) {
 		u = {
 			point: t,
 			pressure: o[e][2] >= 0 ? o[e][2] : .5,
-			vector: ee(P(u.point, t)),
+			vector: U(F(u.point, t)),
 			distance: n,
 			runningLength: l
 		}, s.push(u);
 	}
 	return s.length > 0 && (s[0].vector = s[1]?.vector ?? [0, 0]), s;
 }
-function ne(e, t = {}) {
-	let { size: n = 16, smoothing: r = .5, thinning: i = .5, simulatePressure: a = !0, easing: o = q, 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 te(e, t = {}) {
+	let { size: n = 16, smoothing: r = .5, thinning: i = .5, simulatePressure: a = !0, easing: o = Y, 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 = G(1, t.distance / n);
-			r = G(1, e + (G(1, 1 - i) - e) * (i * .275));
+			let i = q(1, t.distance / n);
+			r = q(1, e + (q(1, 1 - i) - e) * (i * .275));
 		}
 		return (e + r) / 2;
-	}, e[0].pressure), S = Y(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 = Z(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 = G(1, l / n), t = G(1, 1 - e);
-				r = G(1, x + (t - x) * (e * .275));
+				let e = q(1, l / n), t = q(1, 1 - e);
+				r = q(1, x + (t - x) * (e * .275));
 			}
-			S = Y(n, i, r, o);
+			S = Z(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 ? R(c, j) : 1, I = R(c, w) < 0 && !k, z = M !== null && M < .2;
-		if (I || z) {
-			let e = F(L(w), S);
-			for (let t = 0; t <= 1; t += .07692307692307693) D = W(P(s, e), s, K * t), v.push(D), O = W(N(s, e), s, K * -t), y.push(O);
-			T = D, E = O, z && (k = !0);
+		let j = (t < e.length - 1 ? e[t + 1] : e[t]).vector, M = t < e.length - 1 ? z(c, j) : 1, N = z(c, w) < 0 && !k, L = M !== null && M < .2;
+		if (N || L) {
+			let e = I(R(w), S);
+			for (let t = 0; t <= 1; t += .07692307692307693) D = K(F(s, e), s, J * t), v.push(D), O = K(P(s, e), s, J * -t), y.push(O);
+			T = D, E = O, L && (k = !0);
 			continue;
 		}
 		if (k = !1, t === e.length - 1) {
-			let e = F(L(c), S);
-			v.push(P(s, e)), y.push(N(s, e));
+			let e = I(R(c), S);
+			v.push(F(s, e)), y.push(P(s, e));
 			continue;
 		}
-		let V = F(L(H(j, c, M)), S);
-		D = P(s, V), (t <= 1 || B(T, D) > _) && (v.push(D), T = D), O = N(s, V), (t <= 1 || B(E, O) > _) && (y.push(O), E = O), x = r, w = c, b.push(S);
+		let B = I(R(W(j, c, M)), S);
+		D = F(s, B), (t <= 1 || V(T, D) > _) && (v.push(D), T = D), O = P(s, B), (t <= 1 || V(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) : N(e[0].point, [1, 1]), M = [], z = [];
+	let A = e[0].point.slice(0, 2), j = e.length > 1 ? e[e.length - 1].point.slice(0, 2) : P(e[0].point, [1, 1]), M = [], N = [];
 	if (e.length === 1) {
 		if (!(h || g) || l) {
-			let e = N(A, F(ee(L(P(A, j))), -(C ?? S))), t = [];
-			for (let n = 1 / 13, r = n; r <= 1; r += n) t.push(W(e, A, K * 2 * r));
+			let e = P(A, I(U(R(F(A, j))), -(C ?? S))), t = [];
+			for (let n = 1 / 13, r = n; r <= 1; r += n) t.push(K(e, A, J * 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 = W(y[0], A, K * t);
+			let e = K(y[0], A, J * t);
 			M.push(e);
 		}
 		else {
-			let e = P(v[0], y[0]), t = F(e, .5), n = F(e, .51);
-			M.push(P(A, t), P(A, n), N(A, n), N(A, t));
+			let e = F(v[0], y[0]), t = I(e, .5), n = I(e, .51);
+			M.push(F(A, t), F(A, n), P(A, n), P(A, t));
 		}
-		let t = L(I(e[e.length - 1].vector));
-		if (g || h && e.length === 1) z.push(j);
+		let t = R(L(e[e.length - 1].vector));
+		if (g || h && e.length === 1) N.push(j);
 		else if (f) {
-			let e = N(j, F(t, S));
-			for (let t = 1 / 29, n = t; n < 1; n += t) z.push(W(e, j, K * 3 * n));
-		} else z.push(N(j, F(t, S)), N(j, F(t, S * .99)), P(j, F(t, S * .99)), P(j, F(t, S)));
+			let e = P(j, I(t, S));
+			for (let t = 1 / 29, n = t; n < 1; n += t) N.push(K(e, j, J * 3 * n));
+		} else N.push(P(j, I(t, S)), P(j, I(t, S * .99)), F(j, I(t, S * .99)), F(j, I(t, S)));
 	}
-	return v.concat(z, y.reverse(), M);
+	return v.concat(N, y.reverse(), M);
 }
-function Y(e, t, n, r = q) {
+function Z(e, t, n, r = Y) {
 	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 X(e, t = {}) {
-	return ne(J(e, t), t);
+function Q(e, t = {}) {
+	return te(X(e, t), t);
 }
-function Z(e, t = !0) {
+function ne(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)} ${U(r, i)[0].toFixed(2)},${U(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 += `${U(n, r)[0].toFixed(2)},${U(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)} ${G(r, i)[0].toFixed(2)},${G(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 += `${G(n, r)[0].toFixed(2)},${G(n, r)[1].toFixed(2)} `;
 	return t && (a += "Z"), a;
 }
 //#endregion
 //#region src/components/custom/handmark/texture.ts
-function Q(e, t, n) {
+function re(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 `
@@ -356,12 +379,12 @@ function $(e) {
 }
 //#endregion
 //#region src/components/custom/handmark/ink.ts
-function re(e) {
+function ie(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 ie(e, t, n) {
+function ae(e, t, n) {
 	let r = y(n);
 	return e.map((n, i) => {
 		let a = i / Math.max(1, e.length - 1), o = .5 + .35 * Math.sin(Math.PI * a) + (r() - .5) * t.weightJitter * .4;
@@ -372,17 +395,17 @@ function ie(e, t, n) {
 		];
 	});
 }
-function ae(e) {
+function oe(e) {
 	return e === "out-cubic" ? (e) => 1 - (1 - e) ** 3 : (e) => e;
 }
-function oe(e, t, n, r, i, a = !1) {
+function se(e, t, n, r, i, a = !1) {
 	if (t.stamp) {
 		let i = y(n), a = t.stamp({
 			centerline: e,
 			brush: t,
 			rng: i,
 			seed: n,
-			length: re(e),
+			length: ie(e),
 			color: r
 		});
 		return {
@@ -395,22 +418,22 @@ function oe(e, t, n, r, i, a = !1) {
 	for (let i = 0; i < t.passes; i++) {
 		let a = e[0], c = e[e.length - 1], l = b(e, a[0], a[1], c[0], c[1], t.weight * .06, n + 991 * i), u = t.opacity * (1 - t.passOpacity * i);
 		if (t.ribbon === "hull") {
-			let e = X(ie(l, t, n + 7 * i), {
+			let e = Q(ae(l, t, n + 7 * i), {
 				size: t.weight,
 				thinning: t.thinning,
 				streamline: Math.max(.1, .55 - t.roughness * .1),
 				last: !0,
 				start: {
 					taper: t.taper.start,
-					easing: ae(t.taper.ease)
+					easing: oe(t.taper.ease)
 				},
 				end: {
 					taper: t.taper.end,
-					easing: ae(t.taper.ease)
+					easing: oe(t.taper.ease)
 				}
 			});
 			o.push({
-				d: Z(e),
+				d: ne(e),
 				fill: r,
 				opacity: u,
 				blend: t.blend
@@ -422,7 +445,7 @@ function oe(e, t, n, r, i, a = !1) {
 			blend: t.blend
 		});
 	}
-	let c = $(t) ? Q(i, t, n) : "";
+	let c = $(t) ? re(i, t, n) : "";
 	return {
 		paths: o,
 		filterId: c ? i : null,
@@ -431,7 +454,12 @@ function oe(e, t, n, r, i, a = !1) {
 }
 //#endregion
 //#region src/components/custom/handmark/useHandMark.ts
-function se(e, t) {
+var ce = {
+	currentFrame: d(0),
+	start: () => {},
+	stop: () => {}
+};
+function le(e, t, n = null) {
 	return {
 		brush: e.brush ?? "pen",
 		shape: e.shape ?? "underline",
@@ -446,27 +474,28 @@ function se(e, t) {
 		jagged: e.jagged ?? !1,
 		box: e.box ?? null,
 		path: e.path ?? null,
-		filterId: t
+		filterId: t,
+		baselineFrac: n
 	};
 }
-function ce(e) {
+function ue(e) {
 	let t = n(() => {
 		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);
-	}), r = n(() => $(t.value)), i = n(() => A(e.value.shape, {
+	}), r = n(() => $(t.value)), i = n(() => j(e.value.shape, {
 		roughness: t.value.roughness,
 		segments: t.value.segments,
 		seed: e.value.seed,
 		jagged: e.value.jagged
-	}, e.value.box)), a = n(() => e.value.animation === "boil" || e.value.animation === "draw-then-boil"), o = n(() => e.value.animation === "draw-on" || e.value.animation === "draw-then-boil"), s = n(() => r.value ? "clip" : "dashoffset"), c = d(!1), l = C(() => a.value && c.value ? e.value.boilFrames : 1, () => Math.max(16, 1e3 / e.value.boilFps)), u = n(() => {
+	}, e.value.box, e.value.baselineFrac)), a = n(() => e.value.animation === "boil" || e.value.animation === "draw-then-boil"), o = n(() => e.value.animation === "draw-on" || e.value.animation === "draw-then-boil"), s = n(() => r.value ? "clip" : "dashoffset"), c = d(!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)) : ce, u = n(() => {
 		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 = j(i.value, r, e.value.seed + a * 31);
+			n = M(i.value, r, e.value.seed + a * 31);
 		}
-		return M(n, e.value.jagged);
-	}), f = n(() => e.value.path ? [] : a.value && c.value ? j(i.value, t.value.wobble * .4 + .4, e.value.seed + l.currentFrame.value * 31) : i.value.lines);
+		return N(n, e.value.jagged);
+	}), f = n(() => e.value.path ? [] : a.value && c.value ? M(i.value, t.value.wobble * .4 + .4, e.value.seed + l.currentFrame.value * 31) : i.value.lines);
 	return {
 		brush: t,
 		baseGeom: i,
@@ -477,7 +506,7 @@ function ce(e) {
 				defs: []
 			}, r = f.value.length ? f.value : [[]];
 			for (let i of r) {
-				let r = oe(i, t.value, e.value.seed, e.value.color, e.value.filterId, e.value.jagged);
+				let r = se(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;
@@ -493,11 +522,11 @@ function ce(e) {
 }
 //#endregion
 //#region src/components/custom/handmark/HandMark.vue?vue&type=script&setup=true&lang.ts
-var le = [
+var de = [
 	"data-shape",
 	"data-behind",
 	"data-grained"
-], ue = ["viewBox"], de = ["innerHTML"], fe = [
+], fe = ["viewBox"], pe = ["innerHTML"], me = [
 	"d",
 	"stroke",
 	"fill",
@@ -505,7 +534,7 @@ var le = [
 	"stroke-opacity",
 	"fill-opacity",
 	"filter"
-], pe = 100, me = 40, he = /* @__PURE__ */ e(/* @__PURE__ */ a({
+], he = 100, ge = 40, _e = /* @__PURE__ */ e(/* @__PURE__ */ a({
 	__name: "HandMark",
 	props: {
 		brush: { default: "pen" },
@@ -530,80 +559,104 @@ var le = [
 		points: {}
 	},
 	setup(e, { expose: a }) {
-		let _ = e, v = `hm-${h().replace(/[^a-zA-Z0-9_-]/g, "")}`, { brush: y, fragment: b, grained: x, drawKind: S, draws: C, boils: w, boil: T, boilArmed: E } = ce(n(() => se(_, v))), D = n(() => _.shape === "highlight"), O = n(() => _.path ?? null), k = d(!1), A = d(null), j = n(() => C.value ? `${S.value === "clip" ? "clip-path" : "stroke-dashoffset"} ${_.drawMs}ms cubic-bezier(.16,1,.3,1) ${_.drawDelayMs}ms` : "none");
-		function M() {
-			w.value && (E.value = !0, T.start());
-		}
+		let _ = e, v = `hm-${h().replace(/[^a-zA-Z0-9_-]/g, "")}`, y = d(null), { brush: b, fragment: x, grained: S, drawKind: C, draws: w, boils: T, boil: E, boilArmed: D } = ue(n(() => le(_, v, y.value))), O = n(() => _.shape === "highlight"), k = n(() => _.path ?? null), A = d(!1), j = d(null), M = n(() => w.value ? `${C.value === "clip" ? "clip-path" : "stroke-dashoffset"} ${_.drawMs}ms cubic-bezier(.16,1,.3,1) ${_.drawDelayMs}ms` : "none");
 		function N() {
-			if (!C.value) {
-				M();
+			T.value && (D.value = !0, E.start());
+		}
+		function P() {
+			if (!w.value) {
+				N();
 				return;
 			}
-			k.value = !1, A.value && A.value.offsetWidth, requestAnimationFrame(() => {
-				k.value = !0;
+			A.value = !1, j.value && j.value.offsetWidth, requestAnimationFrame(() => {
+				A.value = !0;
 			});
 		}
-		function P() {
-			_.animation === "draw-then-boil" && M();
+		function F() {
+			_.animation === "draw-then-boil" && N();
 		}
-		a({ play: N });
-		let F = null;
+		a({ play: P });
+		let I = n(() => _.box == null && (_.shape === "underline" || _.shape === "strikethrough"));
+		function L(e) {
+			if (typeof document > "u" || typeof Range > "u") return null;
+			let t = document.createRange(), n = !1;
+			for (let r of Array.from(e.childNodes)) r.nodeType === Node.ELEMENT_NODE && r.tagName === "svg" || (t.selectNode(r), n = !0);
+			if (!n) return null;
+			let r = t.getBoundingClientRect();
+			return t.detach?.(), r.height > 0 ? r : null;
+		}
+		function R() {
+			if (!I.value) return;
+			let e = j.value;
+			if (!e) return;
+			let t = L(e);
+			if (!t) return;
+			let n = e.getBoundingClientRect();
+			if (n.height <= 0) return;
+			let r = (t.bottom - n.top) / n.height;
+			y.value = Math.min(1, Math.max(0, r));
+		}
+		let z = null;
+		function B() {
+			!I.value || !j.value || (R(), typeof document < "u" && document.fonts?.ready && document.fonts.ready.then(() => R()), typeof ResizeObserver < "u" && (z = new ResizeObserver(() => R()), z.observe(j.value)));
+		}
+		let V = null;
 		l(() => {
-			_.animation === "boil" && M(), _.appear === "mount" ? N() : _.appear === "visible" && typeof IntersectionObserver < "u" ? (F = new IntersectionObserver((e) => {
-				e.some((e) => e.isIntersecting) && (N(), F?.disconnect());
-			}, { threshold: .35 }), A.value && F.observe(A.value)) : _.appear === "visible" && N();
+			B(), _.animation === "boil" && N(), _.appear === "mount" ? P() : _.appear === "visible" && typeof IntersectionObserver < "u" ? (V = new IntersectionObserver((e) => {
+				e.some((e) => e.isIntersecting) && (P(), V?.disconnect());
+			}, { threshold: .35 }), j.value && V.observe(j.value)) : _.appear === "visible" && P();
 		}), c(() => {
-			F?.disconnect(), T.stop();
+			V?.disconnect(), z?.disconnect(), E.stop();
 		}), g(() => _.animation, () => {
-			k.value = !1, E.value = !1;
+			A.value = !1, D.value = !1;
 		});
-		let I = {
+		let H = {
 			"source-over": "normal",
 			multiply: "multiply",
 			darken: "darken",
 			screen: "screen"
 		};
-		function L(e) {
+		function U(e) {
 			return {
-				mixBlendMode: I[e],
-				transition: j.value
+				mixBlendMode: H[e],
+				transition: M.value
 			};
 		}
 		return (n, a) => (u(), i("span", {
 			class: "hm",
 			ref_key: "root",
-			ref: A,
+			ref: j,
 			"data-shape": e.shape,
-			"data-behind": D.value,
-			"data-grained": m(x)
+			"data-behind": O.value,
+			"data-grained": m(S)
 		}, [p(n.$slots, "default", {}, void 0, !0), (u(), i("svg", {
 			class: "hm__svg",
-			viewBox: `0 0 ${pe} ${me}`,
+			viewBox: `0 0 ${he} ${ge}`,
 			preserveAspectRatio: "none",
 			"aria-hidden": "true",
 			focusable: "false"
-		}, [m(b).filterId ? (u(), i("defs", {
+		}, [m(x).filterId ? (u(), i("defs", {
 			key: 0,
-			innerHTML: m(b).defs[0]
-		}, null, 8, de)) : r("", !0), (u(!0), i(t, null, f(m(b).paths, (e, t) => (u(), i("path", {
+			innerHTML: m(x).defs[0]
+		}, null, 8, pe)) : r("", !0), (u(!0), i(t, null, f(m(x).paths, (e, t) => (u(), i("path", {
 			key: t,
 			class: o(["hm__path", {
-				drawn: k.value,
-				[`hm__path--${m(S)}`]: m(C)
+				drawn: A.value,
+				[`hm__path--${m(C)}`]: m(w)
 			}]),
-			d: O.value ?? e.d,
+			d: k.value ?? e.d,
 			pathLength: "1",
 			"vector-effect": "non-scaling-stroke",
 			stroke: e.stroke ?? "none",
 			fill: e.fill ?? "none",
-			"stroke-width": e.stroke ? m(y).weight : 0,
+			"stroke-width": e.stroke ? m(b).weight : 0,
 			"stroke-opacity": e.stroke ? e.opacity : void 0,
 			"fill-opacity": e.fill ? e.opacity : void 0,
-			filter: m(b).filterId ? `url(#${m(b).filterId})` : void 0,
-			style: s(L(e.blend)),
-			onTransitionend: P
-		}, null, 46, fe))), 128))], 8, ue))], 8, le));
+			filter: m(x).filterId ? `url(#${m(x).filterId})` : void 0,
+			style: s(U(e.blend)),
+			onTransitionend: F
+		}, null, 46, me))), 128))], 8, fe))], 8, de));
 	}
-}), [["__scopeId", "data-v-c600d5df"]]);
+}), [["__scopeId", "data-v-581c26dd"]]);
 //#endregion
-export { T as BRUSHES, he as HandMark, he as InkMark, k as VB_H, O as VB_W, j as boilLines, X as getStroke, J as getStrokePoints, Z as getSvgPathFromStroke, Q as grainFilter, $ as hasGrain, oe as ink, D as lerpBrush, se as normalizeProps, E as resolveBrush, M as serialize, A as shapeGeom, ce as useHandMark };
+export { T as BRUSHES, _e as HandMark, _e as InkMark, A as UNDERLINE_GAP, k as VB_H, O as VB_W, M as boilLines, Q as getStroke, X as getStrokePoints, ne as getSvgPathFromStroke, re as grainFilter, $ as hasGrain, se as ink, D as lerpBrush, le as normalizeProps, E as resolveBrush, N as serialize, j as shapeGeom, ue as useHandMark };

package/dist/labeled-field.js

@@ -1,7 +1,7 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { a as t, i as n, o as r, r as i, s as a } from "./SelectScrollDownButton-T32cVFeM.js";
 import { t as o } from "./SelectGroup-BFiod7X2.js";
-import { n as s } from "./slider-CyzcxBoh.js";
+import { n as s } from "./slider-ClgpP7EB.js";
 import { t as c } from "./Switch-Ch-k3Rv-.js";
 import { t as l } from "./Input-xuDwALQR.js";
 import { t as u } from "./IconTooltip-Cus0fvK0.js";

package/dist/{presets-Dkdv55Gt.js → presets-BP_ALM0m.js}

@@ -66,6 +66,19 @@ var e = 6, t = 8, n = {
 	saturation: 1,
 	paperGrain: .008,
 	alpha: 1
+}, r = {
+	medium: "crayon",
+	strokeOrient: "tensor",
+	granulation: .3,
+	canvasGrain: .5,
+	strokeAmount: .35,
+	strokeAnisotropy: .5,
+	strokeLayers: 1,
+	impasto: 0,
+	brokenColor: 0,
+	wetEdge: 0,
+	saturation: .92,
+	paperGrain: .008
 };
 //#endregion
-export { e as n, t as r, n as t };
+export { r as i, e as n, t as r, n as t };

package/dist/{slider-CyzcxBoh.js → slider-ClgpP7EB.js}

@@ -121,7 +121,7 @@ var T = /* @__PURE__ */ t(/* @__PURE__ */ l({
 			"data-touch-active"
 		]));
 	}
-}), [["__scopeId", "data-v-aacc4124"]]), E = C("glass-slider focus-ring relative flex w-full touch-none select-none items-center transition-colors", {
+}), [["__scopeId", "data-v-394270d4"]]), E = C("glass-slider focus-ring relative flex w-full touch-none select-none items-center transition-colors", {
 	variants: {
 		variant: {
 			standard: "",

package/dist/slider.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./slider-CyzcxBoh.js";
+import { n as e, t } from "./slider-ClgpP7EB.js";
 export { e as Slider, t as sliderVariants };