npm - shaders - Versions diffs - 2.5.85 → 2.5.86 - Mend

shaders 2.5.85 → 2.5.86

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (203) hide show

package/dist/svelte/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { n as generatePresetCode } from "./generatePresetCode-B9QYLcji.js";
+import { n as generatePresetCode } from "./generatePresetCode-BzFhasGi.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { getContext, onDestroy, onMount, setContext } from "svelte";
@@ -22,82 +22,83 @@ import { componentDefinition as componentDefinition$14 } from "../core/shaders/C
 import { componentDefinition as componentDefinition$15 } from "../core/shaders/ContourLines/index.js";
 import { componentDefinition as componentDefinition$16 } from "../core/shaders/Crescent/index.js";
 import { componentDefinition as componentDefinition$17 } from "../core/shaders/Cross/index.js";
-import { componentDefinition as componentDefinition$18 } from "../core/shaders/CursorRipples/index.js";
-import { componentDefinition as componentDefinition$19 } from "../core/shaders/CursorTrail/index.js";
-import { componentDefinition as componentDefinition$20 } from "../core/shaders/DiffuseBlur/index.js";
-import { componentDefinition as componentDefinition$21 } from "../core/shaders/Dither/index.js";
-import { componentDefinition as componentDefinition$22 } from "../core/shaders/DotGrid/index.js";
-import { componentDefinition as componentDefinition$23 } from "../core/shaders/Duotone/index.js";
-import { componentDefinition as componentDefinition$24 } from "../core/shaders/Ellipse/index.js";
-import { componentDefinition as componentDefinition$25 } from "../core/shaders/Emboss/index.js";
-import { componentDefinition as componentDefinition$26 } from "../core/shaders/FallingLines/index.js";
-import { componentDefinition as componentDefinition$27 } from "../core/shaders/FilmGrain/index.js";
-import { componentDefinition as componentDefinition$28 } from "../core/shaders/FloatingParticles/index.js";
-import { componentDefinition as componentDefinition$29 } from "../core/shaders/FlowField/index.js";
-import { componentDefinition as componentDefinition$30 } from "../core/shaders/Flower/index.js";
-import { componentDefinition as componentDefinition$31 } from "../core/shaders/FlowingGradient/index.js";
-import { componentDefinition as componentDefinition$32 } from "../core/shaders/Form3D/index.js";
-import { componentDefinition as componentDefinition$33 } from "../core/shaders/Glass/index.js";
-import { componentDefinition as componentDefinition$34 } from "../core/shaders/GlassTiles/index.js";
-import { componentDefinition as componentDefinition$35 } from "../core/shaders/Glitch/index.js";
-import { componentDefinition as componentDefinition$36 } from "../core/shaders/Glow/index.js";
-import { componentDefinition as componentDefinition$37 } from "../core/shaders/Godrays/index.js";
-import { componentDefinition as componentDefinition$38 } from "../core/shaders/Grayscale/index.js";
-import { componentDefinition as componentDefinition$39 } from "../core/shaders/Grid/index.js";
-import { componentDefinition as componentDefinition$40 } from "../core/shaders/GridDistortion/index.js";
-import { componentDefinition as componentDefinition$41 } from "../core/shaders/Group/index.js";
-import { componentDefinition as componentDefinition$42 } from "../core/shaders/Halftone/index.js";
-import { componentDefinition as componentDefinition$43 } from "../core/shaders/HueShift/index.js";
-import { componentDefinition as componentDefinition$44 } from "../core/shaders/ImageTexture/index.js";
-import { componentDefinition as componentDefinition$45 } from "../core/shaders/Invert/index.js";
-import { componentDefinition as componentDefinition$46 } from "../core/shaders/Kaleidoscope/index.js";
-import { componentDefinition as componentDefinition$47 } from "../core/shaders/LensFlare/index.js";
-import { componentDefinition as componentDefinition$48 } from "../core/shaders/LinearBlur/index.js";
-import { componentDefinition as componentDefinition$49 } from "../core/shaders/LinearGradient/index.js";
-import { componentDefinition as componentDefinition$50 } from "../core/shaders/Liquify/index.js";
-import { componentDefinition as componentDefinition$51 } from "../core/shaders/Mirror/index.js";
-import { componentDefinition as componentDefinition$52 } from "../core/shaders/Neon/index.js";
-import { componentDefinition as componentDefinition$53 } from "../core/shaders/Paper/index.js";
-import { componentDefinition as componentDefinition$54 } from "../core/shaders/Perspective/index.js";
-import { componentDefinition as componentDefinition$55 } from "../core/shaders/Pixelate/index.js";
-import { componentDefinition as componentDefinition$56 } from "../core/shaders/Plasma/index.js";
-import { componentDefinition as componentDefinition$57 } from "../core/shaders/PolarCoordinates/index.js";
-import { componentDefinition as componentDefinition$58 } from "../core/shaders/Polygon/index.js";
-import { componentDefinition as componentDefinition$59 } from "../core/shaders/Posterize/index.js";
-import { componentDefinition as componentDefinition$60 } from "../core/shaders/ProgressiveBlur/index.js";
-import { componentDefinition as componentDefinition$61 } from "../core/shaders/RadialGradient/index.js";
-import { componentDefinition as componentDefinition$62 } from "../core/shaders/RectangularCoordinates/index.js";
-import { componentDefinition as componentDefinition$63 } from "../core/shaders/Ring/index.js";
-import { componentDefinition as componentDefinition$64 } from "../core/shaders/Ripples/index.js";
-import { componentDefinition as componentDefinition$65 } from "../core/shaders/RoundedRect/index.js";
-import { componentDefinition as componentDefinition$66 } from "../core/shaders/Saturation/index.js";
-import { componentDefinition as componentDefinition$67 } from "../core/shaders/Sharpness/index.js";
-import { componentDefinition as componentDefinition$68 } from "../core/shaders/Shatter/index.js";
-import { componentDefinition as componentDefinition$69 } from "../core/shaders/SimplexNoise/index.js";
-import { componentDefinition as componentDefinition$70 } from "../core/shaders/SineWave/index.js";
-import { componentDefinition as componentDefinition$71 } from "../core/shaders/SolidColor/index.js";
-import { componentDefinition as componentDefinition$72 } from "../core/shaders/Spherize/index.js";
-import { componentDefinition as componentDefinition$73 } from "../core/shaders/Spiral/index.js";
-import { componentDefinition as componentDefinition$74 } from "../core/shaders/Star/index.js";
-import { componentDefinition as componentDefinition$75 } from "../core/shaders/Strands/index.js";
-import { componentDefinition as componentDefinition$76 } from "../core/shaders/Stretch/index.js";
-import { componentDefinition as componentDefinition$77 } from "../core/shaders/Stripes/index.js";
-import { componentDefinition as componentDefinition$78 } from "../core/shaders/StudioBackground/index.js";
-import { componentDefinition as componentDefinition$79 } from "../core/shaders/Swirl/index.js";
-import { componentDefinition as componentDefinition$80 } from "../core/shaders/TiltShift/index.js";
-import { componentDefinition as componentDefinition$81 } from "../core/shaders/Tint/index.js";
-import { componentDefinition as componentDefinition$82 } from "../core/shaders/Trapezoid/index.js";
-import { componentDefinition as componentDefinition$83 } from "../core/shaders/Tritone/index.js";
-import { componentDefinition as componentDefinition$84 } from "../core/shaders/Twirl/index.js";
-import { componentDefinition as componentDefinition$85 } from "../core/shaders/Vesica/index.js";
-import { componentDefinition as componentDefinition$86 } from "../core/shaders/Vibrance/index.js";
-import { componentDefinition as componentDefinition$87 } from "../core/shaders/VideoTexture/index.js";
-import { componentDefinition as componentDefinition$88 } from "../core/shaders/WaveDistortion/index.js";
-import { componentDefinition as componentDefinition$89 } from "../core/shaders/WebcamTexture/index.js";
-import { componentDefinition as componentDefinition$90 } from "../core/shaders/ZoomBlur/index.js";
+import { componentDefinition as componentDefinition$18 } from "../core/shaders/Crystal/index.js";
+import { componentDefinition as componentDefinition$19 } from "../core/shaders/CursorRipples/index.js";
+import { componentDefinition as componentDefinition$20 } from "../core/shaders/CursorTrail/index.js";
+import { componentDefinition as componentDefinition$21 } from "../core/shaders/DiffuseBlur/index.js";
+import { componentDefinition as componentDefinition$22 } from "../core/shaders/Dither/index.js";
+import { componentDefinition as componentDefinition$23 } from "../core/shaders/DotGrid/index.js";
+import { componentDefinition as componentDefinition$24 } from "../core/shaders/Duotone/index.js";
+import { componentDefinition as componentDefinition$25 } from "../core/shaders/Ellipse/index.js";
+import { componentDefinition as componentDefinition$26 } from "../core/shaders/Emboss/index.js";
+import { componentDefinition as componentDefinition$27 } from "../core/shaders/FallingLines/index.js";
+import { componentDefinition as componentDefinition$28 } from "../core/shaders/FilmGrain/index.js";
+import { componentDefinition as componentDefinition$29 } from "../core/shaders/FloatingParticles/index.js";
+import { componentDefinition as componentDefinition$30 } from "../core/shaders/FlowField/index.js";
+import { componentDefinition as componentDefinition$31 } from "../core/shaders/Flower/index.js";
+import { componentDefinition as componentDefinition$32 } from "../core/shaders/FlowingGradient/index.js";
+import { componentDefinition as componentDefinition$33 } from "../core/shaders/Form3D/index.js";
+import { componentDefinition as componentDefinition$34 } from "../core/shaders/Glass/index.js";
+import { componentDefinition as componentDefinition$35 } from "../core/shaders/GlassTiles/index.js";
+import { componentDefinition as componentDefinition$36 } from "../core/shaders/Glitch/index.js";
+import { componentDefinition as componentDefinition$37 } from "../core/shaders/Glow/index.js";
+import { componentDefinition as componentDefinition$38 } from "../core/shaders/Godrays/index.js";
+import { componentDefinition as componentDefinition$39 } from "../core/shaders/Grayscale/index.js";
+import { componentDefinition as componentDefinition$40 } from "../core/shaders/Grid/index.js";
+import { componentDefinition as componentDefinition$41 } from "../core/shaders/GridDistortion/index.js";
+import { componentDefinition as componentDefinition$42 } from "../core/shaders/Group/index.js";
+import { componentDefinition as componentDefinition$43 } from "../core/shaders/Halftone/index.js";
+import { componentDefinition as componentDefinition$44 } from "../core/shaders/HueShift/index.js";
+import { componentDefinition as componentDefinition$45 } from "../core/shaders/ImageTexture/index.js";
+import { componentDefinition as componentDefinition$46 } from "../core/shaders/Invert/index.js";
+import { componentDefinition as componentDefinition$47 } from "../core/shaders/Kaleidoscope/index.js";
+import { componentDefinition as componentDefinition$48 } from "../core/shaders/LensFlare/index.js";
+import { componentDefinition as componentDefinition$49 } from "../core/shaders/LinearBlur/index.js";
+import { componentDefinition as componentDefinition$50 } from "../core/shaders/LinearGradient/index.js";
+import { componentDefinition as componentDefinition$51 } from "../core/shaders/Liquify/index.js";
+import { componentDefinition as componentDefinition$52 } from "../core/shaders/Mirror/index.js";
+import { componentDefinition as componentDefinition$53 } from "../core/shaders/Neon/index.js";
+import { componentDefinition as componentDefinition$54 } from "../core/shaders/Paper/index.js";
+import { componentDefinition as componentDefinition$55 } from "../core/shaders/Perspective/index.js";
+import { componentDefinition as componentDefinition$56 } from "../core/shaders/Pixelate/index.js";
+import { componentDefinition as componentDefinition$57 } from "../core/shaders/Plasma/index.js";
+import { componentDefinition as componentDefinition$58 } from "../core/shaders/PolarCoordinates/index.js";
+import { componentDefinition as componentDefinition$59 } from "../core/shaders/Polygon/index.js";
+import { componentDefinition as componentDefinition$60 } from "../core/shaders/Posterize/index.js";
+import { componentDefinition as componentDefinition$61 } from "../core/shaders/ProgressiveBlur/index.js";
+import { componentDefinition as componentDefinition$62 } from "../core/shaders/RadialGradient/index.js";
+import { componentDefinition as componentDefinition$63 } from "../core/shaders/RectangularCoordinates/index.js";
+import { componentDefinition as componentDefinition$64 } from "../core/shaders/Ring/index.js";
+import { componentDefinition as componentDefinition$65 } from "../core/shaders/Ripples/index.js";
+import { componentDefinition as componentDefinition$66 } from "../core/shaders/RoundedRect/index.js";
+import { componentDefinition as componentDefinition$67 } from "../core/shaders/Saturation/index.js";
+import { componentDefinition as componentDefinition$68 } from "../core/shaders/Sharpness/index.js";
+import { componentDefinition as componentDefinition$69 } from "../core/shaders/Shatter/index.js";
+import { componentDefinition as componentDefinition$70 } from "../core/shaders/SimplexNoise/index.js";
+import { componentDefinition as componentDefinition$71 } from "../core/shaders/SineWave/index.js";
+import { componentDefinition as componentDefinition$72 } from "../core/shaders/SolidColor/index.js";
+import { componentDefinition as componentDefinition$73 } from "../core/shaders/Spherize/index.js";
+import { componentDefinition as componentDefinition$74 } from "../core/shaders/Spiral/index.js";
+import { componentDefinition as componentDefinition$75 } from "../core/shaders/Star/index.js";
+import { componentDefinition as componentDefinition$76 } from "../core/shaders/Strands/index.js";
+import { componentDefinition as componentDefinition$77 } from "../core/shaders/Stretch/index.js";
+import { componentDefinition as componentDefinition$78 } from "../core/shaders/Stripes/index.js";
+import { componentDefinition as componentDefinition$79 } from "../core/shaders/StudioBackground/index.js";
+import { componentDefinition as componentDefinition$80 } from "../core/shaders/Swirl/index.js";
+import { componentDefinition as componentDefinition$81 } from "../core/shaders/TiltShift/index.js";
+import { componentDefinition as componentDefinition$82 } from "../core/shaders/Tint/index.js";
+import { componentDefinition as componentDefinition$83 } from "../core/shaders/Trapezoid/index.js";
+import { componentDefinition as componentDefinition$84 } from "../core/shaders/Tritone/index.js";
+import { componentDefinition as componentDefinition$85 } from "../core/shaders/Twirl/index.js";
+import { componentDefinition as componentDefinition$86 } from "../core/shaders/Vesica/index.js";
+import { componentDefinition as componentDefinition$87 } from "../core/shaders/Vibrance/index.js";
+import { componentDefinition as componentDefinition$88 } from "../core/shaders/VideoTexture/index.js";
+import { componentDefinition as componentDefinition$89 } from "../core/shaders/WaveDistortion/index.js";
+import { componentDefinition as componentDefinition$90 } from "../core/shaders/WebcamTexture/index.js";
+import { componentDefinition as componentDefinition$91 } from "../core/shaders/ZoomBlur/index.js";
 import { vec4 } from "three/tsl";
 import { isExternalUser, shouldCollectTelemetry, startTelemetry } from "../core/telemetry/index.js";
-var root$91 = $.from_html(`<span style="display:contents"><!></span>`);
+var root$92 = $.from_html(`<span style="display:contents"><!></span>`);
 function AngularBlur($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
@@ -233,7 +234,7 @@ function AngularBlur($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$91();
+	var span = root$92();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -242,7 +243,7 @@ function AngularBlur($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$90 = $.from_html(`<span style="display:contents"><!></span>`);
+var root$91 = $.from_html(`<span style="display:contents"><!></span>`);
 function Ascii($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
@@ -378,7 +379,7 @@ function Ascii($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$90();
+	var span = root$91();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -387,7 +388,7 @@ function Ascii($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$89 = $.from_html(`<span style="display:contents"><!></span>`);
+var root$90 = $.from_html(`<span style="display:contents"><!></span>`);
 function Aurora($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
@@ -523,7 +524,7 @@ function Aurora($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$89();
+	var span = root$90();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -532,7 +533,7 @@ function Aurora($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$88 = $.from_html(`<span style="display:contents"><!></span>`);
+var root$89 = $.from_html(`<span style="display:contents"><!></span>`);
 function Beam($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
@@ -668,7 +669,7 @@ function Beam($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$88();
+	var span = root$89();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -677,7 +678,7 @@ function Beam($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$87 = $.from_html(`<span style="display:contents"><!></span>`);
+var root$88 = $.from_html(`<span style="display:contents"><!></span>`);
 function Blob($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
@@ -813,7 +814,7 @@ function Blob($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$87();
+	var span = root$88();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -822,7 +823,7 @@ function Blob($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$86 = $.from_html(`<span style="display:contents"><!></span>`);
+var root$87 = $.from_html(`<span style="display:contents"><!></span>`);
 function Blur($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
@@ -958,7 +959,7 @@ function Blur($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$86();
+	var span = root$87();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -967,7 +968,7 @@ function Blur($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$85 = $.from_html(`<span style="display:contents"><!></span>`);
+var root$86 = $.from_html(`<span style="display:contents"><!></span>`);
 function BrightnessContrast($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
@@ -1103,7 +1104,7 @@ function BrightnessContrast($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$85();
+	var span = root$86();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -1112,7 +1113,7 @@ function BrightnessContrast($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$84 = $.from_html(`<span style="display:contents"><!></span>`);
+var root$85 = $.from_html(`<span style="display:contents"><!></span>`);
 function Bulge($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
@@ -1248,7 +1249,7 @@ function Bulge($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$84();
+	var span = root$85();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -1257,7 +1258,7 @@ function Bulge($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$83 = $.from_html(`<span style="display:contents"><!></span>`);
+var root$84 = $.from_html(`<span style="display:contents"><!></span>`);
 function CRTScreen($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
@@ -1393,7 +1394,7 @@ function CRTScreen($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$83();
+	var span = root$84();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -1402,7 +1403,7 @@ function CRTScreen($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$82 = $.from_html(`<span style="display:contents"><!></span>`);
+var root$83 = $.from_html(`<span style="display:contents"><!></span>`);
 function ChannelBlur($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
@@ -1538,7 +1539,7 @@ function ChannelBlur($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$82();
+	var span = root$83();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -1547,7 +1548,7 @@ function ChannelBlur($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$81 = $.from_html(`<span style="display:contents"><!></span>`);
+var root$82 = $.from_html(`<span style="display:contents"><!></span>`);
 function Checkerboard($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
@@ -1683,7 +1684,7 @@ function Checkerboard($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$81();
+	var span = root$82();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -1692,7 +1693,7 @@ function Checkerboard($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$80 = $.from_html(`<span style="display:contents"><!></span>`);
+var root$81 = $.from_html(`<span style="display:contents"><!></span>`);
 function ChromaFlow($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
@@ -1828,7 +1829,7 @@ function ChromaFlow($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$80();
+	var span = root$81();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -1837,7 +1838,7 @@ function ChromaFlow($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$79 = $.from_html(`<span style="display:contents"><!></span>`);
+var root$80 = $.from_html(`<span style="display:contents"><!></span>`);
 function ChromaticAberration($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
@@ -1973,7 +1974,7 @@ function ChromaticAberration($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$79();
+	var span = root$80();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -1982,7 +1983,7 @@ function ChromaticAberration($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$78 = $.from_html(`<span style="display:contents"><!></span>`);
+var root$79 = $.from_html(`<span style="display:contents"><!></span>`);
 function Circle($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
@@ -2118,7 +2119,7 @@ function Circle($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$78();
+	var span = root$79();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -2127,7 +2128,7 @@ function Circle($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$77 = $.from_html(`<span style="display:contents"><!></span>`);
+var root$78 = $.from_html(`<span style="display:contents"><!></span>`);
 function ConcentricSpin($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
@@ -2263,7 +2264,7 @@ function ConcentricSpin($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$77();
+	var span = root$78();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -2272,7 +2273,7 @@ function ConcentricSpin($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$76 = $.from_html(`<span style="display:contents"><!></span>`);
+var root$77 = $.from_html(`<span style="display:contents"><!></span>`);
 function ContourLines($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
@@ -2408,7 +2409,7 @@ function ContourLines($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$76();
+	var span = root$77();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -2417,7 +2418,7 @@ function ContourLines($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$75 = $.from_html(`<span style="display:contents"><!></span>`);
+var root$76 = $.from_html(`<span style="display:contents"><!></span>`);
 function Crescent($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
@@ -2553,7 +2554,7 @@ function Crescent($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$75();
+	var span = root$76();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -2562,7 +2563,7 @@ function Crescent($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$74 = $.from_html(`<span style="display:contents"><!></span>`);
+var root$75 = $.from_html(`<span style="display:contents"><!></span>`);
 function Cross($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
@@ -2698,7 +2699,7 @@ function Cross($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$74();
+	var span = root$75();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -2707,8 +2708,8 @@ function Cross($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$73 = $.from_html(`<span style="display:contents"><!></span>`);
-function CursorRipples($$anchor, $$props) {
+var root$74 = $.from_html(`<span style="display:contents"><!></span>`);
+function Crystal($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -2843,7 +2844,7 @@ function CursorRipples($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$73();
+	var span = root$74();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -2852,8 +2853,8 @@ function CursorRipples($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$72 = $.from_html(`<span style="display:contents"><!></span>`);
-function CursorTrail($$anchor, $$props) {
+var root$73 = $.from_html(`<span style="display:contents"><!></span>`);
+function CursorRipples($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -2988,7 +2989,7 @@ function CursorTrail($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$72();
+	var span = root$73();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -2997,8 +2998,8 @@ function CursorTrail($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$71 = $.from_html(`<span style="display:contents"><!></span>`);
-function DiffuseBlur($$anchor, $$props) {
+var root$72 = $.from_html(`<span style="display:contents"><!></span>`);
+function CursorTrail($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -3133,7 +3134,7 @@ function DiffuseBlur($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$71();
+	var span = root$72();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -3142,8 +3143,8 @@ function DiffuseBlur($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$70 = $.from_html(`<span style="display:contents"><!></span>`);
-function Dither($$anchor, $$props) {
+var root$71 = $.from_html(`<span style="display:contents"><!></span>`);
+function DiffuseBlur($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -3278,7 +3279,7 @@ function Dither($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$70();
+	var span = root$71();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -3287,8 +3288,8 @@ function Dither($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$69 = $.from_html(`<span style="display:contents"><!></span>`);
-function DotGrid($$anchor, $$props) {
+var root$70 = $.from_html(`<span style="display:contents"><!></span>`);
+function Dither($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -3423,7 +3424,7 @@ function DotGrid($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$69();
+	var span = root$70();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -3432,8 +3433,8 @@ function DotGrid($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$68 = $.from_html(`<span style="display:contents"><!></span>`);
-function Duotone($$anchor, $$props) {
+var root$69 = $.from_html(`<span style="display:contents"><!></span>`);
+function DotGrid($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -3568,7 +3569,7 @@ function Duotone($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$68();
+	var span = root$69();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -3577,8 +3578,8 @@ function Duotone($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$67 = $.from_html(`<span style="display:contents"><!></span>`);
-function Ellipse($$anchor, $$props) {
+var root$68 = $.from_html(`<span style="display:contents"><!></span>`);
+function Duotone($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -3713,7 +3714,7 @@ function Ellipse($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$67();
+	var span = root$68();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -3722,8 +3723,8 @@ function Ellipse($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$66 = $.from_html(`<span style="display:contents"><!></span>`);
-function Emboss($$anchor, $$props) {
+var root$67 = $.from_html(`<span style="display:contents"><!></span>`);
+function Ellipse($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -3858,7 +3859,7 @@ function Emboss($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$66();
+	var span = root$67();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -3867,8 +3868,8 @@ function Emboss($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$65 = $.from_html(`<span style="display:contents"><!></span>`);
-function FallingLines($$anchor, $$props) {
+var root$66 = $.from_html(`<span style="display:contents"><!></span>`);
+function Emboss($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -4003,7 +4004,7 @@ function FallingLines($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$65();
+	var span = root$66();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -4012,8 +4013,8 @@ function FallingLines($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$64 = $.from_html(`<span style="display:contents"><!></span>`);
-function FilmGrain($$anchor, $$props) {
+var root$65 = $.from_html(`<span style="display:contents"><!></span>`);
+function FallingLines($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -4148,7 +4149,7 @@ function FilmGrain($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$64();
+	var span = root$65();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -4157,8 +4158,8 @@ function FilmGrain($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$63 = $.from_html(`<span style="display:contents"><!></span>`);
-function FloatingParticles($$anchor, $$props) {
+var root$64 = $.from_html(`<span style="display:contents"><!></span>`);
+function FilmGrain($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -4293,7 +4294,7 @@ function FloatingParticles($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$63();
+	var span = root$64();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -4302,8 +4303,8 @@ function FloatingParticles($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$62 = $.from_html(`<span style="display:contents"><!></span>`);
-function FlowField($$anchor, $$props) {
+var root$63 = $.from_html(`<span style="display:contents"><!></span>`);
+function FloatingParticles($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -4438,7 +4439,7 @@ function FlowField($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$62();
+	var span = root$63();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -4447,8 +4448,8 @@ function FlowField($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$61 = $.from_html(`<span style="display:contents"><!></span>`);
-function Flower($$anchor, $$props) {
+var root$62 = $.from_html(`<span style="display:contents"><!></span>`);
+function FlowField($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -4583,7 +4584,7 @@ function Flower($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$61();
+	var span = root$62();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -4592,8 +4593,8 @@ function Flower($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$60 = $.from_html(`<span style="display:contents"><!></span>`);
-function FlowingGradient($$anchor, $$props) {
+var root$61 = $.from_html(`<span style="display:contents"><!></span>`);
+function Flower($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -4728,7 +4729,7 @@ function FlowingGradient($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$60();
+	var span = root$61();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -4737,8 +4738,8 @@ function FlowingGradient($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$59 = $.from_html(`<span style="display:contents"><!></span>`);
-function Form3D($$anchor, $$props) {
+var root$60 = $.from_html(`<span style="display:contents"><!></span>`);
+function FlowingGradient($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -4873,7 +4874,7 @@ function Form3D($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$59();
+	var span = root$60();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -4882,8 +4883,8 @@ function Form3D($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$58 = $.from_html(`<span style="display:contents"><!></span>`);
-function Glass($$anchor, $$props) {
+var root$59 = $.from_html(`<span style="display:contents"><!></span>`);
+function Form3D($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -5018,7 +5019,7 @@ function Glass($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$58();
+	var span = root$59();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -5027,8 +5028,8 @@ function Glass($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$57 = $.from_html(`<span style="display:contents"><!></span>`);
-function GlassTiles($$anchor, $$props) {
+var root$58 = $.from_html(`<span style="display:contents"><!></span>`);
+function Glass($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -5163,7 +5164,7 @@ function GlassTiles($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$57();
+	var span = root$58();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -5172,8 +5173,8 @@ function GlassTiles($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$56 = $.from_html(`<span style="display:contents"><!></span>`);
-function Glitch($$anchor, $$props) {
+var root$57 = $.from_html(`<span style="display:contents"><!></span>`);
+function GlassTiles($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -5308,7 +5309,7 @@ function Glitch($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$56();
+	var span = root$57();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -5317,8 +5318,8 @@ function Glitch($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$55 = $.from_html(`<span style="display:contents"><!></span>`);
-function Glow($$anchor, $$props) {
+var root$56 = $.from_html(`<span style="display:contents"><!></span>`);
+function Glitch($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -5453,7 +5454,7 @@ function Glow($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$55();
+	var span = root$56();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -5462,8 +5463,8 @@ function Glow($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$54 = $.from_html(`<span style="display:contents"><!></span>`);
-function Godrays($$anchor, $$props) {
+var root$55 = $.from_html(`<span style="display:contents"><!></span>`);
+function Glow($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -5598,7 +5599,7 @@ function Godrays($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$54();
+	var span = root$55();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -5607,8 +5608,8 @@ function Godrays($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$53 = $.from_html(`<span style="display:contents"><!></span>`);
-function Grayscale($$anchor, $$props) {
+var root$54 = $.from_html(`<span style="display:contents"><!></span>`);
+function Godrays($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -5743,7 +5744,7 @@ function Grayscale($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$53();
+	var span = root$54();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -5752,8 +5753,8 @@ function Grayscale($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$52 = $.from_html(`<span style="display:contents"><!></span>`);
-function Grid($$anchor, $$props) {
+var root$53 = $.from_html(`<span style="display:contents"><!></span>`);
+function Grayscale($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -5888,7 +5889,7 @@ function Grid($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$52();
+	var span = root$53();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -5897,8 +5898,8 @@ function Grid($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$51 = $.from_html(`<span style="display:contents"><!></span>`);
-function GridDistortion($$anchor, $$props) {
+var root$52 = $.from_html(`<span style="display:contents"><!></span>`);
+function Grid($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -6033,7 +6034,7 @@ function GridDistortion($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$51();
+	var span = root$52();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -6042,8 +6043,8 @@ function GridDistortion($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$50 = $.from_html(`<span style="display:contents"><!></span>`);
-function Group($$anchor, $$props) {
+var root$51 = $.from_html(`<span style="display:contents"><!></span>`);
+function GridDistortion($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -6178,7 +6179,7 @@ function Group($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$50();
+	var span = root$51();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -6187,8 +6188,8 @@ function Group($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$49 = $.from_html(`<span style="display:contents"><!></span>`);
-function Halftone($$anchor, $$props) {
+var root$50 = $.from_html(`<span style="display:contents"><!></span>`);
+function Group($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -6323,7 +6324,7 @@ function Halftone($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$49();
+	var span = root$50();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -6332,8 +6333,8 @@ function Halftone($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$48 = $.from_html(`<span style="display:contents"><!></span>`);
-function HueShift($$anchor, $$props) {
+var root$49 = $.from_html(`<span style="display:contents"><!></span>`);
+function Halftone($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -6468,7 +6469,7 @@ function HueShift($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$48();
+	var span = root$49();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -6477,8 +6478,8 @@ function HueShift($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$47 = $.from_html(`<span style="display:contents"><!></span>`);
-function ImageTexture($$anchor, $$props) {
+var root$48 = $.from_html(`<span style="display:contents"><!></span>`);
+function HueShift($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -6613,7 +6614,7 @@ function ImageTexture($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$47();
+	var span = root$48();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -6622,8 +6623,8 @@ function ImageTexture($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$46 = $.from_html(`<span style="display:contents"><!></span>`);
-function Invert($$anchor, $$props) {
+var root$47 = $.from_html(`<span style="display:contents"><!></span>`);
+function ImageTexture($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -6758,7 +6759,7 @@ function Invert($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$46();
+	var span = root$47();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -6767,8 +6768,8 @@ function Invert($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$45 = $.from_html(`<span style="display:contents"><!></span>`);
-function Kaleidoscope($$anchor, $$props) {
+var root$46 = $.from_html(`<span style="display:contents"><!></span>`);
+function Invert($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -6903,7 +6904,7 @@ function Kaleidoscope($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$45();
+	var span = root$46();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -6912,8 +6913,8 @@ function Kaleidoscope($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$44 = $.from_html(`<span style="display:contents"><!></span>`);
-function LensFlare($$anchor, $$props) {
+var root$45 = $.from_html(`<span style="display:contents"><!></span>`);
+function Kaleidoscope($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -7048,7 +7049,7 @@ function LensFlare($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$44();
+	var span = root$45();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -7057,8 +7058,8 @@ function LensFlare($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$43 = $.from_html(`<span style="display:contents"><!></span>`);
-function LinearBlur($$anchor, $$props) {
+var root$44 = $.from_html(`<span style="display:contents"><!></span>`);
+function LensFlare($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -7193,7 +7194,7 @@ function LinearBlur($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$43();
+	var span = root$44();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -7202,8 +7203,8 @@ function LinearBlur($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$42 = $.from_html(`<span style="display:contents"><!></span>`);
-function LinearGradient($$anchor, $$props) {
+var root$43 = $.from_html(`<span style="display:contents"><!></span>`);
+function LinearBlur($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -7338,7 +7339,7 @@ function LinearGradient($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$42();
+	var span = root$43();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -7347,8 +7348,8 @@ function LinearGradient($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$41 = $.from_html(`<span style="display:contents"><!></span>`);
-function Liquify($$anchor, $$props) {
+var root$42 = $.from_html(`<span style="display:contents"><!></span>`);
+function LinearGradient($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -7483,7 +7484,7 @@ function Liquify($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$41();
+	var span = root$42();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -7492,8 +7493,8 @@ function Liquify($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$40 = $.from_html(`<span style="display:contents"><!></span>`);
-function Mirror($$anchor, $$props) {
+var root$41 = $.from_html(`<span style="display:contents"><!></span>`);
+function Liquify($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -7628,7 +7629,7 @@ function Mirror($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$40();
+	var span = root$41();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -7637,8 +7638,8 @@ function Mirror($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$39 = $.from_html(`<span style="display:contents"><!></span>`);
-function Neon($$anchor, $$props) {
+var root$40 = $.from_html(`<span style="display:contents"><!></span>`);
+function Mirror($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -7773,7 +7774,7 @@ function Neon($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$39();
+	var span = root$40();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -7782,8 +7783,8 @@ function Neon($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$38 = $.from_html(`<span style="display:contents"><!></span>`);
-function Paper($$anchor, $$props) {
+var root$39 = $.from_html(`<span style="display:contents"><!></span>`);
+function Neon($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -7918,7 +7919,7 @@ function Paper($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$38();
+	var span = root$39();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -7927,8 +7928,8 @@ function Paper($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$37 = $.from_html(`<span style="display:contents"><!></span>`);
-function Perspective($$anchor, $$props) {
+var root$38 = $.from_html(`<span style="display:contents"><!></span>`);
+function Paper($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -8063,7 +8064,7 @@ function Perspective($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$37();
+	var span = root$38();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -8072,8 +8073,8 @@ function Perspective($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$36 = $.from_html(`<span style="display:contents"><!></span>`);
-function Pixelate($$anchor, $$props) {
+var root$37 = $.from_html(`<span style="display:contents"><!></span>`);
+function Perspective($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -8208,7 +8209,7 @@ function Pixelate($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$36();
+	var span = root$37();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -8217,8 +8218,8 @@ function Pixelate($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$35 = $.from_html(`<span style="display:contents"><!></span>`);
-function Plasma($$anchor, $$props) {
+var root$36 = $.from_html(`<span style="display:contents"><!></span>`);
+function Pixelate($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -8353,7 +8354,7 @@ function Plasma($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$35();
+	var span = root$36();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -8362,8 +8363,8 @@ function Plasma($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$34 = $.from_html(`<span style="display:contents"><!></span>`);
-function PolarCoordinates($$anchor, $$props) {
+var root$35 = $.from_html(`<span style="display:contents"><!></span>`);
+function Plasma($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -8498,7 +8499,7 @@ function PolarCoordinates($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$34();
+	var span = root$35();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -8507,8 +8508,8 @@ function PolarCoordinates($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$33 = $.from_html(`<span style="display:contents"><!></span>`);
-function Polygon($$anchor, $$props) {
+var root$34 = $.from_html(`<span style="display:contents"><!></span>`);
+function PolarCoordinates($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -8643,7 +8644,7 @@ function Polygon($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$33();
+	var span = root$34();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -8652,8 +8653,8 @@ function Polygon($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$32 = $.from_html(`<span style="display:contents"><!></span>`);
-function Posterize($$anchor, $$props) {
+var root$33 = $.from_html(`<span style="display:contents"><!></span>`);
+function Polygon($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -8788,7 +8789,7 @@ function Posterize($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$32();
+	var span = root$33();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -8797,8 +8798,8 @@ function Posterize($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$31 = $.from_html(`<span style="display:contents"><!></span>`);
-function ProgressiveBlur($$anchor, $$props) {
+var root$32 = $.from_html(`<span style="display:contents"><!></span>`);
+function Posterize($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -8933,7 +8934,7 @@ function ProgressiveBlur($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$31();
+	var span = root$32();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -8942,8 +8943,8 @@ function ProgressiveBlur($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$30 = $.from_html(`<span style="display:contents"><!></span>`);
-function RadialGradient($$anchor, $$props) {
+var root$31 = $.from_html(`<span style="display:contents"><!></span>`);
+function ProgressiveBlur($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -9078,7 +9079,7 @@ function RadialGradient($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$30();
+	var span = root$31();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -9087,8 +9088,8 @@ function RadialGradient($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$29 = $.from_html(`<span style="display:contents"><!></span>`);
-function RectangularCoordinates($$anchor, $$props) {
+var root$30 = $.from_html(`<span style="display:contents"><!></span>`);
+function RadialGradient($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -9223,7 +9224,7 @@ function RectangularCoordinates($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$29();
+	var span = root$30();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -9232,8 +9233,8 @@ function RectangularCoordinates($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$28 = $.from_html(`<span style="display:contents"><!></span>`);
-function Ring($$anchor, $$props) {
+var root$29 = $.from_html(`<span style="display:contents"><!></span>`);
+function RectangularCoordinates($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -9368,7 +9369,7 @@ function Ring($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$28();
+	var span = root$29();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -9377,8 +9378,8 @@ function Ring($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$27 = $.from_html(`<span style="display:contents"><!></span>`);
-function Ripples($$anchor, $$props) {
+var root$28 = $.from_html(`<span style="display:contents"><!></span>`);
+function Ring($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -9513,7 +9514,7 @@ function Ripples($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$27();
+	var span = root$28();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -9522,8 +9523,8 @@ function Ripples($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$26 = $.from_html(`<span style="display:contents"><!></span>`);
-function RoundedRect($$anchor, $$props) {
+var root$27 = $.from_html(`<span style="display:contents"><!></span>`);
+function Ripples($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -9658,7 +9659,7 @@ function RoundedRect($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$26();
+	var span = root$27();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -9667,8 +9668,8 @@ function RoundedRect($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$25 = $.from_html(`<span style="display:contents"><!></span>`);
-function Saturation($$anchor, $$props) {
+var root$26 = $.from_html(`<span style="display:contents"><!></span>`);
+function RoundedRect($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -9803,7 +9804,7 @@ function Saturation($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$25();
+	var span = root$26();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -9812,8 +9813,8 @@ function Saturation($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$24 = $.from_html(`<span style="display:contents"><!></span>`);
-function Sharpness($$anchor, $$props) {
+var root$25 = $.from_html(`<span style="display:contents"><!></span>`);
+function Saturation($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -9948,7 +9949,7 @@ function Sharpness($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$24();
+	var span = root$25();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -9957,8 +9958,8 @@ function Sharpness($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$23 = $.from_html(`<span style="display:contents"><!></span>`);
-function Shatter($$anchor, $$props) {
+var root$24 = $.from_html(`<span style="display:contents"><!></span>`);
+function Sharpness($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -10093,7 +10094,7 @@ function Shatter($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$23();
+	var span = root$24();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -10102,8 +10103,8 @@ function Shatter($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$22 = $.from_html(`<span style="display:contents"><!></span>`);
-function SimplexNoise($$anchor, $$props) {
+var root$23 = $.from_html(`<span style="display:contents"><!></span>`);
+function Shatter($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -10238,7 +10239,7 @@ function SimplexNoise($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$22();
+	var span = root$23();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -10247,8 +10248,8 @@ function SimplexNoise($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$21 = $.from_html(`<span style="display:contents"><!></span>`);
-function SineWave($$anchor, $$props) {
+var root$22 = $.from_html(`<span style="display:contents"><!></span>`);
+function SimplexNoise($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -10383,7 +10384,7 @@ function SineWave($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$21();
+	var span = root$22();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -10392,8 +10393,8 @@ function SineWave($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$20 = $.from_html(`<span style="display:contents"><!></span>`);
-function SolidColor($$anchor, $$props) {
+var root$21 = $.from_html(`<span style="display:contents"><!></span>`);
+function SineWave($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -10528,7 +10529,7 @@ function SolidColor($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$20();
+	var span = root$21();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -10537,8 +10538,8 @@ function SolidColor($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$19 = $.from_html(`<span style="display:contents"><!></span>`);
-function Spherize($$anchor, $$props) {
+var root$20 = $.from_html(`<span style="display:contents"><!></span>`);
+function SolidColor($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -10673,7 +10674,7 @@ function Spherize($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$19();
+	var span = root$20();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -10682,8 +10683,8 @@ function Spherize($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$18 = $.from_html(`<span style="display:contents"><!></span>`);
-function Spiral($$anchor, $$props) {
+var root$19 = $.from_html(`<span style="display:contents"><!></span>`);
+function Spherize($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -10818,7 +10819,7 @@ function Spiral($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$18();
+	var span = root$19();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -10827,8 +10828,8 @@ function Spiral($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$17 = $.from_html(`<span style="display:contents"><!></span>`);
-function Star($$anchor, $$props) {
+var root$18 = $.from_html(`<span style="display:contents"><!></span>`);
+function Spiral($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -10963,7 +10964,7 @@ function Star($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$17();
+	var span = root$18();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -10972,8 +10973,8 @@ function Star($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$16 = $.from_html(`<span style="display:contents"><!></span>`);
-function Strands($$anchor, $$props) {
+var root$17 = $.from_html(`<span style="display:contents"><!></span>`);
+function Star($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -11108,7 +11109,7 @@ function Strands($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$16();
+	var span = root$17();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -11117,8 +11118,8 @@ function Strands($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$15 = $.from_html(`<span style="display:contents"><!></span>`);
-function Stretch($$anchor, $$props) {
+var root$16 = $.from_html(`<span style="display:contents"><!></span>`);
+function Strands($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -11253,7 +11254,7 @@ function Stretch($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$15();
+	var span = root$16();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -11262,8 +11263,8 @@ function Stretch($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$14 = $.from_html(`<span style="display:contents"><!></span>`);
-function Stripes($$anchor, $$props) {
+var root$15 = $.from_html(`<span style="display:contents"><!></span>`);
+function Stretch($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -11398,7 +11399,7 @@ function Stripes($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$14();
+	var span = root$15();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -11407,8 +11408,8 @@ function Stripes($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$13 = $.from_html(`<span style="display:contents"><!></span>`);
-function StudioBackground($$anchor, $$props) {
+var root$14 = $.from_html(`<span style="display:contents"><!></span>`);
+function Stripes($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -11543,7 +11544,7 @@ function StudioBackground($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$13();
+	var span = root$14();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -11552,8 +11553,8 @@ function StudioBackground($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$12 = $.from_html(`<span style="display:contents"><!></span>`);
-function Swirl($$anchor, $$props) {
+var root$13 = $.from_html(`<span style="display:contents"><!></span>`);
+function StudioBackground($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -11688,7 +11689,7 @@ function Swirl($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$12();
+	var span = root$13();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -11697,8 +11698,8 @@ function Swirl($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$11 = $.from_html(`<span style="display:contents"><!></span>`);
-function TiltShift($$anchor, $$props) {
+var root$12 = $.from_html(`<span style="display:contents"><!></span>`);
+function Swirl($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -11833,7 +11834,7 @@ function TiltShift($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$11();
+	var span = root$12();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -11842,8 +11843,8 @@ function TiltShift($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$10 = $.from_html(`<span style="display:contents"><!></span>`);
-function Tint($$anchor, $$props) {
+var root$11 = $.from_html(`<span style="display:contents"><!></span>`);
+function TiltShift($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -11978,7 +11979,7 @@ function Tint($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$10();
+	var span = root$11();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -11987,8 +11988,8 @@ function Tint($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$9 = $.from_html(`<span style="display:contents"><!></span>`);
-function Trapezoid($$anchor, $$props) {
+var root$10 = $.from_html(`<span style="display:contents"><!></span>`);
+function Tint($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -12123,7 +12124,7 @@ function Trapezoid($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$9();
+	var span = root$10();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -12132,8 +12133,8 @@ function Trapezoid($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$8 = $.from_html(`<span style="display:contents"><!></span>`);
-function Tritone($$anchor, $$props) {
+var root$9 = $.from_html(`<span style="display:contents"><!></span>`);
+function Trapezoid($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -12268,7 +12269,7 @@ function Tritone($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$8();
+	var span = root$9();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -12277,8 +12278,8 @@ function Tritone($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$7 = $.from_html(`<span style="display:contents"><!></span>`);
-function Twirl($$anchor, $$props) {
+var root$8 = $.from_html(`<span style="display:contents"><!></span>`);
+function Tritone($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -12413,7 +12414,7 @@ function Twirl($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$7();
+	var span = root$8();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -12422,8 +12423,8 @@ function Twirl($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$6 = $.from_html(`<span style="display:contents"><!></span>`);
-function Vesica($$anchor, $$props) {
+var root$7 = $.from_html(`<span style="display:contents"><!></span>`);
+function Twirl($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -12558,7 +12559,7 @@ function Vesica($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$6();
+	var span = root$7();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -12567,8 +12568,8 @@ function Vesica($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$5 = $.from_html(`<span style="display:contents"><!></span>`);
-function Vibrance($$anchor, $$props) {
+var root$6 = $.from_html(`<span style="display:contents"><!></span>`);
+function Vesica($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -12703,7 +12704,7 @@ function Vibrance($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$5();
+	var span = root$6();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -12712,8 +12713,8 @@ function Vibrance($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$4 = $.from_html(`<span style="display:contents"><!></span>`);
-function VideoTexture($$anchor, $$props) {
+var root$5 = $.from_html(`<span style="display:contents"><!></span>`);
+function Vibrance($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -12848,7 +12849,7 @@ function VideoTexture($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$4();
+	var span = root$5();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -12857,8 +12858,8 @@ function VideoTexture($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$3 = $.from_html(`<span style="display:contents"><!></span>`);
-function WaveDistortion($$anchor, $$props) {
+var root$4 = $.from_html(`<span style="display:contents"><!></span>`);
+function VideoTexture($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -12993,7 +12994,7 @@ function WaveDistortion($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$3();
+	var span = root$4();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -13002,8 +13003,8 @@ function WaveDistortion($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$2 = $.from_html(`<span style="display:contents"><!></span>`);
-function WebcamTexture($$anchor, $$props) {
+var root$3 = $.from_html(`<span style="display:contents"><!></span>`);
+function WaveDistortion($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -13138,7 +13139,7 @@ function WebcamTexture($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
-	var span = root$2();
+	var span = root$3();
 	var node = $.child(span);
 	children?.(node);
 	$.reset(span);
@@ -13147,8 +13148,8 @@ function WebcamTexture($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root$1 = $.from_html(`<span style="display:contents"><!></span>`);
-function ZoomBlur($$anchor, $$props) {
+var root$2 = $.from_html(`<span style="display:contents"><!></span>`);
+function WebcamTexture($$anchor, $$props) {
 	$.push($$props, true);
 	function isPropDriver(value) {
 		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
@@ -13283,6 +13284,151 @@ function ZoomBlur($$anchor, $$props) {
 		$.set(isRegistered, false);
 		parentRegister(instanceId, null, null, null, null);
 	});
+	var span = root$2();
+	var node = $.child(span);
+	children?.(node);
+	$.reset(span);
+	$.bind_this(span, ($$value) => orderMarker = $$value, () => orderMarker);
+	$.template_effect(() => $.set_attribute(span, "data-shader-id", instanceId));
+	$.append($$anchor, span);
+	$.pop();
+}
+var root$1 = $.from_html(`<span style="display:contents"><!></span>`);
+function ZoomBlur($$anchor, $$props) {
+	$.push($$props, true);
+	function isPropDriver(value) {
+		return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
+	}
+	const DEFAULT_TRANSFORM = {
+		offsetX: 0,
+		offsetY: 0,
+		rotation: 0,
+		scale: 1,
+		anchorX: .5,
+		anchorY: .5,
+		edges: "transparent"
+	};
+	const componentDefaults = {
+		blendMode: "normal",
+		visible: true,
+		...Object.entries(componentDefinition$91.props).reduce((acc, [key, config]) => {
+			acc[key] = config.default;
+			return acc;
+		}, {})
+	};
+	const props = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy"
+	]);
+	const blendMode = $.derived(() => $$props.blendMode ?? componentDefaults.blendMode);
+	const opacity = $.derived(() => $$props.opacity);
+	const visible = $.derived(() => $$props.visible ?? componentDefaults.visible);
+	const id = $.derived(() => $$props.id);
+	const maskSource = $.derived(() => $$props.maskSource);
+	const maskType = $.derived(() => $$props.maskType);
+	const renderOrder = $.derived(() => $$props.renderOrder);
+	const { children } = props;
+	const mapsFromProps = $.derived(() => {
+		const maps = {};
+		for (const key of Object.keys(componentDefinition$91.props)) {
+			const val = props[key];
+			if (isPropDriver(val)) maps[key] = val;
+		}
+		return Object.keys(maps).length > 0 ? maps : void 0;
+	});
+	const effectiveTransform = $.derived(() => ({
+		...DEFAULT_TRANSFORM,
+		...$$props.transform
+	}));
+	const parentId = getContext("shaderParentId");
+	if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+	const instanceId = ($.get(id) ? $.get(id).replace(/[^a-zA-Z0-9_]/g, "_") : null) || Math.random().toString(36).substring(2, 10);
+	setContext("shaderParentId", instanceId);
+	const shaderReadyProps = $.derived(() => {
+		let baseProps = { ...componentDefaults };
+		for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && key !== "children") {
+			const propValue = props[key];
+			if (isPropDriver(propValue)) continue;
+			const defaultValue = componentDefaults[key];
+			if (propValue !== void 0 && propValue !== defaultValue) baseProps[key] = propValue;
+		}
+		return baseProps;
+	});
+	const shaderColorSpace = getContext("shaderColorSpace");
+	if (shaderColorSpace) setColorSpaceMode(shaderColorSpace());
+	const uniforms = createUniformsMap(componentDefinition$91, $.get(shaderReadyProps), instanceId);
+	const parentRegister = getContext("shaderNodeRegister");
+	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+	const parentUniformUpdate = getContext("shaderUniformUpdate");
+	if (parentUniformUpdate === void 0) throw new Error("Shader components require shaderUniformUpdate from parent");
+	const parentMetadataUpdate = getContext("shaderMetadataUpdate");
+	if (parentMetadataUpdate === void 0) throw new Error("Shader components require shaderMetadataUpdate from parent");
+	let orderMarker;
+	let detectedRenderOrder = void 0;
+	let isRegistered = $.state(false);
+	Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
+		$.user_effect(() => {
+			if (!$.get(isRegistered)) return;
+			if (uniform && uniform.value !== void 0) {
+				const newValue = props[propName];
+				if (newValue !== void 0 && !isPropDriver(newValue)) parentUniformUpdate(instanceId, propName, newValue);
+			}
+		});
+	});
+	$.user_effect(() => {
+		if (!$.get(isRegistered)) return;
+		parentMetadataUpdate(instanceId, {
+			blendMode: $.get(blendMode),
+			opacity: $.get(opacity),
+			visible: $.get(visible) === false ? false : true,
+			id: $.get(id),
+			mask: $.get(maskSource) ? {
+				source: $.get(maskSource),
+				type: $.get(maskType) || "alpha"
+			} : void 0,
+			maps: $.get(mapsFromProps),
+			renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
+			transform: $.get(effectiveTransform)
+		});
+	});
+	onMount(() => {
+		if (componentDefinition$91 && typeof componentDefinition$91.fragmentNode === "function") {
+			parentRegister(instanceId, componentDefinition$91.fragmentNode, parentId, {
+				blendMode: $.get(blendMode),
+				opacity: $.get(opacity),
+				visible: $.get(visible) !== false ? true : false,
+				id: $.get(id),
+				mask: $.get(maskSource) ? {
+					source: $.get(maskSource),
+					type: $.get(maskType) || "alpha"
+				} : void 0,
+				maps: $.get(mapsFromProps),
+				renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
+				transform: $.get(effectiveTransform)
+			}, uniforms, componentDefinition$91);
+			$.set(isRegistered, true);
+			if ($.get(renderOrder) === void 0 && orderMarker) {
+				const parent = orderMarker.parentElement;
+				if (parent) {
+					const siblings = parent.querySelectorAll(":scope > [data-shader-id]");
+					const position = Array.from(siblings).indexOf(orderMarker);
+					if (position >= 0) {
+						detectedRenderOrder = position;
+						parentMetadataUpdate(instanceId, { renderOrder: position });
+					}
+				}
+			}
+		} else console.error("componentDefinition.fragmentNode is not a function:", {
+			componentDefinition: componentDefinition$91,
+			fragmentNode: componentDefinition$91?.fragmentNode,
+			type: typeof componentDefinition$91?.fragmentNode
+		});
+	});
+	onDestroy(() => {
+		$.set(isRegistered, false);
+		parentRegister(instanceId, null, null, null, null);
+	});
 	var span = root$1();
 	var node = $.child(span);
 	children?.(node);
@@ -13335,7 +13481,7 @@ function Shader($$anchor, $$props) {
 		const checkRendering = () => {
 			if (!rendererInstance) return;
 			if (rendererInstance.getPerformanceStats().fps > 0) {
-				telemetryCollector = startTelemetry(rendererInstance, "2.5.85", disableTelemetry(), isPreview());
+				telemetryCollector = startTelemetry(rendererInstance, "2.5.86", disableTelemetry(), isPreview());
 				if (telemetryCollector) telemetryCollector.start();
 				telemetryStartTimeout = null;
 			} else telemetryStartTimeout = window.setTimeout(checkRendering, 500);
@@ -13535,6 +13681,7 @@ function Preview($$anchor, $$props) {
 		ContourLines,
 		Crescent,
 		Cross,
+		Crystal,
 		CursorRipples,
 		CursorTrail,
 		DiffuseBlur,
@@ -13758,4 +13905,4 @@ function Preview($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-export { AngularBlur, Ascii, Aurora, Beam, Blob, Blur, BrightnessContrast, Bulge, CRTScreen, ChannelBlur, Checkerboard, ChromaFlow, ChromaticAberration, Circle, ConcentricSpin, ContourLines, Crescent, Cross, CursorRipples, CursorTrail, DiffuseBlur, Dither, DotGrid, Duotone, Ellipse, Emboss, FallingLines, FilmGrain, FloatingParticles, FlowField, Flower, FlowingGradient, Form3D, Glass, GlassTiles, Glitch, Glow, Godrays, Grayscale, Grid, GridDistortion, Group, Halftone, HueShift, ImageTexture, Invert, Kaleidoscope, LensFlare, LinearBlur, LinearGradient, Liquify, Mirror, Neon, Paper, Perspective, Pixelate, Plasma, PolarCoordinates, Polygon, Posterize, Preview, ProgressiveBlur, RadialGradient, RectangularCoordinates, Ring, Ripples, RoundedRect, Saturation, Shader, Sharpness, Shatter, SimplexNoise, SineWave, SolidColor, Spherize, Spiral, Star, Strands, Stretch, Stripes, StudioBackground, Swirl, TiltShift, Tint, Trapezoid, Tritone, Twirl, Vesica, Vibrance, VideoTexture, WaveDistortion, WebcamTexture, ZoomBlur, generatePresetCode };
+export { AngularBlur, Ascii, Aurora, Beam, Blob, Blur, BrightnessContrast, Bulge, CRTScreen, ChannelBlur, Checkerboard, ChromaFlow, ChromaticAberration, Circle, ConcentricSpin, ContourLines, Crescent, Cross, Crystal, CursorRipples, CursorTrail, DiffuseBlur, Dither, DotGrid, Duotone, Ellipse, Emboss, FallingLines, FilmGrain, FloatingParticles, FlowField, Flower, FlowingGradient, Form3D, Glass, GlassTiles, Glitch, Glow, Godrays, Grayscale, Grid, GridDistortion, Group, Halftone, HueShift, ImageTexture, Invert, Kaleidoscope, LensFlare, LinearBlur, LinearGradient, Liquify, Mirror, Neon, Paper, Perspective, Pixelate, Plasma, PolarCoordinates, Polygon, Posterize, Preview, ProgressiveBlur, RadialGradient, RectangularCoordinates, Ring, Ripples, RoundedRect, Saturation, Shader, Sharpness, Shatter, SimplexNoise, SineWave, SolidColor, Spherize, Spiral, Star, Strands, Stretch, Stripes, StudioBackground, Swirl, TiltShift, Tint, Trapezoid, Tritone, Twirl, Vesica, Vibrance, VideoTexture, WaveDistortion, WebcamTexture, ZoomBlur, generatePresetCode };