shaders 2.3.60 → 2.3.61

package/dist/core/index.js

@@ -616,6 +616,7 @@ function shaderRenderer() {
 	let intersectionObserver = null;
 	let isInitialized = false;
 	let isInitializing = false;
+	let rendererColorSpace = "p3-linear";
 	let hasInitialDimensions = false;
 	let initializationAbortController = null;
 	let isVisible = false;
@@ -1148,8 +1149,10 @@ function shaderRenderer() {
 		if (!nodeInfo || !nodeInfo.uniforms) return;
 		const uniformDefinition = nodeInfo.uniforms[uniformName];
 		if (!uniformDefinition || !uniformDefinition.uniform) return;
-		if (uniformDefinition.transform) updateUniformValue(uniformDefinition, value);
-		else uniformDefinition.uniform.value = value;
+		if (uniformDefinition.transform) {
+			setColorSpaceMode(rendererColorSpace);
+			updateUniformValue(uniformDefinition, value);
+		} else uniformDefinition.uniform.value = value;
 		if (!animationFrameId) renderFrame();
 	};
 	const updateNodeMetadata = (nodeId, metadata) => {
@@ -1439,6 +1442,7 @@ function shaderRenderer() {
 	const initialize = async ({ canvas, enablePerformanceTracking: enableTracking = true, colorSpace = "p3-linear" }) => {
 		if (isInitialized || isInitializing) return;
 		enablePerformanceTracking = enableTracking;
+		rendererColorSpace = colorSpace;
 		setColorSpaceMode(colorSpace);
 		isInitializing = true;
 		initializationAbortController = new AbortController();

package/dist/core/renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAIH,KAAK,IAAI,EAMZ,MAAM,cAAc,CAAA;AAKrB,OAAO,EAAC,eAAe,EAAE,mBAAmB,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AACvH,OAAO,EAAqB,gBAAgB,EAAC,MAAM,sBAAsB,CAAA;AAMzE;;GAEG;AACH,UAAU,QAAQ;IAEd;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,aAAa,EAAE,MAAM,CAAA;IAErB;;OAEG;IACH,gBAAgB,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAA;IAErD;;OAEG;IACH,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IAEvB;;OAEG;IACH,WAAW,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,aAAa,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,cAAc,EAAE,GAAG,CAAA;IAEnB;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAA;IAEtB;;OAEG;IACH,QAAQ,EAAE,WAAW,CAAA;IAErB;;;OAGG;IACH,gBAAgB,EAAE,eAAe,EAAE,CAAA;IAEnC;;;OAGG;IACH,qBAAqB,EAAE,cAAc,EAAE,CAAA;IAEvC;;;OAGG;IACH,oBAAoB,EAAE,cAAc,EAAE,CAAA;IAEtC;;;OAGG;IACH,eAAe,EAAE,cAAc,EAAE,CAAA;IAEjC;;;OAGG;IACH,iBAAiB,CAAC,EAAE;QAChB,OAAO,EAAE,GAAG,CAAA;QACZ,OAAO,EAAE,GAAG,CAAA;QACZ,QAAQ,EAAE,GAAG,CAAA;QACb,KAAK,EAAE,GAAG,CAAA;QACV,OAAO,EAAE,GAAG,CAAA;QACZ,OAAO,EAAE,GAAG,CAAA;QACZ,KAAK,EAAE,GAAG,CAAA;QACV,WAAW,EAAE,GAAG,CAAA;KACnB,CAAA;IAED;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAE/B;AAED;;GAEG;AACH,UAAU,YAAY;IAClB,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;IAC5B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAClC;AAED;;GAEG;AACH,UAAU,iBAAiB;IACvB,MAAM,EAAE,iBAAiB,CAAA;IACzB,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;CACpC;AA2FD;;GAEG;AACH,wBAAgB,cAAc;oFA6oDG,iBAAiB;;uBAvtBpB,MAAM,oBAAoB,mBAAmB,CAAC,cAAc,CAAC,GAAG,IAAI,YAAY,MAAM,GAAG,IAAI,YAAY,YAAY,GAAG,IAAI,aAAY,WAAW,wBAA6B,mBAAmB,KAAG,IAAI;qBA0R5M,MAAM,KAAG,IAAI;iCAxID,MAAM,eAAe,MAAM,SAAS,GAAG,KAAG,IAAI;iCAgC9C,MAAM,YAAY,OAAO,CAAC,YAAY,CAAC,KAAG,IAAI;;0BAmYvD,IAAI;yBAyBL,IAAI;yBA9ME,OAAO,CAAC,IAAI,CAAC;+BAoKb,gBAAgB;;eA6emB,WAAW,CAAC,MAAM,EAAE,QAAQ,CAAC;;2BAjBpE,QAAQ,GAAG,OAAO,GAAG,IAAI;;;mCAzjDnB,MAAM,KAAG,QAAQ,EAAE;oCAuCzC,IAAI,YACF,QAAQ,UACV,MAAM,kBACE,GAAG,CAAC,MAAM,CAAC,gBACb,IAAI,KACnB,IAAI;0CAuCK,IAAI,YACF,QAAQ,KACnB,IAAI;;;;EAkgDV"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAIH,KAAK,IAAI,EAMZ,MAAM,cAAc,CAAA;AAKrB,OAAO,EAAC,eAAe,EAAE,mBAAmB,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AACvH,OAAO,EAAqB,gBAAgB,EAAC,MAAM,sBAAsB,CAAA;AAMzE;;GAEG;AACH,UAAU,QAAQ;IAEd;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,aAAa,EAAE,MAAM,CAAA;IAErB;;OAEG;IACH,gBAAgB,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAA;IAErD;;OAEG;IACH,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IAEvB;;OAEG;IACH,WAAW,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,aAAa,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,cAAc,EAAE,GAAG,CAAA;IAEnB;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAA;IAEtB;;OAEG;IACH,QAAQ,EAAE,WAAW,CAAA;IAErB;;;OAGG;IACH,gBAAgB,EAAE,eAAe,EAAE,CAAA;IAEnC;;;OAGG;IACH,qBAAqB,EAAE,cAAc,EAAE,CAAA;IAEvC;;;OAGG;IACH,oBAAoB,EAAE,cAAc,EAAE,CAAA;IAEtC;;;OAGG;IACH,eAAe,EAAE,cAAc,EAAE,CAAA;IAEjC;;;OAGG;IACH,iBAAiB,CAAC,EAAE;QAChB,OAAO,EAAE,GAAG,CAAA;QACZ,OAAO,EAAE,GAAG,CAAA;QACZ,QAAQ,EAAE,GAAG,CAAA;QACb,KAAK,EAAE,GAAG,CAAA;QACV,OAAO,EAAE,GAAG,CAAA;QACZ,OAAO,EAAE,GAAG,CAAA;QACZ,KAAK,EAAE,GAAG,CAAA;QACV,WAAW,EAAE,GAAG,CAAA;KACnB,CAAA;IAED;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAE/B;AAED;;GAEG;AACH,UAAU,YAAY;IAClB,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;IAC5B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAClC;AAED;;GAEG;AACH,UAAU,iBAAiB;IACvB,MAAM,EAAE,iBAAiB,CAAA;IACzB,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;CACpC;AA2FD;;GAEG;AACH,wBAAgB,cAAc;oFAgpDG,iBAAiB;;uBAztBpB,MAAM,oBAAoB,mBAAmB,CAAC,cAAc,CAAC,GAAG,IAAI,YAAY,MAAM,GAAG,IAAI,YAAY,YAAY,GAAG,IAAI,aAAY,WAAW,wBAA6B,mBAAmB,KAAG,IAAI;qBA4R5M,MAAM,KAAG,IAAI;iCA1ID,MAAM,eAAe,MAAM,SAAS,GAAG,KAAG,IAAI;iCAkC9C,MAAM,YAAY,OAAO,CAAC,YAAY,CAAC,KAAG,IAAI;;0BAmYvD,IAAI;yBAyBL,IAAI;yBA9ME,OAAO,CAAC,IAAI,CAAC;+BAoKb,gBAAgB;;eAgfmB,WAAW,CAAC,MAAM,EAAE,QAAQ,CAAC;;2BAjBpE,QAAQ,GAAG,OAAO,GAAG,IAAI;;;mCA9jDnB,MAAM,KAAG,QAAQ,EAAE;oCAuCzC,IAAI,YACF,QAAQ,UACV,MAAM,kBACE,GAAG,CAAC,MAAM,CAAC,gBACb,IAAI,KACnB,IAAI;0CAuCK,IAAI,YACF,QAAQ,KACnB,IAAI;;;;EAugDV"}

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,

package/dist/react/CursorRipples.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/CursorRipples/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/CursorTrail.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/CursorTrail/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/DiffuseBlur.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/DiffuseBlur/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/Dither.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/Dither/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,