shaders 2.3.66 → 2.3.68

package/dist/vue/Circle.vue_vue_type_script_setup_true_lang.js

@@ -6,6 +6,9 @@ var _hoisted_1 = ["data-shader-id"];
 var Circle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "Circle",
 	props: /* @__PURE__ */ mergeDefaults({
+		radius: {},
+		softness: {},
+		strokeThickness: {},
 		blendMode: {},
 		opacity: {},
 		visible: { type: Boolean },
@@ -15,10 +18,7 @@ var Circle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		renderOrder: {},
 		transform: {},
 		color: {},
-		radius: {},
-		softness: {},
 		center: {},
-		strokeThickness: {},
 		strokeColor: {},
 		strokePosition: {},
 		colorSpace: {}
@@ -31,8 +31,11 @@ var Circle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		}, {})
 	}),
 	setup(__props) {
+		function isPropDriver(value) {
+			return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+		}
 		const props = __props;
-		const instanceId = props.id || Math.random().toString(36).substring(2, 10);
+		const instanceId = (props.id ? props.id.replace(/[^a-zA-Z0-9_]/g, "_") : null) || Math.random().toString(36).substring(2, 10);
 		provide("shaderParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
@@ -52,12 +55,24 @@ var Circle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				acc[key] = config.default;
 				return acc;
 			}, {}) };
-			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition.props).reduce((acc, [key$1, config]) => {
-				acc[key$1] = config.default;
-				return acc;
-			}, {})[key]) baseProps[key] = toValue(props[key]);
+			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform") {
+				const val = toValue(props[key]);
+				if (isPropDriver(val)) continue;
+				if (val !== Object.entries(componentDefinition.props).reduce((acc, [key$1, config]) => {
+					acc[key$1] = config.default;
+					return acc;
+				}, {})[key]) baseProps[key] = val;
+			}
 			return baseProps;
 		});
+		const mapsFromProps = computed(() => {
+			const maps = {};
+			for (const key of Object.keys(componentDefinition.props)) {
+				const val = props[key];
+				if (isPropDriver(val)) maps[key] = val;
+			}
+			return Object.keys(maps).length > 0 ? maps : void 0;
+		});
 		const shaderColorSpace = inject("shaderColorSpace");
 		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
 		const uniforms = createUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
@@ -82,6 +97,7 @@ var Circle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 					source: props.maskSource,
 					type: props.maskType || "alpha"
 				} : void 0,
+				maps: mapsFromProps.value,
 				renderOrder: props.renderOrder ?? detectedRenderOrder,
 				transform: effectiveTransform.value
 			}, uniforms, componentDefinition);
@@ -104,7 +120,7 @@ var Circle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			scope.run(() => {
 				Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
 					watch(() => props[propName], (newValue) => {
-						if (uniform && uniform.value !== void 0) parentUniformUpdate(instanceId, propName, newValue);
+						if (uniform && uniform.value !== void 0 && !isPropDriver(newValue)) parentUniformUpdate(instanceId, propName, newValue);
 					}, { deep: true });
 				});
 				watch(() => [
@@ -115,7 +131,8 @@ var Circle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 					props.maskSource,
 					props.maskType,
 					props.renderOrder,
-					props.transform
+					props.transform,
+					mapsFromProps.value
 				], ([blendMode, opacity, visible]) => {
 					parentMetadataUpdate(instanceId, {
 						blendMode,
@@ -126,6 +143,7 @@ var Circle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 							source: props.maskSource,
 							type: props.maskType || "alpha"
 						} : void 0,
+						maps: mapsFromProps.value,
 						renderOrder: props.renderOrder ?? detectedRenderOrder,
 						transform: effectiveTransform.value
 					});

package/dist/vue/ConcentricSpin.vue_vue_type_script_setup_true_lang.js

@@ -6,6 +6,10 @@ var _hoisted_1 = ["data-shader-id"];
 var ConcentricSpin_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ConcentricSpin",
 	props: /* @__PURE__ */ mergeDefaults({
+		intensity: {},
+		rings: {},
+		smoothness: {},
+		speedRandomness: {},
 		blendMode: {},
 		opacity: {},
 		visible: { type: Boolean },
@@ -14,12 +18,8 @@ var ConcentricSpin_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		intensity: {},
-		rings: {},
-		smoothness: {},
 		seed: {},
 		speed: {},
-		speedRandomness: {},
 		edges: {},
 		center: {}
 	}, {
@@ -31,8 +31,11 @@ var ConcentricSpin_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		}, {})
 	}),
 	setup(__props) {
+		function isPropDriver(value) {
+			return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+		}
 		const props = __props;
-		const instanceId = props.id || Math.random().toString(36).substring(2, 10);
+		const instanceId = (props.id ? props.id.replace(/[^a-zA-Z0-9_]/g, "_") : null) || Math.random().toString(36).substring(2, 10);
 		provide("shaderParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
@@ -52,12 +55,24 @@ var ConcentricSpin_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				acc[key] = config.default;
 				return acc;
 			}, {}) };
-			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition.props).reduce((acc, [key$1, config]) => {
-				acc[key$1] = config.default;
-				return acc;
-			}, {})[key]) baseProps[key] = toValue(props[key]);
+			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform") {
+				const val = toValue(props[key]);
+				if (isPropDriver(val)) continue;
+				if (val !== Object.entries(componentDefinition.props).reduce((acc, [key$1, config]) => {
+					acc[key$1] = config.default;
+					return acc;
+				}, {})[key]) baseProps[key] = val;
+			}
 			return baseProps;
 		});
+		const mapsFromProps = computed(() => {
+			const maps = {};
+			for (const key of Object.keys(componentDefinition.props)) {
+				const val = props[key];
+				if (isPropDriver(val)) maps[key] = val;
+			}
+			return Object.keys(maps).length > 0 ? maps : void 0;
+		});
 		const shaderColorSpace = inject("shaderColorSpace");
 		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
 		const uniforms = createUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
@@ -82,6 +97,7 @@ var ConcentricSpin_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					source: props.maskSource,
 					type: props.maskType || "alpha"
 				} : void 0,
+				maps: mapsFromProps.value,
 				renderOrder: props.renderOrder ?? detectedRenderOrder,
 				transform: effectiveTransform.value
 			}, uniforms, componentDefinition);
@@ -104,7 +120,7 @@ var ConcentricSpin_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			scope.run(() => {
 				Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
 					watch(() => props[propName], (newValue) => {
-						if (uniform && uniform.value !== void 0) parentUniformUpdate(instanceId, propName, newValue);
+						if (uniform && uniform.value !== void 0 && !isPropDriver(newValue)) parentUniformUpdate(instanceId, propName, newValue);
 					}, { deep: true });
 				});
 				watch(() => [
@@ -115,7 +131,8 @@ var ConcentricSpin_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					props.maskSource,
 					props.maskType,
 					props.renderOrder,
-					props.transform
+					props.transform,
+					mapsFromProps.value
 				], ([blendMode, opacity, visible]) => {
 					parentMetadataUpdate(instanceId, {
 						blendMode,
@@ -126,6 +143,7 @@ var ConcentricSpin_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 							source: props.maskSource,
 							type: props.maskType || "alpha"
 						} : void 0,
+						maps: mapsFromProps.value,
 						renderOrder: props.renderOrder ?? detectedRenderOrder,
 						transform: effectiveTransform.value
 					});

package/dist/vue/ContourLines.vue_vue_type_script_setup_true_lang.js

@@ -6,6 +6,9 @@ var _hoisted_1 = ["data-shader-id"];
 var ContourLines_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ContourLines",
 	props: /* @__PURE__ */ mergeDefaults({
+		levels: {},
+		lineWidth: {},
+		gamma: {},
 		blendMode: {},
 		opacity: {},
 		visible: { type: Boolean },
@@ -14,10 +17,7 @@ var ContourLines_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		levels: {},
-		lineWidth: {},
 		softness: {},
-		gamma: {},
 		invert: { type: Boolean },
 		source: {},
 		colorMode: {},
@@ -32,8 +32,11 @@ var ContourLines_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 		}, {})
 	}),
 	setup(__props) {
+		function isPropDriver(value) {
+			return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+		}
 		const props = __props;
-		const instanceId = props.id || Math.random().toString(36).substring(2, 10);
+		const instanceId = (props.id ? props.id.replace(/[^a-zA-Z0-9_]/g, "_") : null) || Math.random().toString(36).substring(2, 10);
 		provide("shaderParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
@@ -53,12 +56,24 @@ var ContourLines_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 				acc[key] = config.default;
 				return acc;
 			}, {}) };
-			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition.props).reduce((acc, [key$1, config]) => {
-				acc[key$1] = config.default;
-				return acc;
-			}, {})[key]) baseProps[key] = toValue(props[key]);
+			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform") {
+				const val = toValue(props[key]);
+				if (isPropDriver(val)) continue;
+				if (val !== Object.entries(componentDefinition.props).reduce((acc, [key$1, config]) => {
+					acc[key$1] = config.default;
+					return acc;
+				}, {})[key]) baseProps[key] = val;
+			}
 			return baseProps;
 		});
+		const mapsFromProps = computed(() => {
+			const maps = {};
+			for (const key of Object.keys(componentDefinition.props)) {
+				const val = props[key];
+				if (isPropDriver(val)) maps[key] = val;
+			}
+			return Object.keys(maps).length > 0 ? maps : void 0;
+		});
 		const shaderColorSpace = inject("shaderColorSpace");
 		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
 		const uniforms = createUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
@@ -83,6 +98,7 @@ var ContourLines_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 					source: props.maskSource,
 					type: props.maskType || "alpha"
 				} : void 0,
+				maps: mapsFromProps.value,
 				renderOrder: props.renderOrder ?? detectedRenderOrder,
 				transform: effectiveTransform.value
 			}, uniforms, componentDefinition);
@@ -105,7 +121,7 @@ var ContourLines_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 			scope.run(() => {
 				Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
 					watch(() => props[propName], (newValue) => {
-						if (uniform && uniform.value !== void 0) parentUniformUpdate(instanceId, propName, newValue);
+						if (uniform && uniform.value !== void 0 && !isPropDriver(newValue)) parentUniformUpdate(instanceId, propName, newValue);
 					}, { deep: true });
 				});
 				watch(() => [
@@ -116,7 +132,8 @@ var ContourLines_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 					props.maskSource,
 					props.maskType,
 					props.renderOrder,
-					props.transform
+					props.transform,
+					mapsFromProps.value
 				], ([blendMode, opacity, visible]) => {
 					parentMetadataUpdate(instanceId, {
 						blendMode,
@@ -127,6 +144,7 @@ var ContourLines_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 							source: props.maskSource,
 							type: props.maskType || "alpha"
 						} : void 0,
+						maps: mapsFromProps.value,
 						renderOrder: props.renderOrder ?? detectedRenderOrder,
 						transform: effectiveTransform.value
 					});

package/dist/vue/CursorRipples.vue_vue_type_script_setup_true_lang.js

@@ -6,6 +6,8 @@ var _hoisted_1 = ["data-shader-id"];
 var CursorRipples_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "CursorRipples",
 	props: /* @__PURE__ */ mergeDefaults({
+		intensity: {},
+		chromaticSplit: {},
 		blendMode: {},
 		opacity: {},
 		visible: { type: Boolean },
@@ -14,10 +16,8 @@ var CursorRipples_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		intensity: {},
 		decay: {},
 		radius: {},
-		chromaticSplit: {},
 		edges: {}
 	}, {
 		blendMode: "normal",
@@ -28,8 +28,11 @@ var CursorRipples_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		}, {})
 	}),
 	setup(__props) {
+		function isPropDriver(value) {
+			return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+		}
 		const props = __props;
-		const instanceId = props.id || Math.random().toString(36).substring(2, 10);
+		const instanceId = (props.id ? props.id.replace(/[^a-zA-Z0-9_]/g, "_") : null) || Math.random().toString(36).substring(2, 10);
 		provide("shaderParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
@@ -49,12 +52,24 @@ var CursorRipples_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				acc[key] = config.default;
 				return acc;
 			}, {}) };
-			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition.props).reduce((acc, [key$1, config]) => {
-				acc[key$1] = config.default;
-				return acc;
-			}, {})[key]) baseProps[key] = toValue(props[key]);
+			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform") {
+				const val = toValue(props[key]);
+				if (isPropDriver(val)) continue;
+				if (val !== Object.entries(componentDefinition.props).reduce((acc, [key$1, config]) => {
+					acc[key$1] = config.default;
+					return acc;
+				}, {})[key]) baseProps[key] = val;
+			}
 			return baseProps;
 		});
+		const mapsFromProps = computed(() => {
+			const maps = {};
+			for (const key of Object.keys(componentDefinition.props)) {
+				const val = props[key];
+				if (isPropDriver(val)) maps[key] = val;
+			}
+			return Object.keys(maps).length > 0 ? maps : void 0;
+		});
 		const shaderColorSpace = inject("shaderColorSpace");
 		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
 		const uniforms = createUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
@@ -79,6 +94,7 @@ var CursorRipples_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					source: props.maskSource,
 					type: props.maskType || "alpha"
 				} : void 0,
+				maps: mapsFromProps.value,
 				renderOrder: props.renderOrder ?? detectedRenderOrder,
 				transform: effectiveTransform.value
 			}, uniforms, componentDefinition);
@@ -101,7 +117,7 @@ var CursorRipples_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			scope.run(() => {
 				Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
 					watch(() => props[propName], (newValue) => {
-						if (uniform && uniform.value !== void 0) parentUniformUpdate(instanceId, propName, newValue);
+						if (uniform && uniform.value !== void 0 && !isPropDriver(newValue)) parentUniformUpdate(instanceId, propName, newValue);
 					}, { deep: true });
 				});
 				watch(() => [
@@ -112,7 +128,8 @@ var CursorRipples_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					props.maskSource,
 					props.maskType,
 					props.renderOrder,
-					props.transform
+					props.transform,
+					mapsFromProps.value
 				], ([blendMode, opacity, visible]) => {
 					parentMetadataUpdate(instanceId, {
 						blendMode,
@@ -123,6 +140,7 @@ var CursorRipples_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 							source: props.maskSource,
 							type: props.maskType || "alpha"
 						} : void 0,
+						maps: mapsFromProps.value,
 						renderOrder: props.renderOrder ?? detectedRenderOrder,
 						transform: effectiveTransform.value
 					});

package/dist/vue/CursorTrail.vue_vue_type_script_setup_true_lang.js

@@ -29,8 +29,11 @@ var CursorTrail_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		}, {})
 	}),
 	setup(__props) {
+		function isPropDriver(value) {
+			return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+		}
 		const props = __props;
-		const instanceId = props.id || Math.random().toString(36).substring(2, 10);
+		const instanceId = (props.id ? props.id.replace(/[^a-zA-Z0-9_]/g, "_") : null) || Math.random().toString(36).substring(2, 10);
 		provide("shaderParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
@@ -50,12 +53,24 @@ var CursorTrail_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 				acc[key] = config.default;
 				return acc;
 			}, {}) };
-			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition.props).reduce((acc, [key$1, config]) => {
-				acc[key$1] = config.default;
-				return acc;
-			}, {})[key]) baseProps[key] = toValue(props[key]);
+			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform") {
+				const val = toValue(props[key]);
+				if (isPropDriver(val)) continue;
+				if (val !== Object.entries(componentDefinition.props).reduce((acc, [key$1, config]) => {
+					acc[key$1] = config.default;
+					return acc;
+				}, {})[key]) baseProps[key] = val;
+			}
 			return baseProps;
 		});
+		const mapsFromProps = computed(() => {
+			const maps = {};
+			for (const key of Object.keys(componentDefinition.props)) {
+				const val = props[key];
+				if (isPropDriver(val)) maps[key] = val;
+			}
+			return Object.keys(maps).length > 0 ? maps : void 0;
+		});
 		const shaderColorSpace = inject("shaderColorSpace");
 		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
 		const uniforms = createUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
@@ -80,6 +95,7 @@ var CursorTrail_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 					source: props.maskSource,
 					type: props.maskType || "alpha"
 				} : void 0,
+				maps: mapsFromProps.value,
 				renderOrder: props.renderOrder ?? detectedRenderOrder,
 				transform: effectiveTransform.value
 			}, uniforms, componentDefinition);
@@ -102,7 +118,7 @@ var CursorTrail_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			scope.run(() => {
 				Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
 					watch(() => props[propName], (newValue) => {
-						if (uniform && uniform.value !== void 0) parentUniformUpdate(instanceId, propName, newValue);
+						if (uniform && uniform.value !== void 0 && !isPropDriver(newValue)) parentUniformUpdate(instanceId, propName, newValue);
 					}, { deep: true });
 				});
 				watch(() => [
@@ -113,7 +129,8 @@ var CursorTrail_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 					props.maskSource,
 					props.maskType,
 					props.renderOrder,
-					props.transform
+					props.transform,
+					mapsFromProps.value
 				], ([blendMode, opacity, visible]) => {
 					parentMetadataUpdate(instanceId, {
 						blendMode,
@@ -124,6 +141,7 @@ var CursorTrail_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 							source: props.maskSource,
 							type: props.maskType || "alpha"
 						} : void 0,
+						maps: mapsFromProps.value,
 						renderOrder: props.renderOrder ?? detectedRenderOrder,
 						transform: effectiveTransform.value
 					});

package/dist/vue/DiffuseBlur.vue_vue_type_script_setup_true_lang.js

@@ -6,6 +6,7 @@ var _hoisted_1 = ["data-shader-id"];
 var DiffuseBlur_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "DiffuseBlur",
 	props: /* @__PURE__ */ mergeDefaults({
+		intensity: {},
 		blendMode: {},
 		opacity: {},
 		visible: { type: Boolean },
@@ -14,7 +15,6 @@ var DiffuseBlur_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		intensity: {},
 		edges: {}
 	}, {
 		blendMode: "normal",
@@ -25,8 +25,11 @@ var DiffuseBlur_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		}, {})
 	}),
 	setup(__props) {
+		function isPropDriver(value) {
+			return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+		}
 		const props = __props;
-		const instanceId = props.id || Math.random().toString(36).substring(2, 10);
+		const instanceId = (props.id ? props.id.replace(/[^a-zA-Z0-9_]/g, "_") : null) || Math.random().toString(36).substring(2, 10);
 		provide("shaderParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
@@ -46,12 +49,24 @@ var DiffuseBlur_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 				acc[key] = config.default;
 				return acc;
 			}, {}) };
-			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition.props).reduce((acc, [key$1, config]) => {
-				acc[key$1] = config.default;
-				return acc;
-			}, {})[key]) baseProps[key] = toValue(props[key]);
+			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform") {
+				const val = toValue(props[key]);
+				if (isPropDriver(val)) continue;
+				if (val !== Object.entries(componentDefinition.props).reduce((acc, [key$1, config]) => {
+					acc[key$1] = config.default;
+					return acc;
+				}, {})[key]) baseProps[key] = val;
+			}
 			return baseProps;
 		});
+		const mapsFromProps = computed(() => {
+			const maps = {};
+			for (const key of Object.keys(componentDefinition.props)) {
+				const val = props[key];
+				if (isPropDriver(val)) maps[key] = val;
+			}
+			return Object.keys(maps).length > 0 ? maps : void 0;
+		});
 		const shaderColorSpace = inject("shaderColorSpace");
 		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
 		const uniforms = createUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
@@ -76,6 +91,7 @@ var DiffuseBlur_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 					source: props.maskSource,
 					type: props.maskType || "alpha"
 				} : void 0,
+				maps: mapsFromProps.value,
 				renderOrder: props.renderOrder ?? detectedRenderOrder,
 				transform: effectiveTransform.value
 			}, uniforms, componentDefinition);
@@ -98,7 +114,7 @@ var DiffuseBlur_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			scope.run(() => {
 				Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
 					watch(() => props[propName], (newValue) => {
-						if (uniform && uniform.value !== void 0) parentUniformUpdate(instanceId, propName, newValue);
+						if (uniform && uniform.value !== void 0 && !isPropDriver(newValue)) parentUniformUpdate(instanceId, propName, newValue);
 					}, { deep: true });
 				});
 				watch(() => [
@@ -109,7 +125,8 @@ var DiffuseBlur_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 					props.maskSource,
 					props.maskType,
 					props.renderOrder,
-					props.transform
+					props.transform,
+					mapsFromProps.value
 				], ([blendMode, opacity, visible]) => {
 					parentMetadataUpdate(instanceId, {
 						blendMode,
@@ -120,6 +137,7 @@ var DiffuseBlur_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 							source: props.maskSource,
 							type: props.maskType || "alpha"
 						} : void 0,
+						maps: mapsFromProps.value,
 						renderOrder: props.renderOrder ?? detectedRenderOrder,
 						transform: effectiveTransform.value
 					});

package/dist/vue/Dither.vue_vue_type_script_setup_true_lang.js

@@ -6,6 +6,8 @@ var _hoisted_1 = ["data-shader-id"];
 var Dither_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "Dither",
 	props: /* @__PURE__ */ mergeDefaults({
+		threshold: {},
+		spread: {},
 		blendMode: {},
 		opacity: {},
 		visible: { type: Boolean },
@@ -16,8 +18,6 @@ var Dither_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		transform: {},
 		pattern: {},
 		pixelSize: {},
-		threshold: {},
-		spread: {},
 		colorMode: {},
 		colorA: {},
 		colorB: {}
@@ -30,8 +30,11 @@ var Dither_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		}, {})
 	}),
 	setup(__props) {
+		function isPropDriver(value) {
+			return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+		}
 		const props = __props;
-		const instanceId = props.id || Math.random().toString(36).substring(2, 10);
+		const instanceId = (props.id ? props.id.replace(/[^a-zA-Z0-9_]/g, "_") : null) || Math.random().toString(36).substring(2, 10);
 		provide("shaderParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
@@ -51,12 +54,24 @@ var Dither_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				acc[key] = config.default;
 				return acc;
 			}, {}) };
-			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition.props).reduce((acc, [key$1, config]) => {
-				acc[key$1] = config.default;
-				return acc;
-			}, {})[key]) baseProps[key] = toValue(props[key]);
+			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform") {
+				const val = toValue(props[key]);
+				if (isPropDriver(val)) continue;
+				if (val !== Object.entries(componentDefinition.props).reduce((acc, [key$1, config]) => {
+					acc[key$1] = config.default;
+					return acc;
+				}, {})[key]) baseProps[key] = val;
+			}
 			return baseProps;
 		});
+		const mapsFromProps = computed(() => {
+			const maps = {};
+			for (const key of Object.keys(componentDefinition.props)) {
+				const val = props[key];
+				if (isPropDriver(val)) maps[key] = val;
+			}
+			return Object.keys(maps).length > 0 ? maps : void 0;
+		});
 		const shaderColorSpace = inject("shaderColorSpace");
 		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
 		const uniforms = createUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
@@ -81,6 +96,7 @@ var Dither_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 					source: props.maskSource,
 					type: props.maskType || "alpha"
 				} : void 0,
+				maps: mapsFromProps.value,
 				renderOrder: props.renderOrder ?? detectedRenderOrder,
 				transform: effectiveTransform.value
 			}, uniforms, componentDefinition);
@@ -103,7 +119,7 @@ var Dither_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			scope.run(() => {
 				Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
 					watch(() => props[propName], (newValue) => {
-						if (uniform && uniform.value !== void 0) parentUniformUpdate(instanceId, propName, newValue);
+						if (uniform && uniform.value !== void 0 && !isPropDriver(newValue)) parentUniformUpdate(instanceId, propName, newValue);
 					}, { deep: true });
 				});
 				watch(() => [
@@ -114,7 +130,8 @@ var Dither_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 					props.maskSource,
 					props.maskType,
 					props.renderOrder,
-					props.transform
+					props.transform,
+					mapsFromProps.value
 				], ([blendMode, opacity, visible]) => {
 					parentMetadataUpdate(instanceId, {
 						blendMode,
@@ -125,6 +142,7 @@ var Dither_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 							source: props.maskSource,
 							type: props.maskType || "alpha"
 						} : void 0,
+						maps: mapsFromProps.value,
 						renderOrder: props.renderOrder ?? detectedRenderOrder,
 						transform: effectiveTransform.value
 					});