@mkbabb/glass-ui 5.0.0 → 7.0.0

package/dist/handmark.d.ts

@@ -1,3 +1 @@
-// @mkbabb/glass-ui/handmark — the hand-mark family subpath mirror (BA.W-HANDMARK).
-// The platform's hand voice: HandMark/InkMark + BRUSHES + the pure L1–L3 stages.
 export * from "./components/handmark";

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-B0PLRmR6.js";
+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
@@ -197,10 +197,10 @@ var T = {
 }, 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 ee(e) {
+function L(e) {
 	return e * e * e * (e * (e * 6 - 15) + 10);
 }
-function L(e, n, r, i, a, o = 1) {
+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) => {
@@ -216,7 +216,7 @@ function L(e, n, r, i, a, o = 1) {
 			weight: a,
 			vnoise: (e) => {
 				let t = Math.floor(e), n = e - t, r = l(t);
-				return r + (l(t + 1) - r) * ee(n);
+				return r + (l(t + 1) - r) * L(n);
 			}
 		};
 	}), p = Math.max(6, a), m = [];
@@ -231,14 +231,14 @@ function L(e, n, r, i, a, o = 1) {
 }
 //#endregion
 //#region src/components/handmark/geometry.ts
-function R(e, t, n = null, r = null, i = !1, a = 40, o = 1) {
+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 ? L(c, d, l, f, p, o) : m(c, d, l, d)],
+			lines: [i ? R(c, d, l, f, p, o) : m(c, d, l, d)],
 			closed: !1
 		};
 		case "strikethrough": return {
@@ -289,19 +289,19 @@ function R(e, t, n = null, r = null, i = !1, a = 40, o = 1) {
 		};
 	}
 }
-function z({ 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 B(e, t = !1) {
+function V(e, t = !1) {
 	return e.map((e) => t ? S(e) : v(e)).join(" ");
 }
 //#endregion
 //#region src/components/handmark/freehand.ts
-var V = (e, t) => [e[0] + t[0], e[1] + t[1]], H = (e, t) => [e[0] - t[0], e[1] - t[1]], U = (e, t) => [e[0] * t, e[1] * t], W = (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(H(e, t)), re = (e, t) => Math.hypot(e[1] - t[1], e[0] - t[0]), ie = (e) => U(e, 1 / (Math.hypot(e[0], e[1]) || 1)), q = (e, t, n) => V(e, U(H(t, e), n)), J = (e, t) => U(V(e, t), .5), Y = (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]), 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;
@@ -317,7 +317,7 @@ function se(e, t = {}) {
 		let e = o[1];
 		o[1] = q(o[0], e, .5), o.push(e);
 	}
-	o.length === 1 && o.push([...V(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,
@@ -336,7 +336,7 @@ function se(e, t = {}) {
 		u = {
 			point: t,
 			pressure: o[e][2] >= 0 ? o[e][2] : .5,
-			vector: ie(H(u.point, t)),
+			vector: ie(U(u.point, t)),
 			distance: n,
 			runningLength: l
 		}, s.push(u);
@@ -353,7 +353,7 @@ function ce(e, t = {}) {
 			r = X(1, e + (X(1, 1 - i) - e) * (i * .275));
 		}
 		return (e + r) / 2;
-	}, e[0].pressure), S = le(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 = 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;
@@ -362,30 +362,30 @@ function ce(e, t = {}) {
 				let e = X(1, l / n), t = X(1, 1 - e);
 				r = X(1, x + (t - x) * (e * .275));
 			}
-			S = le(n, i, r, o);
+			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 = U(G(w), S);
-			for (let t = 0; t <= 1; t += .07692307692307693) D = Y(H(s, e), s, Z * t), v.push(D), O = Y(V(s, e), s, Z * -t), y.push(O);
+			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 = U(G(c), S);
-			v.push(H(s, e)), y.push(V(s, e));
+			let e = W(G(c), S);
+			v.push(U(s, e)), y.push(H(s, e));
 			continue;
 		}
-		let F = U(G(q(j, c, M)), S);
-		D = H(s, F), (t <= 1 || K(T, D) > _) && (v.push(D), T = D), O = V(s, F), (t <= 1 || K(E, O) > _) && (y.push(O), E = O), x = r, w = c, b.push(S);
+		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) : V(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 = V(A, U(ie(G(H(A, j))), -(C ?? S))), t = [];
+			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;
 		}
@@ -395,27 +395,27 @@ function ce(e, t = {}) {
 			M.push(e);
 		}
 		else {
-			let e = H(v[0], y[0]), t = U(e, .5), n = U(e, .51);
-			M.push(H(A, t), H(A, n), V(A, n), V(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 = G(W(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 = V(j, U(t, S));
+			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(V(j, U(t, S)), V(j, U(t, S * .99)), H(j, U(t, S * .99)), H(j, U(t, S)));
+		} 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 le(e, t, n, r = oe) {
+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));
 }
-function ue(e, t = {}) {
+function le(e, t = {}) {
 	return ce(se(e, t), t);
 }
-function de(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)} ${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)} `;
@@ -423,7 +423,7 @@ function de(e, t = !0) {
 }
 //#endregion
 //#region src/components/handmark/texture.ts
-function fe(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 `
@@ -437,17 +437,17 @@ function fe(e, t, n) {
     <feDisplacementMap in="grained" in2="grain" scale="${(t.grainScale * 2).toFixed(2)}" xChannelSelector="R" yChannelSelector="G"/>
   </filter>`;
 }
-function Q(e) {
+function $(e) {
 	return e.grain > 0 || e.grainScale > 0;
 }
 //#endregion
 //#region src/components/handmark/ink.ts
-function pe(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 me(e) {
+function pe(e) {
 	let t = e.length;
 	if (t < 3) return e;
 	let n = [e[0]];
@@ -457,7 +457,7 @@ function me(e) {
 	}
 	return n.push(e[t - 1]), n;
 }
-function he(e, t) {
+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);
@@ -465,11 +465,11 @@ function he(e, t) {
 	let f = Math.abs(o * l - s * c) / (u * d);
 	return Math.min(1, f);
 }
-var ge = 2.5, _e = .9;
-function ve(e, n, r) {
-	let i = t(r >>> 0), a = me(e);
+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 = _e * (1 - ge * he(a, t)) + (i() - .5) * n.weightJitter * .4;
+		let r = ge * (1 - he * me(a, t)) + (i() - .5) * n.weightJitter * .4;
 		return [
 			e[0],
 			e[1],
@@ -477,17 +477,17 @@ function ve(e, n, r) {
 		];
 	});
 }
-function ye(e) {
+function ve(e) {
 	return e === "out-cubic" ? (e) => 1 - (1 - e) ** 3 : (e) => e;
 }
-function $(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: pe(e),
+			length: fe(e),
 			color: i
 		});
 		return {
@@ -500,20 +500,20 @@ function $(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 = ve(l, n, r + 7 * t), a = Math.max(.12, Math.min(.6, .875 - .75 * n.roughness)), o = ue(e, {
+			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: ye(n.taper.ease)
+					easing: ve(n.taper.ease)
 				},
 				end: {
 					taper: n.taper.end,
-					easing: ye(n.taper.ease)
+					easing: ve(n.taper.ease)
 				}
-			}), d = de(o);
+			}), d = ue(o);
 			o.length < 4 || d === "" ? s.push({
 				d: c(l),
 				stroke: i,
@@ -535,7 +535,7 @@ function $(e, n, r, i, a, o = !1) {
 			cap: n.cap
 		});
 	}
-	let l = Q(n) ? fe(a, n, r) : "";
+	let l = $(n) ? de(a, n, r) : "";
 	return {
 		paths: s,
 		filterId: l ? a : null,
@@ -575,9 +575,9 @@ 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(() => Q(t.value)), i = r(() => {
+	}), n = r(() => $(t.value)), i = r(() => {
 		let n = e.value.amplitude ?? t.value.wobble / 1.4;
-		return R(e.value.shape, {
+		return z(e.value.shape, {
 			roughness: t.value.roughness,
 			segments: t.value.segments,
 			seed: e.value.seed,
@@ -588,10 +588,10 @@ function Se(e) {
 		let n = i.value.lines;
 		if (a.value && c.value) {
 			let r = t.value.wobble * .4 + .4, a = l.currentFrame.value;
-			n = z(i.value, r, e.value.seed + a * 31);
+			n = B(i.value, r, e.value.seed + a * 31);
 		}
-		return B(n, e.value.jagged);
-	}), d = r(() => e.value.path ? [] : a.value && c.value ? z(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,
@@ -602,7 +602,7 @@ function Se(e) {
 				defs: []
 			}, r = d.value.length ? d.value : [[]];
 			for (let i of r) {
-				let r = $(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;
@@ -631,7 +631,7 @@ var Ce = [
 	"fill-opacity",
 	"stroke-linecap",
 	"filter"
-], De = /* @__PURE__ */ e(/* @__PURE__ */ o({
+], De = /*#__PURE__*/ e(/* @__PURE__ */ o({
 	__name: "HandMark",
 	props: {
 		brush: { default: "pen" },
@@ -661,25 +661,25 @@ var Ce = [
 		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 = r(() => E.value ? `${T.value === "clip" ? "clip-path" : "stroke-dashoffset"} ${o.drawMs}ms var(--ease-out-expo) ${o.drawDelayMs}ms` : "none");
-		function F() {
+		}), { 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());
 		}
-		function I() {
+		function L() {
 			if (!E.value) {
-				F();
+				I();
 				return;
 			}
-			M.value = !1, N.value && N.value.offsetWidth, requestAnimationFrame(() => {
-				M.value = !0;
+			P !== null && cancelAnimationFrame(P), M.value = !1, N.value && N.value.offsetWidth, P = requestAnimationFrame(() => {
+				P = null, M.value = !0;
 			});
 		}
-		function ee() {
-			o.animation === "draw-then-boil" && F();
+		function R() {
+			o.animation === "draw-then-boil" && I();
 		}
-		t({ play: I });
-		let L = r(() => o.box == null && (o.shape === "underline" || o.shape === "strikethrough" || o.shape === "highlight"));
-		function R(e) {
+		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;
@@ -688,11 +688,11 @@ var Ce = [
 			let r = n.getBoundingClientRect();
 			return n.detach?.(), r.height > 0 ? r : null;
 		}
-		function z() {
-			if (!L.value) return;
+		function V() {
+			if (!z.value) return;
 			let e = N.value;
 			if (!e) return;
-			let t = R(e);
+			let t = B(e);
 			if (!t) return;
 			let n = e.getBoundingClientRect();
 			if (n.height <= 0) return;
@@ -700,30 +700,30 @@ var Ce = [
 			let r = (t.bottom - n.top) / n.height;
 			y.value = Math.min(1, Math.max(0, r));
 		}
-		let B = null;
-		function V() {
-			!L.value || !N.value || (z(), typeof document < "u" && document.fonts?.ready && document.fonts.ready.then(() => z()), typeof ResizeObserver < "u" && (B = new ResizeObserver(() => z()), B.observe(N.value)));
-		}
 		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)));
+		}
+		let W = null;
 		u(() => {
-			V(), o.animation === "boil" && F(), o.appear === "mount" ? I() : o.appear === "visible" && typeof IntersectionObserver < "u" ? (H = new IntersectionObserver((e) => {
-				e.some((e) => e.isIntersecting) && (I(), H?.disconnect());
-			}, { threshold: .01 }), N.value && H.observe(N.value)) : o.appear === "visible" && I();
+			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(() => {
-			H?.disconnect(), B?.disconnect(), O.stop();
+			P !== null && cancelAnimationFrame(P), W?.disconnect(), H?.disconnect(), O.stop();
 		}), _(() => o.animation, () => {
 			M.value = !1, k.value = !1;
 		});
-		let U = {
+		let ee = {
 			"source-over": "normal",
 			multiply: "multiply",
 			darken: "darken",
 			screen: "screen"
 		};
-		function W(e) {
+		function G(e) {
 			return {
-				mixBlendMode: U[e],
-				transition: P.value
+				mixBlendMode: ee[e],
+				transition: F.value
 			};
 		}
 		return (t, r) => (d(), a("span", {
@@ -759,10 +759,10 @@ var Ce = [
 			"stroke-linecap": e.cap ?? "round",
 			"stroke-linejoin": "round",
 			filter: h(C).filterId ? `url(#${h(C).filterId})` : void 0,
-			style: c(W(e.blend)),
-			onTransitionend: ee
+			style: c(G(e.blend)),
+			onTransitionend: R
 		}, null, 46, Ee))), 128))], 8, we))], 8, Ce));
 	}
-}), [["__scopeId", "data-v-59c97d27"]]);
+}), [["__scopeId", "data-v-2d06258d"]]);
 //#endregion
-export { T as BRUSHES, De as HandMark, De as InkMark, A as UNDERLINE_GAP, k as VB_H, O as VB_W, z as boilLines, ue as getStroke, se as getStrokePoints, de as getSvgPathFromStroke, fe as grainFilter, Q as hasGrain, $ as ink, D as lerpBrush, L as naturalUnderlinePoints, xe as normalizeProps, E as resolveBrush, B as serialize, R as shapeGeom, Se as useHandMark };
+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 };

package/dist/header-ribbon.js

@@ -1,63 +1,43 @@
-import { t as e } from "./_plugin-vue_export-helper-C1je1s0u.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";
+import { t as e } from "./class-names-Cpy5eaBk.js";
+import { t } from "./Surface-kFQeYrYv.js";
+import { t as n } from "./primitive-B2t2jdqM.js";
+import { computed as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, mergeProps as c, openBlock as l, renderSlot as u, unref as d, useAttrs as f, withCtx as p } from "vue";
 //#region src/components/header-ribbon/HeaderRibbon.vue?vue&type=script&setup=true&lang.ts
-var d = {
-	key: 0,
-	class: "pointer-events-auto shrink-0 mr-2"
-}, f = /* @__PURE__ */ e(/* @__PURE__ */ a({
+var m = ["data-placement", "aria-label"], h = {
+	class: "header-ribbon__actions",
+	"data-slot": "header-ribbon-actions"
+}, g = /* @__PURE__ */ s({
+	inheritAttrs: !1,
 	__name: "HeaderRibbon",
 	props: {
-		placement: { default: "left" },
-		hideTimeoutMs: { default: 2e3 }
+		placement: {},
+		ariaLabel: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	},
-	setup(e, { expose: a }) {
-		let f = e, p = l(!1), m = l(!1), h = l(!1), g = l(!1), _, v = t(() => p.value || m.value);
-		function y() {
-			_ != null && (clearTimeout(_), _ = void 0);
-		}
-		function b() {
-			g.value || (y(), _ = setTimeout(() => {
-				p.value = !1;
-			}, f.hideTimeoutMs));
-		}
-		function x() {
-			g.value = !0, y(), p.value = !0;
-		}
-		function S() {
-			g.value = !1, m.value || b();
-		}
-		function C() {
-			m.value ? (m.value = !1, h.value = !1, b()) : (m.value = !0, p.value = !0, h.value = !0, y());
-		}
-		return s(y), a({
-			isPinned: m,
-			isExpanded: p,
-			isVisible: v,
-			isToggled: h
-		}), (t, a) => (c(), r("div", {
-			class: o(["fixed z-dock pointer-events-none w-fit flex items-center px-4 pt-4 pb-2", e.placement === "left" ? "top-0 left-0" : "top-0 right-0"]),
-			onMouseleave: S
-		}, [t.$slots.left ? (c(), r("div", d, [u(t.$slots, "left", {}, void 0, !0)])) : n("", !0), i("div", {
-			class: "pointer-events-auto flex items-center h-6",
-			onMouseenter: x
-		}, [
-			e.placement === "right" ? (c(), r("div", {
-				key: 0,
-				class: o(["header-items-wrapper header-items-right flex items-center gap-3", v.value ? "" : "header-collapsed-right"])
-			}, [u(t.$slots, "items", {}, void 0, !0)], 2)) : n("", !0),
-			i("div", {
-				class: "shrink-0",
-				onClick: C
-			}, [u(t.$slots, "anchor", {
-				pinned: m.value,
-				toggled: h.value
-			}, void 0, !0)]),
-			e.placement === "left" ? (c(), r("div", {
-				key: 1,
-				class: o(["header-items-wrapper header-items-left flex items-center gap-3", v.value ? "" : "header-collapsed-left"])
-			}, [u(t.$slots, "items", {}, void 0, !0)], 2)) : n("", !0)
-		], 32)], 34));
+	setup(s) {
+		let g = s, _ = f(), v = r(() => n(_)), y = r(() => g.placement ?? "left"), b = r(() => g.ariaLabel?.trim() || "Header actions");
+		return (n, r) => (l(), i("div", c(v.value, {
+			class: d(e)("header-ribbon", g.class),
+			"data-placement": y.value,
+			"data-slot": "header-ribbon",
+			role: "toolbar",
+			"aria-label": b.value
+		}), [o(d(t), {
+			class: "header-ribbon__band",
+			material: "functional",
+			surface: "glass",
+			specular: "subtle"
+		}, {
+			default: p(() => [a("div", h, [u(n.$slots, "items")])]),
+			_: 3
+		})], 16, m));
 	}
-}), [["__scopeId", "data-v-057a6bc6"]]);
+});
 //#endregion
-export { f as HeaderRibbon };
+export { g as HeaderRibbon };

package/dist/index.d.ts

@@ -11,12 +11,10 @@ export * from "./components/data-table";
 export * from "./components/dialog";
 export * from "./components/dropdown-menu";
 export * from "./components/label";
-export * from "./components/notification";
 export * from "./components/number-field";
 export * from "./components/popover";
 export * from "./components/progress";
 export * from "./components/radio-group";
-export * from "./components/section";
 export * from "./components/select";
 export * from "./components/separator";
 export * from "./components/skeleton";
@@ -25,28 +23,20 @@ export * from "./components/switch";
 export * from "./components/table";
 export * from "./components/tags-input";
 export * from "./components/toast";
-export * from "./components/toggle";
 export * from "./components/toggle-group";
 export * from "./components/tooltip";
-export * from "./components/instrument-chassis";
 export * from "./components/configurator";
-export * from "./components/icon-chip";
-export * from "./components/split-chars";
 export * from "./composables/reactive";
 export * from "./composables/dom";
 export * from "./composables/glass";
-export { startViewTransition, supportsViewTransitions, navigate, supportsRouteTransitions, type ViewTransitionResult, type NavigateOptions, } from "./composables/motion/useViewTransition";
-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 { useLeadTrail, type LeadTrailEdges, type UseLeadTrail, type UseLeadTrailOptions, } from "./composables/motion/useLeadTrail";
-export { useGooMorph, type GooBarbellRefs, type UseGooMorphParams, type UseGooMorphReturn, } from "./composables/motion/useGooMorph";
-export { MORPH_SIGNATURES, type MorphSignature, type MorphSignatureName, type MorphVector, } from "./composables/motion/morphSignatures";
-export { usePointerVelocityField, type PointerVec2, type UsePointerVelocityField, type UsePointerVelocityFieldOptions, } from "./composables/motion/usePointerVelocityField";
-export { useRoutePointer, type RoutePointerContext, type UseRoutePointerOptions, } from "./composables/motion/useRoutePointer";
-export { fourierLeanMapping, blobPullMapping, auroraCursorMapping, constellationWellMapping, snapshotField, FOURIER_BIAS_GAIN, FOURIER_FOLLOW_LEAN, BLOB_LEAD_K, BLOB_STRETCH_GAIN, BLOB_STRETCH_MAX, AURORA_CURSOR_RADIUS, type PointerFieldSnapshot, type FourierLeanGeometry, type FourierLeanOptions, type FourierLeanResult, type BlobPullOptions, type BlobPullResult, type AuroraCursorOptions, type AuroraCursorResult, type ConstellationWellResult, } from "./composables/motion/pointerFieldMappings";
-export { useCharStagger, type UseCharStaggerOptions, type UseCharStaggerReturn, } from "./composables/motion/useCharStagger";
+export { startViewTransition, supportsViewTransitions, type ViewTransitionResult, } from "./composables/motion/core/useViewTransition";
+export { vReveal } from "./composables/motion/reveal/vReveal";
+export { useTextHighlight, type HighlightMatcher, type UseTextHighlightControls, } from "./composables/motion/reveal/useTextHighlight";
+export { useLiquidFlex, type LiquidFlexAxis, type UseLiquidFlexParams, type UseLiquidFlexReturn, } from "./composables/motion/spring/useLiquidFlex";
+export { useLeadTrail, type LeadTrailEdges, type UseLeadTrail, type UseLeadTrailOptions, } from "./composables/motion/morph/useLeadTrail";
+export { usePointerVelocityField, type PointerVec2, type UsePointerVelocityField, type UsePointerVelocityFieldOptions, } from "./composables/motion/pointer/usePointerVelocityField";
+export { useRoutePointer, type RoutePointerContext, type UseRoutePointerOptions, } from "./composables/motion/pointer/useRoutePointer";
+export { fourierLeanMapping, blobPullMapping, auroraCursorMapping, constellationWellMapping, snapshotField, FOURIER_BIAS_GAIN, FOURIER_FOLLOW_LEAN, BLOB_LEAD_K, BLOB_STRETCH_GAIN, BLOB_STRETCH_MAX, AURORA_CURSOR_RADIUS, type PointerFieldSnapshot, type FourierLeanGeometry, type FourierLeanOptions, type FourierLeanResult, type BlobPullOptions, type BlobPullResult, type AuroraCursorOptions, type AuroraCursorResult, type ConstellationWellResult, } from "./composables/motion/pointer/pointerFieldMappings";
 export type { Size, Orientation, Motion, Surface, SurfaceTier, } from "./components/_shared/axes";
 export { cn } from "./components/_shared/class-names";
-export { coalesceMetric, METRIC_PLACEHOLDER, type MetricValue, type MetricValueProps, } from "./components/metric/coalesce-metric";
-export { supportsScrollTimeline, supportsViewTimeline, } from "./composables/motion/supportsCssTimeline";
+export { supportsScrollTimeline, supportsViewTimeline, } from "./composables/motion/scroll/supportsCssTimeline";

package/dist/infinite-scroll.d.ts

@@ -1,2 +1 @@
 export * from "./components/infinite-scroll";
-export * from "./components/infinite-scroll/composables";