shaders 2.3.74 → 2.4.76

package/dist/core/utilities/sdf.d.ts

@@ -0,0 +1,132 @@
+import { Node } from 'three/webgpu';
+
+export declare const SVG_SDF_SIZE = 512;
+/**
+ * Circle SDF.
+ * radius = circle radius in UV space.
+ */
+export declare function circleSdf(dx: Node, dy: Node, radius: Node): Node;
+/**
+ * Regular polygon SDF.
+ * radius = inradius (distance from center to nearest edge midpoint).
+ * sides  = number of sides (float, e.g. 3–12).
+ *
+ * Uses the nearest-sector half-plane formula: exact at both edge midpoints
+ * and vertices for any convex polygon. Caller applies rotation externally.
+ */
+export declare function polygonSdf(dx: Node, dy: Node, radius: Node, sides: Node): Node;
+/**
+ * Flower SDF (N-petalled) — triangular radial boundary.
+ * outerRadius = distance from center to petal tips.
+ * sides       = number of petals.
+ * innerRatio  = inner valley radius / outer radius (0.2 = deep valleys, 0.8 = subtle).
+ *
+ * Uses a triangular wave (linear interpolation between inner and outer radii) giving
+ * distinct petal tips with clean V-shaped concave valleys between them.
+ * Caller applies rotation externally.
+ */
+export declare function flowerSdf(dx: Node, dy: Node, outerRadius: Node, sides: Node, innerRatio: Node): Node;
+/**
+ * Star SDF (N-pointed) — exact segment-based star polygon.
+ * outerRadius = distance from center to pointed tips.
+ * sides       = number of points.
+ * innerRatio  = inner vertex radius / outer radius (0.382 = classic golden-ratio 5-star).
+ *
+ * Computes the true Euclidean SDF of a star polygon: each sector boundary is
+ * a straight line segment from the outer tip to the inner vertex, giving perfectly
+ * flat sides and sharp corners — the classic star shape.
+ * Caller applies rotation externally.
+ */
+export declare function starSdf(dx: Node, dy: Node, outerRadius: Node, sides: Node, innerRatio: Node): Node;
+/**
+ * Ring (annulus) SDF.
+ * radius    = distance from center to ring centerline.
+ * thickness = ring half-width (thickness on each side of the centerline).
+ *
+ * Inside = the ring material itself. Outside = the hole or exterior.
+ * No rotation needed (rotationally symmetric).
+ */
+export declare function ringSdf(dx: Node, dy: Node, radius: Node, thickness: Node): Node;
+/**
+ * Cross (plus-sign) SDF.
+ * size      = arm half-length.
+ * thickness = arm half-width.
+ * rounding  = corner rounding offset (shifts boundary inward at corners).
+ *
+ * Exact SDF of the union of a horizontal and vertical rectangle.
+ * Caller applies rotation externally.
+ */
+export declare function crossSdf(dx: Node, dy: Node, size: Node, thickness: Node, rounding: Node): Node;
+/**
+ * Rounded Rectangle SDF.
+ * width    = half-width of the rectangle.
+ * height   = half-height of the rectangle.
+ * rounding = corner rounding radius.
+ *
+ * Exact SDF of a rectangle with uniformly rounded corners.
+ * Caller applies rotation externally.
+ */
+export declare function roundedRectSdf(dx: Node, dy: Node, width: Node, height: Node, rounding: Node): Node;
+/**
+ * Ellipse SDF (approximate).
+ * radiusX = semi-major axis (horizontal).
+ * radiusY = semi-minor axis (vertical).
+ *
+ * Uses scaled-circle approximation — exact at the boundary, good approximation
+ * nearby.  The multiplicative correction factor `min(a,b)` keeps the gradient
+ * magnitude close to 1 near the edge, which is where smoothstep and Glass
+ * refraction care about accuracy.
+ * Caller applies rotation externally.
+ */
+export declare function ellipseSdf(dx: Node, dy: Node, radiusX: Node, radiusY: Node): Node;
+/**
+ * Vesica (lens) SDF — intersection of two overlapping circles.
+ * radius = circle radius.
+ * spread = half-distance between circle centers as a fraction of radius (0–1).
+ *          0 → single circle, 1 → infinitely thin lens.
+ *
+ * Caller applies rotation externally.
+ */
+export declare function vesicaSdf(dx: Node, dy: Node, radius: Node, spread: Node): Node;
+/**
+ * Crescent (moon) SDF — outer circle with an inner circle subtracted.
+ * outerRadius = radius of the outer circle.
+ * innerRatio  = inner circle radius as a fraction of outer radius.
+ * offset      = horizontal distance between the two circle centers.
+ *
+ * Based on Inigo Quilez's moon SDF. The crescent exists when the inner
+ * circle overlaps but does not fully contain the outer circle.
+ * Caller applies rotation externally.
+ */
+export declare function crescentSdf(dx: Node, dy: Node, outerRadius: Node, innerRatio: Node, offset: Node): Node;
+/**
+ * Trapezoid SDF.
+ * r1 = bottom half-width.
+ * r2 = top half-width.
+ * he = half-height.
+ *
+ * Exact SDF of an axis-aligned trapezoid centered at the origin, wider
+ * at the bottom (r1) and narrower at the top (r2), or vice-versa.
+ * Caller applies rotation externally.
+ */
+export declare function trapezoidSdf(dx: Node, dy: Node, r1: Node, r2: Node, he: Node): Node;
+/**
+ * Fetch a pre-computed SDF binary from a URL and fill sdfData in-place.
+ *
+ * Supports two formats (detected by file size):
+ * - New (compact): Uint16, two bytes per pixel — decode [0, 65535] → [-1, 1]
+ * - Legacy: Float32, four bytes per pixel — copy directly
+ */
+export declare function loadSdfFromUrl(url: string, sdfData: Float32Array): Promise<void>;
+/**
+ * Set up a TSL SDF sampler backed by a Float32 texture loaded from a URL.
+ * Handles DataTexture creation, async loading, and needsUpdate scheduling.
+ *
+ * Returns a (uv: Node) → Node sampler for use with applyGlassEffect (or any
+ * other effect that accepts an SDF sampler).
+ *
+ * The texture is initialized to 0.5 (outside) so the shape is invisible until
+ * the async load completes. Cleanup is registered via onCleanup.
+ */
+export declare function createSvgSdfSampler(shapeSdfUrl: string, onBeforeRender: (fn: () => void) => void, onCleanup: (fn: () => void) => void): (uv: any) => any;
+//# sourceMappingURL=sdf.d.ts.map

package/dist/core/utilities/sdf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdf.d.ts","sourceRoot":"","sources":["../../src/utilities/sdf.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAGxC,eAAO,MAAM,YAAY,MAAM,CAAA;AAM/B;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,GAAG,IAAI,CAEhE;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,IAAI,CAO9E;AAED;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,GAAG,IAAI,CAWpG;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,GAAG,IAAI,CAwClG;AAED;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,CAG/E;AAED;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,GAAG,IAAI,CAM9F;AAID;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,GAAG,IAAI,CAMlG;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,GAAG,IAAI,CAKjF;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,GAAG,IAAI,CAS9E;AAED;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,GAAG,IAAI,CAuBvG;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,GAAG,IAAI,CA0BnF;AAID;;;;;;GAMG;AACH,wBAAsB,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAiBtF;AAED;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAC/B,WAAW,EAAE,MAAM,EACnB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,IAAI,KAAK,IAAI,EACxC,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,IAAI,KAAK,IAAI,GACpC,CAAC,EAAE,EAAE,GAAG,KAAK,GAAG,CAyBlB"}

package/dist/pixi/createShaderSprite.d.ts

@@ -0,0 +1,54 @@
+import { PresetConfig } from '../core';
+import { Sprite, Application } from 'pixi.js';
+/**
+ * Options for creating a shader sprite
+ */
+export interface ShaderSpriteOptions {
+    width?: number;
+    height?: number;
+}
+/**
+ * A shader instance that renders to a PixiJS sprite
+ */
+export interface ShaderSprite {
+    sprite: Sprite;
+    update: () => Promise<void>;
+    updatePreset: (preset: PresetConfig) => void;
+    resize: (width: number, height: number) => void;
+    dispose: () => void;
+}
+/**
+ * Create a PixiJS sprite that renders a Shaders preset.
+ *
+ * This approach:
+ * 1. Creates a hidden canvas for Three.js/Shaders rendering
+ * 2. Shares the WebGPU device from PixiJS
+ * 3. Renders shaders to the canvas
+ * 4. Wraps the canvas as a PixiJS texture/sprite
+ *
+ * @example
+ * ```typescript
+ * import { createShaderSprite } from 'shaders-pixi'
+ *
+ * const preset = {
+ *   components: [
+ *     { type: 'LinearGradient', props: { colorA: '#ff0000', colorB: '#0000ff' } }
+ *   ]
+ * }
+ *
+ * const shaderSprite = await createShaderSprite(preset, pixiApp, {
+ *   width: 512,
+ *   height: 512
+ * })
+ *
+ * // Position in scene
+ * shaderSprite.sprite.x = 100
+ * shaderSprite.sprite.y = 100
+ * pixiApp.stage.addChild(shaderSprite.sprite)
+ *
+ * // In render loop (before PixiJS render)
+ * await shaderSprite.update()
+ * ```
+ */
+export declare function createShaderSprite(preset: PresetConfig, pixiApp: Application, options?: ShaderSpriteOptions): Promise<ShaderSprite>;
+//# sourceMappingURL=createShaderSprite.d.ts.map

package/dist/pixi/createShaderSprite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createShaderSprite.d.ts","sourceRoot":"","sources":["../src/createShaderSprite.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,YAAY,EAAE,MAAM,cAAc,CAAA;AACxE,OAAO,EAAyB,MAAM,EAAgB,KAAK,WAAW,EAAE,MAAM,SAAS,CAAA;AAEvF;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3B,YAAY,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAA;IAC5C,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAsB,kBAAkB,CACtC,MAAM,EAAE,YAAY,EACpB,OAAO,EAAE,WAAW,EACpB,OAAO,GAAE,mBAAwB,GAChC,OAAO,CAAC,YAAY,CAAC,CAiNvB"}

package/dist/pixi/index.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Shaders PixiJS Integration
+ *
+ * Render WebGPU shaders as native PixiJS sprites.
+ *
+ * @example
+ * ```typescript
+ * import { createShaderSprite } from 'shaders-pixi'
+ *
+ * const shader = await createShaderSprite(preset, pixiApp, { width: 512, height: 512 })
+ * pixiApp.stage.addChild(shader.sprite)
+ *
+ * pixiApp.ticker.add(async () => {
+ *   await shader.update()
+ * })
+ * ```
+ */
+export { createShaderSprite, type ShaderSprite, type ShaderSpriteOptions } from './createShaderSprite';
+export type { PresetConfig, ComponentConfig } from '../core';
+//# sourceMappingURL=index.d.ts.map

package/dist/pixi/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EACL,kBAAkB,EAClB,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACzB,MAAM,sBAAsB,CAAA;AAG7B,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA"}

package/dist/pixi/index.js

@@ -0,0 +1,153 @@
+import { createRendererFromJSON } from "../core/index.js";
+import { RendererType, CanvasSource, Texture, Sprite } from "pixi.js";
+async function createShaderSprite(preset, pixiApp, options = {}) {
+  const width = options.width || 512;
+  const height = options.height || 512;
+  const dpr = window.devicePixelRatio || 1;
+  if (pixiApp.renderer.type !== RendererType.WEBGPU) {
+    throw new Error('Shaders requires PixiJS to be initialized with WebGPU (preference: "webgpu")');
+  }
+  const pixiGpu = pixiApp.renderer.gpu;
+  const device = pixiGpu.device;
+  const adapter = pixiGpu.adapter;
+  if (!device || !adapter) {
+    throw new Error("Shaders could not access the WebGPU device from the PixiJS renderer");
+  }
+  const wrapper = document.createElement("div");
+  wrapper.style.position = "absolute";
+  wrapper.style.left = "-9999px";
+  wrapper.style.top = "-9999px";
+  wrapper.style.width = `${width}px`;
+  wrapper.style.height = `${height}px`;
+  wrapper.style.overflow = "hidden";
+  wrapper.style.pointerEvents = "none";
+  document.body.appendChild(wrapper);
+  const canvas = document.createElement("canvas");
+  canvas.width = width * dpr;
+  canvas.height = height * dpr;
+  canvas.style.width = `${width}px`;
+  canvas.style.height = `${height}px`;
+  wrapper.appendChild(canvas);
+  const gpuContext = canvas.getContext("webgpu");
+  if (!gpuContext) {
+    throw new Error("Could not get WebGPU context from canvas");
+  }
+  gpuContext.configure({
+    device,
+    format: navigator.gpu.getPreferredCanvasFormat(),
+    alphaMode: "premultiplied",
+    usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.COPY_SRC | GPUTextureUsage.TEXTURE_BINDING
+  });
+  const shadersRenderer = createRendererFromJSON(preset, {
+    gpu: { device, adapter },
+    forceFullFrameRate: true
+  });
+  await shadersRenderer.initialize(canvas);
+  let canvasSource = new CanvasSource({
+    resource: canvas,
+    resolution: dpr,
+    antialias: false,
+    autoDensity: false
+  });
+  let texture = new Texture({
+    source: canvasSource
+  });
+  const sprite = new Sprite(texture);
+  sprite.width = width;
+  sprite.height = height;
+  let currentWidth = width;
+  let currentHeight = height;
+  let pendingCanvasSource = null;
+  let pendingTexture = null;
+  let resizeSeq = 0;
+  return {
+    sprite,
+    /**
+     * Update shader rendering and sync to PixiJS
+     * Call this in your render loop BEFORE rendering PixiJS
+     */
+    update: async () => {
+      await shadersRenderer.renderFrame();
+      if (!pendingCanvasSource) {
+        canvasSource.update();
+      }
+    },
+    /**
+     * Update the shader preset dynamically
+     */
+    updatePreset: (newPreset) => {
+      shadersRenderer.updatePreset(newPreset);
+    },
+    /**
+     * Resize the shader to new dimensions
+     * This updates the offscreen canvas, triggering the renderer's resize logic.
+     * The texture swap is deferred until after Three.js's resize RAF fires, so the
+     * sprite continues to show the last good frame instead of flashing blank.
+     */
+    resize: (newWidth, newHeight) => {
+      if (newWidth === currentWidth && newHeight === currentHeight) return;
+      currentWidth = newWidth;
+      currentHeight = newHeight;
+      if (pendingCanvasSource) {
+        pendingCanvasSource.destroy();
+        pendingTexture.destroy();
+        pendingCanvasSource = null;
+        pendingTexture = null;
+      }
+      const seq = ++resizeSeq;
+      wrapper.style.width = `${newWidth}px`;
+      wrapper.style.height = `${newHeight}px`;
+      canvas.width = newWidth * dpr;
+      canvas.height = newHeight * dpr;
+      canvas.style.width = `${newWidth}px`;
+      canvas.style.height = `${newHeight}px`;
+      gpuContext.configure({
+        device,
+        format: navigator.gpu.getPreferredCanvasFormat(),
+        alphaMode: "premultiplied",
+        usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.COPY_SRC | GPUTextureUsage.TEXTURE_BINDING
+      });
+      pendingCanvasSource = new CanvasSource({
+        resource: canvas,
+        resolution: dpr,
+        antialias: false,
+        autoDensity: false
+      });
+      pendingTexture = new Texture({ source: pendingCanvasSource });
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          if (seq !== resizeSeq) return;
+          if (pendingCanvasSource && pendingTexture) {
+            pendingCanvasSource.update();
+            const oldTexture = texture;
+            const oldCanvasSource = canvasSource;
+            canvasSource = pendingCanvasSource;
+            texture = pendingTexture;
+            sprite.texture = texture;
+            pendingCanvasSource = null;
+            pendingTexture = null;
+            oldTexture.destroy();
+            oldCanvasSource.destroy();
+          }
+        });
+      });
+    },
+    /**
+     * Clean up resources
+     */
+    dispose: () => {
+      if (pendingCanvasSource) {
+        pendingCanvasSource.destroy();
+        pendingTexture == null ? void 0 : pendingTexture.destroy();
+        pendingCanvasSource = null;
+        pendingTexture = null;
+      }
+      shadersRenderer.dispose();
+      texture.destroy(true);
+      wrapper.remove();
+    }
+  };
+}
+export {
+  createShaderSprite
+};

package/dist/react/AngularBlur.js

@@ -5,7 +5,7 @@ import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { componentDefinition } from "../core/shaders/AngularBlur/index.js";
 import { jsx } from "react/jsx-runtime";
 function isPropDriver(value) {
-	return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+	return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
 }
 function computeEffectiveProps(props, defaultProps$1) {
 	let baseProps = { ...defaultProps$1 };

package/dist/react/Ascii.js

@@ -5,7 +5,7 @@ import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/Ascii/index.js";
 function isPropDriver(value) {
-	return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+	return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
 }
 function computeEffectiveProps(props, defaultProps$1) {
 	let baseProps = { ...defaultProps$1 };

package/dist/react/Aurora.js

@@ -5,7 +5,7 @@ import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/Aurora/index.js";
 function isPropDriver(value) {
-	return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+	return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
 }
 function computeEffectiveProps(props, defaultProps$1) {
 	let baseProps = { ...defaultProps$1 };

package/dist/react/Beam.js

@@ -5,7 +5,7 @@ import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/Beam/index.js";
 function isPropDriver(value) {
-	return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+	return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
 }
 function computeEffectiveProps(props, defaultProps$1) {
 	let baseProps = { ...defaultProps$1 };

package/dist/react/Blob.js

@@ -5,7 +5,7 @@ import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/Blob/index.js";
 function isPropDriver(value) {
-	return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+	return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
 }
 function computeEffectiveProps(props, defaultProps$1) {
 	let baseProps = { ...defaultProps$1 };

package/dist/react/Blur.js

@@ -5,7 +5,7 @@ import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/Blur/index.js";
 function isPropDriver(value) {
-	return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+	return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
 }
 function computeEffectiveProps(props, defaultProps$1) {
 	let baseProps = { ...defaultProps$1 };

package/dist/react/BrightnessContrast.js

@@ -5,7 +5,7 @@ import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/BrightnessContrast/index.js";
 function isPropDriver(value) {
-	return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+	return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
 }
 function computeEffectiveProps(props, defaultProps$1) {
 	let baseProps = { ...defaultProps$1 };

package/dist/react/Bulge.js

@@ -5,7 +5,7 @@ import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/Bulge/index.js";
 function isPropDriver(value) {
-	return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+	return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
 }
 function computeEffectiveProps(props, defaultProps$1) {
 	let baseProps = { ...defaultProps$1 };

package/dist/react/CRTScreen.js

@@ -5,7 +5,7 @@ import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/CRTScreen/index.js";
 function isPropDriver(value) {
-	return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+	return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
 }
 function computeEffectiveProps(props, defaultProps$1) {
 	let baseProps = { ...defaultProps$1 };

package/dist/react/ChannelBlur.js

@@ -5,7 +5,7 @@ import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/ChannelBlur/index.js";
 function isPropDriver(value) {
-	return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+	return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
 }
 function computeEffectiveProps(props, defaultProps$1) {
 	let baseProps = { ...defaultProps$1 };

package/dist/react/Checkerboard.js

@@ -5,7 +5,7 @@ import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/Checkerboard/index.js";
 function isPropDriver(value) {
-	return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+	return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
 }
 function computeEffectiveProps(props, defaultProps$1) {
 	let baseProps = { ...defaultProps$1 };

package/dist/react/ChromaFlow.js

@@ -5,7 +5,7 @@ import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/ChromaFlow/index.js";
 function isPropDriver(value) {
-	return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+	return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
 }
 function computeEffectiveProps(props, defaultProps$1) {
 	let baseProps = { ...defaultProps$1 };

package/dist/react/ChromaticAberration.js

@@ -5,7 +5,7 @@ import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/ChromaticAberration/index.js";
 function isPropDriver(value) {
-	return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+	return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
 }
 function computeEffectiveProps(props, defaultProps$1) {
 	let baseProps = { ...defaultProps$1 };

package/dist/react/Circle.js

@@ -5,7 +5,7 @@ import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/Circle/index.js";
 function isPropDriver(value) {
-	return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+	return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
 }
 function computeEffectiveProps(props, defaultProps$1) {
 	let baseProps = { ...defaultProps$1 };

package/dist/react/ConcentricSpin.js

@@ -5,7 +5,7 @@ import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/ConcentricSpin/index.js";
 function isPropDriver(value) {
-	return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+	return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
 }
 function computeEffectiveProps(props, defaultProps$1) {
 	let baseProps = { ...defaultProps$1 };

package/dist/react/ContourLines.js

@@ -5,7 +5,7 @@ import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/ContourLines/index.js";
 function isPropDriver(value) {
-	return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+	return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
 }
 function computeEffectiveProps(props, defaultProps$1) {
 	let baseProps = { ...defaultProps$1 };