shaders 2.3.57 → 2.3.60

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

@@ -1,4 +1,4 @@
-import "../../transformations-CC_c-QAT.js";
+import "../../transformations-B5lM6fYX.js";
 import "../../alpha-Byel9eTg.js";
-import { n as componentDefinition, t as LinearBlur_default } from "../../LinearBlur-C022H2bm.js";
+import { n as componentDefinition, t as LinearBlur_default } from "../../LinearBlur-BtsleV0J.js";
 export { componentDefinition, LinearBlur_default as default };

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

@@ -1,4 +1,4 @@
-import "../../transformations-CC_c-QAT.js";
-import "../../colorMixing-DZpckBhm.js";
-import { n as componentDefinition, t as LinearGradient_default } from "../../LinearGradient-Bw4cgU2M.js";
+import "../../transformations-B5lM6fYX.js";
+import "../../colorMixing-D_wMclqL.js";
+import { n as componentDefinition, t as LinearGradient_default } from "../../LinearGradient-BP91wtXm.js";
 export { componentDefinition, LinearGradient_default as default };

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

@@ -1,5 +1,5 @@
 import "../../edges-Bd7GP4s2.js";
-import "../../transformations-CC_c-QAT.js";
+import "../../transformations-B5lM6fYX.js";
 import "../../alpha-Byel9eTg.js";
-import { n as componentDefinition, t as Liquify_default } from "../../Liquify-C6s_nyRi.js";
+import { n as componentDefinition, t as Liquify_default } from "../../Liquify-2u2lkBhB.js";
 export { componentDefinition, Liquify_default as default };

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

@@ -1,5 +1,5 @@
 import "../../edges-Bd7GP4s2.js";
-import "../../transformations-CC_c-QAT.js";
+import "../../transformations-B5lM6fYX.js";
 import "../../alpha-Byel9eTg.js";
-import { n as componentDefinition, t as Mirror_default } from "../../Mirror-uDxrbYeY.js";
+import { n as componentDefinition, t as Mirror_default } from "../../Mirror-BonA1elw.js";
 export { componentDefinition, Mirror_default as default };

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

@@ -1,5 +1,5 @@
 import "../../edges-Bd7GP4s2.js";
-import "../../transformations-CC_c-QAT.js";
+import "../../transformations-B5lM6fYX.js";
 import "../../alpha-Byel9eTg.js";
-import { n as componentDefinition, t as Perspective_default } from "../../Perspective-C2l3C8d0.js";
+import { n as componentDefinition, t as Perspective_default } from "../../Perspective-Cwpv4683.js";
 export { componentDefinition, Perspective_default as default };

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

@@ -1,5 +1,5 @@
-import "../../transformations-CC_c-QAT.js";
+import "../../transformations-B5lM6fYX.js";
 import "../../time-BZqyVJXt.js";
-import "../../colorMixing-DZpckBhm.js";
-import { n as componentDefinition, t as Plasma_default } from "../../Plasma-B4lUXy1l.js";
+import "../../colorMixing-D_wMclqL.js";
+import { n as componentDefinition, t as Plasma_default } from "../../Plasma-BU4ujuLB.js";
 export { componentDefinition, Plasma_default as default };

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

@@ -1,5 +1,5 @@
 import "../../edges-Bd7GP4s2.js";
-import "../../transformations-CC_c-QAT.js";
+import "../../transformations-B5lM6fYX.js";
 import "../../alpha-Byel9eTg.js";
-import { n as componentDefinition, t as PolarCoordinates_default } from "../../PolarCoordinates-CxxFpdz2.js";
+import { n as componentDefinition, t as PolarCoordinates_default } from "../../PolarCoordinates-6BZYZFoj.js";
 export { componentDefinition, PolarCoordinates_default as default };

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

@@ -1,4 +1,4 @@
-import "../../transformations-CC_c-QAT.js";
+import "../../transformations-B5lM6fYX.js";
 import "../../alpha-Byel9eTg.js";
-import { n as componentDefinition, t as ProgressiveBlur_default } from "../../ProgressiveBlur-BnWdDciO.js";
+import { n as componentDefinition, t as ProgressiveBlur_default } from "../../ProgressiveBlur-Y8YqC7HM.js";
 export { componentDefinition, ProgressiveBlur_default as default };

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

@@ -1,4 +1,4 @@
-import "../../transformations-CC_c-QAT.js";
-import "../../colorMixing-DZpckBhm.js";
-import { n as componentDefinition, t as RadialGradient_default } from "../../RadialGradient-RBdy6zz7.js";
+import "../../transformations-B5lM6fYX.js";
+import "../../colorMixing-D_wMclqL.js";
+import { n as componentDefinition, t as RadialGradient_default } from "../../RadialGradient-DauSwpwY.js";
 export { componentDefinition, RadialGradient_default as default };

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

@@ -1,5 +1,5 @@
 import "../../edges-Bd7GP4s2.js";
-import "../../transformations-CC_c-QAT.js";
+import "../../transformations-B5lM6fYX.js";
 import "../../alpha-Byel9eTg.js";
-import { n as componentDefinition, t as RectangularCoordinates_default } from "../../RectangularCoordinates-CuKEfncN.js";
+import { n as componentDefinition, t as RectangularCoordinates_default } from "../../RectangularCoordinates-C5585uvf.js";
 export { componentDefinition, RectangularCoordinates_default as default };

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

@@ -1,5 +1,5 @@
-import "../../transformations-CC_c-QAT.js";
+import "../../transformations-B5lM6fYX.js";
 import "../../time-BZqyVJXt.js";
-import "../../colorMixing-DZpckBhm.js";
-import { n as componentDefinition, t as Ripples_default } from "../../Ripples-DPp17BSt.js";
+import "../../colorMixing-D_wMclqL.js";
+import { n as componentDefinition, t as Ripples_default } from "../../Ripples-QWGujQgy.js";
 export { componentDefinition, Ripples_default as default };

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

@@ -1,5 +1,5 @@
 import "../../edges-Bd7GP4s2.js";
-import "../../transformations-CC_c-QAT.js";
+import "../../transformations-B5lM6fYX.js";
 import "../../alpha-Byel9eTg.js";
-import { n as componentDefinition, t as Shatter_default } from "../../Shatter-CABbAt_A.js";
+import { n as componentDefinition, t as Shatter_default } from "../../Shatter-DRSn9uGZ.js";
 export { componentDefinition, Shatter_default as default };

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

@@ -1,5 +1,5 @@
-import "../../transformations-CC_c-QAT.js";
+import "../../transformations-B5lM6fYX.js";
 import "../../time-BZqyVJXt.js";
-import "../../colorMixing-DZpckBhm.js";
-import { n as componentDefinition, t as SimplexNoise_default } from "../../SimplexNoise-B6NBzB1e.js";
+import "../../colorMixing-D_wMclqL.js";
+import { n as componentDefinition, t as SimplexNoise_default } from "../../SimplexNoise-W0fx_Y5Q.js";
 export { componentDefinition, SimplexNoise_default as default };

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

@@ -1,4 +1,4 @@
-import "../../transformations-CC_c-QAT.js";
+import "../../transformations-B5lM6fYX.js";
 import "../../time-BZqyVJXt.js";
-import { n as componentDefinition, t as SineWave_default } from "../../SineWave-6gxiNlvQ.js";
+import { n as componentDefinition, t as SineWave_default } from "../../SineWave-C-r5bVGK.js";
 export { componentDefinition, SineWave_default as default };

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

@@ -1,3 +1,3 @@
-import "../../transformations-CC_c-QAT.js";
-import { n as componentDefinition, t as SolidColor_default } from "../../SolidColor-DEXByN1S.js";
+import "../../transformations-B5lM6fYX.js";
+import { n as componentDefinition, t as SolidColor_default } from "../../SolidColor-BY2tBGcO.js";
 export { componentDefinition, SolidColor_default as default };

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

@@ -1,4 +1,4 @@
-import "../../transformations-CC_c-QAT.js";
+import "../../transformations-B5lM6fYX.js";
 import "../../alpha-Byel9eTg.js";
-import { n as componentDefinition, t as Spherize_default } from "../../Spherize-DRGaSHzl.js";
+import { n as componentDefinition, t as Spherize_default } from "../../Spherize-DF4iTTzb.js";
 export { componentDefinition, Spherize_default as default };

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

@@ -1,5 +1,5 @@
-import "../../transformations-CC_c-QAT.js";
+import "../../transformations-B5lM6fYX.js";
 import "../../time-BZqyVJXt.js";
-import "../../colorMixing-DZpckBhm.js";
-import { n as componentDefinition, t as Spiral_default } from "../../Spiral-DT16M2Ky.js";
+import "../../colorMixing-D_wMclqL.js";
+import { n as componentDefinition, t as Spiral_default } from "../../Spiral-DWBdkW7Y.js";
 export { componentDefinition, Spiral_default as default };

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

@@ -1,4 +1,4 @@
-import "../../transformations-CC_c-QAT.js";
+import "../../transformations-B5lM6fYX.js";
 import "../../time-BZqyVJXt.js";
-import { n as componentDefinition, t as Strands_default } from "../../Strands-CQBNeiNL.js";
+import { n as componentDefinition, t as Strands_default } from "../../Strands-BFVI3C04.js";
 export { componentDefinition, Strands_default as default };

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

@@ -1,5 +1,5 @@
 import "../../edges-Bd7GP4s2.js";
-import "../../transformations-CC_c-QAT.js";
+import "../../transformations-B5lM6fYX.js";
 import "../../alpha-Byel9eTg.js";
-import { n as componentDefinition, t as Stretch_default } from "../../Stretch-DFVmX2dB.js";
+import { n as componentDefinition, t as Stretch_default } from "../../Stretch-CB92XLiC.js";
 export { componentDefinition, Stretch_default as default };

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

@@ -1,5 +1,5 @@
-import "../../transformations-CC_c-QAT.js";
+import "../../transformations-B5lM6fYX.js";
 import "../../time-BZqyVJXt.js";
-import "../../colorMixing-DZpckBhm.js";
-import { n as componentDefinition, t as Stripes_default } from "../../Stripes-80nKu5P2.js";
+import "../../colorMixing-D_wMclqL.js";
+import { n as componentDefinition, t as Stripes_default } from "../../Stripes-CTmvjI0U.js";
 export { componentDefinition, Stripes_default as default };

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

@@ -1,4 +1,4 @@
-import "../../transformations-CC_c-QAT.js";
+import "../../transformations-B5lM6fYX.js";
 import "../../time-BZqyVJXt.js";
-import { n as componentDefinition, t as StudioBackground_default } from "../../StudioBackground-81057m29.js";
+import { n as componentDefinition, t as StudioBackground_default } from "../../StudioBackground-DXHPEKcb.js";
 export { componentDefinition, StudioBackground_default as default };

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

@@ -1,5 +1,5 @@
-import "../../transformations-CC_c-QAT.js";
+import "../../transformations-B5lM6fYX.js";
 import "../../time-BZqyVJXt.js";
-import "../../colorMixing-DZpckBhm.js";
-import { n as componentDefinition, t as Swirl_default } from "../../Swirl-C0caKRGI.js";
+import "../../colorMixing-D_wMclqL.js";
+import { n as componentDefinition, t as Swirl_default } from "../../Swirl-DVaTB8HY.js";
 export { componentDefinition, Swirl_default as default };

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

@@ -1,4 +1,4 @@
-import "../../transformations-CC_c-QAT.js";
+import "../../transformations-B5lM6fYX.js";
 import "../../alpha-Byel9eTg.js";
-import { n as componentDefinition, t as TiltShift_default } from "../../TiltShift-CNn3Yo34.js";
+import { n as componentDefinition, t as TiltShift_default } from "../../TiltShift-CMTVpEBO.js";
 export { componentDefinition, TiltShift_default as default };

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

@@ -1,3 +1,3 @@
-import "../../transformations-CC_c-QAT.js";
-import { n as componentDefinition, t as Tint_default } from "../../Tint-CfVQjPxR.js";
+import "../../transformations-B5lM6fYX.js";
+import { n as componentDefinition, t as Tint_default } from "../../Tint-COD37j4D.js";
 export { componentDefinition, Tint_default as default };

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

@@ -1,5 +1,5 @@
-import "../../transformations-CC_c-QAT.js";
+import "../../transformations-B5lM6fYX.js";
 import "../../alpha-Byel9eTg.js";
-import "../../colorMixing-DZpckBhm.js";
-import { n as componentDefinition, t as Tritone_default } from "../../Tritone-CM5ZgDQ5.js";
+import "../../colorMixing-D_wMclqL.js";
+import { n as componentDefinition, t as Tritone_default } from "../../Tritone-BETUi-og.js";
 export { componentDefinition, Tritone_default as default };

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

@@ -1,5 +1,5 @@
 import "../../edges-Bd7GP4s2.js";
-import "../../transformations-CC_c-QAT.js";
+import "../../transformations-B5lM6fYX.js";
 import "../../alpha-Byel9eTg.js";
-import { n as componentDefinition, t as Twirl_default } from "../../Twirl-Bc95ho0B.js";
+import { n as componentDefinition, t as Twirl_default } from "../../Twirl-BUlMUymT.js";
 export { componentDefinition, Twirl_default as default };

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

@@ -1,6 +1,6 @@
 import "../../edges-Bd7GP4s2.js";
-import "../../transformations-CC_c-QAT.js";
+import "../../transformations-B5lM6fYX.js";
 import "../../time-BZqyVJXt.js";
 import "../../alpha-Byel9eTg.js";
-import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-w4LX_3ES.js";
+import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-DzwdX6Wj.js";
 export { componentDefinition, WaveDistortion_default as default };

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

@@ -1,4 +1,4 @@
-import "../../transformations-CC_c-QAT.js";
+import "../../transformations-B5lM6fYX.js";
 import "../../alpha-Byel9eTg.js";
-import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-D2DwyQKZ.js";
+import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-BE1vT38D.js";
 export { componentDefinition, ZoomBlur_default as default };

package/dist/core/telemetry/collector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collector.d.ts","sourceRoot":"","sources":["../../src/telemetry/collector.ts"],"names":[],"mappings":"AAKA,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,YAAY,CAAyB;IAC7C,OAAO,CAAC,cAAc,CAAsB;IAC5C,OAAO,CAAC,OAAO,CAAiB;gBAEpB,QAAQ,EAAE,GAAG;IAKlB,IAAI,IAAI,IAAI;IAQb,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IA4C5B,OAAO,CAAC,KAAK;IAIb,OAAO,CAAC,aAAa;IAiBrB,OAAO,CAAC,oBAAoB;IA0C5B,OAAO,CAAC,kBAAkB;IAa1B,OAAO,CAAC,iBAAiB;YAwBX,aAAa;IAqB3B,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,mBAAmB;CAQ5B"}
+{"version":3,"file":"collector.d.ts","sourceRoot":"","sources":["../../src/telemetry/collector.ts"],"names":[],"mappings":"AAOA,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,YAAY,CAAyB;IAC7C,OAAO,CAAC,cAAc,CAAsB;IAC5C,OAAO,CAAC,OAAO,CAAiB;gBAEpB,QAAQ,EAAE,GAAG;IAKlB,IAAI,IAAI,IAAI;IAQb,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IA4C5B,OAAO,CAAC,KAAK;IAIb,OAAO,CAAC,aAAa;IAkBrB,OAAO,CAAC,oBAAoB;IA0C5B,OAAO,CAAC,kBAAkB;IAa1B,OAAO,CAAC,iBAAiB;YAwBX,aAAa;IAqB3B,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,mBAAmB;CAQ5B"}

package/dist/core/telemetry/index.js

@@ -88,6 +88,7 @@ var TelemetryCollector = class {
 			sessionId: this.sessionId,
 			timestamp: Date.now(),
 			collectionDuration: TELEMETRY_CONFIG.collectionDuration,
+			version: "1.7.0",
 			performance,
 			renderer,
 			components,

package/dist/core/telemetry/types.d.ts

@@ -2,6 +2,7 @@ export interface TelemetryPayload {
     sessionId: string;
     timestamp: number;
     collectionDuration: number;
+    version: string;
     performance: PerformanceMetrics;
     renderer: RendererInfo;
     components: ComponentInfo[];

package/dist/core/telemetry/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/telemetry/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,WAAW,EAAE,kBAAkB,CAAA;IAC/B,QAAQ,EAAE,YAAY,CAAA;IACtB,UAAU,EAAE,aAAa,EAAE,CAAA;IAC3B,WAAW,EAAE,eAAe,CAAA;CAC7B;AAED,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,EAAE;QACT,GAAG,EAAE,MAAM,CAAA;QACX,GAAG,EAAE,MAAM,CAAA;QACX,GAAG,EAAE,MAAM,CAAA;QACX,GAAG,EAAE,MAAM,CAAA;KACZ,CAAA;IACD,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,OAAO,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAA;IACxB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;CAC5B;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAA;IACd,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,EAAE,MAAM,CAAA;CACnB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/telemetry/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,kBAAkB,CAAA;IAC/B,QAAQ,EAAE,YAAY,CAAA;IACtB,UAAU,EAAE,aAAa,EAAE,CAAA;IAC3B,WAAW,EAAE,eAAe,CAAA;CAC7B;AAED,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,EAAE;QACT,GAAG,EAAE,MAAM,CAAA;QACX,GAAG,EAAE,MAAM,CAAA;QACX,GAAG,EAAE,MAAM,CAAA;QACX,GAAG,EAAE,MAAM,CAAA;KACZ,CAAA;IACD,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,OAAO,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAA;IACxB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;CAC5B;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAA;IACd,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,EAAE,MAAM,CAAA;CACnB"}

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

@@ -4593,9 +4593,15 @@ var getReusableVector2 = () => {
 	if (!reusableVector2) reusableVector2 = new Vector2();
 	return reusableVector2;
 };
+var colorSpaceMode = "p3-linear";
+const setColorSpaceMode = (mode) => {
+	colorSpaceMode = mode;
+};
+const transformBoolean = (value) => value ? 1 : -1;
 const transformColor = (value) => {
 	const threeColor = new Color(value);
-	const coords = threeColor.to("p3-linear").coords;
+	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;
 	return {
 		node: vec4(r, g$1, b$2, a$1),
@@ -4604,7 +4610,8 @@ const transformColor = (value) => {
 };
 const transformColorUpdate = (value) => {
 	const threeColor = new Color(value);
-	const coords = threeColor.to("p3-linear").coords;
+	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 transformPosition = (value) => {
@@ -4747,13 +4754,28 @@ const colorSpaceOptions = [
 	{
 		label: "OKLAB",
 		value: "oklab"
+	},
+	{
+		label: "HSL",
+		value: "hsl"
+	},
+	{
+		label: "HSV",
+		value: "hsv"
+	},
+	{
+		label: "LCH",
+		value: "lch"
 	}
 ];
 const transformColorSpace = (value) => {
 	const mode = {
 		"linear": 0,
 		"oklch": 1,
-		"oklab": 2
+		"oklab": 2,
+		"hsl": 3,
+		"hsv": 4,
+		"lch": 5
 	}[value.toLowerCase()];
 	if (mode === void 0) {
 		console.warn(`Invalid color space mode: ${value}. Defaulting to 'linear'.`);
@@ -4761,4 +4783,4 @@ const transformColorSpace = (value) => {
 	}
 	return mode;
 };
-export { transformColorUpdate as a, transformPositionUpdate as c, transformColorSpace as i, transformAngle as n, transformEdges as o, transformColor as r, transformPosition as s, colorSpaceOptions as t };
+export { transformColor as a, transformEdges as c, transformBoolean as i, transformPosition as l, setColorSpaceMode as n, transformColorSpace as o, transformAngle as r, transformColorUpdate as s, colorSpaceOptions as t, transformPositionUpdate as u };

package/dist/core/utilities/colorMixing.d.ts

@@ -6,7 +6,8 @@ import { Node } from 'three/webgpu';
  * @param colorA - First color (vec4 with RGBA in P3-linear)
  * @param colorB - Second color (vec4 with RGBA in P3-linear)
  * @param t - Interpolation factor (0 = colorA, 1 = colorB)
- * @param colorSpaceMode - Color space mode (0 = linear RGB, 1 = OKLCh, 2 = OKLAB)
+ * @param colorSpaceMode - Color space mode:
+ *   0 = linear RGB, 1 = OKLCh, 2 = OKLAB, 3 = HSL, 4 = HSV, 5 = LCH
  * @returns Mixed color as vec4 in P3-linear
  */
 export declare const mixColors: (colorA: Node, colorB: Node, t: Node, colorSpaceMode: Node) => Node;

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

@@ -1 +1 @@
-{"version":3,"file":"colorMixing.d.ts","sourceRoot":"","sources":["../../src/utilities/colorMixing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,cAAc,CAAA;AAyGtC;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,WACV,IAAI,UACJ,IAAI,KACT,IAAI,kBACS,IAAI,KACrB,IAuDF,CAAA"}
+{"version":3,"file":"colorMixing.d.ts","sourceRoot":"","sources":["../../src/utilities/colorMixing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,cAAc,CAAA;AAmZtC;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS,WACV,IAAI,UACJ,IAAI,KACT,IAAI,kBACS,IAAI,KACrB,IA4FF,CAAA"}

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

@@ -0,0 +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";
+export { colorSpaceOptions, setColorSpaceMode, transformAngle, transformBoolean, transformColor, transformColorSpace, transformColorUpdate, transformEdges, transformPosition, transformPositionUpdate };

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

@@ -1,5 +1,6 @@
 import { Vector2, Vector4 } from 'three';
 
+export declare const setColorSpaceMode: (mode: "p3-linear" | "srgb") => void;
 /**
  * Convert a true/false boolean into an integer 1/-1 representation
  * @param value
@@ -7,6 +8,7 @@ import { Vector2, Vector4 } from 'three';
 export declare const transformBoolean: (value: boolean) => 1 | -1;
 /**
  * Convert a hex color or HTML color code into both TSL node and Three.js Vector4
+ * Uses the globally configured color space mode (p3-linear or srgb)
  * @param value
  * @returns Object with node (TSL vec4 for shader composition) and data (Vector4 for uniform updates)
  */
@@ -17,6 +19,7 @@ export declare const transformColor: (value: string) => {
 /**
  * Update-optimized color transform that reuses a single Vector4 instance.
  * ONLY use for uniform updates - the returned vector is reused and will be overwritten.
+ * Uses the globally configured color space mode (p3-linear or srgb)
  * @param value - Color string (hex, rgb, etc.)
  * @returns Reusable Vector4 with color data (do NOT store reference long-term)
  */
@@ -76,8 +79,8 @@ export declare const colorSpaceOptions: {
  * Transform color space interpolation mode strings into numeric values for shader use.
  * Controls how colors are mixed/interpolated in gradient effects.
  *
- * @param value - Color space string ('linear', 'oklch', or 'oklab')
- * @returns Numeric mode value (0 = linear RGB, 1 = OKLCh, 2 = OKLAB)
+ * @param value - Color space string ('linear', 'oklch', 'oklab', 'hsl', 'hsv', or 'lch')
+ * @returns Numeric mode value (0 = linear RGB, 1 = OKLCh, 2 = OKLAB, 3 = HSL, 4 = HSV, 5 = LCH)
  */
 export declare const transformColorSpace: (value: string) => number;
 //# sourceMappingURL=transformations.d.ts.map

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;AAuBtC;;;GAGG;AACH,eAAO,MAAM,gBAAgB,UAAW,OAAO,WAAkB,CAAA;AAEjE;;;;GAIG;AACH,eAAO,MAAM,cAAc,UAAW,MAAM;UAKV,GAAG;;CAGpC,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,UAAW,MAAM,KAAG,OAIpD,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;;;GAI7B,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,UAAW,MAAM,KAAG,MAcnD,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;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"}

package/dist/react/Shader.js

@@ -2,9 +2,10 @@ import { createContext, useEffect, useMemo, useRef } from "react";
 import { shaderRenderer } from "../core/index.js";
 import { vec4 } from "three/tsl";
 import { TelemetryCollector, isExternalUser, shouldCollectTelemetry } from "../core/telemetry/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const ShaderContext = createContext(null);
-const Shader = ({ children, disableTelemetry = false, style = {}, className = "",...rest }) => {
+const Shader = ({ children, disableTelemetry = false, colorSpace = "p3-linear", style = {}, className = "",...rest }) => {
 	const containerRef = useRef(null);
 	const canvasRef = useRef(null);
 	const rootId = useMemo(() => "shader-root-" + Math.random().toString(36).substring(7), []);
@@ -12,6 +13,7 @@ const Shader = ({ children, disableTelemetry = false, style = {}, className = ""
 	if (rendererRef.current === null) rendererRef.current = shaderRenderer();
 	const telemetryCollectorRef = useRef(null);
 	const telemetryStartTimeoutRef = useRef(null);
+	const shouldSendTelemetryRef = useRef(null);
 	const nodeRegister = useMemo(() => {
 		return (id, fragmentNodeFunc, parentId, metadata, uniforms = null, componentDefinition = null) => {
 			if (fragmentNodeFunc === null) {
@@ -89,11 +91,15 @@ const Shader = ({ children, disableTelemetry = false, style = {}, className = ""
 		isInitializingRef.current = true;
 		try {
 			const renderer = rendererRef.current;
-			if (!renderer.isInitialized()) await renderer.initialize({ canvas });
+			if (!renderer.isInitialized()) await renderer.initialize({
+				canvas,
+				colorSpace
+			});
 			renderer.registerNode(rootId, ({ childNode }) => childNode || vec4(0, 0, 0, 0), null, null, {});
 			isInitializedRef.current = true;
 			isInitializingRef.current = false;
-			if (isExternalUser() && shouldCollectTelemetry(disableTelemetry) && !telemetryCollectorRef.current) startTelemetryWhenReady();
+			if (shouldSendTelemetryRef.current === null) shouldSendTelemetryRef.current = isExternalUser() && shouldCollectTelemetry(disableTelemetry);
+			if (shouldSendTelemetryRef.current && !telemetryCollectorRef.current) startTelemetryWhenReady();
 		} catch (err) {
 			console.error("[Shader] Initialization failed:", err);
 			isInitializingRef.current = false;
@@ -111,7 +117,7 @@ const Shader = ({ children, disableTelemetry = false, style = {}, className = ""
 			if (isCurrentlyVisible && !wasVisibleRef.current) {
 				if (rendererRef.current.isInitialized()) {
 					rendererRef.current.startAnimation();
-					if (isExternalUser() && shouldCollectTelemetry(disableTelemetry) && !telemetryCollectorRef.current && !telemetryStartTimeoutRef.current) startTelemetryWhenReady();
+					if (shouldSendTelemetryRef.current && !telemetryCollectorRef.current && !telemetryStartTimeoutRef.current) startTelemetryWhenReady();
 				} else initializeRenderer().catch(console.error);
 				wasVisibleRef.current = true;
 			} else if (!isCurrentlyVisible && wasVisibleRef.current) {
@@ -155,6 +161,23 @@ const Shader = ({ children, disableTelemetry = false, style = {}, className = ""
 			isInitializingRef.current = false;
 		};
 	}, []);
+	const isFirstRenderRef = useRef(true);
+	useEffect(() => {
+		if (isFirstRenderRef.current) {
+			isFirstRenderRef.current = false;
+			return;
+		}
+		if (rendererRef.current && isInitializedRef.current) {
+			setColorSpaceMode(colorSpace);
+			try {
+				rendererRef.current.cleanup();
+				isInitializedRef.current = false;
+				initializeRenderer().catch(console.error);
+			} catch (err) {
+				console.error("[Shader] Error updating colorSpace:", err);
+			}
+		}
+	}, [colorSpace]);
 	return /* @__PURE__ */ jsx(ShaderContext.Provider, {
 		value: contextValue,
 		children: /* @__PURE__ */ jsxs("div", {

package/dist/react/engine/Shader.d.ts

@@ -10,6 +10,7 @@ export declare const ShaderContext: React.Context<ShaderContextValue | null>;
 interface ShaderProps {
     children?: React.ReactNode;
     disableTelemetry?: boolean;
+    colorSpace?: 'p3-linear' | 'srgb';
     style?: React.CSSProperties;
     className?: string;
     [key: string]: any;

package/dist/react/engine/Shader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Shader.d.ts","sourceRoot":"","sources":["../../src/engine/Shader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAMvE,MAAM,WAAW,kBAAkB;IAC/B,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,mBAAmB,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAClJ,mBAAmB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/E,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;CACjE;AAED,eAAO,MAAM,aAAa,0CAAiD,CAAC;AAE5E,UAAU,WAAW;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA8QxC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Shader.d.ts","sourceRoot":"","sources":["../../src/engine/Shader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAOvE,MAAM,WAAW,kBAAkB;IAC/B,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,mBAAmB,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAClJ,mBAAmB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/E,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;CACjE;AAED,eAAO,MAAM,aAAa,0CAAiD,CAAC;AAE5E,UAAU,WAAW;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA2SxC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/react/utils/generatePresetCode.d.ts

@@ -7,7 +7,7 @@ interface ComponentConfig {
 interface PresetConfig {
     components: ComponentConfig[];
 }
-export declare function generatePresetCode(preset: PresetConfig): string;
+export declare function generatePresetCode(preset: PresetConfig, colorSpace?: 'p3-linear' | 'srgb'): string;
 export declare const availableComponents: string[];
 export {};
 //# sourceMappingURL=generatePresetCode.d.ts.map

package/dist/react/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;AAy4BD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UA4E/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;AAy4BD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CA4ClG;AAGD,eAAO,MAAM,mBAAmB,UA4E/B,CAAA"}

package/dist/react/utils/generatePresetCode.js

@@ -841,7 +841,7 @@ function isIdUsedAsMaskSource(id, allComponents) {
 	flattenComponents(allComponents);
 	return flatComponents.some((component) => component.props?.maskSource === id);
 }
-function generatePresetCode(preset) {
+function generatePresetCode(preset, colorSpace) {
 	const generateComponentString = (config, indent = "  ") => {
 		const propString = config.props ? generatePropString(config.props, config.type, indent) : "";
 		let idString = "";
@@ -856,7 +856,8 @@ function generatePresetCode(preset) {
 		} else if (attributes) return `${indent}<${config.type}\n${indent}  ${attributes} />`;
 		else return `${indent}<${config.type} />`;
 	};
-	return `<Shader>\n${preset.components.map((config) => generateComponentString(config)).join("\n")}\n</Shader>`;
+	const componentStrings = preset.components.map((config) => generateComponentString(config)).join("\n");
+	return `<Shader${colorSpace && colorSpace !== "p3-linear" ? ` colorSpace="${colorSpace}"` : ""}>\n${componentStrings}\n</Shader>`;
 }
 const availableComponents = [
 	"AngularBlur",

package/dist/react/utils/generatePresetCode.template.d.ts

@@ -7,7 +7,7 @@ interface ComponentConfig {
 interface PresetConfig {
     components: ComponentConfig[];
 }
-export declare function generatePresetCode(preset: PresetConfig): string;
+export declare function generatePresetCode(preset: PresetConfig, colorSpace?: 'p3-linear' | 'srgb'): string;
 export declare const availableComponents: any[];
 export {};
 //# sourceMappingURL=generatePresetCode.template.d.ts.map

package/dist/react/utils/generatePresetCode.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.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;AA4HD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}
+{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.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;AA4HD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CA4ClG;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}