shaders 2.2.34 → 2.2.36

package/dist/core/Perspective-CSP2Hb16.js

@@ -0,0 +1,137 @@
+import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
+import { o as transformEdges, s as transformPosition } from "./transformations-YbhRK-rd.js";
+import { convertToTexture, cos, float, max, screenUV, sin, tan, vec2, vec4 } from "three/tsl";
+const componentDefinition = {
+	name: "Perspective",
+	category: "Distortions",
+	description: "Rotate the plane in 3D space with pan and tilt",
+	requiresRTT: true,
+	requiresChild: true,
+	props: {
+		center: {
+			default: {
+				x: .5,
+				y: .5
+			},
+			transform: transformPosition,
+			description: "Center point of rotation",
+			ui: {
+				type: "position",
+				label: "Center"
+			}
+		},
+		pan: {
+			default: 0,
+			description: "Horizontal rotation (left/right)",
+			ui: {
+				type: "range",
+				min: -90,
+				max: 90,
+				step: .1,
+				label: "Pan"
+			}
+		},
+		tilt: {
+			default: 0,
+			description: "Vertical rotation (up/down)",
+			ui: {
+				type: "range",
+				min: -90,
+				max: 90,
+				step: .1,
+				label: "Tilt"
+			}
+		},
+		fov: {
+			default: 60,
+			description: "Field of view - controls perspective intensity",
+			ui: {
+				type: "range",
+				min: 30,
+				max: 120,
+				step: 1,
+				label: "FOV"
+			}
+		},
+		zoom: {
+			default: 1,
+			description: "Zoom in to fill the frame after rotation",
+			ui: {
+				type: "range",
+				min: .5,
+				max: 3,
+				step: .01,
+				label: "Zoom"
+			}
+		},
+		offset: {
+			default: {
+				x: .5,
+				y: .5
+			},
+			transform: transformPosition,
+			description: "Shift the result in X/Y",
+			ui: {
+				type: "position",
+				label: "Offset"
+			}
+		},
+		edges: {
+			default: "transparent",
+			description: "How to handle edges",
+			transform: transformEdges,
+			ui: {
+				type: "select",
+				options: [
+					{
+						label: "Stretch",
+						value: "stretch"
+					},
+					{
+						label: "Transparent",
+						value: "transparent"
+					},
+					{
+						label: "Mirror",
+						value: "mirror"
+					},
+					{
+						label: "Wrap",
+						value: "wrap"
+					}
+				],
+				label: "Edges"
+			}
+		}
+	},
+	fragmentNode: ({ uniforms, childNode, onCleanup }) => {
+		if (!childNode) return vec4(0, 0, 0, 0);
+		const childTexture = convertToTexture(childNode);
+		onCleanup(() => {
+			if (childTexture?.renderTarget?.dispose) childTexture.renderTarget.dispose();
+		});
+		const centerPos = vec2(uniforms.center.uniform.x, uniforms.center.uniform.y.oneMinus());
+		const zoom = uniforms.zoom.uniform;
+		const x = screenUV.x.sub(centerPos.x).div(zoom);
+		const y = screenUV.y.sub(centerPos.y).div(zoom);
+		const panRad = uniforms.pan.uniform.mul(Math.PI / 180);
+		const tiltRad = uniforms.tilt.uniform.mul(Math.PI / 180);
+		const fovRad = uniforms.fov.uniform.mul(Math.PI / 180);
+		const cosPan = cos(panRad);
+		const sinPan = sin(panRad);
+		const cosTilt = cos(tiltRad);
+		const sinTilt = sin(tiltRad);
+		const perspectiveFactor = tan(fovRad.mul(.5)).mul(2);
+		const safePanDivisor = max(cosPan.add(sinPan.mul(x).mul(perspectiveFactor)), float(.001));
+		const afterPanX = x.div(safePanDivisor);
+		const afterPanY = y.mul(cosPan).div(safePanDivisor);
+		const safeTiltDivisor = max(cosTilt.add(sinTilt.mul(afterPanY).mul(perspectiveFactor)), float(.001));
+		const finalX = afterPanX.mul(cosTilt).div(safeTiltDivisor);
+		const finalY = afterPanY.div(safeTiltDivisor);
+		const offsetPos = vec2(uniforms.offset.uniform.x, uniforms.offset.uniform.y.oneMinus());
+		const finalUV = vec2(finalX, finalY).add(centerPos).sub(offsetPos).add(vec2(.5, .5));
+		return applyEdgeHandling(finalUV, childTexture.sample(finalUV), childTexture, uniforms.edges.uniform);
+	}
+};
+var Perspective_default = componentDefinition;
+export { componentDefinition as n, Perspective_default as t };

package/dist/core/Sharpness-cw57bW0s.js

@@ -0,0 +1,41 @@
+import { Fn, clamp, convertToTexture, float, screenUV, vec2, vec4, viewportSize } from "three/tsl";
+const componentDefinition = {
+	name: "Sharpness",
+	category: "Adjustments",
+	description: "Adjust image sharpness using a convolution kernel",
+	requiresRTT: true,
+	requiresChild: true,
+	props: { sharpness: {
+		default: 0,
+		description: "How sharp to make the underlying image",
+		ui: {
+			type: "range",
+			min: 0,
+			max: 5,
+			step: .01,
+			label: "Sharpness"
+		}
+	} },
+	fragmentNode: ({ uniforms, childNode, onCleanup }) => {
+		if (!childNode) return vec4(0, 0, 0, 0);
+		const childTexture = convertToTexture(childNode);
+		onCleanup(() => {
+			if (childTexture?.renderTarget?.dispose) childTexture.renderTarget.dispose();
+		});
+		return Fn(() => {
+			const uv$1 = screenUV;
+			const amount = uniforms.sharpness.uniform;
+			const pixelSize = vec2(1).div(viewportSize);
+			const center = childTexture.sample(uv$1);
+			const top = childTexture.sample(uv$1.add(vec2(0, pixelSize.y)));
+			const bottom = childTexture.sample(uv$1.sub(vec2(0, pixelSize.y)));
+			const left = childTexture.sample(uv$1.sub(vec2(pixelSize.x, 0)));
+			const right = childTexture.sample(uv$1.add(vec2(pixelSize.x, 0)));
+			const centerWeight = float(1).add(amount.mul(4));
+			const neighborWeight = amount.negate();
+			return vec4(clamp(center.mul(centerWeight).add(top.mul(neighborWeight)).add(bottom.mul(neighborWeight)).add(left.mul(neighborWeight)).add(right.mul(neighborWeight)).rgb, 0, 1), center.a);
+		})();
+	}
+};
+var Sharpness_default = componentDefinition;
+export { componentDefinition as n, Sharpness_default as t };

package/dist/core/index.js

@@ -36,28 +36,30 @@ import { n as componentDefinition$30 } from "./Invert-w9duGaUu.js";
 import { n as componentDefinition$31 } from "./LinearBlur-CTXjolzL.js";
 import { n as componentDefinition$32 } from "./LinearGradient-CZo6e7r8.js";
 import { n as componentDefinition$33 } from "./Liquify-BbfDBMNZ.js";
-import { n as componentDefinition$34 } from "./Pixelate-C5Rx1dBp.js";
-import { n as componentDefinition$35 } from "./PolarCoordinates-CIh5ef8m.js";
-import { n as componentDefinition$36 } from "./Posterize-Byy0Ek0l.js";
-import { n as componentDefinition$37 } from "./ProgressiveBlur-Bzz24_y-.js";
-import { n as componentDefinition$38 } from "./RadialGradient-Ci1dU-1K.js";
-import { n as componentDefinition$39 } from "./RectangularCoordinates-tVGG7WOJ.js";
-import { n as componentDefinition$40 } from "./Ripples-BCGSt5HD.js";
-import { n as componentDefinition$41 } from "./Saturation-DWR1Nruu.js";
-import { n as componentDefinition$42 } from "./SimplexNoise-CAtknQS7.js";
-import { n as componentDefinition$43 } from "./SineWave-CHtV6kB4.js";
-import { n as componentDefinition$44 } from "./SolidColor-CSSquNVW.js";
-import { n as componentDefinition$45 } from "./Spherize-BJby0xSU.js";
-import { n as componentDefinition$46 } from "./Spiral-CpB3-tFZ.js";
-import { n as componentDefinition$47 } from "./Strands-C2KWiJc8.js";
-import { n as componentDefinition$48 } from "./Stretch-Chpzutao.js";
-import { n as componentDefinition$49 } from "./Swirl-qbMypv_R.js";
-import { n as componentDefinition$50 } from "./TiltShift-D0qyWoe3.js";
-import { n as componentDefinition$51 } from "./Tritone-DzeueG1F.js";
-import { n as componentDefinition$52 } from "./Twirl-B2Ic0WGq.js";
-import { n as componentDefinition$53 } from "./Vibrance-BAGXelBi.js";
-import { n as componentDefinition$54 } from "./WaveDistortion-DYFl_8vA.js";
-import { n as componentDefinition$55 } from "./ZoomBlur-CXpRNRJA.js";
+import { n as componentDefinition$34 } from "./Perspective-CSP2Hb16.js";
+import { n as componentDefinition$35 } from "./Pixelate-BAoi-CSx.js";
+import { n as componentDefinition$36 } from "./PolarCoordinates-BwN9HhFK.js";
+import { n as componentDefinition$37 } from "./Posterize-XoAqPWv2.js";
+import { n as componentDefinition$38 } from "./ProgressiveBlur-RuAm_BKx.js";
+import { n as componentDefinition$39 } from "./RadialGradient-BfFuRbIl.js";
+import { n as componentDefinition$40 } from "./RectangularCoordinates-CiW3J4UT.js";
+import { n as componentDefinition$41 } from "./Ripples-BAcLsbLr.js";
+import { n as componentDefinition$42 } from "./Saturation-DVVlpikK.js";
+import { n as componentDefinition$43 } from "./Sharpness-cw57bW0s.js";
+import { n as componentDefinition$44 } from "./SimplexNoise-CxF7Tl5O.js";
+import { n as componentDefinition$45 } from "./SineWave-SIEiE1O3.js";
+import { n as componentDefinition$46 } from "./SolidColor-zYROg_aE.js";
+import { n as componentDefinition$47 } from "./Spherize-tsKMpSaS.js";
+import { n as componentDefinition$48 } from "./Spiral-PsIc1BI9.js";
+import { n as componentDefinition$49 } from "./Strands-xsbd_3Bt.js";
+import { n as componentDefinition$50 } from "./Stretch-BhHjbcqd.js";
+import { n as componentDefinition$51 } from "./Swirl-CV1prOHF.js";
+import { n as componentDefinition$52 } from "./TiltShift-BYQjUHpn.js";
+import { n as componentDefinition$53 } from "./Tritone-CJW8YTyB.js";
+import { n as componentDefinition$54 } from "./Twirl-5k_XPd51.js";
+import { n as componentDefinition$55 } from "./Vibrance-c25pkbWj.js";
+import { n as componentDefinition$56 } from "./WaveDistortion-BRgbfqt3.js";
+import { n as componentDefinition$57 } from "./ZoomBlur-DEozXA8U.js";
 import { Material, Mesh, MeshBasicNodeMaterial, OrthographicCamera, PlaneGeometry, SRGBColorSpace, Scene, WebGPURenderer } from "three/webgpu";
 import { WebGLRenderer } from "three";
 import { PI, abs, add, atan, convertToTexture, cos, div, dot, float, fract, max, min, mix, mul, pow, screenUV, sin, smoothstep, sqrt, step, sub, time, uniform, uv, vec2, vec3, vec4 } from "three/tsl";
@@ -1084,7 +1086,7 @@ function shaderRenderer() {
 			}
 		}
 	};
-	const registerNode = (id, fragmentNodeFunc, parentId, metadata, uniforms = {}, componentDefinition$56) => {
+	const registerNode = (id, fragmentNodeFunc, parentId, metadata, uniforms = {}, componentDefinition$58) => {
 		if (fragmentNodeFunc === null) {
 			const queueIndex = pendingRegistrationQueue.findIndex((item) => item.id === id);
 			if (queueIndex !== -1) {
@@ -1102,7 +1104,7 @@ function shaderRenderer() {
 				parentId,
 				metadata,
 				uniforms,
-				componentDefinition: componentDefinition$56
+				componentDefinition: componentDefinition$58
 			};
 			else pendingRegistrationQueue.push({
 				id,
@@ -1110,7 +1112,7 @@ function shaderRenderer() {
 				parentId,
 				metadata,
 				uniforms,
-				componentDefinition: componentDefinition$56
+				componentDefinition: componentDefinition$58
 			});
 			return;
 		}
@@ -1143,11 +1145,11 @@ function shaderRenderer() {
 		}
 		const nodeInfo = {
 			id,
-			componentName: componentDefinition$56?.name || "Unknown",
+			componentName: componentDefinition$58?.name || "Unknown",
 			fragmentNodeFunc,
 			parentId,
-			requiresRTT: componentDefinition$56?.requiresRTT || false,
-			requiresChild: componentDefinition$56?.requiresChild || false,
+			requiresRTT: componentDefinition$58?.requiresRTT || false,
+			requiresChild: componentDefinition$58?.requiresChild || false,
 			opacityUniform,
 			metadata: {
 				blendMode: metadata?.blendMode || "normal",
@@ -1463,7 +1465,7 @@ function shaderRenderer() {
 		if (pendingRegistrationQueue.length === 0) return;
 		const queue = [...pendingRegistrationQueue];
 		pendingRegistrationQueue = [];
-		for (const { id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition: componentDefinition$56 } of queue) if (fragmentNodeFunc) registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition$56);
+		for (const { id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition: componentDefinition$58 } of queue) if (fragmentNodeFunc) registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition$58);
 	};
 	const initialize = async ({ canvas, enablePerformanceTracking: enableTracking = false }) => {
 		if (isInitialized || isInitializing) return;
@@ -1792,28 +1794,30 @@ var createShaderRegistry = () => {
 		LinearBlur: componentDefinition$31,
 		LinearGradient: componentDefinition$32,
 		Liquify: componentDefinition$33,
-		Pixelate: componentDefinition$34,
-		PolarCoordinates: componentDefinition$35,
-		Posterize: componentDefinition$36,
-		ProgressiveBlur: componentDefinition$37,
-		RadialGradient: componentDefinition$38,
-		RectangularCoordinates: componentDefinition$39,
-		Ripples: componentDefinition$40,
-		Saturation: componentDefinition$41,
-		SimplexNoise: componentDefinition$42,
-		SineWave: componentDefinition$43,
-		SolidColor: componentDefinition$44,
-		Spherize: componentDefinition$45,
-		Spiral: componentDefinition$46,
-		Strands: componentDefinition$47,
-		Stretch: componentDefinition$48,
-		Swirl: componentDefinition$49,
-		TiltShift: componentDefinition$50,
-		Tritone: componentDefinition$51,
-		Twirl: componentDefinition$52,
-		Vibrance: componentDefinition$53,
-		WaveDistortion: componentDefinition$54,
-		ZoomBlur: componentDefinition$55
+		Perspective: componentDefinition$34,
+		Pixelate: componentDefinition$35,
+		PolarCoordinates: componentDefinition$36,
+		Posterize: componentDefinition$37,
+		ProgressiveBlur: componentDefinition$38,
+		RadialGradient: componentDefinition$39,
+		RectangularCoordinates: componentDefinition$40,
+		Ripples: componentDefinition$41,
+		Saturation: componentDefinition$42,
+		Sharpness: componentDefinition$43,
+		SimplexNoise: componentDefinition$44,
+		SineWave: componentDefinition$45,
+		SolidColor: componentDefinition$46,
+		Spherize: componentDefinition$47,
+		Spiral: componentDefinition$48,
+		Strands: componentDefinition$49,
+		Stretch: componentDefinition$50,
+		Swirl: componentDefinition$51,
+		TiltShift: componentDefinition$52,
+		Tritone: componentDefinition$53,
+		Twirl: componentDefinition$54,
+		Vibrance: componentDefinition$55,
+		WaveDistortion: componentDefinition$56,
+		ZoomBlur: componentDefinition$57
 	};
 	Object.entries(shaderDefinitions).forEach(([fileName, def]) => {
 		const propsMetadata = {};

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

@@ -1 +1 @@
-{"version":3,"file":"shaderRegistry.d.ts","sourceRoot":"","sources":["../src/shaderRegistry.ts"],"names":[],"mappings":"AA2DA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAA;IACpC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE;QAC5B,EAAE,CAAC,EAAE,GAAG,CAAA;QACR,OAAO,CAAC,EAAE,GAAG,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAC,CAAA;CACH;AA4FD,eAAO,MAAM,cAAc,qCAAyB,CAAA;AAGpD,wBAAgB,aAAa,IAAI,mBAAmB,EAAE,CAErD;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB,GAAG,SAAS,CAE7E;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,mBAAmB,EAAE,CAE5E;AAED,wBAAgB,mBAAmB,IAAI,MAAM,EAAE,CAG9C"}
+{"version":3,"file":"shaderRegistry.d.ts","sourceRoot":"","sources":["../src/shaderRegistry.ts"],"names":[],"mappings":"AA6DA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAA;IACpC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE;QAC5B,EAAE,CAAC,EAAE,GAAG,CAAA;QACR,OAAO,CAAC,EAAE,GAAG,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAC,CAAA;CACH;AA8FD,eAAO,MAAM,cAAc,qCAAyB,CAAA;AAGpD,wBAAgB,aAAa,IAAI,mBAAmB,EAAE,CAErD;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB,GAAG,SAAS,CAE7E;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,mBAAmB,EAAE,CAE5E;AAED,wBAAgB,mBAAmB,IAAI,MAAM,EAAE,CAG9C"}

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

@@ -0,0 +1,57 @@
+import { ComponentDefinition } from '../../types';
+import { transformPosition } from '../../utilities/transformations';
+
+export interface ComponentProps {
+    /**
+     * Center point of rotation
+     *
+     * Accepts `{ x, y }` objects with values from 0 to 1, or CSS positions like `top center`.
+     * @default {"x":0.5,"y":0.5}
+     */
+    center: Parameters<typeof transformPosition>[0];
+    /**
+     * Horizontal rotation (left/right)
+     *
+     * Accepts a number between -90 and 90.
+     * @default 0
+     */
+    pan: number;
+    /**
+     * Vertical rotation (up/down)
+     *
+     * Accepts a number between -90 and 90.
+     * @default 0
+     */
+    tilt: number;
+    /**
+     * Field of view - controls perspective intensity
+     *
+     * Accepts a number between 30 and 120.
+     * @default 60
+     */
+    fov: number;
+    /**
+     * Zoom in to fill the frame after rotation
+     *
+     * Accepts a number between 0.5 and 3.
+     * @default 1
+     */
+    zoom: number;
+    /**
+     * Shift the result in X/Y
+     *
+     * Accepts `{ x, y }` objects with values from 0 to 1, or CSS positions like `top center`.
+     * @default {"x":0.5,"y":0.5}
+     */
+    offset: Parameters<typeof transformPosition>[0];
+    /**
+     * How to handle edges
+     *
+     * Accepts one of: `"stretch"`, `"transparent"`, `"mirror"`, `"wrap"`.
+     * @default "transparent"
+     */
+    edges: string;
+}
+export declare const componentDefinition: ComponentDefinition<ComponentProps>;
+export default componentDefinition;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Perspective/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,OAAO,EAAC,iBAAiB,EAAiB,MAAM,qCAAqC,CAAA;AAGrF,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;IAC/C,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;IAC/C,KAAK,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAsInE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

@@ -0,0 +1,4 @@
+import "../../edges-Bd7GP4s2.js";
+import "../../transformations-YbhRK-rd.js";
+import { n as componentDefinition, t as Perspective_default } from "../../Perspective-CSP2Hb16.js";
+export { componentDefinition, Perspective_default as default };

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

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as Pixelate_default } from "../../Pixelate-C5Rx1dBp.js";
+import { n as componentDefinition, t as Pixelate_default } from "../../Pixelate-BAoi-CSx.js";
 export { componentDefinition, Pixelate_default as default };

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

@@ -1,4 +1,4 @@
 import "../../edges-Bd7GP4s2.js";
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as PolarCoordinates_default } from "../../PolarCoordinates-CIh5ef8m.js";
+import { n as componentDefinition, t as PolarCoordinates_default } from "../../PolarCoordinates-BwN9HhFK.js";
 export { componentDefinition, PolarCoordinates_default as default };

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

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as Posterize_default } from "../../Posterize-Byy0Ek0l.js";
+import { n as componentDefinition, t as Posterize_default } from "../../Posterize-XoAqPWv2.js";
 export { componentDefinition, Posterize_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as ProgressiveBlur_default } from "../../ProgressiveBlur-Bzz24_y-.js";
+import { n as componentDefinition, t as ProgressiveBlur_default } from "../../ProgressiveBlur-RuAm_BKx.js";
 export { componentDefinition, ProgressiveBlur_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-YbhRK-rd.js";
 import "../../colorMixing-CZPFmiT4.js";
-import { n as componentDefinition, t as RadialGradient_default } from "../../RadialGradient-Ci1dU-1K.js";
+import { n as componentDefinition, t as RadialGradient_default } from "../../RadialGradient-BfFuRbIl.js";
 export { componentDefinition, RadialGradient_default as default };

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

@@ -1,4 +1,4 @@
 import "../../edges-Bd7GP4s2.js";
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as RectangularCoordinates_default } from "../../RectangularCoordinates-tVGG7WOJ.js";
+import { n as componentDefinition, t as RectangularCoordinates_default } from "../../RectangularCoordinates-CiW3J4UT.js";
 export { componentDefinition, RectangularCoordinates_default as default };

package/dist/core/shaders/Ripples/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 Ripples_default } from "../../Ripples-BCGSt5HD.js";
+import { n as componentDefinition, t as Ripples_default } from "../../Ripples-BAcLsbLr.js";
 export { componentDefinition, Ripples_default as default };

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

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as Saturation_default } from "../../Saturation-DWR1Nruu.js";
+import { n as componentDefinition, t as Saturation_default } from "../../Saturation-DVVlpikK.js";
 export { componentDefinition, Saturation_default as default };

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

@@ -0,0 +1,14 @@
+import { ComponentDefinition } from '../../types';
+
+export interface ComponentProps {
+    /**
+     * How sharp to make the underlying image
+     *
+     * Accepts a number between 0 and 5.
+     * @default 0
+     */
+    sharpness: number;
+}
+export declare const componentDefinition: ComponentDefinition<ComponentProps>;
+export default componentDefinition;
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+import { n as componentDefinition, t as Sharpness_default } from "../../Sharpness-cw57bW0s.js";
+export { componentDefinition, Sharpness_default as default };

package/dist/core/shaders/SimplexNoise/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 SimplexNoise_default } from "../../SimplexNoise-CAtknQS7.js";
+import { n as componentDefinition, t as SimplexNoise_default } from "../../SimplexNoise-CxF7Tl5O.js";
 export { componentDefinition, SimplexNoise_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as SineWave_default } from "../../SineWave-CHtV6kB4.js";
+import { n as componentDefinition, t as SineWave_default } from "../../SineWave-SIEiE1O3.js";
 export { componentDefinition, SineWave_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as SolidColor_default } from "../../SolidColor-CSSquNVW.js";
+import { n as componentDefinition, t as SolidColor_default } from "../../SolidColor-zYROg_aE.js";
 export { componentDefinition, SolidColor_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as Spherize_default } from "../../Spherize-BJby0xSU.js";
+import { n as componentDefinition, t as Spherize_default } from "../../Spherize-tsKMpSaS.js";
 export { componentDefinition, Spherize_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-YbhRK-rd.js";
 import "../../colorMixing-CZPFmiT4.js";
-import { n as componentDefinition, t as Spiral_default } from "../../Spiral-CpB3-tFZ.js";
+import { n as componentDefinition, t as Spiral_default } from "../../Spiral-PsIc1BI9.js";
 export { componentDefinition, Spiral_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-YbhRK-rd.js";
 import "../../time-DgRTVr2F.js";
-import { n as componentDefinition, t as Strands_default } from "../../Strands-C2KWiJc8.js";
+import { n as componentDefinition, t as Strands_default } from "../../Strands-xsbd_3Bt.js";
 export { componentDefinition, Strands_default as default };

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

@@ -1,4 +1,4 @@
 import "../../edges-Bd7GP4s2.js";
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as Stretch_default } from "../../Stretch-Chpzutao.js";
+import { n as componentDefinition, t as Stretch_default } from "../../Stretch-BhHjbcqd.js";
 export { componentDefinition, Stretch_default as default };

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-qbMypv_R.js";
+import { n as componentDefinition, t as Swirl_default } from "../../Swirl-CV1prOHF.js";
 export { componentDefinition, Swirl_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as TiltShift_default } from "../../TiltShift-D0qyWoe3.js";
+import { n as componentDefinition, t as TiltShift_default } from "../../TiltShift-BYQjUHpn.js";
 export { componentDefinition, TiltShift_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-YbhRK-rd.js";
 import "../../colorMixing-CZPFmiT4.js";
-import { n as componentDefinition, t as Tritone_default } from "../../Tritone-DzeueG1F.js";
+import { n as componentDefinition, t as Tritone_default } from "../../Tritone-CJW8YTyB.js";
 export { componentDefinition, Tritone_default as default };

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

@@ -1,4 +1,4 @@
 import "../../edges-Bd7GP4s2.js";
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as Twirl_default } from "../../Twirl-B2Ic0WGq.js";
+import { n as componentDefinition, t as Twirl_default } from "../../Twirl-5k_XPd51.js";
 export { componentDefinition, Twirl_default as default };

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

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as Vibrance_default } from "../../Vibrance-BAGXelBi.js";
+import { n as componentDefinition, t as Vibrance_default } from "../../Vibrance-c25pkbWj.js";
 export { componentDefinition, Vibrance_default as default };

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

@@ -1,4 +1,4 @@
 import "../../edges-Bd7GP4s2.js";
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-DYFl_8vA.js";
+import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-BRgbfqt3.js";
 export { componentDefinition, WaveDistortion_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-CXpRNRJA.js";
+import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-DEozXA8U.js";
 export { componentDefinition, ZoomBlur_default as default };

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

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+import { BlendMode, TransformConfig } from '../../core';
+import { ComponentProps } from '../../core/shaders/Perspective';
+
+export type { ComponentProps };
+/**
+ * Base props that all shader components have
+ */
+interface BaseShaderProps {
+    children?: React.ReactNode;
+    blendMode?: BlendMode;
+    opacity?: number;
+    visible?: boolean;
+    id?: string;
+    maskSource?: string;
+    maskType?: string;
+    renderOrder?: number;
+    transform?: Partial<TransformConfig>;
+    ref?: React.Ref<any>;
+}
+/**
+ * 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<ComponentProps>;
+/**
+ * The main React wrapper component for Shader shader nodes
+ */
+export declare const OmbreComponent: React.FC<ShaderComponentProps>;
+export default OmbreComponent;
+//# sourceMappingURL=Perspective.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Perspective.d.ts","sourceRoot":"","sources":["../../src/components/Perspective.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAGH,KAAK,SAAS,EAId,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAGpF,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;AAED;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;AAsDtE;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAwJzD,CAAC;AAEF,eAAe,cAAc,CAAC"}