shaders 2.5.114 → 2.5.116

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

@@ -1,3 +1,3 @@
-import "../../transformations-B5lM6fYX.js";
-import { n as componentDefinition, t as MultiPointGradient_default } from "../../MultiPointGradient-D0QQwizn.js";
+import "../../transformations-CJcUeZIC.js";
+import { n as componentDefinition, t as MultiPointGradient_default } from "../../MultiPointGradient-Bd-EGOI8.js";
 export { componentDefinition, MultiPointGradient_default as default };

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

@@ -1,4 +1,4 @@
-import "../../transformations-B5lM6fYX.js";
+import "../../transformations-CJcUeZIC.js";
 import "../../sdf-DyC2H_qS.js";
-import { n as componentDefinition, t as Neon_default } from "../../Neon-eN4HlILk.js";
+import { n as componentDefinition, t as Neon_default } from "../../Neon-BeGABHrs.js";
 export { componentDefinition, Neon_default as default };

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

@@ -1,5 +1,5 @@
 import "../../edges-CX_lJB9R.js";
-import "../../transformations-B5lM6fYX.js";
+import "../../transformations-CJcUeZIC.js";
 import "../../alpha-C4ptedXe.js";
-import { n as componentDefinition, t as Perspective_default } from "../../Perspective-SBZzprC5.js";
+import { n as componentDefinition, t as Perspective_default } from "../../Perspective-CqweSeFv.js";
 export { componentDefinition, Perspective_default as default };

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

@@ -1,5 +1,5 @@
-import "../../transformations-B5lM6fYX.js";
+import "../../transformations-CJcUeZIC.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as Plasma_default } from "../../Plasma-COq8mAw2.js";
+import { n as componentDefinition, t as Plasma_default } from "../../Plasma-DqKLBDYd.js";
 export { componentDefinition, Plasma_default as default };

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

@@ -1,5 +1,5 @@
 import "../../edges-CX_lJB9R.js";
-import "../../transformations-B5lM6fYX.js";
+import "../../transformations-CJcUeZIC.js";
 import "../../alpha-C4ptedXe.js";
-import { n as componentDefinition, t as PolarCoordinates_default } from "../../PolarCoordinates-Ckvb1eG0.js";
+import { n as componentDefinition, t as PolarCoordinates_default } from "../../PolarCoordinates-CKT4CLT7.js";
 export { componentDefinition, PolarCoordinates_default as default };

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

@@ -1,5 +1,5 @@
-import "../../transformations-B5lM6fYX.js";
+import "../../transformations-CJcUeZIC.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../sdf-DyC2H_qS.js";
-import { n as componentDefinition, t as Polygon_default } from "../../Polygon-BP5eKEiz.js";
+import { n as componentDefinition, t as Polygon_default } from "../../Polygon-_3DSqSBg.js";
 export { componentDefinition, Polygon_default as default };

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

@@ -1,5 +1,5 @@
-import "../../transformations-B5lM6fYX.js";
+import "../../transformations-CJcUeZIC.js";
 import "../../alpha-C4ptedXe.js";
 import "../../computeBlur-DCRhuYEi.js";
-import { n as componentDefinition, t as ProgressiveBlur_default } from "../../ProgressiveBlur-CNacb2Qx.js";
+import { n as componentDefinition, t as ProgressiveBlur_default } from "../../ProgressiveBlur-Dh8W2bZ3.js";
 export { componentDefinition, ProgressiveBlur_default as default };

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

@@ -1,4 +1,4 @@
-import "../../transformations-B5lM6fYX.js";
+import "../../transformations-CJcUeZIC.js";
 import "../../colorMixing-BPpDnR5I.js";
-import { n as componentDefinition, t as RadialGradient_default } from "../../RadialGradient-SASVv2vb.js";
+import { n as componentDefinition, t as RadialGradient_default } from "../../RadialGradient-Dj3-DdO7.js";
 export { componentDefinition, RadialGradient_default as default };

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

@@ -1,5 +1,5 @@
 import "../../edges-CX_lJB9R.js";
-import "../../transformations-B5lM6fYX.js";
+import "../../transformations-CJcUeZIC.js";
 import "../../alpha-C4ptedXe.js";
-import { n as componentDefinition, t as RectangularCoordinates_default } from "../../RectangularCoordinates-r0fTwVuL.js";
+import { n as componentDefinition, t as RectangularCoordinates_default } from "../../RectangularCoordinates-DxeLJ2nt.js";
 export { componentDefinition, RectangularCoordinates_default as default };

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

@@ -1,5 +1,5 @@
-import "../../transformations-B5lM6fYX.js";
+import "../../transformations-CJcUeZIC.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../sdf-DyC2H_qS.js";
-import { n as componentDefinition, t as Ring_default } from "../../Ring-CdJlzjRV.js";
+import { n as componentDefinition, t as Ring_default } from "../../Ring-4J6h5Iof.js";
 export { componentDefinition, Ring_default as default };

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

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

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

@@ -1,5 +1,5 @@
-import "../../transformations-B5lM6fYX.js";
+import "../../transformations-CJcUeZIC.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../sdf-DyC2H_qS.js";
-import { n as componentDefinition, t as RoundedRect_default } from "../../RoundedRect-lzzi_1J7.js";
+import { n as componentDefinition, t as RoundedRect_default } from "../../RoundedRect-Dj-gqOc0.js";
 export { componentDefinition, RoundedRect_default as default };

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
-import "../../transformations-B5lM6fYX.js";
+import "../../transformations-CJcUeZIC.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../sdf-DyC2H_qS.js";
-import { n as componentDefinition, t as Star_default } from "../../Star-BcqCHzHG.js";
+import { n as componentDefinition, t as Star_default } from "../../Star-CJ4mkBZg.js";
 export { componentDefinition, Star_default as default };

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

@@ -1,4 +1,4 @@
-import "../../transformations-B5lM6fYX.js";
+import "../../transformations-CJcUeZIC.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as Strands_default } from "../../Strands-XLpth60o.js";
+import { n as componentDefinition, t as Strands_default } from "../../Strands-C9fEwaiR.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-B5lM6fYX.js";
+import "../../transformations-CJcUeZIC.js";
 import "../../alpha-C4ptedXe.js";
-import { n as componentDefinition, t as Stretch_default } from "../../Stretch-CJUUU-I1.js";
+import { n as componentDefinition, t as Stretch_default } from "../../Stretch-Cvht8B0L.js";
 export { componentDefinition, Stretch_default as default };

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
-import "../../transformations-B5lM6fYX.js";
+import "../../transformations-CJcUeZIC.js";
 import "../../alpha-C4ptedXe.js";
 import "../../computeBlur-DCRhuYEi.js";
-import { n as componentDefinition, t as TiltShift_default } from "../../TiltShift-CYb6OQoU.js";
+import { n as componentDefinition, t as TiltShift_default } from "../../TiltShift-DSQ-CsXz.js";
 export { componentDefinition, TiltShift_default as default };

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

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

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

@@ -1,5 +1,5 @@
-import "../../transformations-B5lM6fYX.js";
+import "../../transformations-CJcUeZIC.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../sdf-DyC2H_qS.js";
-import { n as componentDefinition, t as Trapezoid_default } from "../../Trapezoid-BvTEGdW_.js";
+import { n as componentDefinition, t as Trapezoid_default } from "../../Trapezoid-P9gXhH9a.js";
 export { componentDefinition, Trapezoid_default as default };

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

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

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

@@ -1,4 +1,4 @@
-import "../../transformations-B5lM6fYX.js";
+import "../../transformations-CJcUeZIC.js";
 import "../../colorMixing-BPpDnR5I.js";
-import { n as componentDefinition, t as Truchet_default } from "../../Truchet-DE4lgYRb.js";
+import { n as componentDefinition, t as Truchet_default } from "../../Truchet-CbL5nYMj.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-B5lM6fYX.js";
+import "../../transformations-CJcUeZIC.js";
 import "../../alpha-C4ptedXe.js";
-import { n as componentDefinition, t as Twirl_default } from "../../Twirl-CgRyZdT1.js";
+import { n as componentDefinition, t as Twirl_default } from "../../Twirl-C_97m32v.js";
 export { componentDefinition, Twirl_default as default };

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 import "../../edges-CX_lJB9R.js";
-import "../../transformations-B5lM6fYX.js";
+import "../../transformations-CJcUeZIC.js";
 import "../../alpha-C4ptedXe.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-iyTUI1lj.js";
+import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-DM-f_XCw.js";
 export { componentDefinition, WaveDistortion_default as default };

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

@@ -1,3 +1,3 @@
-import "../../transformations-B5lM6fYX.js";
-import { n as componentDefinition, t as Weave_default } from "../../Weave-Bn2CfeE4.js";
+import "../../transformations-CJcUeZIC.js";
+import { n as componentDefinition, t as Weave_default } from "../../Weave-DO0m0Dsh.js";
 export { componentDefinition, Weave_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-DLaH226M.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/createPreview.d.ts

@@ -1,4 +1,4 @@
-import { ShaderInstance, PreviewOptions } from './types';
+import { PreviewInstance, PreviewOptions } from './types';
 
 /**
  * Create a watermarked shader preview from a preview token or preset ID.
@@ -8,12 +8,16 @@ import { ShaderInstance, PreviewOptions } from './types';
  * @example
  * ```ts
  * const preview = await createPreview(canvas, {
- *   presetId: 'abc123'
+ *   presetId: 'abc123',
+ *   configuration: { primaryColor: '#ff0000', intensity: 0.5 }
  * })
  *
+ * // Update configuration at runtime (no refetch)
+ * preview.setConfiguration({ primaryColor: '#00ff00', intensity: 0.8 })
+ *
  * // Cleanup
  * preview.destroy()
  * ```
  */
-export declare function createPreview(canvas: HTMLCanvasElement, options: PreviewOptions): Promise<ShaderInstance>;
+export declare function createPreview(canvas: HTMLCanvasElement, options: PreviewOptions): Promise<PreviewInstance>;
 //# sourceMappingURL=createPreview.d.ts.map

package/dist/js/createPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createPreview.d.ts","sourceRoot":"","sources":["../src/createPreview.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAO7D;;;;;;;;;;;;;;GAcG;AACH,wBAAsB,aAAa,CACjC,MAAM,EAAE,iBAAiB,EACzB,OAAO,EAAE,cAAc,GACtB,OAAO,CAAC,cAAc,CAAC,CAuCzB"}
+{"version":3,"file":"createPreview.d.ts","sourceRoot":"","sources":["../src/createPreview.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAW,MAAM,SAAS,CAAA;AA8EvE;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAsB,aAAa,CACjC,MAAM,EAAE,iBAAiB,EACzB,OAAO,EAAE,cAAc,GACtB,OAAO,CAAC,eAAe,CAAC,CA2F1B"}

package/dist/js/createPreview.js

@@ -3,24 +3,130 @@ import { decodePreviewDefinition } from "./decode.js";
 var DEFAULT_API_BASE = "https://shaders.com";
 var WATERMARK_TEXT = "Unlock your Shaders Pro license";
 var WATERMARK_LINK = "https://shaders.com/dashboard?pricing=true";
+var RESERVED_IDENTIFIERS = new Set([
+	"break",
+	"case",
+	"catch",
+	"class",
+	"const",
+	"continue",
+	"default",
+	"delete",
+	"do",
+	"else",
+	"export",
+	"extends",
+	"finally",
+	"for",
+	"function",
+	"if",
+	"import",
+	"in",
+	"instanceof",
+	"new",
+	"return",
+	"super",
+	"switch",
+	"this",
+	"throw",
+	"try",
+	"typeof",
+	"var",
+	"void",
+	"while",
+	"with",
+	"yield"
+]);
+function slugifyIdentifier(label, fallback) {
+	const cleaned = label.replace(/[^A-Za-z0-9]+/g, " ").trim();
+	if (!cleaned) return fallback;
+	const camel = cleaned.split(/\s+/).map((part, i) => i === 0 ? part.charAt(0).toLowerCase() + part.slice(1) : part.charAt(0).toUpperCase() + part.slice(1)).join("");
+	const safe = /^[A-Za-z_$]/.test(camel) ? camel : `_${camel}`;
+	return RESERVED_IDENTIFIERS.has(safe) ? `_${safe}` : safe;
+}
+function buildKeyPropIdentifierMap(keyProps) {
+	const used = new Set(["style"]);
+	const map = /* @__PURE__ */ new Map();
+	if (!keyProps?.length) return map;
+	keyProps.forEach((kp, i) => {
+		if (!kp.targets?.length) return;
+		const base = slugifyIdentifier(kp.label, `keyProp${i}`);
+		let ident = base;
+		let suffix = 1;
+		while (used.has(ident)) {
+			suffix++;
+			ident = `${base}${suffix}`;
+		}
+		used.add(ident);
+		map.set(ident, kp);
+	});
+	return map;
+}
+function findInTree(id, list) {
+	for (const c of list) {
+		if (c.id === id) return c;
+		const children = c.children;
+		if (children?.length) {
+			const hit = findInTree(id, children);
+			if (hit) return hit;
+		}
+	}
+	return null;
+}
+function applyConfigurationInPlace(components, configuration, identMap) {
+	if (!configuration) return;
+	for (const [ident, value] of Object.entries(configuration)) {
+		const kp = identMap.get(ident);
+		if (!kp) continue;
+		for (const t of kp.targets ?? []) {
+			const comp = findInTree(t.component_id, components);
+			if (comp?.props && t.prop in comp.props) comp.props[t.prop] = value;
+		}
+	}
+}
 async function createPreview(canvas, options) {
 	if (!options.shader && !options.presetId || options.shader && options.presetId) throw new Error("Exactly one of shader (preview token) or presetId must be provided");
 	const apiBase = options.apiBaseUrl || DEFAULT_API_BASE;
-	const url = options.shader ? `${apiBase}/api/preview/shader/${encodeURIComponent(options.shader)}` : `${apiBase}/api/preview/preset/${encodeURIComponent(options.presetId)}`;
+	const versionParam = options.presetId && options.version ? `?version=${encodeURIComponent(options.version)}` : "";
+	const url = options.shader ? `${apiBase}/api/preview/shader/${encodeURIComponent(options.shader)}` : `${apiBase}/api/preview/preset/${encodeURIComponent(options.presetId)}${versionParam}`;
 	const response = await fetch(url);
 	if (!response.ok) throw new Error(`Failed to fetch preview: ${response.status} ${response.statusText}`);
-	const instance = await createShader(canvas, decodePreviewDefinition(await response.text()), {
+	const payload = await response.json();
+	const item = payload.preset ?? payload.shader;
+	if (!item?.definition || typeof item.definition !== "string") throw new Error("Preview response missing encoded definition");
+	const definition = decodePreviewDefinition(item.definition);
+	const keyProps = Array.isArray(item.key_props) ? item.key_props : null;
+	const identMap = buildKeyPropIdentifierMap(keyProps);
+	const baselineMap = /* @__PURE__ */ new Map();
+	for (const kp of identMap.values()) for (const t of kp.targets ?? []) {
+		const comp = findInTree(t.component_id, definition.components);
+		if (comp?.props && t.prop in comp.props) baselineMap.set(`${t.component_id}:${t.prop}`, comp.props[t.prop]);
+	}
+	applyConfigurationInPlace(definition.components, options.configuration, identMap);
+	const instance = await createShader(canvas, definition, {
 		isPreview: true,
 		enablePerformanceTracking: true
 	});
 	const { overlay, savedPosition, parentEl } = createWatermarkOverlay(canvas);
 	const originalDestroy = instance.destroy.bind(instance);
-	instance.destroy = () => {
+	const previewInstance = instance;
+	previewInstance.destroy = () => {
 		if (parentEl && savedPosition !== void 0) parentEl.style.position = savedPosition;
 		overlay.remove();
 		originalDestroy();
 	};
-	return instance;
+	previewInstance.setConfiguration = (configuration) => {
+		if (!keyProps?.length) return;
+		for (const [ident, kp] of identMap) {
+			const hasNewValue = Object.prototype.hasOwnProperty.call(configuration, ident) && configuration[ident] !== void 0;
+			for (const t of kp.targets ?? []) {
+				const value = hasNewValue ? configuration[ident] : baselineMap.get(`${t.component_id}:${t.prop}`);
+				if (value === void 0) continue;
+				instance.update(t.component_id, { [t.prop]: value });
+			}
+		}
+	};
+	return previewInstance;
 }
 function createWatermarkOverlay(canvas) {
 	const parent = canvas.parentElement;

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.114", options?.disableTelemetry || false, false);
+				telemetryCollector = startTelemetry(renderer, "2.5.116", options?.disableTelemetry || false, false);
 				if (telemetryCollector) telemetryCollector.start();
 				telemetryStartTimeout = null;
 			} else telemetryStartTimeout = setTimeout(checkRendering, 500);

package/dist/js/types.d.ts

@@ -40,10 +40,42 @@ export interface ShaderOptions {
         adapter: GPUAdapter;
     };
 }
+export interface KeyPropTarget {
+    component_id: string;
+    prop: string;
+}
+export interface KeyProp {
+    label: string;
+    type: 'color' | 'range' | 'logo' | 'image';
+    category?: string;
+    targets: KeyPropTarget[];
+}
 export interface PreviewOptions {
     shader?: string;
     presetId?: string;
     apiBaseUrl?: string;
+    /**
+     * Map of camelCase key_prop identifier → user value, layered on top of the
+     * preset's authored defaults. Identifiers are derived from `key_prop.label`
+     * via the same slugify rules the Pro Framer exporter uses, so identifiers
+     * generated by codegen and identifiers expected here always match.
+     *
+     * Only applies on the `presetId` path — `shader` token previews don't carry
+     * key_props and silently ignore this option.
+     */
+    configuration?: Record<string, unknown>;
+    /**
+     * Lock the preview to a specific snapshot of the preset, addressed by
+     * content hash. Customized snippets pin a version so subsequent upstream
+     * edits don't silently break the configuration. Server falls back to
+     * latest with the `X-Shaders-Version-Fallback` header when the requested
+     * snapshot is missing. Only meaningful on the `presetId` path.
+     */
+    version?: string;
+}
+export interface PreviewInstance extends ShaderInstance {
+    /** Replace the active configuration. Re-applies values to the live shader without refetching. */
+    setConfiguration(configuration: Record<string, unknown>): void;
 }
 export interface ShaderInstance {
     update(componentId: string, props: Record<string, any>): void;