interactive-bg 0.0.0-stage → 0.1.1

package/dist/shared/noise.cjs

@@ -0,0 +1,166 @@
+// src/shared/noise.ts
+var F3 = 1 / 3;
+var G3 = 1 / 6;
+var GRAD3 = new Float32Array([
+	1,
+	1,
+	0,
+	-1,
+	1,
+	0,
+	1,
+	-1,
+	0,
+	-1,
+	-1,
+	0,
+	1,
+	0,
+	1,
+	-1,
+	0,
+	1,
+	1,
+	0,
+	-1,
+	-1,
+	0,
+	-1,
+	0,
+	1,
+	1,
+	0,
+	-1,
+	1,
+	0,
+	1,
+	-1,
+	0,
+	-1,
+	-1
+]);
+/** Small, fast seeded PRNG returning floats in [0, 1). */
+function mulberry32(seed) {
+	let a = seed >>> 0;
+	return () => {
+		a = a + 1831565813 | 0;
+		let t = Math.imul(a ^ a >>> 15, 1 | a);
+		t = t + Math.imul(t ^ t >>> 7, 61 | t) ^ t;
+		return ((t ^ t >>> 14) >>> 0) / 4294967296;
+	};
+}
+/** Seeded 3D simplex noise (Gustavson). The third axis is used as time. */
+function createNoise3D(seed = Math.random() * 2 ** 32) {
+	const random = mulberry32(seed);
+	const p = /* @__PURE__ */ new Uint8Array(256);
+	for (let i = 0; i < 256; i++) p[i] = i;
+	for (let i = 255; i > 0; i--) {
+		const j = Math.floor(random() * (i + 1));
+		const tmp = p[i];
+		p[i] = p[j];
+		p[j] = tmp;
+	}
+	const perm = /* @__PURE__ */ new Uint8Array(512);
+	const permMod12 = /* @__PURE__ */ new Uint8Array(512);
+	for (let i = 0; i < 512; i++) {
+		perm[i] = p[i & 255];
+		permMod12[i] = perm[i] % 12;
+	}
+	return (x, y, z) => {
+		const s = (x + y + z) * F3;
+		const i = Math.floor(x + s);
+		const j = Math.floor(y + s);
+		const k = Math.floor(z + s);
+		const t = (i + j + k) * G3;
+		const x0 = x - (i - t);
+		const y0 = y - (j - t);
+		const z0 = z - (k - t);
+		let i1, j1, k1, i2, j2, k2;
+		if (x0 >= y0) {
+			if (y0 >= z0) {
+				i1 = 1;
+				j1 = 0;
+				k1 = 0;
+				i2 = 1;
+				j2 = 1;
+				k2 = 0;
+			} else if (x0 >= z0) {
+				i1 = 1;
+				j1 = 0;
+				k1 = 0;
+				i2 = 1;
+				j2 = 0;
+				k2 = 1;
+			} else {
+				i1 = 0;
+				j1 = 0;
+				k1 = 1;
+				i2 = 1;
+				j2 = 0;
+				k2 = 1;
+			}
+		} else if (y0 < z0) {
+			i1 = 0;
+			j1 = 0;
+			k1 = 1;
+			i2 = 0;
+			j2 = 1;
+			k2 = 1;
+		} else if (x0 < z0) {
+			i1 = 0;
+			j1 = 1;
+			k1 = 0;
+			i2 = 0;
+			j2 = 1;
+			k2 = 1;
+		} else {
+			i1 = 0;
+			j1 = 1;
+			k1 = 0;
+			i2 = 1;
+			j2 = 1;
+			k2 = 0;
+		}
+		const x1 = x0 - i1 + G3;
+		const y1 = y0 - j1 + G3;
+		const z1 = z0 - k1 + G3;
+		const x2 = x0 - i2 + 2 * G3;
+		const y2 = y0 - j2 + 2 * G3;
+		const z2 = z0 - k2 + 2 * G3;
+		const x3 = x0 - 1 + 3 * G3;
+		const y3 = y0 - 1 + 3 * G3;
+		const z3 = z0 - 1 + 3 * G3;
+		const ii = i & 255;
+		const jj = j & 255;
+		const kk = k & 255;
+		let n = 0;
+		let c = .6 - x0 * x0 - y0 * y0 - z0 * z0;
+		if (c > 0) {
+			const g = permMod12[ii + perm[jj + perm[kk]]] * 3;
+			c *= c;
+			n += c * c * (GRAD3[g] * x0 + GRAD3[g + 1] * y0 + GRAD3[g + 2] * z0);
+		}
+		c = .6 - x1 * x1 - y1 * y1 - z1 * z1;
+		if (c > 0) {
+			const g = permMod12[ii + i1 + perm[jj + j1 + perm[kk + k1]]] * 3;
+			c *= c;
+			n += c * c * (GRAD3[g] * x1 + GRAD3[g + 1] * y1 + GRAD3[g + 2] * z1);
+		}
+		c = .6 - x2 * x2 - y2 * y2 - z2 * z2;
+		if (c > 0) {
+			const g = permMod12[ii + i2 + perm[jj + j2 + perm[kk + k2]]] * 3;
+			c *= c;
+			n += c * c * (GRAD3[g] * x2 + GRAD3[g + 1] * y2 + GRAD3[g + 2] * z2);
+		}
+		c = .6 - x3 * x3 - y3 * y3 - z3 * z3;
+		if (c > 0) {
+			const g = permMod12[ii + 1 + perm[jj + 1 + perm[kk + 1]]] * 3;
+			c *= c;
+			n += c * c * (GRAD3[g] * x3 + GRAD3[g + 1] * y3 + GRAD3[g + 2] * z3);
+		}
+		return 32 * n;
+	};
+}
+exports.createNoise3D = createNoise3D;
+
+//# sourceMappingURL=noise.cjs.map

package/dist/shared/noise.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"noise.cjs","names":[],"sources":["../../src/shared/noise.ts"],"sourcesContent":["/** Returns a value in roughly [-1, 1]. */\nexport type Noise3D = (x: number, y: number, z: number) => number;\n\nconst F3 = 1 / 3;\nconst G3 = 1 / 6;\n\n// prettier-ignore\nconst GRAD3 = new Float32Array([\n  1, 1, 0, -1, 1, 0, 1, -1, 0, -1, -1, 0,\n  1, 0, 1, -1, 0, 1, 1, 0, -1, -1, 0, -1,\n  0, 1, 1, 0, -1, 1, 0, 1, -1, 0, -1, -1,\n]);\n\n/** Small, fast seeded PRNG returning floats in [0, 1). */\nfunction mulberry32(seed: number): () => number {\n  let a = seed >>> 0;\n  return () => {\n    a = (a + 0x6d2b79f5) | 0;\n    let t = Math.imul(a ^ (a >>> 15), 1 | a);\n    t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t;\n    return ((t ^ (t >>> 14)) >>> 0) / 4294967296;\n  };\n}\n\n/** Seeded 3D simplex noise (Gustavson). The third axis is used as time. */\nexport function createNoise3D(seed: number = Math.random() * 2 ** 32): Noise3D {\n  const random = mulberry32(seed);\n  const p = new Uint8Array(256);\n  for (let i = 0; i < 256; i++) p[i] = i;\n  for (let i = 255; i > 0; i--) {\n    const j = Math.floor(random() * (i + 1));\n    const tmp = p[i];\n    p[i] = p[j];\n    p[j] = tmp;\n  }\n  const perm = new Uint8Array(512);\n  const permMod12 = new Uint8Array(512);\n  for (let i = 0; i < 512; i++) {\n    perm[i] = p[i & 255];\n    permMod12[i] = perm[i] % 12;\n  }\n\n  return (x, y, z) => {\n    const s = (x + y + z) * F3;\n    const i = Math.floor(x + s);\n    const j = Math.floor(y + s);\n    const k = Math.floor(z + s);\n    const t = (i + j + k) * G3;\n    const x0 = x - (i - t);\n    const y0 = y - (j - t);\n    const z0 = z - (k - t);\n\n    let i1: number, j1: number, k1: number, i2: number, j2: number, k2: number;\n    if (x0 >= y0) {\n      if (y0 >= z0) { i1 = 1; j1 = 0; k1 = 0; i2 = 1; j2 = 1; k2 = 0; }\n      else if (x0 >= z0) { i1 = 1; j1 = 0; k1 = 0; i2 = 1; j2 = 0; k2 = 1; }\n      else { i1 = 0; j1 = 0; k1 = 1; i2 = 1; j2 = 0; k2 = 1; }\n    } else {\n      if (y0 < z0) { i1 = 0; j1 = 0; k1 = 1; i2 = 0; j2 = 1; k2 = 1; }\n      else if (x0 < z0) { i1 = 0; j1 = 1; k1 = 0; i2 = 0; j2 = 1; k2 = 1; }\n      else { i1 = 0; j1 = 1; k1 = 0; i2 = 1; j2 = 1; k2 = 0; }\n    }\n\n    const x1 = x0 - i1 + G3;\n    const y1 = y0 - j1 + G3;\n    const z1 = z0 - k1 + G3;\n    const x2 = x0 - i2 + 2 * G3;\n    const y2 = y0 - j2 + 2 * G3;\n    const z2 = z0 - k2 + 2 * G3;\n    const x3 = x0 - 1 + 3 * G3;\n    const y3 = y0 - 1 + 3 * G3;\n    const z3 = z0 - 1 + 3 * G3;\n\n    const ii = i & 255;\n    const jj = j & 255;\n    const kk = k & 255;\n\n    let n = 0;\n    let c = 0.6 - x0 * x0 - y0 * y0 - z0 * z0;\n    if (c > 0) {\n      const g = permMod12[ii + perm[jj + perm[kk]]] * 3;\n      c *= c;\n      n += c * c * (GRAD3[g] * x0 + GRAD3[g + 1] * y0 + GRAD3[g + 2] * z0);\n    }\n    c = 0.6 - x1 * x1 - y1 * y1 - z1 * z1;\n    if (c > 0) {\n      const g = permMod12[ii + i1 + perm[jj + j1 + perm[kk + k1]]] * 3;\n      c *= c;\n      n += c * c * (GRAD3[g] * x1 + GRAD3[g + 1] * y1 + GRAD3[g + 2] * z1);\n    }\n    c = 0.6 - x2 * x2 - y2 * y2 - z2 * z2;\n    if (c > 0) {\n      const g = permMod12[ii + i2 + perm[jj + j2 + perm[kk + k2]]] * 3;\n      c *= c;\n      n += c * c * (GRAD3[g] * x2 + GRAD3[g + 1] * y2 + GRAD3[g + 2] * z2);\n    }\n    c = 0.6 - x3 * x3 - y3 * y3 - z3 * z3;\n    if (c > 0) {\n      const g = permMod12[ii + 1 + perm[jj + 1 + perm[kk + 1]]] * 3;\n      c *= c;\n      n += c * c * (GRAD3[g] * x3 + GRAD3[g + 1] * y3 + GRAD3[g + 2] * z3);\n    }\n    return 32 * n;\n  };\n}\n"],"mappings":"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"}

package/dist/shared/noise.d.cts

@@ -0,0 +1,4 @@
+/** Returns a value in roughly [-1, 1]. */
+export type Noise3D = (x: number, y: number, z: number) => number;
+/** Seeded 3D simplex noise (Gustavson). The third axis is used as time. */
+export declare function createNoise3D(seed?: number): Noise3D;

package/dist/shared/noise.d.ts

@@ -0,0 +1,4 @@
+/** Returns a value in roughly [-1, 1]. */
+export type Noise3D = (x: number, y: number, z: number) => number;
+/** Seeded 3D simplex noise (Gustavson). The third axis is used as time. */
+export declare function createNoise3D(seed?: number): Noise3D;

package/dist/shared/noise.js

@@ -0,0 +1,166 @@
+// src/shared/noise.ts
+var F3 = 1 / 3;
+var G3 = 1 / 6;
+var GRAD3 = new Float32Array([
+	1,
+	1,
+	0,
+	-1,
+	1,
+	0,
+	1,
+	-1,
+	0,
+	-1,
+	-1,
+	0,
+	1,
+	0,
+	1,
+	-1,
+	0,
+	1,
+	1,
+	0,
+	-1,
+	-1,
+	0,
+	-1,
+	0,
+	1,
+	1,
+	0,
+	-1,
+	1,
+	0,
+	1,
+	-1,
+	0,
+	-1,
+	-1
+]);
+/** Small, fast seeded PRNG returning floats in [0, 1). */
+function mulberry32(seed) {
+	let a = seed >>> 0;
+	return () => {
+		a = a + 1831565813 | 0;
+		let t = Math.imul(a ^ a >>> 15, 1 | a);
+		t = t + Math.imul(t ^ t >>> 7, 61 | t) ^ t;
+		return ((t ^ t >>> 14) >>> 0) / 4294967296;
+	};
+}
+/** Seeded 3D simplex noise (Gustavson). The third axis is used as time. */
+function createNoise3D(seed = Math.random() * 2 ** 32) {
+	const random = mulberry32(seed);
+	const p = /* @__PURE__ */ new Uint8Array(256);
+	for (let i = 0; i < 256; i++) p[i] = i;
+	for (let i = 255; i > 0; i--) {
+		const j = Math.floor(random() * (i + 1));
+		const tmp = p[i];
+		p[i] = p[j];
+		p[j] = tmp;
+	}
+	const perm = /* @__PURE__ */ new Uint8Array(512);
+	const permMod12 = /* @__PURE__ */ new Uint8Array(512);
+	for (let i = 0; i < 512; i++) {
+		perm[i] = p[i & 255];
+		permMod12[i] = perm[i] % 12;
+	}
+	return (x, y, z) => {
+		const s = (x + y + z) * F3;
+		const i = Math.floor(x + s);
+		const j = Math.floor(y + s);
+		const k = Math.floor(z + s);
+		const t = (i + j + k) * G3;
+		const x0 = x - (i - t);
+		const y0 = y - (j - t);
+		const z0 = z - (k - t);
+		let i1, j1, k1, i2, j2, k2;
+		if (x0 >= y0) {
+			if (y0 >= z0) {
+				i1 = 1;
+				j1 = 0;
+				k1 = 0;
+				i2 = 1;
+				j2 = 1;
+				k2 = 0;
+			} else if (x0 >= z0) {
+				i1 = 1;
+				j1 = 0;
+				k1 = 0;
+				i2 = 1;
+				j2 = 0;
+				k2 = 1;
+			} else {
+				i1 = 0;
+				j1 = 0;
+				k1 = 1;
+				i2 = 1;
+				j2 = 0;
+				k2 = 1;
+			}
+		} else if (y0 < z0) {
+			i1 = 0;
+			j1 = 0;
+			k1 = 1;
+			i2 = 0;
+			j2 = 1;
+			k2 = 1;
+		} else if (x0 < z0) {
+			i1 = 0;
+			j1 = 1;
+			k1 = 0;
+			i2 = 0;
+			j2 = 1;
+			k2 = 1;
+		} else {
+			i1 = 0;
+			j1 = 1;
+			k1 = 0;
+			i2 = 1;
+			j2 = 1;
+			k2 = 0;
+		}
+		const x1 = x0 - i1 + G3;
+		const y1 = y0 - j1 + G3;
+		const z1 = z0 - k1 + G3;
+		const x2 = x0 - i2 + 2 * G3;
+		const y2 = y0 - j2 + 2 * G3;
+		const z2 = z0 - k2 + 2 * G3;
+		const x3 = x0 - 1 + 3 * G3;
+		const y3 = y0 - 1 + 3 * G3;
+		const z3 = z0 - 1 + 3 * G3;
+		const ii = i & 255;
+		const jj = j & 255;
+		const kk = k & 255;
+		let n = 0;
+		let c = .6 - x0 * x0 - y0 * y0 - z0 * z0;
+		if (c > 0) {
+			const g = permMod12[ii + perm[jj + perm[kk]]] * 3;
+			c *= c;
+			n += c * c * (GRAD3[g] * x0 + GRAD3[g + 1] * y0 + GRAD3[g + 2] * z0);
+		}
+		c = .6 - x1 * x1 - y1 * y1 - z1 * z1;
+		if (c > 0) {
+			const g = permMod12[ii + i1 + perm[jj + j1 + perm[kk + k1]]] * 3;
+			c *= c;
+			n += c * c * (GRAD3[g] * x1 + GRAD3[g + 1] * y1 + GRAD3[g + 2] * z1);
+		}
+		c = .6 - x2 * x2 - y2 * y2 - z2 * z2;
+		if (c > 0) {
+			const g = permMod12[ii + i2 + perm[jj + j2 + perm[kk + k2]]] * 3;
+			c *= c;
+			n += c * c * (GRAD3[g] * x2 + GRAD3[g + 1] * y2 + GRAD3[g + 2] * z2);
+		}
+		c = .6 - x3 * x3 - y3 * y3 - z3 * z3;
+		if (c > 0) {
+			const g = permMod12[ii + 1 + perm[jj + 1 + perm[kk + 1]]] * 3;
+			c *= c;
+			n += c * c * (GRAD3[g] * x3 + GRAD3[g + 1] * y3 + GRAD3[g + 2] * z3);
+		}
+		return 32 * n;
+	};
+}
+export { createNoise3D };
+
+//# sourceMappingURL=noise.js.map

package/dist/shared/noise.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"noise.js","names":[],"sources":["../../src/shared/noise.ts"],"sourcesContent":["/** Returns a value in roughly [-1, 1]. */\nexport type Noise3D = (x: number, y: number, z: number) => number;\n\nconst F3 = 1 / 3;\nconst G3 = 1 / 6;\n\n// prettier-ignore\nconst GRAD3 = new Float32Array([\n  1, 1, 0, -1, 1, 0, 1, -1, 0, -1, -1, 0,\n  1, 0, 1, -1, 0, 1, 1, 0, -1, -1, 0, -1,\n  0, 1, 1, 0, -1, 1, 0, 1, -1, 0, -1, -1,\n]);\n\n/** Small, fast seeded PRNG returning floats in [0, 1). */\nfunction mulberry32(seed: number): () => number {\n  let a = seed >>> 0;\n  return () => {\n    a = (a + 0x6d2b79f5) | 0;\n    let t = Math.imul(a ^ (a >>> 15), 1 | a);\n    t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t;\n    return ((t ^ (t >>> 14)) >>> 0) / 4294967296;\n  };\n}\n\n/** Seeded 3D simplex noise (Gustavson). The third axis is used as time. */\nexport function createNoise3D(seed: number = Math.random() * 2 ** 32): Noise3D {\n  const random = mulberry32(seed);\n  const p = new Uint8Array(256);\n  for (let i = 0; i < 256; i++) p[i] = i;\n  for (let i = 255; i > 0; i--) {\n    const j = Math.floor(random() * (i + 1));\n    const tmp = p[i];\n    p[i] = p[j];\n    p[j] = tmp;\n  }\n  const perm = new Uint8Array(512);\n  const permMod12 = new Uint8Array(512);\n  for (let i = 0; i < 512; i++) {\n    perm[i] = p[i & 255];\n    permMod12[i] = perm[i] % 12;\n  }\n\n  return (x, y, z) => {\n    const s = (x + y + z) * F3;\n    const i = Math.floor(x + s);\n    const j = Math.floor(y + s);\n    const k = Math.floor(z + s);\n    const t = (i + j + k) * G3;\n    const x0 = x - (i - t);\n    const y0 = y - (j - t);\n    const z0 = z - (k - t);\n\n    let i1: number, j1: number, k1: number, i2: number, j2: number, k2: number;\n    if (x0 >= y0) {\n      if (y0 >= z0) { i1 = 1; j1 = 0; k1 = 0; i2 = 1; j2 = 1; k2 = 0; }\n      else if (x0 >= z0) { i1 = 1; j1 = 0; k1 = 0; i2 = 1; j2 = 0; k2 = 1; }\n      else { i1 = 0; j1 = 0; k1 = 1; i2 = 1; j2 = 0; k2 = 1; }\n    } else {\n      if (y0 < z0) { i1 = 0; j1 = 0; k1 = 1; i2 = 0; j2 = 1; k2 = 1; }\n      else if (x0 < z0) { i1 = 0; j1 = 1; k1 = 0; i2 = 0; j2 = 1; k2 = 1; }\n      else { i1 = 0; j1 = 1; k1 = 0; i2 = 1; j2 = 1; k2 = 0; }\n    }\n\n    const x1 = x0 - i1 + G3;\n    const y1 = y0 - j1 + G3;\n    const z1 = z0 - k1 + G3;\n    const x2 = x0 - i2 + 2 * G3;\n    const y2 = y0 - j2 + 2 * G3;\n    const z2 = z0 - k2 + 2 * G3;\n    const x3 = x0 - 1 + 3 * G3;\n    const y3 = y0 - 1 + 3 * G3;\n    const z3 = z0 - 1 + 3 * G3;\n\n    const ii = i & 255;\n    const jj = j & 255;\n    const kk = k & 255;\n\n    let n = 0;\n    let c = 0.6 - x0 * x0 - y0 * y0 - z0 * z0;\n    if (c > 0) {\n      const g = permMod12[ii + perm[jj + perm[kk]]] * 3;\n      c *= c;\n      n += c * c * (GRAD3[g] * x0 + GRAD3[g + 1] * y0 + GRAD3[g + 2] * z0);\n    }\n    c = 0.6 - x1 * x1 - y1 * y1 - z1 * z1;\n    if (c > 0) {\n      const g = permMod12[ii + i1 + perm[jj + j1 + perm[kk + k1]]] * 3;\n      c *= c;\n      n += c * c * (GRAD3[g] * x1 + GRAD3[g + 1] * y1 + GRAD3[g + 2] * z1);\n    }\n    c = 0.6 - x2 * x2 - y2 * y2 - z2 * z2;\n    if (c > 0) {\n      const g = permMod12[ii + i2 + perm[jj + j2 + perm[kk + k2]]] * 3;\n      c *= c;\n      n += c * c * (GRAD3[g] * x2 + GRAD3[g + 1] * y2 + GRAD3[g + 2] * z2);\n    }\n    c = 0.6 - x3 * x3 - y3 * y3 - z3 * z3;\n    if (c > 0) {\n      const g = permMod12[ii + 1 + perm[jj + 1 + perm[kk + 1]]] * 3;\n      c *= c;\n      n += c * c * (GRAD3[g] * x3 + GRAD3[g + 1] * y3 + GRAD3[g + 2] * z3);\n    }\n    return 32 * n;\n  };\n}\n"],"mappings":"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"}

package/dist/styles/dots/canvas2d.cjs

@@ -0,0 +1,99 @@
+const require_buffer = require("../../shared/buffer.cjs");
+const require_grid = require("../../shared/grid.cjs");
+const require_motion = require("./motion.cjs");
+const require_options = require("./options.cjs");
+// src/styles/dots/canvas2d.ts
+/** Dots grown by waves are drawn in this many size steps per unit of growth (steps of ~0.25 px). */
+var SIZE_STEPS = 4;
+/** Growth beyond this is clamped (two overlapping wave crests). */
+var MAX_SIZE_STEP = 8;
+/**
+* Every dot's position computed on the CPU. Dots are drawn as zero-length lines
+* with round caps: that renders the same round dots as `arc()`, about 4× faster.
+*/
+function createDotsCanvas2D(ctx, initial) {
+	let options = require_options.resolveDotsOptions(initial);
+	const waves = require_grid.createWaveList();
+	const waveData = /* @__PURE__ */ new Float32Array(32);
+	let clock = 0;
+	const sizes = Array.from({ length: 9 }, () => require_buffer.createFloatBuffer(256));
+	function add(buffer, x, y) {
+		const data = require_buffer.reserve(buffer, 2);
+		data[buffer.length++] = x;
+		data[buffer.length++] = y;
+	}
+	function stroke(buffer, radius) {
+		const { data, length } = buffer;
+		ctx.lineWidth = 2 * radius;
+		ctx.beginPath();
+		for (let k = 0; k < length; k += 2) {
+			ctx.moveTo(data[k], data[k + 1]);
+			ctx.lineTo(data[k] + .01, data[k + 1]);
+		}
+		ctx.stroke();
+	}
+	const phasesFor = require_grid.createPhaseCache();
+	return {
+		update(next) {
+			options = require_options.resolveDotsOptions(next);
+		},
+		render(frame) {
+			if (!frame.reducedMotion) clock += frame.dt * options.jitterSpeed * require_grid.TAU;
+			waves.advance(frame, options.waveDuration, options.waveStrength !== 0);
+			const { spacing, size, jitter, pointerRadius, waveWidth, waveStrength } = options;
+			const { cols, rows, originX, originY } = require_grid.gridLayout(frame.width, frame.height, spacing);
+			const wander = phasesFor(cols, rows);
+			const { sx, cx, sy, cy } = require_grid.wanderClock(clock);
+			const push = options.pointerStrength * frame.pointer.influence;
+			const { x: px, y: py } = frame.pointer;
+			const waveCount = waves.waves.length;
+			waves.pack(waveData, options.waveSpeed, options.waveDuration);
+			const waveReach = 3 * waveWidth;
+			for (const buffer of sizes) buffer.length = 0;
+			for (let j = 0; j < rows; j++) {
+				const restY = originY + j * spacing;
+				for (let i = 0; i < cols; i++) {
+					const restX = originX + i * spacing;
+					const k = (j * cols + i) * 4;
+					let x = restX + jitter * (sx * wander[k] + cx * wander[k + 1]);
+					let y = restY + jitter * (cy * wander[k + 2] - sy * wander[k + 3]);
+					if (push !== 0) {
+						const dx = restX - px;
+						const dy = restY - py;
+						if (Math.abs(dx) < pointerRadius && Math.abs(dy) < pointerRadius) {
+							const distance = Math.sqrt(dx * dx + dy * dy);
+							if (distance > 0 && distance < pointerRadius) {
+								const amount = push * require_grid.pointerFalloff(distance, pointerRadius) / distance;
+								x += dx * amount;
+								y += dy * amount;
+							}
+						}
+					}
+					let grow = 0;
+					for (let w = 0; w < waveCount * 4; w += 4) {
+						const dx = restX - waveData[w];
+						const dy = restY - waveData[w + 1];
+						const outer = waveData[w + 2] + waveReach;
+						if (Math.abs(dx) > outer || Math.abs(dy) > outer) continue;
+						const distance = Math.sqrt(dx * dx + dy * dy);
+						if (distance === 0 || Math.abs(distance - waveData[w + 2]) > waveReach) continue;
+						const ring = require_grid.waveRing(distance, waveData[w + 2], waveWidth) * waveData[w + 3];
+						const amount = waveStrength * ring / distance;
+						x += dx * amount;
+						y += dy * amount;
+						grow += ring;
+					}
+					add(sizes[Math.min(MAX_SIZE_STEP, Math.round(grow * SIZE_STEPS))], x, y);
+				}
+			}
+			ctx.globalAlpha = options.opacity;
+			ctx.strokeStyle = options.color;
+			ctx.lineCap = "round";
+			for (let step = 0; step <= MAX_SIZE_STEP; step++) if (sizes[step].length > 0) stroke(sizes[step], size * (1 + require_motion.WAVE_GROW * step / SIZE_STEPS));
+			return waveCount > 0;
+		}
+	};
+}
+exports.createDotsCanvas2D = createDotsCanvas2D;
+
+//# sourceMappingURL=canvas2d.cjs.map

package/dist/styles/dots/canvas2d.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas2d.cjs","names":["resolveDotsOptions","createWaveList","createFloatBuffer","reserve","createPhaseCache","TAU","gridLayout","wanderClock","pointerFalloff","waveRing","WAVE_GROW"],"sources":["../../../src/styles/dots/canvas2d.ts"],"sourcesContent":["import type { StyleRenderer } from '../../core/style';\nimport { createFloatBuffer, reserve, type FloatBuffer } from '../../shared/buffer';\nimport {\n  createPhaseCache,\n  createWaveList,\n  gridLayout,\n  MAX_WAVES,\n  pointerFalloff,\n  TAU,\n  wanderClock,\n  waveRing,\n} from '../../shared/grid';\nimport { WAVE_GROW } from './motion';\nimport { resolveDotsOptions, type DotsOptions } from './options';\n\n/** Dots grown by waves are drawn in this many size steps per unit of growth (steps of ~0.25 px). */\nconst SIZE_STEPS = 4;\n/** Growth beyond this is clamped (two overlapping wave crests). */\nconst MAX_SIZE_STEP = 2 * SIZE_STEPS;\n\n/**\n * Every dot's position computed on the CPU. Dots are drawn as zero-length lines\n * with round caps: that renders the same round dots as `arc()`, about 4× faster.\n */\nexport function createDotsCanvas2D(ctx: CanvasRenderingContext2D, initial: DotsOptions): StyleRenderer<DotsOptions> {\n  let options = resolveDotsOptions(initial);\n  const waves = createWaveList();\n  // Each wave as x, y, ring radius, envelope, worked out once per frame instead of once per dot.\n  const waveData = new Float32Array(MAX_WAVES * 4);\n  let clock = 0;\n\n  // Dot centres as x, y pairs, one buffer per size step; dots outside a wave all land in step 0.\n  const sizes = Array.from({ length: MAX_SIZE_STEP + 1 }, () => createFloatBuffer(256));\n\n  function add(buffer: FloatBuffer, x: number, y: number): void {\n    const data = reserve(buffer, 2);\n    data[buffer.length++] = x;\n    data[buffer.length++] = y;\n  }\n\n  function stroke(buffer: FloatBuffer, radius: number): void {\n    const { data, length } = buffer;\n    ctx.lineWidth = 2 * radius;\n    ctx.beginPath();\n    for (let k = 0; k < length; k += 2) {\n      ctx.moveTo(data[k], data[k + 1]);\n      // A tiny length: some browsers skip the caps of exactly zero-length lines.\n      ctx.lineTo(data[k] + 0.01, data[k + 1]);\n    }\n    ctx.stroke();\n  }\n\n  const phasesFor = createPhaseCache();\n\n  return {\n    update(next) {\n      options = resolveDotsOptions(next);\n    },\n    render(frame) {\n      if (!frame.reducedMotion) clock += frame.dt * options.jitterSpeed * TAU;\n      waves.advance(frame, options.waveDuration, options.waveStrength !== 0);\n\n      const { spacing, size, jitter, pointerRadius, waveWidth, waveStrength } = options;\n      const { cols, rows, originX, originY } = gridLayout(frame.width, frame.height, spacing);\n      const wander = phasesFor(cols, rows);\n      const { sx, cx, sy, cy } = wanderClock(clock);\n      const push = options.pointerStrength * frame.pointer.influence;\n      const { x: px, y: py } = frame.pointer;\n      const waveCount = waves.waves.length;\n      waves.pack(waveData, options.waveSpeed, options.waveDuration);\n      // Further than 3 widths from its ring a wave moves a dot by less than e⁻⁹ of its strength.\n      const waveReach = 3 * waveWidth;\n      for (const buffer of sizes) buffer.length = 0;\n\n      for (let j = 0; j < rows; j++) {\n        const restY = originY + j * spacing;\n        for (let i = 0; i < cols; i++) {\n          const restX = originX + i * spacing;\n          const k = (j * cols + i) * 4;\n          let x = restX + jitter * (sx * wander[k] + cx * wander[k + 1]);\n          let y = restY + jitter * (cy * wander[k + 2] - sy * wander[k + 3]);\n\n          if (push !== 0) {\n            const dx = restX - px;\n            const dy = restY - py;\n            if (Math.abs(dx) < pointerRadius && Math.abs(dy) < pointerRadius) {\n              const distance = Math.sqrt(dx * dx + dy * dy);\n              if (distance > 0 && distance < pointerRadius) {\n                const amount = (push * pointerFalloff(distance, pointerRadius)) / distance;\n                x += dx * amount;\n                y += dy * amount;\n              }\n            }\n          }\n\n          let grow = 0;\n          for (let w = 0; w < waveCount * 4; w += 4) {\n            const dx = restX - waveData[w];\n            const dy = restY - waveData[w + 1];\n            const outer = waveData[w + 2] + waveReach;\n            if (Math.abs(dx) > outer || Math.abs(dy) > outer) continue;\n            const distance = Math.sqrt(dx * dx + dy * dy);\n            if (distance === 0 || Math.abs(distance - waveData[w + 2]) > waveReach) continue;\n            const ring = waveRing(distance, waveData[w + 2], waveWidth) * waveData[w + 3];\n            const amount = (waveStrength * ring) / distance;\n            x += dx * amount;\n            y += dy * amount;\n            grow += ring;\n          }\n\n          add(sizes[Math.min(MAX_SIZE_STEP, Math.round(grow * SIZE_STEPS))], x, y);\n        }\n      }\n\n      ctx.globalAlpha = options.opacity;\n      ctx.strokeStyle = options.color;\n      ctx.lineCap = 'round';\n      for (let step = 0; step <= MAX_SIZE_STEP; step++) {\n        if (sizes[step].length > 0) stroke(sizes[step], size * (1 + (WAVE_GROW * step) / SIZE_STEPS));\n      }\n      return waveCount > 0;\n    },\n  };\n}\n"],"mappings":";;;;;;AAgBA,IAAM,aAAa;;AAEnB,IAAM,gBAAgB;;;;;AAMtB,SAAgB,mBAAmB,KAA+B,SAAkD;CAClH,IAAI,UAAUA,gBAAAA,mBAAmB,OAAO;CACxC,MAAM,QAAQC,aAAAA,eAAe;CAE7B,MAAM,2BAAW,IAAI,aAAA,EAA0B;CAC/C,IAAI,QAAQ;CAGZ,MAAM,QAAQ,MAAM,KAAK,EAAE,QAAQ,EAAkB,SAASC,eAAAA,kBAAkB,GAAG,CAAC;CAEpF,SAAS,IAAI,QAAqB,GAAW,GAAiB;EAC5D,MAAM,OAAOC,eAAAA,QAAQ,QAAQ,CAAC;EAC9B,KAAK,OAAO,YAAY;EACxB,KAAK,OAAO,YAAY;CAC1B;CAEA,SAAS,OAAO,QAAqB,QAAsB;EACzD,MAAM,EAAE,MAAM,WAAW;EACzB,IAAI,YAAY,IAAI;EACpB,IAAI,UAAU;EACd,KAAK,IAAI,IAAI,GAAG,IAAI,QAAQ,KAAK,GAAG;GAClC,IAAI,OAAO,KAAK,IAAI,KAAK,IAAI,EAAE;GAE/B,IAAI,OAAO,KAAK,KAAK,KAAM,KAAK,IAAI,EAAE;EACxC;EACA,IAAI,OAAO;CACb;CAEA,MAAM,YAAYC,aAAAA,iBAAiB;CAEnC,OAAO;EACL,OAAO,MAAM;GACX,UAAUJ,gBAAAA,mBAAmB,IAAI;EACnC;EACA,OAAO,OAAO;GACZ,IAAI,CAAC,MAAM,eAAe,SAAS,MAAM,KAAK,QAAQ,cAAcK,aAAAA;GACpE,MAAM,QAAQ,OAAO,QAAQ,cAAc,QAAQ,iBAAiB,CAAC;GAErE,MAAM,EAAE,SAAS,MAAM,QAAQ,eAAe,WAAW,iBAAiB;GAC1E,MAAM,EAAE,MAAM,MAAM,SAAS,YAAYC,aAAAA,WAAW,MAAM,OAAO,MAAM,QAAQ,OAAO;GACtF,MAAM,SAAS,UAAU,MAAM,IAAI;GACnC,MAAM,EAAE,IAAI,IAAI,IAAI,OAAOC,aAAAA,YAAY,KAAK;GAC5C,MAAM,OAAO,QAAQ,kBAAkB,MAAM,QAAQ;GACrD,MAAM,EAAE,GAAG,IAAI,GAAG,OAAO,MAAM;GAC/B,MAAM,YAAY,MAAM,MAAM;GAC9B,MAAM,KAAK,UAAU,QAAQ,WAAW,QAAQ,YAAY;GAE5D,MAAM,YAAY,IAAI;GACtB,KAAK,MAAM,UAAU,OAAO,OAAO,SAAS;GAE5C,KAAK,IAAI,IAAI,GAAG,IAAI,MAAM,KAAK;IAC7B,MAAM,QAAQ,UAAU,IAAI;IAC5B,KAAK,IAAI,IAAI,GAAG,IAAI,MAAM,KAAK;KAC7B,MAAM,QAAQ,UAAU,IAAI;KAC5B,MAAM,KAAK,IAAI,OAAO,KAAK;KAC3B,IAAI,IAAI,QAAQ,UAAU,KAAK,OAAO,KAAK,KAAK,OAAO,IAAI;KAC3D,IAAI,IAAI,QAAQ,UAAU,KAAK,OAAO,IAAI,KAAK,KAAK,OAAO,IAAI;KAE/D,IAAI,SAAS,GAAG;MACd,MAAM,KAAK,QAAQ;MACnB,MAAM,KAAK,QAAQ;MACnB,IAAI,KAAK,IAAI,EAAE,IAAI,iBAAiB,KAAK,IAAI,EAAE,IAAI,eAAe;OAChE,MAAM,WAAW,KAAK,KAAK,KAAK,KAAK,KAAK,EAAE;OAC5C,IAAI,WAAW,KAAK,WAAW,eAAe;QAC5C,MAAM,SAAU,OAAOC,aAAAA,eAAe,UAAU,aAAa,IAAK;QAClE,KAAK,KAAK;QACV,KAAK,KAAK;OACZ;MACF;KACF;KAEA,IAAI,OAAO;KACX,KAAK,IAAI,IAAI,GAAG,IAAI,YAAY,GAAG,KAAK,GAAG;MACzC,MAAM,KAAK,QAAQ,SAAS;MAC5B,MAAM,KAAK,QAAQ,SAAS,IAAI;MAChC,MAAM,QAAQ,SAAS,IAAI,KAAK;MAChC,IAAI,KAAK,IAAI,EAAE,IAAI,SAAS,KAAK,IAAI,EAAE,IAAI,OAAO;MAClD,MAAM,WAAW,KAAK,KAAK,KAAK,KAAK,KAAK,EAAE;MAC5C,IAAI,aAAa,KAAK,KAAK,IAAI,WAAW,SAAS,IAAI,EAAE,IAAI,WAAW;MACxE,MAAM,OAAOC,aAAAA,SAAS,UAAU,SAAS,IAAI,IAAI,SAAS,IAAI,SAAS,IAAI;MAC3E,MAAM,SAAU,eAAe,OAAQ;MACvC,KAAK,KAAK;MACV,KAAK,KAAK;MACV,QAAQ;KACV;KAEA,IAAI,MAAM,KAAK,IAAI,eAAe,KAAK,MAAM,OAAO,UAAU,CAAC,IAAI,GAAG,CAAC;IACzE;GACF;GAEA,IAAI,cAAc,QAAQ;GAC1B,IAAI,cAAc,QAAQ;GAC1B,IAAI,UAAU;GACd,KAAK,IAAI,OAAO,GAAG,QAAQ,eAAe,QACxC,IAAI,MAAM,KAAK,CAAC,SAAS,GAAG,OAAO,MAAM,OAAO,QAAQ,IAAKC,eAAAA,YAAY,OAAQ,WAAW;GAE9F,OAAO,YAAY;EACrB;CACF;AACF"}

package/dist/styles/dots/canvas2d.d.cts

@@ -0,0 +1,7 @@
+import type { StyleRenderer } from '../../core/style.cjs';
+import { type DotsOptions } from './options.cjs';
+/**
+ * Every dot's position computed on the CPU. Dots are drawn as zero-length lines
+ * with round caps: that renders the same round dots as `arc()`, about 4× faster.
+ */
+export declare function createDotsCanvas2D(ctx: CanvasRenderingContext2D, initial: DotsOptions): StyleRenderer<DotsOptions>;

package/dist/styles/dots/canvas2d.d.ts

@@ -0,0 +1,7 @@
+import type { StyleRenderer } from '../../core/style.js';
+import { type DotsOptions } from './options.js';
+/**
+ * Every dot's position computed on the CPU. Dots are drawn as zero-length lines
+ * with round caps: that renders the same round dots as `arc()`, about 4× faster.
+ */
+export declare function createDotsCanvas2D(ctx: CanvasRenderingContext2D, initial: DotsOptions): StyleRenderer<DotsOptions>;

package/dist/styles/dots/canvas2d.js

@@ -0,0 +1,99 @@
+import { createFloatBuffer, reserve } from "../../shared/buffer.js";
+import { TAU, createPhaseCache, createWaveList, gridLayout, pointerFalloff, wanderClock, waveRing } from "../../shared/grid.js";
+import { WAVE_GROW } from "./motion.js";
+import { resolveDotsOptions } from "./options.js";
+// src/styles/dots/canvas2d.ts
+/** Dots grown by waves are drawn in this many size steps per unit of growth (steps of ~0.25 px). */
+var SIZE_STEPS = 4;
+/** Growth beyond this is clamped (two overlapping wave crests). */
+var MAX_SIZE_STEP = 8;
+/**
+* Every dot's position computed on the CPU. Dots are drawn as zero-length lines
+* with round caps: that renders the same round dots as `arc()`, about 4× faster.
+*/
+function createDotsCanvas2D(ctx, initial) {
+	let options = resolveDotsOptions(initial);
+	const waves = createWaveList();
+	const waveData = /* @__PURE__ */ new Float32Array(32);
+	let clock = 0;
+	const sizes = Array.from({ length: 9 }, () => createFloatBuffer(256));
+	function add(buffer, x, y) {
+		const data = reserve(buffer, 2);
+		data[buffer.length++] = x;
+		data[buffer.length++] = y;
+	}
+	function stroke(buffer, radius) {
+		const { data, length } = buffer;
+		ctx.lineWidth = 2 * radius;
+		ctx.beginPath();
+		for (let k = 0; k < length; k += 2) {
+			ctx.moveTo(data[k], data[k + 1]);
+			ctx.lineTo(data[k] + .01, data[k + 1]);
+		}
+		ctx.stroke();
+	}
+	const phasesFor = createPhaseCache();
+	return {
+		update(next) {
+			options = resolveDotsOptions(next);
+		},
+		render(frame) {
+			if (!frame.reducedMotion) clock += frame.dt * options.jitterSpeed * TAU;
+			waves.advance(frame, options.waveDuration, options.waveStrength !== 0);
+			const { spacing, size, jitter, pointerRadius, waveWidth, waveStrength } = options;
+			const { cols, rows, originX, originY } = gridLayout(frame.width, frame.height, spacing);
+			const wander = phasesFor(cols, rows);
+			const { sx, cx, sy, cy } = wanderClock(clock);
+			const push = options.pointerStrength * frame.pointer.influence;
+			const { x: px, y: py } = frame.pointer;
+			const waveCount = waves.waves.length;
+			waves.pack(waveData, options.waveSpeed, options.waveDuration);
+			const waveReach = 3 * waveWidth;
+			for (const buffer of sizes) buffer.length = 0;
+			for (let j = 0; j < rows; j++) {
+				const restY = originY + j * spacing;
+				for (let i = 0; i < cols; i++) {
+					const restX = originX + i * spacing;
+					const k = (j * cols + i) * 4;
+					let x = restX + jitter * (sx * wander[k] + cx * wander[k + 1]);
+					let y = restY + jitter * (cy * wander[k + 2] - sy * wander[k + 3]);
+					if (push !== 0) {
+						const dx = restX - px;
+						const dy = restY - py;
+						if (Math.abs(dx) < pointerRadius && Math.abs(dy) < pointerRadius) {
+							const distance = Math.sqrt(dx * dx + dy * dy);
+							if (distance > 0 && distance < pointerRadius) {
+								const amount = push * pointerFalloff(distance, pointerRadius) / distance;
+								x += dx * amount;
+								y += dy * amount;
+							}
+						}
+					}
+					let grow = 0;
+					for (let w = 0; w < waveCount * 4; w += 4) {
+						const dx = restX - waveData[w];
+						const dy = restY - waveData[w + 1];
+						const outer = waveData[w + 2] + waveReach;
+						if (Math.abs(dx) > outer || Math.abs(dy) > outer) continue;
+						const distance = Math.sqrt(dx * dx + dy * dy);
+						if (distance === 0 || Math.abs(distance - waveData[w + 2]) > waveReach) continue;
+						const ring = waveRing(distance, waveData[w + 2], waveWidth) * waveData[w + 3];
+						const amount = waveStrength * ring / distance;
+						x += dx * amount;
+						y += dy * amount;
+						grow += ring;
+					}
+					add(sizes[Math.min(MAX_SIZE_STEP, Math.round(grow * SIZE_STEPS))], x, y);
+				}
+			}
+			ctx.globalAlpha = options.opacity;
+			ctx.strokeStyle = options.color;
+			ctx.lineCap = "round";
+			for (let step = 0; step <= MAX_SIZE_STEP; step++) if (sizes[step].length > 0) stroke(sizes[step], size * (1 + WAVE_GROW * step / SIZE_STEPS));
+			return waveCount > 0;
+		}
+	};
+}
+export { createDotsCanvas2D };
+
+//# sourceMappingURL=canvas2d.js.map

package/dist/styles/dots/canvas2d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas2d.js","names":[],"sources":["../../../src/styles/dots/canvas2d.ts"],"sourcesContent":["import type { StyleRenderer } from '../../core/style';\nimport { createFloatBuffer, reserve, type FloatBuffer } from '../../shared/buffer';\nimport {\n  createPhaseCache,\n  createWaveList,\n  gridLayout,\n  MAX_WAVES,\n  pointerFalloff,\n  TAU,\n  wanderClock,\n  waveRing,\n} from '../../shared/grid';\nimport { WAVE_GROW } from './motion';\nimport { resolveDotsOptions, type DotsOptions } from './options';\n\n/** Dots grown by waves are drawn in this many size steps per unit of growth (steps of ~0.25 px). */\nconst SIZE_STEPS = 4;\n/** Growth beyond this is clamped (two overlapping wave crests). */\nconst MAX_SIZE_STEP = 2 * SIZE_STEPS;\n\n/**\n * Every dot's position computed on the CPU. Dots are drawn as zero-length lines\n * with round caps: that renders the same round dots as `arc()`, about 4× faster.\n */\nexport function createDotsCanvas2D(ctx: CanvasRenderingContext2D, initial: DotsOptions): StyleRenderer<DotsOptions> {\n  let options = resolveDotsOptions(initial);\n  const waves = createWaveList();\n  // Each wave as x, y, ring radius, envelope, worked out once per frame instead of once per dot.\n  const waveData = new Float32Array(MAX_WAVES * 4);\n  let clock = 0;\n\n  // Dot centres as x, y pairs, one buffer per size step; dots outside a wave all land in step 0.\n  const sizes = Array.from({ length: MAX_SIZE_STEP + 1 }, () => createFloatBuffer(256));\n\n  function add(buffer: FloatBuffer, x: number, y: number): void {\n    const data = reserve(buffer, 2);\n    data[buffer.length++] = x;\n    data[buffer.length++] = y;\n  }\n\n  function stroke(buffer: FloatBuffer, radius: number): void {\n    const { data, length } = buffer;\n    ctx.lineWidth = 2 * radius;\n    ctx.beginPath();\n    for (let k = 0; k < length; k += 2) {\n      ctx.moveTo(data[k], data[k + 1]);\n      // A tiny length: some browsers skip the caps of exactly zero-length lines.\n      ctx.lineTo(data[k] + 0.01, data[k + 1]);\n    }\n    ctx.stroke();\n  }\n\n  const phasesFor = createPhaseCache();\n\n  return {\n    update(next) {\n      options = resolveDotsOptions(next);\n    },\n    render(frame) {\n      if (!frame.reducedMotion) clock += frame.dt * options.jitterSpeed * TAU;\n      waves.advance(frame, options.waveDuration, options.waveStrength !== 0);\n\n      const { spacing, size, jitter, pointerRadius, waveWidth, waveStrength } = options;\n      const { cols, rows, originX, originY } = gridLayout(frame.width, frame.height, spacing);\n      const wander = phasesFor(cols, rows);\n      const { sx, cx, sy, cy } = wanderClock(clock);\n      const push = options.pointerStrength * frame.pointer.influence;\n      const { x: px, y: py } = frame.pointer;\n      const waveCount = waves.waves.length;\n      waves.pack(waveData, options.waveSpeed, options.waveDuration);\n      // Further than 3 widths from its ring a wave moves a dot by less than e⁻⁹ of its strength.\n      const waveReach = 3 * waveWidth;\n      for (const buffer of sizes) buffer.length = 0;\n\n      for (let j = 0; j < rows; j++) {\n        const restY = originY + j * spacing;\n        for (let i = 0; i < cols; i++) {\n          const restX = originX + i * spacing;\n          const k = (j * cols + i) * 4;\n          let x = restX + jitter * (sx * wander[k] + cx * wander[k + 1]);\n          let y = restY + jitter * (cy * wander[k + 2] - sy * wander[k + 3]);\n\n          if (push !== 0) {\n            const dx = restX - px;\n            const dy = restY - py;\n            if (Math.abs(dx) < pointerRadius && Math.abs(dy) < pointerRadius) {\n              const distance = Math.sqrt(dx * dx + dy * dy);\n              if (distance > 0 && distance < pointerRadius) {\n                const amount = (push * pointerFalloff(distance, pointerRadius)) / distance;\n                x += dx * amount;\n                y += dy * amount;\n              }\n            }\n          }\n\n          let grow = 0;\n          for (let w = 0; w < waveCount * 4; w += 4) {\n            const dx = restX - waveData[w];\n            const dy = restY - waveData[w + 1];\n            const outer = waveData[w + 2] + waveReach;\n            if (Math.abs(dx) > outer || Math.abs(dy) > outer) continue;\n            const distance = Math.sqrt(dx * dx + dy * dy);\n            if (distance === 0 || Math.abs(distance - waveData[w + 2]) > waveReach) continue;\n            const ring = waveRing(distance, waveData[w + 2], waveWidth) * waveData[w + 3];\n            const amount = (waveStrength * ring) / distance;\n            x += dx * amount;\n            y += dy * amount;\n            grow += ring;\n          }\n\n          add(sizes[Math.min(MAX_SIZE_STEP, Math.round(grow * SIZE_STEPS))], x, y);\n        }\n      }\n\n      ctx.globalAlpha = options.opacity;\n      ctx.strokeStyle = options.color;\n      ctx.lineCap = 'round';\n      for (let step = 0; step <= MAX_SIZE_STEP; step++) {\n        if (sizes[step].length > 0) stroke(sizes[step], size * (1 + (WAVE_GROW * step) / SIZE_STEPS));\n      }\n      return waveCount > 0;\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/styles/dots/definition.cjs

@@ -0,0 +1,15 @@
+const require_grid = require("../../shared/grid.cjs");
+// src/styles/dots/definition.ts
+/**
+* A grid of dots that wander gently around their places. The pointer pushes
+* nearby dots away, more the closer they are, and clicks send out a wave.
+*/
+var dotsStyle = {
+	name: "dots",
+	defaults: require("./options.cjs").dotsDefaults,
+	animates: (options) => options.jitter > 0 && options.jitterSpeed > 0,
+	idleFps: require_grid.wanderIdleFps
+};
+exports.dotsStyle = dotsStyle;
+
+//# sourceMappingURL=definition.cjs.map

package/dist/styles/dots/definition.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition.cjs","names":["dotsDefaults","wanderIdleFps"],"sources":["../../../src/styles/dots/definition.ts"],"sourcesContent":["import type { StyleBase } from '../../core/style';\nimport { wanderIdleFps } from '../../shared/grid';\nimport { dotsDefaults, type DotsOptions } from './options';\n\n/**\n * A grid of dots that wander gently around their places. The pointer pushes\n * nearby dots away, more the closer they are, and clicks send out a wave.\n */\nexport const dotsStyle: StyleBase<DotsOptions> = {\n  name: 'dots',\n  defaults: dotsDefaults,\n  animates: (options) => options.jitter > 0 && options.jitterSpeed > 0,\n  // The wander is slow and sub-pixel, so it rarely needs the engine's full idle frame rate.\n  idleFps: wanderIdleFps,\n};\n"],"mappings":";;;;;;AAQA,IAAa,YAAoC;CAC/C,MAAM;CACN,U,uBAAUA,CAAAA,CAAAA;CACV,WAAW,YAAY,QAAQ,SAAS,KAAK,QAAQ,cAAc;CAEnE,SAASC,aAAAA;AACX"}

package/dist/styles/dots/definition.d.cts

@@ -0,0 +1,7 @@
+import type { StyleBase } from '../../core/style.cjs';
+import { type DotsOptions } from './options.cjs';
+/**
+ * A grid of dots that wander gently around their places. The pointer pushes
+ * nearby dots away, more the closer they are, and clicks send out a wave.
+ */
+export declare const dotsStyle: StyleBase<DotsOptions>;

package/dist/styles/dots/definition.d.ts

@@ -0,0 +1,7 @@
+import type { StyleBase } from '../../core/style.js';
+import { type DotsOptions } from './options.js';
+/**
+ * A grid of dots that wander gently around their places. The pointer pushes
+ * nearby dots away, more the closer they are, and clicks send out a wave.
+ */
+export declare const dotsStyle: StyleBase<DotsOptions>;