shaders 2.5.135 → 3.0.437

package/dist/vue/utils/generatePresetCode.js

@@ -10,6 +10,21 @@ var DEFAULT_TRANSFORM = {
 	anchorY: .5,
 	edges: "transparent"
 };
+function reduceBoundingBoxForExport(bb) {
+	if (!bb || typeof bb !== "object") return null;
+	const isUVUnit = (u) => u === void 0 || u === "uv" || u === "%";
+	const isZeroDim = (d) => !!d && typeof d === "object" && Number(d.value) === 0;
+	const isFullDim = (d) => !!d && typeof d === "object" && Number(d.value) === 1 && isUVUnit(d.unit);
+	const out = {};
+	if (bb.x !== void 0 && !isZeroDim(bb.x)) out.x = bb.x;
+	if (bb.y !== void 0 && !isZeroDim(bb.y)) out.y = bb.y;
+	if (bb.width !== void 0 && !isFullDim(bb.width)) out.width = bb.width;
+	if (bb.height !== void 0 && !isFullDim(bb.height)) out.height = bb.height;
+	if (bb.origin !== void 0 && bb.origin !== "top-left") out.origin = bb.origin;
+	if (bb.rotation !== void 0 && Number(bb.rotation) !== 0) out.rotation = bb.rotation;
+	if (bb.cornerRadius !== void 0 && !isZeroDim(bb.cornerRadius)) out.cornerRadius = bb.cornerRadius;
+	return Object.keys(out).length > 0 ? out : null;
+}
 var shaderMetadata = {
 	"AngularBlur": {
 		"opacity": 1,
@@ -20,6 +35,24 @@ var shaderMetadata = {
 			"y": .5
 		}
 	},
+	"Arc": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"origin": "center",
+		"color": "#ffffff",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"radius": .38,
+		"aperture": 270,
+		"rotation": 0,
+		"softness": 0,
+		"strokeThickness": 0,
+		"strokeColor": "#000000",
+		"strokePosition": "center",
+		"colorSpace": "linear"
+	},
 	"Ascii": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -83,8 +116,10 @@ var shaderMetadata = {
 	"Blob": {
 		"opacity": 1,
 		"blendMode": "normal",
+		"origin": "center",
 		"colorA": "#ff6b35",
 		"colorB": "#e91e63",
+		"stops": null,
 		"size": .5,
 		"deformation": .5,
 		"softness": .5,
@@ -101,6 +136,31 @@ var shaderMetadata = {
 		},
 		"colorSpace": "linear"
 	},
+	"BlockNoise": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#ffffff",
+		"colorB": "#000000",
+		"stops": null,
+		"colorSpace": "linear",
+		"scale": 2,
+		"contrast": 0,
+		"balance": 0,
+		"seed": 0,
+		"speed": 1
+	},
+	"BlueNoise": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#ffffff",
+		"colorB": "#000000",
+		"stops": null,
+		"colorSpace": "linear",
+		"grain": 1,
+		"contrast": 0,
+		"balance": 0,
+		"seed": 0
+	},
 	"Blur": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -114,7 +174,9 @@ var shaderMetadata = {
 		"cellsX": 8,
 		"cellsY": 10,
 		"mortar": .05,
-		"angle": 0,
+		"softness": 0,
+		"variation": 0,
+		"rotation": 0,
 		"speed": 0,
 		"offset": 0,
 		"speedVariance": 0,
@@ -127,6 +189,30 @@ var shaderMetadata = {
 		"brightness": 0,
 		"contrast": 0
 	},
+	"BrushedMetal": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"origin": "center",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"scale": 1,
+		"rotation": 0,
+		"lightColor": "#e9ebef",
+		"darkColor": "#26282d",
+		"brushAngle": 0,
+		"anisotropy": .4,
+		"grain": .4,
+		"grainScale": 2,
+		"roughness": .5,
+		"environment": 1.4,
+		"envRotation": 0,
+		"lightAngle": 215,
+		"speed": .4,
+		"edgeSoftness": .05,
+		"shape": "{\"type\":\"circleSDF\",\"radius\":0.35}"
+	},
 	"Bulge": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -139,6 +225,42 @@ var shaderMetadata = {
 		"falloff": .5,
 		"edges": "stretch"
 	},
+	"CarbonFiber": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"origin": "center",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"scale": 1,
+		"rotation": 0,
+		"lightColor": "#b9bdc6",
+		"darkColor": "#0b0c0e",
+		"weaveStyle": "twill",
+		"weaveScale": 30,
+		"weaveAngle": 0,
+		"relief": .5,
+		"fiberSheen": 1.2,
+		"roughness": .5,
+		"clearcoat": 1.2,
+		"environment": 2,
+		"envRotation": 0,
+		"lightAngle": 215,
+		"edgeSoftness": .05,
+		"shape": "{\"type\":\"circleSDF\",\"radius\":0.35}"
+	},
+	"Chalkboard": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"boardColor": "#000000",
+		"chalkColor": "#eceadb",
+		"edgeSensitivity": .5,
+		"edgeThickness": 1.5,
+		"shading": .05,
+		"hatchScale": 16,
+		"grain": .45
+	},
 	"ChannelBlur": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -192,6 +314,7 @@ var shaderMetadata = {
 	"Circle": {
 		"opacity": 1,
 		"blendMode": "normal",
+		"origin": "center",
 		"color": "#ffffff",
 		"radius": 1,
 		"softness": 0,
@@ -216,6 +339,11 @@ var shaderMetadata = {
 		"speed": .05,
 		"colorSpace": "oklch"
 	},
+	"CompressionArtifacts": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"quality": 12
+	},
 	"ConcentricSpin": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -236,13 +364,14 @@ var shaderMetadata = {
 		"blendMode": "normal",
 		"colorA": "#FF0080",
 		"colorB": "#00BFFF",
+		"stops": null,
 		"center": {
 			"x": .5,
 			"y": .5
 		},
 		"rotation": 0,
 		"repeat": 1,
-		"colorSpace": "oklch"
+		"colorSpace": "linear"
 	},
 	"ContourLines": {
 		"opacity": 1,
@@ -257,9 +386,32 @@ var shaderMetadata = {
 		"lineColor": "#000000",
 		"backgroundColor": "transparent"
 	},
+	"CornerPin": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"topLeft": {
+			"x": 0,
+			"y": 0
+		},
+		"topRight": {
+			"x": 1,
+			"y": 0
+		},
+		"bottomLeft": {
+			"x": 0,
+			"y": 1
+		},
+		"bottomRight": {
+			"x": 1,
+			"y": 1
+		},
+		"amount": 1,
+		"edges": "transparent"
+	},
 	"Crescent": {
 		"opacity": 1,
 		"blendMode": "normal",
+		"origin": "center",
 		"color": "#ffffff",
 		"center": {
 			"x": .5,
@@ -278,6 +430,7 @@ var shaderMetadata = {
 	"Cross": {
 		"opacity": 1,
 		"blendMode": "normal",
+		"origin": "center",
 		"color": "#ffffff",
 		"center": {
 			"x": .5,
@@ -308,11 +461,13 @@ var shaderMetadata = {
 	"Crystal": {
 		"opacity": 1,
 		"blendMode": "normal",
+		"origin": "center",
 		"center": {
 			"x": .5,
 			"y": .5
 		},
 		"scale": 1,
+		"rotation": 0,
 		"cutout": false,
 		"refraction": .5,
 		"dispersion": .5,
@@ -331,6 +486,19 @@ var shaderMetadata = {
 		"tintPreserveLuminosity": true,
 		"shape": "{\"type\":\"polygonSDF\",\"radius\":0.35,\"sides\":10}"
 	},
+	"CurlNoise": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#ffffff",
+		"colorB": "#000000",
+		"stops": null,
+		"colorSpace": "linear",
+		"scale": 2,
+		"contrast": 0,
+		"balance": 0,
+		"seed": 0,
+		"speed": 1
+	},
 	"CursorRipples": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -345,16 +513,29 @@ var shaderMetadata = {
 		"blendMode": "normal",
 		"colorA": "#00aaff",
 		"colorB": "#ff00aa",
+		"stops": null,
 		"radius": .5,
 		"length": .5,
 		"shrink": 1,
 		"colorSpace": "linear"
 	},
+	"DataMosh": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"intensity": .7,
+		"blockSize": 48,
+		"drift": .35,
+		"churn": .4,
+		"blend": 1,
+		"speed": 1,
+		"seed": 0
+	},
 	"DiamondGradient": {
 		"opacity": 1,
 		"blendMode": "normal",
 		"colorA": "#4ffb4a",
 		"colorB": "#4f1238",
+		"stops": null,
 		"center": {
 			"x": .5,
 			"y": .5
@@ -363,7 +544,7 @@ var shaderMetadata = {
 		"rotation": 0,
 		"repeat": 1,
 		"roundness": 0,
-		"colorSpace": "oklch"
+		"colorSpace": "linear"
 	},
 	"DiffuseBlur": {
 		"opacity": 1,
@@ -392,6 +573,9 @@ var shaderMetadata = {
 		"color": "#ffffff",
 		"density": 30,
 		"dotSize": .3,
+		"offset": 0,
+		"speed": 0,
+		"speedVariance": .3,
 		"twinkle": 0
 	},
 	"DropShadow": {
@@ -415,6 +599,7 @@ var shaderMetadata = {
 	"Ellipse": {
 		"opacity": 1,
 		"blendMode": "normal",
+		"origin": "center",
 		"color": "#ffffff",
 		"center": {
 			"x": .5,
@@ -432,17 +617,47 @@ var shaderMetadata = {
 	"Emboss": {
 		"opacity": 1,
 		"blendMode": "normal",
+		"origin": "center",
 		"center": {
 			"x": .5,
 			"y": .5
 		},
 		"scale": 1,
+		"rotation": 0,
 		"depth": -.5,
 		"lightAngle": 260,
 		"lightIntensity": .6,
 		"shadowIntensity": .3,
 		"shape": "{\"type\":\"circleSDF\",\"radius\":0.35}"
 	},
+	"Engraving": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"style": "crosshatch",
+		"frequency": 90,
+		"angle": 8,
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"relief": .6,
+		"waviness": .35,
+		"contrast": 1.15,
+		"inkColor": "#1a1410",
+		"paperColor": "#f4eee2"
+	},
+	"ErosionNoise": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#ffffff",
+		"colorB": "#000000",
+		"stops": null,
+		"colorSpace": "linear",
+		"scale": 1.5,
+		"contrast": 0,
+		"balance": 0,
+		"seed": 0
+	},
 	"Exposure": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -470,6 +685,12 @@ var shaderMetadata = {
 		"bias": 2,
 		"animated": false
 	},
+	"Flip": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"flipX": false,
+		"flipY": false
+	},
 	"FloatingParticles": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -488,6 +709,7 @@ var shaderMetadata = {
 	"Flower": {
 		"opacity": 1,
 		"blendMode": "normal",
+		"origin": "center",
 		"color": "#ffffff",
 		"center": {
 			"x": .5,
@@ -510,6 +732,7 @@ var shaderMetadata = {
 		"detail": 2,
 		"speed": 0,
 		"evolutionSpeed": 0,
+		"seed": 0,
 		"edges": "mirror"
 	},
 	"FlowingGradient": {
@@ -575,6 +798,7 @@ var shaderMetadata = {
 		"blendMode": "normal",
 		"colorA": "#000000",
 		"colorB": "#ffffff",
+		"stops": null,
 		"octaves": 4,
 		"detail": 2,
 		"contrast": .5,
@@ -583,14 +807,57 @@ var shaderMetadata = {
 		"seed": 0,
 		"colorSpace": "linear"
 	},
+	"Frost": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"origin": "center",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"scale": 1,
+		"rotation": 0,
+		"iceColor": "#0597fc",
+		"ambient": 0,
+		"edgeSoftness": .05,
+		"density": 5,
+		"absorption": 1,
+		"scatter": .5,
+		"frostAmount": .8,
+		"frostDepth": .4,
+		"frostScale": 1,
+		"frostRoughness": 3,
+		"sparkle": .5,
+		"gloss": .6,
+		"fresnel": .02,
+		"lightAngle": 300,
+		"speed": .3,
+		"shape": "{\"type\":\"circleSDF\",\"radius\":0.35}"
+	},
+	"GaborNoise": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#ffffff",
+		"colorB": "#000000",
+		"stops": null,
+		"colorSpace": "linear",
+		"scale": 1.5,
+		"frequency": 8,
+		"contrast": 0,
+		"balance": 0,
+		"seed": 0,
+		"speed": 1
+	},
 	"Glass": {
 		"opacity": 1,
 		"blendMode": "normal",
+		"origin": "center",
 		"center": {
 			"x": .5,
 			"y": .5
 		},
 		"scale": 1,
+		"rotation": 0,
 		"cutout": false,
 		"refraction": 1,
 		"edgeSoftness": .1,
@@ -650,6 +917,51 @@ var shaderMetadata = {
 		"rayColor": "#4283fb",
 		"backgroundColor": "transparent"
 	},
+	"Goo": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"origin": "center",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"scale": 1,
+		"rotation": 0,
+		"gooColor": "#37c95a",
+		"translucency": .6,
+		"absorb": 2,
+		"containment": .9,
+		"edgeSoftness": .06,
+		"blobScale": .3,
+		"spread": 1,
+		"merge": .6,
+		"bulge": 1,
+		"threshold": .5,
+		"lightAngle": 300,
+		"wetness": 2,
+		"fresnel": .25,
+		"specColor": "#ffffff",
+		"ambient": .25,
+		"speed": .5,
+		"wobble": .5,
+		"breathe": .3,
+		"seed": 1,
+		"shape": "{\"type\":\"circleSDF\",\"radius\":0.35}"
+	},
+	"GradientMap": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"palette": "rainbow",
+		"colorLow": "#1a0b2e",
+		"colorMid": "#e94560",
+		"colorHigh": "#f9ed69",
+		"speed": .15,
+		"contrast": 1,
+		"blackPoint": 0,
+		"whitePoint": 1,
+		"strength": 1,
+		"colorSpace": "oklch"
+	},
 	"Grayscale": {
 		"opacity": 1,
 		"blendMode": "normal"
@@ -658,9 +970,13 @@ var shaderMetadata = {
 		"opacity": 1,
 		"blendMode": "normal",
 		"color": "#ffffff",
+		"cellColor": "transparent",
 		"cells": 10,
 		"thickness": 1,
-		"rotation": 0
+		"rotation": 0,
+		"softness": 0,
+		"variation": 0,
+		"colorSpace": "linear"
 	},
 	"GridDistortion": {
 		"opacity": 1,
@@ -693,6 +1009,69 @@ var shaderMetadata = {
 		"yellowColor": "#ffff00",
 		"blackColor": "#000000"
 	},
+	"Heart": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"origin": "center",
+		"color": "#ffffff",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"radius": .32,
+		"rotation": 0,
+		"softness": 0,
+		"strokeThickness": 0,
+		"strokeColor": "#000000",
+		"strokePosition": "center",
+		"colorSpace": "linear"
+	},
+	"Heatmap": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"origin": "center",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"scale": 1,
+		"rotation": 0,
+		"colorA": "#02010f",
+		"colorB": "#f9e25f",
+		"stops": [
+			{
+				"color": "#02010f",
+				"position": 0
+			},
+			{
+				"color": "#2a0a8a",
+				"position": .2
+			},
+			{
+				"color": "#a41c9b",
+				"position": .45
+			},
+			{
+				"color": "#e8632b",
+				"position": .7
+			},
+			{
+				"color": "#f9e25f",
+				"position": .9
+			},
+			{
+				"color": "#ffffff",
+				"position": 1
+			}
+		],
+		"colorSpace": "oklab",
+		"innerGlow": .4,
+		"outerGlow": .2,
+		"contour": .5,
+		"angle": 90,
+		"speed": 1,
+		"shape": "{\"type\":\"circleSDF\",\"radius\":0.35}"
+	},
 	"HexGrid": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -700,8 +1079,59 @@ var shaderMetadata = {
 		"colorB": "#ffffff",
 		"cells": 8,
 		"thickness": 1,
+		"rotation": 0,
+		"softness": 0,
+		"variation": 0,
 		"colorSpace": "linear"
 	},
+	"Hologram": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"origin": "center",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"scale": 1,
+		"rotation": 0,
+		"color": "#5ec8ff",
+		"brightness": 2.5,
+		"edgeSoftness": .04,
+		"fill": .45,
+		"edgeGlow": 1,
+		"depthLines": .5,
+		"depthScale": 26,
+		"scanlines": .55,
+		"scanlineScale": 130,
+		"scanlineSpeed": 1,
+		"sweep": .1,
+		"flicker": .3,
+		"distortion": .1,
+		"grain": .7,
+		"speed": 1,
+		"shape": "{\"type\":\"circleSDF\",\"radius\":0.35}"
+	},
+	"Holographic": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"origin": "center",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"scale": 1,
+		"rotation": 0,
+		"hueShift": 0,
+		"foilScale": 1.5,
+		"saturation": .75,
+		"roughness": .25,
+		"speed": 1,
+		"crinkle": .5,
+		"crinkleScale": 1,
+		"sparkle": .4,
+		"edgeSoftness": .05,
+		"shape": "{\"type\":\"circleSDF\",\"radius\":0.35}"
+	},
 	"HueShift": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -711,12 +1141,25 @@ var shaderMetadata = {
 		"opacity": 1,
 		"blendMode": "normal",
 		"url": "https://shaders.com/sample.jpg",
-		"objectFit": "cover"
+		"objectFit": "fill"
 	},
 	"Invert": {
 		"opacity": 1,
 		"blendMode": "normal"
 	},
+	"IsometricCubes": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#7c5cff",
+		"colorB": "#ff5c9d",
+		"lineColor": "#000000",
+		"cells": 6,
+		"thickness": 1,
+		"rotation": 0,
+		"softness": 0,
+		"colorVariation": 1,
+		"colorSpace": "linear"
+	},
 	"Kaleidoscope": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -728,6 +1171,22 @@ var shaderMetadata = {
 		"angle": 0,
 		"edges": "mirror"
 	},
+	"KeyFrames": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"trackers": 12,
+		"detect": "bright",
+		"threshold": .15,
+		"variance": .8,
+		"agility": .5,
+		"lifespan": 6,
+		"trail": 1,
+		"markerSize": 28,
+		"lineWidth": 1.5,
+		"markerColor": "#54d66b",
+		"keyframeColor": "#ffcf33",
+		"pathColor": "#ffffffb8"
+	},
 	"LensFlare": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -752,6 +1211,63 @@ var shaderMetadata = {
 		"edgeFade": .2,
 		"speed": .5
 	},
+	"LightEdge": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"origin": "center",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"scale": 1,
+		"rotation": 0,
+		"colorA": "#7b2ff7",
+		"colorB": "#00e0ff",
+		"stops": [
+			{
+				"color": "#7b2ff7",
+				"position": 0
+			},
+			{
+				"color": "#00e0ff",
+				"position": .5
+			},
+			{
+				"color": "#ff3d81",
+				"position": 1
+			}
+		],
+		"colorSpace": "linear",
+		"thickness": .25,
+		"softness": .5,
+		"intensity": .6,
+		"bloom": .3,
+		"spots": 3,
+		"spotSize": .5,
+		"pulse": 0,
+		"smoke": .3,
+		"smokeSize": .5,
+		"speed": 1,
+		"seed": 0,
+		"shape": "{\"type\":\"circleSDF\",\"radius\":0.35}"
+	},
+	"LightLeak": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"position": {
+			"x": .95,
+			"y": .4
+		},
+		"spread": .55,
+		"intensity": .15,
+		"streaks": .6,
+		"colorHot": "#fff3c4",
+		"colorMid": "#ff7a2f",
+		"colorFringe": "#a63d8f",
+		"flicker": .35,
+		"speed": 1,
+		"seed": 0
+	},
 	"LinearBlur": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -763,6 +1279,7 @@ var shaderMetadata = {
 		"blendMode": "normal",
 		"colorA": "#1aff00",
 		"colorB": "#0000ff",
+		"stops": null,
 		"start": {
 			"x": 0,
 			"y": .5
@@ -775,6 +1292,30 @@ var shaderMetadata = {
 		"edges": "stretch",
 		"colorSpace": "linear"
 	},
+	"LiquidMetal": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"origin": "center",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"scale": 1,
+		"rotation": 0,
+		"lightColor": "#eef0f6",
+		"darkColor": "#141414",
+		"turbulence": 1,
+		"ripple": 4,
+		"warp": 1.5,
+		"speed": .5,
+		"environment": 1.5,
+		"envRotation": 0,
+		"sharpness": .6,
+		"dispersion": .25,
+		"lightAngle": 265,
+		"edgeSoftness": .05,
+		"shape": "{\"type\":\"circleSDF\",\"radius\":0.35}"
+	},
 	"Liquify": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -834,16 +1375,19 @@ var shaderMetadata = {
 			"x": .5,
 			"y": .5
 		},
+		"colorSpace": "linear",
 		"smoothness": 2
 	},
 	"Neon": {
 		"opacity": 1,
 		"blendMode": "normal",
+		"origin": "center",
 		"center": {
 			"x": .5,
 			"y": .5
 		},
 		"scale": 1,
+		"rotation": 0,
 		"color": "#00ddff",
 		"secondaryColor": "#ff00aa",
 		"secondaryBlend": .5,
@@ -863,6 +1407,41 @@ var shaderMetadata = {
 		"flowAmount": .3,
 		"shape": "{\"type\":\"circleSDF\",\"radius\":0.35}"
 	},
+	"ObjectTracker": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"detectionMode": "bright",
+		"threshold": .25,
+		"layout": "mosaic",
+		"cellSize": 400,
+		"maxDepth": 2,
+		"boxStyle": "corners",
+		"lineWidth": 1.5,
+		"cornerRadius": 0,
+		"strokeColor": "#ffffff",
+		"fillColor": "#5a79911a",
+		"labelColor": "#000000",
+		"labelBackgroundColor": "#ffffff",
+		"labelMode": "none",
+		"labelPosition": "bottom-right",
+		"labelRadius": 0,
+		"labelInset": true,
+		"fontFamily": "Inter",
+		"fontWeight": 500,
+		"fontSize": .015,
+		"letterSpacing": 0
+	},
+	"PagePeel": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"corner": "bottom-right",
+		"amount": .2,
+		"radius": .2,
+		"shading": .55,
+		"highlight": .4,
+		"highlightSoftness": .2,
+		"shadow": 1
+	},
 	"Paper": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -871,6 +1450,64 @@ var shaderMetadata = {
 		"displacement": .15,
 		"seed": 0
 	},
+	"Parallelogram": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"origin": "center",
+		"color": "#ffffff",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"width": .32,
+		"height": .22,
+		"skew": .15,
+		"rotation": 0,
+		"softness": 0,
+		"strokeThickness": 0,
+		"strokeColor": "#000000",
+		"strokePosition": "center",
+		"colorSpace": "linear"
+	},
+	"Particles": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"origin": "center",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"scale": 1,
+		"rotation": 0,
+		"colorA": "#8ec5ff",
+		"colorB": "#ff7ad9",
+		"count": 4e3,
+		"size": 1.5,
+		"spread": 1,
+		"agitation": .12,
+		"damping": .4,
+		"gravity": 0,
+		"mouseInfluence": 2,
+		"mouseRadius": .2,
+		"exposure": 1,
+		"softness": .1,
+		"depth": .18,
+		"colorSpace": "oklab",
+		"shape": "{\"type\":\"circleSDF\",\"radius\":0.35}"
+	},
+	"PerlinNoise": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#ffffff",
+		"colorB": "#000000",
+		"stops": null,
+		"colorSpace": "linear",
+		"scale": 2,
+		"contrast": 0,
+		"balance": 0,
+		"seed": 0,
+		"speed": 1
+	},
 	"Perspective": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -895,6 +1532,27 @@ var shaderMetadata = {
 		"gap": 0,
 		"roundness": 0
 	},
+	"PixelSort": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"radius": .4,
+		"falloff": 1,
+		"strength": .1,
+		"decay": .1,
+		"axis": "vertical",
+		"direction": "descending"
+	},
+	"PixelThrow": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"throwKey": "luminance",
+		"strength": .25,
+		"keyInfluence": .8,
+		"radius": .2,
+		"friction": .3,
+		"momentum": .5,
+		"edges": "stretch"
+	},
 	"Plasma": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -906,8 +1564,39 @@ var shaderMetadata = {
 		"balance": 50,
 		"colorA": "#7018be",
 		"colorB": "#000000",
+		"stops": null,
 		"colorSpace": "linear"
 	},
+	"Plastic": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"origin": "center",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"scale": 1,
+		"rotation": 0,
+		"colorA": "#f5f5f7",
+		"colorB": "#d9dade",
+		"stops": null,
+		"gradientAngle": 90,
+		"colorSpace": "linear",
+		"thickness": .5,
+		"roughness": .12,
+		"reflectivity": 1,
+		"crumple": .25,
+		"crumpleScale": 1,
+		"crumpleCoverage": 1,
+		"seed": 0,
+		"edgeSoftness": .05,
+		"lightAngle": 315,
+		"speed": 1,
+		"shading": .35,
+		"rim": .25,
+		"rimColor": "#ffffff",
+		"shape": "{\"type\":\"circleSDF\",\"radius\":0.35}"
+	},
 	"PolarCoordinates": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -923,6 +1612,7 @@ var shaderMetadata = {
 	"Polygon": {
 		"opacity": 1,
 		"blendMode": "normal",
+		"origin": "center",
 		"color": "#ffffff",
 		"center": {
 			"x": .5,
@@ -943,6 +1633,27 @@ var shaderMetadata = {
 		"blendMode": "normal",
 		"intensity": 5
 	},
+	"Prism": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"position": {
+			"x": .18,
+			"y": .18
+		},
+		"beamWidth": .04,
+		"intensity": 1.6,
+		"beamColor": "#ffffff",
+		"startFalloff": .15,
+		"endFalloff": .6,
+		"splitPosition": {
+			"x": .5,
+			"y": .42
+		},
+		"spread": .7,
+		"softness": .12,
+		"saturation": .95,
+		"speed": .1
+	},
 	"ProgressiveBlur": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -959,6 +1670,7 @@ var shaderMetadata = {
 		"blendMode": "normal",
 		"colorA": "#ff0000",
 		"colorB": "#0000ff",
+		"stops": null,
 		"center": {
 			"x": .5,
 			"y": .5
@@ -990,9 +1702,43 @@ var shaderMetadata = {
 		"blurDistance": .3,
 		"edges": "stretch"
 	},
+	"Repeater": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"mode": "grid",
+		"cropLeft": 0,
+		"cropRight": 0,
+		"cropTop": 0,
+		"cropBottom": 0,
+		"columns": 3,
+		"rows": 3,
+		"gapX": .05,
+		"gapY": .05,
+		"stagger": 0,
+		"flip": "none",
+		"count": 8,
+		"radius": .3,
+		"startAngle": 0,
+		"sweep": 360,
+		"faceCenter": false,
+		"direction": 0,
+		"spacing": .2,
+		"instanceScale": 1,
+		"instanceRotation": 0,
+		"instanceOpacity": 1,
+		"hueShift": 0,
+		"phase": 0,
+		"zOrder": "forward",
+		"jitterPosition": 0,
+		"jitterRotation": 0,
+		"jitterScale": 0,
+		"jitterOpacity": 0,
+		"seed": 0
+	},
 	"Ring": {
 		"opacity": 1,
 		"blendMode": "normal",
+		"origin": "center",
 		"color": "#ffffff",
 		"center": {
 			"x": .5,
@@ -1024,6 +1770,7 @@ var shaderMetadata = {
 	"RoundedRect": {
 		"opacity": 1,
 		"blendMode": "normal",
+		"origin": "center",
 		"color": "#ffffff",
 		"center": {
 			"x": .5,
@@ -1044,6 +1791,16 @@ var shaderMetadata = {
 		"blendMode": "normal",
 		"intensity": 1
 	},
+	"Scratches": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#ffffff",
+		"colorB": "#000000",
+		"scale": 2,
+		"thickness": 1,
+		"seed": 0,
+		"speed": 1
+	},
 	"Sharpness": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1067,6 +1824,7 @@ var shaderMetadata = {
 		"blendMode": "normal",
 		"colorA": "#ffffff",
 		"colorB": "#000000",
+		"stops": null,
 		"colorSpace": "linear",
 		"scale": 2,
 		"balance": 0,
@@ -1094,6 +1852,7 @@ var shaderMetadata = {
 		"blendMode": "normal",
 		"colorA": "#fc83f9",
 		"colorB": "#c21c79",
+		"stops": null,
 		"emitFrom": {
 			"x": .5,
 			"y": 1
@@ -1116,11 +1875,13 @@ var shaderMetadata = {
 		"blendMode": "normal",
 		"colorA": "#8cf3ff",
 		"colorB": "#04a0d6",
+		"origin": "center",
 		"center": {
 			"x": .5,
 			"y": .5
 		},
 		"scale": 1,
+		"rotation": 0,
 		"emitFrom": {
 			"x": .5,
 			"y": .5
@@ -1139,6 +1900,21 @@ var shaderMetadata = {
 		"colorSpace": "linear",
 		"shape": "{\"type\":\"circleSDF\",\"radius\":0.35}"
 	},
+	"SmokeFlow": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#e29c8b",
+		"colorB": "#d517f9",
+		"stops": null,
+		"intensity": 1,
+		"emitRadius": .07,
+		"momentum": 20,
+		"dissipation": .5,
+		"detail": 10,
+		"gravity": 2,
+		"colorDecay": .5,
+		"colorSpace": "OKLAB"
+	},
 	"Solarize": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1186,6 +1962,7 @@ var shaderMetadata = {
 	"Star": {
 		"opacity": 1,
 		"blendMode": "normal",
+		"origin": "center",
 		"color": "#ffffff",
 		"center": {
 			"x": .5,
@@ -1201,16 +1978,48 @@ var shaderMetadata = {
 		"strokePosition": "center",
 		"colorSpace": "linear"
 	},
+	"Stone": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"intensity": .5,
+		"scale": 1,
+		"contrast": 0,
+		"distortion": .15,
+		"seed": 0
+	},
 	"Strands": {
 		"opacity": 1,
 		"blendMode": "normal",
 		"speed": .5,
-		"amplitude": 1,
-		"frequency": 1,
-		"lineCount": 12,
-		"lineWidth": .1,
-		"waveColor": "#f1c907",
-		"pinEdges": true,
+		"amplitude": 2,
+		"frequency": .3,
+		"lineCount": 8,
+		"lineWidth": .05,
+		"softness": .05,
+		"spread": .2,
+		"pinEdges": false,
+		"stops": [
+			{
+				"color": "#00e5ff",
+				"position": 0
+			},
+			{
+				"color": "#5b8cff",
+				"position": .34
+			},
+			{
+				"color": "#b06bff",
+				"position": .67
+			},
+			{
+				"color": "#ff5fa2",
+				"position": 1
+			}
+		],
+		"colorSpace": "oklab",
+		"colorScale": 1,
+		"colorVariance": 1,
+		"colorSpeed": 1,
 		"start": {
 			"x": 0,
 			"y": .5
@@ -1286,24 +2095,90 @@ var shaderMetadata = {
 		"feather": .5,
 		"speed": .2
 	},
+	"Surface3D": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"amplitude": .3,
+		"waveType": "fractal",
+		"frequency": 1.5,
+		"octaves": 2,
+		"seed": 0,
+		"speed": .5,
+		"tilt": 35,
+		"roll": 0,
+		"height": 0,
+		"zoom": 1,
+		"nearCutoff": 0,
+		"farCutoff": 1,
+		"edgePinning": 0,
+		"edges": "mirror",
+		"lighting": 30,
+		"glossiness": 0,
+		"highlights": 15,
+		"lightX": .4,
+		"lightY": -.6,
+		"lightZ": .7,
+		"lightColor": "#ffffff",
+		"cursorIntensity": 1,
+		"cursorSpeed": .5
+	},
 	"Swirl": {
 		"opacity": 1,
 		"blendMode": "normal",
 		"colorA": "#1275d8",
 		"colorB": "#e19136",
+		"stops": null,
 		"speed": 1,
 		"detail": 1,
 		"blend": 50,
 		"colorSpace": "linear"
 	},
+	"Teardrop": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"origin": "center",
+		"color": "#ffffff",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"radius": .22,
+		"height": .4,
+		"rotation": 0,
+		"softness": 0,
+		"strokeThickness": 0,
+		"strokeColor": "#000000",
+		"strokePosition": "center",
+		"colorSpace": "linear"
+	},
+	"Text": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"text": "Hello World",
+		"fontFamily": "Inter",
+		"fontWeight": 400,
+		"italic": false,
+		"textTransform": "none",
+		"fontSize": .07,
+		"letterSpacing": 0,
+		"color": "#ffffff",
+		"origin": "center",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"rotation": 0
+	},
 	"ThinFilm": {
 		"opacity": 1,
 		"blendMode": "normal",
+		"origin": "center",
 		"center": {
 			"x": .5,
 			"y": .5
 		},
 		"scale": 1,
+		"rotation": 0,
 		"intensity": 1,
 		"rimWidth": 1,
 		"edgeSoftness": .3,
@@ -1342,6 +2217,7 @@ var shaderMetadata = {
 	"Trapezoid": {
 		"opacity": 1,
 		"blendMode": "normal",
+		"origin": "center",
 		"color": "#ffffff",
 		"center": {
 			"x": .5,
@@ -1357,6 +2233,20 @@ var shaderMetadata = {
 		"strokePosition": "center",
 		"colorSpace": "linear"
 	},
+	"TriangularGrid": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#1a1a1a",
+		"colorB": "#ffffff",
+		"cells": 8,
+		"thickness": 1,
+		"rotation": 0,
+		"softness": 0,
+		"variation": 0,
+		"speed": 0,
+		"speedVariance": .3,
+		"colorSpace": "linear"
+	},
 	"Tritone": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1373,6 +2263,8 @@ var shaderMetadata = {
 		"colorB": "#ffffff",
 		"cells": 10,
 		"thickness": 2,
+		"rotation": 0,
+		"softness": 0,
 		"seed": 0,
 		"colorSpace": "linear"
 	},
@@ -1389,6 +2281,7 @@ var shaderMetadata = {
 	"Vesica": {
 		"opacity": 1,
 		"blendMode": "normal",
+		"origin": "center",
 		"color": "#ffffff",
 		"center": {
 			"x": .5,
@@ -1420,7 +2313,7 @@ var shaderMetadata = {
 		"opacity": 1,
 		"blendMode": "normal",
 		"url": "https://shaders.com/sample.mp4",
-		"objectFit": "cover",
+		"objectFit": "fill",
 		"loop": true
 	},
 	"Vignette": {
@@ -1440,13 +2333,51 @@ var shaderMetadata = {
 		"blendMode": "normal",
 		"colorA": "#3186cf",
 		"colorB": "#fc02dd",
+		"stops": null,
 		"colorBorder": "#000000",
 		"scale": 6,
 		"speed": .5,
 		"seed": 0,
 		"edgeIntensity": .5,
 		"edgeSoftness": .05,
-		"colorSpace": "oklch"
+		"colorSpace": "linear"
+	},
+	"Water": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"origin": "center",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"scale": 1,
+		"rotation": 0,
+		"waterColor": "#00bfeb",
+		"clarity": .4,
+		"depth": 5,
+		"shallows": .5,
+		"caustics": .15,
+		"causticScale": 6,
+		"choppiness": .8,
+		"waveScale": 3.5,
+		"swirl": .6,
+		"speed": .5,
+		"reflection": 2,
+		"envRotation": 0,
+		"sharpness": .1,
+		"lightAngle": 30,
+		"foam": .3,
+		"edgeSoftness": .05,
+		"shape": "{\"type\":\"circleSDF\",\"radius\":0.35}"
+	},
+	"Watercolor": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"radius": 3,
+		"bleed": 1,
+		"strength": 1,
+		"paper": .35,
+		"paperColor": "#fbf7ec"
 	},
 	"WaveDistortion": {
 		"opacity": 1,
@@ -1458,6 +2389,20 @@ var shaderMetadata = {
 		"waveType": "sine",
 		"edges": "stretch"
 	},
+	"WaveletNoise": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#ffffff",
+		"colorB": "#000000",
+		"stops": null,
+		"colorSpace": "linear",
+		"scale": 1.5,
+		"detail": 1.24,
+		"contrast": 0,
+		"balance": 0,
+		"seed": 0,
+		"speed": 1
+	},
 	"Weave": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1473,6 +2418,15 @@ var shaderMetadata = {
 		"objectFit": "cover",
 		"mirror": true
 	},
+	"Wool": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"intensity": .5,
+		"scale": 4,
+		"contrast": -.5,
+		"distortion": .15,
+		"seed": 0
+	},
 	"WorleyNoise": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1504,13 +2458,30 @@ var shaderMetadata = {
 function isPropMapValue(value) {
 	return typeof value === "object" && value !== null && "type" in value && value.type === "map";
 }
+function escapeAttrString(s) {
+	return s.replace(/\\/g, "\\\\").replace(/'/g, "\\'").replace(/\n/g, "\\n").replace(/\r/g, "\\r").replace(/\t/g, "\\t").replace(/"/g, """);
+}
+function formatValue(v) {
+	if (v === null || v === void 0) return String(v);
+	if (typeof v === "string") return `'${escapeAttrString(v)}'`;
+	if (typeof v === "number" || typeof v === "boolean") return String(v);
+	if (Array.isArray(v)) return `[${v.map(formatValue).join(", ")}]`;
+	if (typeof v === "object") {
+		const obj = v;
+		const ks = Object.keys(obj);
+		if (ks.length === 0) return "{}";
+		return `{ ${ks.map((k) => `${k}: ${formatValue(obj[k])}`).join(", ")} }`;
+	}
+	return String(v);
+}
 function generatePropString(props, componentType, indent = "  ") {
 	return Object.entries(props).sort(([a], [b]) => a.localeCompare(b)).filter(([key, value]) => {
 		if (key === "maskType" && value === "alpha") return false;
-		if ((key === "shape" || key === "shapeType") && props.shapeSdfUrl) return false;
+		if ((key === "shape" || key === "shapeType") && props.shapeSdfUrl && props.shapeType !== "svgExtrude3D") return false;
 		if (key === "transform" && typeof value === "object") {
 			if (Object.keys(DEFAULT_TRANSFORM).every((k) => value[k] === DEFAULT_TRANSFORM[k])) return false;
 		}
+		if (key === "boundingBox" && typeof value === "object") return reduceBoundingBoxForExport(value) !== null;
 		const componentDefaults = shaderMetadata[componentType] || {};
 		if (componentDefaults.hasOwnProperty(key)) {
 			const defaultValue = componentDefaults[key];
@@ -1520,7 +2491,7 @@ function generatePropString(props, componentType, indent = "  ") {
 		if (key === "opacity" && value === 1) return false;
 		if (key === "blendMode" && value === "normal") return false;
 		return true;
-	}).map(([key, value]) => {
+	}).map(([key, value]) => key === "boundingBox" && value && typeof value === "object" ? [key, reduceBoundingBoxForExport(value) ?? {}] : [key, value]).map(([key, value]) => {
 		const kebabKey = camelToKebab(key);
 		if (key === "transform" && typeof value === "object") {
 			const nonDefaultKeys = {};
@@ -1535,7 +2506,7 @@ function generatePropString(props, componentType, indent = "  ") {
 		}
 		if (isPropMapValue(value)) return `:${kebabKey}="{\n${indent}    ${Object.keys(value).map((k) => {
 			const v = value[k];
-			return `${k}: ${typeof v === "string" ? `'${v}'` : v}`;
+			return `${k}: ${formatValue(v)}`;
 		}).join(`,\n${indent}    `)}\n${indent}  }"`;
 		if (typeof value === "string") {
 			if (value.startsWith("{") && value.endsWith("}")) try {
@@ -1543,21 +2514,22 @@ function generatePropString(props, componentType, indent = "  ") {
 				if (typeof parsed === "object" && parsed !== null) {
 					const keys = Object.keys(parsed);
 					if (keys.length === 0) return `:${kebabKey}="{}"`;
-					if (keys.length > 1) return `:${kebabKey}="{\n${indent}    ${keys.map((k) => `${k}: ${typeof parsed[k] === "string" ? `'${parsed[k]}'` : parsed[k]}`).join(`,\n${indent}    `)}\n${indent}  }"`;
+					if (keys.length > 1) return `:${kebabKey}="{\n${indent}    ${keys.map((k) => `${k}: ${formatValue(parsed[k])}`).join(`,\n${indent}    `)}\n${indent}  }"`;
 					const [pk] = keys;
-					return `:${kebabKey}="{ ${pk}: ${typeof parsed[pk] === "string" ? `'${parsed[pk]}'` : parsed[pk]} }"`;
+					return `:${kebabKey}="{ ${pk}: ${formatValue(parsed[pk])} }"`;
 				}
 			} catch {}
 			return `${kebabKey}="${value}"`;
-		} else if (value !== null && typeof value === "object") {
+		} else if (Array.isArray(value)) return `:${kebabKey}="${formatValue(value)}"`;
+		else if (value !== null && typeof value === "object") {
 			const roundedValue = { ...value };
 			if ("x" in roundedValue && typeof roundedValue.x === "number") roundedValue.x = Math.round(roundedValue.x * 100) / 100;
 			if ("y" in roundedValue && typeof roundedValue.y === "number") roundedValue.y = Math.round(roundedValue.y * 100) / 100;
 			const keys = Object.keys(roundedValue);
 			if (keys.length === 0) return `:${kebabKey}="{}"`;
-			if (keys.length > 1) return `:${kebabKey}="{\n${indent}    ${keys.map((k) => `${k}: ${typeof roundedValue[k] === "string" ? `'${roundedValue[k]}'` : roundedValue[k]}`).join(`,\n${indent}    `)}\n${indent}  }"`;
+			if (keys.length > 1) return `:${kebabKey}="{\n${indent}    ${keys.map((k) => `${k}: ${formatValue(roundedValue[k])}`).join(`,\n${indent}    `)}\n${indent}  }"`;
 			const [rk] = keys;
-			return `:${kebabKey}="{ ${rk}: ${typeof roundedValue[rk] === "string" ? `'${roundedValue[rk]}'` : roundedValue[rk]} }"`;
+			return `:${kebabKey}="{ ${rk}: ${formatValue(roundedValue[rk])} }"`;
 		} else return `:${kebabKey}="${value}"`;
 	}).join("\n" + indent + "  ");
 }
@@ -1578,7 +2550,33 @@ function isIdReferenced(id, allComponents) {
 		return false;
 	});
 }
+function roundForExportDeep(value) {
+	if (typeof value === "number") return Number.isFinite(value) ? Math.round(value * 1e4) / 1e4 : value;
+	if (typeof value === "string") {
+		if (value.startsWith("{") && value.endsWith("}")) try {
+			const parsed = JSON.parse(value);
+			if (parsed && typeof parsed === "object") return JSON.stringify(roundForExportDeep(parsed));
+		} catch {}
+		return value;
+	}
+	if (Array.isArray(value)) return value.map(roundForExportDeep);
+	if (value && typeof value === "object") {
+		const out = {};
+		for (const k in value) out[k] = roundForExportDeep(value[k]);
+		return out;
+	}
+	return value;
+}
+function roundPresetForExport(preset) {
+	const mapComp = (c) => ({
+		...c,
+		props: c.props ? roundForExportDeep(c.props) : c.props,
+		children: c.children ? c.children.map(mapComp) : c.children
+	});
+	return { components: preset.components.map(mapComp) };
+}
 function generatePresetCode(preset, colorSpace, toneMapping) {
+	preset = roundPresetForExport(preset);
 	const componentTypes = /* @__PURE__ */ new Set();
 	function collectTypes(components) {
 		for (const config of components) {
@@ -1623,16 +2621,22 @@ function generatePresetCode(preset, colorSpace, toneMapping) {
 }
 const availableComponents = [
 	"AngularBlur",
+	"Arc",
 	"Ascii",
 	"Aurora",
 	"BarShift",
 	"Beam",
 	"Blob",
+	"BlockNoise",
+	"BlueNoise",
 	"Blur",
 	"BrickPattern",
 	"BrightnessContrast",
+	"BrushedMetal",
 	"Bulge",
 	"CRTScreen",
+	"CarbonFiber",
+	"Chalkboard",
 	"ChannelBlur",
 	"Checkerboard",
 	"Chevron",
@@ -1640,15 +2644,19 @@ const availableComponents = [
 	"ChromaticAberration",
 	"Circle",
 	"ColorWheel",
+	"CompressionArtifacts",
 	"ConcentricSpin",
 	"ConicGradient",
 	"ContourLines",
+	"CornerPin",
 	"Crescent",
 	"Cross",
 	"Crystal",
+	"CurlNoise",
 	"CursorRipples",
 	"CursorTrail",
 	"DOMTexture",
+	"DataMosh",
 	"DiamondGradient",
 	"DiffuseBlur",
 	"Dither",
@@ -1657,9 +2665,12 @@ const availableComponents = [
 	"Duotone",
 	"Ellipse",
 	"Emboss",
+	"Engraving",
+	"ErosionNoise",
 	"Exposure",
 	"FallingLines",
 	"FilmGrain",
+	"Flip",
 	"FloatingParticles",
 	"FlowField",
 	"Flower",
@@ -1668,65 +2679,95 @@ const availableComponents = [
 	"Fog",
 	"Form3D",
 	"FractalNoise",
+	"Frost",
+	"GaborNoise",
 	"Glass",
 	"GlassTiles",
 	"Glitch",
 	"Glow",
 	"Godrays",
+	"Goo",
+	"GradientMap",
 	"Grayscale",
 	"Grid",
 	"GridDistortion",
 	"Group",
 	"Halftone",
+	"Heart",
+	"Heatmap",
 	"HexGrid",
+	"Hologram",
+	"Holographic",
 	"HueShift",
 	"ImageTexture",
 	"Invert",
+	"IsometricCubes",
 	"Kaleidoscope",
+	"KeyFrames",
 	"LensFlare",
+	"LightEdge",
+	"LightLeak",
 	"LinearBlur",
 	"LinearGradient",
+	"LiquidMetal",
 	"Liquify",
 	"Marble",
 	"Mirror",
 	"MultiPointGradient",
 	"Neon",
+	"ObjectTracker",
+	"PagePeel",
 	"Paper",
+	"Parallelogram",
+	"Particles",
+	"PerlinNoise",
 	"Perspective",
+	"PixelSort",
+	"PixelThrow",
 	"Pixelate",
 	"Plasma",
+	"Plastic",
 	"PolarCoordinates",
 	"Polygon",
 	"Posterize",
+	"Prism",
 	"ProgressiveBlur",
 	"RadialGradient",
 	"RectangularCoordinates",
 	"ReflectivePlane",
+	"Repeater",
 	"Ring",
 	"Ripples",
 	"RoundedRect",
 	"Saturation",
+	"Scratches",
 	"Sharpness",
 	"Shatter",
 	"SimplexNoise",
 	"SineWave",
 	"Smoke",
 	"SmokeFill",
+	"SmokeFlow",
 	"Solarize",
 	"SolidColor",
 	"Spherize",
 	"Spiral",
 	"Star",
+	"Stone",
 	"Strands",
 	"Stretch",
 	"Stripes",
 	"StudioBackground",
 	"SunBurst",
+	"Surface3D",
 	"Swirl",
+	"Teardrop",
+	"Text",
 	"ThinFilm",
 	"TiltShift",
 	"Tint",
 	"Trapezoid",
+	"TriangularGrid",
 	"Tritone",
 	"Truchet",
 	"Twirl",
@@ -1736,9 +2777,13 @@ const availableComponents = [
 	"VideoTexture",
 	"Vignette",
 	"Voronoi",
+	"Water",
+	"Watercolor",
 	"WaveDistortion",
+	"WaveletNoise",
 	"Weave",
 	"WebcamTexture",
+	"Wool",
 	"WorleyNoise",
 	"ZoomBlur"
 ];