shaders 2.2.31 → 2.2.33

package/dist/core/GlassTiles-BaAwsNxl.js

@@ -0,0 +1,84 @@
+import { add, convertToTexture, cos, div, floor, mul, screenUV, sin, sub, uniform, vec2, vec4 } from "three/tsl";
+const componentDefinition = {
+	name: "GlassTiles",
+	category: "Distortions",
+	description: "Refraction-like distortion in a tile grid pattern",
+	requiresRTT: true,
+	requiresChild: true,
+	props: {
+		intensity: {
+			default: 2,
+			description: "The intensity of the glass tiles effect",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 10,
+				step: .1,
+				label: "Intensity"
+			}
+		},
+		tileCount: {
+			default: 20,
+			description: "Number of tiles across the shortest dimension",
+			ui: {
+				type: "range",
+				min: 5,
+				max: 50,
+				step: 1,
+				label: "Tile Count"
+			}
+		},
+		rotation: {
+			default: 0,
+			description: "Rotation angle of the tile grid in degrees",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 360,
+				step: 1,
+				label: "Rotation"
+			}
+		},
+		roundness: {
+			default: 0,
+			description: "Makes tiles more circular instead of square",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Roundness"
+			}
+		}
+	},
+	fragmentNode: ({ uniforms, childNode, dimensions, onCleanup }) => {
+		if (!childNode) {
+			console.error("You must pass a child component into the Glass Tiles shader.");
+			return vec4(0);
+		}
+		const texture$1 = convertToTexture(childNode);
+		onCleanup(() => {
+			if (texture$1?.renderTarget?.dispose) texture$1.renderTarget.dispose();
+		});
+		const aspectRatioUniform = uniform(dimensions.width / dimensions.height);
+		const baseUV = screenUV;
+		const intensity = uniforms.intensity.uniform;
+		const baseTileCount = uniforms.tileCount.uniform;
+		const rotationDegrees = uniforms.rotation.uniform;
+		const roundnessAmount = uniforms.roundness.uniform;
+		const tileCount = vec2(aspectRatioUniform.greaterThanEqual(1).select(mul(baseTileCount, aspectRatioUniform), baseTileCount), aspectRatioUniform.lessThan(1).select(div(baseTileCount, aspectRatioUniform), baseTileCount));
+		const aspectCorrectedUV = vec2(mul(baseUV.x, aspectRatioUniform), baseUV.y);
+		const rotationRadians = mul(rotationDegrees, Math.PI / 180);
+		const cosAngle = cos(rotationRadians);
+		const sinAngle = sin(rotationRadians);
+		const centered = sub(aspectCorrectedUV, vec2(mul(.5, aspectRatioUniform), .5));
+		const rotatedUV = add(vec2(sub(mul(centered.x, cosAngle), mul(centered.y, sinAngle)), add(mul(centered.x, sinAngle), mul(centered.y, cosAngle))), vec2(mul(.5, aspectRatioUniform), .5));
+		const gridUV = vec2(div(rotatedUV.x, aspectRatioUniform), rotatedUV.y);
+		const fromCenter = sub(div(sub(gridUV, div(floor(mul(gridUV, tileCount)), tileCount)), div(vec2(1), tileCount)), vec2(.5, .5));
+		const clampedRoundness = sub(1, mul(mul(fromCenter.x, fromCenter.x).add(mul(fromCenter.y, fromCenter.y)), mul(roundnessAmount, 4))).max(0);
+		const distortedUV = add(baseUV, mul(fromCenter, mul(mul(intensity, .025), clampedRoundness)));
+		return vec4(texture$1.sample(distortedUV));
+	}
+};
+var GlassTiles_default = componentDefinition;
+export { componentDefinition as n, GlassTiles_default as t };

package/dist/core/Swirl-BfD35doJ.js

@@ -0,0 +1,96 @@
+import { i as transformColorSpace, r as transformColor, t as colorSpaceOptions } from "./transformations-YbhRK-rd.js";
+import { t as createAnimatedTime } from "./time-DgRTVr2F.js";
+import { t as mixColors } from "./colorMixing-CZPFmiT4.js";
+import { cos, screenUV, sin, smoothstep, vec2, vec4 } from "three/tsl";
+const componentDefinition = {
+	name: "Swirl",
+	category: "Base Layers",
+	description: "Flowing swirl pattern with multi-layered noise",
+	props: {
+		colorA: {
+			default: "#1275d8",
+			description: "Primary gradient color",
+			transform: transformColor,
+			ui: {
+				type: "color",
+				label: "Color A"
+			}
+		},
+		colorB: {
+			default: "#e19136",
+			description: "Secondary gradient color",
+			transform: transformColor,
+			ui: {
+				type: "color",
+				label: "Color B"
+			}
+		},
+		speed: {
+			default: 1,
+			description: "Flow animation speed",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 5,
+				step: .1,
+				label: "Speed"
+			}
+		},
+		detail: {
+			default: 1,
+			description: "Level of detail and intricacy in the swirl patterns",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 5,
+				step: .1,
+				label: "Detail"
+			}
+		},
+		blend: {
+			default: 50,
+			description: "Skew color balance toward A (lower values) or B (higher values)",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 100,
+				step: 1,
+				label: "Blend"
+			}
+		},
+		colorSpace: {
+			default: "linear",
+			transform: transformColorSpace,
+			description: "Color space for color interpolation",
+			ui: {
+				type: "select",
+				options: colorSpaceOptions,
+				label: "Color Space"
+			}
+		}
+	},
+	fragmentNode: (params) => {
+		const { uniforms } = params;
+		const uvCoords = screenUV;
+		const t = createAnimatedTime(params, uniforms.speed);
+		const detail = uniforms.detail.uniform;
+		const freq1 = detail;
+		const distort1 = vec2(uvCoords.x.add(sin(uvCoords.y.mul(freq1.mul(1.7)).add(t.mul(.8))).mul(.12).add(cos(uvCoords.x.mul(freq1.mul(.9)).sub(t.mul(.5))).mul(.05))), uvCoords.y.add(cos(uvCoords.x.mul(freq1.mul(1.3)).sub(t.mul(.6))).mul(.12).add(sin(uvCoords.y.mul(freq1.mul(1.1)).add(t.mul(.7))).mul(.05))));
+		const pattern1 = sin(distort1.x.mul(freq1.mul(2.1)).add(distort1.y.mul(freq1.mul(1.8))).add(t.mul(.4)));
+		const freq2 = detail.mul(2.1);
+		const distort2 = vec2(distort1.x.add(cos(distort1.y.mul(freq2.mul(2.7)).sub(t.mul(.45))).mul(.07).add(sin(distort1.x.mul(freq2.mul(1.9)).add(t.mul(.6))).mul(.04))), distort1.y.add(sin(distort1.x.mul(freq2.mul(2.3)).add(t.mul(.65))).mul(.07).add(cos(distort1.y.mul(freq2.mul(1.6)).sub(t.mul(.4))).mul(.04))));
+		const pattern2 = cos(distort2.x.mul(freq2.mul(1.4)).sub(distort2.y.mul(freq2.mul(1.9))).add(t.mul(.35)));
+		const freq3 = detail.mul(3.7);
+		const distort3 = vec2(distort2.x.add(sin(distort2.y.mul(freq3.mul(1.8)).add(t.mul(.85))).mul(.04).add(cos(distort2.x.mul(freq3.mul(1.3)).sub(t.mul(.55))).mul(.025)).add(sin(distort2.x.add(distort2.y).mul(freq3.mul(.7)).add(t.mul(.9))).mul(.02))), distort2.y.add(cos(distort2.x.mul(freq3.mul(1.6)).sub(t.mul(.75))).mul(.04).add(sin(distort2.y.mul(freq3.mul(1.1)).add(t.mul(.5))).mul(.025)).add(cos(distort2.x.add(distort2.y).mul(freq3.mul(.8)).sub(t.mul(.95))).mul(.02))));
+		const pattern3 = sin(distort3.x.mul(freq3.mul(1.1)).add(distort3.y.mul(freq3.mul(1.5))).sub(t.mul(.55)));
+		const combinedPattern = pattern1.mul(.45).add(pattern2.mul(.35)).add(pattern3.mul(.2));
+		const blendBias = uniforms.blend.uniform.sub(50).mul(.006);
+		const blendFactor = smoothstep(.3, .7, combinedPattern.mul(.5).add(.5).add(blendBias));
+		const colorMix = mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, blendFactor, uniforms.colorSpace.uniform);
+		const shimmer = sin(t.mul(2.5).add(combinedPattern.mul(8))).mul(.015).add(1);
+		const finalColor = colorMix.mul(shimmer);
+		return vec4(finalColor.rgb, finalColor.a);
+	}
+};
+var Swirl_default = componentDefinition;
+export { componentDefinition as n, Swirl_default as t };

package/dist/core/index.js

@@ -21,7 +21,7 @@ import { n as componentDefinition$15 } from "./DotGrid-B2DXsjFE.js";
 import { n as componentDefinition$16 } from "./Duotone-CRwhugbV.js";
 import { n as componentDefinition$17 } from "./FilmGrain-CY4ZO9UI.js";
 import { n as componentDefinition$18 } from "./FloatingParticles-BduIDXKd.js";
-import { n as componentDefinition$19 } from "./GlassTiles-uW7j91uC.js";
+import { n as componentDefinition$19 } from "./GlassTiles-BaAwsNxl.js";
 import { n as componentDefinition$20 } from "./Glow-D0boDIAW.js";
 import { n as componentDefinition$21 } from "./Godrays-ChqiT2zn.js";
 import { n as componentDefinition$22 } from "./Grayscale-Bi-XBvO_.js";
@@ -50,7 +50,7 @@ import { n as componentDefinition$44 } from "./Spherize-DDP0_5VP.js";
 import { n as componentDefinition$45 } from "./Spiral-Cx7Z8gLc.js";
 import { n as componentDefinition$46 } from "./Strands-C9FBVtDe.js";
 import { n as componentDefinition$47 } from "./Stretch-BCpOO3q6.js";
-import { n as componentDefinition$48 } from "./Swirl-KUjGnUAM.js";
+import { n as componentDefinition$48 } from "./Swirl-BfD35doJ.js";
 import { n as componentDefinition$49 } from "./TiltShift-CvKqM1xk.js";
 import { n as componentDefinition$50 } from "./Tritone-BeEJj4U0.js";
 import { n as componentDefinition$51 } from "./Twirl-EJ3aS_lo.js";
@@ -1319,6 +1319,16 @@ function shaderRenderer() {
 			console.error(`Error executing after render callback for node ${nodeInfo.id}:`, e);
 		}
 	};
+	const renderAndWait = async () => {
+		if (!canRender()) throw new Error("Renderer is not ready");
+		await renderFrame();
+		if (renderer instanceof WebGPURenderer) try {
+			const backend = renderer.backend;
+			if (backend?.device) await backend.device.queue.onSubmittedWorkDone();
+		} catch (e) {
+			await new Promise((resolve) => setTimeout(resolve, 16));
+		}
+	};
 	const renderFrame = async () => {
 		if (!canRender()) return;
 		const frameStartTime = enablePerformanceTracking ? performance.now() : 0;
@@ -1656,6 +1666,7 @@ function shaderRenderer() {
 		isInitialized: () => isInitialized,
 		startAnimation,
 		stopAnimation,
+		renderAndWait,
 		getPerformanceStats,
 		getNodeRegistry: () => ({ nodes: new Map(nodeRegistry.nodes) }),
 		getRendererType,

package/dist/core/renderer.d.ts

@@ -116,6 +116,7 @@ export declare function shaderRenderer(): {
     isInitialized: () => boolean;
     startAnimation: () => void;
     stopAnimation: () => void;
+    renderAndWait: () => Promise<void>;
     getPerformanceStats: () => PerformanceStats;
     getNodeRegistry: () => {
         nodes: ReadonlyMap<string, NodeInfo>;

package/dist/core/renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAIH,KAAK,IAAI,EAMZ,MAAM,cAAc,CAAA;AAKrB,OAAO,EAAC,eAAe,EAAE,mBAAmB,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AACvH,OAAO,EAAqB,gBAAgB,EAAC,MAAM,sBAAsB,CAAA;AAKzE;;GAEG;AACH,UAAU,QAAQ;IAEd;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,aAAa,EAAE,MAAM,CAAA;IAErB;;OAEG;IACH,gBAAgB,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAA;IAErD;;OAEG;IACH,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IAEvB;;OAEG;IACH,WAAW,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,aAAa,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,cAAc,EAAE,GAAG,CAAA;IAEnB;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAA;IAEtB;;OAEG;IACH,QAAQ,EAAE,WAAW,CAAA;IAErB;;;OAGG;IACH,gBAAgB,EAAE,eAAe,EAAE,CAAA;IAEnC;;;OAGG;IACH,qBAAqB,EAAE,cAAc,EAAE,CAAA;IAEvC;;;OAGG;IACH,oBAAoB,EAAE,cAAc,EAAE,CAAA;IAEtC;;;OAGG;IACH,eAAe,EAAE,cAAc,EAAE,CAAA;IAEjC;;;OAGG;IACH,iBAAiB,CAAC,EAAE;QAChB,OAAO,EAAE,GAAG,CAAA;QACZ,OAAO,EAAE,GAAG,CAAA;QACZ,QAAQ,EAAE,GAAG,CAAA;QACb,KAAK,EAAE,GAAG,CAAA;QACV,OAAO,EAAE,GAAG,CAAA;QACZ,OAAO,EAAE,GAAG,CAAA;QACZ,KAAK,EAAE,GAAG,CAAA;QACV,WAAW,EAAE,GAAG,CAAA;KACnB,CAAA;IAED;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAE/B;AAED;;GAEG;AACH,UAAU,YAAY;IAClB,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;IAC5B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAClC;AAED;;GAEG;AACH,UAAU,iBAAiB;IACvB,MAAM,EAAE,iBAAiB,CAAA;IACzB,yBAAyB,CAAC,EAAE,OAAO,CAAA;CACtC;AAyHD;;GAEG;AACH,wBAAgB,cAAc;wEAykDG,iBAAiB;;uBAzpBpB,MAAM,oBAAoB,mBAAmB,CAAC,cAAc,CAAC,GAAG,IAAI,YAAY,MAAM,GAAG,IAAI,YAAY,YAAY,GAAG,IAAI,aAAY,WAAW,wBAA6B,mBAAmB,KAAG,IAAI;qBA4R5M,MAAM,KAAG,IAAI;iCA1ID,MAAM,eAAe,MAAM,SAAS,GAAG,KAAG,IAAI;iCAgC9C,MAAM,YAAY,OAAO,CAAC,YAAY,CAAC,KAAG,IAAI;8BAmqBnD,IAAI;;0BA7UR,IAAI;yBAeL,IAAI;+BA/BE,gBAAgB;;eAueoB,WAAW,CAAC,MAAM,EAAE,QAAQ,CAAC;;2BAjBrE,QAAQ,GAAG,OAAO,GAAG,IAAI;;;mCArgDnB,MAAM,KAAG,QAAQ,EAAE;oCAuCzC,IAAI,YACF,QAAQ,UACV,MAAM,kBACE,GAAG,CAAC,MAAM,CAAC,gBACb,IAAI,KACnB,IAAI;0CAuCK,IAAI,YACF,QAAQ,KACnB,IAAI;;;;EA88CV"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAIH,KAAK,IAAI,EAMZ,MAAM,cAAc,CAAA;AAKrB,OAAO,EAAC,eAAe,EAAE,mBAAmB,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AACvH,OAAO,EAAqB,gBAAgB,EAAC,MAAM,sBAAsB,CAAA;AAKzE;;GAEG;AACH,UAAU,QAAQ;IAEd;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,aAAa,EAAE,MAAM,CAAA;IAErB;;OAEG;IACH,gBAAgB,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAA;IAErD;;OAEG;IACH,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IAEvB;;OAEG;IACH,WAAW,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,aAAa,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,cAAc,EAAE,GAAG,CAAA;IAEnB;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAA;IAEtB;;OAEG;IACH,QAAQ,EAAE,WAAW,CAAA;IAErB;;;OAGG;IACH,gBAAgB,EAAE,eAAe,EAAE,CAAA;IAEnC;;;OAGG;IACH,qBAAqB,EAAE,cAAc,EAAE,CAAA;IAEvC;;;OAGG;IACH,oBAAoB,EAAE,cAAc,EAAE,CAAA;IAEtC;;;OAGG;IACH,eAAe,EAAE,cAAc,EAAE,CAAA;IAEjC;;;OAGG;IACH,iBAAiB,CAAC,EAAE;QAChB,OAAO,EAAE,GAAG,CAAA;QACZ,OAAO,EAAE,GAAG,CAAA;QACZ,QAAQ,EAAE,GAAG,CAAA;QACb,KAAK,EAAE,GAAG,CAAA;QACV,OAAO,EAAE,GAAG,CAAA;QACZ,OAAO,EAAE,GAAG,CAAA;QACZ,KAAK,EAAE,GAAG,CAAA;QACV,WAAW,EAAE,GAAG,CAAA;KACnB,CAAA;IAED;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAE/B;AAED;;GAEG;AACH,UAAU,YAAY;IAClB,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;IAC5B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAClC;AAED;;GAEG;AACH,UAAU,iBAAiB;IACvB,MAAM,EAAE,iBAAiB,CAAA;IACzB,yBAAyB,CAAC,EAAE,OAAO,CAAA;CACtC;AAyHD;;GAEG;AACH,wBAAgB,cAAc;wEAwmDG,iBAAiB;;uBAxrBpB,MAAM,oBAAoB,mBAAmB,CAAC,cAAc,CAAC,GAAG,IAAI,YAAY,MAAM,GAAG,IAAI,YAAY,YAAY,GAAG,IAAI,aAAY,WAAW,wBAA6B,mBAAmB,KAAG,IAAI;qBA4R5M,MAAM,KAAG,IAAI;iCA1ID,MAAM,eAAe,MAAM,SAAS,GAAG,KAAG,IAAI;iCAgC9C,MAAM,YAAY,OAAO,CAAC,YAAY,CAAC,KAAG,IAAI;8BAksBnD,IAAI;;0BA7UR,IAAI;yBAeL,IAAI;yBA/LE,OAAO,CAAC,IAAI,CAAC;+BAgKb,gBAAgB;;eAweoB,WAAW,CAAC,MAAM,EAAE,QAAQ,CAAC;;2BAlBrE,QAAQ,GAAG,OAAO,GAAG,IAAI;;;mCApiDnB,MAAM,KAAG,QAAQ,EAAE;oCAuCzC,IAAI,YACF,QAAQ,UACV,MAAM,kBACE,GAAG,CAAC,MAAM,CAAC,gBACb,IAAI,KACnB,IAAI;0CAuCK,IAAI,YACF,QAAQ,KACnB,IAAI;;;;EA8+CV"}

package/dist/core/shaders/GlassTiles/index.d.ts

@@ -4,17 +4,31 @@ export interface ComponentProps {
     /**
      * The intensity of the glass tiles effect
      *
-     * Accepts a number between 0 and 5.
-     * @default 1
+     * Accepts a number between 0 and 10.
+     * @default 2
      */
     intensity: number;
     /**
      * Number of tiles across the shortest dimension
      *
-     * Accepts a number between 1 and 200.
-     * @default 100
+     * Accepts a number between 5 and 50.
+     * @default 20
      */
     tileCount: number;
+    /**
+     * Rotation angle of the tile grid in degrees
+     *
+     * Accepts a number between 0 and 360.
+     * @default 0
+     */
+    rotation: number;
+    /**
+     * Makes tiles more circular instead of square
+     *
+     * Accepts a number between 0 and 1.
+     * @default 0
+     */
+    roundness: number;
 }
 export declare const componentDefinition: ComponentDefinition<ComponentProps>;
 export default componentDefinition;

package/dist/core/shaders/GlassTiles/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/GlassTiles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAKvE,MAAM,WAAW,cAAc;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CA2DnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/GlassTiles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAKvE,MAAM,WAAW,cAAc;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CA6GnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/core/shaders/GlassTiles/index.js

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as GlassTiles_default } from "../../GlassTiles-uW7j91uC.js";
+import { n as componentDefinition, t as GlassTiles_default } from "../../GlassTiles-BaAwsNxl.js";
 export { componentDefinition, GlassTiles_default as default };

package/dist/core/shaders/Swirl/index.d.ts

@@ -25,7 +25,7 @@ export interface ComponentProps {
     /**
      * Level of detail and intricacy in the swirl patterns
      *
-     * Accepts a number between 0 and 10.
+     * Accepts a number between 0 and 5.
      * @default 1
      */
     detail: number;
@@ -36,20 +36,6 @@ export interface ComponentProps {
      * @default 50
      */
     blend: number;
-    /**
-     * Horizontal frequency for coarse/base layer
-     *
-     * Accepts a number between 0 and 100.
-     * @default 50
-     */
-    coarseX: number;
-    /**
-     * Vertical frequency for coarse/base layer
-     *
-     * Accepts a number between 0 and 100.
-     * @default 50
-     */
-    coarseY: number;
     /**
      * Color space for color interpolation
      *
@@ -57,34 +43,6 @@ export interface ComponentProps {
      * @default "linear"
      */
     colorSpace: string;
-    /**
-     * Horizontal frequency for medium detail layer
-     *
-     * Accepts a number between 0 and 100.
-     * @default 50
-     */
-    mediumX: number;
-    /**
-     * Vertical frequency for medium detail layer
-     *
-     * Accepts a number between 0 and 100.
-     * @default 50
-     */
-    mediumY: number;
-    /**
-     * Horizontal frequency for fine detail layer
-     *
-     * Accepts a number between 0 and 100.
-     * @default 50
-     */
-    fineX: number;
-    /**
-     * Vertical frequency for fine detail layer
-     *
-     * Accepts a number between 0 and 100.
-     * @default 50
-     */
-    fineY: number;
 }
 export declare const componentDefinition: ComponentDefinition<ComponentProps>;
 export default componentDefinition;

package/dist/core/shaders/Swirl/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Swirl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAQvE,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAyMnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Swirl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAQvE,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CA8InE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/core/shaders/Swirl/index.js

@@ -1,5 +1,5 @@
 import "../../transformations-YbhRK-rd.js";
 import "../../time-DgRTVr2F.js";
 import "../../colorMixing-CZPFmiT4.js";
-import { n as componentDefinition, t as Swirl_default } from "../../Swirl-KUjGnUAM.js";
+import { n as componentDefinition, t as Swirl_default } from "../../Swirl-BfD35doJ.js";
 export { componentDefinition, Swirl_default as default };

package/dist/react/{generatePresetCode-CCibXbtZ.js → generatePresetCode-Ci4D5lDy.js}

@@ -1,3 +1,17 @@
+var DEFAULT_TRANSFORM = {
+	offsetX: 0,
+	offsetY: 0,
+	rotation: 0,
+	scale: 1,
+	anchorX: .5,
+	anchorY: .5,
+	edges: "transparent"
+};
+function toObjectLiteral(obj) {
+	return `{ ${Object.entries(obj).map(([key, value]) => {
+		return `${key}: ${typeof value === "string" ? `"${value}"` : value}`;
+	}).join(", ")} }`;
+}
 var shaderMetadata = {
 	"AngularBlur": {
 		"opacity": 1,
@@ -194,8 +208,10 @@ var shaderMetadata = {
 	"GlassTiles": {
 		"opacity": 1,
 		"blendMode": "normal",
-		"intensity": 1,
-		"tileCount": 100
+		"intensity": 2,
+		"tileCount": 20,
+		"rotation": 0,
+		"roundness": 0
 	},
 	"Glow": {
 		"opacity": 1,
@@ -476,12 +492,6 @@ var shaderMetadata = {
 		"speed": 1,
 		"detail": 1,
 		"blend": 50,
-		"coarseX": 50,
-		"coarseY": 50,
-		"mediumX": 50,
-		"mediumY": 50,
-		"fineX": 50,
-		"fineY": 50,
 		"colorSpace": "linear"
 	},
 	"TiltShift": {
@@ -541,20 +551,39 @@ var shaderMetadata = {
 	}
 };
 function generatePropString(props, componentType, indent = "  ") {
-	return Object.entries(props).filter(([key, value]) => {
+	return Object.entries(props).sort(([a], [b]) => a.localeCompare(b)).filter(([key, value]) => {
+		if (key === "maskType" && value === "alpha") return false;
+		if (key === "transform" && typeof value === "object") {
+			if (Object.keys(DEFAULT_TRANSFORM).every((k) => value[k] === DEFAULT_TRANSFORM[k])) return false;
+		}
 		const componentDefaults = shaderMetadata[componentType] || {};
 		if (componentDefaults.hasOwnProperty(key)) {
 			const defaultValue = componentDefaults[key];
-			if (typeof value === "object" && typeof defaultValue === "object") return JSON.stringify(value) !== JSON.stringify(defaultValue);
+			if (value != null && defaultValue != null && typeof value === "object" && typeof defaultValue === "object") return JSON.stringify(value) !== JSON.stringify(defaultValue);
 			return value !== defaultValue;
 		}
 		if (key === "opacity" && value === 1) return false;
 		if (key === "blendMode" && value === "normal") return false;
 		return true;
 	}).map(([key, value]) => {
+		if (key === "transform" && typeof value === "object") {
+			const nonDefaultKeys = {};
+			for (const k in value) if (value[k] !== DEFAULT_TRANSFORM[k]) nonDefaultKeys[k] = value[k];
+			const keys = Object.keys(nonDefaultKeys).sort();
+			if (keys.length > 1) return `${key}={{\n${indent}    ${keys.map((k) => `${k}: ${typeof nonDefaultKeys[k] === "string" ? `"${nonDefaultKeys[k]}"` : nonDefaultKeys[k]}`).join(`,\n${indent}    `)}\n${indent}  }}`;
+			else if (keys.length === 1) {
+				const k = keys[0];
+				const v = nonDefaultKeys[k];
+				return `${key}={{ ${k}: ${typeof v === "string" ? `"${v}"` : v} }}`;
+			}
+		}
 		if (typeof value === "string") return `${key}="${value}"`;
-		else if (typeof value === "object") return `${key}={${JSON.stringify(value)}}`;
-		else return `${key}={${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;
+			return `${key}={${toObjectLiteral(roundedValue)}}`;
+		} else return `${key}={${value}}`;
 	}).join("\n" + indent + "  ");
 }
 function isIdUsedAsMaskSource(id, allComponents) {

package/dist/react/index.js

@@ -1,4 +1,4 @@
-import { n as generatePresetCode } from "./generatePresetCode-CCibXbtZ.js";
+import { n as generatePresetCode } from "./generatePresetCode-Ci4D5lDy.js";
 import { createContext, useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap, shaderRenderer } from "../core/index.js";
 import { componentDefinition } from "../core/shaders/AngularBlur/index.js";

package/dist/react/utils/generatePresetCode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AA2lBD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UAyD/B,CAAA"}
+{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAqpBD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UAyD/B,CAAA"}

package/dist/react/utils/generatePresetCode.js

@@ -1,2 +1,2 @@
-import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-CCibXbtZ.js";
+import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-Ci4D5lDy.js";
 export { availableComponents, generatePresetCode };

package/dist/react/utils/generatePresetCode.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AA8DD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}
+{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AA4HD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}