shaders 2.2.39 → 2.2.41

package/dist/core/Stripes-TdCUOh07.js

@@ -0,0 +1,127 @@
+import { i as transformColorSpace, n as transformAngle, r as transformColor, t as colorSpaceOptions } from "./transformations-YbhRK-rd.js";
+import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
+import { t as mixColors } from "./colorMixing-CZPFmiT4.js";
+import { cos, fract, fwidth, screenUV, sin, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
+const componentDefinition = {
+	name: "Stripes",
+	category: "Base Layers",
+	description: "Alternating colored stripes with animation",
+	props: {
+		colorA: {
+			default: "#000000",
+			transform: transformColor,
+			description: "First stripe color",
+			ui: {
+				type: "color",
+				label: "Color A"
+			}
+		},
+		colorB: {
+			default: "#ffffff",
+			transform: transformColor,
+			description: "Second stripe color",
+			ui: {
+				type: "color",
+				label: "Color B"
+			}
+		},
+		angle: {
+			default: 45,
+			transform: transformAngle,
+			description: "Angle of stripes in degrees",
+			ui: {
+				type: "range",
+				min: -180,
+				max: 180,
+				step: 1,
+				label: "Angle"
+			}
+		},
+		density: {
+			default: 5,
+			description: "Number of stripe pairs visible",
+			ui: {
+				type: "range",
+				min: 1,
+				max: 30,
+				step: 1,
+				label: "Density"
+			}
+		},
+		balance: {
+			default: .5,
+			description: "Ratio of the two colors",
+			ui: {
+				type: "range",
+				min: .01,
+				max: .99,
+				step: .01,
+				label: "Balance"
+			}
+		},
+		softness: {
+			default: 0,
+			description: "Edge softness",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Softness"
+			}
+		},
+		speed: {
+			default: .2,
+			description: "Animation speed",
+			ui: {
+				type: "range",
+				min: -1,
+				max: 1,
+				step: .1,
+				label: "Speed"
+			}
+		},
+		offset: {
+			default: 0,
+			description: "Phase offset for pattern positioning",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Offset"
+			}
+		},
+		colorSpace: {
+			default: "linear",
+			transform: transformColorSpace,
+			description: "Color space for interpolation",
+			ui: {
+				type: "select",
+				options: colorSpaceOptions,
+				label: "Color Space"
+			}
+		}
+	},
+	fragmentNode: (params) => {
+		const { uniforms } = params;
+		const uv$1 = screenUV;
+		const aspect = viewportSize.x.div(viewportSize.y);
+		const aspectCorrectedUV = vec2(uv$1.x.mul(aspect), uv$1.y);
+		const angleRad = uniforms.angle.uniform.mul(.0174533);
+		const cosA = cos(angleRad);
+		const sinA = sin(angleRad);
+		const rotatedCoord = aspectCorrectedUV.x.mul(cosA).add(aspectCorrectedUV.y.mul(sinA));
+		const t = createAnimatedTime(params, uniforms.speed);
+		const pattern = rotatedCoord.mul(uniforms.density.uniform).add(t).add(uniforms.offset.uniform);
+		const stripe = fract(pattern);
+		const fw = fwidth(pattern);
+		const balance = uniforms.balance.uniform;
+		const soft = uniforms.softness.uniform;
+		const mask = smoothstep(balance.sub(soft).sub(fw), balance.add(soft).add(fw), stripe);
+		const mixedColor = mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, mask, uniforms.colorSpace.uniform);
+		return vec4(mixedColor.rgb, mixedColor.a);
+	}
+};
+var Stripes_default = componentDefinition;
+export { componentDefinition as n, Stripes_default as t };

package/dist/core/Tint-ChKku9xR.js

@@ -0,0 +1,56 @@
+import { r as transformColor } from "./transformations-YbhRK-rd.js";
+import { dot, max, mix, vec3, vec4 } from "three/tsl";
+const componentDefinition = {
+	name: "Tint",
+	category: "Adjustments",
+	description: "Apply a color tint to the image",
+	requiresChild: true,
+	props: {
+		color: {
+			default: "#ff8800",
+			transform: transformColor,
+			description: "Tint color",
+			ui: {
+				type: "color",
+				label: "Tint Color"
+			}
+		},
+		amount: {
+			default: .5,
+			description: "Tint amount (0 = no tint, 1 = full tint)",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Amount"
+			}
+		},
+		preserveLuminosity: {
+			default: true,
+			description: "Preserve original brightness",
+			ui: {
+				type: "checkbox",
+				label: "Preserve Luminosity"
+			}
+		}
+	},
+	fragmentNode: ({ uniforms, childNode }) => {
+		if (!childNode) {
+			console.error("You must pass a child component into the Tint shader.");
+			return vec4(0);
+		}
+		const tintColor = uniforms.color.uniform;
+		const amount = uniforms.amount.uniform;
+		const preserveLum = uniforms.preserveLuminosity.uniform;
+		const rgb = vec3(childNode.r, childNode.g, childNode.b);
+		const luminanceWeights = vec3(.299, .587, .114);
+		const originalLum = dot(rgb, luminanceWeights);
+		const tinted = mix(rgb, tintColor.rgb, amount);
+		const tintedLum = dot(tinted, luminanceWeights);
+		const lumPreserved = tinted.mul(originalLum.div(max(tintedLum, 1e-4)));
+		return vec4(preserveLum.select(lumPreserved, tinted), childNode.a);
+	}
+};
+var Tint_default = componentDefinition;
+export { componentDefinition as n, Tint_default as t };

package/dist/core/index.js

@@ -53,13 +53,15 @@ import { n as componentDefinition$47 } from "./Spherize-tsKMpSaS.js";
 import { n as componentDefinition$48 } from "./Spiral-DDyVSeG_.js";
 import { n as componentDefinition$49 } from "./Strands-B9vY4uA7.js";
 import { n as componentDefinition$50 } from "./Stretch-BhHjbcqd.js";
-import { n as componentDefinition$51 } from "./Swirl-DoCDBZad.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-Bo2Ar13M.js";
-import { n as componentDefinition$57 } from "./ZoomBlur-DEozXA8U.js";
+import { n as componentDefinition$51 } from "./Stripes-TdCUOh07.js";
+import { n as componentDefinition$52 } from "./Swirl-m1-Mnzj5.js";
+import { n as componentDefinition$53 } from "./TiltShift-C_NUqKZF.js";
+import { n as componentDefinition$54 } from "./Tint-ChKku9xR.js";
+import { n as componentDefinition$55 } from "./Tritone-D-NcV7N-.js";
+import { n as componentDefinition$56 } from "./Twirl-Cqzll6nW.js";
+import { n as componentDefinition$57 } from "./Vibrance-CxunJkcb.js";
+import { n as componentDefinition$58 } from "./WaveDistortion-UQZKCfKh.js";
+import { n as componentDefinition$59 } from "./ZoomBlur-DqKYdlmm.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";
@@ -1086,7 +1088,7 @@ function shaderRenderer() {
 			}
 		}
 	};
-	const registerNode = (id, fragmentNodeFunc, parentId, metadata, uniforms = {}, componentDefinition$58) => {
+	const registerNode = (id, fragmentNodeFunc, parentId, metadata, uniforms = {}, componentDefinition$60) => {
 		if (fragmentNodeFunc === null) {
 			const queueIndex = pendingRegistrationQueue.findIndex((item) => item.id === id);
 			if (queueIndex !== -1) {
@@ -1104,7 +1106,7 @@ function shaderRenderer() {
 				parentId,
 				metadata,
 				uniforms,
-				componentDefinition: componentDefinition$58
+				componentDefinition: componentDefinition$60
 			};
 			else pendingRegistrationQueue.push({
 				id,
@@ -1112,7 +1114,7 @@ function shaderRenderer() {
 				parentId,
 				metadata,
 				uniforms,
-				componentDefinition: componentDefinition$58
+				componentDefinition: componentDefinition$60
 			});
 			return;
 		}
@@ -1145,11 +1147,11 @@ function shaderRenderer() {
 		}
 		const nodeInfo = {
 			id,
-			componentName: componentDefinition$58?.name || "Unknown",
+			componentName: componentDefinition$60?.name || "Unknown",
 			fragmentNodeFunc,
 			parentId,
-			requiresRTT: componentDefinition$58?.requiresRTT || false,
-			requiresChild: componentDefinition$58?.requiresChild || false,
+			requiresRTT: componentDefinition$60?.requiresRTT || false,
+			requiresChild: componentDefinition$60?.requiresChild || false,
 			opacityUniform,
 			metadata: {
 				blendMode: metadata?.blendMode || "normal",
@@ -1465,7 +1467,7 @@ function shaderRenderer() {
 		if (pendingRegistrationQueue.length === 0) return;
 		const queue = [...pendingRegistrationQueue];
 		pendingRegistrationQueue = [];
-		for (const { id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition: componentDefinition$58 } of queue) if (fragmentNodeFunc) registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition$58);
+		for (const { id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition: componentDefinition$60 } of queue) if (fragmentNodeFunc) registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition$60);
 	};
 	const initialize = async ({ canvas, enablePerformanceTracking: enableTracking = false }) => {
 		if (isInitialized || isInitializing) return;
@@ -1811,13 +1813,15 @@ var createShaderRegistry = () => {
 		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
+		Stripes: componentDefinition$51,
+		Swirl: componentDefinition$52,
+		TiltShift: componentDefinition$53,
+		Tint: componentDefinition$54,
+		Tritone: componentDefinition$55,
+		Twirl: componentDefinition$56,
+		Vibrance: componentDefinition$57,
+		WaveDistortion: componentDefinition$58,
+		ZoomBlur: componentDefinition$59
 	};
 	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":"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"}
+{"version":3,"file":"shaderRegistry.d.ts","sourceRoot":"","sources":["../src/shaderRegistry.ts"],"names":[],"mappings":"AA+DA,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;AAgGD,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/Stripes/index.d.ts

@@ -0,0 +1,71 @@
+import { ComponentDefinition } from '../../types';
+import { transformColor, transformAngle } from '../../utilities/transformations';
+
+export interface ComponentProps {
+    /**
+     * First stripe color
+     *
+     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
+     * @default "#000000"
+     */
+    colorA: Parameters<typeof transformColor>[0];
+    /**
+     * Second stripe color
+     *
+     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
+     * @default "#ffffff"
+     */
+    colorB: Parameters<typeof transformColor>[0];
+    /**
+     * Angle of stripes in degrees
+     *
+     * Accepts a number between -180 and 180.
+     * @default 45
+     */
+    angle: Parameters<typeof transformAngle>[0];
+    /**
+     * Number of stripe pairs visible
+     *
+     * Accepts a number between 1 and 30.
+     * @default 5
+     */
+    density: number;
+    /**
+     * Ratio of the two colors
+     *
+     * Accepts a number between 0.01 and 0.99.
+     * @default 0.5
+     */
+    balance: number;
+    /**
+     * Edge softness
+     *
+     * Accepts a number between 0 and 1.
+     * @default 0
+     */
+    softness: number;
+    /**
+     * Animation speed
+     *
+     * Accepts a number between -1 and 1.
+     * @default 0.2
+     */
+    speed: number;
+    /**
+     * Phase offset for pattern positioning
+     *
+     * Accepts a number between 0 and 1.
+     * @default 0
+     */
+    offset: number;
+    /**
+     * Color space for interpolation
+     *
+     * Accepts one of the predefined option values.
+     * @default "linear"
+     */
+    colorSpace: string;
+}
+export declare const componentDefinition: ComponentDefinition<ComponentProps>;
+export default componentDefinition;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Stripes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,OAAO,EAAC,cAAc,EAAE,cAAc,EAAyC,MAAM,qCAAqC,CAAA;AAI1H,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3C,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAsGnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

@@ -0,0 +1,5 @@
+import "../../transformations-YbhRK-rd.js";
+import "../../time-BZqyVJXt.js";
+import "../../colorMixing-CZPFmiT4.js";
+import { n as componentDefinition, t as Stripes_default } from "../../Stripes-TdCUOh07.js";
+export { componentDefinition, Stripes_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-YbhRK-rd.js";
 import "../../time-BZqyVJXt.js";
 import "../../colorMixing-CZPFmiT4.js";
-import { n as componentDefinition, t as Swirl_default } from "../../Swirl-DoCDBZad.js";
+import { n as componentDefinition, t as Swirl_default } from "../../Swirl-m1-Mnzj5.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-BYQjUHpn.js";
+import { n as componentDefinition, t as TiltShift_default } from "../../TiltShift-C_NUqKZF.js";
 export { componentDefinition, TiltShift_default as default };

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

@@ -0,0 +1,29 @@
+import { ComponentDefinition } from '../../types';
+import { transformColor } from '../../utilities/transformations';
+
+export interface ComponentProps {
+    /**
+     * Tint color
+     *
+     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
+     * @default "#ff8800"
+     */
+    color: Parameters<typeof transformColor>[0];
+    /**
+     * Tint amount (0 = no tint, 1 = full tint)
+     *
+     * Accepts a number between 0 and 1.
+     * @default 0.5
+     */
+    amount: number;
+    /**
+     * Preserve original brightness
+     *
+     * Accepts a boolean value (`true` or `false`).
+     * @default true
+     */
+    preserveLuminosity: boolean;
+}
+export declare const componentDefinition: ComponentDefinition<ComponentProps>;
+export default componentDefinition;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Tint/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAGvE,OAAO,EAAC,cAAc,EAAC,MAAM,qCAAqC,CAAA;AAElE,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3C,MAAM,EAAE,MAAM,CAAA;IACd,kBAAkB,EAAE,OAAO,CAAA;CAC9B;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAoDnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

@@ -0,0 +1,3 @@
+import "../../transformations-YbhRK-rd.js";
+import { n as componentDefinition, t as Tint_default } from "../../Tint-ChKku9xR.js";
+export { componentDefinition, Tint_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-CJW8YTyB.js";
+import { n as componentDefinition, t as Tritone_default } from "../../Tritone-D-NcV7N-.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-5k_XPd51.js";
+import { n as componentDefinition, t as Twirl_default } from "../../Twirl-Cqzll6nW.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-c25pkbWj.js";
+import { n as componentDefinition, t as Vibrance_default } from "../../Vibrance-CxunJkcb.js";
 export { componentDefinition, Vibrance_default as default };

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

@@ -1,5 +1,5 @@
 import "../../edges-Bd7GP4s2.js";
 import "../../transformations-YbhRK-rd.js";
 import "../../time-BZqyVJXt.js";
-import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-Bo2Ar13M.js";
+import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-UQZKCfKh.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-DEozXA8U.js";
+import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-DqKYdlmm.js";
 export { componentDefinition, ZoomBlur_default as default };

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

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+import { BlendMode, TransformConfig } from '../../core';
+import { ComponentProps } from '../../core/shaders/Stripes';
+
+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=Stripes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stripes.d.ts","sourceRoot":"","sources":["../../src/components/Stripes.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,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;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"}

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

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+import { BlendMode, TransformConfig } from '../../core';
+import { ComponentProps } from '../../core/shaders/Tint';
+
+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=Tint.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tint.d.ts","sourceRoot":"","sources":["../../src/components/Tint.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,mBAAmB,CAAC;AAG7E,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"}

package/dist/react/{generatePresetCode-CPcLELa5.js → generatePresetCode-K6ZAneRr.js}

@@ -512,6 +512,19 @@ var shaderMetadata = {
 		"falloff": 0,
 		"edges": "stretch"
 	},
+	"Stripes": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#000000",
+		"colorB": "#ffffff",
+		"angle": 45,
+		"density": 5,
+		"balance": .5,
+		"softness": 0,
+		"speed": .2,
+		"offset": 0,
+		"colorSpace": "linear"
+	},
 	"Swirl": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -534,6 +547,13 @@ var shaderMetadata = {
 			"y": .5
 		}
 	},
+	"Tint": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"color": "#ff8800",
+		"amount": .5,
+		"preserveLuminosity": true
+	},
 	"Tritone": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -694,8 +714,10 @@ const availableComponents = [
 	"Spiral",
 	"Strands",
 	"Stretch",
+	"Stripes",
 	"Swirl",
 	"TiltShift",
+	"Tint",
 	"Tritone",
 	"Twirl",
 	"Vibrance",

package/dist/react/index.d.ts

@@ -49,8 +49,10 @@ export { default as Spherize } from './components/Spherize';
 export { default as Spiral } from './components/Spiral';
 export { default as Strands } from './components/Strands';
 export { default as Stretch } from './components/Stretch';
+export { default as Stripes } from './components/Stripes';
 export { default as Swirl } from './components/Swirl';
 export { default as TiltShift } from './components/TiltShift';
+export { default as Tint } from './components/Tint';
 export { default as Tritone } from './components/Tritone';
 export { default as Twirl } from './components/Twirl';
 export { default as Vibrance } from './components/Vibrance';

package/dist/react/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}