shaders 2.3.60 → 2.3.62

package/dist/vue/FilmGrain.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/FilmGrain/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var FilmGrain_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -39,7 +40,7 @@ var FilmGrain_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 FilmGrain_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/FloatingParticles.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/FloatingParticles/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var FloatingParticles_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -49,7 +50,7 @@ var FloatingParticles_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;
@@ -59,7 +60,10 @@ var FloatingParticles_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/FlowField.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/FlowField/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var FlowField_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -42,7 +43,7 @@ var FlowField_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;
@@ -52,7 +53,10 @@ var FlowField_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/GlassTiles.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/GlassTiles/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var GlassTiles_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -42,7 +43,7 @@ var GlassTiles_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;
@@ -52,7 +53,10 @@ var GlassTiles_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/Glitch.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/Glitch/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Glitch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -45,7 +46,7 @@ var Glitch_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 Glitch_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/Glow.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/Glow/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Glow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -41,7 +42,7 @@ var Glow_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;
@@ -51,7 +52,10 @@ var Glow_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/Godrays.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/Godrays/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Godrays_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -45,7 +46,7 @@ var Godrays_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;
@@ -55,7 +56,10 @@ var Godrays_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/Grayscale.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/Grayscale/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Grayscale_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -38,7 +39,7 @@ var Grayscale_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;
@@ -48,7 +49,10 @@ var Grayscale_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/Grid.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/Grid/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Grid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -41,7 +42,7 @@ var Grid_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;
@@ -51,7 +52,10 @@ var Grid_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/GridDistortion.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/GridDistortion/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var GridDistortion_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -43,7 +44,7 @@ var GridDistortion_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 GridDistortion_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/Group.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/Group/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Group_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -38,7 +39,7 @@ var Group_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;
@@ -48,7 +49,10 @@ var Group_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/Halftone.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/Halftone/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Halftone_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -41,7 +42,7 @@ var Halftone_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;
@@ -51,7 +52,10 @@ var Halftone_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/HueShift.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/HueShift/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var HueShift_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -39,7 +40,7 @@ var HueShift_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 HueShift_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/ImageTexture.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/ImageTexture/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var ImageTexture_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -40,7 +41,7 @@ var ImageTexture_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;
@@ -50,7 +51,10 @@ var ImageTexture_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/Invert.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/Invert/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Invert_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -38,7 +39,7 @@ var Invert_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;
@@ -48,7 +49,10 @@ var Invert_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/Kaleidoscope.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/Kaleidoscope/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Kaleidoscope_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -42,7 +43,7 @@ var Kaleidoscope_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;
@@ -52,7 +53,10 @@ var Kaleidoscope_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/LensFlare.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/LensFlare/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var LensFlare_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -55,7 +56,7 @@ var LensFlare_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;
@@ -65,7 +66,10 @@ var LensFlare_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/LinearBlur.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/LinearBlur/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var LinearBlur_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -40,7 +41,7 @@ var LinearBlur_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;
@@ -50,7 +51,10 @@ var LinearBlur_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/LinearGradient.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/LinearGradient/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var LinearGradient_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -45,7 +46,7 @@ var LinearGradient_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;
@@ -55,7 +56,10 @@ var LinearGradient_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/Liquify.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/Liquify/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Liquify_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -42,7 +43,7 @@ var Liquify_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 Liquify_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/Mirror.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/Mirror/index.js";
 var _hoisted_1 = ["data-shader-id"];
 var Mirror_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -41,7 +42,7 @@ var Mirror_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;
@@ -51,7 +52,10 @@ var Mirror_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/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");