shaders 2.3.59 → 2.3.61

package/dist/vue/Perspective.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { computed, createElementBlock, defineComponent, effectScope, inject, mergeDefaults, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, unref, watch } from "vue";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { componentDefinition } from "../core/shaders/Perspective/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Perspective_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -45,7 +46,7 @@ var Perspective_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition, computed(() => {
+		const shaderReadyProps = computed(() => {
 			let baseProps = { ...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
@@ -55,7 +56,10 @@ var Perspective_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
-		}).value, instanceId);
+		});
+		const shaderColorSpace = inject("shaderColorSpace");
+		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
+		const uniforms = createUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
 		const parentId = inject("shaderParentId");
 		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 		const parentRegister = inject("shaderNodeRegister");

package/dist/vue/Pixelate.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { computed, createElementBlock, defineComponent, effectScope, inject, mergeDefaults, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, unref, watch } from "vue";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { componentDefinition } from "../core/shaders/Pixelate/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Pixelate_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -39,7 +40,7 @@ var Pixelate_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition, computed(() => {
+		const shaderReadyProps = computed(() => {
 			let baseProps = { ...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
@@ -49,7 +50,10 @@ var Pixelate_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
-		}).value, instanceId);
+		});
+		const shaderColorSpace = inject("shaderColorSpace");
+		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
+		const uniforms = createUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
 		const parentId = inject("shaderParentId");
 		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 		const parentRegister = inject("shaderNodeRegister");

package/dist/vue/Plasma.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { computed, createElementBlock, defineComponent, effectScope, inject, mergeDefaults, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, unref, watch } from "vue";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { componentDefinition } from "../core/shaders/Plasma/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Plasma_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -47,7 +48,7 @@ var Plasma_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition, computed(() => {
+		const shaderReadyProps = computed(() => {
 			let baseProps = { ...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
@@ -57,7 +58,10 @@ var Plasma_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
-		}).value, instanceId);
+		});
+		const shaderColorSpace = inject("shaderColorSpace");
+		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
+		const uniforms = createUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
 		const parentId = inject("shaderParentId");
 		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 		const parentRegister = inject("shaderNodeRegister");

package/dist/vue/PolarCoordinates.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { computed, createElementBlock, defineComponent, effectScope, inject, mergeDefaults, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, unref, watch } from "vue";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { componentDefinition } from "../core/shaders/PolarCoordinates/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var PolarCoordinates_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -43,7 +44,7 @@ var PolarCoordinates_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition, computed(() => {
+		const shaderReadyProps = computed(() => {
 			let baseProps = { ...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
@@ -53,7 +54,10 @@ var PolarCoordinates_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
-		}).value, instanceId);
+		});
+		const shaderColorSpace = inject("shaderColorSpace");
+		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
+		const uniforms = createUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
 		const parentId = inject("shaderParentId");
 		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 		const parentRegister = inject("shaderNodeRegister");

package/dist/vue/Posterize.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { computed, createElementBlock, defineComponent, effectScope, inject, mergeDefaults, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, unref, watch } from "vue";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { componentDefinition } from "../core/shaders/Posterize/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Posterize_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -39,7 +40,7 @@ var Posterize_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition, computed(() => {
+		const shaderReadyProps = computed(() => {
 			let baseProps = { ...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
@@ -49,7 +50,10 @@ var Posterize_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
-		}).value, instanceId);
+		});
+		const shaderColorSpace = inject("shaderColorSpace");
+		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
+		const uniforms = createUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
 		const parentId = inject("shaderParentId");
 		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 		const parentRegister = inject("shaderNodeRegister");

package/dist/vue/ProgressiveBlur.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { computed, createElementBlock, defineComponent, effectScope, inject, mergeDefaults, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, unref, watch } from "vue";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { componentDefinition } from "../core/shaders/ProgressiveBlur/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var ProgressiveBlur_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -42,7 +43,7 @@ var ProgressiveBlur_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition, computed(() => {
+		const shaderReadyProps = computed(() => {
 			let baseProps = { ...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
@@ -52,7 +53,10 @@ var ProgressiveBlur_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
-		}).value, instanceId);
+		});
+		const shaderColorSpace = inject("shaderColorSpace");
+		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
+		const uniforms = createUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
 		const parentId = inject("shaderParentId");
 		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 		const parentRegister = inject("shaderNodeRegister");

package/dist/vue/RadialGradient.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { computed, createElementBlock, defineComponent, effectScope, inject, mergeDefaults, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, unref, watch } from "vue";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { componentDefinition } from "../core/shaders/RadialGradient/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var RadialGradient_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -43,7 +44,7 @@ var RadialGradient_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition, computed(() => {
+		const shaderReadyProps = computed(() => {
 			let baseProps = { ...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
@@ -53,7 +54,10 @@ var RadialGradient_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
-		}).value, instanceId);
+		});
+		const shaderColorSpace = inject("shaderColorSpace");
+		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
+		const uniforms = createUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
 		const parentId = inject("shaderParentId");
 		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 		const parentRegister = inject("shaderNodeRegister");

package/dist/vue/RectangularCoordinates.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { computed, createElementBlock, defineComponent, effectScope, inject, mergeDefaults, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, unref, watch } from "vue";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { componentDefinition } from "../core/shaders/RectangularCoordinates/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var RectangularCoordinates_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -42,7 +43,7 @@ var RectangularCoordinates_vue_vue_type_script_setup_true_lang_default = /* @__P
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition, computed(() => {
+		const shaderReadyProps = computed(() => {
 			let baseProps = { ...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
@@ -52,7 +53,10 @@ var RectangularCoordinates_vue_vue_type_script_setup_true_lang_default = /* @__P
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
-		}).value, instanceId);
+		});
+		const shaderColorSpace = inject("shaderColorSpace");
+		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
+		const uniforms = createUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
 		const parentId = inject("shaderParentId");
 		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 		const parentRegister = inject("shaderNodeRegister");

package/dist/vue/Ripples.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { computed, createElementBlock, defineComponent, effectScope, inject, mergeDefaults, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, unref, watch } from "vue";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { componentDefinition } from "../core/shaders/Ripples/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Ripples_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -46,7 +47,7 @@ var Ripples_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition, computed(() => {
+		const shaderReadyProps = computed(() => {
 			let baseProps = { ...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
@@ -56,7 +57,10 @@ var Ripples_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
-		}).value, instanceId);
+		});
+		const shaderColorSpace = inject("shaderColorSpace");
+		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
+		const uniforms = createUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
 		const parentId = inject("shaderParentId");
 		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 		const parentRegister = inject("shaderNodeRegister");

package/dist/vue/Saturation.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { computed, createElementBlock, defineComponent, effectScope, inject, mergeDefaults, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, unref, watch } from "vue";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { componentDefinition } from "../core/shaders/Saturation/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Saturation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -39,7 +40,7 @@ var Saturation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition, computed(() => {
+		const shaderReadyProps = computed(() => {
 			let baseProps = { ...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
@@ -49,7 +50,10 @@ var Saturation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
-		}).value, instanceId);
+		});
+		const shaderColorSpace = inject("shaderColorSpace");
+		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
+		const uniforms = createUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
 		const parentId = inject("shaderParentId");
 		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 		const parentRegister = inject("shaderNodeRegister");

package/dist/vue/Shader.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
-import { createElementBlock, createElementVNode, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, shallowRef } from "vue";
+import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, shallowRef, watch } from "vue";
 import { shaderRenderer } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { vec4 } from "three/tsl";
 import { TelemetryCollector, isExternalUser, shouldCollectTelemetry } from "../core/telemetry/index.js";
 var Shader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -11,11 +12,13 @@ var Shader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		},
 		enablePerformanceTracking: {
 			type: Boolean,
-			default: false
-		}
+			default: true
+		},
+		colorSpace: { default: "p3-linear" }
 	},
 	setup(__props, { expose: __expose }) {
 		const props = __props;
+		provide("shaderColorSpace", computed(() => props.colorSpace));
 		const containerRef = ref(null);
 		const canvasRef = ref(null);
 		const rootId = ref("shader-root-" + Math.random().toString(36).substring(7));
@@ -23,6 +26,7 @@ var Shader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		const rendererResetSignal = ref(0);
 		let telemetryCollector = null;
 		let telemetryStartTimeout = null;
+		let shouldSendTelemetry = null;
 		provide("shaderParentId", rootId.value);
 		provide("shaderRendererResetSignal", rendererResetSignal);
 		provide("shaderNodeRegister", (id, fragmentNodeFunc, parentId, metadata, uniforms = null, componentDefinition = null) => {
@@ -39,10 +43,12 @@ var Shader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			if (!canvasRef.value) return;
 			if (!rendererInstance.value.isInitialized()) await rendererInstance.value.initialize({
 				canvas: canvasRef.value,
-				enablePerformanceTracking: props.enablePerformanceTracking
+				enablePerformanceTracking: props.enablePerformanceTracking,
+				colorSpace: props.colorSpace
 			});
 			rendererInstance.value.registerNode(rootId.value, ({ childNode }) => childNode || vec4(0, 0, 0, 0), null, null, {}, void 0);
-			if (isExternalUser() && shouldCollectTelemetry(props.disableTelemetry) && !telemetryCollector) startTelemetryWhenReady();
+			if (shouldSendTelemetry === null) shouldSendTelemetry = isExternalUser() && shouldCollectTelemetry(props.disableTelemetry);
+			if (shouldSendTelemetry && !telemetryCollector) startTelemetryWhenReady();
 		};
 		const startTelemetryWhenReady = () => {
 			const checkRendering = () => {
@@ -65,7 +71,7 @@ var Shader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				if (isCurrentlyVisible && !wasVisible) {
 					if (rendererInstance.value.isInitialized()) {
 						rendererInstance.value.startAnimation();
-						if (isExternalUser() && shouldCollectTelemetry(props.disableTelemetry) && !telemetryCollector && !telemetryStartTimeout) startTelemetryWhenReady();
+						if (shouldSendTelemetry && !telemetryCollector && !telemetryStartTimeout) startTelemetryWhenReady();
 					} else initializeRenderer().then(() => {
 						rendererResetSignal.value++;
 					}).catch(console.error);
@@ -88,6 +94,17 @@ var Shader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				setupVisibilityObserver();
 			}
 		});
+		let isFirstRun = true;
+		watch(() => props.colorSpace, (newColorSpace) => {
+			if (isFirstRun) {
+				isFirstRun = false;
+				return;
+			}
+			if (rendererInstance.value.isInitialized()) {
+				setColorSpaceMode(newColorSpace);
+				rendererResetSignal.value++;
+			}
+		});
 		const captureScreenshot = async (maxWidth = 1200) => {
 			if (!canvasRef.value) throw new Error("Canvas not available");
 			try {

package/dist/vue/Sharpness.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { computed, createElementBlock, defineComponent, effectScope, inject, mergeDefaults, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, unref, watch } from "vue";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { componentDefinition } from "../core/shaders/Sharpness/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Sharpness_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -39,7 +40,7 @@ var Sharpness_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition, computed(() => {
+		const shaderReadyProps = computed(() => {
 			let baseProps = { ...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
@@ -49,7 +50,10 @@ var Sharpness_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
-		}).value, instanceId);
+		});
+		const shaderColorSpace = inject("shaderColorSpace");
+		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
+		const uniforms = createUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
 		const parentId = inject("shaderParentId");
 		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 		const parentRegister = inject("shaderNodeRegister");

package/dist/vue/Shatter.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { computed, createElementBlock, defineComponent, effectScope, inject, mergeDefaults, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, unref, watch } from "vue";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { componentDefinition } from "../core/shaders/Shatter/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Shatter_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -47,7 +48,7 @@ var Shatter_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition, computed(() => {
+		const shaderReadyProps = computed(() => {
 			let baseProps = { ...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
@@ -57,7 +58,10 @@ var Shatter_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
-		}).value, instanceId);
+		});
+		const shaderColorSpace = inject("shaderColorSpace");
+		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
+		const uniforms = createUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
 		const parentId = inject("shaderParentId");
 		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 		const parentRegister = inject("shaderNodeRegister");

package/dist/vue/SimplexNoise.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { computed, createElementBlock, defineComponent, effectScope, inject, mergeDefaults, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, unref, watch } from "vue";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { componentDefinition } from "../core/shaders/SimplexNoise/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var SimplexNoise_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -45,7 +46,7 @@ var SimplexNoise_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition, computed(() => {
+		const shaderReadyProps = computed(() => {
 			let baseProps = { ...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
@@ -55,7 +56,10 @@ var SimplexNoise_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
-		}).value, instanceId);
+		});
+		const shaderColorSpace = inject("shaderColorSpace");
+		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
+		const uniforms = createUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
 		const parentId = inject("shaderParentId");
 		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 		const parentRegister = inject("shaderNodeRegister");

package/dist/vue/SineWave.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { computed, createElementBlock, defineComponent, effectScope, inject, mergeDefaults, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, unref, watch } from "vue";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { componentDefinition } from "../core/shaders/SineWave/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var SineWave_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -46,7 +47,7 @@ var SineWave_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition, computed(() => {
+		const shaderReadyProps = computed(() => {
 			let baseProps = { ...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
@@ -56,7 +57,10 @@ var SineWave_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
-		}).value, instanceId);
+		});
+		const shaderColorSpace = inject("shaderColorSpace");
+		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
+		const uniforms = createUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
 		const parentId = inject("shaderParentId");
 		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 		const parentRegister = inject("shaderNodeRegister");

package/dist/vue/SolidColor.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { computed, createElementBlock, defineComponent, effectScope, inject, mergeDefaults, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, unref, watch } from "vue";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { componentDefinition } from "../core/shaders/SolidColor/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var SolidColor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -39,7 +40,7 @@ var SolidColor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition, computed(() => {
+		const shaderReadyProps = computed(() => {
 			let baseProps = { ...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
@@ -49,7 +50,10 @@ var SolidColor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
-		}).value, instanceId);
+		});
+		const shaderColorSpace = inject("shaderColorSpace");
+		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
+		const uniforms = createUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
 		const parentId = inject("shaderParentId");
 		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 		const parentRegister = inject("shaderNodeRegister");

package/dist/vue/Spherize.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { computed, createElementBlock, defineComponent, effectScope, inject, mergeDefaults, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, unref, watch } from "vue";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { componentDefinition } from "../core/shaders/Spherize/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Spherize_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -45,7 +46,7 @@ var Spherize_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition, computed(() => {
+		const shaderReadyProps = computed(() => {
 			let baseProps = { ...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
@@ -55,7 +56,10 @@ var Spherize_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
-		}).value, instanceId);
+		});
+		const shaderColorSpace = inject("shaderColorSpace");
+		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
+		const uniforms = createUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
 		const parentId = inject("shaderParentId");
 		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 		const parentRegister = inject("shaderNodeRegister");

package/dist/vue/Spiral.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { computed, createElementBlock, defineComponent, effectScope, inject, mergeDefaults, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, unref, watch } from "vue";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { componentDefinition } from "../core/shaders/Spiral/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Spiral_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -47,7 +48,7 @@ var Spiral_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition, computed(() => {
+		const shaderReadyProps = computed(() => {
 			let baseProps = { ...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
@@ -57,7 +58,10 @@ var Spiral_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
-		}).value, instanceId);
+		});
+		const shaderColorSpace = inject("shaderColorSpace");
+		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
+		const uniforms = createUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
 		const parentId = inject("shaderParentId");
 		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 		const parentRegister = inject("shaderNodeRegister");

package/dist/vue/Strands.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { computed, createElementBlock, defineComponent, effectScope, inject, mergeDefaults, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, unref, watch } from "vue";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { componentDefinition } from "../core/shaders/Strands/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Strands_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -47,7 +48,7 @@ var Strands_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition, computed(() => {
+		const shaderReadyProps = computed(() => {
 			let baseProps = { ...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
@@ -57,7 +58,10 @@ var Strands_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
-		}).value, instanceId);
+		});
+		const shaderColorSpace = inject("shaderColorSpace");
+		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
+		const uniforms = createUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
 		const parentId = inject("shaderParentId");
 		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 		const parentRegister = inject("shaderNodeRegister");

package/dist/vue/Stretch.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { computed, createElementBlock, defineComponent, effectScope, inject, mergeDefaults, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, unref, watch } from "vue";
 import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { componentDefinition } from "../core/shaders/Stretch/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Stretch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -43,7 +44,7 @@ var Stretch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition, computed(() => {
+		const shaderReadyProps = computed(() => {
 			let baseProps = { ...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
@@ -53,7 +54,10 @@ var Stretch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
-		}).value, instanceId);
+		});
+		const shaderColorSpace = inject("shaderColorSpace");
+		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
+		const uniforms = createUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
 		const parentId = inject("shaderParentId");
 		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 		const parentRegister = inject("shaderNodeRegister");