shaders 2.3.75 → 2.4.76

package/dist/react/Preview.js

@@ -36,15 +36,22 @@ var componentMap = {
 	Circle: lazy(() => import("./Circle.js")),
 	ConcentricSpin: lazy(() => import("./ConcentricSpin.js")),
 	ContourLines: lazy(() => import("./ContourLines.js")),
+	Crescent: lazy(() => import("./Crescent.js")),
+	Cross: lazy(() => import("./Cross.js")),
 	CursorRipples: lazy(() => import("./CursorRipples.js")),
 	CursorTrail: lazy(() => import("./CursorTrail.js")),
 	DiffuseBlur: lazy(() => import("./DiffuseBlur.js")),
 	Dither: lazy(() => import("./Dither.js")),
 	DotGrid: lazy(() => import("./DotGrid.js")),
 	Duotone: lazy(() => import("./Duotone.js")),
+	Ellipse: lazy(() => import("./Ellipse.js")),
+	Emboss: lazy(() => import("./Emboss.js")),
+	FallingLines: lazy(() => import("./FallingLines.js")),
 	FilmGrain: lazy(() => import("./FilmGrain.js")),
 	FloatingParticles: lazy(() => import("./FloatingParticles.js")),
 	FlowField: lazy(() => import("./FlowField.js")),
+	Flower: lazy(() => import("./Flower.js")),
+	Glass: lazy(() => import("./Glass.js")),
 	GlassTiles: lazy(() => import("./GlassTiles.js")),
 	Glitch: lazy(() => import("./Glitch.js")),
 	Glow: lazy(() => import("./Glow.js")),
@@ -63,15 +70,20 @@ var componentMap = {
 	LinearGradient: lazy(() => import("./LinearGradient.js")),
 	Liquify: lazy(() => import("./Liquify.js")),
 	Mirror: lazy(() => import("./Mirror.js")),
+	Neon: lazy(() => import("./Neon.js")),
+	Paper: lazy(() => import("./Paper.js")),
 	Perspective: lazy(() => import("./Perspective.js")),
 	Pixelate: lazy(() => import("./Pixelate.js")),
 	Plasma: lazy(() => import("./Plasma.js")),
 	PolarCoordinates: lazy(() => import("./PolarCoordinates.js")),
+	Polygon: lazy(() => import("./Polygon.js")),
 	Posterize: lazy(() => import("./Posterize.js")),
 	ProgressiveBlur: lazy(() => import("./ProgressiveBlur.js")),
 	RadialGradient: lazy(() => import("./RadialGradient.js")),
 	RectangularCoordinates: lazy(() => import("./RectangularCoordinates.js")),
+	Ring: lazy(() => import("./Ring.js")),
 	Ripples: lazy(() => import("./Ripples.js")),
+	RoundedRect: lazy(() => import("./RoundedRect.js")),
 	Saturation: lazy(() => import("./Saturation.js")),
 	Sharpness: lazy(() => import("./Sharpness.js")),
 	Shatter: lazy(() => import("./Shatter.js")),
@@ -80,6 +92,7 @@ var componentMap = {
 	SolidColor: lazy(() => import("./SolidColor.js")),
 	Spherize: lazy(() => import("./Spherize.js")),
 	Spiral: lazy(() => import("./Spiral.js")),
+	Star: lazy(() => import("./Star.js")),
 	Strands: lazy(() => import("./Strands.js")),
 	Stretch: lazy(() => import("./Stretch.js")),
 	Stripes: lazy(() => import("./Stripes.js")),
@@ -87,8 +100,10 @@ var componentMap = {
 	Swirl: lazy(() => import("./Swirl.js")),
 	TiltShift: lazy(() => import("./TiltShift.js")),
 	Tint: lazy(() => import("./Tint.js")),
+	Trapezoid: lazy(() => import("./Trapezoid.js")),
 	Tritone: lazy(() => import("./Tritone.js")),
 	Twirl: lazy(() => import("./Twirl.js")),
+	Vesica: lazy(() => import("./Vesica.js")),
 	Vibrance: lazy(() => import("./Vibrance.js")),
 	VideoTexture: lazy(() => import("./VideoTexture.js")),
 	WaveDistortion: lazy(() => import("./WaveDistortion.js")),

package/dist/react/ProgressiveBlur.js

@@ -5,7 +5,7 @@ import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/ProgressiveBlur/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/RadialGradient.js

@@ -5,7 +5,7 @@ import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/RadialGradient/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/RectangularCoordinates.js

@@ -5,7 +5,7 @@ import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/RectangularCoordinates/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/Ring.js

@@ -0,0 +1,180 @@
+import { ShaderContext } from "./Shader.js";
+import { useContext, useEffect, useMemo, useRef } from "react";
+import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
+import { jsx } from "react/jsx-runtime";
+import { componentDefinition } from "../core/shaders/Ring/index.js";
+function isPropDriver(value) {
+	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 };
+	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0 && !isPropDriver(value)) baseProps[key] = value;
+	return baseProps;
+}
+var MARKER_STYLE = { display: "contents" };
+var DEFAULT_TRANSFORM = {
+	offsetX: 0,
+	offsetY: 0,
+	rotation: 0,
+	scale: 1,
+	anchorX: .5,
+	anchorY: .5,
+	edges: "transparent"
+};
+var defaultProps = {
+	blendMode: "normal",
+	visible: true
+};
+try {
+	if (componentDefinition && componentDefinition.props) Object.entries(componentDefinition.props).forEach(([key, config]) => {
+		const propConfig = config;
+		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps[key] = propConfig.default;
+	});
+} catch (e) {
+	console.warn("Error extracting default props:", e);
+}
+const ShaderComponent = (props) => {
+	const context = useContext(ShaderContext);
+	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate, shaderColorSpace } = context;
+	const instanceId = useMemo(() => {
+		return (props.id ? props.id.replace(/[^a-zA-Z0-9_]/g, "_") : null) || Math.random().toString(36).substring(2, 10);
+	}, [props.id]);
+	const effectiveProps = useMemo(() => {
+		return computeEffectiveProps(props, defaultProps);
+	}, [props]);
+	const effectiveTransform = useMemo(() => ({
+		...DEFAULT_TRANSFORM,
+		...props.transform
+	}), [props.transform]);
+	const markerRef = useRef(null);
+	const detectedOrderRef = useRef(void 0);
+	const uniformsRef = useRef(null);
+	if (uniformsRef.current === null) {
+		setColorSpaceMode(shaderColorSpace);
+		uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	}
+	const childContextValue = useMemo(() => {
+		return {
+			...context,
+			shaderParentId: instanceId
+		};
+	}, [context, instanceId]);
+	useEffect(() => {
+		if (!uniformsRef.current) return;
+		try {
+			const metadata = {
+				blendMode: props.blendMode || "normal",
+				opacity: props.opacity,
+				visible: props.visible === false ? false : true,
+				id: props.id,
+				mask: props.maskSource ? {
+					source: props.maskSource,
+					type: props.maskType || "alpha"
+				} : void 0,
+				maps: mapsFromProps,
+				renderOrder: props.renderOrder ?? detectedOrderRef.current,
+				transform: effectiveTransform
+			};
+			parentRegister(instanceId, componentDefinition.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition);
+			return () => {
+				parentRegister(instanceId, null, null, null, null);
+			};
+		} catch (error) {
+			console.error("Error registering shader node:", error);
+			return () => {};
+		}
+	}, [
+		instanceId,
+		parentId,
+		parentRegister
+	]);
+	useEffect(() => {
+		if (props.renderOrder === void 0 && markerRef.current) {
+			const parent = markerRef.current.parentElement;
+			if (parent) {
+				const siblings = parent.querySelectorAll(":scope > [data-shader-id]");
+				const position = Array.from(siblings).indexOf(markerRef.current);
+				if (position >= 0) {
+					detectedOrderRef.current = position;
+					parentMetadataUpdate(instanceId, { renderOrder: position });
+				}
+			}
+		}
+	}, []);
+	const prevPropsRef = useRef({});
+	const mapsFromProps = useMemo(() => {
+		const maps = {};
+		for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && isPropDriver(value)) maps[key] = value;
+		return Object.keys(maps).length > 0 ? maps : void 0;
+	}, [props]);
+	useEffect(() => {
+		if (!uniformsRef.current) return;
+		try {
+			Object.entries(uniformsRef.current).forEach(([propName, uniformData]) => {
+				if (!uniformData || typeof uniformData !== "object") return;
+				const { uniform } = uniformData;
+				if (uniform?.value !== void 0 && propName in effectiveProps) {
+					const newValue = effectiveProps[propName];
+					if (isPropDriver(newValue)) return;
+					if (newValue !== prevPropsRef.current[propName]) {
+						parentUniformUpdate(instanceId, propName, newValue);
+						prevPropsRef.current[propName] = newValue;
+					}
+				}
+			});
+		} catch (error) {
+			console.error("Error updating uniforms:", error);
+		}
+	}, [
+		effectiveProps,
+		instanceId,
+		parentUniformUpdate
+	]);
+	useEffect(() => {
+		try {
+			parentMetadataUpdate(instanceId, {
+				blendMode: props.blendMode || "normal",
+				opacity: props.opacity,
+				visible: props.visible === false ? false : true,
+				id: props.id,
+				mask: props.maskSource ? {
+					source: props.maskSource,
+					type: props.maskType || "alpha"
+				} : void 0,
+				maps: mapsFromProps,
+				renderOrder: props.renderOrder ?? detectedOrderRef.current,
+				transform: effectiveTransform
+			});
+		} catch (error) {
+			console.error("Error updating metadata:", error);
+		}
+	}, [
+		props.blendMode,
+		props.opacity,
+		props.visible,
+		props.maskSource,
+		props.maskType,
+		props.renderOrder,
+		props.id,
+		mapsFromProps,
+		effectiveTransform,
+		instanceId,
+		parentMetadataUpdate
+	]);
+	if (props.ref && typeof props.ref === "function") try {
+		props.ref(null);
+	} catch (e) {}
+	return /* @__PURE__ */ jsx(ShaderContext.Provider, {
+		value: childContextValue,
+		children: /* @__PURE__ */ jsx("span", {
+			ref: markerRef,
+			style: MARKER_STYLE,
+			"data-shader-id": instanceId,
+			children: props.children
+		})
+	});
+};
+var Ring_default = ShaderComponent;
+export { ShaderComponent, Ring_default as default };

package/dist/react/Ripples.js

@@ -5,7 +5,7 @@ import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/Ripples/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/RoundedRect.js

@@ -0,0 +1,180 @@
+import { ShaderContext } from "./Shader.js";
+import { useContext, useEffect, useMemo, useRef } from "react";
+import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
+import { jsx } from "react/jsx-runtime";
+import { componentDefinition } from "../core/shaders/RoundedRect/index.js";
+function isPropDriver(value) {
+	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 };
+	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0 && !isPropDriver(value)) baseProps[key] = value;
+	return baseProps;
+}
+var MARKER_STYLE = { display: "contents" };
+var DEFAULT_TRANSFORM = {
+	offsetX: 0,
+	offsetY: 0,
+	rotation: 0,
+	scale: 1,
+	anchorX: .5,
+	anchorY: .5,
+	edges: "transparent"
+};
+var defaultProps = {
+	blendMode: "normal",
+	visible: true
+};
+try {
+	if (componentDefinition && componentDefinition.props) Object.entries(componentDefinition.props).forEach(([key, config]) => {
+		const propConfig = config;
+		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps[key] = propConfig.default;
+	});
+} catch (e) {
+	console.warn("Error extracting default props:", e);
+}
+const ShaderComponent = (props) => {
+	const context = useContext(ShaderContext);
+	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate, shaderColorSpace } = context;
+	const instanceId = useMemo(() => {
+		return (props.id ? props.id.replace(/[^a-zA-Z0-9_]/g, "_") : null) || Math.random().toString(36).substring(2, 10);
+	}, [props.id]);
+	const effectiveProps = useMemo(() => {
+		return computeEffectiveProps(props, defaultProps);
+	}, [props]);
+	const effectiveTransform = useMemo(() => ({
+		...DEFAULT_TRANSFORM,
+		...props.transform
+	}), [props.transform]);
+	const markerRef = useRef(null);
+	const detectedOrderRef = useRef(void 0);
+	const uniformsRef = useRef(null);
+	if (uniformsRef.current === null) {
+		setColorSpaceMode(shaderColorSpace);
+		uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	}
+	const childContextValue = useMemo(() => {
+		return {
+			...context,
+			shaderParentId: instanceId
+		};
+	}, [context, instanceId]);
+	useEffect(() => {
+		if (!uniformsRef.current) return;
+		try {
+			const metadata = {
+				blendMode: props.blendMode || "normal",
+				opacity: props.opacity,
+				visible: props.visible === false ? false : true,
+				id: props.id,
+				mask: props.maskSource ? {
+					source: props.maskSource,
+					type: props.maskType || "alpha"
+				} : void 0,
+				maps: mapsFromProps,
+				renderOrder: props.renderOrder ?? detectedOrderRef.current,
+				transform: effectiveTransform
+			};
+			parentRegister(instanceId, componentDefinition.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition);
+			return () => {
+				parentRegister(instanceId, null, null, null, null);
+			};
+		} catch (error) {
+			console.error("Error registering shader node:", error);
+			return () => {};
+		}
+	}, [
+		instanceId,
+		parentId,
+		parentRegister
+	]);
+	useEffect(() => {
+		if (props.renderOrder === void 0 && markerRef.current) {
+			const parent = markerRef.current.parentElement;
+			if (parent) {
+				const siblings = parent.querySelectorAll(":scope > [data-shader-id]");
+				const position = Array.from(siblings).indexOf(markerRef.current);
+				if (position >= 0) {
+					detectedOrderRef.current = position;
+					parentMetadataUpdate(instanceId, { renderOrder: position });
+				}
+			}
+		}
+	}, []);
+	const prevPropsRef = useRef({});
+	const mapsFromProps = useMemo(() => {
+		const maps = {};
+		for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && isPropDriver(value)) maps[key] = value;
+		return Object.keys(maps).length > 0 ? maps : void 0;
+	}, [props]);
+	useEffect(() => {
+		if (!uniformsRef.current) return;
+		try {
+			Object.entries(uniformsRef.current).forEach(([propName, uniformData]) => {
+				if (!uniformData || typeof uniformData !== "object") return;
+				const { uniform } = uniformData;
+				if (uniform?.value !== void 0 && propName in effectiveProps) {
+					const newValue = effectiveProps[propName];
+					if (isPropDriver(newValue)) return;
+					if (newValue !== prevPropsRef.current[propName]) {
+						parentUniformUpdate(instanceId, propName, newValue);
+						prevPropsRef.current[propName] = newValue;
+					}
+				}
+			});
+		} catch (error) {
+			console.error("Error updating uniforms:", error);
+		}
+	}, [
+		effectiveProps,
+		instanceId,
+		parentUniformUpdate
+	]);
+	useEffect(() => {
+		try {
+			parentMetadataUpdate(instanceId, {
+				blendMode: props.blendMode || "normal",
+				opacity: props.opacity,
+				visible: props.visible === false ? false : true,
+				id: props.id,
+				mask: props.maskSource ? {
+					source: props.maskSource,
+					type: props.maskType || "alpha"
+				} : void 0,
+				maps: mapsFromProps,
+				renderOrder: props.renderOrder ?? detectedOrderRef.current,
+				transform: effectiveTransform
+			});
+		} catch (error) {
+			console.error("Error updating metadata:", error);
+		}
+	}, [
+		props.blendMode,
+		props.opacity,
+		props.visible,
+		props.maskSource,
+		props.maskType,
+		props.renderOrder,
+		props.id,
+		mapsFromProps,
+		effectiveTransform,
+		instanceId,
+		parentMetadataUpdate
+	]);
+	if (props.ref && typeof props.ref === "function") try {
+		props.ref(null);
+	} catch (e) {}
+	return /* @__PURE__ */ jsx(ShaderContext.Provider, {
+		value: childContextValue,
+		children: /* @__PURE__ */ jsx("span", {
+			ref: markerRef,
+			style: MARKER_STYLE,
+			"data-shader-id": instanceId,
+			children: props.children
+		})
+	});
+};
+var RoundedRect_default = ShaderComponent;
+export { ShaderComponent, RoundedRect_default as default };

package/dist/react/Saturation.js

@@ -5,7 +5,7 @@ import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/Saturation/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/Sharpness.js

@@ -5,7 +5,7 @@ import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/Sharpness/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/Shatter.js

@@ -5,7 +5,7 @@ import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/Shatter/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/SimplexNoise.js

@@ -5,7 +5,7 @@ import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/SimplexNoise/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/SineWave.js

@@ -5,7 +5,7 @@ import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/SineWave/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/SolidColor.js

@@ -5,7 +5,7 @@ import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/SolidColor/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/Spherize.js

@@ -5,7 +5,7 @@ import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/Spherize/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/Spiral.js

@@ -5,7 +5,7 @@ import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/Spiral/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 };