shaders 2.5.80 → 2.5.81

package/dist/core/Liquify-Cr-1qPxN.js

@@ -0,0 +1,228 @@
+import { t as applyEdgeHandling } from "./edges-CfGcQniB.js";
+import { c as transformEdges } from "./transformations-B5lM6fYX.js";
+import { t as unpremultiplyAlpha } from "./alpha-C4ptedXe.js";
+import { DataTexture, FloatType, LinearFilter, RGFormat } from "three";
+import { convertToTexture, float, screenUV, texture, vec2, vec4 } from "three/tsl";
+var GRID_SIZE = 64;
+const componentDefinition = {
+	name: "Liquify",
+	category: "Interactive",
+	description: "Liquid-like interactive deformation effect",
+	requiresRTT: true,
+	requiresChild: true,
+	props: {
+		intensity: {
+			default: 10,
+			description: "Scale of the fabric displacement effect",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 20,
+				step: .1,
+				label: "Intensity",
+				group: "Effect"
+			}
+		},
+		stiffness: {
+			default: 3,
+			description: "Fabric rigidity (higher = stiffer canvas, lower = stretchy silk)",
+			ui: {
+				type: "range",
+				min: 1,
+				max: 30,
+				step: .5,
+				label: "Stiffness",
+				group: "Effect"
+			}
+		},
+		damping: {
+			default: 3,
+			description: "How quickly fabric motion settles",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 10,
+				step: .1,
+				label: "Damping",
+				group: "Effect"
+			}
+		},
+		radius: {
+			default: 1,
+			description: "Cursor influence area",
+			ui: {
+				type: "range",
+				min: .1,
+				max: 1.5,
+				step: .1,
+				label: "Radius",
+				group: "Effect"
+			}
+		},
+		edges: {
+			default: "stretch",
+			description: "How to handle edges when distortion pushes content out of bounds",
+			transform: transformEdges,
+			compileTime: true,
+			ui: {
+				type: "select",
+				options: [
+					{
+						label: "Stretch",
+						value: "stretch"
+					},
+					{
+						label: "Transparent",
+						value: "transparent"
+					},
+					{
+						label: "Mirror",
+						value: "mirror"
+					},
+					{
+						label: "Wrap",
+						value: "wrap"
+					}
+				],
+				label: "Edges",
+				group: "Effect"
+			}
+		}
+	},
+	fragmentNode: ({ uniforms, onBeforeRender, childNode, onCleanup, dimensions }) => {
+		const displacementX = new Float32Array(GRID_SIZE * GRID_SIZE);
+		const displacementY = new Float32Array(GRID_SIZE * GRID_SIZE);
+		const velocityX = new Float32Array(GRID_SIZE * GRID_SIZE);
+		const velocityY = new Float32Array(GRID_SIZE * GRID_SIZE);
+		const tempVelocityX = new Float32Array(GRID_SIZE * GRID_SIZE);
+		const tempVelocityY = new Float32Array(GRID_SIZE * GRID_SIZE);
+		const tempDisplacementX = new Float32Array(GRID_SIZE * GRID_SIZE);
+		const tempDisplacementY = new Float32Array(GRID_SIZE * GRID_SIZE);
+		const displacementData = new Float32Array(GRID_SIZE * GRID_SIZE * 2);
+		const displacementTexture = new DataTexture(displacementData, GRID_SIZE, GRID_SIZE, RGFormat, FloatType);
+		displacementTexture.magFilter = LinearFilter;
+		displacementTexture.minFilter = LinearFilter;
+		displacementTexture.needsUpdate = true;
+		const displacementField = texture(displacementTexture);
+		let prevX = .5;
+		let prevY = .5;
+		let lastTime = Date.now();
+		const SUBSTEPS = 2;
+		onBeforeRender(({ pointer }) => {
+			const currentTime = Date.now();
+			const dt = Math.min((currentTime - lastTime) / 1e3, .016);
+			lastTime = currentTime;
+			if (dt <= 0) return;
+			const aspect = dimensions.width / dimensions.height;
+			const stiffness = uniforms.stiffness.uniform.value;
+			const damping = uniforms.damping.uniform.value;
+			const radius = uniforms.radius.uniform.value * .08;
+			const rawVelX = (pointer.x - prevX) / dt;
+			const rawVelY = (pointer.y - prevY) / dt;
+			const speed = Math.sqrt(rawVelX * rawVelX + rawVelY * rawVelY);
+			const clampedSpeed = Math.min(speed, 3);
+			let dirX = 0;
+			let dirY = 0;
+			if (speed > .01) {
+				dirX = rawVelX / speed;
+				dirY = rawVelY / speed;
+			}
+			const subDt = dt / SUBSTEPS;
+			for (let s = 0; s < SUBSTEPS; s++) {
+				if (s === 0 && clampedSpeed > .01) {
+					const influenceRadius = radius * 3;
+					const minI = Math.max(1, Math.floor((pointer.y - influenceRadius) * GRID_SIZE));
+					const maxI = Math.min(GRID_SIZE - 2, Math.ceil((pointer.y + influenceRadius) * GRID_SIZE));
+					const minJ = Math.max(1, Math.floor((pointer.x - influenceRadius) * GRID_SIZE));
+					const maxJ = Math.min(GRID_SIZE - 2, Math.ceil((pointer.x + influenceRadius) * GRID_SIZE));
+					for (let i = minI; i <= maxI; i++) for (let j = minJ; j <= maxJ; j++) {
+						const idx = i * GRID_SIZE + j;
+						const cellX = (j + .5) / GRID_SIZE;
+						const cellY = (i + .5) / GRID_SIZE;
+						const ddx = aspect >= 1 ? (cellX - pointer.x) * aspect : cellX - pointer.x;
+						const ddy = aspect >= 1 ? cellY - pointer.y : (cellY - pointer.y) / aspect;
+						const dist = Math.sqrt(ddx * ddx + ddy * ddy);
+						if (dist < influenceRadius) {
+							const forceMag = Math.exp(-dist * dist / (radius * radius)) * clampedSpeed * dt * 2;
+							velocityX[idx] += dirX * forceMag;
+							velocityY[idx] += dirY * forceMag;
+						}
+					}
+				}
+				const dampFactor = Math.max(0, Math.min(1, 1 - damping * subDt));
+				const shearK = stiffness * .35;
+				tempVelocityX.set(velocityX);
+				tempVelocityY.set(velocityY);
+				tempDisplacementX.set(displacementX);
+				tempDisplacementY.set(displacementY);
+				for (let i = 1; i < GRID_SIZE - 1; i++) for (let j = 1; j < GRID_SIZE - 1; j++) {
+					const idx = i * GRID_SIZE + j;
+					let fx = 0;
+					let fy = 0;
+					const idxL = idx - 1;
+					const idxR = idx + 1;
+					const idxU = idx - GRID_SIZE;
+					const idxD = idx + GRID_SIZE;
+					fx += stiffness * (displacementX[idxL] - displacementX[idx]);
+					fx += stiffness * (displacementX[idxR] - displacementX[idx]);
+					fx += stiffness * (displacementX[idxU] - displacementX[idx]);
+					fx += stiffness * (displacementX[idxD] - displacementX[idx]);
+					fy += stiffness * (displacementY[idxL] - displacementY[idx]);
+					fy += stiffness * (displacementY[idxR] - displacementY[idx]);
+					fy += stiffness * (displacementY[idxU] - displacementY[idx]);
+					fy += stiffness * (displacementY[idxD] - displacementY[idx]);
+					const idxUL = idx - GRID_SIZE - 1;
+					const idxUR = idx - GRID_SIZE + 1;
+					const idxDL = idx + GRID_SIZE - 1;
+					const idxDR = idx + GRID_SIZE + 1;
+					fx += shearK * (displacementX[idxUL] - displacementX[idx]);
+					fx += shearK * (displacementX[idxUR] - displacementX[idx]);
+					fx += shearK * (displacementX[idxDL] - displacementX[idx]);
+					fx += shearK * (displacementX[idxDR] - displacementX[idx]);
+					fy += shearK * (displacementY[idxUL] - displacementY[idx]);
+					fy += shearK * (displacementY[idxUR] - displacementY[idx]);
+					fy += shearK * (displacementY[idxDL] - displacementY[idx]);
+					fy += shearK * (displacementY[idxDR] - displacementY[idx]);
+					fx -= stiffness * .1 * displacementX[idx];
+					fy -= stiffness * .1 * displacementY[idx];
+					tempVelocityX[idx] = velocityX[idx] * dampFactor + fx * subDt;
+					tempVelocityY[idx] = velocityY[idx] * dampFactor + fy * subDt;
+					tempDisplacementX[idx] = displacementX[idx] + tempVelocityX[idx] * subDt;
+					tempDisplacementY[idx] = displacementY[idx] + tempVelocityY[idx] * subDt;
+					tempDisplacementX[idx] = Math.max(-.5, Math.min(.5, tempDisplacementX[idx]));
+					tempDisplacementY[idx] = Math.max(-.5, Math.min(.5, tempDisplacementY[idx]));
+				}
+				velocityX.set(tempVelocityX);
+				velocityY.set(tempVelocityY);
+				displacementX.set(tempDisplacementX);
+				displacementY.set(tempDisplacementY);
+			}
+			for (let i = 0; i < GRID_SIZE; i++) for (let j = 0; j < GRID_SIZE; j++) {
+				const idx = i * GRID_SIZE + j;
+				const dIdx = idx * 2;
+				displacementData[dIdx] = displacementX[idx];
+				displacementData[dIdx + 1] = displacementY[idx];
+			}
+			displacementTexture.needsUpdate = true;
+			prevX = pointer.x;
+			prevY = pointer.y;
+		});
+		onCleanup(() => {
+			displacementTexture.dispose();
+		});
+		if (!childNode) return vec4(0, 0, 0, 0);
+		const childTexture = convertToTexture(childNode);
+		onCleanup(() => {
+			if (childTexture?.renderTarget?.dispose) childTexture.renderTarget.dispose();
+		});
+		const displacement = displacementField.sample(screenUV).xy;
+		const intensityScale = uniforms.intensity.uniform.mul(.1);
+		const scaledDisplacement = displacement.mul(intensityScale);
+		const maxDisp = float(.15);
+		const clampedDisplacement = scaledDisplacement.clamp(vec2(maxDisp.negate(), maxDisp.negate()), vec2(maxDisp, maxDisp));
+		const distortedUV = screenUV.sub(clampedDisplacement);
+		return unpremultiplyAlpha(applyEdgeHandling(distortedUV, childTexture.sample(distortedUV), childTexture, uniforms.edges.uniform.value));
+	}
+};
+var Liquify_default = componentDefinition;
+export { componentDefinition as n, Liquify_default as t };

package/dist/core/index.js

@@ -53,7 +53,7 @@ import "./Kaleidoscope-B0McCEhc.js";
 import "./LensFlare-DXgpPyJK.js";
 import "./LinearBlur-CBl0B23J.js";
 import "./LinearGradient-C0FT7-Lc.js";
-import "./Liquify-Cy6ck3_k.js";
+import "./Liquify-Cr-1qPxN.js";
 import "./Mirror-DfZBEOUf.js";
 import "./Neon-E8whPM6C.js";
 import "./Paper-DJwBbPxA.js";
@@ -95,7 +95,7 @@ import "./VideoTexture-DDnc6aVv.js";
 import "./WaveDistortion-Caj3cQz7.js";
 import "./WebcamTexture-rb0dLKSc.js";
 import "./ZoomBlur-DUrSxwl0.js";
-import { t as getAllShaders } from "./shaderRegistry-9huRXSRI.js";
+import { t as getAllShaders } from "./shaderRegistry-DnmRD6xy.js";
 import { Material, Mesh, MeshBasicNodeMaterial, OrthographicCamera, PlaneGeometry, SRGBColorSpace, Scene, Vector2, WebGPURenderer } from "three/webgpu";
 import { WebGLRenderer } from "three";
 import { PI, abs, add, atan, clamp, convertToTexture, cos, div, dot, float, fract, max, min, mix, mul, pow, screenUV, sign, sin, smoothstep, sqrt, step, sub, time, uniform, uv, vec2, vec3, vec4 } from "three/tsl";

package/dist/core/registry.js

@@ -53,7 +53,7 @@ import "./Kaleidoscope-B0McCEhc.js";
 import "./LensFlare-DXgpPyJK.js";
 import "./LinearBlur-CBl0B23J.js";
 import "./LinearGradient-C0FT7-Lc.js";
-import "./Liquify-Cy6ck3_k.js";
+import "./Liquify-Cr-1qPxN.js";
 import "./Mirror-DfZBEOUf.js";
 import "./Neon-E8whPM6C.js";
 import "./Paper-DJwBbPxA.js";
@@ -95,5 +95,5 @@ import "./VideoTexture-DDnc6aVv.js";
 import "./WaveDistortion-Caj3cQz7.js";
 import "./WebcamTexture-rb0dLKSc.js";
 import "./ZoomBlur-DUrSxwl0.js";
-import { a as shaderRegistry, i as getShadersByCategory, n as getShaderByName, r as getShaderCategories, t as getAllShaders } from "./shaderRegistry-9huRXSRI.js";
+import { a as shaderRegistry, i as getShadersByCategory, n as getShaderByName, r as getShaderCategories, t as getAllShaders } from "./shaderRegistry-DnmRD6xy.js";
 export { getAllShaders, getShaderByName, getShaderCategories, getShadersByCategory, shaderRegistry };

package/dist/core/{shaderRegistry-9huRXSRI.js → shaderRegistry-DnmRD6xy.js}

@@ -47,7 +47,7 @@ import { n as componentDefinition$45 } from "./Kaleidoscope-B0McCEhc.js";
 import { n as componentDefinition$46 } from "./LensFlare-DXgpPyJK.js";
 import { n as componentDefinition$47 } from "./LinearBlur-CBl0B23J.js";
 import { n as componentDefinition$48 } from "./LinearGradient-C0FT7-Lc.js";
-import { n as componentDefinition$49 } from "./Liquify-Cy6ck3_k.js";
+import { n as componentDefinition$49 } from "./Liquify-Cr-1qPxN.js";
 import { n as componentDefinition$50 } from "./Mirror-DfZBEOUf.js";
 import { n as componentDefinition$51 } from "./Neon-E8whPM6C.js";
 import { n as componentDefinition$52 } from "./Paper-DJwBbPxA.js";

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

@@ -2,23 +2,29 @@ import { ComponentDefinition } from '../../types';
 
 export interface ComponentProps {
     /**
-     * Strength of the distortion effect
+     * Scale of the fabric displacement effect
      *
-     * Accepts a number between 0 and 5.
-     * @default 1
+     * @default 10
      */
     intensity: number;
     /**
-     * Rate of distortion decay (higher = faster)
+     * Fabric rigidity (higher = stiffer canvas, lower = stretchy silk)
+     *
+     * Accepts a number between 1 and 30.
+     * @default 3
+     */
+    stiffness: number;
+    /**
+     * How quickly fabric motion settles
      *
      * Accepts a number between 0 and 10.
      * @default 3
      */
-    decay: number;
+    damping: number;
     /**
-     * Radius of the distortion effect
+     * Cursor influence area
      *
-     * Accepts a number between 0 and 3.
+     * Accepts a number between 0.1 and 1.5.
      * @default 1
      */
     radius: number;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Liquify/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AASvE,MAAM,WAAW,cAAc;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CAChB;AAuCD,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAgKnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Liquify/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AASvE,MAAM,WAAW,cAAc;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CAChB;AAID,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAsQnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

@@ -1,5 +1,5 @@
 import "../../edges-CfGcQniB.js";
 import "../../transformations-B5lM6fYX.js";
 import "../../alpha-C4ptedXe.js";
-import { n as componentDefinition, t as Liquify_default } from "../../Liquify-Cy6ck3_k.js";
+import { n as componentDefinition, t as Liquify_default } from "../../Liquify-Cr-1qPxN.js";
 export { componentDefinition, Liquify_default as default };

package/dist/js/createShader.js

@@ -40,7 +40,7 @@ async function createShader(canvas, preset, options) {
 	if (isExternalUser() && shouldCollectTelemetry(options?.disableTelemetry || false, options?.isPreview || false)) {
 		const checkRendering = () => {
 			if (renderer.getPerformanceStats().fps > 0) {
-				telemetryCollector = startTelemetry(renderer, "2.5.80", options?.disableTelemetry || false, false);
+				telemetryCollector = startTelemetry(renderer, "2.5.81", options?.disableTelemetry || false, false);
 				if (telemetryCollector) telemetryCollector.start();
 				telemetryStartTimeout = null;
 			} else telemetryStartTimeout = setTimeout(checkRendering, 500);

package/dist/js/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;AA2sCD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAoBlG;AAGD,eAAO,MAAM,mBAAmB,UA4F/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;AA4sCD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAoBlG;AAGD,eAAO,MAAM,mBAAmB,UA4F/B,CAAA"}

package/dist/js/utils/generatePresetCode.js

@@ -572,8 +572,9 @@ var shaderMetadata = {
 	"Liquify": {
 		"opacity": 1,
 		"blendMode": "normal",
-		"intensity": 1,
-		"decay": 3,
+		"intensity": 10,
+		"stiffness": 3,
+		"damping": 3,
 		"radius": 1,
 		"edges": "stretch"
 	},

package/dist/react/Shader.js

@@ -80,7 +80,7 @@ const Shader = ({ children, disableTelemetry = false, colorSpace = "p3-linear",
 				return;
 			}
 			if (rendererRef.current.getPerformanceStats().fps > 0) {
-				telemetryCollectorRef.current = startTelemetry(rendererRef.current, "2.5.80", disableTelemetry, isPreview);
+				telemetryCollectorRef.current = startTelemetry(rendererRef.current, "2.5.81", disableTelemetry, isPreview);
 				if (telemetryCollectorRef.current) telemetryCollectorRef.current.start();
 				telemetryStartTimeoutRef.current = null;
 			} else telemetryStartTimeoutRef.current = window.setTimeout(checkRendering, 500);

package/dist/react/components/Liquify.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { BlendMode, TransformConfig } from '../../core';
+import { BlendMode, PropDriver, TransformConfig } from '../../core';
 import { ComponentProps } from '../../core/shaders/Liquify';
 
 export type { ComponentProps };
@@ -22,7 +22,9 @@ interface BaseShaderProps {
  * Component-specific props that merge base props with shader-specific props
  * Note: ComponentProps are made optional since they have defaults from the shader definition
  */
-type ShaderComponentProps = BaseShaderProps & Partial<Omit<ComponentProps, never>> & {};
+type ShaderComponentProps = BaseShaderProps & Partial<Omit<ComponentProps, 'intensity'>> & {
+    intensity?: ComponentProps['intensity'] | PropDriver;
+};
 /**
  * The main React wrapper component for Shader shader nodes
  */

package/dist/react/components/Liquify.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Liquify.d.ts","sourceRoot":"","sources":["../../src/components/Liquify.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAGH,KAAK,SAAS,EAKd,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGhF,YAAY,EAAE,cAAc,EAAE,CAAC;AAI/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACrC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACxB;AAOD;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,GAAG,EACpF,CAAC;AAwDF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAmM1D,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"Liquify.d.ts","sourceRoot":"","sources":["../../src/components/Liquify.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAGH,KAAK,SAAS,EAId,KAAK,UAAU,EACf,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGhF,YAAY,EAAE,cAAc,EAAE,CAAC;AAI/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACrC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACxB;AAOD;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC,GAAG;IACzF,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC;CACtD,CAAC;AAwDF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAmM1D,CAAC;AAEF,eAAe,eAAe,CAAC"}

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;AA8tCD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAsElG;AAGD,eAAO,MAAM,mBAAmB,UA4F/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;AA+tCD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAsElG;AAGD,eAAO,MAAM,mBAAmB,UA4F/B,CAAA"}

package/dist/react/utils/generatePresetCode.js

@@ -584,8 +584,9 @@ var shaderMetadata = {
 	"Liquify": {
 		"opacity": 1,
 		"blendMode": "normal",
-		"intensity": 1,
-		"decay": 3,
+		"intensity": 10,
+		"stiffness": 3,
+		"damping": 3,
 		"radius": 1,
 		"edges": "stretch"
 	},

package/dist/registry.js

@@ -9830,36 +9830,51 @@ export const shaderRegistry = [
       "requiresChild": true,
       "props": {
         "intensity": {
-          "default": 1,
-          "description": "Strength of the distortion effect",
+          "default": 10,
+          "description": "Scale of the fabric displacement effect",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
-            "max": 5,
+            "max": 20,
             "step": 0.1,
             "label": "Intensity",
             "group": "Effect"
           }
         },
-        "decay": {
+        "stiffness": {
           "default": 3,
-          "description": "Rate of distortion decay (higher = faster)",
+          "description": "Fabric rigidity (higher = stiffer canvas, lower = stretchy silk)",
+          "ui": {
+            "type": "range",
+            "min": 1,
+            "max": 30,
+            "step": 0.5,
+            "label": "Stiffness",
+            "group": "Effect"
+          }
+        },
+        "damping": {
+          "default": 3,
+          "description": "How quickly fabric motion settles",
           "ui": {
             "type": "range",
             "min": 0,
             "max": 10,
             "step": 0.1,
-            "label": "Decay",
+            "label": "Damping",
             "group": "Effect"
           }
         },
         "radius": {
           "default": 1,
-          "description": "Radius of the distortion effect",
+          "description": "Cursor influence area",
           "ui": {
             "type": "range",
-            "min": 0,
-            "max": 3,
+            "min": 0.1,
+            "max": 1.5,
             "step": 0.1,
             "label": "Radius",
             "group": "Effect"
@@ -9898,39 +9913,54 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
-          "max": 5,
+          "max": 20,
           "step": 0.1,
           "label": "Intensity",
           "group": "Effect"
         },
-        "default": 1,
-        "description": "Strength of the distortion effect"
+        "default": 10,
+        "description": "Scale of the fabric displacement effect"
       },
-      "decay": {
+      "stiffness": {
+        "ui": {
+          "type": "range",
+          "min": 1,
+          "max": 30,
+          "step": 0.5,
+          "label": "Stiffness",
+          "group": "Effect"
+        },
+        "default": 3,
+        "description": "Fabric rigidity (higher = stiffer canvas, lower = stretchy silk)"
+      },
+      "damping": {
         "ui": {
           "type": "range",
           "min": 0,
           "max": 10,
           "step": 0.1,
-          "label": "Decay",
+          "label": "Damping",
           "group": "Effect"
         },
         "default": 3,
-        "description": "Rate of distortion decay (higher = faster)"
+        "description": "How quickly fabric motion settles"
       },
       "radius": {
         "ui": {
           "type": "range",
-          "min": 0,
-          "max": 3,
+          "min": 0.1,
+          "max": 1.5,
           "step": 0.1,
           "label": "Radius",
           "group": "Effect"
         },
         "default": 1,
-        "description": "Radius of the distortion effect"
+        "description": "Cursor influence area"
       },
       "edges": {
         "ui": {

package/dist/solid/components/Liquify.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from 'solid-js';
-import { BlendMode, TransformConfig } from '../../core';
+import { BlendMode, PropDriver, TransformConfig } from '../../core';
 import { ComponentProps } from '../../core/shaders/Liquify';
 export type { ComponentProps };
 /**
@@ -20,7 +20,9 @@ interface BaseShaderProps {
  * Component-specific props that merge base props with shader-specific props
  * Note: ComponentProps are made optional since they have defaults from the shader definition
  */
-type ShaderComponentProps = BaseShaderProps & Partial<Omit<ComponentProps, never>> & {};
+type ShaderComponentProps = BaseShaderProps & Partial<Omit<ComponentProps, 'intensity'>> & {
+    intensity?: ComponentProps['intensity'] | PropDriver;
+};
 /**
  * The main Solid wrapper component for Shader shader nodes
  */

package/dist/solid/components/Liquify.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Liquify.d.ts","sourceRoot":"","sources":["../../src/components/Liquify.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4D,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAC9F,OAAO,EAGH,KAAK,SAAS,EAKd,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGhF,YAAY,EAAE,cAAc,EAAE,CAAC;AAI/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACxC;AAOD;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,GAAG,EACpF,CAAC;AAmCF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eA+LlE"}
+{"version":3,"file":"Liquify.d.ts","sourceRoot":"","sources":["../../src/components/Liquify.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4D,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAC9F,OAAO,EAGH,KAAK,SAAS,EAId,KAAK,UAAU,EACf,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGhF,YAAY,EAAE,cAAc,EAAE,CAAC;AAI/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACxC;AAOD;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC,GAAG;IACzF,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC;CACtD,CAAC;AAmCF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eA+LlE"}

package/dist/solid/engine/Shader.js

@@ -63,7 +63,7 @@ function Shader(allProps) {
     const checkRendering = () => {
       const stats = rendererInstance.getPerformanceStats();
       if (stats.fps > 0) {
-        const version = "2.5.80";
+        const version = "2.5.81";
         telemetryCollector = startTelemetry(rendererInstance, version, props.disableTelemetry, props.isPreview);
         if (telemetryCollector) {
           telemetryCollector.start();

package/dist/solid/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;AAqtCD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAsElG;AAGD,eAAO,MAAM,mBAAmB,UA4F/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;AAstCD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAsElG;AAGD,eAAO,MAAM,mBAAmB,UA4F/B,CAAA"}

package/dist/solid/utils/generatePresetCode.js

@@ -579,8 +579,9 @@ const shaderMetadata = {
   "Liquify": {
     "opacity": 1,
     "blendMode": "normal",
-    "intensity": 1,
-    "decay": 3,
+    "intensity": 10,
+    "stiffness": 3,
+    "damping": 3,
     "radius": 1,
     "edges": "stretch"
   },

package/dist/svelte/components/Liquify.svelte.d.ts

@@ -1,9 +1,10 @@
-import { type BlendMode, type TransformConfig } from '../../core';
+import { type BlendMode, type PropDriver, type TransformConfig } from '../../core';
 import { type ComponentProps } from '../../core/shaders/Liquify';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */
 interface ExtendedComponentProps extends Partial<ComponentProps> {
+    intensity?: ComponentProps['intensity'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;

package/dist/svelte/{generatePresetCode-BN1puRG_.js → generatePresetCode-6ecNqXs9.js}

@@ -577,8 +577,9 @@ var shaderMetadata = {
 	"Liquify": {
 		"opacity": 1,
 		"blendMode": "normal",
-		"intensity": 1,
-		"decay": 3,
+		"intensity": 10,
+		"stiffness": 3,
+		"damping": 3,
 		"radius": 1,
 		"edges": "stretch"
 	},

package/dist/svelte/index.js

@@ -1,4 +1,4 @@
-import { n as generatePresetCode } from "./generatePresetCode-BN1puRG_.js";
+import { n as generatePresetCode } from "./generatePresetCode-6ecNqXs9.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { getContext, onDestroy, onMount, setContext } from "svelte";
@@ -13188,7 +13188,7 @@ function Shader($$anchor, $$props) {
 		const checkRendering = () => {
 			if (!rendererInstance) return;
 			if (rendererInstance.getPerformanceStats().fps > 0) {
-				telemetryCollector = startTelemetry(rendererInstance, "2.5.80", disableTelemetry(), isPreview());
+				telemetryCollector = startTelemetry(rendererInstance, "2.5.81", disableTelemetry(), isPreview());
 				if (telemetryCollector) telemetryCollector.start();
 				telemetryStartTimeout = null;
 			} else telemetryStartTimeout = window.setTimeout(checkRendering, 500);

package/dist/svelte/source/components/Liquify.svelte

@@ -19,6 +19,7 @@
      * Define component props including blend mode, opacity, visibility, masking, and transformation
      */
     interface ExtendedComponentProps extends Partial<ComponentProps> {
+        intensity?: ComponentProps['intensity'] | PropDriver;
         blendMode?: BlendMode;
         opacity?: number;
         visible?: boolean;

package/dist/svelte/utils/generatePresetCode.js

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

package/dist/vue/Liquify.vue_vue_type_script_setup_true_lang.js

@@ -6,6 +6,7 @@ var _hoisted_1 = ["data-shader-id"];
 var Liquify_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "Liquify",
 	props: /* @__PURE__ */ mergeDefaults({
+		intensity: {},
 		blendMode: {},
 		opacity: {},
 		visible: { type: Boolean },
@@ -14,8 +15,8 @@ var Liquify_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		intensity: {},
-		decay: {},
+		stiffness: {},
+		damping: {},
 		radius: {},
 		edges: {}
 	}, {

package/dist/vue/Shader.vue_vue_type_script_setup_true_lang.js

@@ -57,7 +57,7 @@ var Shader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		const startTelemetryWhenReady = () => {
 			const checkRendering = () => {
 				if (rendererInstance.value.getPerformanceStats().fps > 0) {
-					telemetryCollector = startTelemetry(rendererInstance.value, "2.5.80", props.disableTelemetry, props.isPreview);
+					telemetryCollector = startTelemetry(rendererInstance.value, "2.5.81", props.disableTelemetry, props.isPreview);
 					if (telemetryCollector) telemetryCollector.start();
 					telemetryStartTimeout = null;
 				} else telemetryStartTimeout = setTimeout(checkRendering, 500);

package/dist/vue/components/Liquify.vue.d.ts

@@ -1,10 +1,11 @@
-import { BlendMode, TransformConfig } from '../../core';
+import { BlendMode, PropDriver, TransformConfig } from '../../core';
 import { ComponentProps } from '../../core/shaders/Liquify';
 
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */
 interface ExtendedComponentProps extends Partial<ComponentProps> {
+    intensity?: ComponentProps['intensity'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;

package/dist/vue/components/Liquify.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Liquify.vue.d.ts","sourceRoot":"","sources":["../../src/components/Liquify.vue"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,SAAS,EAKd,KAAK,eAAe,EACrB,MAAM,cAAc,CAAA;AAIrB,OAAO,EAAsB,KAAK,cAAc,EAAC,MAAM,sBAAsB,CAAA;AAI7E;;GAEG;AACH,UAAU,sBAAuB,SAAQ,OAAO,CAAC,cAAc,CAAC;IAC9D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACtC;AA0RD,iBAAS,cAAc;qBAsCM,GAAG;EAK/B;AAUD,QAAA,MAAM,eAAe;;;;;;;eAvVP,SAAS;aAEX,OAAO;4EA2VjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"Liquify.vue.d.ts","sourceRoot":"","sources":["../../src/components/Liquify.vue"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,SAAS,EAId,KAAK,UAAU,EACf,KAAK,eAAe,EACrB,MAAM,cAAc,CAAA;AAIrB,OAAO,EAAsB,KAAK,cAAc,EAAC,MAAM,sBAAsB,CAAA;AAI7E;;GAEG;AACH,UAAU,sBAAuB,SAAQ,OAAO,CAAC,cAAc,CAAC;IAC9D,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC;IACrD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACtC;AA0RD,iBAAS,cAAc;qBAsCM,GAAG;EAK/B;AAUD,QAAA,MAAM,eAAe;;;;;;;eAvVP,SAAS;aAEX,OAAO;4EA2VjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/vue/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;AAotCD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAiFlG;AAGD,eAAO,MAAM,mBAAmB,UA4F/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;AAqtCD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAiFlG;AAGD,eAAO,MAAM,mBAAmB,UA4F/B,CAAA"}

package/dist/vue/utils/generatePresetCode.js

@@ -575,8 +575,9 @@ var shaderMetadata = {
 	"Liquify": {
 		"opacity": 1,
 		"blendMode": "normal",
-		"intensity": 1,
-		"decay": 3,
+		"intensity": 10,
+		"stiffness": 3,
+		"damping": 3,
 		"radius": 1,
 		"edges": "stretch"
 	},

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shaders",
-  "version": "2.5.80",
+  "version": "2.5.81",
   "description": "Shader magic for modern frontends",
   "author": "Shader Effects Inc.",
   "homepage": "https://shaders.com/",

package/dist/core/Liquify-Cy6ck3_k.js

@@ -1,157 +0,0 @@
-import { t as applyEdgeHandling } from "./edges-CfGcQniB.js";
-import { c as transformEdges } from "./transformations-B5lM6fYX.js";
-import { t as unpremultiplyAlpha } from "./alpha-C4ptedXe.js";
-import { DataTexture, FloatType, LinearFilter, RGFormat } from "three";
-import { convertToTexture, float, screenUV, texture, uniform, vec2, vec4 } from "three/tsl";
-var GRID_SIZE = 32;
-var displacementStateCache = /* @__PURE__ */ new WeakMap();
-var getOrCreateDisplacementState = (uniforms) => {
-	let state = displacementStateCache.get(uniforms);
-	if (!state) {
-		const data = new Float32Array(GRID_SIZE * GRID_SIZE * 2);
-		const dataTexture = new DataTexture(data, GRID_SIZE, GRID_SIZE, RGFormat, FloatType);
-		dataTexture.magFilter = LinearFilter;
-		dataTexture.minFilter = LinearFilter;
-		dataTexture.needsUpdate = true;
-		state = {
-			dataTexture,
-			data,
-			tslNode: texture(dataTexture),
-			initialized: false
-		};
-		displacementStateCache.set(uniforms, state);
-	}
-	return state;
-};
-const componentDefinition = {
-	name: "Liquify",
-	category: "Interactive",
-	description: "Liquid-like interactive deformation effect",
-	requiresRTT: true,
-	requiresChild: true,
-	props: {
-		intensity: {
-			default: 1,
-			description: "Strength of the distortion effect",
-			ui: {
-				type: "range",
-				min: 0,
-				max: 5,
-				step: .1,
-				label: "Intensity",
-				group: "Effect"
-			}
-		},
-		decay: {
-			default: 3,
-			description: "Rate of distortion decay (higher = faster)",
-			ui: {
-				type: "range",
-				min: 0,
-				max: 10,
-				step: .1,
-				label: "Decay",
-				group: "Effect"
-			}
-		},
-		radius: {
-			default: 1,
-			description: "Radius of the distortion effect",
-			ui: {
-				type: "range",
-				min: 0,
-				max: 3,
-				step: .1,
-				label: "Radius",
-				group: "Effect"
-			}
-		},
-		edges: {
-			default: "stretch",
-			description: "How to handle edges when distortion pushes content out of bounds",
-			transform: transformEdges,
-			compileTime: true,
-			ui: {
-				type: "select",
-				options: [
-					{
-						label: "Stretch",
-						value: "stretch"
-					},
-					{
-						label: "Transparent",
-						value: "transparent"
-					},
-					{
-						label: "Mirror",
-						value: "mirror"
-					},
-					{
-						label: "Wrap",
-						value: "wrap"
-					}
-				],
-				label: "Edges",
-				group: "Effect"
-			}
-		}
-	},
-	fragmentNode: ({ uniforms, onBeforeRender, childNode, onCleanup }) => {
-		const { dataTexture: displacementTexture, data: displacementData, tslNode: displacementField } = getOrCreateDisplacementState(uniforms);
-		const mouseVelX = uniform(0);
-		const mouseVelY = uniform(0);
-		let prevX = .5;
-		let prevY = .5;
-		let lastTime = Date.now();
-		onBeforeRender(({ pointer, dimensions }) => {
-			const currentTime = Date.now();
-			const dt = Math.min((currentTime - lastTime) / 1e3, .016);
-			lastTime = currentTime;
-			const aspect = dimensions.width / dimensions.height;
-			const velX = dt > 0 ? (pointer.x - prevX) / dt : 0;
-			const velY = dt > 0 ? (pointer.y - prevY) / dt : 0;
-			mouseVelX.value = mouseVelX.value * .85 + velX * .15;
-			mouseVelY.value = mouseVelY.value * .85 + velY * .15;
-			const decay = uniforms.decay.uniform.value;
-			const intensity = uniforms.intensity.uniform.value;
-			const radius = uniforms.radius.uniform.value * .05;
-			for (let i = 0; i < GRID_SIZE; i++) for (let j = 0; j < GRID_SIZE; j++) {
-				const idx = (i * GRID_SIZE + j) * 2;
-				displacementData[idx] *= 1 - decay * dt;
-				displacementData[idx + 1] *= 1 - decay * dt;
-				const cellX = (j + .5) / GRID_SIZE;
-				const cellY = (i + .5) / GRID_SIZE;
-				const dx = aspect >= 1 ? (cellX - pointer.x) * aspect : cellX - pointer.x;
-				const dy = aspect >= 1 ? cellY - pointer.y : (cellY - pointer.y) / aspect;
-				const dist = Math.sqrt(dx * dx + dy * dy);
-				if (dist < radius * 2 && Math.abs(velX) + Math.abs(velY) > .01) {
-					const influence = Math.exp(-dist * dist / (radius * radius));
-					displacementData[idx] += mouseVelX.value * influence * intensity * dt * .5;
-					displacementData[idx + 1] += mouseVelY.value * influence * intensity * dt * .5;
-				}
-				displacementData[idx] = Math.max(-1, Math.min(1, displacementData[idx]));
-				displacementData[idx + 1] = Math.max(-1, Math.min(1, displacementData[idx + 1]));
-			}
-			displacementTexture.needsUpdate = true;
-			prevX = pointer.x;
-			prevY = pointer.y;
-		});
-		onCleanup(() => {
-			displacementTexture.dispose();
-			displacementStateCache.delete(uniforms);
-		});
-		if (!childNode) return vec4(0, 0, 0, 0);
-		const childTexture = convertToTexture(childNode);
-		onCleanup(() => {
-			if (childTexture?.renderTarget?.dispose) childTexture.renderTarget.dispose();
-		});
-		const displacement = displacementField.sample(screenUV).xy;
-		const maxDisplacement = float(.2);
-		const negMaxDisplacement = float(-.2);
-		const clampedDisplacement = displacement.clamp(vec2(negMaxDisplacement, negMaxDisplacement), vec2(maxDisplacement, maxDisplacement));
-		const distortedUV = screenUV.sub(clampedDisplacement);
-		return unpremultiplyAlpha(applyEdgeHandling(distortedUV, childTexture.sample(distortedUV), childTexture, uniforms.edges.uniform.value));
-	}
-};
-var Liquify_default = componentDefinition;
-export { componentDefinition as n, Liquify_default as t };