shaders 2.3.57 → 2.3.60

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.57",
+  "version": "2.3.60",
   "description": "Shader magic for modern frontends",
   "author": "Shader Effects Inc.",
   "homepage": "https://shaders.com/",

package/dist/core/colorMixing-DZpckBhm.js

@@ -1,68 +0,0 @@
-import { abs, atan, cos, float, max, pow, sign, sin, sqrt, vec3, vec4 } from "three/tsl";
-var p3ToSRGB = (p3) => {
-	return vec3(p3.x.mul(1.2249401).sub(p3.y.mul(.2249404)).sub(p3.z.mul(0)), p3.x.mul(-.0420569).add(p3.y.mul(1.0420571)).add(p3.z.mul(0)), p3.x.mul(-.0196376).sub(p3.y.mul(.0786361)).add(p3.z.mul(1.0982735)));
-};
-var sRGBToP3 = (srgb) => {
-	return vec3(srgb.x.mul(.8224621).add(srgb.y.mul(.177538)).add(srgb.z.mul(0)), srgb.x.mul(.0331941).add(srgb.y.mul(.9668058)).add(srgb.z.mul(0)), srgb.x.mul(.0170826).add(srgb.y.mul(.0723974)).add(srgb.z.mul(.9105199)));
-};
-var rgbToOklab = (rgb) => {
-	const r = rgb.x;
-	const g = rgb.y;
-	const b = rgb.z;
-	const l = r.mul(.4122214708).add(g.mul(.5363325363)).add(b.mul(.0514459929));
-	const m = r.mul(.2119034982).add(g.mul(.6806995451).add(b.mul(.1073969566)));
-	const s = r.mul(.0883024619).add(g.mul(.2817188376)).add(b.mul(.6299787005));
-	const l_ = sign(l).mul(pow(abs(l), float(1 / 3)));
-	const m_ = sign(m).mul(pow(abs(m), float(1 / 3)));
-	const s_ = sign(s).mul(pow(abs(s), float(1 / 3)));
-	return vec3(l_.mul(.2104542553).add(m_.mul(.793617785)).sub(s_.mul(.0040720468)), l_.mul(1.9779984951).sub(m_.mul(2.428592205)).add(s_.mul(.4505937099)), l_.mul(.0259040371).add(m_.mul(.7827717662)).sub(s_.mul(.808675766)));
-};
-var oklabToRgb = (lab) => {
-	const L = lab.x;
-	const a = lab.y;
-	const b = lab.z;
-	const l_ = L.add(a.mul(.3963377774)).add(b.mul(.2158037573));
-	const m_ = L.sub(a.mul(.1055613458)).sub(b.mul(.0638541728));
-	const s_ = L.sub(a.mul(.0894841775)).sub(b.mul(1.291485548));
-	const l = pow(l_, float(3));
-	const m = pow(m_, float(3));
-	const s = pow(s_, float(3));
-	return vec3(l.mul(4.0767416621).sub(m.mul(3.3077115913)).add(s.mul(.2309699292)), l.mul(-1.2684380046).add(m.mul(2.6097574011)).sub(s.mul(.3413193965)), l.mul(-.0041960863).sub(m.mul(.7034186147)).add(s.mul(1.707614701)));
-};
-var oklabToOklch = (lab) => {
-	const L = lab.x;
-	const a = lab.y;
-	const b = lab.z;
-	return vec3(L, sqrt(a.mul(a).add(b.mul(b))), atan(b, a));
-};
-var oklchToOklab = (lch) => {
-	const L = lch.x;
-	const C = lch.y;
-	const h = lch.z;
-	return vec3(L, C.mul(cos(h)), C.mul(sin(h)));
-};
-const mixColors = (colorA, colorB, t, colorSpaceMode) => {
-	const p3A = vec3(colorA.x, colorA.y, colorA.z);
-	const p3B = vec3(colorB.x, colorB.y, colorB.z);
-	const alphaA = colorA.w;
-	const alphaB = colorB.w;
-	const weightA = alphaA.mul(float(1).sub(t));
-	const weightB = alphaB.mul(t);
-	const totalWeight = weightA.add(weightB);
-	const safeWeight = max(totalWeight, float(.001));
-	const alphaWeightedMix = (rgbA, rgbB) => {
-		return rgbA.mul(weightA).add(rgbB.mul(weightB)).div(safeWeight);
-	};
-	const linearMix = alphaWeightedMix(p3A, p3B);
-	const srgbA = p3ToSRGB(p3A);
-	const srgbB = p3ToSRGB(p3B);
-	const oklabA = rgbToOklab(srgbA);
-	const oklabB = rgbToOklab(srgbB);
-	const oklchResult = sRGBToP3(oklabToRgb(oklchToOklab(alphaWeightedMix(oklabToOklch(oklabA), oklabToOklch(oklabB)))));
-	const oklabResult = sRGBToP3(oklabToRgb(alphaWeightedMix(oklabA, oklabB)));
-	const isMode1OrHigher = colorSpaceMode.greaterThanEqual(float(.5));
-	const rgb = colorSpaceMode.greaterThanEqual(float(1.5)).select(oklabResult, isMode1OrHigher.select(oklchResult, linearMix));
-	const alpha = totalWeight;
-	return vec4(rgb.x, rgb.y, rgb.z, alpha);
-};
-export { mixColors as t };