shaders 2.5.122 → 2.5.123

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

@@ -0,0 +1,6 @@
+import "../../edges-CX_lJB9R.js";
+import "../../transformations-CJcUeZIC.js";
+import "../../alpha-C4ptedXe.js";
+import "../../computeBlur-CprKe0xa.js";
+import { n as componentDefinition, t as ReflectivePlane_default } from "../../ReflectivePlane-UIT4xlmn.js";
+export { componentDefinition, ReflectivePlane_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-CJcUeZIC.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../sdf-D_EAGXhN.js";
-import { n as componentDefinition, t as Ring_default } from "../../Ring-CtnDtTY8.js";
+import { n as componentDefinition, t as Ring_default } from "../../Ring-UT__kmzY.js";
 export { componentDefinition, Ring_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-CJcUeZIC.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as Ripples_default } from "../../Ripples-B4H0VoZb.js";
+import { n as componentDefinition, t as Ripples_default } from "../../Ripples-CWVLSUP0.js";
 export { componentDefinition, Ripples_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-CJcUeZIC.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../sdf-D_EAGXhN.js";
-import { n as componentDefinition, t as RoundedRect_default } from "../../RoundedRect-tnt7Jr5b.js";
+import { n as componentDefinition, t as RoundedRect_default } from "../../RoundedRect-BPWHTT1j.js";
 export { componentDefinition, RoundedRect_default as default };

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

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

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

@@ -1,3 +1,3 @@
 import "../../alpha-C4ptedXe.js";
-import { n as componentDefinition, t as Sharpness_default } from "../../Sharpness-C4cJlBuh.js";
+import { n as componentDefinition, t as Sharpness_default } from "../../Sharpness-C-IEswPL.js";
 export { componentDefinition, Sharpness_default as default };

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

@@ -1,5 +1,5 @@
 import "../../edges-CX_lJB9R.js";
 import "../../transformations-CJcUeZIC.js";
 import "../../alpha-C4ptedXe.js";
-import { n as componentDefinition, t as Shatter_default } from "../../Shatter-CnkycTRD.js";
+import { n as componentDefinition, t as Shatter_default } from "../../Shatter-CUYQp-qy.js";
 export { componentDefinition, Shatter_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-CJcUeZIC.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as SimplexNoise_default } from "../../SimplexNoise-BnRaoxON.js";
+import { n as componentDefinition, t as SimplexNoise_default } from "../../SimplexNoise-LAxWw8fJ.js";
 export { componentDefinition, SimplexNoise_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-CJcUeZIC.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as SineWave_default } from "../../SineWave-CZ4Fanvr.js";
+import { n as componentDefinition, t as SineWave_default } from "../../SineWave-CEQWxC9Q.js";
 export { componentDefinition, SineWave_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-CJcUeZIC.js";
 import "../../colorMixing-BPpDnR5I.js";
-import { n as componentDefinition, t as Smoke_default } from "../../Smoke-CXPjGG-b.js";
+import { n as componentDefinition, t as Smoke_default } from "../../Smoke-DO4yylWk.js";
 export { componentDefinition, Smoke_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-CJcUeZIC.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../sdf-D_EAGXhN.js";
-import { n as componentDefinition, t as SmokeFill_default } from "../../SmokeFill-DzEtYeKN.js";
+import { n as componentDefinition, t as SmokeFill_default } from "../../SmokeFill-Dm0sZS5F.js";
 export { componentDefinition, SmokeFill_default as default };

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

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as Solarize_default } from "../../Solarize-CynVlxjT.js";
+import { n as componentDefinition, t as Solarize_default } from "../../Solarize-mE7LU1li.js";
 export { componentDefinition, Solarize_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-CJcUeZIC.js";
-import { n as componentDefinition, t as SolidColor_default } from "../../SolidColor-dCAOGC_P.js";
+import { n as componentDefinition, t as SolidColor_default } from "../../SolidColor-BljkSdvg.js";
 export { componentDefinition, SolidColor_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-CJcUeZIC.js";
 import "../../alpha-C4ptedXe.js";
-import { n as componentDefinition, t as Spherize_default } from "../../Spherize-C77QGVWj.js";
+import { n as componentDefinition, t as Spherize_default } from "../../Spherize-DARagREe.js";
 export { componentDefinition, Spherize_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-CJcUeZIC.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as Spiral_default } from "../../Spiral-eN65wa6O.js";
+import { n as componentDefinition, t as Spiral_default } from "../../Spiral-CumsIpkp.js";
 export { componentDefinition, Spiral_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-CJcUeZIC.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../sdf-D_EAGXhN.js";
-import { n as componentDefinition, t as Star_default } from "../../Star-0Flymgm9.js";
+import { n as componentDefinition, t as Star_default } from "../../Star-8fAlzR9L.js";
 export { componentDefinition, Star_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-CJcUeZIC.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as Strands_default } from "../../Strands-DnWJDGiO.js";
+import { n as componentDefinition, t as Strands_default } from "../../Strands-BB4RIsFz.js";
 export { componentDefinition, Strands_default as default };

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

@@ -1,5 +1,5 @@
 import "../../edges-CX_lJB9R.js";
 import "../../transformations-CJcUeZIC.js";
 import "../../alpha-C4ptedXe.js";
-import { n as componentDefinition, t as Stretch_default } from "../../Stretch-B5XGF1bF.js";
+import { n as componentDefinition, t as Stretch_default } from "../../Stretch-3S2atBkJ.js";
 export { componentDefinition, Stretch_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-CJcUeZIC.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as Stripes_default } from "../../Stripes-CNXJpFyr.js";
+import { n as componentDefinition, t as Stripes_default } from "../../Stripes-BGFVSZIt.js";
 export { componentDefinition, Stripes_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-CJcUeZIC.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as StudioBackground_default } from "../../StudioBackground-DtiE2mCf.js";
+import { n as componentDefinition, t as StudioBackground_default } from "../../StudioBackground-BtJ6b1Ki.js";
 export { componentDefinition, StudioBackground_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-CJcUeZIC.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as SunBurst_default } from "../../SunBurst-D9X1-buZ.js";
+import { n as componentDefinition, t as SunBurst_default } from "../../SunBurst-BJRFFYhs.js";
 export { componentDefinition, SunBurst_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-CJcUeZIC.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as Swirl_default } from "../../Swirl-BV6pN94G.js";
+import { n as componentDefinition, t as Swirl_default } from "../../Swirl-KA9cEnLI.js";
 export { componentDefinition, Swirl_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-CJcUeZIC.js";
 import "../../alpha-C4ptedXe.js";
 import "../../computeBlur-CprKe0xa.js";
-import { n as componentDefinition, t as TiltShift_default } from "../../TiltShift-r4qzPb2k.js";
+import { n as componentDefinition, t as TiltShift_default } from "../../TiltShift-DtQ3dRL-.js";
 export { componentDefinition, TiltShift_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-CJcUeZIC.js";
-import { n as componentDefinition, t as Tint_default } from "../../Tint-CJ8FQdzA.js";
+import { n as componentDefinition, t as Tint_default } from "../../Tint-W_EvzN1-.js";
 export { componentDefinition, Tint_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-CJcUeZIC.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../sdf-D_EAGXhN.js";
-import { n as componentDefinition, t as Trapezoid_default } from "../../Trapezoid-JmybJMUr.js";
+import { n as componentDefinition, t as Trapezoid_default } from "../../Trapezoid-cQzS6-bh.js";
 export { componentDefinition, Trapezoid_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-CJcUeZIC.js";
 import "../../colorMixing-BPpDnR5I.js";
-import { n as componentDefinition, t as Tritone_default } from "../../Tritone-D_QvxjGc.js";
+import { n as componentDefinition, t as Tritone_default } from "../../Tritone-B3hI2nAi.js";
 export { componentDefinition, Tritone_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-CJcUeZIC.js";
 import "../../colorMixing-BPpDnR5I.js";
-import { n as componentDefinition, t as Truchet_default } from "../../Truchet-BJeZS_JQ.js";
+import { n as componentDefinition, t as Truchet_default } from "../../Truchet-s9PmowCP.js";
 export { componentDefinition, Truchet_default as default };

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

@@ -1,5 +1,5 @@
 import "../../edges-CX_lJB9R.js";
 import "../../transformations-CJcUeZIC.js";
 import "../../alpha-C4ptedXe.js";
-import { n as componentDefinition, t as Twirl_default } from "../../Twirl-8ayqS0n8.js";
+import { n as componentDefinition, t as Twirl_default } from "../../Twirl-UDDXGkFl.js";
 export { componentDefinition, Twirl_default as default };

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

@@ -1,3 +1,3 @@
 import "../../alpha-C4ptedXe.js";
-import { n as componentDefinition, t as VHS_default } from "../../VHS-Gbec95K_.js";
+import { n as componentDefinition, t as VHS_default } from "../../VHS-DW1H7Wuy.js";
 export { componentDefinition, VHS_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-CJcUeZIC.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../sdf-D_EAGXhN.js";
-import { n as componentDefinition, t as Vesica_default } from "../../Vesica-D7iqgpJg.js";
+import { n as componentDefinition, t as Vesica_default } from "../../Vesica-ChQBYWuw.js";
 export { componentDefinition, Vesica_default as default };

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

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

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

@@ -1,3 +1,3 @@
-import "../../browser-BamVDhaZ.js";
-import { n as componentDefinition, t as VideoTexture_default } from "../../VideoTexture-D9XxE1Hw.js";
+import "../../browser-NUM-x2tw.js";
+import { n as componentDefinition, t as VideoTexture_default } from "../../VideoTexture-ClutlOqj.js";
 export { componentDefinition, VideoTexture_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-CJcUeZIC.js";
-import { n as componentDefinition, t as Vignette_default } from "../../Vignette-Y_2yono-.js";
+import { n as componentDefinition, t as Vignette_default } from "../../Vignette-F9yxi-UM.js";
 export { componentDefinition, Vignette_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-CJcUeZIC.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as Voronoi_default } from "../../Voronoi-DQ_f6k5D.js";
+import { n as componentDefinition, t as Voronoi_default } from "../../Voronoi-D8HHP_WR.js";
 export { componentDefinition, Voronoi_default as default };

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

@@ -2,5 +2,5 @@ import "../../edges-CX_lJB9R.js";
 import "../../transformations-CJcUeZIC.js";
 import "../../alpha-C4ptedXe.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-R5FfwKQN.js";
+import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-CDIc5Uyk.js";
 export { componentDefinition, WaveDistortion_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-CJcUeZIC.js";
-import { n as componentDefinition, t as Weave_default } from "../../Weave-DJ4s3Gwc.js";
+import { n as componentDefinition, t as Weave_default } from "../../Weave-ou5shgl3.js";
 export { componentDefinition, Weave_default as default };

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

@@ -1,3 +1,3 @@
-import "../../browser-BamVDhaZ.js";
-import { n as componentDefinition, t as WebcamTexture_default } from "../../WebcamTexture-9Td8qQWm.js";
+import "../../browser-NUM-x2tw.js";
+import { n as componentDefinition, t as WebcamTexture_default } from "../../WebcamTexture-D4e06ajM.js";
 export { componentDefinition, WebcamTexture_default as default };

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

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

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

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

package/dist/js/createShader.js

@@ -148,7 +148,7 @@ async function createShader(canvas, preset, options) {
 					return;
 				}
 				if (renderer.getPerformanceStats().fps > 0) {
-					state.telemetryCollector = startTelemetry(renderer, "2.5.122", options?.disableTelemetry || false, false);
+					state.telemetryCollector = startTelemetry(renderer, "2.5.123", options?.disableTelemetry || false, false);
 					if (state.telemetryCollector) state.telemetryCollector.start();
 					state.telemetryStartTimeout = null;
 				} else state.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;AA6kDD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAoBlG;AAGD,eAAO,MAAM,mBAAmB,UAsH/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;AAulDD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAoBlG;AAGD,eAAO,MAAM,mBAAmB,UAuH/B,CAAA"}

package/dist/js/utils/generatePresetCode.js

@@ -972,6 +972,16 @@ var shaderMetadata = {
 		"intensity": 1,
 		"edges": "transparent"
 	},
+	"ReflectivePlane": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"height": .7,
+		"distance": .5,
+		"falloff": .5,
+		"blur": 3,
+		"blurDistance": .3,
+		"edges": "stretch"
+	},
 	"Ring": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1618,6 +1628,7 @@ const availableComponents = [
 	"ProgressiveBlur",
 	"RadialGradient",
 	"RectangularCoordinates",
+	"ReflectivePlane",
 	"Ring",
 	"Ripples",
 	"RoundedRect",

package/dist/react/Preview.js

@@ -186,6 +186,7 @@ var componentMap = {
 	ProgressiveBlur: lazy(() => import("./ProgressiveBlur.js")),
 	RadialGradient: lazy(() => import("./RadialGradient.js")),
 	RectangularCoordinates: lazy(() => import("./RectangularCoordinates.js")),
+	ReflectivePlane: lazy(() => import("./ReflectivePlane.js")),
 	Ring: lazy(() => import("./Ring.js")),
 	Ripples: lazy(() => import("./Ripples.js")),
 	RoundedRect: lazy(() => import("./RoundedRect.js")),

package/dist/react/ReflectivePlane.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/ReflectivePlane/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 ReflectivePlane_default = ShaderComponent;
+export { ShaderComponent, ReflectivePlane_default as default };

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.122", disableTelemetry, isPreview);
+				telemetryCollectorRef.current = startTelemetry(rendererRef.current, "2.5.123", disableTelemetry, isPreview);
 				if (telemetryCollectorRef.current) telemetryCollectorRef.current.start();
 				telemetryStartTimeoutRef.current = null;
 			} else telemetryStartTimeoutRef.current = window.setTimeout(checkRendering, 500);