shaders 2.3.60 → 2.3.62

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,8 +1,8 @@
-import { createElementBlock, createElementVNode, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, shallowRef, watch } 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";
-import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 var Shader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "Shader",
 	props: {
@@ -18,7 +18,7 @@ var Shader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 	},
 	setup(__props, { expose: __expose }) {
 		const props = __props;
-		setColorSpaceMode(props.colorSpace);
+		provide("shaderColorSpace", computed(() => props.colorSpace));
 		const containerRef = ref(null);
 		const canvasRef = ref(null);
 		const rootId = ref("shader-root-" + Math.random().toString(36).substring(7));

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");

package/dist/vue/Stripes.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/Stripes/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Stripes_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -47,7 +48,7 @@ var Stripes_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 Stripes_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/StudioBackground.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/StudioBackground/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var StudioBackground_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -57,7 +58,7 @@ var StudioBackground_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;
@@ -67,7 +68,10 @@ var StudioBackground_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/Swirl.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/Swirl/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Swirl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -44,7 +45,7 @@ var Swirl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			...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;
@@ -54,7 +55,10 @@ var Swirl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 				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");