@mkbabb/glass-ui 7.0.0 → 9.0.0

package/dist/constellation.js

@@ -1,15 +1,15 @@
-import { t as e } from "./class-names-Cpy5eaBk.js";
+import { t as e } from "./class-names-q-UGOkHH.js";
 import { t } from "./useReducedMotion-vCXA_vyM.js";
-import { n } from "./resolveCanvasColor-DS_6DBxA.js";
+import { t as n } from "./useCanvas2D-CQRElMyE.js";
 import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as i } from "./usePointerVelocityField-DsIf7yyq.js";
 import { t as a } from "./useRoutePointer-B8itM7Ka.js";
-import { d as o, l as s } from "./pointerFieldMappings-DP5tla5z.js";
+import { c as o, s } from "./pointerFieldMappings-DXwlU5uj.js";
 import { a as c, t as l } from "./rendererStatus-BxUlBLVy.js";
 import { n as u, t as d } from "./prng-2uS6J_A1.js";
-import { computed as f, createElementBlock as p, createElementVNode as m, defineComponent as h, getCurrentInstance as g, normalizeClass as _, onMounted as v, onUnmounted as y, openBlock as b, readonly as x, ref as S, shallowRef as C, unref as ee, useTemplateRef as w, watch as T } from "vue";
+import { computed as f, createElementBlock as p, createElementVNode as m, defineComponent as h, getCurrentInstance as g, normalizeClass as _, onMounted as v, onUnmounted as y, openBlock as b, readonly as x, ref as S, shallowRef as C, unref as w, useTemplateRef as T, watch as E } from "vue";
 //#region src/components/constellation/constants.ts
-var E = 1280, D = {
+var D = 1280, O = {
 	node: "#b4afa3",
 	nodeDim: "#cdc8bd",
 	line: "#1c1714",
@@ -19,46 +19,23 @@ var E = 1280, D = {
 	accent: "#b35030",
 	edgeFloor: 0,
 	edgeAccentAlpha: .3
-}, O = .55, k = 1, A = {
+}, k = .55, A = 1, j = {
 	gain: 19e3,
 	reach: 340,
 	ramp: 8,
 	maxSpeed: 4,
 	soften: 8,
 	holdMs: 140
-}, j = 8e3, M = 8e3, N = .14, P = 2600, F = 6e3, I = 8e3, L = .72, R = 256, te = 12, z = 256 * 12, B = 0, V = 1.6, H = 1.6, U = .001, W = .6, G = 11, K = 22, ne = .05;
-function q(e, t, n, r) {
-	let i = e.well;
-	if (!i || !(r > 0)) return;
-	let a = Math.min(r, ne), o = i.cfg, s = i.target > 0 ? o.ramp : K, c = Math.min(s * a, 1);
-	i.strength += (i.target - i.strength) * c, i.strength < U && (i.strength = i.target <= 0 ? 0 : i.strength);
-	let { nodes: l } = e, u = o.reach * t, d = u * u, f = o.maxSpeed * t, p = i.target > 0 ? W : G, m = Math.min(p * a, 1), h = i.strength > U && i.x >= 0, g = e.pinnedIndex;
-	for (let e = 0; e < l.length; e++) {
-		if (e === g) continue;
-		let t = l[e];
-		if (h) {
-			let e = i.x - t.x, n = i.y - t.y, r = e * e + n * n;
-			if (r <= d) {
-				let s = Math.max(Math.sqrt(r), o.soften), c = o.gain * i.strength / (s * s), l = t.vx + e / s * c * a, u = t.vy + n / s * c * a, d = Math.hypot(l, u);
-				d > f && (l = l / d * f, u = u / d * f), t.vx = l, t.vy = u;
-			}
-		}
-		let r = Math.hypot(t.vx, t.vy);
-		if (r > 1e-9) {
-			let e = (r + (n - r) * m) / r;
-			t.vx *= e, t.vy *= e;
-		}
-	}
-}
+}, M = 8e3, N = 8e3, P = .14, ee = 2600, F = 6e3, I = 8e3, L = .72, te = 256, R = 12, z = 256 * 12, B = 0, V = 1.6, H = 1.6;
 //#endregion
 //#region src/components/constellation/constellationInteraction.ts
-function J(e) {
+function U(e) {
 	let t = {
-		response: O,
+		response: k,
 		zeta: 1
-	}, n = { ...A }, r = {
-		minIdle: j,
-		jitter: M
+	}, n = { ...j }, r = {
+		minIdle: M,
+		jitter: N
 	};
 	if (typeof window > "u") return {
 		warp: t,
@@ -71,14 +48,14 @@ function J(e) {
 		let r = Number.parseFloat(n);
 		return Number.isFinite(r) ? r : t;
 	};
-	return t.response = a("--constellation-warp-response", O), t.zeta = a("--constellation-warp-zeta", 1), n.gain = a("--constellation-well-gain", A.gain), n.reach = a("--constellation-well-reach", A.reach), n.ramp = a("--constellation-well-ramp", A.ramp), n.maxSpeed = a("--constellation-well-max-speed", A.maxSpeed), n.holdMs = a("--constellation-well-hold-ms", A.holdMs), r.minIdle = a("--constellation-wander-idle", j), r.jitter = a("--constellation-wander-jitter", M), {
+	return t.response = a("--constellation-warp-response", k), t.zeta = a("--constellation-warp-zeta", 1), n.gain = a("--constellation-well-gain", j.gain), n.reach = a("--constellation-well-reach", j.reach), n.ramp = a("--constellation-well-ramp", j.ramp), n.maxSpeed = a("--constellation-well-max-speed", j.maxSpeed), n.holdMs = a("--constellation-well-hold-ms", j.holdMs), r.minIdle = a("--constellation-wander-idle", M), r.jitter = a("--constellation-wander-jitter", N), {
 		warp: t,
 		well: n,
 		wander: r
 	};
 }
-var re = .05;
-function Y(e, t, n, r = -1) {
+var W = .05;
+function G(e, t, n, r = -1) {
 	let { nodes: i } = e, a = -1, o = Infinity;
 	for (let e = 0; e < i.length; e++) {
 		if (e === r) continue;
@@ -87,13 +64,13 @@ function Y(e, t, n, r = -1) {
 	}
 	return a;
 }
-function ie(e, t) {
+function K(e, t) {
 	let { warp: n, nodes: r } = e;
 	if (!n || n.targetIdx < 0 || n.targetIdx >= r.length || !(t > 0)) return;
-	let i = Math.min(t, re), a = e.warpCfg?.response ?? .55, o = e.warpCfg?.zeta ?? 1, s = 2 * Math.PI / a, c = r[n.targetIdx], l = -2 * o * s * n.vx - s * s * (n.x - c.x), u = -2 * o * s * n.vy - s * s * (n.y - c.y);
+	let i = Math.min(t, W), a = e.warpCfg?.response ?? .55, o = e.warpCfg?.zeta ?? 1, s = 2 * Math.PI / a, c = r[n.targetIdx], l = -2 * o * s * n.vx - s * s * (n.x - c.x), u = -2 * o * s * n.vy - s * s * (n.y - c.y);
 	n.vx += l * i, n.vy += u * i, n.x += n.vx * i, n.y += n.vy * i;
 }
-function X(e, t) {
+function q(e, t) {
 	let { warp: n, nodes: r } = e;
 	if (t < 0 || t >= r.length) {
 		n.targetIdx = -1, e.focalIndex = -1;
@@ -101,20 +78,20 @@ function X(e, t) {
 	}
 	e.focalIndex = t, n.targetIdx = t;
 }
-function Z(e, t, n) {
-	let r = Y(e, t, n, -1);
+function J(e, t, n) {
+	let r = G(e, t, n, -1);
 	if (r >= 0 && r === e.focalIndex) return e.focalIndex;
-	let i = Y(e, t, n, e.focalIndex);
-	return i < 0 ? -1 : (X(e, i), i);
+	let i = G(e, t, n, e.focalIndex);
+	return i < 0 ? -1 : (q(e, i), i);
 }
-var ae = 24;
-function Q(e) {
+var ne = 24;
+function Y(e) {
 	let { warp: t, nodes: n } = e;
 	if (!t || t.targetIdx < 0 || t.targetIdx >= n.length) return !0;
 	let r = n[t.targetIdx];
-	return Math.hypot(t.x - r.x, t.y - r.y) < ae;
+	return Math.hypot(t.x - r.x, t.y - r.y) < ne;
 }
-function oe(e, t) {
+function X(e, t) {
 	let n = e.nodes.length;
 	if (n <= 1) return e.focalIndex;
 	let r = e.focalIndex;
@@ -122,7 +99,7 @@ function oe(e, t) {
 	let i = Math.floor(t() * (n - 1));
 	return i < r ? i : i + 1;
 }
-function se(e = {}) {
+function Z(e = {}) {
 	return {
 		anchorX: 0,
 		anchorY: 0,
@@ -138,10 +115,10 @@ function se(e = {}) {
 		jitter: e.jitter ?? 8e3
 	};
 }
-function ce(e) {
+function re(e) {
 	return e < .5 ? 2 * e * e : 1 - (-2 * e + 2) ** 2 / 2;
 }
-function le(e, t, n) {
+function ie(e, t, n) {
 	let r = e.pinnedDrift;
 	if (!r || e.pinnedIndex < 0 || e.pinnedIndex >= e.nodes.length || !(t > 0)) return;
 	let i = e.nodes[e.pinnedIndex];
@@ -155,18 +132,44 @@ function le(e, t, n) {
 		let a = r.wanderFrac, o = r.anchorX + (n() * 2 - 1) * a * e.w, s = r.anchorY + (n() * 2 - 1) * a * e.h;
 		r.toX = Math.max(.04 * e.w, Math.min(.96 * e.w, o)), r.toY = Math.max(.04 * e.h, Math.min(.96 * e.h, s)), r.legStart = t;
 	}
-	let a = Math.min((t - r.legStart) / r.durMs, 1), o = ce(a);
+	let a = Math.min((t - r.legStart) / r.durMs, 1), o = re(a);
 	i.x = r.fromX + (r.toX - r.fromX) * o, i.y = r.fromY + (r.toY - r.fromY) * o, a >= 1 && (r.legStart = -1, r.nextAt = t + r.minIdle + n() * r.jitter);
 }
-var ue = .45;
-function de(e, t, n, r) {
-	return n >= .45 ? (Z(e, t.x, t.y), r.push({
+var ae = .45;
+function oe(e, t, n, r) {
+	return n >= .45 ? (J(e, t.x, t.y), r.push({
 		x: e.warp.x,
 		y: e.warp.y,
 		start: -1
 	}), !0) : !1;
 }
 //#endregion
+//#region src/components/constellation/constellationWell.ts
+var Q = .001, se = .6, ce = 11, le = 22, ue = .05;
+function de(e, t, n, r) {
+	let i = e.well;
+	if (!i || !(r > 0)) return;
+	let a = Math.min(r, ue), o = i.cfg, s = i.target > 0 ? o.ramp : le, c = Math.min(s * a, 1);
+	i.strength += (i.target - i.strength) * c, i.strength < Q && (i.strength = i.target <= 0 ? 0 : i.strength);
+	let { nodes: l } = e, u = o.reach * t, d = u * u, f = o.maxSpeed * t, p = i.target > 0 ? se : ce, m = Math.min(p * a, 1), h = i.strength > Q && i.x >= 0, g = e.pinnedIndex;
+	for (let e = 0; e < l.length; e++) {
+		if (e === g) continue;
+		let t = l[e];
+		if (h) {
+			let e = i.x - t.x, n = i.y - t.y, r = e * e + n * n;
+			if (r <= d) {
+				let s = Math.max(Math.sqrt(r), o.soften), c = o.gain * i.strength / (s * s), l = t.vx + e / s * c * a, u = t.vy + n / s * c * a, d = Math.hypot(l, u);
+				d > f && (l = l / d * f, u = u / d * f), t.vx = l, t.vy = u;
+			}
+		}
+		let r = Math.hypot(t.vx, t.vy);
+		if (r > 1e-9) {
+			let e = (r + (n - r) * m) / r;
+			t.vx *= e, t.vy *= e;
+		}
+	}
+}
+//#endregion
 //#region src/components/constellation/constellationField.ts
 function fe(e, t, n, r, i) {
 	let a = [];
@@ -208,9 +211,9 @@ function me(e, t, n, r, i = 0, a = 0, o = Math.random, s = null) {
 			}
 		}
 	}
-	if (q(e, t, n, i), le(e, a, o), ie(e, i), e.warpAutoRelease && e.warp.targetIdx >= 0 && Q(e) && (e.warp.targetIdx = -1), e.wander && a > 0) {
+	if (de(e, t, n, i), ie(e, a, o), K(e, i), e.warpAutoRelease && e.warp.targetIdx >= 0 && Y(e) && (e.warp.targetIdx = -1), e.wander && a > 0) {
 		let t = e.wander;
-		t.nextAt < 0 ? t.nextAt = a + t.minIdle + o() * t.jitter : a >= t.nextAt && Q(e) && (X(e, oe(e, o)), t.nextAt = a + t.minIdle + o() * t.jitter);
+		t.nextAt < 0 ? t.nextAt = a + t.minIdle + o() * t.jitter : a >= t.nextAt && Y(e) && (q(e, X(e, o)), t.nextAt = a + t.minIdle + o() * t.jitter);
 	}
 }
 function he(e, t, n = -1, r = Infinity) {
@@ -268,21 +271,21 @@ function $(e) {
 	return Math.max(e.k, e.kFloor ?? .72);
 }
 function ve(e) {
-	if (typeof window > "u") return { ...D };
+	if (typeof window > "u") return { ...O };
 	let t = getComputedStyle(e), n = (e, n) => t.getPropertyValue(e).trim() || n, r = (e, n) => {
 		let r = Number.parseFloat(t.getPropertyValue(e));
 		return Number.isFinite(r) ? r : n;
 	};
 	return {
-		node: n("--constellation-node", D.node),
-		nodeDim: n("--constellation-node-dim", D.nodeDim),
-		line: n("--constellation-line", D.line),
-		accent: n("--constellation-accent", D.accent),
-		alpha: r("--constellation-alpha", D.alpha),
-		edgeAlpha: r("--constellation-edge-alpha", D.edgeAlpha),
-		edgeFocusAlpha: r("--constellation-edge-focus-alpha", D.edgeFocusAlpha),
-		edgeAccentAlpha: r("--constellation-edge-accent-alpha", D.edgeAccentAlpha),
-		edgeFloor: r("--constellation-edge-floor", D.edgeFloor)
+		node: n("--constellation-node", O.node),
+		nodeDim: n("--constellation-node-dim", O.nodeDim),
+		line: n("--constellation-line", O.line),
+		accent: n("--constellation-accent", O.accent),
+		alpha: r("--constellation-alpha", O.alpha),
+		edgeAlpha: r("--constellation-edge-alpha", O.edgeAlpha),
+		edgeFocusAlpha: r("--constellation-edge-focus-alpha", O.edgeFocusAlpha),
+		edgeAccentAlpha: r("--constellation-edge-accent-alpha", O.edgeAccentAlpha),
+		edgeFloor: r("--constellation-edge-floor", O.edgeFloor)
 	};
 }
 function ye(e, t, n, r, i = 1) {
@@ -338,7 +341,7 @@ function Ce(e, t, n = !1, r = !1, i = !1) {
 		pinnedIndex: n === !1 ? -1 : n === !0 ? 0 : Math.max(0, Math.trunc(n)),
 		warpAutoRelease: !!i
 	};
-	a.pinnedDrift = r ? se(r === !0 ? {} : r) : void 0;
+	a.pinnedDrift = r ? Z(r === !0 ? {} : r) : void 0;
 	let o = e && e !== !0 ? e : {};
 	a.wander = e ? {
 		nextAt: -1,
@@ -352,7 +355,7 @@ function Ce(e, t, n = !1, r = !1, i = !1) {
 		strength: 0,
 		target: 0,
 		cfg: {
-			...A,
+			...j,
 			...s
 		}
 	} : void 0, {
@@ -371,152 +374,152 @@ var we = {
 	ramp: 4
 }, Te = .5, Ee = 0;
 function De(e, r, a, p = {}) {
-	let m = p.routePointer, h = Math.min(e.count ?? 64, 256), _ = e.link ?? 132, b = e.speed ?? .16, ee = e.parallax ?? 0, w = e.seed, T = e.warpOnClick ?? !1, O = e.wander ?? !1, k = e.gravityWell || (m ? { ...we } : !1), A = e.pinned ?? !1, j = e.pinnedDrift ?? !1, M = e.warpAutoRelease ?? !1, N = f(() => w === void 0 ? Math.random : u(typeof w == "string" ? d(w) : w)), P = g()?.vnode.props?.freeze, F = () => typeof window < "u" && /[?&](export|print|freeze)\b/.test(window.location.search), I = f(() => P === void 0 ? F() : P === !0 || P === ""), { field: L, wanderOverride: R, wellOverride: te } = Ce(O, k, A, j, M), B = {
+	let m = p.routePointer, h = Math.min(e.count ?? 64, 256), _ = e.link ?? 132, b = .16, w = e.seed, T = e.warpOnClick ?? !1, E = e.wander ?? !1, k = e.gravityWell || (m ? { ...we } : !1), A = e.pinned ?? !1, j = e.pinnedDrift ?? !1, M = e.warpAutoRelease ?? !1, N = f(() => w === void 0 ? Math.random : u(typeof w == "string" ? d(w) : w)), P = g()?.vnode.props?.freeze, ee = () => typeof window < "u" && /[?&](export|print|freeze)\b/.test(window.location.search), F = f(() => P === void 0 ? ee() : P === !0 || P === ""), { field: I, wanderOverride: L, wellOverride: te } = Ce(E, k, A, j, M), R = {
 		x: -1,
 		y: -1
-	}, V = [], H = S(null), U = i(m ? {
+	}, B = [], V = S(null), H = i(m ? {
 		respectReducedMotion: !0,
 		halfLifeMs: 600,
 		mass: 1.3,
 		damping: .9,
 		attractorResponse: .5
-	} : { respectReducedMotion: !0 }), W = C(c("canvas2d")), G = null, K = () => U.dispose();
+	} : { respectReducedMotion: !0 }), W = C(c("canvas2d")), G = null, K = () => H.dispose();
 	return y(() => K()), v(() => {
 		let i = a.value;
 		if (!i) return;
-		let c = { ...D }, u = !0, d = !1, f = -1, p = !1, g, v = () => G?.reducedMotion ?? t(), y = (e) => {
+		let c = { ...O }, u = !0, d = !1, f = -1, p = !1, g, v = () => G?.reducedMotion ?? t(), y = (e) => {
 			let t = i.getBoundingClientRect();
 			if (!t.width || !t.height) return null;
 			let n = (e.clientX - t.left) / t.width, r = (e.clientY - t.top) / t.height;
 			return n < 0 || r < 0 || n > 1 || r > 1 ? null : {
-				x: n * L.w,
-				y: r * L.h
+				x: n * I.w,
+				y: r * I.h
 			};
 		};
-		H.value = y;
+		V.value = y;
 		let x = () => {
-			g !== void 0 && clearTimeout(g), g = void 0, L.well && (L.well.target = 0), G?.wake();
+			g !== void 0 && clearTimeout(g), g = void 0, I.well && (I.well.target = 0), G?.wake();
 		}, S = r.value ?? i, C = [], w = (e, t) => {
 			S.addEventListener(e, t), C.push([e, t]);
 		};
-		!m && !I.value && (w("pointerenter", (() => {
-			U.onPointerEnter(), G?.wake();
+		!m && !F.value && (w("pointerenter", (() => {
+			H.onPointerEnter(), G?.wake();
 		})), w("pointermove", ((t) => {
 			if (v()) return;
-			U.onPointerMove(t);
+			H.onPointerMove(t);
 			let n = y(t);
-			e.pointerReactive !== !1 && n ? (B.x = n.x, B.y = n.y) : (B.x = -1, B.y = -1), L.well?.target && n && (L.well.x = n.x, L.well.y = n.y), G?.wake();
+			e.pointerReactive !== !1 && n ? (R.x = n.x, R.y = n.y) : (R.x = -1, R.y = -1), I.well?.target && n && (I.well.x = n.x, I.well.y = n.y), G?.wake();
 		})), w("pointerleave", (() => {
-			U.onPointerLeave(), B.x = -1, B.y = -1, x();
+			H.onPointerLeave(), R.x = -1, R.y = -1, x();
 		})), w("pointerdown", ((t) => {
 			if (v()) return;
 			let n = y(t);
-			n && (e.pointerReactive !== !1 && V.push({
+			n && (e.pointerReactive !== !1 && B.push({
 				...n,
 				start: -1
-			}), T && Z(L, n.x, n.y), e.gravityWell && L.well && (L.well.x = n.x, L.well.y = n.y, g = setTimeout(() => {
-				L.well && (L.well.target = 1), G?.wake();
-			}, L.well.cfg.holdMs)), G?.wake());
+			}), T && J(I, n.x, n.y), e.gravityWell && I.well && (I.well.x = n.x, I.well.y = n.y, g = setTimeout(() => {
+				I.well && (I.well.target = 1), G?.wake();
+			}, I.well.cfg.holdMs)), G?.wake());
 		})), w("pointerup", x), w("pointercancel", x), (T || e.gravityWell) && (w("keydown", ((t) => {
 			if (t.repeat || t.key !== "Enter" && t.key !== " " || v()) return;
 			t.preventDefault();
-			let n = L.w / 2, r = L.h / 2;
-			T && Z(L, n, r), e.gravityWell && L.well && (L.well.x = n, L.well.y = r, L.well.target = 1), G?.wake();
+			let n = I.w / 2, r = I.h / 2;
+			T && J(I, n, r), e.gravityWell && I.well && (I.well.x = n, I.well.y = r, I.well.target = 1), G?.wake();
 		})), w("keyup", ((e) => {
 			(e.key === "Enter" || e.key === " ") && x();
 		}))));
-		let O = typeof MutationObserver > "u" ? null : new MutationObserver(() => {
-			u = !0, I.value ? G?.resume("manual") : G?.wake();
+		let E = typeof MutationObserver > "u" ? null : new MutationObserver(() => {
+			u = !0, F.value ? G?.resume("manual") : G?.wake();
 		});
-		O?.observe(document.documentElement, {
+		E?.observe(document.documentElement, {
 			attributes: !0,
 			attributeFilter: ["class"]
 		}), G = n({
 			canvas: a,
 			respectReducedMotion: !0,
 			setup: () => ({ render(t, n) {
-				let r = Math.min(window.devicePixelRatio || 1, 2), a = i.width ? i.width / r : E, l = i.height ? i.height / r : 720, g = a / E;
-				L.canvas = i, L.dpr = r;
+				let r = Math.min(window.devicePixelRatio || 1, 2), a = i.width ? i.width / r : D, l = i.height ? i.height / r : 720, g = a / D;
+				I.canvas = i, I.dpr = r;
 				let y = Number.parseFloat(getComputedStyle(i).getPropertyValue("--constellation-k-floor"));
-				if (L.kFloor = Number.isFinite(y) ? y : void 0, L.w !== a || L.h !== l) {
-					let e = L.w, t = L.h;
-					if (L.w = a, L.h = l, L.k = g, L.nodes.length ? pe(L, e, t) : (L.nodes = fe(N.value, h, a, l, b), L.warp.x = a / 2, L.warp.y = l / 2), !d) {
+				if (I.kFloor = Number.isFinite(y) ? y : void 0, I.w !== a || I.h !== l) {
+					let e = I.w, t = I.h;
+					if (I.w = a, I.h = l, I.k = g, I.nodes.length ? pe(I, e, t) : (I.nodes = fe(N.value, h, a, l, b), I.warp.x = a / 2, I.warp.y = l / 2), !d) {
 						d = !0;
-						let e = J(i);
-						L.warpCfg = e.warp, L.well && (L.well.cfg = {
+						let e = U(i);
+						I.warpCfg = e.warp, I.well && (I.well.cfg = {
 							...e.well,
 							...te
-						}), L.wander && (L.wander.minIdle = R.minIdle ?? e.wander.minIdle, L.wander.jitter = R.jitter ?? e.wander.jitter);
+						}), I.wander && (I.wander.minIdle = L.minIdle ?? e.wander.minIdle, I.wander.jitter = L.jitter ?? e.wander.jitter);
 					}
 				}
-				L.k = g, u &&= (c = ve(i), !1);
-				let x = I.value || v(), S = f < 0 ? 0 : n - f, C = S / 1e3;
-				if (f = n, x && L.well && (L.well.strength = 0, L.well.target = 0, L.well.x = -1, L.well.y = -1), m && !x) {
+				I.k = g, u &&= (c = ve(i), !1);
+				let x = F.value || v(), S = f < 0 ? 0 : n - f, C = S / 1e3;
+				if (f = n, x && I.well && (I.well.strength = 0, I.well.target = 0, I.well.x = -1, I.well.y = -1), m && !x) {
 					let e = m(), t = !1;
 					if (e?.active) {
 						let n = i.getBoundingClientRect();
 						if (n.width && n.height) {
 							let r = (e.x * window.innerWidth - n.left) / n.width, i = (e.y * window.innerHeight - n.top) / n.height;
-							t = r >= 0 && r <= 1 && i >= 0 && i <= 1, t && U.setPointer(r, i);
+							t = r >= 0 && r <= 1 && i >= 0 && i <= 1, t && H.setPointer(r, i);
 						}
 					}
-					U.setActive(t);
+					H.setActive(t);
 				}
-				if (U.tick(x ? 0 : S), m && L.well && !x) {
-					let e = s(o(U));
-					L.well.x = e.x * a, L.well.y = e.y * l, L.well.target = e.engagement * Te;
+				if (H.tick(x ? 0 : S), m && I.well && !x) {
+					let e = s(o(H));
+					I.well.x = e.x * a, I.well.y = e.y * l, I.well.target = e.engagement * Te;
 				}
-				let w = e.pointerReactive !== !1, T = w ? B : null, D = null;
+				let w = e.pointerReactive !== !1, T = w ? R : null, E = null;
 				if (T && !x) {
-					let e = U.velocity.value;
-					D = {
+					let e = H.velocity.value;
+					E = {
 						x: e.x * a / 60,
 						y: e.y * l / 60
-					}, B.x >= 0 && de(L, B, U.burst.value, V);
+					}, R.x >= 0 && oe(I, R, H.burst.value, B);
 				}
-				x || me(L, g, b, T, C, n, N.value, D);
-				let O = e.accentEdges ? L.pinnedIndex >= 0 ? L.pinnedIndex : L.focalIndex : -1, k = he(L, _, O, z);
-				w && !x && ge(k, L, _, B, z);
+				x || me(I, g, b, T, C, n, N.value, E);
+				let O = e.accentEdges ? I.pinnedIndex >= 0 ? I.pinnedIndex : I.focalIndex : -1, k = he(I, _, O, z);
+				w && !x && ge(k, I, _, R, z);
 				let A = e.opacityCeiling ?? 1;
-				if (t.clearRect(0, 0, a, l), ye(t, L, k, c, A), be(t, L, c, A, T, x ? 0 : ee), w && !x && (xe(t, L, B, c, A), Se(t, L, n, V, c, A)), e.drawOverlay) {
+				if (t.clearRect(0, 0, a, l), ye(t, I, k, c, A), be(t, I, c, A, T, 0), w && !x && (xe(t, I, R, c, A), Se(t, I, n, B, c, A)), e.drawOverlay) {
 					t.save();
 					try {
-						e.drawOverlay(t, L, x ? Ee : n);
+						e.drawOverlay(t, I, x ? Ee : n);
 					} finally {
 						t.restore();
 					}
 				}
-				I.value && G && !p && (p = !0, queueMicrotask(() => {
+				F.value && G && !p && (p = !0, queueMicrotask(() => {
 					p = !1, G?.suspend("manual");
 				}));
 			} })
 		}), W.value = l(), K = () => {
-			g !== void 0 && clearTimeout(g), O?.disconnect();
+			g !== void 0 && clearTimeout(g), E?.disconnect();
 			for (let [e, t] of C) S.removeEventListener(e, t);
-			U.dispose(), G?.dispose(), G = null;
+			H.dispose(), G?.dispose(), G = null;
 		};
 	}), {
-		field: L,
-		isFrozen: I,
+		field: I,
+		isFrozen: F,
 		warpTo(e, t) {
-			if (I.value) return -1;
-			let n = typeof e == "number" && typeof t == "number" ? H.value?.({
+			if (F.value) return -1;
+			let n = typeof e == "number" && typeof t == "number" ? V.value?.({
 				clientX: e,
 				clientY: t
 			}) : e;
 			if (!n) return -1;
-			let r = Z(L, n.x, n.y);
+			let r = J(I, n.x, n.y);
 			return G?.wake(), r;
 		},
 		holdWellAt(e, t) {
-			return !L.well || I.value ? !1 : (L.well.x = e, L.well.y = t, L.well.target = 1, G?.wake(), !0);
+			return !I.well || F.value ? !1 : (I.well.x = e, I.well.y = t, I.well.target = 1, G?.wake(), !0);
 		},
 		releaseWell() {
-			L.well && (L.well.target = 0, G?.wake());
+			I.well && (I.well.target = 0, G?.wake());
 		},
-		warpSettled: () => Q(L),
+		warpSettled: () => Y(I),
 		pinNode(e) {
-			L.pinnedIndex = e, L.pinnedDrift && (L.pinnedDrift.nextAt = -1), G?.wake();
+			I.pinnedIndex = e, I.pinnedDrift && (I.pinnedDrift.nextAt = -1), G?.wake();
 		},
 		rendererStatus: x(W)
 	};
@@ -532,8 +535,6 @@ var Oe = [
 	props: {
 		count: { default: 64 },
 		link: { default: 132 },
-		speed: { default: .16 },
-		parallax: { default: 0 },
 		opacityCeiling: { default: 1 },
 		seed: {},
 		pointerReactive: {
@@ -578,18 +579,18 @@ var Oe = [
 	},
 	emits: ["rendererStatus"],
 	setup(t, { expose: n, emit: r }) {
-		let i = r, o = t, s = w("hostRef"), c = w("canvasRef"), l = a(), u = o.backgroundInteractive ? () => ({
+		let i = r, o = t, s = T("hostRef"), c = T("canvasRef"), l = a(), u = o.backgroundInteractive ? () => ({
 			x: l.pointer.value.x,
 			y: l.pointer.value.y,
 			active: l.active.value
 		}) : void 0, d = f(() => !o.backgroundInteractive && (o.warpOnClick || !!o.gravityWell)), h = f(() => o.warpOnClick && o.gravityWell ? "Move the constellation focal point or pull the field" : o.gravityWell ? "Pull the constellation field" : "Move the constellation focal point"), g = De(o, s, c, { routePointer: u });
-		return T(g.rendererStatus, (e) => i("rendererStatus", e), {
+		return E(g.rendererStatus, (e) => i("rendererStatus", e), {
 			immediate: !0,
 			flush: "sync"
 		}), n(g), (t, n) => (b(), p("div", {
 			ref_key: "hostRef",
 			ref: s,
-			class: _(ee(e)("constellation", o.class)),
+			class: _(w(e)("constellation", o.class)),
 			role: d.value ? "button" : void 0,
 			tabindex: d.value ? 0 : void 0,
 			"aria-label": d.value ? h.value : void 0
@@ -600,6 +601,6 @@ var Oe = [
 			"aria-hidden": "true"
 		}, null, 512)], 10, Oe));
 	}
-}), [["__scopeId", "data-v-798f084d"]]);
+}), [["__scopeId", "data-v-3790eb30"]]);
 //#endregion
-export { E as BASE_WIDTH, ue as BURST_FIRE_THRESHOLD, ke as Constellation, L as DEFAULT_K_FLOOR, D as DEFAULT_PALETTE, B as DEFAULT_PARALLAX, P as DEFAULT_PINNED_DRIFT_DUR, N as DEFAULT_PINNED_DRIFT_FRAC, F as DEFAULT_PINNED_DRIFT_IDLE, I as DEFAULT_PINNED_DRIFT_JITTER, j as DEFAULT_WANDER_IDLE, M as DEFAULT_WANDER_JITTER, A as DEFAULT_WELL_CONFIG, z as E_MAX, te as MAX_DEGREE, R as MAX_NODES, O as WARP_RESPONSE, k as WARP_ZETA, ge as appendPointerWeb, he as buildEdges, de as fireBurst, $ as kVisOf, se as makePinnedDrift, Y as nearestNode, _e as parallaxNodePos, oe as pickWanderTarget, J as readInteractionConfig, ve as readPalette, pe as refitField, fe as seedField, X as setWarpTarget, me as stepField, le as stepPinnedDrift, q as stepWell, Q as warpSettled, ie as warpStep, Z as warpTo };
+export { D as BASE_WIDTH, ae as BURST_FIRE_THRESHOLD, ke as Constellation, L as DEFAULT_K_FLOOR, O as DEFAULT_PALETTE, B as DEFAULT_PARALLAX, ee as DEFAULT_PINNED_DRIFT_DUR, P as DEFAULT_PINNED_DRIFT_FRAC, F as DEFAULT_PINNED_DRIFT_IDLE, I as DEFAULT_PINNED_DRIFT_JITTER, M as DEFAULT_WANDER_IDLE, N as DEFAULT_WANDER_JITTER, j as DEFAULT_WELL_CONFIG, z as E_MAX, R as MAX_DEGREE, te as MAX_NODES, k as WARP_RESPONSE, A as WARP_ZETA, ge as appendPointerWeb, he as buildEdges, oe as fireBurst, $ as kVisOf, Z as makePinnedDrift, G as nearestNode, _e as parallaxNodePos, X as pickWanderTarget, U as readInteractionConfig, ve as readPalette, pe as refitField, fe as seedField, q as setWarpTarget, me as stepField, ie as stepPinnedDrift, de as stepWell, Y as warpSettled, K as warpStep, J as warpTo };

package/dist/content-CWO-XL7o.js

@@ -0,0 +1,18 @@
+import { t as e } from "./class-names-q-UGOkHH.js";
+import { t } from "./resolve-DdrNvBby.js";
+//#region src/components/_shared/overlay/content.ts
+var n = {
+	hint: "tooltip",
+	menu: "menu",
+	panel: "overlay"
+};
+function r(r) {
+	return {
+		class: e(t("floating"), "glass-overlay-plate glass-reveal", r.class),
+		"data-slot": r.slot,
+		"data-reveal": n[r.role],
+		...r.dock
+	};
+}
+//#endregion
+export { r as t };

package/dist/control-DJp15L4U.js

@@ -0,0 +1,7 @@
+//#region src/components/_shared/control.ts
+var e = (e) => ({
+	"data-invalid": e || void 0,
+	"aria-invalid": e || void 0
+});
+//#endregion
+export { e as t };

package/dist/{field-control.css_vue_type_style_index_0_src_true_lang-CeLay9Tk.js → control.css_vue_type_style_index_0_src_true_lang-BIdufaDG.js}

@@ -1,5 +1,5 @@
 import { computed as e } from "vue";
-//#region src/components/_shared/fieldControl.ts
+//#region src/components/_shared/field/control.ts
 function t(e) {
 	return e === !0 || e === "true" || e === "grammar" || e === "spelling";
 }

package/dist/{createCanvasLifecycle-DbXRwjU_.js → createCanvasLifecycle-hJHobVTn.js}

@@ -115,10 +115,7 @@ var i = 2e3;
 function a(a) {
 	let { canvas: o, buildContext: s } = a, c = a.respectReducedMotion ?? a.mode !== "capture", l = a.dprPolicy, u = a.composeIntersectionPark ?? !1;
 	function d() {
-		if (l !== void 0) {
-			let e = n(o, l);
-			a.resize(e);
-		} else a.resize();
+		a.resize(n(o, l));
 	}
 	let f = d, p = /* @__PURE__ */ new Set();
 	a.mode === "capture" && p.add("manual");
@@ -211,4 +208,4 @@ function a(a) {
 	};
 }
 //#endregion
-export { a as t };
+export { n, a as t };

package/dist/{dark-z_P5QwqI.js → dark-CLlmo7dD.js}

@@ -63,8 +63,8 @@ function l(t) {
 //#region src/composables/dark/darkModeSyncScript.ts
 var u = "vueuse-color-scheme", d = "dark";
 function f(e = {}) {
-	let t = e.storageKey ?? "vueuse-color-scheme";
-	return `(function(){try{var m=localStorage.getItem(${JSON.stringify(t)});var d=m==="${d}"||((m===null||m==="auto")&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches);var e=document.documentElement;e.classList.toggle("${d}",d);e.style.colorScheme=d?"dark":"light";}catch(_){}})();`;
+	let t = e.storageKey ?? "vueuse-color-scheme", n = e.defaultDark ?? "os", r = n === "os" ? "window.matchMedia&&window.matchMedia(\"(prefers-color-scheme: dark)\").matches" : String(n), i = e.queryOverride ? "var q=new URLSearchParams(location.search);if(q.has(\"dark\")){d=true;}else if(q.has(\"light\")){d=false;}" : "", a = e.normalize ? `localStorage.setItem(${JSON.stringify(t)},d?"dark":"light");` : "";
+	return `(function(){try{var m=localStorage.getItem(${JSON.stringify(t)});var d=m==="${d}"||((m===null||m==="auto")&&${r});${i}${a}var e=document.documentElement;e.classList.toggle("${d}",d);e.style.colorScheme=d?"dark":"light";}catch(_){}})();`;
 }
 //#endregion
 export { c as i, f as n, l as r, u as t };

package/dist/dark-mode-toggle.d.ts

@@ -1 +1 @@
-export * from "./components/dark-mode-toggle";
+export * from "./components/dark-mode-toggle/index.js";

package/dist/dark-mode-toggle.js

@@ -1,6 +1,6 @@
-import { t as e } from "./class-names-Cpy5eaBk.js";
-import { t } from "./useLiquidPress-BOxuDkKa.js";
-import { i as n } from "./dark-z_P5QwqI.js";
+import { t as e } from "./class-names-q-UGOkHH.js";
+import { t } from "./useLiquidPress-h1scrPtP.js";
+import { i as n } from "./dark-CLlmo7dD.js";
 import { computed as r, createElementBlock as i, createStaticVNode as a, defineComponent as o, mergeProps as s, openBlock as c, ref as l, unref as u, useAttrs as d, watchEffect as f } from "vue";
 //#region src/components/dark-mode-toggle/DarkModeToggle.vue?vue&type=script&setup=true&lang.ts
 var p = ["data-size", "data-press-armed"], m = /* @__PURE__ */ o({

package/dist/dark.d.ts

@@ -1 +1 @@
-export * from "./composables/dark";
+export * from "./composables/dark/index.js";

package/dist/dark.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./dark-z_P5QwqI.js";
+import { i as e, n as t, r as n, t as r } from "./dark-CLlmo7dD.js";
 export { r as DARK_MODE_STORAGE_KEY, t as darkModeSyncScript, n as installDarkModeSync, e as useGlobalDark };