interactive-bg 0.1.0 → 0.2.0

package/dist/styles/shimmer/canvas2d.cjs

@@ -0,0 +1,84 @@
+const require_color = require("../../core/color.cjs");
+const require_field = require("./field.cjs");
+const require_options = require("./options.cjs");
+// src/styles/shimmer/canvas2d.ts
+function fieldSize(width, height) {
+	const aspect = Math.max(1, width) / Math.max(1, height);
+	if (aspect >= 1) return {
+		width: 128,
+		height: Math.max(1, Math.round(128 / aspect))
+	};
+	return {
+		width: Math.max(1, Math.round(128 * aspect)),
+		height: 128
+	};
+}
+/** CPU mirror of the analytic band field, at low resolution and upscaled. */
+var CPU_FPS = 12;
+function createShimmerCanvas2D(ctx, initial) {
+	let options = require_options.resolveShimmerOptions(initial);
+	let clock = 0;
+	let accumulator = 0;
+	let hasFrame = false;
+	let target = null;
+	let targetCtx = null;
+	let image = null;
+	let fieldWidth = 0;
+	let fieldHeight = 0;
+	let builtWidth = 0;
+	let builtHeight = 0;
+	function allocate(width, height) {
+		const size = fieldSize(width, height);
+		fieldWidth = size.width;
+		fieldHeight = size.height;
+		target = document.createElement("canvas");
+		target.width = fieldWidth;
+		target.height = fieldHeight;
+		targetCtx = target.getContext("2d");
+		image = targetCtx?.createImageData(fieldWidth, fieldHeight) ?? null;
+		builtWidth = width;
+		builtHeight = height;
+		accumulator = 0;
+		hasFrame = false;
+	}
+	return {
+		update(next) {
+			options = require_options.resolveShimmerOptions(next);
+		},
+		render(frame) {
+			if (!image || frame.width !== builtWidth || frame.height !== builtHeight) allocate(frame.width, frame.height);
+			if (!image || !target || !targetCtx) return;
+			if (frame.reducedMotion) {
+				if (!hasFrame) {
+					const [baseR, baseG, baseB] = require_color.parseColor(options.baseColor);
+					require_field.renderShimmer(image, fieldWidth, fieldHeight, clock, .5, .5, 0, options, [
+						baseR,
+						baseG,
+						baseB
+					]);
+					targetCtx.putImageData(image, 0, 0);
+					hasFrame = true;
+				}
+			} else {
+				accumulator += frame.dt;
+				if (!hasFrame || accumulator >= 1 / CPU_FPS) {
+					clock += accumulator;
+					accumulator = 0;
+					const [baseR, baseG, baseB] = require_color.parseColor(options.baseColor);
+					require_field.renderShimmer(image, fieldWidth, fieldHeight, clock, frame.pointer.x / Math.max(1, frame.width), frame.pointer.y / Math.max(1, frame.height), frame.pointer.influence, options, [
+						baseR,
+						baseG,
+						baseB
+					]);
+					targetCtx.putImageData(image, 0, 0);
+					hasFrame = true;
+				}
+			}
+			ctx.imageSmoothingEnabled = true;
+			ctx.drawImage(target, 0, 0, frame.width, frame.height);
+		}
+	};
+}
+exports.createShimmerCanvas2D = createShimmerCanvas2D;
+
+//# sourceMappingURL=canvas2d.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"canvas2d.cjs","names":["resolveShimmerOptions","parseColor"],"sources":["../../../src/styles/shimmer/canvas2d.ts"],"sourcesContent":["import { parseColor } from '../../core/color';\nimport type { Frame, StyleRenderer } from '../../core/style';\nimport { CPU_RESOLUTION, renderShimmer } from './field';\nimport { resolveShimmerOptions, type ShimmerOptions } from './options';\n\nfunction fieldSize(width: number, height: number): { width: number; height: number } {\n  const aspect = Math.max(1, width) / Math.max(1, height);\n  if (aspect >= 1) return { width: CPU_RESOLUTION, height: Math.max(1, Math.round(CPU_RESOLUTION / aspect)) };\n  return { width: Math.max(1, Math.round(CPU_RESOLUTION * aspect)), height: CPU_RESOLUTION };\n}\n\n/** CPU mirror of the analytic band field, at low resolution and upscaled. */\nconst CPU_FPS = 12;\n\nexport function createShimmerCanvas2D(\n  ctx: CanvasRenderingContext2D,\n  initial: ShimmerOptions,\n): StyleRenderer<ShimmerOptions> {\n  let options = resolveShimmerOptions(initial);\n  let clock = 0;\n  let accumulator = 0;\n  let hasFrame = false;\n\n  let target: HTMLCanvasElement | null = null;\n  let targetCtx: CanvasRenderingContext2D | null = null;\n  let image: ImageData | null = null;\n  let fieldWidth = 0;\n  let fieldHeight = 0;\n  let builtWidth = 0;\n  let builtHeight = 0;\n\n  function allocate(width: number, height: number): void {\n    const size = fieldSize(width, height);\n    fieldWidth = size.width;\n    fieldHeight = size.height;\n    target = document.createElement('canvas');\n    target.width = fieldWidth;\n    target.height = fieldHeight;\n    targetCtx = target.getContext('2d');\n    image = targetCtx?.createImageData(fieldWidth, fieldHeight) ?? null;\n    builtWidth = width;\n    builtHeight = height;\n    accumulator = 0;\n    hasFrame = false;\n  }\n\n  return {\n    update(next) {\n      options = resolveShimmerOptions(next);\n    },\n    render(frame: Frame) {\n      if (!image || frame.width !== builtWidth || frame.height !== builtHeight) {\n        allocate(frame.width, frame.height);\n      }\n      if (!image || !target || !targetCtx) return;\n\n      // Recompute the field at 20 fps; the engine may call us at 60 fps while\n      // the pointer moves, but this field is slow and soft.\n      if (frame.reducedMotion) {\n        if (!hasFrame) {\n          const [baseR, baseG, baseB] = parseColor(options.baseColor);\n          renderShimmer(\n            image,\n            fieldWidth,\n            fieldHeight,\n            clock,\n            0.5,\n            0.5,\n            0,\n            options,\n            [baseR, baseG, baseB],\n          );\n          targetCtx.putImageData(image, 0, 0);\n          hasFrame = true;\n        }\n      } else {\n        accumulator += frame.dt;\n        if (!hasFrame || accumulator >= 1 / CPU_FPS) {\n          clock += accumulator;\n          accumulator = 0;\n          const [baseR, baseG, baseB] = parseColor(options.baseColor);\n          renderShimmer(\n            image,\n            fieldWidth,\n            fieldHeight,\n            clock,\n            frame.pointer.x / Math.max(1, frame.width),\n            frame.pointer.y / Math.max(1, frame.height),\n            frame.pointer.influence,\n            options,\n            [baseR, baseG, baseB],\n          );\n          targetCtx.putImageData(image, 0, 0);\n          hasFrame = true;\n        }\n      }\n      ctx.imageSmoothingEnabled = true;\n      ctx.drawImage(target, 0, 0, frame.width, frame.height);\n    },\n  };\n}\n"],"mappings":";;;;AAKA,SAAS,UAAU,OAAe,QAAmD;CACnF,MAAM,SAAS,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,IAAI,GAAG,MAAM;CACtD,IAAI,UAAU,GAAG,OAAO;EAAE,OAAA;EAAuB,QAAQ,KAAK,IAAI,GAAG,KAAK,MAAA,MAAuB,MAAM,CAAC;CAAE;CAC1G,OAAO;EAAE,OAAO,KAAK,IAAI,GAAG,KAAK,MAAA,MAAuB,MAAM,CAAC;EAAG,QAAA;CAAuB;AAC3F;;AAGA,IAAM,UAAU;AAEhB,SAAgB,sBACd,KACA,SAC+B;CAC/B,IAAI,UAAUA,gBAAAA,sBAAsB,OAAO;CAC3C,IAAI,QAAQ;CACZ,IAAI,cAAc;CAClB,IAAI,WAAW;CAEf,IAAI,SAAmC;CACvC,IAAI,YAA6C;CACjD,IAAI,QAA0B;CAC9B,IAAI,aAAa;CACjB,IAAI,cAAc;CAClB,IAAI,aAAa;CACjB,IAAI,cAAc;CAElB,SAAS,SAAS,OAAe,QAAsB;EACrD,MAAM,OAAO,UAAU,OAAO,MAAM;EACpC,aAAa,KAAK;EAClB,cAAc,KAAK;EACnB,SAAS,SAAS,cAAc,QAAQ;EACxC,OAAO,QAAQ;EACf,OAAO,SAAS;EAChB,YAAY,OAAO,WAAW,IAAI;EAClC,QAAQ,WAAW,gBAAgB,YAAY,WAAW,KAAK;EAC/D,aAAa;EACb,cAAc;EACd,cAAc;EACd,WAAW;CACb;CAEA,OAAO;EACL,OAAO,MAAM;GACX,UAAUA,gBAAAA,sBAAsB,IAAI;EACtC;EACA,OAAO,OAAc;GACnB,IAAI,CAAC,SAAS,MAAM,UAAU,cAAc,MAAM,WAAW,aAC3D,SAAS,MAAM,OAAO,MAAM,MAAM;GAEpC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,WAAW;GAIrC,IAAI,MAAM,eACJ;QAAA,CAAC,UAAU;KACb,MAAM,CAAC,OAAO,OAAO,SAASC,cAAAA,WAAW,QAAQ,SAAS;KAC1D,cAAA,cACE,OACA,YACA,aACA,OACA,IACA,IACA,GACA,SACA;MAAC;MAAO;MAAO;KAAK,CACtB;KACA,UAAU,aAAa,OAAO,GAAG,CAAC;KAClC,WAAW;IACb;UACK;IACL,eAAe,MAAM;IACrB,IAAI,CAAC,YAAY,eAAe,IAAI,SAAS;KAC3C,SAAS;KACT,cAAc;KACd,MAAM,CAAC,OAAO,OAAO,SAASA,cAAAA,WAAW,QAAQ,SAAS;KAC1D,cAAA,cACE,OACA,YACA,aACA,OACA,MAAM,QAAQ,IAAI,KAAK,IAAI,GAAG,MAAM,KAAK,GACzC,MAAM,QAAQ,IAAI,KAAK,IAAI,GAAG,MAAM,MAAM,GAC1C,MAAM,QAAQ,WACd,SACA;MAAC;MAAO;MAAO;KAAK,CACtB;KACA,UAAU,aAAa,OAAO,GAAG,CAAC;KAClC,WAAW;IACb;GACF;GACA,IAAI,wBAAwB;GAC5B,IAAI,UAAU,QAAQ,GAAG,GAAG,MAAM,OAAO,MAAM,MAAM;EACvD;CACF;AACF"}

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

@@ -0,0 +1,3 @@
+import type { StyleRenderer } from '../../core/style.cjs';
+import { type ShimmerOptions } from './options.cjs';
+export declare function createShimmerCanvas2D(ctx: CanvasRenderingContext2D, initial: ShimmerOptions): StyleRenderer<ShimmerOptions>;

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

@@ -0,0 +1,3 @@
+import type { StyleRenderer } from '../../core/style.js';
+import { type ShimmerOptions } from './options.js';
+export declare function createShimmerCanvas2D(ctx: CanvasRenderingContext2D, initial: ShimmerOptions): StyleRenderer<ShimmerOptions>;

package/dist/styles/shimmer/canvas2d.js

@@ -0,0 +1,84 @@
+import { parseColor } from "../../core/color.js";
+import { renderShimmer } from "./field.js";
+import { resolveShimmerOptions } from "./options.js";
+// src/styles/shimmer/canvas2d.ts
+function fieldSize(width, height) {
+	const aspect = Math.max(1, width) / Math.max(1, height);
+	if (aspect >= 1) return {
+		width: 128,
+		height: Math.max(1, Math.round(128 / aspect))
+	};
+	return {
+		width: Math.max(1, Math.round(128 * aspect)),
+		height: 128
+	};
+}
+/** CPU mirror of the analytic band field, at low resolution and upscaled. */
+var CPU_FPS = 12;
+function createShimmerCanvas2D(ctx, initial) {
+	let options = resolveShimmerOptions(initial);
+	let clock = 0;
+	let accumulator = 0;
+	let hasFrame = false;
+	let target = null;
+	let targetCtx = null;
+	let image = null;
+	let fieldWidth = 0;
+	let fieldHeight = 0;
+	let builtWidth = 0;
+	let builtHeight = 0;
+	function allocate(width, height) {
+		const size = fieldSize(width, height);
+		fieldWidth = size.width;
+		fieldHeight = size.height;
+		target = document.createElement("canvas");
+		target.width = fieldWidth;
+		target.height = fieldHeight;
+		targetCtx = target.getContext("2d");
+		image = targetCtx?.createImageData(fieldWidth, fieldHeight) ?? null;
+		builtWidth = width;
+		builtHeight = height;
+		accumulator = 0;
+		hasFrame = false;
+	}
+	return {
+		update(next) {
+			options = resolveShimmerOptions(next);
+		},
+		render(frame) {
+			if (!image || frame.width !== builtWidth || frame.height !== builtHeight) allocate(frame.width, frame.height);
+			if (!image || !target || !targetCtx) return;
+			if (frame.reducedMotion) {
+				if (!hasFrame) {
+					const [baseR, baseG, baseB] = parseColor(options.baseColor);
+					renderShimmer(image, fieldWidth, fieldHeight, clock, .5, .5, 0, options, [
+						baseR,
+						baseG,
+						baseB
+					]);
+					targetCtx.putImageData(image, 0, 0);
+					hasFrame = true;
+				}
+			} else {
+				accumulator += frame.dt;
+				if (!hasFrame || accumulator >= 1 / CPU_FPS) {
+					clock += accumulator;
+					accumulator = 0;
+					const [baseR, baseG, baseB] = parseColor(options.baseColor);
+					renderShimmer(image, fieldWidth, fieldHeight, clock, frame.pointer.x / Math.max(1, frame.width), frame.pointer.y / Math.max(1, frame.height), frame.pointer.influence, options, [
+						baseR,
+						baseG,
+						baseB
+					]);
+					targetCtx.putImageData(image, 0, 0);
+					hasFrame = true;
+				}
+			}
+			ctx.imageSmoothingEnabled = true;
+			ctx.drawImage(target, 0, 0, frame.width, frame.height);
+		}
+	};
+}
+export { createShimmerCanvas2D };
+
+//# sourceMappingURL=canvas2d.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"canvas2d.js","names":[],"sources":["../../../src/styles/shimmer/canvas2d.ts"],"sourcesContent":["import { parseColor } from '../../core/color';\nimport type { Frame, StyleRenderer } from '../../core/style';\nimport { CPU_RESOLUTION, renderShimmer } from './field';\nimport { resolveShimmerOptions, type ShimmerOptions } from './options';\n\nfunction fieldSize(width: number, height: number): { width: number; height: number } {\n  const aspect = Math.max(1, width) / Math.max(1, height);\n  if (aspect >= 1) return { width: CPU_RESOLUTION, height: Math.max(1, Math.round(CPU_RESOLUTION / aspect)) };\n  return { width: Math.max(1, Math.round(CPU_RESOLUTION * aspect)), height: CPU_RESOLUTION };\n}\n\n/** CPU mirror of the analytic band field, at low resolution and upscaled. */\nconst CPU_FPS = 12;\n\nexport function createShimmerCanvas2D(\n  ctx: CanvasRenderingContext2D,\n  initial: ShimmerOptions,\n): StyleRenderer<ShimmerOptions> {\n  let options = resolveShimmerOptions(initial);\n  let clock = 0;\n  let accumulator = 0;\n  let hasFrame = false;\n\n  let target: HTMLCanvasElement | null = null;\n  let targetCtx: CanvasRenderingContext2D | null = null;\n  let image: ImageData | null = null;\n  let fieldWidth = 0;\n  let fieldHeight = 0;\n  let builtWidth = 0;\n  let builtHeight = 0;\n\n  function allocate(width: number, height: number): void {\n    const size = fieldSize(width, height);\n    fieldWidth = size.width;\n    fieldHeight = size.height;\n    target = document.createElement('canvas');\n    target.width = fieldWidth;\n    target.height = fieldHeight;\n    targetCtx = target.getContext('2d');\n    image = targetCtx?.createImageData(fieldWidth, fieldHeight) ?? null;\n    builtWidth = width;\n    builtHeight = height;\n    accumulator = 0;\n    hasFrame = false;\n  }\n\n  return {\n    update(next) {\n      options = resolveShimmerOptions(next);\n    },\n    render(frame: Frame) {\n      if (!image || frame.width !== builtWidth || frame.height !== builtHeight) {\n        allocate(frame.width, frame.height);\n      }\n      if (!image || !target || !targetCtx) return;\n\n      // Recompute the field at 20 fps; the engine may call us at 60 fps while\n      // the pointer moves, but this field is slow and soft.\n      if (frame.reducedMotion) {\n        if (!hasFrame) {\n          const [baseR, baseG, baseB] = parseColor(options.baseColor);\n          renderShimmer(\n            image,\n            fieldWidth,\n            fieldHeight,\n            clock,\n            0.5,\n            0.5,\n            0,\n            options,\n            [baseR, baseG, baseB],\n          );\n          targetCtx.putImageData(image, 0, 0);\n          hasFrame = true;\n        }\n      } else {\n        accumulator += frame.dt;\n        if (!hasFrame || accumulator >= 1 / CPU_FPS) {\n          clock += accumulator;\n          accumulator = 0;\n          const [baseR, baseG, baseB] = parseColor(options.baseColor);\n          renderShimmer(\n            image,\n            fieldWidth,\n            fieldHeight,\n            clock,\n            frame.pointer.x / Math.max(1, frame.width),\n            frame.pointer.y / Math.max(1, frame.height),\n            frame.pointer.influence,\n            options,\n            [baseR, baseG, baseB],\n          );\n          targetCtx.putImageData(image, 0, 0);\n          hasFrame = true;\n        }\n      }\n      ctx.imageSmoothingEnabled = true;\n      ctx.drawImage(target, 0, 0, frame.width, frame.height);\n    },\n  };\n}\n"],"mappings":";;;;AAKA,SAAS,UAAU,OAAe,QAAmD;CACnF,MAAM,SAAS,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,IAAI,GAAG,MAAM;CACtD,IAAI,UAAU,GAAG,OAAO;EAAE,OAAA;EAAuB,QAAQ,KAAK,IAAI,GAAG,KAAK,MAAA,MAAuB,MAAM,CAAC;CAAE;CAC1G,OAAO;EAAE,OAAO,KAAK,IAAI,GAAG,KAAK,MAAA,MAAuB,MAAM,CAAC;EAAG,QAAA;CAAuB;AAC3F;;AAGA,IAAM,UAAU;AAEhB,SAAgB,sBACd,KACA,SAC+B;CAC/B,IAAI,UAAU,sBAAsB,OAAO;CAC3C,IAAI,QAAQ;CACZ,IAAI,cAAc;CAClB,IAAI,WAAW;CAEf,IAAI,SAAmC;CACvC,IAAI,YAA6C;CACjD,IAAI,QAA0B;CAC9B,IAAI,aAAa;CACjB,IAAI,cAAc;CAClB,IAAI,aAAa;CACjB,IAAI,cAAc;CAElB,SAAS,SAAS,OAAe,QAAsB;EACrD,MAAM,OAAO,UAAU,OAAO,MAAM;EACpC,aAAa,KAAK;EAClB,cAAc,KAAK;EACnB,SAAS,SAAS,cAAc,QAAQ;EACxC,OAAO,QAAQ;EACf,OAAO,SAAS;EAChB,YAAY,OAAO,WAAW,IAAI;EAClC,QAAQ,WAAW,gBAAgB,YAAY,WAAW,KAAK;EAC/D,aAAa;EACb,cAAc;EACd,cAAc;EACd,WAAW;CACb;CAEA,OAAO;EACL,OAAO,MAAM;GACX,UAAU,sBAAsB,IAAI;EACtC;EACA,OAAO,OAAc;GACnB,IAAI,CAAC,SAAS,MAAM,UAAU,cAAc,MAAM,WAAW,aAC3D,SAAS,MAAM,OAAO,MAAM,MAAM;GAEpC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,WAAW;GAIrC,IAAI,MAAM,eACJ;QAAA,CAAC,UAAU;KACb,MAAM,CAAC,OAAO,OAAO,SAAS,WAAW,QAAQ,SAAS;KAC1D,cACE,OACA,YACA,aACA,OACA,IACA,IACA,GACA,SACA;MAAC;MAAO;MAAO;KAAK,CACtB;KACA,UAAU,aAAa,OAAO,GAAG,CAAC;KAClC,WAAW;IACb;UACK;IACL,eAAe,MAAM;IACrB,IAAI,CAAC,YAAY,eAAe,IAAI,SAAS;KAC3C,SAAS;KACT,cAAc;KACd,MAAM,CAAC,OAAO,OAAO,SAAS,WAAW,QAAQ,SAAS;KAC1D,cACE,OACA,YACA,aACA,OACA,MAAM,QAAQ,IAAI,KAAK,IAAI,GAAG,MAAM,KAAK,GACzC,MAAM,QAAQ,IAAI,KAAK,IAAI,GAAG,MAAM,MAAM,GAC1C,MAAM,QAAQ,WACd,SACA;MAAC;MAAO;MAAO;KAAK,CACtB;KACA,UAAU,aAAa,OAAO,GAAG,CAAC;KAClC,WAAW;IACb;GACF;GACA,IAAI,wBAAwB;GAC5B,IAAI,UAAU,QAAQ,GAAG,GAAG,MAAM,OAAO,MAAM,MAAM;EACvD;CACF;AACF"}

package/dist/styles/shimmer/definition.cjs

@@ -0,0 +1,15 @@
+// src/styles/shimmer/definition.ts
+/**
+* Iridescent light bands, reproduced from the reference's `sr-ground-canvas`:
+* six coupled sine/cosine warps, per-channel offsets and a high-power sine
+* field, mixed 80% with a base colour.
+*/
+var shimmerStyle = {
+	name: "shimmer",
+	defaults: require("./options.cjs").shimmerDefaults,
+	animates: (options) => options.speed > 0,
+	idleFps: () => 16
+};
+exports.shimmerStyle = shimmerStyle;
+
+//# sourceMappingURL=definition.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"definition.cjs","names":["shimmerDefaults"],"sources":["../../../src/styles/shimmer/definition.ts"],"sourcesContent":["import type { StyleBase } from '../../core/style';\nimport { shimmerDefaults, type ShimmerOptions } from './options';\n\n/**\n * Iridescent light bands, reproduced from the reference's `sr-ground-canvas`:\n * six coupled sine/cosine warps, per-channel offsets and a high-power sine\n * field, mixed 80% with a base colour.\n */\nexport const shimmerStyle: StyleBase<ShimmerOptions> = {\n  name: 'shimmer',\n  defaults: shimmerDefaults,\n  animates: (options) => options.speed > 0,\n  // The field drifts slowly; 24 fps is plenty and keeps the CPU fallback cheap.\n  idleFps: () => 16,\n};\n"],"mappings":";;;;;;AAQA,IAAa,eAA0C;CACrD,MAAM;CACN,U,uBAAUA,CAAAA,CAAAA;CACV,WAAW,YAAY,QAAQ,QAAQ;CAEvC,eAAe;AACjB"}

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

@@ -0,0 +1,8 @@
+import type { StyleBase } from '../../core/style.cjs';
+import { type ShimmerOptions } from './options.cjs';
+/**
+ * Iridescent light bands, reproduced from the reference's `sr-ground-canvas`:
+ * six coupled sine/cosine warps, per-channel offsets and a high-power sine
+ * field, mixed 80% with a base colour.
+ */
+export declare const shimmerStyle: StyleBase<ShimmerOptions>;

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

@@ -0,0 +1,8 @@
+import type { StyleBase } from '../../core/style.js';
+import { type ShimmerOptions } from './options.js';
+/**
+ * Iridescent light bands, reproduced from the reference's `sr-ground-canvas`:
+ * six coupled sine/cosine warps, per-channel offsets and a high-power sine
+ * field, mixed 80% with a base colour.
+ */
+export declare const shimmerStyle: StyleBase<ShimmerOptions>;

package/dist/styles/shimmer/definition.js

@@ -0,0 +1,16 @@
+import { shimmerDefaults } from "./options.js";
+// src/styles/shimmer/definition.ts
+/**
+* Iridescent light bands, reproduced from the reference's `sr-ground-canvas`:
+* six coupled sine/cosine warps, per-channel offsets and a high-power sine
+* field, mixed 80% with a base colour.
+*/
+var shimmerStyle = {
+	name: "shimmer",
+	defaults: shimmerDefaults,
+	animates: (options) => options.speed > 0,
+	idleFps: () => 16
+};
+export { shimmerStyle };
+
+//# sourceMappingURL=definition.js.map

package/dist/styles/shimmer/definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition.js","names":[],"sources":["../../../src/styles/shimmer/definition.ts"],"sourcesContent":["import type { StyleBase } from '../../core/style';\nimport { shimmerDefaults, type ShimmerOptions } from './options';\n\n/**\n * Iridescent light bands, reproduced from the reference's `sr-ground-canvas`:\n * six coupled sine/cosine warps, per-channel offsets and a high-power sine\n * field, mixed 80% with a base colour.\n */\nexport const shimmerStyle: StyleBase<ShimmerOptions> = {\n  name: 'shimmer',\n  defaults: shimmerDefaults,\n  animates: (options) => options.speed > 0,\n  // The field drifts slowly; 24 fps is plenty and keeps the CPU fallback cheap.\n  idleFps: () => 16,\n};\n"],"mappings":";;;;;;;AAQA,IAAa,eAA0C;CACrD,MAAM;CACN,UAAU;CACV,WAAW,YAAY,QAAQ,QAAQ;CAEvC,eAAe;AACjB"}

package/dist/styles/shimmer/field.cjs

@@ -0,0 +1,79 @@
+// src/styles/shimmer/field.ts
+/** The reference's clock runs at this many time units per second. */
+var TIME_RATE = .22;
+/** How much of the warped colour replaces the base colour. */
+var COLOR_MIX = .8;
+var TAU = Math.PI * 2;
+var HALF_PI = Math.PI / 2;
+var LUT_SIZE = 2048;
+var SIN_LUT = /* @__PURE__ */ new Float32Array(2049);
+for (let i = 0; i <= LUT_SIZE; i++) SIN_LUT[i] = Math.sin(i / LUT_SIZE * TAU);
+/** Interpolated sine lookup: the CPU field is trig-heavy and runs every frame. */
+function fastSin(x) {
+	let t = x * LUT_SIZE / TAU;
+	t -= Math.floor(t / LUT_SIZE) * LUT_SIZE;
+	const i = t | 0;
+	const f = t - i;
+	return SIN_LUT[i] + (SIN_LUT[i + 1] - SIN_LUT[i]) * f;
+}
+function fastCos(x) {
+	return fastSin(x + HALF_PI);
+}
+/**
+* The CPU mirror of the reference shader. `time` is the style clock in seconds;
+* the field is evaluated at `width` × `height` and written into `image`.
+* Coordinates are top-left based; the shader flips its UVs to match.
+*/
+function renderShimmer(image, width, height, time, pointerX, pointerY, influence, options, base) {
+	const data = image.data;
+	const t = time * TIME_RATE * options.speed;
+	const frequency = options.frequency;
+	const colorScale = options.colorScale;
+	const warp = options.warp;
+	const chroma = options.chroma;
+	const opacity = options.opacity;
+	const pointer = options.pointerStrength * influence;
+	const aspect = Math.max(1, width) / Math.max(1, height);
+	const distort = (x, y, offset) => {
+		let px = x + offset;
+		let py = y + offset;
+		for (let i = 1; i < 7; i++) {
+			px += warp * .3 * fastSin(i * 5 * py + t) / i;
+			py += warp * .1 * fastCos(i * 3 * px + t) / i;
+		}
+		return px;
+	};
+	for (let y = 0; y < height; y++) {
+		const v = (y + .5) / height;
+		for (let x = 0; x < width; x++) {
+			const u = (x + .5) / width;
+			let su = u;
+			let sv = v;
+			if (pointer > 0) {
+				const dx = (u - pointerX) * aspect;
+				const dy = v - pointerY;
+				const lens = Math.exp(-(dx * dx + dy * dy) / .03) * pointer;
+				su += dx / aspect * lens;
+				sv += dy * lens;
+			}
+			const r = fastSin(distort(su, sv, 0) * frequency) * .5 + .5;
+			const g = fastSin(distort(su, sv, chroma) * frequency) * .5 + .5;
+			const b = fastSin(distort(su, sv, 2 * chroma) * frequency) * .5 + .5;
+			const pr = Math.pow(r, colorScale);
+			const pg = Math.pow(g, colorScale);
+			const pb = Math.pow(b, colorScale);
+			const red = base[0] * .19999999999999996 + pr * COLOR_MIX;
+			const green = base[1] * .19999999999999996 + pg * COLOR_MIX;
+			const blue = base[2] * .19999999999999996 + pb * COLOR_MIX;
+			const o = (y * width + x) * 4;
+			data[o] = Math.round(Math.min(1, Math.max(0, red)) * 255);
+			data[o + 1] = Math.round(Math.min(1, Math.max(0, green)) * 255);
+			data[o + 2] = Math.round(Math.min(1, Math.max(0, blue)) * 255);
+			data[o + 3] = Math.round(opacity * 255);
+		}
+	}
+}
+exports.TIME_RATE = TIME_RATE;
+exports.renderShimmer = renderShimmer;
+
+//# sourceMappingURL=field.cjs.map

package/dist/styles/shimmer/field.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.cjs","names":[],"sources":["../../../src/styles/shimmer/field.ts"],"sourcesContent":["import type { ResolvedShimmerOptions } from './options';\n\n/** Long side of the CPU fallback's field. The reference field is very soft. */\nexport const CPU_RESOLUTION = 128;\n/** The reference's clock runs at this many time units per second. */\nexport const TIME_RATE = 0.22;\n/** How much of the warped colour replaces the base colour. */\nconst COLOR_MIX = 0.8;\nconst TAU = Math.PI * 2;\nconst HALF_PI = Math.PI / 2;\nconst LUT_SIZE = 2048;\nconst SIN_LUT = new Float32Array(LUT_SIZE + 1);\nfor (let i = 0; i <= LUT_SIZE; i++) SIN_LUT[i] = Math.sin((i / LUT_SIZE) * TAU);\n\n/** Interpolated sine lookup: the CPU field is trig-heavy and runs every frame. */\nfunction fastSin(x: number): number {\n  let t = (x * LUT_SIZE) / TAU;\n  t -= Math.floor(t / LUT_SIZE) * LUT_SIZE;\n  const i = t | 0;\n  const f = t - i;\n  return SIN_LUT[i] + (SIN_LUT[i + 1] - SIN_LUT[i]) * f;\n}\n\nfunction fastCos(x: number): number {\n  return fastSin(x + HALF_PI);\n}\n\n/**\n * The CPU mirror of the reference shader. `time` is the style clock in seconds;\n * the field is evaluated at `width` × `height` and written into `image`.\n * Coordinates are top-left based; the shader flips its UVs to match.\n */\nexport function renderShimmer(\n  image: ImageData,\n  width: number,\n  height: number,\n  time: number,\n  pointerX: number,\n  pointerY: number,\n  influence: number,\n  options: ResolvedShimmerOptions,\n  base: readonly [number, number, number],\n): void {\n  const data = image.data;\n  const t = time * TIME_RATE * options.speed;\n  const frequency = options.frequency;\n  const colorScale = options.colorScale;\n  const warp = options.warp;\n  const chroma = options.chroma;\n  const opacity = options.opacity;\n  const pointer = options.pointerStrength * influence;\n  const aspect = Math.max(1, width) / Math.max(1, height);\n\n  const distort = (x: number, y: number, offset: number): number => {\n    let px = x + offset;\n    let py = y + offset;\n    for (let i = 1; i < 7; i++) {\n      px += (warp * 0.3 * fastSin(i * 5 * py + t)) / i;\n      py += (warp * 0.1 * fastCos(i * 3 * px + t)) / i;\n    }\n    return px;\n  };\n\n  for (let y = 0; y < height; y++) {\n    const v = (y + 0.5) / height;\n    for (let x = 0; x < width; x++) {\n      const u = (x + 0.5) / width;\n\n      // Optional pointer lens, in screen-height units like the shader.\n      let su = u;\n      let sv = v;\n      if (pointer > 0) {\n        const dx = (u - pointerX) * aspect;\n        const dy = v - pointerY;\n        const lens = Math.exp(-(dx * dx + dy * dy) / 0.03) * pointer;\n        su += (dx / aspect) * lens;\n        sv += dy * lens;\n      }\n\n      const r = fastSin(distort(su, sv, 0) * frequency) * 0.5 + 0.5;\n      const g = fastSin(distort(su, sv, chroma) * frequency) * 0.5 + 0.5;\n      const b = fastSin(distort(su, sv, 2 * chroma) * frequency) * 0.5 + 0.5;\n      const pr = Math.pow(r, colorScale);\n      const pg = Math.pow(g, colorScale);\n      const pb = Math.pow(b, colorScale);\n\n      const red = base[0] * (1 - COLOR_MIX) + pr * COLOR_MIX;\n      const green = base[1] * (1 - COLOR_MIX) + pg * COLOR_MIX;\n      const blue = base[2] * (1 - COLOR_MIX) + pb * COLOR_MIX;\n\n      const o = (y * width + x) * 4;\n      data[o] = Math.round(Math.min(1, Math.max(0, red)) * 255);\n      data[o + 1] = Math.round(Math.min(1, Math.max(0, green)) * 255);\n      data[o + 2] = Math.round(Math.min(1, Math.max(0, blue)) * 255);\n      data[o + 3] = Math.round(opacity * 255);\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/styles/shimmer/field.d.cts

@@ -0,0 +1,11 @@
+import type { ResolvedShimmerOptions } from './options.cjs';
+/** Long side of the CPU fallback's field. The reference field is very soft. */
+export declare const CPU_RESOLUTION = 128;
+/** The reference's clock runs at this many time units per second. */
+export declare const TIME_RATE = 0.22;
+/**
+ * The CPU mirror of the reference shader. `time` is the style clock in seconds;
+ * the field is evaluated at `width` × `height` and written into `image`.
+ * Coordinates are top-left based; the shader flips its UVs to match.
+ */
+export declare function renderShimmer(image: ImageData, width: number, height: number, time: number, pointerX: number, pointerY: number, influence: number, options: ResolvedShimmerOptions, base: readonly [number, number, number]): void;

package/dist/styles/shimmer/field.d.ts

@@ -0,0 +1,11 @@
+import type { ResolvedShimmerOptions } from './options.js';
+/** Long side of the CPU fallback's field. The reference field is very soft. */
+export declare const CPU_RESOLUTION = 128;
+/** The reference's clock runs at this many time units per second. */
+export declare const TIME_RATE = 0.22;
+/**
+ * The CPU mirror of the reference shader. `time` is the style clock in seconds;
+ * the field is evaluated at `width` × `height` and written into `image`.
+ * Coordinates are top-left based; the shader flips its UVs to match.
+ */
+export declare function renderShimmer(image: ImageData, width: number, height: number, time: number, pointerX: number, pointerY: number, influence: number, options: ResolvedShimmerOptions, base: readonly [number, number, number]): void;

package/dist/styles/shimmer/field.js

@@ -0,0 +1,78 @@
+// src/styles/shimmer/field.ts
+/** The reference's clock runs at this many time units per second. */
+var TIME_RATE = .22;
+/** How much of the warped colour replaces the base colour. */
+var COLOR_MIX = .8;
+var TAU = Math.PI * 2;
+var HALF_PI = Math.PI / 2;
+var LUT_SIZE = 2048;
+var SIN_LUT = /* @__PURE__ */ new Float32Array(2049);
+for (let i = 0; i <= LUT_SIZE; i++) SIN_LUT[i] = Math.sin(i / LUT_SIZE * TAU);
+/** Interpolated sine lookup: the CPU field is trig-heavy and runs every frame. */
+function fastSin(x) {
+	let t = x * LUT_SIZE / TAU;
+	t -= Math.floor(t / LUT_SIZE) * LUT_SIZE;
+	const i = t | 0;
+	const f = t - i;
+	return SIN_LUT[i] + (SIN_LUT[i + 1] - SIN_LUT[i]) * f;
+}
+function fastCos(x) {
+	return fastSin(x + HALF_PI);
+}
+/**
+* The CPU mirror of the reference shader. `time` is the style clock in seconds;
+* the field is evaluated at `width` × `height` and written into `image`.
+* Coordinates are top-left based; the shader flips its UVs to match.
+*/
+function renderShimmer(image, width, height, time, pointerX, pointerY, influence, options, base) {
+	const data = image.data;
+	const t = time * TIME_RATE * options.speed;
+	const frequency = options.frequency;
+	const colorScale = options.colorScale;
+	const warp = options.warp;
+	const chroma = options.chroma;
+	const opacity = options.opacity;
+	const pointer = options.pointerStrength * influence;
+	const aspect = Math.max(1, width) / Math.max(1, height);
+	const distort = (x, y, offset) => {
+		let px = x + offset;
+		let py = y + offset;
+		for (let i = 1; i < 7; i++) {
+			px += warp * .3 * fastSin(i * 5 * py + t) / i;
+			py += warp * .1 * fastCos(i * 3 * px + t) / i;
+		}
+		return px;
+	};
+	for (let y = 0; y < height; y++) {
+		const v = (y + .5) / height;
+		for (let x = 0; x < width; x++) {
+			const u = (x + .5) / width;
+			let su = u;
+			let sv = v;
+			if (pointer > 0) {
+				const dx = (u - pointerX) * aspect;
+				const dy = v - pointerY;
+				const lens = Math.exp(-(dx * dx + dy * dy) / .03) * pointer;
+				su += dx / aspect * lens;
+				sv += dy * lens;
+			}
+			const r = fastSin(distort(su, sv, 0) * frequency) * .5 + .5;
+			const g = fastSin(distort(su, sv, chroma) * frequency) * .5 + .5;
+			const b = fastSin(distort(su, sv, 2 * chroma) * frequency) * .5 + .5;
+			const pr = Math.pow(r, colorScale);
+			const pg = Math.pow(g, colorScale);
+			const pb = Math.pow(b, colorScale);
+			const red = base[0] * .19999999999999996 + pr * COLOR_MIX;
+			const green = base[1] * .19999999999999996 + pg * COLOR_MIX;
+			const blue = base[2] * .19999999999999996 + pb * COLOR_MIX;
+			const o = (y * width + x) * 4;
+			data[o] = Math.round(Math.min(1, Math.max(0, red)) * 255);
+			data[o + 1] = Math.round(Math.min(1, Math.max(0, green)) * 255);
+			data[o + 2] = Math.round(Math.min(1, Math.max(0, blue)) * 255);
+			data[o + 3] = Math.round(opacity * 255);
+		}
+	}
+}
+export { TIME_RATE, renderShimmer };
+
+//# sourceMappingURL=field.js.map

package/dist/styles/shimmer/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","names":[],"sources":["../../../src/styles/shimmer/field.ts"],"sourcesContent":["import type { ResolvedShimmerOptions } from './options';\n\n/** Long side of the CPU fallback's field. The reference field is very soft. */\nexport const CPU_RESOLUTION = 128;\n/** The reference's clock runs at this many time units per second. */\nexport const TIME_RATE = 0.22;\n/** How much of the warped colour replaces the base colour. */\nconst COLOR_MIX = 0.8;\nconst TAU = Math.PI * 2;\nconst HALF_PI = Math.PI / 2;\nconst LUT_SIZE = 2048;\nconst SIN_LUT = new Float32Array(LUT_SIZE + 1);\nfor (let i = 0; i <= LUT_SIZE; i++) SIN_LUT[i] = Math.sin((i / LUT_SIZE) * TAU);\n\n/** Interpolated sine lookup: the CPU field is trig-heavy and runs every frame. */\nfunction fastSin(x: number): number {\n  let t = (x * LUT_SIZE) / TAU;\n  t -= Math.floor(t / LUT_SIZE) * LUT_SIZE;\n  const i = t | 0;\n  const f = t - i;\n  return SIN_LUT[i] + (SIN_LUT[i + 1] - SIN_LUT[i]) * f;\n}\n\nfunction fastCos(x: number): number {\n  return fastSin(x + HALF_PI);\n}\n\n/**\n * The CPU mirror of the reference shader. `time` is the style clock in seconds;\n * the field is evaluated at `width` × `height` and written into `image`.\n * Coordinates are top-left based; the shader flips its UVs to match.\n */\nexport function renderShimmer(\n  image: ImageData,\n  width: number,\n  height: number,\n  time: number,\n  pointerX: number,\n  pointerY: number,\n  influence: number,\n  options: ResolvedShimmerOptions,\n  base: readonly [number, number, number],\n): void {\n  const data = image.data;\n  const t = time * TIME_RATE * options.speed;\n  const frequency = options.frequency;\n  const colorScale = options.colorScale;\n  const warp = options.warp;\n  const chroma = options.chroma;\n  const opacity = options.opacity;\n  const pointer = options.pointerStrength * influence;\n  const aspect = Math.max(1, width) / Math.max(1, height);\n\n  const distort = (x: number, y: number, offset: number): number => {\n    let px = x + offset;\n    let py = y + offset;\n    for (let i = 1; i < 7; i++) {\n      px += (warp * 0.3 * fastSin(i * 5 * py + t)) / i;\n      py += (warp * 0.1 * fastCos(i * 3 * px + t)) / i;\n    }\n    return px;\n  };\n\n  for (let y = 0; y < height; y++) {\n    const v = (y + 0.5) / height;\n    for (let x = 0; x < width; x++) {\n      const u = (x + 0.5) / width;\n\n      // Optional pointer lens, in screen-height units like the shader.\n      let su = u;\n      let sv = v;\n      if (pointer > 0) {\n        const dx = (u - pointerX) * aspect;\n        const dy = v - pointerY;\n        const lens = Math.exp(-(dx * dx + dy * dy) / 0.03) * pointer;\n        su += (dx / aspect) * lens;\n        sv += dy * lens;\n      }\n\n      const r = fastSin(distort(su, sv, 0) * frequency) * 0.5 + 0.5;\n      const g = fastSin(distort(su, sv, chroma) * frequency) * 0.5 + 0.5;\n      const b = fastSin(distort(su, sv, 2 * chroma) * frequency) * 0.5 + 0.5;\n      const pr = Math.pow(r, colorScale);\n      const pg = Math.pow(g, colorScale);\n      const pb = Math.pow(b, colorScale);\n\n      const red = base[0] * (1 - COLOR_MIX) + pr * COLOR_MIX;\n      const green = base[1] * (1 - COLOR_MIX) + pg * COLOR_MIX;\n      const blue = base[2] * (1 - COLOR_MIX) + pb * COLOR_MIX;\n\n      const o = (y * width + x) * 4;\n      data[o] = Math.round(Math.min(1, Math.max(0, red)) * 255);\n      data[o + 1] = Math.round(Math.min(1, Math.max(0, green)) * 255);\n      data[o + 2] = Math.round(Math.min(1, Math.max(0, blue)) * 255);\n      data[o + 3] = Math.round(opacity * 255);\n    }\n  }\n}\n"],"mappings":";;AAKA,IAAa,YAAY;;AAEzB,IAAM,YAAY;AAClB,IAAM,MAAM,KAAK,KAAK;AACtB,IAAM,UAAU,KAAK,KAAK;AAC1B,IAAM,WAAW;AACjB,IAAM,0BAAU,IAAI,aAAa,IAAY;AAC7C,KAAK,IAAI,IAAI,GAAG,KAAK,UAAU,KAAK,QAAQ,KAAK,KAAK,IAAK,IAAI,WAAY,GAAG;;AAG9E,SAAS,QAAQ,GAAmB;CAClC,IAAI,IAAK,IAAI,WAAY;CACzB,KAAK,KAAK,MAAM,IAAI,QAAQ,IAAI;CAChC,MAAM,IAAI,IAAI;CACd,MAAM,IAAI,IAAI;CACd,OAAO,QAAQ,MAAM,QAAQ,IAAI,KAAK,QAAQ,MAAM;AACtD;AAEA,SAAS,QAAQ,GAAmB;CAClC,OAAO,QAAQ,IAAI,OAAO;AAC5B;;;;;;AAOA,SAAgB,cACd,OACA,OACA,QACA,MACA,UACA,UACA,WACA,SACA,MACM;CACN,MAAM,OAAO,MAAM;CACnB,MAAM,IAAI,OAAO,YAAY,QAAQ;CACrC,MAAM,YAAY,QAAQ;CAC1B,MAAM,aAAa,QAAQ;CAC3B,MAAM,OAAO,QAAQ;CACrB,MAAM,SAAS,QAAQ;CACvB,MAAM,UAAU,QAAQ;CACxB,MAAM,UAAU,QAAQ,kBAAkB;CAC1C,MAAM,SAAS,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,IAAI,GAAG,MAAM;CAEtD,MAAM,WAAW,GAAW,GAAW,WAA2B;EAChE,IAAI,KAAK,IAAI;EACb,IAAI,KAAK,IAAI;EACb,KAAK,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK;GAC1B,MAAO,OAAO,KAAM,QAAQ,IAAI,IAAI,KAAK,CAAC,IAAK;GAC/C,MAAO,OAAO,KAAM,QAAQ,IAAI,IAAI,KAAK,CAAC,IAAK;EACjD;EACA,OAAO;CACT;CAEA,KAAK,IAAI,IAAI,GAAG,IAAI,QAAQ,KAAK;EAC/B,MAAM,KAAK,IAAI,MAAO;EACtB,KAAK,IAAI,IAAI,GAAG,IAAI,OAAO,KAAK;GAC9B,MAAM,KAAK,IAAI,MAAO;GAGtB,IAAI,KAAK;GACT,IAAI,KAAK;GACT,IAAI,UAAU,GAAG;IACf,MAAM,MAAM,IAAI,YAAY;IAC5B,MAAM,KAAK,IAAI;IACf,MAAM,OAAO,KAAK,IAAI,EAAE,KAAK,KAAK,KAAK,MAAM,GAAI,IAAI;IACrD,MAAO,KAAK,SAAU;IACtB,MAAM,KAAK;GACb;GAEA,MAAM,IAAI,QAAQ,QAAQ,IAAI,IAAI,CAAC,IAAI,SAAS,IAAI,KAAM;GAC1D,MAAM,IAAI,QAAQ,QAAQ,IAAI,IAAI,MAAM,IAAI,SAAS,IAAI,KAAM;GAC/D,MAAM,IAAI,QAAQ,QAAQ,IAAI,IAAI,IAAI,MAAM,IAAI,SAAS,IAAI,KAAM;GACnE,MAAM,KAAK,KAAK,IAAI,GAAG,UAAU;GACjC,MAAM,KAAK,KAAK,IAAI,GAAG,UAAU;GACjC,MAAM,KAAK,KAAK,IAAI,GAAG,UAAU;GAEjC,MAAM,MAAM,KAAK,KAAM,qBAAiB,KAAK;GAC7C,MAAM,QAAQ,KAAK,KAAM,qBAAiB,KAAK;GAC/C,MAAM,OAAO,KAAK,KAAM,qBAAiB,KAAK;GAE9C,MAAM,KAAK,IAAI,QAAQ,KAAK;GAC5B,KAAK,KAAK,KAAK,MAAM,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,GAAG,CAAC,IAAI,GAAG;GACxD,KAAK,IAAI,KAAK,KAAK,MAAM,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,KAAK,CAAC,IAAI,GAAG;GAC9D,KAAK,IAAI,KAAK,KAAK,MAAM,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG;GAC7D,KAAK,IAAI,KAAK,KAAK,MAAM,UAAU,GAAG;EACxC;CACF;AACF"}

package/dist/styles/shimmer/options.cjs

@@ -0,0 +1,28 @@
+// src/styles/shimmer/options.ts
+var shimmerDefaults = Object.freeze({
+	opacity: 1,
+	speed: 1,
+	frequency: 7,
+	colorScale: 10,
+	baseColor: "#5735ff",
+	chroma: .02,
+	warp: 1,
+	pointerStrength: .35
+});
+var clamp = (value, min, max) => Math.min(max, Math.max(min, value));
+function resolveShimmerOptions(options) {
+	return {
+		...options,
+		opacity: clamp(options.opacity, 0, 1),
+		speed: Math.max(0, options.speed),
+		frequency: clamp(options.frequency, .5, 40),
+		colorScale: clamp(options.colorScale, .5, 40),
+		chroma: clamp(options.chroma, 0, .2),
+		warp: clamp(options.warp, 0, 4),
+		pointerStrength: clamp(options.pointerStrength, 0, 1.5)
+	};
+}
+exports.resolveShimmerOptions = resolveShimmerOptions;
+exports.shimmerDefaults = shimmerDefaults;
+
+//# sourceMappingURL=options.cjs.map

package/dist/styles/shimmer/options.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.cjs","names":[],"sources":["../../../src/styles/shimmer/options.ts"],"sourcesContent":["export interface ShimmerOptions {\n  /** Opacity of the finished field, from `0` to `1`. `1` is the opaque reference canvas. */\n  opacity: number;\n  /** How fast the field flows. `1` matches the reference's slow drift. `0` = still. */\n  speed: number;\n  /** Sine frequency of the bands. Higher = more, narrower bands. The reference uses `7`. */\n  frequency: number;\n  /** Gamma applied to the bands. Higher = darker gaps and brighter crests. The reference uses `10`. */\n  colorScale: number;\n  /** Colour mixed into the 20% base of the field. The reference uses white. */\n  baseColor: string;\n  /** Separation between the red, green and blue channel warps: chromatic dispersion. The reference uses `0.02`. */\n  chroma: number;\n  /** Multiplier for the sine/cosine distortion. `1` is the reference; `0` = straight bands. */\n  warp: number;\n  /** Optional pointer lens that bends the bands locally. `0` keeps the reference's ambient field. */\n  pointerStrength: number;\n}\n\nexport const shimmerDefaults: Readonly<ShimmerOptions> = Object.freeze({\n  opacity: 1,\n  speed: 1,\n  frequency: 7,\n  colorScale: 10,\n  baseColor: '#5735ff',\n  chroma: 0.02,\n  warp: 1,\n  pointerStrength: 0.35,\n});\n\n/** Options after clamping: what the shader and the CPU field consume. */\nexport type ResolvedShimmerOptions = ShimmerOptions;\n\nconst clamp = (value: number, min: number, max: number) => Math.min(max, Math.max(min, value));\n\nexport function resolveShimmerOptions(options: ShimmerOptions): ResolvedShimmerOptions {\n  return {\n    ...options,\n    opacity: clamp(options.opacity, 0, 1),\n    speed: Math.max(0, options.speed),\n    frequency: clamp(options.frequency, 0.5, 40),\n    colorScale: clamp(options.colorScale, 0.5, 40),\n    chroma: clamp(options.chroma, 0, 0.2),\n    warp: clamp(options.warp, 0, 4),\n    pointerStrength: clamp(options.pointerStrength, 0, 1.5),\n  };\n}\n"],"mappings":";AAmBA,IAAa,kBAA4C,OAAO,OAAO;CACrE,SAAS;CACT,OAAO;CACP,WAAW;CACX,YAAY;CACZ,WAAW;CACX,QAAQ;CACR,MAAM;CACN,iBAAiB;AACnB,CAAC;AAKD,IAAM,SAAS,OAAe,KAAa,QAAgB,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,KAAK,CAAC;AAE7F,SAAgB,sBAAsB,SAAiD;CACrF,OAAO;EACL,GAAG;EACH,SAAS,MAAM,QAAQ,SAAS,GAAG,CAAC;EACpC,OAAO,KAAK,IAAI,GAAG,QAAQ,KAAK;EAChC,WAAW,MAAM,QAAQ,WAAW,IAAK,EAAE;EAC3C,YAAY,MAAM,QAAQ,YAAY,IAAK,EAAE;EAC7C,QAAQ,MAAM,QAAQ,QAAQ,GAAG,EAAG;EACpC,MAAM,MAAM,QAAQ,MAAM,GAAG,CAAC;EAC9B,iBAAiB,MAAM,QAAQ,iBAAiB,GAAG,GAAG;CACxD;AACF"}

package/dist/styles/shimmer/options.d.cts

@@ -0,0 +1,22 @@
+export interface ShimmerOptions {
+    /** Opacity of the finished field, from `0` to `1`. `1` is the opaque reference canvas. */
+    opacity: number;
+    /** How fast the field flows. `1` matches the reference's slow drift. `0` = still. */
+    speed: number;
+    /** Sine frequency of the bands. Higher = more, narrower bands. The reference uses `7`. */
+    frequency: number;
+    /** Gamma applied to the bands. Higher = darker gaps and brighter crests. The reference uses `10`. */
+    colorScale: number;
+    /** Colour mixed into the 20% base of the field. The reference uses white. */
+    baseColor: string;
+    /** Separation between the red, green and blue channel warps: chromatic dispersion. The reference uses `0.02`. */
+    chroma: number;
+    /** Multiplier for the sine/cosine distortion. `1` is the reference; `0` = straight bands. */
+    warp: number;
+    /** Optional pointer lens that bends the bands locally. `0` keeps the reference's ambient field. */
+    pointerStrength: number;
+}
+export declare const shimmerDefaults: Readonly<ShimmerOptions>;
+/** Options after clamping: what the shader and the CPU field consume. */
+export type ResolvedShimmerOptions = ShimmerOptions;
+export declare function resolveShimmerOptions(options: ShimmerOptions): ResolvedShimmerOptions;

package/dist/styles/shimmer/options.d.ts

@@ -0,0 +1,22 @@
+export interface ShimmerOptions {
+    /** Opacity of the finished field, from `0` to `1`. `1` is the opaque reference canvas. */
+    opacity: number;
+    /** How fast the field flows. `1` matches the reference's slow drift. `0` = still. */
+    speed: number;
+    /** Sine frequency of the bands. Higher = more, narrower bands. The reference uses `7`. */
+    frequency: number;
+    /** Gamma applied to the bands. Higher = darker gaps and brighter crests. The reference uses `10`. */
+    colorScale: number;
+    /** Colour mixed into the 20% base of the field. The reference uses white. */
+    baseColor: string;
+    /** Separation between the red, green and blue channel warps: chromatic dispersion. The reference uses `0.02`. */
+    chroma: number;
+    /** Multiplier for the sine/cosine distortion. `1` is the reference; `0` = straight bands. */
+    warp: number;
+    /** Optional pointer lens that bends the bands locally. `0` keeps the reference's ambient field. */
+    pointerStrength: number;
+}
+export declare const shimmerDefaults: Readonly<ShimmerOptions>;
+/** Options after clamping: what the shader and the CPU field consume. */
+export type ResolvedShimmerOptions = ShimmerOptions;
+export declare function resolveShimmerOptions(options: ShimmerOptions): ResolvedShimmerOptions;

package/dist/styles/shimmer/options.js

@@ -0,0 +1,27 @@
+// src/styles/shimmer/options.ts
+var shimmerDefaults = Object.freeze({
+	opacity: 1,
+	speed: 1,
+	frequency: 7,
+	colorScale: 10,
+	baseColor: "#5735ff",
+	chroma: .02,
+	warp: 1,
+	pointerStrength: .35
+});
+var clamp = (value, min, max) => Math.min(max, Math.max(min, value));
+function resolveShimmerOptions(options) {
+	return {
+		...options,
+		opacity: clamp(options.opacity, 0, 1),
+		speed: Math.max(0, options.speed),
+		frequency: clamp(options.frequency, .5, 40),
+		colorScale: clamp(options.colorScale, .5, 40),
+		chroma: clamp(options.chroma, 0, .2),
+		warp: clamp(options.warp, 0, 4),
+		pointerStrength: clamp(options.pointerStrength, 0, 1.5)
+	};
+}
+export { resolveShimmerOptions, shimmerDefaults };
+
+//# sourceMappingURL=options.js.map

package/dist/styles/shimmer/options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.js","names":[],"sources":["../../../src/styles/shimmer/options.ts"],"sourcesContent":["export interface ShimmerOptions {\n  /** Opacity of the finished field, from `0` to `1`. `1` is the opaque reference canvas. */\n  opacity: number;\n  /** How fast the field flows. `1` matches the reference's slow drift. `0` = still. */\n  speed: number;\n  /** Sine frequency of the bands. Higher = more, narrower bands. The reference uses `7`. */\n  frequency: number;\n  /** Gamma applied to the bands. Higher = darker gaps and brighter crests. The reference uses `10`. */\n  colorScale: number;\n  /** Colour mixed into the 20% base of the field. The reference uses white. */\n  baseColor: string;\n  /** Separation between the red, green and blue channel warps: chromatic dispersion. The reference uses `0.02`. */\n  chroma: number;\n  /** Multiplier for the sine/cosine distortion. `1` is the reference; `0` = straight bands. */\n  warp: number;\n  /** Optional pointer lens that bends the bands locally. `0` keeps the reference's ambient field. */\n  pointerStrength: number;\n}\n\nexport const shimmerDefaults: Readonly<ShimmerOptions> = Object.freeze({\n  opacity: 1,\n  speed: 1,\n  frequency: 7,\n  colorScale: 10,\n  baseColor: '#5735ff',\n  chroma: 0.02,\n  warp: 1,\n  pointerStrength: 0.35,\n});\n\n/** Options after clamping: what the shader and the CPU field consume. */\nexport type ResolvedShimmerOptions = ShimmerOptions;\n\nconst clamp = (value: number, min: number, max: number) => Math.min(max, Math.max(min, value));\n\nexport function resolveShimmerOptions(options: ShimmerOptions): ResolvedShimmerOptions {\n  return {\n    ...options,\n    opacity: clamp(options.opacity, 0, 1),\n    speed: Math.max(0, options.speed),\n    frequency: clamp(options.frequency, 0.5, 40),\n    colorScale: clamp(options.colorScale, 0.5, 40),\n    chroma: clamp(options.chroma, 0, 0.2),\n    warp: clamp(options.warp, 0, 4),\n    pointerStrength: clamp(options.pointerStrength, 0, 1.5),\n  };\n}\n"],"mappings":";AAmBA,IAAa,kBAA4C,OAAO,OAAO;CACrE,SAAS;CACT,OAAO;CACP,WAAW;CACX,YAAY;CACZ,WAAW;CACX,QAAQ;CACR,MAAM;CACN,iBAAiB;AACnB,CAAC;AAKD,IAAM,SAAS,OAAe,KAAa,QAAgB,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,KAAK,CAAC;AAE7F,SAAgB,sBAAsB,SAAiD;CACrF,OAAO;EACL,GAAG;EACH,SAAS,MAAM,QAAQ,SAAS,GAAG,CAAC;EACpC,OAAO,KAAK,IAAI,GAAG,QAAQ,KAAK;EAChC,WAAW,MAAM,QAAQ,WAAW,IAAK,EAAE;EAC3C,YAAY,MAAM,QAAQ,YAAY,IAAK,EAAE;EAC7C,QAAQ,MAAM,QAAQ,QAAQ,GAAG,EAAG;EACpC,MAAM,MAAM,QAAQ,MAAM,GAAG,CAAC;EAC9B,iBAAiB,MAAM,QAAQ,iBAAiB,GAAG,GAAG;CACxD;AACF"}