shaders 2.2.46 → 2.2.48

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

@@ -1,4 +1,4 @@
 import "../../transformations-YbhRK-rd.js";
 import "../../colorMixing-CZPFmiT4.js";
-import { n as componentDefinition, t as LinearGradient_default } from "../../LinearGradient-Cn7w-umQ.js";
+import { n as componentDefinition, t as LinearGradient_default } from "../../LinearGradient-DTifAwSC.js";
 export { componentDefinition, LinearGradient_default as default };

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

@@ -1,4 +1,4 @@
 import "../../edges-Bd7GP4s2.js";
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as Liquify_default } from "../../Liquify-BCkIt0A1.js";
+import { n as componentDefinition, t as Liquify_default } from "../../Liquify-_eLJRjd7.js";
 export { componentDefinition, Liquify_default as default };

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

@@ -0,0 +1,29 @@
+import { ComponentDefinition } from '../../types';
+import { transformPosition, transformEdges } from '../../utilities/transformations';
+
+export interface ComponentProps {
+    /**
+     * The point the mirror line passes through
+     *
+     * Accepts `{ x, y }` objects with values from 0 to 1, or CSS positions like `top center`.
+     * @default {"x":0.5,"y":0.5}
+     */
+    center: Parameters<typeof transformPosition>[0];
+    /**
+     * The angle of the mirror line in degrees
+     *
+     * Accepts a number between 0 and 360.
+     * @default 0
+     */
+    angle: number;
+    /**
+     * How to handle edges when distortion pushes content out of bounds
+     *
+     * Accepts one of: `"stretch"`, `"transparent"`, `"mirror"`, `"wrap"`.
+     * @default "mirror"
+     */
+    edges: Parameters<typeof transformEdges>[0];
+}
+export declare const componentDefinition: ComponentDefinition<ComponentProps>;
+export default componentDefinition;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Mirror/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,OAAO,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,qCAAqC,CAAA;AAGrF,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;IAC/C,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;CAC9C;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CA+FnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

@@ -0,0 +1,4 @@
+import "../../edges-Bd7GP4s2.js";
+import "../../transformations-YbhRK-rd.js";
+import { n as componentDefinition, t as Mirror_default } from "../../Mirror-CnCw4TpZ.js";
+export { componentDefinition, Mirror_default as default };

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

@@ -1,4 +1,4 @@
 import "../../edges-Bd7GP4s2.js";
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as Perspective_default } from "../../Perspective-CJOFHxEC.js";
+import { n as componentDefinition, t as Perspective_default } from "../../Perspective-BpgcHA7E.js";
 export { componentDefinition, Perspective_default as default };

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

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as Pixelate_default } from "../../Pixelate-BhNAxBsT.js";
+import { n as componentDefinition, t as Pixelate_default } from "../../Pixelate-Bt2jxIDd.js";
 export { componentDefinition, Pixelate_default as default };

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

@@ -1,4 +1,4 @@
 import "../../edges-Bd7GP4s2.js";
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as PolarCoordinates_default } from "../../PolarCoordinates-DLs3K__1.js";
+import { n as componentDefinition, t as PolarCoordinates_default } from "../../PolarCoordinates-BJ8-cfC7.js";
 export { componentDefinition, PolarCoordinates_default as default };

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

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as Posterize_default } from "../../Posterize-XoAqPWv2.js";
+import { n as componentDefinition, t as Posterize_default } from "../../Posterize-Bs-iNEVB.js";
 export { componentDefinition, Posterize_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as ProgressiveBlur_default } from "../../ProgressiveBlur-BIZSnUjp.js";
+import { n as componentDefinition, t as ProgressiveBlur_default } from "../../ProgressiveBlur-DELpd9wJ.js";
 export { componentDefinition, ProgressiveBlur_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-YbhRK-rd.js";
 import "../../colorMixing-CZPFmiT4.js";
-import { n as componentDefinition, t as RadialGradient_default } from "../../RadialGradient-sQgXXXQk.js";
+import { n as componentDefinition, t as RadialGradient_default } from "../../RadialGradient-DQ4JGS5G.js";
 export { componentDefinition, RadialGradient_default as default };

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

@@ -1,4 +1,4 @@
 import "../../edges-Bd7GP4s2.js";
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as RectangularCoordinates_default } from "../../RectangularCoordinates-CyarkXn0.js";
+import { n as componentDefinition, t as RectangularCoordinates_default } from "../../RectangularCoordinates-DXSP_gdW.js";
 export { componentDefinition, RectangularCoordinates_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-YbhRK-rd.js";
 import "../../time-BZqyVJXt.js";
 import "../../colorMixing-CZPFmiT4.js";
-import { n as componentDefinition, t as Ripples_default } from "../../Ripples-Djjw66Bn.js";
+import { n as componentDefinition, t as Ripples_default } from "../../Ripples-DwDKIvtQ.js";
 export { componentDefinition, Ripples_default as default };

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

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as Saturation_default } from "../../Saturation-DLHW_GP6.js";
+import { n as componentDefinition, t as Saturation_default } from "../../Saturation-ekyl1D9y.js";
 export { componentDefinition, Saturation_default as default };

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

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as Sharpness_default } from "../../Sharpness-DkGuV_dy.js";
+import { n as componentDefinition, t as Sharpness_default } from "../../Sharpness-DlWZ-yPe.js";
 export { componentDefinition, Sharpness_default as default };

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

@@ -1,4 +1,4 @@
 import "../../edges-Bd7GP4s2.js";
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as Shatter_default } from "../../Shatter-DVgj2Ea3.js";
+import { n as componentDefinition, t as Shatter_default } from "../../Shatter-BeD72o80.js";
 export { componentDefinition, Shatter_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-YbhRK-rd.js";
 import "../../time-BZqyVJXt.js";
 import "../../colorMixing-CZPFmiT4.js";
-import { n as componentDefinition, t as SimplexNoise_default } from "../../SimplexNoise-BXtLTcAr.js";
+import { n as componentDefinition, t as SimplexNoise_default } from "../../SimplexNoise-DIo9v2-R.js";
 export { componentDefinition, SimplexNoise_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-YbhRK-rd.js";
 import "../../time-BZqyVJXt.js";
-import { n as componentDefinition, t as SineWave_default } from "../../SineWave-BxqFasFh.js";
+import { n as componentDefinition, t as SineWave_default } from "../../SineWave-DFNnXFYQ.js";
 export { componentDefinition, SineWave_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as SolidColor_default } from "../../SolidColor-DFkDBFq3.js";
+import { n as componentDefinition, t as SolidColor_default } from "../../SolidColor-B4eYGf_i.js";
 export { componentDefinition, SolidColor_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as Spherize_default } from "../../Spherize-DIJ4c_EG.js";
+import { n as componentDefinition, t as Spherize_default } from "../../Spherize-BIVrRcZG.js";
 export { componentDefinition, Spherize_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-YbhRK-rd.js";
 import "../../time-BZqyVJXt.js";
 import "../../colorMixing-CZPFmiT4.js";
-import { n as componentDefinition, t as Spiral_default } from "../../Spiral-BBtmU1Fv.js";
+import { n as componentDefinition, t as Spiral_default } from "../../Spiral-CqjRxq1I.js";
 export { componentDefinition, Spiral_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-YbhRK-rd.js";
 import "../../time-BZqyVJXt.js";
-import { n as componentDefinition, t as Strands_default } from "../../Strands-D6UOhX0L.js";
+import { n as componentDefinition, t as Strands_default } from "../../Strands-B-a2SQB2.js";
 export { componentDefinition, Strands_default as default };

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

@@ -1,4 +1,4 @@
 import "../../edges-Bd7GP4s2.js";
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as Stretch_default } from "../../Stretch-DLpz8Ofm.js";
+import { n as componentDefinition, t as Stretch_default } from "../../Stretch-CZv3u-3X.js";
 export { componentDefinition, Stretch_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-YbhRK-rd.js";
 import "../../time-BZqyVJXt.js";
 import "../../colorMixing-CZPFmiT4.js";
-import { n as componentDefinition, t as Stripes_default } from "../../Stripes-Bre3Z2m_.js";
+import { n as componentDefinition, t as Stripes_default } from "../../Stripes-CXUFg1Gt.js";
 export { componentDefinition, Stripes_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-YbhRK-rd.js";
 import "../../time-BZqyVJXt.js";
 import "../../colorMixing-CZPFmiT4.js";
-import { n as componentDefinition, t as Swirl_default } from "../../Swirl-CfsYsr4X.js";
+import { n as componentDefinition, t as Swirl_default } from "../../Swirl-BcEmYjJs.js";
 export { componentDefinition, Swirl_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as TiltShift_default } from "../../TiltShift-BPpXBzBg.js";
+import { n as componentDefinition, t as TiltShift_default } from "../../TiltShift-679S-uVs.js";
 export { componentDefinition, TiltShift_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as Tint_default } from "../../Tint-BazvezVn.js";
+import { n as componentDefinition, t as Tint_default } from "../../Tint-DS7IJWfS.js";
 export { componentDefinition, Tint_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-YbhRK-rd.js";
 import "../../colorMixing-CZPFmiT4.js";
-import { n as componentDefinition, t as Tritone_default } from "../../Tritone-w0h2ebDB.js";
+import { n as componentDefinition, t as Tritone_default } from "../../Tritone-m_0hwkvN.js";
 export { componentDefinition, Tritone_default as default };

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

@@ -1,4 +1,4 @@
 import "../../edges-Bd7GP4s2.js";
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as Twirl_default } from "../../Twirl-dmfYS2Eo.js";
+import { n as componentDefinition, t as Twirl_default } from "../../Twirl-DcuGsZAB.js";
 export { componentDefinition, Twirl_default as default };

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

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as Vibrance_default } from "../../Vibrance-BpWyAK9W.js";
+import { n as componentDefinition, t as Vibrance_default } from "../../Vibrance-BafFCMLv.js";
 export { componentDefinition, Vibrance_default as default };

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

@@ -1,5 +1,5 @@
 import "../../edges-Bd7GP4s2.js";
 import "../../transformations-YbhRK-rd.js";
 import "../../time-BZqyVJXt.js";
-import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-hWdvaZmT.js";
+import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-CQkMSDMg.js";
 export { componentDefinition, WaveDistortion_default as default };

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

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as WebcamTexture_default } from "../../WebcamTexture-D4Uv7Plz.js";
+import { n as componentDefinition, t as WebcamTexture_default } from "../../WebcamTexture-C5oIVQlF.js";
 export { componentDefinition, WebcamTexture_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-DCI4uHOL.js";
+import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-pFDohu2G.js";
 export { componentDefinition, ZoomBlur_default as default };

package/dist/react/FlowField.js

@@ -0,0 +1,144 @@
+import { ShaderContext } from "./Shader.js";
+import { useContext, useEffect, useMemo, useRef } from "react";
+import { createUniformsMap } from "../core/index.js";
+import { jsx } from "react/jsx-runtime";
+import { componentDefinition } from "../core/shaders/FlowField/index.js";
+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) baseProps[key] = value;
+	return baseProps;
+}
+var DEFAULT_TRANSFORM = {
+	offsetX: 0,
+	offsetY: 0,
+	rotation: 0,
+	scale: 1,
+	anchorX: .5,
+	anchorY: .5,
+	edges: "transparent"
+};
+var defaultProps = {
+	blendMode: "normal",
+	renderOrder: 0,
+	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 } = context;
+	const instanceId = useMemo(() => {
+		return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+	}, [props.id]);
+	const effectiveProps = useMemo(() => {
+		return computeEffectiveProps(props, defaultProps);
+	}, [props]);
+	const effectiveTransform = useMemo(() => ({
+		...DEFAULT_TRANSFORM,
+		...props.transform
+	}), [props.transform]);
+	const uniformsRef = useRef(null);
+	if (uniformsRef.current === null) 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,
+				renderOrder: props.renderOrder || 0,
+				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
+	]);
+	const prevPropsRef = useRef({});
+	useEffect(() => {
+		if (!uniformsRef.current) return;
+		try {
+			Object.entries(uniformsRef.current).forEach(([propName, uniformData]) => {
+				if (!uniformData || typeof uniformData !== "object") return;
+				const { uniform, transform } = uniformData;
+				if (uniform?.value !== void 0 && propName in effectiveProps) {
+					const newValue = effectiveProps[propName];
+					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,
+				renderOrder: props.renderOrder || 0,
+				transform: effectiveTransform
+			});
+		} catch (error) {
+			console.error("Error updating metadata:", error);
+		}
+	}, [
+		props.blendMode,
+		props.opacity,
+		props.visible,
+		props.maskSource,
+		props.maskType,
+		props.renderOrder,
+		props.id,
+		effectiveTransform,
+		instanceId,
+		parentMetadataUpdate
+	]);
+	if (props.ref && typeof props.ref === "function") try {
+		props.ref(null);
+	} catch (e) {}
+	return /* @__PURE__ */ jsx(ShaderContext.Provider, {
+		value: childContextValue,
+		children: props.children
+	});
+};
+var FlowField_default = ShaderComponent;
+export { FlowField_default as default };

package/dist/react/Kaleidoscope.js

@@ -0,0 +1,144 @@
+import { ShaderContext } from "./Shader.js";
+import { useContext, useEffect, useMemo, useRef } from "react";
+import { createUniformsMap } from "../core/index.js";
+import { jsx } from "react/jsx-runtime";
+import { componentDefinition } from "../core/shaders/Kaleidoscope/index.js";
+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) baseProps[key] = value;
+	return baseProps;
+}
+var DEFAULT_TRANSFORM = {
+	offsetX: 0,
+	offsetY: 0,
+	rotation: 0,
+	scale: 1,
+	anchorX: .5,
+	anchorY: .5,
+	edges: "transparent"
+};
+var defaultProps = {
+	blendMode: "normal",
+	renderOrder: 0,
+	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 } = context;
+	const instanceId = useMemo(() => {
+		return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+	}, [props.id]);
+	const effectiveProps = useMemo(() => {
+		return computeEffectiveProps(props, defaultProps);
+	}, [props]);
+	const effectiveTransform = useMemo(() => ({
+		...DEFAULT_TRANSFORM,
+		...props.transform
+	}), [props.transform]);
+	const uniformsRef = useRef(null);
+	if (uniformsRef.current === null) 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,
+				renderOrder: props.renderOrder || 0,
+				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
+	]);
+	const prevPropsRef = useRef({});
+	useEffect(() => {
+		if (!uniformsRef.current) return;
+		try {
+			Object.entries(uniformsRef.current).forEach(([propName, uniformData]) => {
+				if (!uniformData || typeof uniformData !== "object") return;
+				const { uniform, transform } = uniformData;
+				if (uniform?.value !== void 0 && propName in effectiveProps) {
+					const newValue = effectiveProps[propName];
+					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,
+				renderOrder: props.renderOrder || 0,
+				transform: effectiveTransform
+			});
+		} catch (error) {
+			console.error("Error updating metadata:", error);
+		}
+	}, [
+		props.blendMode,
+		props.opacity,
+		props.visible,
+		props.maskSource,
+		props.maskType,
+		props.renderOrder,
+		props.id,
+		effectiveTransform,
+		instanceId,
+		parentMetadataUpdate
+	]);
+	if (props.ref && typeof props.ref === "function") try {
+		props.ref(null);
+	} catch (e) {}
+	return /* @__PURE__ */ jsx(ShaderContext.Provider, {
+		value: childContextValue,
+		children: props.children
+	});
+};
+var Kaleidoscope_default = ShaderComponent;
+export { Kaleidoscope_default as default };