shaders 2.3.59 → 2.3.61

package/dist/svelte/index.js

@@ -1,8 +1,9 @@
-import { n as generatePresetCode } from "./generatePresetCode-CO9fAymD.js";
+import { n as generatePresetCode } from "./generatePresetCode-EA1bmNOJ.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { getContext, onDestroy, onMount, setContext } from "svelte";
 import { createUniformsMap, shaderRenderer } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { componentDefinition } from "../core/shaders/AngularBlur/index.js";
 import { componentDefinition as componentDefinition$1 } from "../core/shaders/Ascii/index.js";
 import { componentDefinition as componentDefinition$2 } from "../core/shaders/Aurora/index.js";
@@ -129,6 +130,8 @@ function AngularBlur($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -258,6 +261,8 @@ function Ascii($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$1, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -387,6 +392,8 @@ function Aurora($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$2, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -516,6 +523,8 @@ function Beam($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$3, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -645,6 +654,8 @@ function Blob($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$4, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -774,6 +785,8 @@ function Blur($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$5, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -903,6 +916,8 @@ function BrightnessContrast($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$6, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -1032,6 +1047,8 @@ function Bulge($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$7, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -1161,6 +1178,8 @@ function CRTScreen($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$8, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -1290,6 +1309,8 @@ function ChannelBlur($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$9, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -1419,6 +1440,8 @@ function Checkerboard($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$10, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -1548,6 +1571,8 @@ function ChromaFlow($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$11, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -1677,6 +1702,8 @@ function ChromaticAberration($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$12, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -1806,6 +1833,8 @@ function Circle($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$13, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -1935,6 +1964,8 @@ function ConcentricSpin($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$14, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -2064,6 +2095,8 @@ function ContourLines($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$15, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -2193,6 +2226,8 @@ function CursorRipples($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$16, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -2322,6 +2357,8 @@ function CursorTrail($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$17, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -2451,6 +2488,8 @@ function DiffuseBlur($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$18, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -2580,6 +2619,8 @@ function Dither($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$19, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -2709,6 +2750,8 @@ function DotGrid($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$20, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -2838,6 +2881,8 @@ function Duotone($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$21, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -2967,6 +3012,8 @@ function FilmGrain($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$22, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -3096,6 +3143,8 @@ function FloatingParticles($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$23, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -3225,6 +3274,8 @@ function FlowField($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$24, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -3354,6 +3405,8 @@ function GlassTiles($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$25, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -3483,6 +3536,8 @@ function Glitch($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$26, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -3612,6 +3667,8 @@ function Glow($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$27, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -3741,6 +3798,8 @@ function Godrays($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$28, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -3870,6 +3929,8 @@ function Grayscale($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$29, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -3999,6 +4060,8 @@ function Grid($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$30, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -4128,6 +4191,8 @@ function GridDistortion($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$31, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -4257,6 +4322,8 @@ function Group($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$32, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -4386,6 +4453,8 @@ function Halftone($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$33, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -4515,6 +4584,8 @@ function HueShift($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$34, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -4644,6 +4715,8 @@ function ImageTexture($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$35, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -4773,6 +4846,8 @@ function Invert($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$36, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -4902,6 +4977,8 @@ function Kaleidoscope($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$37, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -5031,6 +5108,8 @@ function LensFlare($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$38, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -5160,6 +5239,8 @@ function LinearBlur($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$39, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -5289,6 +5370,8 @@ function LinearGradient($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$40, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -5418,6 +5501,8 @@ function Liquify($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$41, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -5547,6 +5632,8 @@ function Mirror($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$42, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -5676,6 +5763,8 @@ function Perspective($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$43, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -5805,6 +5894,8 @@ function Pixelate($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$44, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -5934,6 +6025,8 @@ function Plasma($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$45, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -6063,6 +6156,8 @@ function PolarCoordinates($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$46, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -6192,6 +6287,8 @@ function Posterize($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$47, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -6321,6 +6418,8 @@ function ProgressiveBlur($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$48, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -6450,6 +6549,8 @@ function RadialGradient($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$49, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -6579,6 +6680,8 @@ function RectangularCoordinates($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$50, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -6708,6 +6811,8 @@ function Ripples($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$51, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -6837,6 +6942,8 @@ function Saturation($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$52, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -6966,6 +7073,8 @@ function Sharpness($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$53, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -7095,6 +7204,8 @@ function Shatter($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$54, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -7224,6 +7335,8 @@ function SimplexNoise($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$55, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -7353,6 +7466,8 @@ function SineWave($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$56, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -7482,6 +7597,8 @@ function SolidColor($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$57, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -7611,6 +7728,8 @@ function Spherize($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$58, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -7740,6 +7859,8 @@ function Spiral($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$59, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -7869,6 +7990,8 @@ function Strands($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$60, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -7998,6 +8121,8 @@ function Stretch($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$61, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -8127,6 +8252,8 @@ function Stripes($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$62, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -8256,6 +8383,8 @@ function StudioBackground($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$63, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -8385,6 +8514,8 @@ function Swirl($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$64, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -8514,6 +8645,8 @@ function TiltShift($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$65, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -8643,6 +8776,8 @@ function Tint($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$66, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -8772,6 +8907,8 @@ function Tritone($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$67, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -8901,6 +9038,8 @@ function Twirl($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$68, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -9030,6 +9169,8 @@ function Vibrance($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$69, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -9159,6 +9300,8 @@ function VideoTexture($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$70, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -9288,6 +9431,8 @@ function WaveDistortion($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$71, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -9417,6 +9562,8 @@ function WebcamTexture($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$72, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -9546,6 +9693,8 @@ function ZoomBlur($$anchor, $$props) {
 		}
 		return baseProps;
 	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
 	const uniforms = createUniformsMap(componentDefinition$73, $.get(shaderReadyProps), instanceId);
 	const parentRegister = getContext("shaderNodeRegister");
 	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
@@ -9629,11 +9778,12 @@ var root_1 = $.from_html(`<canvas data-renderer="shaders" style="width: 100%; he
 var root = $.from_html(`<div><!></div>`);
 function Shader($$anchor, $$props) {
 	$.push($$props, true);
-	const disableTelemetry = $.prop($$props, "disableTelemetry", 3, false), rest = $.rest_props($$props, [
+	const disableTelemetry = $.prop($$props, "disableTelemetry", 3, false), colorSpace = $.prop($$props, "colorSpace", 3, "p3-linear"), rest = $.rest_props($$props, [
 		"$$slots",
 		"$$events",
 		"$$legacy",
 		"disableTelemetry",
+		"colorSpace",
 		"children"
 	]);
 	let containerRef;
@@ -9643,7 +9793,9 @@ function Shader($$anchor, $$props) {
 	let rendererInstance = null;
 	let telemetryCollector = null;
 	let telemetryStartTimeout = null;
+	let shouldSendTelemetry = null;
 	setContext("shaderParentId", rootId);
+	setContext("shaderColorSpace", () => colorSpace());
 	setContext("shaderNodeRegister", (id, fragmentNodeFunc, parentId, metadata, uniforms = null) => {
 		if (!rendererInstance) return;
 		if (fragmentNodeFunc === null) rendererInstance.removeNode(id);
@@ -9673,9 +9825,13 @@ function Shader($$anchor, $$props) {
 	const initializeRenderer = async () => {
 		if (!canvasRef || !rendererInstance) return;
 		try {
-			if (!rendererInstance.isInitialized()) await rendererInstance.initialize({ canvas: canvasRef });
+			if (!rendererInstance.isInitialized()) await rendererInstance.initialize({
+				canvas: canvasRef,
+				colorSpace: colorSpace()
+			});
 			rendererInstance.registerNode(rootId, ({ childNode }) => childNode || vec4(0, 0, 0, 0), null, null, {});
-			if (isExternalUser() && shouldCollectTelemetry(disableTelemetry()) && !telemetryCollector) startTelemetryWhenReady();
+			if (shouldSendTelemetry === null) shouldSendTelemetry = isExternalUser() && shouldCollectTelemetry(disableTelemetry());
+			if (shouldSendTelemetry && !telemetryCollector) startTelemetryWhenReady();
 		} catch (err) {
 			console.error("[Shader] Initialization failed:", err);
 			throw err;
@@ -9691,7 +9847,7 @@ function Shader($$anchor, $$props) {
 			if (isCurrentlyVisible && !wasVisible) {
 				if (rendererInstance?.isInitialized()) {
 					rendererInstance.startAnimation();
-					if (isExternalUser() && shouldCollectTelemetry(disableTelemetry()) && !telemetryCollector && !telemetryStartTimeout) startTelemetryWhenReady();
+					if (shouldSendTelemetry && !telemetryCollector && !telemetryStartTimeout) startTelemetryWhenReady();
 				} else initializeRenderer().catch(console.error);
 				wasVisible = true;
 			} else if (!isCurrentlyVisible && wasVisible) {
@@ -9735,6 +9891,19 @@ function Shader($$anchor, $$props) {
 			console.warn("[Shader] Error during cleanup:", err);
 		}
 	});
+	let isFirstEffect = true;
+	$.user_effect(() => {
+		const currentColorSpace = colorSpace();
+		if (isFirstEffect) {
+			isFirstEffect = false;
+			return;
+		}
+		if (rendererInstance?.isInitialized()) {
+			setColorSpaceMode(currentColorSpace);
+			rendererInstance.cleanup();
+			initializeRenderer().catch(console.error);
+		}
+	});
 	var div = root();
 	$.attribute_effect(div, () => ({
 		class: "shader",