shaders 2.3.60 → 2.3.62

package/dist/vue/AngularBlur.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/AngularBlur/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var AngularBlur_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -40,7 +41,7 @@ var AngularBlur_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;
@@ -50,7 +51,10 @@ var AngularBlur_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/Ascii.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/Ascii/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Ascii_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -45,7 +46,7 @@ var Ascii_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;
@@ -55,7 +56,10 @@ var Ascii_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");

package/dist/vue/Aurora.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/Aurora/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Aurora_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -51,7 +52,7 @@ var Aurora_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;
@@ -61,7 +62,10 @@ var Aurora_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/Beam.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/Beam/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Beam_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -47,7 +48,7 @@ var Beam_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			...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 Beam_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 				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/Blob.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/Blob/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Blob_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -52,7 +53,7 @@ var Blob_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			...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;
@@ -62,7 +63,10 @@ var Blob_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 				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/Blur.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/Blur/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Blur_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -39,7 +40,7 @@ var Blur_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			...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 Blur_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 				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/BrightnessContrast.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/BrightnessContrast/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var BrightnessContrast_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -40,7 +41,7 @@ var BrightnessContrast_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;
@@ -50,7 +51,10 @@ var BrightnessContrast_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/Bulge.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/Bulge/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Bulge_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -43,7 +44,7 @@ var Bulge_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;
@@ -53,7 +54,10 @@ var Bulge_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");

package/dist/vue/CRTScreen.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/CRTScreen/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var CRTScreen_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -46,7 +47,7 @@ var CRTScreen_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;
@@ -56,7 +57,10 @@ var CRTScreen_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/ChannelBlur.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/ChannelBlur/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var ChannelBlur_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -41,7 +42,7 @@ var ChannelBlur_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;
@@ -51,7 +52,10 @@ var ChannelBlur_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/Checkerboard.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/Checkerboard/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Checkerboard_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -43,7 +44,7 @@ var Checkerboard_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;
@@ -53,7 +54,10 @@ var Checkerboard_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/ChromaFlow.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/ChromaFlow/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var ChromaFlow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -46,7 +47,7 @@ var ChromaFlow_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;
@@ -56,7 +57,10 @@ var ChromaFlow_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/ChromaticAberration.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/ChromaticAberration/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var ChromaticAberration_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -43,7 +44,7 @@ var ChromaticAberration_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 ChromaticAberration_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/Circle.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/Circle/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Circle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -46,7 +47,7 @@ var Circle_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;
@@ -56,7 +57,10 @@ var Circle_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/ConcentricSpin.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/ConcentricSpin/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var ConcentricSpin_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -46,7 +47,7 @@ var ConcentricSpin_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;
@@ -56,7 +57,10 @@ var ConcentricSpin_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/ContourLines.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/ContourLines/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var ContourLines_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -47,7 +48,7 @@ var ContourLines_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;
@@ -57,7 +58,10 @@ var ContourLines_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/CursorRipples.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/CursorRipples/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var CursorRipples_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -43,7 +44,7 @@ var CursorRipples_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 CursorRipples_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/CursorTrail.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/CursorTrail/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var CursorTrail_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -44,7 +45,7 @@ var CursorTrail_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;
@@ -54,7 +55,10 @@ var CursorTrail_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/DiffuseBlur.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/DiffuseBlur/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var DiffuseBlur_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -40,7 +41,7 @@ var DiffuseBlur_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;
@@ -50,7 +51,10 @@ var DiffuseBlur_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/Dither.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/Dither/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Dither_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -45,7 +46,7 @@ var Dither_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;
@@ -55,7 +56,10 @@ var Dither_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/DotGrid.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/DotGrid/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var DotGrid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -42,7 +43,7 @@ var DotGrid_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;
@@ -52,7 +53,10 @@ var DotGrid_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/Duotone.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/Duotone/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Duotone_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -42,7 +43,7 @@ var Duotone_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;
@@ -52,7 +53,10 @@ var Duotone_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");