@mkbabb/glass-ui 3.5.1 → 3.7.0

package/dist/composables/glass/canvas2d/useCanvas2D.d.ts

@@ -0,0 +1,48 @@
+import { type MaybeRefOrGetter } from "vue";
+/** The suspend reasons that gate the loop. Twins the WebGL substrate's union. */
+export type Canvas2DSuspendReason = "tab-hidden" | "off-screen" | "manual";
+/** The per-frame hooks a consumer's `setup(ctx)` returns. */
+export interface Canvas2DFrame {
+    /**
+     * Draw one frame. `ctx` is pre-transformed for CSS px (the dpr scale is
+     * applied by the substrate's resize), `now` is `performance.now()` ms. The
+     * consumer steps + clears + paints — the substrate clears nothing.
+     */
+    render: (ctx: CanvasRenderingContext2D, now: number) => void;
+    /** Release per-instance resources. Runs on dispose. */
+    teardown?: () => void;
+}
+export interface Canvas2DOptions {
+    /** The canvas element ref (or getter). The substrate observes + sizes it. */
+    canvas: MaybeRefOrGetter<HTMLCanvasElement | null>;
+    /** Build per-instance state on a fresh 2D context; returns the frame hooks. */
+    setup: (ctx: CanvasRenderingContext2D) => Canvas2DFrame;
+    /** Auto-`arm()` once the canvas resolves (default `true`). */
+    autoStart?: boolean;
+    /**
+     * Honor `prefers-reduced-motion: reduce` by painting ONE static frame then
+     * parking the loop. Live-monitored via a `matchMedia` `change` listener;
+     * re-arms (one static frame) on un-reduce. Default `true`.
+     */
+    respectReducedMotion?: boolean;
+    /** `getContext("2d", …)` attributes. */
+    contextAttrs?: CanvasRenderingContext2DSettings;
+    /** IntersectionObserver `rootMargin` for the offscreen seam. Default `200px`. */
+    rootMargin?: string;
+}
+export interface Canvas2DHandle {
+    /** Run the cheap init (2D context + `setup` + arm the loop). Idempotent; no-op post-dispose. */
+    arm: () => void;
+    suspend: (reason?: Canvas2DSuspendReason) => void;
+    resume: (reason?: Canvas2DSuspendReason) => void;
+    /** Re-arm a parked loop on demand (a setter that re-introduced motion calls this). */
+    wake: () => void;
+    dispose: () => void;
+    /** `true` while the suspend set is empty (the loop is live). */
+    isRunning: () => boolean;
+    /** The live 2D context (null before arm / after dispose). */
+    readonly ctx: CanvasRenderingContext2D | null;
+    /** The live `prefers-reduced-motion: reduce` state (consumers read it to skip stepping). */
+    readonly reducedMotion: boolean;
+}
+export declare function createCanvas2D(options: Canvas2DOptions): Canvas2DHandle;

package/dist/composables/glass/createGPUCanvas.d.ts

@@ -0,0 +1,40 @@
+/** The per-frame hooks a consumer's WebGPU `setup` returns (mirrors WebGLCanvasFrame). */
+export interface GPUCanvasFrame {
+    frame: (timeSec: number) => void;
+    shouldContinue: () => boolean;
+    resize: () => void;
+    time?: (elapsedSec: number) => number;
+    teardown?: () => void;
+}
+export interface GPUCanvasSetupArgs {
+    device: GPUDevice;
+    context: GPUCanvasContext;
+    /** The swapchain format (`navigator.gpu.getPreferredCanvasFormat()`). */
+    format: GPUTextureFormat;
+}
+export interface GPUCanvasOptions {
+    /** The pre-acquired `GPUDevice` (from `resolveRenderModeAsync`'s adapter→device). */
+    device: GPUDevice;
+    /** Alpha mode for the swapchain (premultiplied to match the WebGL2 premultiply). */
+    alphaMode?: GPUCanvasAlphaMode;
+    mode?: "live" | "capture";
+    respectReducedMotion?: boolean;
+    /** Build the pipeline + bind group on the configured context. Returns frame hooks. */
+    setup: (args: GPUCanvasSetupArgs) => GPUCanvasFrame;
+}
+export interface GPUCanvasHandle {
+    arm: () => void;
+    suspend: (reason?: "tab-hidden" | "off-screen" | "manual") => void;
+    resume: (reason?: "tab-hidden" | "off-screen" | "manual") => void;
+    wake: () => void;
+    renderAt: (timeSec: number) => void;
+    dispose: () => void;
+    readonly device: GPUDevice | null;
+    readonly reducedMotion: boolean;
+}
+/**
+ * Build a WebGPU canvas over the shared lifecycle core. The `GPUDevice` is acquired
+ * by `resolveRenderModeAsync` (the probe) and passed in — `createGPUCanvas` configures
+ * the canvas context + threads the consumer `setup` through the agnostic schedule.
+ */
+export declare function createGPUCanvas(canvas: HTMLCanvasElement, options: GPUCanvasOptions): GPUCanvasHandle;

package/dist/composables/glass/index.d.ts

@@ -1 +1,3 @@
 export { useGlassRenderer, createGlassFilter, destroyGlassFilter, type GlassTier, type GlassFilterState, type UseGlassRendererReturn, } from "./useGlassRenderer";
+export { createCanvas2D } from "./canvas2d";
+export type { Canvas2DFrame, Canvas2DHandle, Canvas2DOptions, Canvas2DSuspendReason, } from "./canvas2d";

package/dist/composables/glass/webgl/createCanvasLifecycle.d.ts

@@ -0,0 +1,45 @@
+export type CanvasSuspendReason = "tab-hidden" | "off-screen" | "manual";
+/** The per-frame hooks a backend's `buildContext` returns to the lifecycle core. */
+export interface CanvasFrameHooks {
+    /** Draw one frame at `timeSec`. */
+    frame: (timeSec: number) => void;
+    /** Demand-gate: is there live motion to render next frame? `false` → park. */
+    shouldContinue: () => boolean;
+    /** Frame time from elapsed seconds — the consumer owns frozen/reduced-motion. */
+    time?: (elapsedSec: number) => number;
+    /** Release backend resources (program/buffers/pipelines). */
+    teardown?: () => void;
+}
+export interface CanvasLifecycleOptions {
+    canvas: HTMLCanvasElement;
+    mode?: "live" | "capture";
+    respectReducedMotion?: boolean;
+    /**
+     * Acquire the backend context + build the per-frame hooks. Called on `arm()` AND
+     * on a backend context-restore. Throws on backend-unavailable / setup failure.
+     */
+    buildContext: () => CanvasFrameHooks;
+    /** Resize the backing store + viewport. The consumer owns its DPR policy. */
+    resize: () => void;
+    /**
+     * Bind/unbind backend-specific context-loss/restore listeners. `rebuild` re-runs
+     * `buildContext` on a fresh context + resumes the loop (the self-heal); the backend
+     * calls `markContextLost` on loss so the lifecycle NULLS its hooks + cancels the
+     * rAF (the loop parks while the surface is blank — no frame attaches to a dead gl).
+     */
+    bindContextEvents?: (rebuild: () => void, markContextLost: () => void) => void;
+    unbindContextEvents?: () => void;
+}
+export interface CanvasLifecycleHandle {
+    arm: () => void;
+    suspend: (reason?: CanvasSuspendReason) => void;
+    resume: (reason?: CanvasSuspendReason) => void;
+    wake: () => void;
+    renderAt: (timeSec: number) => void;
+    dispose: () => void;
+    readonly armed: boolean;
+    readonly disposed: boolean;
+    readonly running: boolean;
+    readonly reducedMotion: boolean;
+}
+export declare function createCanvasLifecycle(options: CanvasLifecycleOptions): CanvasLifecycleHandle;

package/dist/composables/glass/webgl/shaders/procedural-color.glsl.d.ts

@@ -1,3 +1,6 @@
 export declare const OETF_GLSL = "\nfloat srgbToLinearCh(float c) {\n    return c <= 0.04045 ? c / 12.92 : pow((c + 0.055) / 1.055, 2.4);\n}\nvec3 srgbToLinear(vec3 c) {\n    return vec3(srgbToLinearCh(c.r), srgbToLinearCh(c.g), srgbToLinearCh(c.b));\n}\n\nfloat linearToSrgbCh(float c) {\n    return c <= 0.0031308 ? c * 12.92 : 1.055 * pow(c, 1.0 / 2.4) - 0.055;\n}\nvec3 linearToSrgb(vec3 c) {\n    return vec3(linearToSrgbCh(c.r), linearToSrgbCh(c.g), linearToSrgbCh(c.b));\n}";
 export declare const FBM_ROT_GLSL = "const mat2 FBM_ROT = mat2(0.8, 0.6, -0.6, 0.8);";
 export declare const OKLCH_MATRICES_GLSL = "\n// value.js LINEAR_SRGB_TO_LMS (constants.ts), row-major; written here as GLSL\n// columns (= the transpose) so mat3 * vec3 evaluates the row-major M\u00B7v.\nconst mat3 LINEAR_SRGB_TO_LMS = mat3(\n    0.4122214708, 0.2119034982, 0.0883024619,\n    0.5363325363, 0.6806995451, 0.2817188376,\n    0.0514459929, 0.1073969566, 0.6299787005\n);\n\n// value.js srgbToOKLab's INLINE LMS\u2192OKLab coefficients (gamut.ts lines 295-297 \u2014\n// these differ at the ~1e-9 digit from LMS_TO_OKLAB_MATRIX; use the inline ones to\n// mirror the exact value.js path), row-major \u2192 GLSL columns.\nconst mat3 LMS_TO_OKLAB = mat3(\n    0.2104542553, 1.9779984951, 0.0259040371,\n    0.7936177850, -2.4285922050, 0.7827717662,\n    -0.0040720468, 0.4505937099, -0.8086757660\n);\n\n// value.js OKLAB_TO_LMS_COEFF (constants.ts), row-major \u2192 GLSL columns. Rows:\n// l = [1, 0.3963377774, 0.2158037573], m = [1, -0.1055613458, -0.0638541728],\n// s = [1, -0.0894841775, -1.2914855480].\nconst mat3 OKLAB_TO_LMS = mat3(\n    1.0, 1.0, 1.0,\n    0.3963377774, -0.1055613458, -0.0894841775,\n    0.2158037573, -0.0638541728, -1.2914855480\n);\n\n// value.js LMS_TO_LINEAR_SRGB (constants.ts), row-major \u2192 GLSL columns.\nconst mat3 LMS_TO_LINEAR_SRGB = mat3(\n    4.0767416621, -1.2684380046, -0.0041960863,\n    -3.3077115913, 2.6097574011, -0.7034186147,\n    0.2309699292, -0.3413193965, 1.7076147010\n);\n\n// Gamma sRGB \u2192 raw OKLab (L, a, b). Mirrors value.js srgbToOKLab.\nvec3 srgbToOklab(vec3 c) {\n    vec3 lin = srgbToLinear(c);\n    vec3 lms = LINEAR_SRGB_TO_LMS * lin;\n    vec3 lmsCbrt = sign(lms) * pow(abs(lms), vec3(1.0 / 3.0));\n    return LMS_TO_OKLAB * lmsCbrt;\n}\n\n// Raw OKLab (L, a, b) \u2192 linear sRGB. Mirrors value.js oklabToLinearSRGB.\nvec3 oklabToLinearSrgb(vec3 lab) {\n    vec3 lms_ = OKLAB_TO_LMS * lab;\n    vec3 lms = lms_ * lms_ * lms_;\n    return LMS_TO_LINEAR_SRGB * lms;\n}\n\n// OKLab \u2192 OKLCh: H in RADIANS. Mirrors value.js rawOklabToOklch (which returns\n// degrees; we stay in radians and only fold to [0, 2pi)).\nvec3 oklabToOklch(vec3 lab) {\n    float C = length(lab.yz);\n    float H = atan(lab.z, lab.y);\n    if (H < 0.0) H += 2.0 * PI;\n    return vec3(lab.x, C, H);\n}\n\n// OKLCh (H radians) \u2192 OKLab. Mirrors value.js rawOklchToOklab.\nvec3 oklchToOklab(vec3 lch) {\n    return vec3(lch.x, lch.y * cos(lch.z), lch.y * sin(lch.z));\n}";
+export declare const OETF_WGSL = "\nfn srgbToLinearCh(c: f32) -> f32 {\n    return select(pow((c + 0.055) / 1.055, 2.4), c / 12.92, c <= 0.04045);\n}\nfn srgbToLinear(c: vec3f) -> vec3f {\n    return vec3f(srgbToLinearCh(c.r), srgbToLinearCh(c.g), srgbToLinearCh(c.b));\n}\nfn linearToSrgbCh(c: f32) -> f32 {\n    return select(1.055 * pow(c, 1.0 / 2.4) - 0.055, c * 12.92, c <= 0.0031308);\n}\nfn linearToSrgb(c: vec3f) -> vec3f {\n    return vec3f(linearToSrgbCh(c.r), linearToSrgbCh(c.g), linearToSrgbCh(c.b));\n}";
+export declare const FBM_ROT_WGSL = "const FBM_ROT: mat2x2f = mat2x2f(0.8, 0.6, -0.6, 0.8);";
+export declare const OKLCH_MATRICES_WGSL = "\nconst LINEAR_SRGB_TO_LMS: mat3x3f = mat3x3f(\n    0.4122214708, 0.2119034982, 0.0883024619,\n    0.5363325363, 0.6806995451, 0.2817188376,\n    0.0514459929, 0.1073969566, 0.6299787005\n);\nconst LMS_TO_OKLAB: mat3x3f = mat3x3f(\n    0.2104542553, 1.9779984951, 0.0259040371,\n    0.7936177850, -2.4285922050, 0.7827717662,\n    -0.0040720468, 0.4505937099, -0.8086757660\n);\nconst OKLAB_TO_LMS: mat3x3f = mat3x3f(\n    1.0, 1.0, 1.0,\n    0.3963377774, -0.1055613458, -0.0894841775,\n    0.2158037573, -0.0638541728, -1.2914855480\n);\nconst LMS_TO_LINEAR_SRGB: mat3x3f = mat3x3f(\n    4.0767416621, -1.2684380046, -0.0041960863,\n    -3.3077115913, 2.6097574011, -0.7034186147,\n    0.2309699292, -0.3413193965, 1.7076147010\n);\n\nfn srgbToOklab(c: vec3f) -> vec3f {\n    let lin = srgbToLinear(c);\n    let lms = LINEAR_SRGB_TO_LMS * lin;\n    let lmsCbrt = sign(lms) * pow(abs(lms), vec3f(1.0 / 3.0));\n    return LMS_TO_OKLAB * lmsCbrt;\n}\nfn oklabToLinearSrgb(lab: vec3f) -> vec3f {\n    let lms_ = OKLAB_TO_LMS * lab;\n    let lms = lms_ * lms_ * lms_;\n    return LMS_TO_LINEAR_SRGB * lms;\n}\nfn oklabToOklch(lab: vec3f) -> vec3f {\n    let C = length(lab.yz);\n    var H = atan2(lab.z, lab.y);\n    if (H < 0.0) { H = H + 2.0 * PI; }\n    return vec3f(lab.x, C, H);\n}\nfn oklchToOklab(lch: vec3f) -> vec3f {\n    return vec3f(lch.x, lch.y * cos(lch.z), lch.y * sin(lch.z));\n}";

package/dist/composables/glass/webgl/useWebGLCanvas.d.ts

@@ -19,7 +19,7 @@ export interface WebGLCanvasOptions {
     mode?: "live" | "capture";
     /**
      * Honor `prefers-reduced-motion: reduce` by painting ONE static frame then
-     * parking the loop (AV.W7 G1). The substrate live-monitors the query via a
+     * parking the loop. The shared lifecycle core live-monitors the query via a
      * `matchMedia` `change` listener and re-arms (one static frame) on un-reduce.
      * Default `true` for live mode, `false` for capture mode (a capture runtime
      * draws deterministic frames via `renderAt`, never the live loop). A consumer
@@ -45,9 +45,9 @@ export interface WebGLCanvasHandle {
     /** The live context (null before arm / after dispose / mid-loss). */
     readonly gl: WebGL2RenderingContext | null;
     /**
-     * The live `prefers-reduced-motion: reduce` state (AV.W7 G1). The substrate
-     * owns + re-monitors it; consumers read it (e.g. aurora freezes its frame
-     * time at the authored offset while this is `true`). `false` when
+     * The live `prefers-reduced-motion: reduce` state. The shared lifecycle core
+     * owns + re-monitors it; consumers read it (e.g. aurora freezes its frame time
+     * at the authored offset while this is `true`). `false` when
      * `respectReducedMotion` is off.
      */
     readonly reducedMotion: boolean;

package/dist/configurator.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./useConfiguratorState-DUtC1jxr.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./useConfiguratorState-B24TcgIn.js";
 export { e as CONFIGURATOR_DENSITY_KEY, t as Configurator, i as ConfiguratorLayer, n as ConfiguratorRow, r as provideConfiguratorDensity, o as useConfiguratorState, a as useOptionalConfiguratorDensity };

package/dist/confirm-dialog.js

@@ -1,6 +1,6 @@
-import { t as e } from "./createLucideIcon-DuDoe_ra.js";
-import { n as t } from "./button-i8Ek5vvg.js";
-import { t as n } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { t as e } from "./createLucideIcon-B6uNAU9G.js";
+import { n as t } from "./button-CAywcrhO.js";
+import { t as n } from "./_plugin-vue_export-helper-gLzyemvl.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.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/constellation";

package/dist/constellation.js

@@ -0,0 +1,182 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./_plugin-vue_export-helper-gLzyemvl.js";
+import { t as n } from "./useCanvas2D-C31yfUGY.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, unref as f, useTemplateRef as p } from "vue";
+//#region src/components/custom/constellation/constellationField.ts
+var m = 1280, h = {
+	node: "#b4afa3",
+	nodeDim: "#cdc8bd",
+	line: "#1c1714"
+};
+function g(e) {
+	if (typeof window > "u") return { ...h };
+	let t = getComputedStyle(e), n = (e, n) => t.getPropertyValue(e).trim() || n;
+	return {
+		node: n("--constellation-node", h.node),
+		nodeDim: n("--constellation-node-dim", h.nodeDim),
+		line: n("--constellation-line", h.line)
+	};
+}
+function _(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 v(e, t, n, r) {
+	let { nodes: i, w: a, h: o } = e;
+	for (let e = 0; e < i.length; e++) {
+		let n = i[e];
+		n.x += n.vx * t, n.y += n.vy * t, n.x < 0 ? (n.x = 0, n.vx *= -1) : n.x > a && (n.x = a, n.vx *= -1), n.y < 0 ? (n.y = 0, n.vy *= -1) : n.y > o && (n.y = o, n.vy *= -1);
+	}
+	if (r && r.x >= 0) {
+		let e = 180 * t;
+		for (let t = 0; t < i.length; t++) {
+			let a = i[t], o = r.x - a.x, s = r.y - a.y, c = Math.hypot(o, s);
+			if (c > .5 && c < e) {
+				let t = Math.hypot(a.vx, a.vy) || n, r = (1 - c / e) * .08, i = a.vx + o / c * r * t, l = a.vy + s / c * r * t, u = Math.hypot(i, l) || 1;
+				a.vx = i / u * t, a.vy = l / u * t;
+			}
+		}
+	}
+}
+function y(e, t, n, r) {
+	let { nodes: i, k: a } = t, o = n * a, s = o * o;
+	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, c = a * a + o * o;
+			c > s || (e.globalAlpha = .17 * (1 - c / s), e.beginPath(), e.moveTo(n.x, n.y), e.lineTo(t.x, t.y), e.stroke());
+		}
+	}
+	e.globalAlpha = 1;
+}
+function b(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 x(e, t, n, r, i) {
+	if (!i || i.x < 0) return;
+	let { nodes: a, k: o } = t, s = n * o, c = s * s;
+	e.strokeStyle = r.line, e.lineWidth = 1 * o;
+	for (let t of a) {
+		let n = t.x - i.x, r = t.y - i.y, a = n * n + r * r;
+		a > c || (e.globalAlpha = (1 - a / c) * .24, 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;
+}
+function S(e, t, n, r, i) {
+	let { k: a } = 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) {
+			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;
+}
+//#endregion
+//#region src/components/custom/constellation/Constellation.vue
+var C = /* @__PURE__ */ t(/* @__PURE__ */ c({
+	__name: "Constellation",
+	props: {
+		count: { default: 64 },
+		link: { default: 132 },
+		speed: { default: .16 },
+		seed: {},
+		pointerReactive: {
+			type: Boolean,
+			default: !0
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		drawOverlay: { type: Function }
+	},
+	setup(t, { expose: c }) {
+		let C = p("hostRef"), w = p("canvasRef"), T = a(() => t.seed === void 0 ? Math.random : r(typeof t.seed == "string" ? i(t.seed) : t.seed)), E = {
+			nodes: [],
+			canvas: null,
+			w: 0,
+			h: 0,
+			k: 1,
+			dpr: 1
+		}, D = {
+			x: -1,
+			y: -1
+		}, O = [], k = { ...h };
+		return u(() => {
+			let e = w.value;
+			if (!e) return;
+			let r = n({
+				canvas: w,
+				setup: (n) => ({ render(n, i) {
+					let a = e.clientWidth || e.offsetWidth || 1280, o = e.clientHeight || e.offsetHeight || 720, s = a / m;
+					if (E.canvas = e, E.dpr = Math.min(typeof window < "u" && window.devicePixelRatio || 1, 2), (E.w !== a || E.h !== o) && (E.w = a, E.h = o, E.k = s, E.nodes.length || (E.nodes = _(T.value, t.count, a, o, t.speed)), k = g(e)), E.k = s, !r.reducedMotion) {
+						let e = t.pointerReactive ? D : null;
+						v(E, s, t.speed, e);
+					}
+					n.clearRect(0, 0, a, o), y(n, E, t.link, k), b(n, E, k), t.pointerReactive && !r.reducedMotion && (x(n, E, t.link, k, D), S(n, E, i, O, k)), t.drawOverlay?.(n, E, i);
+				} })
+			}), i = C.value;
+			if (t.pointerReactive && i && !r.reducedMotion) {
+				let t = (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 * E.w,
+						y: i * E.h
+					};
+				};
+				i.addEventListener("pointermove", (e) => {
+					let n = t(e);
+					n ? (D.x = n.x, D.y = n.y) : (D.x = -1, D.y = -1), r.wake();
+				}), i.addEventListener("pointerleave", () => {
+					D.x = -1, D.y = -1;
+				}), i.addEventListener("pointerdown", (e) => {
+					let n = t(e);
+					n && O.push({
+						x: n.x,
+						y: n.y,
+						start: -1
+					}), r.wake();
+				});
+			}
+		}), c({ field: E }), (n, r) => (d(), o("div", {
+			ref_key: "hostRef",
+			ref: C,
+			class: l(f(e)("constellation", t.class))
+		}, [s("canvas", {
+			ref_key: "canvasRef",
+			ref: w,
+			class: "constellation-canvas",
+			"aria-hidden": "true"
+		}, null, 512)], 2));
+	}
+}), [["__scopeId", "data-v-3f8670a5"]]);
+//#endregion
+export { m as BASE_WIDTH, C as Constellation, h as DEFAULT_PALETTE, y as drawEdges, b as drawNodes, x as drawPointerWeb, S as drawRipples, g as readPalette, _ as seedField, v as stepField };

package/dist/context-menu.js

@@ -1,3 +1,3 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./ContextMenuSubContent-DrWkXKQP.js";
-import { n as l, r as u, t as d } from "./ContextMenuContent-De01_83g.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./ContextMenuSubContent-BeDz7G6f.js";
+import { n as l, r as u, t as d } from "./ContextMenuContent-DGKZX1Du.js";
 export { u as ContextMenu, s as ContextMenuCheckboxItem, d as ContextMenuContent, t as ContextMenuItem, o as ContextMenuLabel, r as ContextMenuRadioGroup, a as ContextMenuRadioItem, n as ContextMenuSeparator, e as ContextMenuShortcut, c as ContextMenuSubContent, i as ContextMenuSubTrigger, l as ContextMenuTrigger };

package/dist/controls.js

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { t as n } from "./useGlobalDark-CWiaCoEw.js";
+import { t } from "./_plugin-vue_export-helper-gLzyemvl.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";
 //#endregion
 //#region src/components/custom/controls/DarkModeToggle.vue

package/dist/dark.js

@@ -1,4 +1,4 @@
-import { t as e } from "./useGlobalDark-CWiaCoEw.js";
+import { t as e } from "./useGlobalDark-yhL4Wp-s.js";
 import { nextTick as t, watch as n } from "vue";
 //#region src/composables/dark/installDarkModeSync.ts
 function r(r) {

package/dist/data-table.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./DataTable-DyKc_26a.js";
+import { n as e, t } from "./DataTable-gtPOLZvl.js";
 export { t as DataTable, e as DataTablePagination };

package/dist/dialog.js

@@ -1,3 +1,3 @@
-import { n as e, t } from "./DialogContent-IQ8_BRrC.js";
-import { a as n, i as r, n as i, o as a, r as o, s, t as c } from "./DialogFooter-Er0wA3K6.js";
+import { n as e, t } from "./DialogContent-DG1YMR-P.js";
+import { a as n, i as r, n as i, o as a, r as o, s, t as c } from "./DialogFooter-BCIaDP15.js";
 export { e as Dialog, s as DialogClose, t as DialogContent, o as DialogDescription, c as DialogFooter, n as DialogHeader, i as DialogScrollContent, r as DialogTitle, a as DialogTrigger };

package/dist/disco-glyph.js

@@ -1,2 +1,2 @@
-import { t as e } from "./DiscoGlyph-BaZ8OawK.js";
+import { t as e } from "./DiscoGlyph-ZoBYpoxI.js";
 export { e as DiscoGlyph };