shaders 2.2.34 → 2.2.36

package/dist/vue/index.js

@@ -1,4 +1,4 @@
-import { n as generatePresetCode } from "./generatePresetCode-Bf-TQPvI.js";
+import { n as generatePresetCode } from "./generatePresetCode-DnK2X66E.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, effectScope, inject, mergeDefaults, mergeProps, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, watch } from "vue";
 import { createUniformsMap, shaderRenderer } from "../core/index.js";
 import { componentDefinition } from "../core/shaders/AngularBlur/index.js";
@@ -35,28 +35,30 @@ import { componentDefinition as componentDefinition$30 } from "../core/shaders/I
 import { componentDefinition as componentDefinition$31 } from "../core/shaders/LinearBlur/index.js";
 import { componentDefinition as componentDefinition$32 } from "../core/shaders/LinearGradient/index.js";
 import { componentDefinition as componentDefinition$33 } from "../core/shaders/Liquify/index.js";
-import { componentDefinition as componentDefinition$34 } from "../core/shaders/Pixelate/index.js";
-import { componentDefinition as componentDefinition$35 } from "../core/shaders/PolarCoordinates/index.js";
-import { componentDefinition as componentDefinition$36 } from "../core/shaders/Posterize/index.js";
-import { componentDefinition as componentDefinition$37 } from "../core/shaders/ProgressiveBlur/index.js";
-import { componentDefinition as componentDefinition$38 } from "../core/shaders/RadialGradient/index.js";
-import { componentDefinition as componentDefinition$39 } from "../core/shaders/RectangularCoordinates/index.js";
-import { componentDefinition as componentDefinition$40 } from "../core/shaders/Ripples/index.js";
-import { componentDefinition as componentDefinition$41 } from "../core/shaders/Saturation/index.js";
-import { componentDefinition as componentDefinition$42 } from "../core/shaders/SimplexNoise/index.js";
-import { componentDefinition as componentDefinition$43 } from "../core/shaders/SineWave/index.js";
-import { componentDefinition as componentDefinition$44 } from "../core/shaders/SolidColor/index.js";
-import { componentDefinition as componentDefinition$45 } from "../core/shaders/Spherize/index.js";
-import { componentDefinition as componentDefinition$46 } from "../core/shaders/Spiral/index.js";
-import { componentDefinition as componentDefinition$47 } from "../core/shaders/Strands/index.js";
-import { componentDefinition as componentDefinition$48 } from "../core/shaders/Stretch/index.js";
-import { componentDefinition as componentDefinition$49 } from "../core/shaders/Swirl/index.js";
-import { componentDefinition as componentDefinition$50 } from "../core/shaders/TiltShift/index.js";
-import { componentDefinition as componentDefinition$51 } from "../core/shaders/Tritone/index.js";
-import { componentDefinition as componentDefinition$52 } from "../core/shaders/Twirl/index.js";
-import { componentDefinition as componentDefinition$53 } from "../core/shaders/Vibrance/index.js";
-import { componentDefinition as componentDefinition$54 } from "../core/shaders/WaveDistortion/index.js";
-import { componentDefinition as componentDefinition$55 } from "../core/shaders/ZoomBlur/index.js";
+import { componentDefinition as componentDefinition$34 } from "../core/shaders/Perspective/index.js";
+import { componentDefinition as componentDefinition$35 } from "../core/shaders/Pixelate/index.js";
+import { componentDefinition as componentDefinition$36 } from "../core/shaders/PolarCoordinates/index.js";
+import { componentDefinition as componentDefinition$37 } from "../core/shaders/Posterize/index.js";
+import { componentDefinition as componentDefinition$38 } from "../core/shaders/ProgressiveBlur/index.js";
+import { componentDefinition as componentDefinition$39 } from "../core/shaders/RadialGradient/index.js";
+import { componentDefinition as componentDefinition$40 } from "../core/shaders/RectangularCoordinates/index.js";
+import { componentDefinition as componentDefinition$41 } from "../core/shaders/Ripples/index.js";
+import { componentDefinition as componentDefinition$42 } from "../core/shaders/Saturation/index.js";
+import { componentDefinition as componentDefinition$43 } from "../core/shaders/Sharpness/index.js";
+import { componentDefinition as componentDefinition$44 } from "../core/shaders/SimplexNoise/index.js";
+import { componentDefinition as componentDefinition$45 } from "../core/shaders/SineWave/index.js";
+import { componentDefinition as componentDefinition$46 } from "../core/shaders/SolidColor/index.js";
+import { componentDefinition as componentDefinition$47 } from "../core/shaders/Spherize/index.js";
+import { componentDefinition as componentDefinition$48 } from "../core/shaders/Spiral/index.js";
+import { componentDefinition as componentDefinition$49 } from "../core/shaders/Strands/index.js";
+import { componentDefinition as componentDefinition$50 } from "../core/shaders/Stretch/index.js";
+import { componentDefinition as componentDefinition$51 } from "../core/shaders/Swirl/index.js";
+import { componentDefinition as componentDefinition$52 } from "../core/shaders/TiltShift/index.js";
+import { componentDefinition as componentDefinition$53 } from "../core/shaders/Tritone/index.js";
+import { componentDefinition as componentDefinition$54 } from "../core/shaders/Twirl/index.js";
+import { componentDefinition as componentDefinition$55 } from "../core/shaders/Vibrance/index.js";
+import { componentDefinition as componentDefinition$56 } from "../core/shaders/WaveDistortion/index.js";
+import { componentDefinition as componentDefinition$57 } from "../core/shaders/ZoomBlur/index.js";
 import { vec4 } from "three/tsl";
 import { TelemetryCollector, isExternalUser, shouldCollectTelemetry } from "../core/telemetry/index.js";
 var AngularBlur_default = /* @__PURE__ */ defineComponent({
@@ -4248,8 +4250,8 @@ var Liquify_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Pixelate_default = /* @__PURE__ */ defineComponent({
-	__name: "Pixelate",
+var Perspective_default = /* @__PURE__ */ defineComponent({
+	__name: "Perspective",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -4259,7 +4261,13 @@ var Pixelate_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		scale: {}
+		center: {},
+		pan: {},
+		tilt: {},
+		fov: {},
+		zoom: {},
+		offset: {},
+		edges: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -4368,8 +4376,8 @@ var Pixelate_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PolarCoordinates_default = /* @__PURE__ */ defineComponent({
-	__name: "PolarCoordinates",
+var Pixelate_default = /* @__PURE__ */ defineComponent({
+	__name: "Pixelate",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -4379,11 +4387,7 @@ var PolarCoordinates_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		center: {},
-		wrap: {},
-		radius: {},
-		intensity: {},
-		edges: {}
+		scale: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -4492,8 +4496,8 @@ var PolarCoordinates_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Posterize_default = /* @__PURE__ */ defineComponent({
-	__name: "Posterize",
+var PolarCoordinates_default = /* @__PURE__ */ defineComponent({
+	__name: "PolarCoordinates",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -4503,7 +4507,11 @@ var Posterize_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		intensity: {}
+		center: {},
+		wrap: {},
+		radius: {},
+		intensity: {},
+		edges: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -4612,8 +4620,8 @@ var Posterize_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ProgressiveBlur_default = /* @__PURE__ */ defineComponent({
-	__name: "ProgressiveBlur",
+var Posterize_default = /* @__PURE__ */ defineComponent({
+	__name: "Posterize",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -4623,10 +4631,7 @@ var ProgressiveBlur_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		intensity: {},
-		angle: {},
-		center: {},
-		falloff: {}
+		intensity: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -4735,8 +4740,8 @@ var ProgressiveBlur_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var RadialGradient_default = /* @__PURE__ */ defineComponent({
-	__name: "RadialGradient",
+var ProgressiveBlur_default = /* @__PURE__ */ defineComponent({
+	__name: "ProgressiveBlur",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -4746,11 +4751,10 @@ var RadialGradient_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		colorA: {},
-		colorB: {},
+		intensity: {},
+		angle: {},
 		center: {},
-		radius: {},
-		colorSpace: {}
+		falloff: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -4859,8 +4863,8 @@ var RadialGradient_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var RectangularCoordinates_default = /* @__PURE__ */ defineComponent({
-	__name: "RectangularCoordinates",
+var RadialGradient_default = /* @__PURE__ */ defineComponent({
+	__name: "RadialGradient",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -4870,10 +4874,11 @@ var RectangularCoordinates_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
+		colorA: {},
+		colorB: {},
 		center: {},
-		scale: {},
-		intensity: {},
-		edges: {}
+		radius: {},
+		colorSpace: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -4982,8 +4987,8 @@ var RectangularCoordinates_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Ripples_default = /* @__PURE__ */ defineComponent({
-	__name: "Ripples",
+var RectangularCoordinates_default = /* @__PURE__ */ defineComponent({
+	__name: "RectangularCoordinates",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -4994,13 +4999,9 @@ var Ripples_default = /* @__PURE__ */ defineComponent({
 		renderOrder: {},
 		transform: {},
 		center: {},
-		colorA: {},
-		colorB: {},
-		speed: {},
-		frequency: {},
-		softness: {},
-		thickness: {},
-		phase: {}
+		scale: {},
+		intensity: {},
+		edges: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -5109,8 +5110,8 @@ var Ripples_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Saturation_default = /* @__PURE__ */ defineComponent({
-	__name: "Saturation",
+var Ripples_default = /* @__PURE__ */ defineComponent({
+	__name: "Ripples",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -5120,7 +5121,14 @@ var Saturation_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		intensity: {}
+		center: {},
+		colorA: {},
+		colorB: {},
+		speed: {},
+		frequency: {},
+		softness: {},
+		thickness: {},
+		phase: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -5229,8 +5237,8 @@ var Saturation_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var SimplexNoise_default = /* @__PURE__ */ defineComponent({
-	__name: "SimplexNoise",
+var Saturation_default = /* @__PURE__ */ defineComponent({
+	__name: "Saturation",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -5240,13 +5248,7 @@ var SimplexNoise_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		colorA: {},
-		colorB: {},
-		scale: {},
-		balance: {},
-		contrast: {},
-		seed: {},
-		speed: {}
+		intensity: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -5355,8 +5357,8 @@ var SimplexNoise_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var SineWave_default = /* @__PURE__ */ defineComponent({
-	__name: "SineWave",
+var Sharpness_default = /* @__PURE__ */ defineComponent({
+	__name: "Sharpness",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -5366,14 +5368,7 @@ var SineWave_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		color: {},
-		amplitude: {},
-		frequency: {},
-		speed: {},
-		angle: {},
-		position: {},
-		thickness: {},
-		softness: {}
+		sharpness: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -5482,8 +5477,8 @@ var SineWave_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var SolidColor_default = /* @__PURE__ */ defineComponent({
-	__name: "SolidColor",
+var SimplexNoise_default = /* @__PURE__ */ defineComponent({
+	__name: "SimplexNoise",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -5493,7 +5488,13 @@ var SolidColor_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		color: {}
+		colorA: {},
+		colorB: {},
+		scale: {},
+		balance: {},
+		contrast: {},
+		seed: {},
+		speed: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -5602,8 +5603,8 @@ var SolidColor_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Spherize_default = /* @__PURE__ */ defineComponent({
-	__name: "Spherize",
+var SineWave_default = /* @__PURE__ */ defineComponent({
+	__name: "SineWave",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -5613,13 +5614,14 @@ var Spherize_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		radius: {},
-		depth: {},
-		center: {},
-		lightPosition: {},
-		lightIntensity: {},
-		lightSoftness: {},
-		lightColor: {}
+		color: {},
+		amplitude: {},
+		frequency: {},
+		speed: {},
+		angle: {},
+		position: {},
+		thickness: {},
+		softness: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -5728,8 +5730,8 @@ var Spherize_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Spiral_default = /* @__PURE__ */ defineComponent({
-	__name: "Spiral",
+var SolidColor_default = /* @__PURE__ */ defineComponent({
+	__name: "SolidColor",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -5739,15 +5741,7 @@ var Spiral_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		colorA: {},
-		colorB: {},
-		strokeWidth: {},
-		strokeFalloff: {},
-		softness: {},
-		speed: {},
-		center: {},
-		scale: {},
-		colorSpace: {}
+		color: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -5856,8 +5850,8 @@ var Spiral_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Strands_default = /* @__PURE__ */ defineComponent({
-	__name: "Strands",
+var Spherize_default = /* @__PURE__ */ defineComponent({
+	__name: "Spherize",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -5867,15 +5861,13 @@ var Strands_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		speed: {},
-		amplitude: {},
-		frequency: {},
-		lineCount: {},
-		lineWidth: {},
-		waveColor: {},
-		pinEdges: { type: Boolean },
-		start: {},
-		end: {}
+		radius: {},
+		depth: {},
+		center: {},
+		lightPosition: {},
+		lightIntensity: {},
+		lightSoftness: {},
+		lightColor: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -5984,8 +5976,8 @@ var Strands_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Stretch_default = /* @__PURE__ */ defineComponent({
-	__name: "Stretch",
+var Spiral_default = /* @__PURE__ */ defineComponent({
+	__name: "Spiral",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -5995,11 +5987,15 @@ var Stretch_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
+		colorA: {},
+		colorB: {},
+		strokeWidth: {},
+		strokeFalloff: {},
+		softness: {},
+		speed: {},
 		center: {},
-		strength: {},
-		angle: {},
-		falloff: {},
-		edges: {}
+		scale: {},
+		colorSpace: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -6108,8 +6104,8 @@ var Stretch_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Swirl_default = /* @__PURE__ */ defineComponent({
-	__name: "Swirl",
+var Strands_default = /* @__PURE__ */ defineComponent({
+	__name: "Strands",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -6119,12 +6115,15 @@ var Swirl_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		colorA: {},
-		colorB: {},
 		speed: {},
-		detail: {},
-		blend: {},
-		colorSpace: {}
+		amplitude: {},
+		frequency: {},
+		lineCount: {},
+		lineWidth: {},
+		waveColor: {},
+		pinEdges: { type: Boolean },
+		start: {},
+		end: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -6233,8 +6232,8 @@ var Swirl_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var TiltShift_default = /* @__PURE__ */ defineComponent({
-	__name: "TiltShift",
+var Stretch_default = /* @__PURE__ */ defineComponent({
+	__name: "Stretch",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -6244,11 +6243,11 @@ var TiltShift_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		intensity: {},
-		width: {},
-		falloff: {},
+		center: {},
+		strength: {},
 		angle: {},
-		center: {}
+		falloff: {},
+		edges: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -6357,8 +6356,8 @@ var TiltShift_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Tritone_default = /* @__PURE__ */ defineComponent({
-	__name: "Tritone",
+var Swirl_default = /* @__PURE__ */ defineComponent({
+	__name: "Swirl",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -6370,8 +6369,9 @@ var Tritone_default = /* @__PURE__ */ defineComponent({
 		transform: {},
 		colorA: {},
 		colorB: {},
-		colorC: {},
-		blendMid: {},
+		speed: {},
+		detail: {},
+		blend: {},
 		colorSpace: {}
 	}, {
 		blendMode: "normal",
@@ -6481,8 +6481,8 @@ var Tritone_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Twirl_default = /* @__PURE__ */ defineComponent({
-	__name: "Twirl",
+var TiltShift_default = /* @__PURE__ */ defineComponent({
+	__name: "TiltShift",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -6492,9 +6492,11 @@ var Twirl_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		center: {},
 		intensity: {},
-		edges: {}
+		width: {},
+		falloff: {},
+		angle: {},
+		center: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -6603,8 +6605,8 @@ var Twirl_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Vibrance_default = /* @__PURE__ */ defineComponent({
-	__name: "Vibrance",
+var Tritone_default = /* @__PURE__ */ defineComponent({
+	__name: "Tritone",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -6614,7 +6616,11 @@ var Vibrance_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		intensity: {}
+		colorA: {},
+		colorB: {},
+		colorC: {},
+		blendMid: {},
+		colorSpace: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -6723,8 +6729,8 @@ var Vibrance_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var WaveDistortion_default = /* @__PURE__ */ defineComponent({
-	__name: "WaveDistortion",
+var Twirl_default = /* @__PURE__ */ defineComponent({
+	__name: "Twirl",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -6734,11 +6740,8 @@ var WaveDistortion_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		strength: {},
-		frequency: {},
-		speed: {},
-		angle: {},
-		waveType: {},
+		center: {},
+		intensity: {},
 		edges: {}
 	}, {
 		blendMode: "normal",
@@ -6848,8 +6851,8 @@ var WaveDistortion_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ZoomBlur_default = /* @__PURE__ */ defineComponent({
-	__name: "ZoomBlur",
+var Vibrance_default = /* @__PURE__ */ defineComponent({
+	__name: "Vibrance",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -6859,8 +6862,7 @@ var ZoomBlur_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		intensity: {},
-		center: {}
+		intensity: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -6969,6 +6971,252 @@ var ZoomBlur_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+var WaveDistortion_default = /* @__PURE__ */ defineComponent({
+	__name: "WaveDistortion",
+	props: /* @__PURE__ */ mergeDefaults({
+		blendMode: {},
+		opacity: {},
+		visible: { type: Boolean },
+		id: {},
+		maskSource: {},
+		maskType: {},
+		renderOrder: {},
+		transform: {},
+		strength: {},
+		frequency: {},
+		speed: {},
+		angle: {},
+		waveType: {},
+		edges: {}
+	}, {
+		blendMode: "normal",
+		renderOrder: 0,
+		visible: true,
+		...Object.entries(componentDefinition$56.props).reduce((acc, [key, config]) => {
+			acc[key] = config.default;
+			return acc;
+		}, {})
+	}),
+	setup(__props) {
+		const props = __props;
+		const instanceId = props.id || `${componentDefinition$56.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		provide("ombreParentId", instanceId);
+		const DEFAULT_TRANSFORM = {
+			offsetX: 0,
+			offsetY: 0,
+			rotation: 0,
+			scale: 1,
+			anchorX: .5,
+			anchorY: .5,
+			edges: "transparent"
+		};
+		const effectiveTransform = computed(() => ({
+			...DEFAULT_TRANSFORM,
+			...props.transform
+		}));
+		const uniforms = createUniformsMap(componentDefinition$56, computed(() => {
+			let baseProps = { ...Object.entries(componentDefinition$56.props).reduce((acc, [key, config]) => {
+				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$56.props).reduce((acc, [key$1, config]) => {
+				acc[key$1] = config.default;
+				return acc;
+			}, {})[key]) baseProps[key] = toValue(props[key]);
+			return baseProps;
+		}).value, instanceId);
+		const parentId = inject("ombreParentId");
+		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+		const parentRegister = inject("ombreNodeRegister");
+		if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+		const parentUniformUpdate = inject("ombreUniformUpdate");
+		if (parentUniformUpdate === void 0) throw new Error("Shader components require ombreUniformUpdate from parent");
+		const parentMetadataUpdate = inject("ombreMetadataUpdate");
+		if (parentMetadataUpdate === void 0) throw new Error("Shader components require ombreMetadataUpdate from parent");
+		const rendererResetSignal = inject("ombreRendererResetSignal");
+		const registerWithRenderer = () => {
+			parentRegister(instanceId, componentDefinition$56.fragmentNode, parentId, {
+				blendMode: props.blendMode,
+				opacity: props.opacity,
+				visible: props.visible === false ? false : true,
+				id: props.id,
+				mask: props.maskSource ? {
+					source: props.maskSource,
+					type: props.maskType || "alpha"
+				} : void 0,
+				renderOrder: props.renderOrder,
+				transform: effectiveTransform.value
+			}, uniforms, componentDefinition$56);
+		};
+		const setupUniformWatchers = () => {
+			const scope = effectScope();
+			scope.run(() => {
+				Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
+					watch(() => props[propName], (newValue) => {
+						if (uniform && uniform.value !== void 0) parentUniformUpdate(instanceId, propName, newValue);
+					}, { deep: true });
+				});
+				watch(() => [
+					props.blendMode,
+					props.opacity,
+					props.visible,
+					props.id,
+					props.maskSource,
+					props.maskType,
+					props.renderOrder,
+					props.transform
+				], ([blendMode, opacity, visible]) => {
+					parentMetadataUpdate(instanceId, {
+						blendMode,
+						opacity,
+						visible: visible === false ? false : true,
+						id: props.id,
+						mask: props.maskSource ? {
+							source: props.maskSource,
+							type: props.maskType || "alpha"
+						} : void 0,
+						renderOrder: props.renderOrder,
+						transform: effectiveTransform.value
+					});
+				}, { deep: true });
+				if (rendererResetSignal) watch(() => rendererResetSignal.value, (newValue) => {
+					if (newValue > 0) registerWithRenderer();
+				}, { immediate: true });
+			});
+			onBeforeUnmount(() => {
+				scope.stop();
+			});
+		};
+		setupUniformWatchers();
+		onBeforeUnmount(() => {
+			parentRegister(instanceId, null, null, null, null, null);
+		});
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+var ZoomBlur_default = /* @__PURE__ */ defineComponent({
+	__name: "ZoomBlur",
+	props: /* @__PURE__ */ mergeDefaults({
+		blendMode: {},
+		opacity: {},
+		visible: { type: Boolean },
+		id: {},
+		maskSource: {},
+		maskType: {},
+		renderOrder: {},
+		transform: {},
+		intensity: {},
+		center: {}
+	}, {
+		blendMode: "normal",
+		renderOrder: 0,
+		visible: true,
+		...Object.entries(componentDefinition$57.props).reduce((acc, [key, config]) => {
+			acc[key] = config.default;
+			return acc;
+		}, {})
+	}),
+	setup(__props) {
+		const props = __props;
+		const instanceId = props.id || `${componentDefinition$57.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		provide("ombreParentId", instanceId);
+		const DEFAULT_TRANSFORM = {
+			offsetX: 0,
+			offsetY: 0,
+			rotation: 0,
+			scale: 1,
+			anchorX: .5,
+			anchorY: .5,
+			edges: "transparent"
+		};
+		const effectiveTransform = computed(() => ({
+			...DEFAULT_TRANSFORM,
+			...props.transform
+		}));
+		const uniforms = createUniformsMap(componentDefinition$57, computed(() => {
+			let baseProps = { ...Object.entries(componentDefinition$57.props).reduce((acc, [key, config]) => {
+				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$57.props).reduce((acc, [key$1, config]) => {
+				acc[key$1] = config.default;
+				return acc;
+			}, {})[key]) baseProps[key] = toValue(props[key]);
+			return baseProps;
+		}).value, instanceId);
+		const parentId = inject("ombreParentId");
+		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+		const parentRegister = inject("ombreNodeRegister");
+		if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+		const parentUniformUpdate = inject("ombreUniformUpdate");
+		if (parentUniformUpdate === void 0) throw new Error("Shader components require ombreUniformUpdate from parent");
+		const parentMetadataUpdate = inject("ombreMetadataUpdate");
+		if (parentMetadataUpdate === void 0) throw new Error("Shader components require ombreMetadataUpdate from parent");
+		const rendererResetSignal = inject("ombreRendererResetSignal");
+		const registerWithRenderer = () => {
+			parentRegister(instanceId, componentDefinition$57.fragmentNode, parentId, {
+				blendMode: props.blendMode,
+				opacity: props.opacity,
+				visible: props.visible === false ? false : true,
+				id: props.id,
+				mask: props.maskSource ? {
+					source: props.maskSource,
+					type: props.maskType || "alpha"
+				} : void 0,
+				renderOrder: props.renderOrder,
+				transform: effectiveTransform.value
+			}, uniforms, componentDefinition$57);
+		};
+		const setupUniformWatchers = () => {
+			const scope = effectScope();
+			scope.run(() => {
+				Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
+					watch(() => props[propName], (newValue) => {
+						if (uniform && uniform.value !== void 0) parentUniformUpdate(instanceId, propName, newValue);
+					}, { deep: true });
+				});
+				watch(() => [
+					props.blendMode,
+					props.opacity,
+					props.visible,
+					props.id,
+					props.maskSource,
+					props.maskType,
+					props.renderOrder,
+					props.transform
+				], ([blendMode, opacity, visible]) => {
+					parentMetadataUpdate(instanceId, {
+						blendMode,
+						opacity,
+						visible: visible === false ? false : true,
+						id: props.id,
+						mask: props.maskSource ? {
+							source: props.maskSource,
+							type: props.maskType || "alpha"
+						} : void 0,
+						renderOrder: props.renderOrder,
+						transform: effectiveTransform.value
+					});
+				}, { deep: true });
+				if (rendererResetSignal) watch(() => rendererResetSignal.value, (newValue) => {
+					if (newValue > 0) registerWithRenderer();
+				}, { immediate: true });
+			});
+			onBeforeUnmount(() => {
+				scope.stop();
+			});
+		};
+		setupUniformWatchers();
+		onBeforeUnmount(() => {
+			parentRegister(instanceId, null, null, null, null, null);
+		});
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
 var Shader_default = /* @__PURE__ */ defineComponent({
 	__name: "Shader",
 	props: { hideNotice: {
@@ -6985,9 +7233,9 @@ var Shader_default = /* @__PURE__ */ defineComponent({
 		let telemetryCollector = null;
 		provide("ombreParentId", rootId.value);
 		provide("ombreRendererResetSignal", rendererResetSignal);
-		provide("ombreNodeRegister", (id, fragmentNodeFunc, parentId, metadata, uniforms = null, componentDefinition$56 = null) => {
+		provide("ombreNodeRegister", (id, fragmentNodeFunc, parentId, metadata, uniforms = null, componentDefinition$58 = null) => {
 			if (fragmentNodeFunc === null) rendererInstance.value.removeNode(id);
-			else rendererInstance.value.registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition$56);
+			else rendererInstance.value.registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition$58);
 		});
 		provide("ombreUniformUpdate", (nodeId, uniformName, value) => {
 			rendererInstance.value.updateUniformValue(nodeId, uniformName, value);
@@ -7117,4 +7365,4 @@ var Shader_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-export { AngularBlur_default as AngularBlur, Ascii_default as Ascii, Beam_default as Beam, Blob_default as Blob, Blur_default as Blur, BrightnessContrast_default as BrightnessContrast, Bulge_default as Bulge, CRTScreen_default as CRTScreen, ChannelBlur_default as ChannelBlur, Checkerboard_default as Checkerboard, ChromaFlow_default as ChromaFlow, ChromaticAberration_default as ChromaticAberration, Circle_default as Circle, CursorTrail_default as CursorTrail, DiffuseBlur_default as DiffuseBlur, Dither_default as Dither, DotGrid_default as DotGrid, Duotone_default as Duotone, FilmGrain_default as FilmGrain, FloatingParticles_default as FloatingParticles, GlassTiles_default as GlassTiles, Glow_default as Glow, Godrays_default as Godrays, Grayscale_default as Grayscale, Grid_default as Grid, GridDistortion_default as GridDistortion, Group_default as Group, Halftone_default as Halftone, HueShift_default as HueShift, ImageTexture_default as ImageTexture, Invert_default as Invert, LinearBlur_default as LinearBlur, LinearGradient_default as LinearGradient, Liquify_default as Liquify, Pixelate_default as Pixelate, PolarCoordinates_default as PolarCoordinates, Posterize_default as Posterize, ProgressiveBlur_default as ProgressiveBlur, RadialGradient_default as RadialGradient, RectangularCoordinates_default as RectangularCoordinates, Ripples_default as Ripples, Saturation_default as Saturation, Shader_default as Shader, SimplexNoise_default as SimplexNoise, SineWave_default as SineWave, SolidColor_default as SolidColor, Spherize_default as Spherize, Spiral_default as Spiral, Strands_default as Strands, Stretch_default as Stretch, Swirl_default as Swirl, TiltShift_default as TiltShift, Tritone_default as Tritone, Twirl_default as Twirl, Vibrance_default as Vibrance, WaveDistortion_default as WaveDistortion, ZoomBlur_default as ZoomBlur, generatePresetCode };
+export { AngularBlur_default as AngularBlur, Ascii_default as Ascii, Beam_default as Beam, Blob_default as Blob, Blur_default as Blur, BrightnessContrast_default as BrightnessContrast, Bulge_default as Bulge, CRTScreen_default as CRTScreen, ChannelBlur_default as ChannelBlur, Checkerboard_default as Checkerboard, ChromaFlow_default as ChromaFlow, ChromaticAberration_default as ChromaticAberration, Circle_default as Circle, CursorTrail_default as CursorTrail, DiffuseBlur_default as DiffuseBlur, Dither_default as Dither, DotGrid_default as DotGrid, Duotone_default as Duotone, FilmGrain_default as FilmGrain, FloatingParticles_default as FloatingParticles, GlassTiles_default as GlassTiles, Glow_default as Glow, Godrays_default as Godrays, Grayscale_default as Grayscale, Grid_default as Grid, GridDistortion_default as GridDistortion, Group_default as Group, Halftone_default as Halftone, HueShift_default as HueShift, ImageTexture_default as ImageTexture, Invert_default as Invert, LinearBlur_default as LinearBlur, LinearGradient_default as LinearGradient, Liquify_default as Liquify, Perspective_default as Perspective, Pixelate_default as Pixelate, PolarCoordinates_default as PolarCoordinates, Posterize_default as Posterize, ProgressiveBlur_default as ProgressiveBlur, RadialGradient_default as RadialGradient, RectangularCoordinates_default as RectangularCoordinates, Ripples_default as Ripples, Saturation_default as Saturation, Shader_default as Shader, Sharpness_default as Sharpness, SimplexNoise_default as SimplexNoise, SineWave_default as SineWave, SolidColor_default as SolidColor, Spherize_default as Spherize, Spiral_default as Spiral, Strands_default as Strands, Stretch_default as Stretch, Swirl_default as Swirl, TiltShift_default as TiltShift, Tritone_default as Tritone, Twirl_default as Twirl, Vibrance_default as Vibrance, WaveDistortion_default as WaveDistortion, ZoomBlur_default as ZoomBlur, generatePresetCode };