shaders 2.2.45 → 2.2.47

package/LICENSE

@@ -1,6 +1,6 @@
-Shader Effects License Agreement (v1.1)
+Shader Effects License Agreement (v1.2)
 
-Effective Date: October 14, 2025
+Effective Date: January 19, 2026
 Licensor: Shader Effects, Inc., a Delaware C-Corporation (“Shader Effects,” “we,” “us,” or “our”)
 Product: Shaders (including all npm packages, components, presets, generated code, and the design platform at shaders.com)
 
@@ -38,12 +38,23 @@ Use Shaders technology in SaaS products, design tools, or developer frameworks w
 
 Official open-source projects may use Shaders without a license key only for their promotional or documentation websites, provided Shaders is not a core or monetized part of the project.
 
-4. Telemetry and License Verification
+4. Telemetry and Privacy
 
-Shaders may automatically transmit limited, anonymous usage data to Shader Effects’ servers for the purposes of performance tracking, reliability improvement, and license compliance.
-This data does not include personal information, but may include information such as the domain name, environment type (development or production), and version identifiers to verify that a valid license is in use.
+Shaders may automatically collect and transmit limited, anonymous performance and usage data to Shader Effects' servers for the purposes of improving performance, reliability, and understanding how the library is used in production environments.
 
-By using Shaders, you consent to this limited data collection solely for these operational purposes.
+Data Collected:
+- Performance metrics (frame rate, render times, component usage)
+- Domain name where Shaders is deployed (e.g., "example.com", without URL paths)
+- Browser family (e.g., Chrome, Firefox, Safari)
+- Device type (mobile, tablet, or desktop)
+- Renderer type (WebGPU or WebGL)
+
+This data does not include personal information, IP addresses, user identifiers, or any data that can identify individual end users. Telemetry is sampled at a low rate (typically 1-5% of sessions) and respects Do Not Track browser settings.
+
+Opt-Out:
+You may disable telemetry collection entirely by setting the `disableTelemetry` prop on the Shader component or by configuring your environment to respect user privacy preferences. Even when enabled, telemetry will not collect data from users with Do Not Track enabled in their browser.
+
+By using Shaders, you acknowledge and consent to this limited data collection solely for these operational purposes.
 
 5. Right to Promote Usage
 

package/README.md

@@ -1,73 +1,17 @@
 # Shaders
 
-## Shader magic for modern frontends
-
 <img alt="image" src="https://shaders.com/og.png" />
 
 <p align="center">
   <a href="https://www.npmjs.com/package/shaders" rel="noopener noreferrer nofollow" ><img src="https://img.shields.io/npm/v/shaders?color=0368FF&label=version" alt="npm version"></a>
   <a href="https://www.npmjs.com/package/shaders" rel="noopener noreferrer nofollow" ><img src="https://img.shields.io/npm/dm/shaders?color=8D30FF&label=npm" alt="npm downloads per month"></a>
   <a target="_blank" rel="noopener noreferrer nofollow" href="https://www.jsdelivr.com/package/npm/shaders"><img alt="jsDelivr hits (npm)" src="https://img.shields.io/jsdelivr/npm/hm/shaders?logo=jsdeliver&color=FF4FBA"></a>
-  <a href="https://img.shields.io/twitter/follow/npm_i_shaders" target="_blank"><img alt="X (formerly Twitter) Follow" src="https://img.shields.io/twitter/follow/npm_i_shaders"></a>
+  <a href="https://twitter.com/intent/user?screen_name=npm_i_shaders" target="_blank"><img alt="X (formerly Twitter) Follow" src="https://img.shields.io/twitter/follow/npm_i_shaders"></a>
 </p>
 
-## Getting Started
-
-Shaders is available as component libraries for Vue, React & Svelte. No matter which framework you use, you always install `npm install shaders` and then import components from the framework-specific directory, such as `shaders/vue`.
-
-```bash
-# Install
-npm install shaders
-```
-
-<details>
-<summary>Usage (Vue)</summary>
-
-```html
-<script>
-    import { Shader, LinearGradient } from "shaders/vue"
-</script>
-
-<template>
-    <Shader>
-        <LinearGradient/>
-    </Shader>
-</template>
-```
-
-</details>
-
-<details>
-<summary>Usage (React)</summary>
-
-```html
-<script>
-    import { Shader, LinearGradient } from "shaders/react"
-</script>
-
-<template>
-    <Shader>
-        <LinearGradient/>
-    </Shader>
-</template>
-```
-
-</details>
-
-<details>
-<summary>Usage (Svelte)</summary>
-
-```svelte
-<script>
-    import { Shader, LinearGradient } from "shaders/svelte"
-</script>
-
-<Shader>
-    <LinearGradient/>
-</Shader>
-```
+## Shader Magic for Modern Frontends
 
-</details>
+Shaders is the component system for creative WebGPU effects in the browser. It's available as component libraries for Vue / Nuxt, React / Next, Svelte & Solid. 
 
 **Learn more and try the Design Editor at https://shaders.com**
 
@@ -75,6 +19,6 @@ npm install shaders
 
 Shaders © Shader Effects, Inc.
 
-Licensed under the Shader Effects License Agreement (v1.1).
+Licensed under the [Shader Effects License Agreement](./LICENSE).
 You may use Shaders freely for non-production or educational use.
 A valid paid license is required for production deployment.

package/dist/core/Kaleidoscope-3Kt0m_sh.js

@@ -0,0 +1,97 @@
+import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
+import { o as transformEdges, s as transformPosition } from "./transformations-YbhRK-rd.js";
+import { atan2, convertToTexture, cos, float, length, mod, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
+const componentDefinition = {
+	name: "Kaleidoscope",
+	category: "Distortions",
+	description: "Create a kaleidoscope effect with radial mirrored segments",
+	requiresRTT: true,
+	requiresChild: true,
+	props: {
+		center: {
+			default: {
+				x: .5,
+				y: .5
+			},
+			transform: transformPosition,
+			description: "The center point of the kaleidoscope effect",
+			ui: {
+				type: "position",
+				label: "Center"
+			}
+		},
+		segments: {
+			default: 6,
+			description: "Number of radial segments in the kaleidoscope",
+			ui: {
+				type: "range",
+				min: 2,
+				max: 24,
+				step: 1,
+				label: "Segments"
+			}
+		},
+		angle: {
+			default: 0,
+			description: "Rotation offset for the entire kaleidoscope pattern",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 360,
+				step: 1,
+				label: "Angle"
+			}
+		},
+		edges: {
+			default: "mirror",
+			description: "How to handle edges when distortion pushes content out of bounds",
+			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 aspect = viewportSize.x.div(viewportSize.y);
+		const aspectCorrectedUV = vec2(screenUV.x.mul(aspect), screenUV.y);
+		const centerPos = vec2(uniforms.center.uniform.x.mul(aspect), uniforms.center.uniform.y.oneMinus());
+		const delta = aspectCorrectedUV.sub(centerPos);
+		const radius = length(delta);
+		const currentAngle = atan2(delta.y, delta.x);
+		const rotationRad = uniforms.angle.uniform.mul(Math.PI / 180);
+		const rotatedAngle = currentAngle.add(rotationRad);
+		const segmentAngle = float(Math.PI * 2).div(uniforms.segments.uniform);
+		const wrappedAngle = mod(rotatedAngle, segmentAngle.mul(2));
+		const finalAngle = wrappedAngle.greaterThan(segmentAngle).select(segmentAngle.mul(2).sub(wrappedAngle), wrappedAngle);
+		const kaleidoscopeDelta = vec2(cos(finalAngle).mul(radius), sin(finalAngle).mul(radius));
+		const kaleidoscopePos = centerPos.add(kaleidoscopeDelta);
+		const finalUV = vec2(kaleidoscopePos.x.div(aspect), kaleidoscopePos.y);
+		return applyEdgeHandling(finalUV, childTexture.sample(finalUV), childTexture, uniforms.edges.uniform);
+	}
+};
+var Kaleidoscope_default = componentDefinition;
+export { componentDefinition as n, Kaleidoscope_default as t };

package/dist/core/Mirror-CnEZ7wHa.js

@@ -0,0 +1,84 @@
+import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
+import { o as transformEdges, s as transformPosition } from "./transformations-YbhRK-rd.js";
+import { convertToTexture, cos, mix, screenUV, sin, step, vec2, vec4, viewportSize } from "three/tsl";
+const componentDefinition = {
+	name: "Mirror",
+	category: "Distortions",
+	description: "Mirror content across a line defined by center point and angle",
+	requiresRTT: true,
+	requiresChild: true,
+	props: {
+		center: {
+			default: {
+				x: .5,
+				y: .5
+			},
+			transform: transformPosition,
+			description: "The point the mirror line passes through",
+			ui: {
+				type: "position",
+				label: "Center"
+			}
+		},
+		angle: {
+			default: 0,
+			description: "The angle of the mirror line in degrees",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 360,
+				step: 1,
+				label: "Angle"
+			}
+		},
+		edges: {
+			default: "mirror",
+			description: "How to handle edges when distortion pushes content out of bounds",
+			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 aspect = viewportSize.x.div(viewportSize.y);
+		const aspectCorrectedUV = vec2(screenUV.x.mul(aspect), screenUV.y);
+		const centerPos = vec2(uniforms.center.uniform.x.mul(aspect), uniforms.center.uniform.y.oneMinus());
+		const delta = aspectCorrectedUV.sub(centerPos);
+		const angleRad = uniforms.angle.uniform.mul(Math.PI / 180);
+		const lineDirection = vec2(cos(angleRad), sin(angleRad));
+		const lineNormal = vec2(lineDirection.y.negate(), lineDirection.x);
+		const signedDistance = delta.dot(lineNormal);
+		const reflectedDelta = delta.sub(lineNormal.mul(signedDistance.mul(2)));
+		const mirroredUV = centerPos.add(reflectedDelta);
+		const finalMirroredUV = vec2(mirroredUV.x.div(aspect), mirroredUV.y);
+		const shouldMirror = step(0, signedDistance);
+		return mix(childTexture.sample(screenUV), applyEdgeHandling(finalMirroredUV, childTexture.sample(finalMirroredUV), childTexture, uniforms.edges.uniform), shouldMirror);
+	}
+};
+var Mirror_default = componentDefinition;
+export { componentDefinition as n, Mirror_default as t };

package/dist/core/index.js

@@ -508,7 +508,6 @@ function updateUniformValue(uniform$1, newValue) {
 		}
 	} else uniform$1.uniform.value = newValue;
 }
-var hasLoggedLicenseInfo = false;
 var globalEventManager = (() => {
 	let instanceCount = 0;
 	const callbacks = /* @__PURE__ */ new Set();
@@ -569,24 +568,6 @@ var globalEventManager = (() => {
 		};
 	} };
 })();
-var isDevelopment = () => {
-	try {
-		{
-			const { MODE, DEV } = {
-				"DEV": false,
-				"MODE": "production"
-			};
-			return DEV || MODE === "development";
-		}
-		if (typeof window !== "undefined" && window.location) {
-			const hostname = window.location.hostname;
-			return hostname === "localhost" || hostname === "127.0.0.1" || hostname.endsWith(".local") || hostname.includes("dev.") || hostname.startsWith("dev-");
-		}
-		return false;
-	} catch (error) {
-		return false;
-	}
-};
 function shaderRenderer() {
 	let canvasElement = null;
 	let renderer;
@@ -1518,11 +1499,6 @@ function shaderRenderer() {
 			if (initializationAbortController === localAbortController) initializationAbortController = null;
 		}
 	};
-	const showLicenseWarning = () => {
-		if (!isDevelopment() || hasLoggedLicenseInfo) return;
-		console.warn("Shaders is running in development mode. Please purchase a license at https://shaders.com to use it in production.");
-		hasLoggedLicenseInfo = true;
-	};
 	const cleanup = () => {
 		if (initializationAbortController) initializationAbortController.abort();
 		if (resizeObserver) {
@@ -1606,7 +1582,6 @@ function shaderRenderer() {
 		removeNode,
 		updateUniformValue: updateUniformValue$1,
 		updateNodeMetadata,
-		showLicenseWarning,
 		isInitialized: () => isInitialized,
 		startAnimation,
 		stopAnimation,

package/dist/core/registry.js

@@ -33,37 +33,39 @@ import { n as componentDefinition$27 } from "./Halftone-Cb5yrPnj.js";
 import { n as componentDefinition$28 } from "./HueShift-DQ2WgImx.js";
 import { n as componentDefinition$29 } from "./ImageTexture-DKFb8ze3.js";
 import { n as componentDefinition$30 } from "./Invert-w9duGaUu.js";
-import { n as componentDefinition$31 } from "./LinearBlur-CfMT259a.js";
-import { n as componentDefinition$32 } from "./LinearGradient-Cn7w-umQ.js";
-import { n as componentDefinition$33 } from "./Liquify-BCkIt0A1.js";
-import { n as componentDefinition$34 } from "./Perspective-CJOFHxEC.js";
-import { n as componentDefinition$35 } from "./Pixelate-BhNAxBsT.js";
-import { n as componentDefinition$36 } from "./PolarCoordinates-DLs3K__1.js";
-import { n as componentDefinition$37 } from "./Posterize-XoAqPWv2.js";
-import { n as componentDefinition$38 } from "./ProgressiveBlur-BIZSnUjp.js";
-import { n as componentDefinition$39 } from "./RadialGradient-sQgXXXQk.js";
-import { n as componentDefinition$40 } from "./RectangularCoordinates-CyarkXn0.js";
-import { n as componentDefinition$41 } from "./Ripples-Djjw66Bn.js";
-import { n as componentDefinition$42 } from "./Saturation-DLHW_GP6.js";
-import { n as componentDefinition$43 } from "./Sharpness-DkGuV_dy.js";
-import { n as componentDefinition$44 } from "./Shatter-DVgj2Ea3.js";
-import { n as componentDefinition$45 } from "./SimplexNoise-BXtLTcAr.js";
-import { n as componentDefinition$46 } from "./SineWave-BxqFasFh.js";
-import { n as componentDefinition$47 } from "./SolidColor-DFkDBFq3.js";
-import { n as componentDefinition$48 } from "./Spherize-DIJ4c_EG.js";
-import { n as componentDefinition$49 } from "./Spiral-BBtmU1Fv.js";
-import { n as componentDefinition$50 } from "./Strands-D6UOhX0L.js";
-import { n as componentDefinition$51 } from "./Stretch-DLpz8Ofm.js";
-import { n as componentDefinition$52 } from "./Stripes-Bre3Z2m_.js";
-import { n as componentDefinition$53 } from "./Swirl-CfsYsr4X.js";
-import { n as componentDefinition$54 } from "./TiltShift-BPpXBzBg.js";
-import { n as componentDefinition$55 } from "./Tint-BazvezVn.js";
-import { n as componentDefinition$56 } from "./Tritone-w0h2ebDB.js";
-import { n as componentDefinition$57 } from "./Twirl-dmfYS2Eo.js";
-import { n as componentDefinition$58 } from "./Vibrance-BpWyAK9W.js";
-import { n as componentDefinition$59 } from "./WaveDistortion-hWdvaZmT.js";
-import { n as componentDefinition$60 } from "./WebcamTexture-D4Uv7Plz.js";
-import { n as componentDefinition$61 } from "./ZoomBlur-DCI4uHOL.js";
+import { n as componentDefinition$31 } from "./Kaleidoscope-3Kt0m_sh.js";
+import { n as componentDefinition$32 } from "./LinearBlur-B-rumcdD.js";
+import { n as componentDefinition$33 } from "./LinearGradient-Al78T7WU.js";
+import { n as componentDefinition$34 } from "./Liquify-BJgkphoQ.js";
+import { n as componentDefinition$35 } from "./Mirror-CnEZ7wHa.js";
+import { n as componentDefinition$36 } from "./Perspective-CPhjpprG.js";
+import { n as componentDefinition$37 } from "./Pixelate-rlHN9jV1.js";
+import { n as componentDefinition$38 } from "./PolarCoordinates-Bfa-U0fi.js";
+import { n as componentDefinition$39 } from "./Posterize-DDzCt2n9.js";
+import { n as componentDefinition$40 } from "./ProgressiveBlur-9-KRqfdm.js";
+import { n as componentDefinition$41 } from "./RadialGradient-BHuQVJ4Q.js";
+import { n as componentDefinition$42 } from "./RectangularCoordinates-CMd1Rp4Y.js";
+import { n as componentDefinition$43 } from "./Ripples-Cil48gEl.js";
+import { n as componentDefinition$44 } from "./Saturation-D_yZO7cz.js";
+import { n as componentDefinition$45 } from "./Sharpness-229T6rR0.js";
+import { n as componentDefinition$46 } from "./Shatter-B9tvT-jr.js";
+import { n as componentDefinition$47 } from "./SimplexNoise-YauHkNYZ.js";
+import { n as componentDefinition$48 } from "./SineWave-BEm0T7c8.js";
+import { n as componentDefinition$49 } from "./SolidColor-BSC8voa9.js";
+import { n as componentDefinition$50 } from "./Spherize-C6xkW6TJ.js";
+import { n as componentDefinition$51 } from "./Spiral-BY5eOKPL.js";
+import { n as componentDefinition$52 } from "./Strands-C5-TqTXW.js";
+import { n as componentDefinition$53 } from "./Stretch-CatYi4MC.js";
+import { n as componentDefinition$54 } from "./Stripes-BbNIMHDl.js";
+import { n as componentDefinition$55 } from "./Swirl-ytfGCJTs.js";
+import { n as componentDefinition$56 } from "./TiltShift-CvEKlLKc.js";
+import { n as componentDefinition$57 } from "./Tint-PBKR7M-T.js";
+import { n as componentDefinition$58 } from "./Tritone-D1rsE5HX.js";
+import { n as componentDefinition$59 } from "./Twirl-BQzDHvml.js";
+import { n as componentDefinition$60 } from "./Vibrance-JFvD6I5g.js";
+import { n as componentDefinition$61 } from "./WaveDistortion-D9Dox1gF.js";
+import { n as componentDefinition$62 } from "./WebcamTexture-BnrsnuMO.js";
+import { n as componentDefinition$63 } from "./ZoomBlur-D9At8opY.js";
 var createShaderRegistry = () => {
 	const registry = {};
 	const shaderDefinitions = {
@@ -98,37 +100,39 @@ var createShaderRegistry = () => {
 		HueShift: componentDefinition$28,
 		ImageTexture: componentDefinition$29,
 		Invert: componentDefinition$30,
-		LinearBlur: componentDefinition$31,
-		LinearGradient: componentDefinition$32,
-		Liquify: componentDefinition$33,
-		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,
-		Shatter: componentDefinition$44,
-		SimplexNoise: componentDefinition$45,
-		SineWave: componentDefinition$46,
-		SolidColor: componentDefinition$47,
-		Spherize: componentDefinition$48,
-		Spiral: componentDefinition$49,
-		Strands: componentDefinition$50,
-		Stretch: componentDefinition$51,
-		Stripes: componentDefinition$52,
-		Swirl: componentDefinition$53,
-		TiltShift: componentDefinition$54,
-		Tint: componentDefinition$55,
-		Tritone: componentDefinition$56,
-		Twirl: componentDefinition$57,
-		Vibrance: componentDefinition$58,
-		WaveDistortion: componentDefinition$59,
-		WebcamTexture: componentDefinition$60,
-		ZoomBlur: componentDefinition$61
+		Kaleidoscope: componentDefinition$31,
+		LinearBlur: componentDefinition$32,
+		LinearGradient: componentDefinition$33,
+		Liquify: componentDefinition$34,
+		Mirror: componentDefinition$35,
+		Perspective: componentDefinition$36,
+		Pixelate: componentDefinition$37,
+		PolarCoordinates: componentDefinition$38,
+		Posterize: componentDefinition$39,
+		ProgressiveBlur: componentDefinition$40,
+		RadialGradient: componentDefinition$41,
+		RectangularCoordinates: componentDefinition$42,
+		Ripples: componentDefinition$43,
+		Saturation: componentDefinition$44,
+		Sharpness: componentDefinition$45,
+		Shatter: componentDefinition$46,
+		SimplexNoise: componentDefinition$47,
+		SineWave: componentDefinition$48,
+		SolidColor: componentDefinition$49,
+		Spherize: componentDefinition$50,
+		Spiral: componentDefinition$51,
+		Strands: componentDefinition$52,
+		Stretch: componentDefinition$53,
+		Stripes: componentDefinition$54,
+		Swirl: componentDefinition$55,
+		TiltShift: componentDefinition$56,
+		Tint: componentDefinition$57,
+		Tritone: componentDefinition$58,
+		Twirl: componentDefinition$59,
+		Vibrance: componentDefinition$60,
+		WaveDistortion: componentDefinition$61,
+		WebcamTexture: componentDefinition$62,
+		ZoomBlur: componentDefinition$63
 	};
 	Object.entries(shaderDefinitions).forEach(([fileName, def]) => {
 		const propsMetadata = {};

package/dist/core/renderer.d.ts

@@ -112,7 +112,6 @@ export declare function shaderRenderer(): {
     removeNode: (id: string) => void;
     updateUniformValue: (nodeId: string, uniformName: string, value: any) => void;
     updateNodeMetadata: (nodeId: string, metadata: Partial<NodeMetadata>) => void;
-    showLicenseWarning: () => void;
     isInitialized: () => boolean;
     startAnimation: () => void;
     stopAnimation: () => void;

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;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"}
+{"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;AA2FD;;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;;0BAqXvD,IAAI;yBAeL,IAAI;yBA/LE,OAAO,CAAC,IAAI,CAAC;+BAgKb,gBAAgB;;eA4doB,WAAW,CAAC,MAAM,EAAE,QAAQ,CAAC;;2BAjBrE,QAAQ,GAAG,OAAO,GAAG,IAAI;;;mCAzhDnB,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;;;;EAk+CV"}

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

@@ -1 +1 @@
-{"version":3,"file":"shaderRegistry.d.ts","sourceRoot":"","sources":["../src/shaderRegistry.ts"],"names":[],"mappings":"AAiEA,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;AAkGD,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":"AAmEA,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;AAoGD,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/Kaleidoscope/index.d.ts

@@ -0,0 +1,36 @@
+import { ComponentDefinition } from '../../types';
+import { transformPosition, transformEdges } from '../../utilities/transformations';
+
+export interface ComponentProps {
+    /**
+     * The center point of the kaleidoscope effect
+     *
+     * 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];
+    /**
+     * Number of radial segments in the kaleidoscope
+     *
+     * Accepts a number between 2 and 24.
+     * @default 6
+     */
+    segments: number;
+    /**
+     * Rotation offset for the entire kaleidoscope pattern
+     *
+     * Accepts a number between 0 and 360.
+     * @default 0
+     */
+    angle: number;
+    /**
+     * How to handle edges when distortion pushes content out of bounds
+     *
+     * Accepts one of: `"stretch"`, `"transparent"`, `"mirror"`, `"wrap"`.
+     * @default "mirror"
+     */
+    edges: Parameters<typeof transformEdges>[0];
+}
+export declare const componentDefinition: ComponentDefinition<ComponentProps>;
+export default componentDefinition;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Kaleidoscope/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,OAAO,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,qCAAqC,CAAA;AAGrF,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;IAC/C,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;CAC9C;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAwGnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

@@ -0,0 +1,4 @@
+import "../../edges-Bd7GP4s2.js";
+import "../../transformations-YbhRK-rd.js";
+import { n as componentDefinition, t as Kaleidoscope_default } from "../../Kaleidoscope-3Kt0m_sh.js";
+export { componentDefinition, Kaleidoscope_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as LinearBlur_default } from "../../LinearBlur-CfMT259a.js";
+import { n as componentDefinition, t as LinearBlur_default } from "../../LinearBlur-B-rumcdD.js";
 export { componentDefinition, LinearBlur_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-YbhRK-rd.js";
 import "../../colorMixing-CZPFmiT4.js";
-import { n as componentDefinition, t as LinearGradient_default } from "../../LinearGradient-Cn7w-umQ.js";
+import { n as componentDefinition, t as LinearGradient_default } from "../../LinearGradient-Al78T7WU.js";
 export { componentDefinition, LinearGradient_default as default };

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

@@ -1,4 +1,4 @@
 import "../../edges-Bd7GP4s2.js";
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as Liquify_default } from "../../Liquify-BCkIt0A1.js";
+import { n as componentDefinition, t as Liquify_default } from "../../Liquify-BJgkphoQ.js";
 export { componentDefinition, Liquify_default as default };

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

@@ -0,0 +1,29 @@
+import { ComponentDefinition } from '../../types';
+import { transformPosition, transformEdges } from '../../utilities/transformations';
+
+export interface ComponentProps {
+    /**
+     * The point the mirror line passes through
+     *
+     * 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];
+    /**
+     * The angle of the mirror line in degrees
+     *
+     * Accepts a number between 0 and 360.
+     * @default 0
+     */
+    angle: number;
+    /**
+     * How to handle edges when distortion pushes content out of bounds
+     *
+     * Accepts one of: `"stretch"`, `"transparent"`, `"mirror"`, `"wrap"`.
+     * @default "mirror"
+     */
+    edges: Parameters<typeof transformEdges>[0];
+}
+export declare const componentDefinition: ComponentDefinition<ComponentProps>;
+export default componentDefinition;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Mirror/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,OAAO,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,qCAAqC,CAAA;AAGrF,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;IAC/C,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;CAC9C;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CA+FnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

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

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

@@ -1,4 +1,4 @@
 import "../../edges-Bd7GP4s2.js";
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as Perspective_default } from "../../Perspective-CJOFHxEC.js";
+import { n as componentDefinition, t as Perspective_default } from "../../Perspective-CPhjpprG.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-BhNAxBsT.js";
+import { n as componentDefinition, t as Pixelate_default } from "../../Pixelate-rlHN9jV1.js";
 export { componentDefinition, Pixelate_default as default };