@mkbabb/glass-ui 3.9.0 → 3.10.1

package/dist/confirm-dialog.js

@@ -1,6 +1,6 @@
 import { t as e } from "./createLucideIcon-B6uNAU9G.js";
-import { n as t } from "./button-DN39cGqL.js";
-import { t as n } from "./_plugin-vue_export-helper-ok8pgSl5.js";
+import { n as t } from "./button-DyiWFAOE.js";
+import { t as n } from "./_plugin-vue_export-helper-DWghtRt7.js";
 import { Transition as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeModels as d, openBlock as f, renderSlot as p, toDisplayString as m, unref as h, useModel as g, withCtx as _, withKeys as v, withModifiers as y } from "vue";
 var b = e("loader-circle", [["path", {
 	d: "M21 12a9 9 0 1 1-6.219-8.56",

package/dist/constellation.js

@@ -1,69 +1,76 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./useCanvas2D-ClrQuZtp.js";
-import { t as n } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { n as r, t as i } from "./prng-wHuHlNHE.js";
-import { computed as a, createElementBlock as o, createElementVNode as s, defineComponent as c, normalizeClass as l, onMounted as u, openBlock as d, ref as f, unref as p, useTemplateRef as m } from "vue";
-//#region src/components/custom/constellation/constellationField.ts
-var h = 1280, g = {
+import { t } from "./useCanvas2D-CSeH8h16.js";
+import { t as n } from "./_plugin-vue_export-helper-DWghtRt7.js";
+import { n as r, t as i } from "./prng-CjVgzjQT.js";
+import { computed as a, createElementBlock as o, createElementVNode as s, defineComponent as c, getCurrentInstance as l, normalizeClass as u, onMounted as d, openBlock as f, ref as p, unref as m, useTemplateRef as h } from "vue";
+//#region src/components/custom/constellation/constants.ts
+var g = 1280, _ = {
 	node: "#b4afa3",
 	nodeDim: "#cdc8bd",
 	line: "#1c1714",
 	edgeAlpha: .22,
 	edgeFocusAlpha: .34,
 	alpha: .8
-};
-function _(e) {
-	if (typeof window > "u") return { ...g };
-	let t = getComputedStyle(e), n = (e, n) => t.getPropertyValue(e).trim() || n, r = (e, n) => {
-		let r = t.getPropertyValue(e).trim();
-		if (!r) return n;
-		let i = Number.parseFloat(r);
-		return Number.isFinite(i) ? i : n;
+}, v = .55, y = 1, b = {
+	gain: 14e3,
+	reach: 340,
+	ramp: 4,
+	maxSpeed: 4,
+	soften: 8,
+	holdMs: 140
+}, x = 8e3, S = 8e3;
+//#endregion
+//#region src/components/custom/constellation/constellationInteraction.ts
+function C(e) {
+	let t = {
+		response: v,
+		zeta: 1
+	}, n = { ...b }, r = {
+		minIdle: x,
+		jitter: S
 	};
-	return {
-		node: n("--constellation-node", g.node),
-		nodeDim: n("--constellation-node-dim", g.nodeDim),
-		line: n("--constellation-line", g.line),
-		edgeAlpha: r("--constellation-edge-alpha", g.edgeAlpha),
-		edgeFocusAlpha: r("--constellation-edge-focus-alpha", g.edgeFocusAlpha),
-		alpha: r("--constellation-alpha", g.alpha)
+	if (typeof window > "u") return {
+		warp: t,
+		well: n,
+		wander: r
+	};
+	let i = getComputedStyle(e), a = (e, t) => {
+		let n = i.getPropertyValue(e).trim();
+		if (!n) return t;
+		let r = Number.parseFloat(n);
+		return Number.isFinite(r) ? r : t;
+	};
+	return t.response = a("--constellation-warp-response", v), t.zeta = a("--constellation-warp-zeta", 1), n.gain = a("--constellation-well-gain", b.gain), n.reach = a("--constellation-well-reach", b.reach), n.ramp = a("--constellation-well-ramp", b.ramp), n.maxSpeed = a("--constellation-well-max-speed", b.maxSpeed), n.holdMs = a("--constellation-well-hold-ms", b.holdMs), r.minIdle = a("--constellation-wander-idle", x), r.jitter = a("--constellation-wander-jitter", S), {
+		warp: t,
+		well: n,
+		wander: r
 	};
 }
-function v(e, t, n, r, i) {
-	let a = [];
-	for (let o = 0; o < t; o++) {
-		let t = e() * Math.PI * 2;
-		a.push({
-			x: e() * n,
-			y: e() * r,
-			vx: Math.cos(t) * i,
-			vy: Math.sin(t) * i,
-			r: 1.6 + e() * 1.6,
-			dim: e() < .45
-		});
-	}
-	return a;
-}
-function y(e, t, n, r, i = 0) {
-	let { nodes: a, w: o, h: s } = e;
-	for (let e = 0; e < a.length; e++) {
-		let n = a[e];
-		n.x += n.vx * t, n.y += n.vy * t, n.x < 0 ? (n.x = 0, n.vx *= -1) : n.x > o && (n.x = o, n.vx *= -1), n.y < 0 ? (n.y = 0, n.vy *= -1) : n.y > s && (n.y = s, n.vy *= -1);
-	}
-	if (r && r.x >= 0) {
-		let e = 180 * t;
-		for (let t = 0; t < a.length; t++) {
-			let i = a[t], o = r.x - i.x, s = r.y - i.y, c = Math.hypot(o, s);
-			if (c > .5 && c < e) {
-				let t = Math.hypot(i.vx, i.vy) || n, r = (1 - c / e) * .08, a = i.vx + o / c * r * t, l = i.vy + s / c * r * t, u = Math.hypot(a, l) || 1;
-				i.vx = a / u * t, i.vy = l / u * t;
+var w = .001, T = 1.5, E = 7, D = 22;
+function O(e, t, n, r) {
+	let i = e.well;
+	if (!i || !(r > 0)) return;
+	let a = Math.min(r, k), o = i.cfg, s = i.target > 0 ? o.ramp : D, c = Math.min(s * a, 1);
+	i.strength += (i.target - i.strength) * c, i.strength < w && (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 ? T : E, m = Math.min(p * a, 1), h = i.strength > w && i.x >= 0;
+	for (let e = 0; e < l.length; e++) {
+		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;
+		}
 	}
-	T(e, i);
 }
-var b = .55, x = 1, S = 2 * Math.PI / b, C = .05;
-function w(e, t, n, r = -1) {
+var k = .05;
+function A(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;
@@ -72,13 +79,13 @@ function w(e, t, n, r = -1) {
 	}
 	return a;
 }
-function T(e, t) {
+function j(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, C), a = r[n.targetIdx], o = -2 * x * S * n.vx - S * S * (n.x - a.x), s = -2 * x * S * n.vy - S * S * (n.y - a.y);
-	n.vx += o * i, n.vy += s * i, n.x += n.vx * i, n.y += n.vy * i;
+	let i = Math.min(t, k), 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 E(e, t) {
+function M(e, t) {
 	let { warp: n, nodes: r } = e;
 	if (t < 0 || t >= r.length) {
 		n.targetIdx = -1, e.focalIndex = -1;
@@ -86,64 +93,229 @@ function E(e, t) {
 	}
 	e.focalIndex = t, n.targetIdx = t;
 }
-function D(e, t, n) {
-	let r = w(e, t, n, -1);
+function N(e, t, n) {
+	let r = A(e, t, n, -1);
 	if (r >= 0 && r === e.focalIndex) return e.focalIndex;
-	let i = w(e, t, n, e.focalIndex);
-	return i < 0 ? -1 : (E(e, i), i);
+	let i = A(e, t, n, e.focalIndex);
+	return i < 0 ? -1 : (M(e, i), i);
 }
-function O(e, t, n, r) {
-	let { nodes: i, k: a } = t, o = n * a, s = o * o, c = r.edgeAlpha * r.alpha;
-	e.strokeStyle = r.line, e.lineWidth = 1 * a;
-	for (let t = 0; t < i.length; t++) {
-		let n = i[t];
-		for (let r = t + 1; r < i.length; r++) {
-			let t = i[r], a = n.x - t.x, o = n.y - t.y, l = a * a + o * o;
-			l > s || (e.globalAlpha = c * (1 - l / s), e.beginPath(), e.moveTo(n.x, n.y), e.lineTo(t.x, t.y), e.stroke());
+var P = 24;
+function F(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) < P;
+}
+function I(e, t) {
+	let n = e.nodes.length;
+	if (n <= 1) return e.focalIndex;
+	let r = e.focalIndex;
+	if (r < 0 || r >= n) return Math.floor(t() * n) % n;
+	let i = Math.floor(t() * (n - 1));
+	return i < r ? i : i + 1;
+}
+//#endregion
+//#region src/components/custom/constellation/constellationField.ts
+function L(e, t, n, r, i) {
+	let a = [];
+	for (let o = 0; o < t; o++) {
+		let t = e() * Math.PI * 2;
+		a.push({
+			x: e() * n,
+			y: e() * r,
+			vx: Math.cos(t) * i,
+			vy: Math.sin(t) * i,
+			r: 1.6 + e() * 1.6,
+			dim: e() < .45
+		});
+	}
+	return a;
+}
+function R(e, t, n) {
+	if (!(t > 0) || !(n > 0) || t === e.w && n === e.h) return;
+	let r = e.w / t, i = e.h / n;
+	for (let t of e.nodes) t.x *= r, t.y *= i;
+	e.warp.x *= r, e.warp.y *= i;
+}
+function z(e, t, n, r, i = 0, a = 0, o = Math.random) {
+	let { nodes: s, w: c, h: l } = e;
+	for (let e = 0; e < s.length; e++) {
+		let n = s[e];
+		n.x += n.vx * t, n.y += n.vy * t, n.x < 0 ? (n.x = 0, n.vx *= -1) : n.x > c && (n.x = c, n.vx *= -1), n.y < 0 ? (n.y = 0, n.vy *= -1) : n.y > l && (n.y = l, n.vy *= -1);
+	}
+	if (r && r.x >= 0) {
+		let e = 180 * t;
+		for (let t = 0; t < s.length; t++) {
+			let i = s[t], a = r.x - i.x, o = r.y - i.y, c = Math.hypot(a, o);
+			if (c > .5 && c < e) {
+				let t = Math.hypot(i.vx, i.vy) || n, r = (1 - c / e) * .08, s = i.vx + a / c * r * t, l = i.vy + o / c * r * t, u = Math.hypot(s, l) || 1;
+				i.vx = s / u * t, i.vy = l / u * t;
+			}
+		}
+	}
+	if (O(e, t, n, i), j(e, i), e.wander && a > 0) {
+		let t = e.wander;
+		t.nextAt < 0 ? t.nextAt = a + t.minIdle + o() * t.jitter : a >= t.nextAt && F(e) && (M(e, I(e, o)), t.nextAt = a + t.minIdle + o() * t.jitter);
+	}
+}
+//#endregion
+//#region src/components/custom/constellation/constellationDraw.ts
+function B(e) {
+	if (typeof window > "u") return { ..._ };
+	let t = getComputedStyle(e), n = (e, n) => t.getPropertyValue(e).trim() || n, r = (e, n) => {
+		let r = t.getPropertyValue(e).trim();
+		if (!r) return n;
+		let i = Number.parseFloat(r);
+		return Number.isFinite(i) ? i : n;
+	};
+	return {
+		node: n("--constellation-node", _.node),
+		nodeDim: n("--constellation-node-dim", _.nodeDim),
+		line: n("--constellation-line", _.line),
+		edgeAlpha: r("--constellation-edge-alpha", _.edgeAlpha),
+		edgeFocusAlpha: r("--constellation-edge-focus-alpha", _.edgeFocusAlpha),
+		alpha: r("--constellation-alpha", _.alpha)
+	};
+}
+function V(e, t, n, r, i = 1) {
+	let { nodes: a, k: o } = t, s = n * o, c = s * s, l = r.edgeAlpha * r.alpha * i;
+	e.strokeStyle = r.line, e.lineWidth = 1 * o;
+	for (let t = 0; t < a.length; t++) {
+		let n = a[t];
+		for (let r = t + 1; r < a.length; r++) {
+			let t = a[r], i = n.x - t.x, o = n.y - t.y, s = i * i + o * o;
+			s > c || (e.globalAlpha = l * (1 - s / c), e.beginPath(), e.moveTo(n.x, n.y), e.lineTo(t.x, t.y), e.stroke());
 		}
 	}
 	e.globalAlpha = 1;
 }
-function k(e, t, n) {
-	let { nodes: r, k: i } = t;
-	for (let t = 0; t < r.length; t++) {
-		let a = r[t];
-		e.fillStyle = a.dim ? n.nodeDim : n.node, e.beginPath(), e.arc(a.x, a.y, a.r * i, 0, Math.PI * 2), e.fill();
+function H(e, t, n, r = 1) {
+	let { nodes: i, k: a } = t;
+	e.globalAlpha = r;
+	for (let t = 0; t < i.length; t++) {
+		let r = i[t];
+		e.fillStyle = r.dim ? n.nodeDim : n.node, e.beginPath(), e.arc(r.x, r.y, r.r * a, 0, Math.PI * 2), e.fill();
 	}
+	e.globalAlpha = 1;
 }
-function A(e, t, n, r, i) {
+function U(e, t, n, r, i, a = 1) {
 	if (!i || i.x < 0) return;
-	let { nodes: a, k: o } = t, s = n * o, c = s * s, l = r.edgeFocusAlpha * r.alpha;
-	e.strokeStyle = r.line, e.lineWidth = 1 * o;
-	for (let t of a) {
+	let { nodes: o, k: s } = t, c = n * s, l = c * c, u = r.edgeFocusAlpha * r.alpha * a;
+	e.strokeStyle = r.line, e.lineWidth = 1 * s;
+	for (let t of o) {
 		let n = t.x - i.x, r = t.y - i.y, a = n * n + r * r;
-		a > c || (e.globalAlpha = (1 - a / c) * l, e.beginPath(), e.moveTo(i.x, i.y), e.lineTo(t.x, t.y), e.stroke());
+		a > l || (e.globalAlpha = (1 - a / l) * u, e.beginPath(), e.moveTo(i.x, i.y), e.lineTo(t.x, t.y), e.stroke());
 	}
-	e.globalAlpha = .55, e.fillStyle = r.node, e.beginPath(), e.arc(i.x, i.y, 2.6 * o, 0, Math.PI * 2), e.fill(), e.globalAlpha = 1;
+	e.globalAlpha = .55 * a, e.fillStyle = r.node, e.beginPath(), e.arc(i.x, i.y, 2.6 * s, 0, Math.PI * 2), e.fill(), e.globalAlpha = 1;
 }
-function j(e, t, n, r, i) {
-	let { k: a } = t;
+function W(e, t, n, r, i, a = 1) {
+	let { k: o } = t;
 	e.strokeStyle = i.line;
 	for (let t = r.length - 1; t >= 0; t--) {
 		let i = r[t];
 		i.start < 0 && (i.start = n);
-		let o = (n - i.start) / 900;
-		if (o >= 1) {
+		let s = (n - i.start) / 900;
+		if (s >= 1) {
 			r.splice(t, 1);
 			continue;
 		}
-		e.globalAlpha = (1 - o) * .5, e.lineWidth = 1.4 * a, e.beginPath(), e.arc(i.x, i.y, (8 + o * 130) * a, 0, Math.PI * 2), e.stroke();
+		e.globalAlpha = (1 - s) * .5 * a, e.lineWidth = 1.4 * o, e.beginPath(), e.arc(i.x, i.y, (8 + s * 130) * o, 0, Math.PI * 2), e.stroke();
 	}
 	e.globalAlpha = 1;
 }
 //#endregion
-//#region src/components/custom/constellation/Constellation.vue
-var M = /* @__PURE__ */ n(/* @__PURE__ */ c({
+//#region src/components/custom/constellation/composables/useConstellationPointer.ts
+function G(e) {
+	let { host: t, canvas: n, field: r, pointer: i, ripples: a, handle: o, toLocalRef: s, pointerReactive: c, warpOnClick: l, gravityWell: u, isFrozen: d } = e, f = (e) => {
+		let t = n.getBoundingClientRect();
+		if (!t.width || !t.height) return null;
+		let i = (e.clientX - t.left) / t.width, a = (e.clientY - t.top) / t.height;
+		return i < 0 || a < 0 || i > 1 || a > 1 ? null : {
+			x: i * r.w,
+			y: a * r.h
+		};
+	};
+	if (s.value = f, c && t && !d && !o.reducedMotion && (t.addEventListener("pointermove", (e) => {
+		let t = f(e);
+		t ? (i.x = t.x, i.y = t.y) : (i.x = -1, i.y = -1), o.wake();
+	}), t.addEventListener("pointerleave", () => {
+		i.x = -1, i.y = -1;
+	}), t.addEventListener("pointerdown", (e) => {
+		let t = f(e);
+		t && a.push({
+			x: t.x,
+			y: t.y,
+			start: -1
+		}), o.wake();
+	})), l && t && !d && !o.reducedMotion && t.addEventListener("pointerdown", (e) => {
+		let t = f(e);
+		t && (N(r, t.x, t.y), o.wake());
+	}), u && t && r.well && !d && !o.reducedMotion) {
+		let e = r.well, n, i = (t) => {
+			let r = f(t);
+			r && (e.x = r.x, e.y = r.y, n = window.setTimeout(() => {
+				e.target = 1, o.wake();
+			}, e.cfg.holdMs), o.wake());
+		}, a = (t) => {
+			if (e.target > 0) {
+				let n = f(t);
+				n && (e.x = n.x, e.y = n.y);
+			}
+		}, s = () => {
+			n !== void 0 && (clearTimeout(n), n = void 0), e.target = 0, o.wake();
+		};
+		t.addEventListener("pointerdown", i), t.addEventListener("pointermove", a), t.addEventListener("pointerup", s), t.addEventListener("pointerleave", s), t.addEventListener("pointercancel", s);
+	}
+}
+//#endregion
+//#region src/components/custom/constellation/composables/createConstellationField.ts
+function K(e, t) {
+	let n = {
+		nodes: [],
+		canvas: null,
+		w: 0,
+		h: 0,
+		k: 1,
+		dpr: 1,
+		focalIndex: -1,
+		warp: {
+			x: 0,
+			y: 0,
+			vx: 0,
+			vy: 0,
+			targetIdx: -1
+		}
+	}, r = e && e !== !0 ? e : {};
+	n.wander = e ? {
+		nextAt: -1,
+		minIdle: r.minIdle ?? 8e3,
+		jitter: r.jitter ?? 8e3
+	} : void 0;
+	let i = t && t !== !0 ? t : {};
+	return n.well = t ? {
+		x: -1,
+		y: -1,
+		strength: 0,
+		target: 0,
+		cfg: {
+			...b,
+			...i
+		}
+	} : void 0, {
+		field: n,
+		wanderOverride: r,
+		wellOverride: i
+	};
+}
+//#endregion
+//#region src/components/custom/constellation/Constellation.vue?vue&type=script&setup=true&lang.ts
+var q = 0, J = /* @__PURE__ */ n(/* @__PURE__ */ c({
 	__name: "Constellation",
 	props: {
 		count: { default: 64 },
 		link: { default: 132 },
 		speed: { default: .16 },
+		opacityCeiling: { default: 1 },
 		seed: {},
 		pointerReactive: {
 			type: Boolean,
@@ -153,6 +325,15 @@ var M = /* @__PURE__ */ n(/* @__PURE__ */ c({
 			type: Boolean,
 			default: !1
 		},
+		wander: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		gravityWell: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		freeze: { type: Boolean },
 		class: { type: [
 			Boolean,
 			null,
@@ -163,89 +344,83 @@ var M = /* @__PURE__ */ n(/* @__PURE__ */ c({
 		drawOverlay: { type: Function }
 	},
 	setup(n, { expose: c }) {
-		let b = m("hostRef"), x = m("canvasRef"), S = a(() => n.seed === void 0 ? Math.random : r(typeof n.seed == "string" ? i(n.seed) : n.seed)), C = {
-			nodes: [],
-			canvas: null,
-			w: 0,
-			h: 0,
-			k: 1,
-			dpr: 1,
-			focalIndex: -1,
-			warp: {
-				x: 0,
-				y: 0,
-				vx: 0,
-				vy: 0,
-				targetIdx: -1
-			}
-		}, w = {
+		let v = h("hostRef"), y = h("canvasRef"), b = a(() => n.seed === void 0 ? Math.random : r(typeof n.seed == "string" ? i(n.seed) : n.seed)), x = () => typeof window < "u" && /[?&](export|print|freeze)\b/.test(window.location.search), S = l()?.vnode.props?.freeze, w = a(() => S === void 0 ? x() : S === !0 || S === ""), { field: T, wanderOverride: E, wellOverride: D } = K(n.wander, n.gravityWell), O = {
 			x: -1,
 			y: -1
-		}, T = [], E = { ...g }, M = -1, N = f(null);
-		return u(() => {
-			let e = x.value;
+		}, k = [], A = { ..._ }, j = -1, M = !1, P = p(null);
+		return d(() => {
+			let e = y.value;
 			if (!e) return;
 			let r = t({
-				canvas: x,
+				canvas: y,
 				setup: (t) => ({ render(t, i) {
-					let a = e.clientWidth || e.offsetWidth || 1280, o = e.clientHeight || e.offsetHeight || 720, s = a / h;
-					C.canvas = e, C.dpr = Math.min(typeof window < "u" && window.devicePixelRatio || 1, 2), (C.w !== a || C.h !== o) && (C.w = a, C.h = o, C.k = s, C.nodes.length || (C.nodes = v(S.value, n.count, a, o, n.speed), C.warp.x = a / 2, C.warp.y = o / 2), E = _(e)), C.k = s;
-					let c = M < 0 ? 0 : (i - M) / 1e3;
-					if (M = i, !r.reducedMotion) {
-						let e = n.pointerReactive ? w : null;
-						y(C, s, n.speed, e, c);
+					let a = e.clientWidth || e.offsetWidth || 1280, o = e.clientHeight || e.offsetHeight || 720, s = a / g;
+					if (T.canvas = e, T.dpr = Math.min(typeof window < "u" && window.devicePixelRatio || 1, 2), T.w !== a || T.h !== o) {
+						let t = T.w, r = T.h;
+						if (T.w = a, T.h = o, T.k = s, T.nodes.length ? R(T, t, r) : (T.nodes = L(b.value, n.count, a, o, n.speed), T.warp.x = a / 2, T.warp.y = o / 2), A = B(e), !M) {
+							M = !0;
+							let t = C(e);
+							T.warpCfg = t.warp, T.well && (T.well.cfg = {
+								...t.well,
+								...D
+							}), T.wander && (T.wander.minIdle = E.minIdle ?? t.wander.minIdle, T.wander.jitter = E.jitter ?? t.wander.jitter);
+						}
 					}
-					t.clearRect(0, 0, a, o), O(t, C, n.link, E), k(t, C, E), n.pointerReactive && !r.reducedMotion && (A(t, C, n.link, E, w), j(t, C, i, T, E)), n.drawOverlay?.(t, C, i);
+					T.k = s;
+					let c = j < 0 ? 0 : (i - j) / 1e3;
+					j = i;
+					let l = w.value || r.reducedMotion;
+					if (l && T.well && (T.well.strength = 0, T.well.target = 0, T.well.x = -1, T.well.y = -1), !l) {
+						let e = n.pointerReactive ? O : null;
+						z(T, s, n.speed, e, c, i, b.value);
+					}
+					t.clearRect(0, 0, a, o), V(t, T, n.link, A, n.opacityCeiling), H(t, T, A, n.opacityCeiling), n.pointerReactive && !l && (U(t, T, n.link, A, O, n.opacityCeiling), W(t, T, i, k, A, n.opacityCeiling)), n.drawOverlay?.(t, T, l ? q : i);
 				} })
-			}), i = b.value, a = (t) => {
-				let n = e.getBoundingClientRect();
-				if (!n.width || !n.height) return null;
-				let r = (t.clientX - n.left) / n.width, i = (t.clientY - n.top) / n.height;
-				return r < 0 || i < 0 || r > 1 || i > 1 ? null : {
-					x: r * C.w,
-					y: i * C.h
-				};
-			};
-			N.value = a, n.pointerReactive && i && !r.reducedMotion && (i.addEventListener("pointermove", (e) => {
-				let t = a(e);
-				t ? (w.x = t.x, w.y = t.y) : (w.x = -1, w.y = -1), r.wake();
-			}), i.addEventListener("pointerleave", () => {
-				w.x = -1, w.y = -1;
-			}), i.addEventListener("pointerdown", (e) => {
-				let t = a(e);
-				t && T.push({
-					x: t.x,
-					y: t.y,
-					start: -1
-				}), r.wake();
-			})), n.warpOnClick && i && !r.reducedMotion && i.addEventListener("pointerdown", (e) => {
-				let t = a(e);
-				t && (D(C, t.x, t.y), r.wake());
+			});
+			G({
+				host: v.value,
+				canvas: e,
+				field: T,
+				pointer: O,
+				ripples: k,
+				handle: r,
+				toLocalRef: P,
+				pointerReactive: n.pointerReactive,
+				warpOnClick: n.warpOnClick,
+				gravityWell: !!n.gravityWell,
+				isFrozen: w.value
 			});
 		}), c({
-			field: C,
+			field: T,
+			isFrozen: w,
 			warpTo(e, t) {
 				if (typeof e == "number" && typeof t == "number") {
-					let n = N.value?.({
+					let n = P.value?.({
 						clientX: e,
 						clientY: t
 					});
-					return n ? D(C, n.x, n.y) : -1;
+					return n ? N(T, n.x, n.y) : -1;
 				}
 				let n = e;
-				return D(C, n.x, n.y);
+				return N(T, n.x, n.y);
+			},
+			holdWellAt(e, t) {
+				return T.well ? (T.well.x = e, T.well.y = t, T.well.target = 1, !0) : !1;
+			},
+			releaseWell() {
+				T.well && (T.well.target = 0);
 			}
-		}), (t, r) => (d(), o("div", {
+		}), (t, r) => (f(), o("div", {
 			ref_key: "hostRef",
-			ref: b,
-			class: l(p(e)("constellation", n.class))
+			ref: v,
+			class: u(m(e)("constellation", n.class))
 		}, [s("canvas", {
 			ref_key: "canvasRef",
-			ref: x,
+			ref: y,
 			class: "constellation-canvas",
 			"aria-hidden": "true"
 		}, null, 512)], 2));
 	}
-}), [["__scopeId", "data-v-63dd743d"]]);
+}), [["__scopeId", "data-v-0f4665ba"]]);
 //#endregion
-export { h as BASE_WIDTH, M as Constellation, g as DEFAULT_PALETTE, O as drawEdges, k as drawNodes, A as drawPointerWeb, j as drawRipples, w as nearestNode, _ as readPalette, v as seedField, E as setWarpTarget, y as stepField, T as warpStep, D as warpTo };
+export { g as BASE_WIDTH, J as Constellation, _ as DEFAULT_PALETTE, x as DEFAULT_WANDER_IDLE, S as DEFAULT_WANDER_JITTER, b as DEFAULT_WELL_CONFIG, v as WARP_RESPONSE, y as WARP_ZETA, V as drawEdges, H as drawNodes, U as drawPointerWeb, W as drawRipples, A as nearestNode, I as pickWanderTarget, C as readInteractionConfig, B as readPalette, R as refitField, L as seedField, M as setWarpTarget, z as stepField, O as stepWell, F as warpSettled, j as warpStep, N as warpTo };

package/dist/controls.js

@@ -1,7 +1,7 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { t as n } from "./useGlobalDark-yhL4Wp-s.js";
-import { computed as r, createBlock as i, createElementVNode as a, defineComponent as o, mergeProps as s, openBlock as c, resolveDynamicComponent as l, unref as u, useAttrs as d, watchEffect as f, withCtx as p } from "vue";
+import { t } from "./_plugin-vue_export-helper-DWghtRt7.js";
+import { t as n } from "./useGlobalDark-D7R9OypB.js";
+import { computed as r, createBlock as i, createElementVNode as a, defineComponent as o, mergeProps as s, openBlock as c, ref as l, resolveDynamicComponent as u, useAttrs as d, watchEffect as f, withCtx as p } from "vue";
 //#endregion
 //#region src/components/custom/controls/DarkModeToggle.vue
 var m = /* @__PURE__ */ t(/* @__PURE__ */ o({
@@ -16,25 +16,55 @@ var m = /* @__PURE__ */ t(/* @__PURE__ */ o({
 		disableTransitions: {
 			type: Boolean,
 			default: !1
+		},
+		eclipse: {
+			type: Boolean,
+			default: !1
 		}
 	},
 	setup(t) {
-		let o = t, m = d(), h = r(() => e("dark-mode-toggle-button", "relative isolate inline-flex shrink-0 items-center justify-center", "cursor-pointer border-0 bg-transparent", "rounded-pill", "opacity-80", "focus-ring", m.class)), { isDark: g, toggleDark: _, setDisableTransitions: v } = n(), y = r(() => {
+		let o = t, m = d(), h = l(!1), g = typeof matchMedia < "u" && matchMedia("(prefers-reduced-motion: reduce)").matches, _ = null, v = !1;
+		function y() {
+			_ !== null && (clearTimeout(_), _ = null);
+		}
+		function b() {
+			!o.eclipse || o.passive || (v = !1, y(), _ = setTimeout(() => {
+				v = !0, _ = null, g || (h.value = !0, window.setTimeout(() => h.value = !1, 1700)), T();
+			}, 460));
+		}
+		function x() {
+			y();
+		}
+		function S(e) {
+			if (o.eclipse && v) {
+				e.preventDefault(), e.stopPropagation(), v = !1;
+				return;
+			}
+			o.passive || T();
+		}
+		let C = r(() => e("dark-mode-toggle-button", "relative isolate inline-flex shrink-0 items-center justify-center", "cursor-pointer border-0 bg-transparent", "rounded-pill", "opacity-80", "focus-ring", m.class)), { isDark: w, toggleDark: T, setDisableTransitions: E } = n(), D = r(() => {
 			let { class: e, ...t } = m;
 			return o.passive ? t : {
 				type: "button",
-				"aria-label": g.value ? "Switch to light mode" : "Switch to dark mode",
-				"aria-pressed": g.value ? "true" : "false",
+				"aria-label": w.value ? "Switch to light mode" : "Switch to dark mode",
+				"aria-pressed": w.value ? "true" : "false",
 				...t
 			};
 		});
 		return f(() => {
-			v(o.disableTransitions);
-		}), (e, n) => (c(), i(l(t.passive ? "div" : "button"), s({
-			class: h.value,
-			"data-size": o.size
-		}, y.value, { onClick: n[0] ||= (e) => !t.passive && u(_)() }), {
-			default: p(() => [...n[1] ||= [a("svg", {
+			E(o.disableTransitions);
+		}), (e, n) => (c(), i(u(t.passive ? "div" : "button"), s({
+			class: C.value,
+			"data-size": o.size,
+			"data-eclipsing": t.eclipse && h.value ? "true" : void 0
+		}, D.value, {
+			onClick: S,
+			onPointerdown: b,
+			onPointerup: x,
+			onPointerleave: x,
+			onPointercancel: x
+		}), {
+			default: p(() => [...n[0] ||= [a("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				viewBox: "0 0 472.39 472.39",
 				class: "block h-full w-full fill-foreground"
@@ -44,8 +74,12 @@ var m = /* @__PURE__ */ t(/* @__PURE__ */ o({
 				r: "90"
 			})])], -1)]]),
 			_: 1
-		}, 16, ["class", "data-size"]));
+		}, 16, [
+			"class",
+			"data-size",
+			"data-eclipsing"
+		]));
 	}
-}), [["__scopeId", "data-v-10981347"]]);
+}), [["__scopeId", "data-v-77ac6c77"]]);
 //#endregion
 export { m as DarkModeToggle };