shaders 2.5.115 → 2.5.117

package/dist/core/shaders/WorleyNoise/index.d.ts

@@ -0,0 +1,99 @@
+import { ComponentDefinition } from '../../types';
+import { transformColor } from '../../utilities/transformations';
+
+export interface ComponentProps {
+    /**
+     * Color where the noise field is low (typically near cell centers)
+     *
+     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
+     * @default "#ffffff"
+     */
+    colorA: Parameters<typeof transformColor>[0];
+    /**
+     * Color where the noise field is high (typically near cell boundaries)
+     *
+     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
+     * @default "#000000"
+     */
+    colorB: Parameters<typeof transformColor>[0];
+    /**
+     * Color space for color interpolation
+     *
+     * Accepts one of the predefined option values.
+     * @default "linear"
+     */
+    colorSpace: string;
+    /**
+     * Number of cells across the canvas at the base octave
+     *
+     * @default 6
+     */
+    scale: number;
+    /**
+     * Field type. F1 = distance to nearest point. F2 = distance to second-nearest. F2 − F1 emphasises cell boundaries.
+     *
+     * Accepts one of: `"f1"`, `"f2"`, `"f2MinusF1"`, `"f1PlusF2"`, `"f1TimesF2"`.
+     * @default "f1"
+     */
+    mode: string;
+    /**
+     * Distance metric. Euclidean = round cells. Manhattan = diamond. Chebyshev = square.
+     *
+     * Accepts one of: `"euclidean"`, `"manhattan"`, `"chebyshev"`.
+     * @default "euclidean"
+     */
+    distance: string;
+    /**
+     * Number of fractal layers stacked at progressively finer scales
+     *
+     * Accepts a number between 1 and 4.
+     * @default 1
+     */
+    octaves: number;
+    /**
+     * Scale multiplier between octaves (only active when Octaves > 1)
+     *
+     * @default 2
+     */
+    lacunarity: number;
+    /**
+     * Amplitude multiplier between octaves (only active when Octaves > 1)
+     *
+     * @default 0.5
+     */
+    persistence: number;
+    /**
+     * How much each cell\
+     *
+     * @default 1
+     */
+    jitter: number;
+    /**
+     * Steepness of the gradient between low and high regions
+     *
+     * @default 1
+     */
+    contrast: number;
+    /**
+     * Shifts the gradient midpoint. Negative pulls the field toward Color A, positive toward Color B.
+     *
+     * @default 0
+     */
+    balance: number;
+    /**
+     * Random seed — shifts the cell pattern without changing its overall structure
+     *
+     * @default 0
+     */
+    seed: number;
+    /**
+     * Animation speed — how fast each cell\
+     *
+     * Accepts a number between 0 and 5.
+     * @default 0.5
+     */
+    speed: number;
+}
+export declare const componentDefinition: ComponentDefinition<ComponentProps>;
+export default componentDefinition;
+//# sourceMappingURL=index.d.ts.map

package/dist/core/shaders/WorleyNoise/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/WorleyNoise/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAsB,MAAM,iBAAiB,CAAA;AAGzE,OAAO,EAAE,cAAc,EAA0C,MAAM,qCAAqC,CAAA;AAoB5G,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CAChB;AAYD,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAsPnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/core/shaders/WorleyNoise/index.js

@@ -0,0 +1,5 @@
+import "../../transformations-CJcUeZIC.js";
+import "../../colorMixing-BPpDnR5I.js";
+import "../../time-DUqSFWvT.js";
+import { n as componentDefinition, t as WorleyNoise_default } from "../../WorleyNoise-Derik4n-.js";
+export { componentDefinition, WorleyNoise_default as default };

package/dist/core/shaders/ZoomBlur/index.js

@@ -1,4 +1,4 @@
-import "../../transformations-B5lM6fYX.js";
+import "../../transformations-CJcUeZIC.js";
 import "../../alpha-C4ptedXe.js";
-import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-DOzP_sOK.js";
+import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-BdLC9MCq.js";
 export { componentDefinition, ZoomBlur_default as default };

package/dist/core/{transformations-B5lM6fYX.js → transformations-CJcUeZIC.js}

@@ -4598,21 +4598,36 @@ const setColorSpaceMode = (mode) => {
 	colorSpaceMode = mode;
 };
 const transformBoolean = (value) => value ? 1 : -1;
+function parseColorChannels(value) {
+	try {
+		const threeColor = new Color(value);
+		const targetSpace = colorSpaceMode === "srgb" ? "srgb-linear" : "p3-linear";
+		const coords = threeColor.to(targetSpace).coords;
+		return {
+			r: Number.isFinite(coords?.[0]) ? coords[0] : 0,
+			g: Number.isFinite(coords?.[1]) ? coords[1] : 0,
+			b: Number.isFinite(coords?.[2]) ? coords[2] : 0,
+			a: Number.isFinite(threeColor.alpha) ? threeColor.alpha : 0
+		};
+	} catch {
+		return {
+			r: 0,
+			g: 0,
+			b: 0,
+			a: 0
+		};
+	}
+}
 const transformColor = (value) => {
-	const threeColor = new Color(value);
-	const targetSpace = colorSpaceMode === "srgb" ? "srgb-linear" : "p3-linear";
-	const coords = threeColor.to(targetSpace).coords;
-	const r = coords[0], g$1 = coords[1], b$2 = coords[2], a$1 = threeColor.alpha;
+	const { r, g: g$1, b: b$2, a: a$1 } = parseColorChannels(value);
 	return {
 		node: vec4(r, g$1, b$2, a$1),
 		data: new Vector4(r, g$1, b$2, a$1)
 	};
 };
 const transformColorUpdate = (value) => {
-	const threeColor = new Color(value);
-	const targetSpace = colorSpaceMode === "srgb" ? "srgb-linear" : "p3-linear";
-	const coords = threeColor.to(targetSpace).coords;
-	return getReusableVector4().set(coords[0], coords[1], coords[2], threeColor.alpha);
+	const { r, g: g$1, b: b$2, a: a$1 } = parseColorChannels(value);
+	return getReusableVector4().set(r, g$1, b$2, a$1);
 };
 const transformPosition = (value) => {
 	let x = .5;

package/dist/core/utilities/transformations/index.js

@@ -1,2 +1,2 @@
-import { a as transformColor, c as transformEdges, i as transformBoolean, l as transformPosition, n as setColorSpaceMode, o as transformColorSpace, r as transformAngle, s as transformColorUpdate, t as colorSpaceOptions, u as transformPositionUpdate } from "../../transformations-B5lM6fYX.js";
+import { a as transformColor, c as transformEdges, i as transformBoolean, l as transformPosition, n as setColorSpaceMode, o as transformColorSpace, r as transformAngle, s as transformColorUpdate, t as colorSpaceOptions, u as transformPositionUpdate } from "../../transformations-CJcUeZIC.js";
 export { colorSpaceOptions, setColorSpaceMode, transformAngle, transformBoolean, transformColor, transformColorSpace, transformColorUpdate, transformEdges, transformPosition, transformPositionUpdate };

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

@@ -1 +1 @@
-{"version":3,"file":"transformations.d.ts","sourceRoot":"","sources":["../../src/utilities/transformations.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAE,OAAO,EAAC,MAAM,OAAO,CAAA;AA4BtC,eAAO,MAAM,iBAAiB,SAAU,WAAW,GAAG,MAAM,SAE3D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,UAAW,OAAO,WAAkB,CAAA;AAEjE;;;;;GAKG;AACH,eAAO,MAAM,cAAc,UAAW,MAAM;UAMV,GAAG;;CAGpC,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,UAAW,MAAM,KAAG,OAKpD,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,UAAW;IAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAC,GAAG,MAAM;UA4DzD,GAAG;;CAGnC,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,UAAW;IAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAC,GAAG,MAAM,KAAG,OAiDlG,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,UAAW,MAAM,GAAG,MAAM,KAAG,MAyEvD,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,UAAW,MAAM,KAAG,MAe9C,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB;;;GAO7B,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,UAAW,MAAM,KAAG,MAiBnD,CAAA"}
+{"version":3,"file":"transformations.d.ts","sourceRoot":"","sources":["../../src/utilities/transformations.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAE,OAAO,EAAC,MAAM,OAAO,CAAA;AA4BtC,eAAO,MAAM,iBAAiB,SAAU,WAAW,GAAG,MAAM,SAE3D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,UAAW,OAAO,WAAkB,CAAA;AAgCjE;;;;;GAKG;AACH,eAAO,MAAM,cAAc,UAAW,MAAM;UAGV,GAAG;;CAGpC,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,UAAW,MAAM,KAAG,OAGpD,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,UAAW;IAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAC,GAAG,MAAM;UA4DzD,GAAG;;CAGnC,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,UAAW;IAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAC,GAAG,MAAM,KAAG,OAiDlG,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,UAAW,MAAM,GAAG,MAAM,KAAG,MAyEvD,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,UAAW,MAAM,KAAG,MAe9C,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB;;;GAO7B,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,UAAW,MAAM,KAAG,MAiBnD,CAAA"}

package/dist/js/createShader.js

@@ -48,7 +48,7 @@ async function createShader(canvas, preset, options) {
 	if (isExternalUser()) {
 		const checkRendering = () => {
 			if (renderer.getPerformanceStats().fps > 0) {
-				telemetryCollector = startTelemetry(renderer, "2.5.115", options?.disableTelemetry || false, false);
+				telemetryCollector = startTelemetry(renderer, "2.5.117", options?.disableTelemetry || false, false);
 				if (telemetryCollector) telemetryCollector.start();
 				telemetryStartTimeout = null;
 			} else telemetryStartTimeout = setTimeout(checkRendering, 500);

package/dist/js/utils/generatePresetCode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAi+CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAoBlG;AAGD,eAAO,MAAM,mBAAmB,UA8G/B,CAAA"}
+{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAm/CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAoBlG;AAGD,eAAO,MAAM,mBAAmB,UA+G/B,CAAA"}

package/dist/js/utils/generatePresetCode.js

@@ -1341,6 +1341,24 @@ var shaderMetadata = {
 		"objectFit": "cover",
 		"mirror": true
 	},
+	"WorleyNoise": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#ffffff",
+		"colorB": "#000000",
+		"colorSpace": "linear",
+		"scale": 6,
+		"mode": "f1",
+		"distance": "euclidean",
+		"octaves": 1,
+		"lacunarity": 2,
+		"persistence": .5,
+		"jitter": 1,
+		"contrast": 1,
+		"balance": 0,
+		"seed": 0,
+		"speed": .5
+	},
 	"ZoomBlur": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1374,7 +1392,7 @@ function formatValue(value, indent) {
 }
 function shouldIncludeProp(key, value, componentType, props) {
 	if (key === "maskType" && value === "alpha") return false;
-	if (key === "shape" && props.shapeSdfUrl) return false;
+	if ((key === "shape" || key === "shapeType") && props.shapeSdfUrl) return false;
 	if (key === "transform" && typeof value === "object") {
 		if (Object.keys(DEFAULT_TRANSFORM).every((k) => value[k] === DEFAULT_TRANSFORM[k])) return false;
 	}
@@ -1539,6 +1557,7 @@ const availableComponents = [
 	"WaveDistortion",
 	"Weave",
 	"WebcamTexture",
+	"WorleyNoise",
 	"ZoomBlur"
 ];
 export { availableComponents, generatePresetCode };

package/dist/react/Preview.js

@@ -215,6 +215,7 @@ var componentMap = {
 	WaveDistortion: lazy(() => import("./WaveDistortion.js")),
 	Weave: lazy(() => import("./Weave.js")),
 	WebcamTexture: lazy(() => import("./WebcamTexture.js")),
+	WorleyNoise: lazy(() => import("./WorleyNoise.js")),
 	ZoomBlur: lazy(() => import("./ZoomBlur.js"))
 };
 var DEFAULT_KEY = "shaders-preview-key";

package/dist/react/Shader.js

@@ -89,7 +89,7 @@ const Shader = ({ children, disableTelemetry = false, colorSpace = "p3-linear",
 				return;
 			}
 			if (rendererRef.current.getPerformanceStats().fps > 0) {
-				telemetryCollectorRef.current = startTelemetry(rendererRef.current, "2.5.115", disableTelemetry, isPreview);
+				telemetryCollectorRef.current = startTelemetry(rendererRef.current, "2.5.117", disableTelemetry, isPreview);
 				if (telemetryCollectorRef.current) telemetryCollectorRef.current.start();
 				telemetryStartTimeoutRef.current = null;
 			} else telemetryStartTimeoutRef.current = window.setTimeout(checkRendering, 500);

package/dist/react/WorleyNoise.js

@@ -0,0 +1,217 @@
+import { ShaderContext } from "./Shader.js";
+import { useContext, useEffect, useId, useMemo, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { componentDefinition } from "../core/shaders/WorleyNoise/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 reactId = useId();
+	const instanceId = useMemo(() => {
+		return (props.id ? props.id.replace(/[^a-zA-Z0-9_]/g, "_") : null) || reactId.replace(/[^a-zA-Z0-9_]/g, "");
+	}, [props.id, reactId]);
+	const effectiveProps = useMemo(() => {
+		return computeEffectiveProps(props, defaultProps);
+	}, [props]);
+	const effectiveTransform = useMemo(() => ({
+		...DEFAULT_TRANSFORM,
+		...props.transform
+	}), [props.transform]);
+	const markerRef = useRef(null);
+	const isCapturesDOM = !!componentDefinition.capturesDOM;
+	const captureCanvasRef = useRef(null);
+	const [domMounted, setDomMounted] = useState(false);
+	const [captureSize, setCaptureSize] = useState(() => ({
+		w: typeof window !== "undefined" ? Math.round(window.innerWidth * Math.min(window.devicePixelRatio, 2)) : 0,
+		h: typeof window !== "undefined" ? Math.round(window.innerHeight * Math.min(window.devicePixelRatio, 2)) : 0
+	}));
+	useEffect(() => {
+		if (!isCapturesDOM) return;
+		setDomMounted(true);
+		const onResize = () => {
+			const d = Math.min(window.devicePixelRatio, 2);
+			setCaptureSize({
+				w: Math.round(window.innerWidth * d),
+				h: Math.round(window.innerHeight * d)
+			});
+		};
+		window.addEventListener("resize", onResize);
+		return () => window.removeEventListener("resize", onResize);
+	}, [isCapturesDOM]);
+	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, isCapturesDOM ? captureCanvasRef.current ?? void 0 : void 0);
+			return () => {
+				parentRegister(instanceId, null, null, null, null);
+			};
+		} catch (error) {
+			console.error("Error registering shader node:", error);
+			return () => {};
+		}
+	}, [
+		instanceId,
+		parentId,
+		parentRegister,
+		domMounted
+	]);
+	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) {}
+	const captureCanvas = isCapturesDOM && domMounted ? createPortal(/* @__PURE__ */ jsx("canvas", {
+		ref: captureCanvasRef,
+		"layoutsubtree": "",
+		width: captureSize.w,
+		height: captureSize.h,
+		style: {
+			position: "fixed",
+			inset: 0,
+			width: "100vw",
+			height: "100vh",
+			zIndex: -9999
+		},
+		children: props.children
+	}), document.body) : null;
+	return /* @__PURE__ */ jsxs(ShaderContext.Provider, {
+		value: childContextValue,
+		children: [/* @__PURE__ */ jsx("span", {
+			ref: markerRef,
+			style: MARKER_STYLE,
+			"data-shader-id": instanceId,
+			children: !isCapturesDOM && props.children
+		}), captureCanvas]
+	});
+};
+var WorleyNoise_default = ShaderComponent;
+export { ShaderComponent, WorleyNoise_default as default };