shaders 2.3.59 → 2.3.60

package/dist/core/utilities/transformations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transformations.d.ts","sourceRoot":"","sources":["../../src/utilities/transformations.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAE,OAAO,EAAC,MAAM,OAAO,CAAA;AAuBtC;;;GAGG;AACH,eAAO,MAAM,gBAAgB,UAAW,OAAO,WAAkB,CAAA;AAEjE;;;;GAIG;AACH,eAAO,MAAM,cAAc,UAAW,MAAM;UAKV,GAAG;;CAGpC,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,UAAW,MAAM,KAAG,OAIpD,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,UAAW;IAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAC,GAAG,MAAM;UA4DzD,GAAG;;CAGnC,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,UAAW;IAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAC,GAAG,MAAM,KAAG,OAiDlG,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,UAAW,MAAM,GAAG,MAAM,KAAG,MAyEvD,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,UAAW,MAAM,KAAG,MAe9C,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB;;;GAO7B,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,UAAW,MAAM,KAAG,MAiBnD,CAAA"}
+{"version":3,"file":"transformations.d.ts","sourceRoot":"","sources":["../../src/utilities/transformations.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAE,OAAO,EAAC,MAAM,OAAO,CAAA;AA4BtC,eAAO,MAAM,iBAAiB,SAAU,WAAW,GAAG,MAAM,SAE3D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,UAAW,OAAO,WAAkB,CAAA;AAEjE;;;;;GAKG;AACH,eAAO,MAAM,cAAc,UAAW,MAAM;UAMV,GAAG;;CAGpC,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,UAAW,MAAM,KAAG,OAKpD,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,UAAW;IAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAC,GAAG,MAAM;UA4DzD,GAAG;;CAGnC,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,UAAW;IAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAC,GAAG,MAAM,KAAG,OAiDlG,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,UAAW,MAAM,GAAG,MAAM,KAAG,MAyEvD,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,UAAW,MAAM,KAAG,MAe9C,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB;;;GAO7B,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,UAAW,MAAM,KAAG,MAiBnD,CAAA"}

package/dist/react/Shader.js

@@ -2,9 +2,10 @@ import { createContext, useEffect, useMemo, useRef } from "react";
 import { shaderRenderer } from "../core/index.js";
 import { vec4 } from "three/tsl";
 import { TelemetryCollector, isExternalUser, shouldCollectTelemetry } from "../core/telemetry/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const ShaderContext = createContext(null);
-const Shader = ({ children, disableTelemetry = false, style = {}, className = "",...rest }) => {
+const Shader = ({ children, disableTelemetry = false, colorSpace = "p3-linear", style = {}, className = "",...rest }) => {
 	const containerRef = useRef(null);
 	const canvasRef = useRef(null);
 	const rootId = useMemo(() => "shader-root-" + Math.random().toString(36).substring(7), []);
@@ -12,6 +13,7 @@ const Shader = ({ children, disableTelemetry = false, style = {}, className = ""
 	if (rendererRef.current === null) rendererRef.current = shaderRenderer();
 	const telemetryCollectorRef = useRef(null);
 	const telemetryStartTimeoutRef = useRef(null);
+	const shouldSendTelemetryRef = useRef(null);
 	const nodeRegister = useMemo(() => {
 		return (id, fragmentNodeFunc, parentId, metadata, uniforms = null, componentDefinition = null) => {
 			if (fragmentNodeFunc === null) {
@@ -89,11 +91,15 @@ const Shader = ({ children, disableTelemetry = false, style = {}, className = ""
 		isInitializingRef.current = true;
 		try {
 			const renderer = rendererRef.current;
-			if (!renderer.isInitialized()) await renderer.initialize({ canvas });
+			if (!renderer.isInitialized()) await renderer.initialize({
+				canvas,
+				colorSpace
+			});
 			renderer.registerNode(rootId, ({ childNode }) => childNode || vec4(0, 0, 0, 0), null, null, {});
 			isInitializedRef.current = true;
 			isInitializingRef.current = false;
-			if (isExternalUser() && shouldCollectTelemetry(disableTelemetry) && !telemetryCollectorRef.current) startTelemetryWhenReady();
+			if (shouldSendTelemetryRef.current === null) shouldSendTelemetryRef.current = isExternalUser() && shouldCollectTelemetry(disableTelemetry);
+			if (shouldSendTelemetryRef.current && !telemetryCollectorRef.current) startTelemetryWhenReady();
 		} catch (err) {
 			console.error("[Shader] Initialization failed:", err);
 			isInitializingRef.current = false;
@@ -111,7 +117,7 @@ const Shader = ({ children, disableTelemetry = false, style = {}, className = ""
 			if (isCurrentlyVisible && !wasVisibleRef.current) {
 				if (rendererRef.current.isInitialized()) {
 					rendererRef.current.startAnimation();
-					if (isExternalUser() && shouldCollectTelemetry(disableTelemetry) && !telemetryCollectorRef.current && !telemetryStartTimeoutRef.current) startTelemetryWhenReady();
+					if (shouldSendTelemetryRef.current && !telemetryCollectorRef.current && !telemetryStartTimeoutRef.current) startTelemetryWhenReady();
 				} else initializeRenderer().catch(console.error);
 				wasVisibleRef.current = true;
 			} else if (!isCurrentlyVisible && wasVisibleRef.current) {
@@ -155,6 +161,23 @@ const Shader = ({ children, disableTelemetry = false, style = {}, className = ""
 			isInitializingRef.current = false;
 		};
 	}, []);
+	const isFirstRenderRef = useRef(true);
+	useEffect(() => {
+		if (isFirstRenderRef.current) {
+			isFirstRenderRef.current = false;
+			return;
+		}
+		if (rendererRef.current && isInitializedRef.current) {
+			setColorSpaceMode(colorSpace);
+			try {
+				rendererRef.current.cleanup();
+				isInitializedRef.current = false;
+				initializeRenderer().catch(console.error);
+			} catch (err) {
+				console.error("[Shader] Error updating colorSpace:", err);
+			}
+		}
+	}, [colorSpace]);
 	return /* @__PURE__ */ jsx(ShaderContext.Provider, {
 		value: contextValue,
 		children: /* @__PURE__ */ jsxs("div", {

package/dist/react/engine/Shader.d.ts

@@ -10,6 +10,7 @@ export declare const ShaderContext: React.Context<ShaderContextValue | null>;
 interface ShaderProps {
     children?: React.ReactNode;
     disableTelemetry?: boolean;
+    colorSpace?: 'p3-linear' | 'srgb';
     style?: React.CSSProperties;
     className?: string;
     [key: string]: any;

package/dist/react/engine/Shader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Shader.d.ts","sourceRoot":"","sources":["../../src/engine/Shader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAMvE,MAAM,WAAW,kBAAkB;IAC/B,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,mBAAmB,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAClJ,mBAAmB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/E,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;CACjE;AAED,eAAO,MAAM,aAAa,0CAAiD,CAAC;AAE5E,UAAU,WAAW;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA8QxC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Shader.d.ts","sourceRoot":"","sources":["../../src/engine/Shader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAOvE,MAAM,WAAW,kBAAkB;IAC/B,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,mBAAmB,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAClJ,mBAAmB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/E,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;CACjE;AAED,eAAO,MAAM,aAAa,0CAAiD,CAAC;AAE5E,UAAU,WAAW;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA2SxC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/react/utils/generatePresetCode.d.ts

@@ -7,7 +7,7 @@ interface ComponentConfig {
 interface PresetConfig {
     components: ComponentConfig[];
 }
-export declare function generatePresetCode(preset: PresetConfig): string;
+export declare function generatePresetCode(preset: PresetConfig, colorSpace?: 'p3-linear' | 'srgb'): string;
 export declare const availableComponents: string[];
 export {};
 //# sourceMappingURL=generatePresetCode.d.ts.map

package/dist/react/utils/generatePresetCode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAy4BD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UA4E/B,CAAA"}
+{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAy4BD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CA4ClG;AAGD,eAAO,MAAM,mBAAmB,UA4E/B,CAAA"}

package/dist/react/utils/generatePresetCode.js

@@ -841,7 +841,7 @@ function isIdUsedAsMaskSource(id, allComponents) {
 	flattenComponents(allComponents);
 	return flatComponents.some((component) => component.props?.maskSource === id);
 }
-function generatePresetCode(preset) {
+function generatePresetCode(preset, colorSpace) {
 	const generateComponentString = (config, indent = "  ") => {
 		const propString = config.props ? generatePropString(config.props, config.type, indent) : "";
 		let idString = "";
@@ -856,7 +856,8 @@ function generatePresetCode(preset) {
 		} else if (attributes) return `${indent}<${config.type}\n${indent}  ${attributes} />`;
 		else return `${indent}<${config.type} />`;
 	};
-	return `<Shader>\n${preset.components.map((config) => generateComponentString(config)).join("\n")}\n</Shader>`;
+	const componentStrings = preset.components.map((config) => generateComponentString(config)).join("\n");
+	return `<Shader${colorSpace && colorSpace !== "p3-linear" ? ` colorSpace="${colorSpace}"` : ""}>\n${componentStrings}\n</Shader>`;
 }
 const availableComponents = [
 	"AngularBlur",

package/dist/react/utils/generatePresetCode.template.d.ts

@@ -7,7 +7,7 @@ interface ComponentConfig {
 interface PresetConfig {
     components: ComponentConfig[];
 }
-export declare function generatePresetCode(preset: PresetConfig): string;
+export declare function generatePresetCode(preset: PresetConfig, colorSpace?: 'p3-linear' | 'srgb'): string;
 export declare const availableComponents: any[];
 export {};
 //# sourceMappingURL=generatePresetCode.template.d.ts.map

package/dist/react/utils/generatePresetCode.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AA4HD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}
+{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AA4HD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CA4ClG;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}

package/dist/solid/engine/Shader.d.ts

@@ -9,6 +9,7 @@ export declare const ShaderContext: import('solid-js').Context<ShaderContextValu
 interface ShaderProps {
     children?: JSX.Element;
     disableTelemetry?: boolean;
+    colorSpace?: 'p3-linear' | 'srgb';
     style?: JSX.CSSProperties;
     class?: string;
     [key: string]: any;

package/dist/solid/engine/Shader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Shader.d.ts","sourceRoot":"","sources":["../../src/engine/Shader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAM3G,MAAM,WAAW,kBAAkB;IAC/B,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,mBAAmB,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAClJ,mBAAmB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/E,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;CACjE;AAED,eAAO,MAAM,aAAa,4DAAsC,CAAC;AAEjE,UAAU,WAAW;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,QAAQ,EAAE,WAAW,eA0OnD;AAGD,wBAAgB,gBAAgB,uBAM/B"}
+{"version":3,"file":"Shader.d.ts","sourceRoot":"","sources":["../../src/engine/Shader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuF,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAOzH,MAAM,WAAW,kBAAkB;IAC/B,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,mBAAmB,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAClJ,mBAAmB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/E,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;CACjE;AAED,eAAO,MAAM,aAAa,4DAAsC,CAAC;AAEjE,UAAU,WAAW;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAClC,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,QAAQ,EAAE,WAAW,eAsQnD;AAGD,wBAAgB,gBAAgB,uBAM/B"}

package/dist/solid/engine/Shader.js

@@ -1,18 +1,20 @@
 import { createComponent, template, spread, mergeProps, insert, use } from "solid-js/web";
-import { createContext, splitProps, createMemo, onMount, onCleanup, useContext } from "solid-js";
+import { createContext, splitProps, createMemo, onMount, onCleanup, createEffect, useContext } from "solid-js";
 import { shaderRenderer } from "../../core/index.js";
 import { vec4 } from "three/tsl";
 import { isExternalUser, shouldCollectTelemetry, TelemetryCollector } from "../../core/telemetry/index.js";
+import { setColorSpaceMode } from "../../core/utilities/transformations/index.js";
 var _tmpl$ = /* @__PURE__ */ template(`<div><canvas data-renderer=shaders style=width:100%;height:100%;display:block>`);
 const ShaderContext = createContext();
 function Shader(allProps) {
-  const [props, domProps] = splitProps(allProps, ["children", "disableTelemetry", "style", "class"]);
+  const [props, domProps] = splitProps(allProps, ["children", "disableTelemetry", "colorSpace", "style", "class"]);
   let containerRef;
   let canvasRef;
   const rootId = "shader-root-" + Math.random().toString(36).substring(7);
   const rendererInstance = shaderRenderer();
   let telemetryCollector = null;
   let telemetryStartTimeout = null;
+  let shouldSendTelemetry = null;
   let wasVisible = false;
   let visibilityObserver = null;
   let isInitialized = false;
@@ -78,7 +80,8 @@ function Shader(allProps) {
     try {
       if (!rendererInstance.isInitialized()) {
         await rendererInstance.initialize({
-          canvas
+          canvas,
+          colorSpace: props.colorSpace || "p3-linear"
         });
       }
       rendererInstance.registerNode(
@@ -96,7 +99,10 @@ function Shader(allProps) {
       );
       isInitialized = true;
       isInitializing = false;
-      if (isExternalUser() && shouldCollectTelemetry(props.disableTelemetry) && !telemetryCollector) {
+      if (shouldSendTelemetry === null) {
+        shouldSendTelemetry = isExternalUser() && shouldCollectTelemetry(props.disableTelemetry);
+      }
+      if (shouldSendTelemetry && !telemetryCollector) {
         startTelemetryWhenReady();
       }
     } catch (err) {
@@ -116,7 +122,7 @@ function Shader(allProps) {
       if (isCurrentlyVisible && !wasVisible) {
         if (rendererInstance.isInitialized()) {
           rendererInstance.startAnimation();
-          if (isExternalUser() && shouldCollectTelemetry(props.disableTelemetry) && !telemetryCollector && !telemetryStartTimeout) {
+          if (shouldSendTelemetry && !telemetryCollector && !telemetryStartTimeout) {
             startTelemetryWhenReady();
           }
         } else {
@@ -169,6 +175,20 @@ function Shader(allProps) {
       }
     }
   });
+  let isFirstEffect = true;
+  createEffect(() => {
+    const currentColorSpace = props.colorSpace || "p3-linear";
+    if (isFirstEffect) {
+      isFirstEffect = false;
+      return;
+    }
+    if (rendererInstance.isInitialized()) {
+      setColorSpaceMode(currentColorSpace);
+      rendererInstance.cleanup();
+      isInitialized = false;
+      initializeRenderer().catch(console.error);
+    }
+  });
   return createComponent(ShaderContext.Provider, {
     get value() {
       return contextValue();

package/dist/solid/utils/generatePresetCode.d.ts

@@ -7,7 +7,7 @@ interface ComponentConfig {
 interface PresetConfig {
     components: ComponentConfig[];
 }
-export declare function generatePresetCode(preset: PresetConfig): string;
+export declare function generatePresetCode(preset: PresetConfig, colorSpace?: 'p3-linear' | 'srgb'): string;
 export declare const availableComponents: string[];
 export {};
 //# sourceMappingURL=generatePresetCode.d.ts.map

package/dist/solid/utils/generatePresetCode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AA24BD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UA4E/B,CAAA"}
+{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AA24BD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CA4ClG;AAGD,eAAO,MAAM,mBAAmB,UA4E/B,CAAA"}

package/dist/solid/utils/generatePresetCode.js

@@ -871,7 +871,7 @@ function isIdUsedAsMaskSource(id, allComponents) {
     }
   );
 }
-function generatePresetCode(preset) {
+function generatePresetCode(preset, colorSpace) {
   const generateComponentString = (config, indent = "  ") => {
     const propString = config.props ? generatePropString(config.props, config.type, indent) : "";
     let idString = "";
@@ -904,7 +904,8 @@ ${indent}  ${attributes} />`;
     }
   };
   const componentStrings = preset.components.map((config) => generateComponentString(config)).join("\n");
-  return `<Shader>
+  const shaderProps = colorSpace && colorSpace !== "p3-linear" ? ` colorSpace="${colorSpace}"` : "";
+  return `<Shader${shaderProps}>
 ${componentStrings}
 </Shader>`;
 }

package/dist/solid/utils/generatePresetCode.template.d.ts

@@ -7,7 +7,7 @@ interface ComponentConfig {
 interface PresetConfig {
     components: ComponentConfig[];
 }
-export declare function generatePresetCode(preset: PresetConfig): string;
+export declare function generatePresetCode(preset: PresetConfig, colorSpace?: 'p3-linear' | 'srgb'): string;
 export declare const availableComponents: any[];
 export {};
 //# sourceMappingURL=generatePresetCode.template.d.ts.map

package/dist/solid/utils/generatePresetCode.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AA8HD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}
+{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AA8HD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CA4ClG;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}

package/dist/svelte/engine/Shader.svelte.d.ts

@@ -1,5 +1,6 @@
 interface Props {
     disableTelemetry?: boolean;
+    colorSpace?: 'p3-linear' | 'srgb';
     children?: import('svelte').Snippet;
     [key: string]: any;
 }

package/dist/svelte/{generatePresetCode-CO9fAymD.js → generatePresetCode-EA1bmNOJ.js}

@@ -841,7 +841,7 @@ function isIdUsedAsMaskSource(id, allComponents) {
 	flattenComponents(allComponents);
 	return flatComponents.some((component) => component.props?.maskSource === id);
 }
-function generatePresetCode(preset) {
+function generatePresetCode(preset, colorSpace) {
 	const generateComponentString = (config, indent = "  ") => {
 		const propString = config.props ? generatePropString(config.props, config.type, indent) : "";
 		let idString = "";
@@ -856,7 +856,8 @@ function generatePresetCode(preset) {
 		} else if (attributes) return `${indent}<${config.type}\n${indent}  ${attributes} />`;
 		else return `${indent}<${config.type} />`;
 	};
-	return `<Shader>\n${preset.components.map((config) => generateComponentString(config)).join("\n")}\n</Shader>`;
+	const componentStrings = preset.components.map((config) => generateComponentString(config)).join("\n");
+	return `<Shader${colorSpace && colorSpace !== "p3-linear" ? ` colorSpace="${colorSpace}"` : ""}>\n${componentStrings}\n</Shader>`;
 }
 const availableComponents = [
 	"AngularBlur",

package/dist/svelte/index.js

@@ -1,4 +1,4 @@
-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";
@@ -79,6 +79,7 @@ import { componentDefinition as componentDefinition$72 } from "../core/shaders/W
 import { componentDefinition as componentDefinition$73 } from "../core/shaders/ZoomBlur/index.js";
 import { vec4 } from "three/tsl";
 import { TelemetryCollector, isExternalUser, shouldCollectTelemetry } from "../core/telemetry/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 var root$74 = $.from_html(`<span style="display:contents"><!></span>`);
 function AngularBlur($$anchor, $$props) {
 	$.push($$props, true);
@@ -9629,11 +9630,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,6 +9645,7 @@ function Shader($$anchor, $$props) {
 	let rendererInstance = null;
 	let telemetryCollector = null;
 	let telemetryStartTimeout = null;
+	let shouldSendTelemetry = null;
 	setContext("shaderParentId", rootId);
 	setContext("shaderNodeRegister", (id, fragmentNodeFunc, parentId, metadata, uniforms = null) => {
 		if (!rendererInstance) return;
@@ -9673,9 +9676,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 +9698,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 +9742,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",

package/dist/svelte/utils/generatePresetCode.d.ts

@@ -7,6 +7,6 @@ interface ComponentConfig {
 interface PresetConfig {
     components: ComponentConfig[];
 }
-export declare function generatePresetCode(preset: PresetConfig): string;
+export declare function generatePresetCode(preset: PresetConfig, colorSpace?: 'p3-linear' | 'srgb'): string;
 export declare const availableComponents: string[];
 export {};

package/dist/svelte/utils/generatePresetCode.js

@@ -1,2 +1,2 @@
-import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-CO9fAymD.js";
+import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-EA1bmNOJ.js";
 export { availableComponents, generatePresetCode };

package/dist/svelte/utils/generatePresetCode.template.d.ts

@@ -7,6 +7,6 @@ interface ComponentConfig {
 interface PresetConfig {
     components: ComponentConfig[];
 }
-export declare function generatePresetCode(preset: PresetConfig): string;
+export declare function generatePresetCode(preset: PresetConfig, colorSpace?: 'p3-linear' | 'srgb'): string;
 export declare const availableComponents: any[];
 export {};

package/dist/vue/Shader.vue_vue_type_script_setup_true_lang.js

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

package/dist/vue/engine/Shader.vue.d.ts

@@ -1,6 +1,7 @@
 interface Props {
     disableTelemetry?: boolean;
     enablePerformanceTracking?: boolean;
+    colorSpace?: 'p3-linear' | 'srgb';
 }
 declare function __VLS_template(): {
     default?(_: {}): any;
@@ -8,13 +9,16 @@ declare function __VLS_template(): {
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     disableTelemetry: boolean;
     enablePerformanceTracking: boolean;
+    colorSpace: string;
 }>>, {
     captureScreenshot: (maxWidth?: number) => Promise<Blob>;
     getPerformanceStats: () => import('../../core').PerformanceStats;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     disableTelemetry: boolean;
     enablePerformanceTracking: boolean;
+    colorSpace: string;
 }>>> & Readonly<{}>, {
+    colorSpace: "p3-linear" | "srgb";
     disableTelemetry: boolean;
     enablePerformanceTracking: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/vue/engine/Shader.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Shader.vue.d.ts","sourceRoot":"","sources":["../../src/engine/Shader.vue"],"names":[],"mappings":"AASA,UAAU,KAAK;IACb,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,yBAAyB,CAAC,EAAE,OAAO,CAAA;CACpC;AAiRD,iBAAS,cAAc;qBAkDO,GAAG;EAKhC;AAUD,QAAA,MAAM,eAAe;;;;8CA/K8B,OAAO,CAAC,IAAI,CAAC;;;;;;sBArK3C,OAAO;+BACE,OAAO;4EA0VnC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"Shader.vue.d.ts","sourceRoot":"","sources":["../../src/engine/Shader.vue"],"names":[],"mappings":"AAUA,UAAU,KAAK;IACb,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;CAClC;AA+SD,iBAAS,cAAc;qBAkDO,GAAG;EAKhC;AAUD,QAAA,MAAM,eAAe;;;;;8CAhL8B,OAAO,CAAC,IAAI,CAAC;;;;;;;gBAjMjD,WAAW,GAAG,MAAM;sBAFd,OAAO;+BACE,OAAO;4EAyXnC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/vue/utils/generatePresetCode.d.ts

@@ -7,7 +7,7 @@ interface ComponentConfig {
 interface PresetConfig {
     components: ComponentConfig[];
 }
-export declare function generatePresetCode(preset: PresetConfig): string;
+export declare function generatePresetCode(preset: PresetConfig, colorSpace?: 'p3-linear' | 'srgb'): string;
 export declare const availableComponents: string[];
 export {};
 //# sourceMappingURL=generatePresetCode.d.ts.map

package/dist/vue/utils/generatePresetCode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAs4BD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UA4E/B,CAAA"}
+{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAs4BD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CA4ClG;AAGD,eAAO,MAAM,mBAAmB,UA4E/B,CAAA"}

package/dist/vue/utils/generatePresetCode.js

@@ -840,7 +840,7 @@ function isIdUsedAsMaskSource(id, allComponents) {
 	flattenComponents(allComponents);
 	return flatComponents.some((component) => component.props?.maskSource === id);
 }
-function generatePresetCode(preset) {
+function generatePresetCode(preset, colorSpace) {
 	const generateComponentString = (config, indent = "  ") => {
 		const propString = config.props ? generatePropString(config.props, config.type, indent) : "";
 		let idString = "";
@@ -855,7 +855,8 @@ function generatePresetCode(preset) {
 		} else if (attributes) return `${indent}<${config.type}\n${indent}  ${attributes}/>`;
 		else return `${indent}<${config.type}/>`;
 	};
-	return `<Shader>\n${preset.components.map((config) => generateComponentString(config)).join("\n")}\n</Shader>`;
+	const componentStrings = preset.components.map((config) => generateComponentString(config)).join("\n");
+	return `<Shader${colorSpace && colorSpace !== "p3-linear" ? ` color-space="${colorSpace}"` : ""}>\n${componentStrings}\n</Shader>`;
 }
 const availableComponents = [
 	"AngularBlur",

package/dist/vue/utils/generatePresetCode.template.d.ts

@@ -7,7 +7,7 @@ interface ComponentConfig {
 interface PresetConfig {
     components: ComponentConfig[];
 }
-export declare function generatePresetCode(preset: PresetConfig): string;
+export declare function generatePresetCode(preset: PresetConfig, colorSpace?: 'p3-linear' | 'srgb'): string;
 export declare const availableComponents: any[];
 export {};
 //# sourceMappingURL=generatePresetCode.template.d.ts.map

package/dist/vue/utils/generatePresetCode.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAyHD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}
+{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAyHD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CA4ClG;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shaders",
-  "version": "2.3.59",
+  "version": "2.3.60",
   "description": "Shader magic for modern frontends",
   "author": "Shader Effects Inc.",
   "homepage": "https://shaders.com/",