shaders 2.3.59 → 2.3.61

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

@@ -1,3 +1,3 @@
-import "../../transformations-DM6huB9g.js";
-import { n as componentDefinition, t as Tint_default } from "../../Tint-BmwtUjg4.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-DM6huB9g.js";
+import "../../transformations-B5lM6fYX.js";
 import "../../alpha-Byel9eTg.js";
 import "../../colorMixing-D_wMclqL.js";
-import { n as componentDefinition, t as Tritone_default } from "../../Tritone-BplKm991.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-DM6huB9g.js";
+import "../../transformations-B5lM6fYX.js";
 import "../../alpha-Byel9eTg.js";
-import { n as componentDefinition, t as Twirl_default } from "../../Twirl-Dn5j12Yk.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-DM6huB9g.js";
+import "../../transformations-B5lM6fYX.js";
 import "../../time-BZqyVJXt.js";
 import "../../alpha-Byel9eTg.js";
-import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-Dv8k3RMK.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-DM6huB9g.js";
+import "../../transformations-B5lM6fYX.js";
 import "../../alpha-Byel9eTg.js";
-import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-CCSC20me.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-DM6huB9g.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) => {
@@ -4776,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/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)
  */

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;;;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;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/AngularBlur.js

@@ -1,6 +1,7 @@
 import { ShaderContext } from "./Shader.js";
 import { useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { componentDefinition } from "../core/shaders/AngularBlur/index.js";
 import { jsx } from "react/jsx-runtime";
 function computeEffectiveProps(props, defaultProps$1) {
@@ -33,7 +34,7 @@ try {
 const ShaderComponent = (props) => {
 	const context = useContext(ShaderContext);
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
-	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
+	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate, shaderColorSpace } = context;
 	const instanceId = useMemo(() => {
 		return props.id || Math.random().toString(36).substring(2, 10);
 	}, [props.id]);
@@ -47,7 +48,10 @@ const ShaderComponent = (props) => {
 	const markerRef = useRef(null);
 	const detectedOrderRef = useRef(void 0);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	if (uniformsRef.current === null) {
+		setColorSpaceMode(shaderColorSpace);
+		uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	}
 	const childContextValue = useMemo(() => {
 		return {
 			...context,

package/dist/react/Ascii.js

@@ -1,6 +1,7 @@
 import { ShaderContext } from "./Shader.js";
 import { useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/Ascii/index.js";
 function computeEffectiveProps(props, defaultProps$1) {
@@ -33,7 +34,7 @@ try {
 const ShaderComponent = (props) => {
 	const context = useContext(ShaderContext);
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
-	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
+	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate, shaderColorSpace } = context;
 	const instanceId = useMemo(() => {
 		return props.id || Math.random().toString(36).substring(2, 10);
 	}, [props.id]);
@@ -47,7 +48,10 @@ const ShaderComponent = (props) => {
 	const markerRef = useRef(null);
 	const detectedOrderRef = useRef(void 0);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	if (uniformsRef.current === null) {
+		setColorSpaceMode(shaderColorSpace);
+		uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	}
 	const childContextValue = useMemo(() => {
 		return {
 			...context,

package/dist/react/Aurora.js

@@ -1,6 +1,7 @@
 import { ShaderContext } from "./Shader.js";
 import { useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/Aurora/index.js";
 function computeEffectiveProps(props, defaultProps$1) {
@@ -33,7 +34,7 @@ try {
 const ShaderComponent = (props) => {
 	const context = useContext(ShaderContext);
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
-	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
+	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate, shaderColorSpace } = context;
 	const instanceId = useMemo(() => {
 		return props.id || Math.random().toString(36).substring(2, 10);
 	}, [props.id]);
@@ -47,7 +48,10 @@ const ShaderComponent = (props) => {
 	const markerRef = useRef(null);
 	const detectedOrderRef = useRef(void 0);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	if (uniformsRef.current === null) {
+		setColorSpaceMode(shaderColorSpace);
+		uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	}
 	const childContextValue = useMemo(() => {
 		return {
 			...context,

package/dist/react/Beam.js

@@ -1,6 +1,7 @@
 import { ShaderContext } from "./Shader.js";
 import { useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/Beam/index.js";
 function computeEffectiveProps(props, defaultProps$1) {
@@ -33,7 +34,7 @@ try {
 const ShaderComponent = (props) => {
 	const context = useContext(ShaderContext);
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
-	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
+	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate, shaderColorSpace } = context;
 	const instanceId = useMemo(() => {
 		return props.id || Math.random().toString(36).substring(2, 10);
 	}, [props.id]);
@@ -47,7 +48,10 @@ const ShaderComponent = (props) => {
 	const markerRef = useRef(null);
 	const detectedOrderRef = useRef(void 0);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	if (uniformsRef.current === null) {
+		setColorSpaceMode(shaderColorSpace);
+		uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	}
 	const childContextValue = useMemo(() => {
 		return {
 			...context,

package/dist/react/Blob.js

@@ -1,6 +1,7 @@
 import { ShaderContext } from "./Shader.js";
 import { useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/Blob/index.js";
 function computeEffectiveProps(props, defaultProps$1) {
@@ -33,7 +34,7 @@ try {
 const ShaderComponent = (props) => {
 	const context = useContext(ShaderContext);
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
-	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
+	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate, shaderColorSpace } = context;
 	const instanceId = useMemo(() => {
 		return props.id || Math.random().toString(36).substring(2, 10);
 	}, [props.id]);
@@ -47,7 +48,10 @@ const ShaderComponent = (props) => {
 	const markerRef = useRef(null);
 	const detectedOrderRef = useRef(void 0);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	if (uniformsRef.current === null) {
+		setColorSpaceMode(shaderColorSpace);
+		uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	}
 	const childContextValue = useMemo(() => {
 		return {
 			...context,

package/dist/react/Blur.js

@@ -1,6 +1,7 @@
 import { ShaderContext } from "./Shader.js";
 import { useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/Blur/index.js";
 function computeEffectiveProps(props, defaultProps$1) {
@@ -33,7 +34,7 @@ try {
 const ShaderComponent = (props) => {
 	const context = useContext(ShaderContext);
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
-	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
+	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate, shaderColorSpace } = context;
 	const instanceId = useMemo(() => {
 		return props.id || Math.random().toString(36).substring(2, 10);
 	}, [props.id]);
@@ -47,7 +48,10 @@ const ShaderComponent = (props) => {
 	const markerRef = useRef(null);
 	const detectedOrderRef = useRef(void 0);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	if (uniformsRef.current === null) {
+		setColorSpaceMode(shaderColorSpace);
+		uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	}
 	const childContextValue = useMemo(() => {
 		return {
 			...context,

package/dist/react/BrightnessContrast.js

@@ -1,6 +1,7 @@
 import { ShaderContext } from "./Shader.js";
 import { useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/BrightnessContrast/index.js";
 function computeEffectiveProps(props, defaultProps$1) {
@@ -33,7 +34,7 @@ try {
 const ShaderComponent = (props) => {
 	const context = useContext(ShaderContext);
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
-	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
+	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate, shaderColorSpace } = context;
 	const instanceId = useMemo(() => {
 		return props.id || Math.random().toString(36).substring(2, 10);
 	}, [props.id]);
@@ -47,7 +48,10 @@ const ShaderComponent = (props) => {
 	const markerRef = useRef(null);
 	const detectedOrderRef = useRef(void 0);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	if (uniformsRef.current === null) {
+		setColorSpaceMode(shaderColorSpace);
+		uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	}
 	const childContextValue = useMemo(() => {
 		return {
 			...context,

package/dist/react/Bulge.js

@@ -1,6 +1,7 @@
 import { ShaderContext } from "./Shader.js";
 import { useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/Bulge/index.js";
 function computeEffectiveProps(props, defaultProps$1) {
@@ -33,7 +34,7 @@ try {
 const ShaderComponent = (props) => {
 	const context = useContext(ShaderContext);
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
-	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
+	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate, shaderColorSpace } = context;
 	const instanceId = useMemo(() => {
 		return props.id || Math.random().toString(36).substring(2, 10);
 	}, [props.id]);
@@ -47,7 +48,10 @@ const ShaderComponent = (props) => {
 	const markerRef = useRef(null);
 	const detectedOrderRef = useRef(void 0);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	if (uniformsRef.current === null) {
+		setColorSpaceMode(shaderColorSpace);
+		uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	}
 	const childContextValue = useMemo(() => {
 		return {
 			...context,

package/dist/react/CRTScreen.js

@@ -1,6 +1,7 @@
 import { ShaderContext } from "./Shader.js";
 import { useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/CRTScreen/index.js";
 function computeEffectiveProps(props, defaultProps$1) {
@@ -33,7 +34,7 @@ try {
 const ShaderComponent = (props) => {
 	const context = useContext(ShaderContext);
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
-	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
+	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate, shaderColorSpace } = context;
 	const instanceId = useMemo(() => {
 		return props.id || Math.random().toString(36).substring(2, 10);
 	}, [props.id]);
@@ -47,7 +48,10 @@ const ShaderComponent = (props) => {
 	const markerRef = useRef(null);
 	const detectedOrderRef = useRef(void 0);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	if (uniformsRef.current === null) {
+		setColorSpaceMode(shaderColorSpace);
+		uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	}
 	const childContextValue = useMemo(() => {
 		return {
 			...context,

package/dist/react/ChannelBlur.js

@@ -1,6 +1,7 @@
 import { ShaderContext } from "./Shader.js";
 import { useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/ChannelBlur/index.js";
 function computeEffectiveProps(props, defaultProps$1) {
@@ -33,7 +34,7 @@ try {
 const ShaderComponent = (props) => {
 	const context = useContext(ShaderContext);
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
-	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
+	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate, shaderColorSpace } = context;
 	const instanceId = useMemo(() => {
 		return props.id || Math.random().toString(36).substring(2, 10);
 	}, [props.id]);
@@ -47,7 +48,10 @@ const ShaderComponent = (props) => {
 	const markerRef = useRef(null);
 	const detectedOrderRef = useRef(void 0);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	if (uniformsRef.current === null) {
+		setColorSpaceMode(shaderColorSpace);
+		uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	}
 	const childContextValue = useMemo(() => {
 		return {
 			...context,

package/dist/react/Checkerboard.js

@@ -1,6 +1,7 @@
 import { ShaderContext } from "./Shader.js";
 import { useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/Checkerboard/index.js";
 function computeEffectiveProps(props, defaultProps$1) {
@@ -33,7 +34,7 @@ try {
 const ShaderComponent = (props) => {
 	const context = useContext(ShaderContext);
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
-	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
+	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate, shaderColorSpace } = context;
 	const instanceId = useMemo(() => {
 		return props.id || Math.random().toString(36).substring(2, 10);
 	}, [props.id]);
@@ -47,7 +48,10 @@ const ShaderComponent = (props) => {
 	const markerRef = useRef(null);
 	const detectedOrderRef = useRef(void 0);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	if (uniformsRef.current === null) {
+		setColorSpaceMode(shaderColorSpace);
+		uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	}
 	const childContextValue = useMemo(() => {
 		return {
 			...context,

package/dist/react/ChromaFlow.js

@@ -1,6 +1,7 @@
 import { ShaderContext } from "./Shader.js";
 import { useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/ChromaFlow/index.js";
 function computeEffectiveProps(props, defaultProps$1) {
@@ -33,7 +34,7 @@ try {
 const ShaderComponent = (props) => {
 	const context = useContext(ShaderContext);
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
-	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
+	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate, shaderColorSpace } = context;
 	const instanceId = useMemo(() => {
 		return props.id || Math.random().toString(36).substring(2, 10);
 	}, [props.id]);
@@ -47,7 +48,10 @@ const ShaderComponent = (props) => {
 	const markerRef = useRef(null);
 	const detectedOrderRef = useRef(void 0);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	if (uniformsRef.current === null) {
+		setColorSpaceMode(shaderColorSpace);
+		uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	}
 	const childContextValue = useMemo(() => {
 		return {
 			...context,

package/dist/react/ChromaticAberration.js

@@ -1,6 +1,7 @@
 import { ShaderContext } from "./Shader.js";
 import { useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/ChromaticAberration/index.js";
 function computeEffectiveProps(props, defaultProps$1) {
@@ -33,7 +34,7 @@ try {
 const ShaderComponent = (props) => {
 	const context = useContext(ShaderContext);
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
-	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
+	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate, shaderColorSpace } = context;
 	const instanceId = useMemo(() => {
 		return props.id || Math.random().toString(36).substring(2, 10);
 	}, [props.id]);
@@ -47,7 +48,10 @@ const ShaderComponent = (props) => {
 	const markerRef = useRef(null);
 	const detectedOrderRef = useRef(void 0);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	if (uniformsRef.current === null) {
+		setColorSpaceMode(shaderColorSpace);
+		uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	}
 	const childContextValue = useMemo(() => {
 		return {
 			...context,

package/dist/react/Circle.js

@@ -1,6 +1,7 @@
 import { ShaderContext } from "./Shader.js";
 import { useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/Circle/index.js";
 function computeEffectiveProps(props, defaultProps$1) {
@@ -33,7 +34,7 @@ try {
 const ShaderComponent = (props) => {
 	const context = useContext(ShaderContext);
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
-	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
+	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate, shaderColorSpace } = context;
 	const instanceId = useMemo(() => {
 		return props.id || Math.random().toString(36).substring(2, 10);
 	}, [props.id]);
@@ -47,7 +48,10 @@ const ShaderComponent = (props) => {
 	const markerRef = useRef(null);
 	const detectedOrderRef = useRef(void 0);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	if (uniformsRef.current === null) {
+		setColorSpaceMode(shaderColorSpace);
+		uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	}
 	const childContextValue = useMemo(() => {
 		return {
 			...context,

package/dist/react/ConcentricSpin.js

@@ -1,6 +1,7 @@
 import { ShaderContext } from "./Shader.js";
 import { useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/ConcentricSpin/index.js";
 function computeEffectiveProps(props, defaultProps$1) {
@@ -33,7 +34,7 @@ try {
 const ShaderComponent = (props) => {
 	const context = useContext(ShaderContext);
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
-	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
+	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate, shaderColorSpace } = context;
 	const instanceId = useMemo(() => {
 		return props.id || Math.random().toString(36).substring(2, 10);
 	}, [props.id]);
@@ -47,7 +48,10 @@ const ShaderComponent = (props) => {
 	const markerRef = useRef(null);
 	const detectedOrderRef = useRef(void 0);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	if (uniformsRef.current === null) {
+		setColorSpaceMode(shaderColorSpace);
+		uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	}
 	const childContextValue = useMemo(() => {
 		return {
 			...context,

package/dist/react/ContourLines.js

@@ -1,6 +1,7 @@
 import { ShaderContext } from "./Shader.js";
 import { useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/ContourLines/index.js";
 function computeEffectiveProps(props, defaultProps$1) {
@@ -33,7 +34,7 @@ try {
 const ShaderComponent = (props) => {
 	const context = useContext(ShaderContext);
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
-	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
+	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate, shaderColorSpace } = context;
 	const instanceId = useMemo(() => {
 		return props.id || Math.random().toString(36).substring(2, 10);
 	}, [props.id]);
@@ -47,7 +48,10 @@ const ShaderComponent = (props) => {
 	const markerRef = useRef(null);
 	const detectedOrderRef = useRef(void 0);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	if (uniformsRef.current === null) {
+		setColorSpaceMode(shaderColorSpace);
+		uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	}
 	const childContextValue = useMemo(() => {
 		return {
 			...context,