@remotion/effects 4.0.470 → 4.0.472

package/dist/lines.d.ts

@@ -16,6 +16,7 @@ export declare const linesSchema: {
         readonly step: 0.1;
         readonly default: 40;
         readonly description: "Thickness";
+        readonly hiddenFromList: false;
     };
     readonly gap: {
         readonly type: "number";
@@ -24,11 +25,10 @@ export declare const linesSchema: {
         readonly step: 0.1;
         readonly default: 0;
         readonly description: "Gap";
+        readonly hiddenFromList: false;
     };
     readonly angle: {
-        readonly type: "number";
-        readonly min: -180;
-        readonly max: 180;
+        readonly type: "rotation-degrees";
         readonly step: 1;
         readonly default: 0;
         readonly description: "Angle";
@@ -38,11 +38,12 @@ export declare const linesSchema: {
         readonly step: 0.1;
         readonly default: 0;
         readonly description: "Offset";
+        readonly hiddenFromList: false;
     };
 };
 export type LinesDirection = (typeof LINE_DIRECTIONS)[number];
 export type LinesParams = {
-    /** Stripe colors, assigned cyclically. Defaults to light blue and transparent. */
+    /** Stripe colors, assigned cyclically. Defaults to light blue shades. */
     readonly colors?: readonly string[];
     /** Line direction. Defaults to `horizontal`. */
     readonly direction?: LinesDirection;

package/dist/pixel-dissolve.d.ts

@@ -0,0 +1,10 @@
+export type PixelDissolveParams = {
+    readonly progress?: number;
+    readonly columns?: number;
+    readonly rows?: number;
+    readonly seed?: number;
+    readonly feather?: number;
+};
+export declare const pixelDissolve: (params?: (PixelDissolveParams & {
+    readonly disabled?: boolean | undefined;
+}) | undefined) => import("remotion").EffectDescriptor<unknown>;

package/dist/rings.d.ts

@@ -0,0 +1,51 @@
+export declare const ringsSchema: {
+    readonly center: {
+        readonly type: "uv-coordinate";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly default: readonly [0.5, 0.5];
+        readonly description: "Center";
+    };
+    readonly thickness: {
+        readonly type: "number";
+        readonly min: 0.1;
+        readonly max: 400;
+        readonly step: 0.1;
+        readonly default: 40;
+        readonly description: "Thickness";
+        readonly hiddenFromList: false;
+    };
+    readonly gap: {
+        readonly type: "number";
+        readonly min: 0;
+        readonly max: 400;
+        readonly step: 0.1;
+        readonly default: 0;
+        readonly description: "Gap";
+        readonly hiddenFromList: false;
+    };
+    readonly offset: {
+        readonly type: "number";
+        readonly step: 0.1;
+        readonly default: 0;
+        readonly description: "Offset";
+        readonly hiddenFromList: false;
+    };
+};
+export type RingsCenter = readonly [number, number];
+export type RingsParams = {
+    /** Ring colors, assigned cyclically. Same semantics as lines(). */
+    readonly colors?: readonly string[];
+    /** Center of the rings, normalized from `0` to `1` in x/y. */
+    readonly center?: RingsCenter;
+    /** Thickness of each colored ring in pixels. Same as lines(). */
+    readonly thickness?: number;
+    /** Transparent gap in pixels between rings. Same as lines(). */
+    readonly gap?: number;
+    /** Radial offset in pixels. Animate to expand or contract the rings. */
+    readonly offset?: number;
+};
+export declare const rings: (params?: (RingsParams & {
+    readonly disabled?: boolean | undefined;
+}) | undefined) => import("remotion").EffectDescriptor<unknown>;

package/dist/tint.d.ts

@@ -11,6 +11,7 @@ export declare const tintSchema: {
         readonly step: 0.01;
         readonly default: 0.5;
         readonly description: "Amount";
+        readonly hiddenFromList: false;
     };
 };
 export type TintParams = {

package/dist/vignette.d.ts

@@ -7,6 +7,7 @@ export declare const vignetteSchema: {
         readonly step: 0.01;
         readonly default: 0.5;
         readonly description: "Amount";
+        readonly hiddenFromList: false;
     };
     readonly radius: {
         readonly type: "number";
@@ -15,6 +16,7 @@ export declare const vignetteSchema: {
         readonly step: 0.01;
         readonly default: 0.65;
         readonly description: "Radius";
+        readonly hiddenFromList: false;
     };
     readonly feather: {
         readonly type: "number";
@@ -23,6 +25,7 @@ export declare const vignetteSchema: {
         readonly step: 0.01;
         readonly default: 0.35;
         readonly description: "Feather";
+        readonly hiddenFromList: false;
     };
     readonly roundness: {
         readonly type: "number";
@@ -31,6 +34,7 @@ export declare const vignetteSchema: {
         readonly step: 0.01;
         readonly default: 1;
         readonly description: "Roundness";
+        readonly hiddenFromList: false;
     };
     readonly color: {
         readonly type: "color";
@@ -46,8 +50,15 @@ export declare const vignetteSchema: {
             readonly alpha: {};
         };
     };
+    readonly center: {
+        readonly type: "uv-coordinate";
+        readonly step: 0.01;
+        readonly default: readonly [0.5, 0.5];
+        readonly description: "Center";
+    };
 };
 export type VignetteMode = (typeof VIGNETTE_MODES)[number];
+export type VignetteCenter = readonly [number, number];
 export type VignetteParams = {
     /** Strength of the vignette from `0` to `1`. Defaults to `0.5`. */
     readonly amount?: number;
@@ -61,6 +72,8 @@ export type VignetteParams = {
     readonly color?: string;
     /** `color` blends a color into the edges, `alpha` fades edges transparent. Defaults to `color`. */
     readonly mode?: VignetteMode;
+    /** Center of the vignette in UV coordinates. Defaults to `[0.5, 0.5]`. */
+    readonly center?: VignetteCenter;
 };
 export declare const vignette: (params?: (VignetteParams & {
     readonly disabled?: boolean | undefined;

package/dist/waves.d.ts

@@ -0,0 +1,95 @@
+declare const WAVE_DIRECTIONS: readonly ["horizontal", "vertical"];
+export declare const wavesSchema: {
+    readonly direction: {
+        readonly type: "enum";
+        readonly variants: {
+            readonly horizontal: {};
+            readonly vertical: {};
+        };
+        readonly default: "horizontal";
+        readonly description: "Direction";
+    };
+    readonly thickness: {
+        readonly type: "number";
+        readonly min: 0.1;
+        readonly max: 400;
+        readonly step: 0.1;
+        readonly default: 40;
+        readonly description: "Thickness";
+        readonly hiddenFromList: false;
+    };
+    readonly gap: {
+        readonly type: "number";
+        readonly min: 0;
+        readonly max: 400;
+        readonly step: 0.1;
+        readonly default: 0;
+        readonly description: "Gap";
+        readonly hiddenFromList: false;
+    };
+    readonly angle: {
+        readonly type: "rotation-degrees";
+        readonly step: 1;
+        readonly default: 0;
+        readonly description: "Angle";
+    };
+    readonly offset: {
+        readonly type: "number";
+        readonly step: 0.1;
+        readonly default: 0;
+        readonly description: "Offset";
+        readonly hiddenFromList: false;
+    };
+    readonly amplitude: {
+        readonly type: "number";
+        readonly min: 0;
+        readonly max: 500;
+        readonly step: 0.1;
+        readonly default: 24;
+        readonly description: "Amplitude";
+        readonly hiddenFromList: false;
+    };
+    readonly wavelength: {
+        readonly type: "number";
+        readonly min: 1;
+        readonly max: 2000;
+        readonly step: 1;
+        readonly default: 160;
+        readonly description: "Wavelength";
+        readonly hiddenFromList: false;
+    };
+    readonly phase: {
+        readonly type: "number";
+        readonly min: -360;
+        readonly max: 360;
+        readonly step: 1;
+        readonly default: 0;
+        readonly description: "Phase";
+        readonly hiddenFromList: false;
+    };
+};
+export type WavesDirection = (typeof WAVE_DIRECTIONS)[number];
+export type WavesParams = {
+    /** Stripe colors, assigned cyclically. Defaults to light blue shades. */
+    readonly colors?: readonly string[];
+    /** Base band direction. Defaults to `horizontal`. */
+    readonly direction?: WavesDirection;
+    /** Thickness of each stripe in pixels. Defaults to `40`. */
+    readonly thickness?: number;
+    /** Transparent gap in pixels between each stripe. Defaults to `0`. */
+    readonly gap?: number;
+    /** Rotates the pattern in degrees. Defaults to `0`. */
+    readonly angle?: number;
+    /** Offset in pixels. Animate to scroll through the bands. Defaults to `0`. */
+    readonly offset?: number;
+    /** Wave displacement in pixels. Defaults to `24`. */
+    readonly amplitude?: number;
+    /** Distance in pixels before the wave repeats. Defaults to `160`. */
+    readonly wavelength?: number;
+    /** Wave phase in degrees. Defaults to `0`. */
+    readonly phase?: number;
+};
+export declare const waves: (params?: (WavesParams & {
+    readonly disabled?: boolean | undefined;
+}) | undefined) => import("remotion").EffectDescriptor<unknown>;
+export {};

package/dist/zigzag.d.ts

@@ -0,0 +1,84 @@
+declare const ZIGZAG_DIRECTIONS: readonly ["horizontal", "vertical"];
+export declare const zigzagSchema: {
+    readonly direction: {
+        readonly type: "enum";
+        readonly variants: {
+            readonly horizontal: {};
+            readonly vertical: {};
+        };
+        readonly default: "horizontal";
+        readonly description: "Direction";
+    };
+    readonly thickness: {
+        readonly type: "number";
+        readonly min: 0.1;
+        readonly max: 400;
+        readonly step: 0.1;
+        readonly default: 40;
+        readonly description: "Thickness";
+        readonly hiddenFromList: false;
+    };
+    readonly gap: {
+        readonly type: "number";
+        readonly min: 0;
+        readonly max: 400;
+        readonly step: 0.1;
+        readonly default: 0;
+        readonly description: "Gap";
+        readonly hiddenFromList: false;
+    };
+    readonly angle: {
+        readonly type: "rotation-degrees";
+        readonly step: 1;
+        readonly default: 0;
+        readonly description: "Angle";
+    };
+    readonly offset: {
+        readonly type: "number";
+        readonly step: 0.1;
+        readonly default: 0;
+        readonly description: "Offset";
+        readonly hiddenFromList: false;
+    };
+    readonly amplitude: {
+        readonly type: "number";
+        readonly min: 0;
+        readonly max: 500;
+        readonly step: 0.1;
+        readonly default: 40;
+        readonly description: "Amplitude";
+        readonly hiddenFromList: false;
+    };
+    readonly wavelength: {
+        readonly type: "number";
+        readonly min: 1;
+        readonly max: 2000;
+        readonly step: 1;
+        readonly default: 160;
+        readonly description: "Wavelength";
+        readonly hiddenFromList: false;
+    };
+};
+export type ZigzagDirection = (typeof ZIGZAG_DIRECTIONS)[number];
+export type ZigzagParams = {
+    /** Stripe colors, assigned cyclically. Same semantics as lines(). */
+    readonly colors?: readonly string[];
+    /** Base band direction before zig-zag displacement. Same as lines(). */
+    readonly direction?: ZigzagDirection;
+    /** Thickness of each colored band in pixels. Same as lines(). */
+    readonly thickness?: number;
+    /** Transparent gap in pixels between bands. Same as lines(). */
+    readonly gap?: number;
+    /** Rotates the full pattern in degrees. Same as lines(). */
+    readonly angle?: number;
+    /** Offset in pixels. Animate to scroll the bands. Same as lines(). */
+    readonly offset?: number;
+    /** Zig-zag displacement in pixels. */
+    readonly amplitude?: number;
+    /** Distance in pixels before the zig-zag repeats. */
+    readonly wavelength?: number;
+};
+export declare const zigzag: (params?: (ZigzagParams & {
+    readonly disabled?: boolean | undefined;
+}) | undefined) => import("remotion").EffectDescriptor<unknown>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/effects",
-	"version": "4.0.470",
+	"version": "4.0.472",
 	"description": "Effects that can be applied to Remotion-based canvas components",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -26,7 +26,7 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"remotion": "4.0.470"
+		"remotion": "4.0.472"
 	},
 	"exports": {
 		".": {
@@ -49,6 +49,11 @@
 			"module": "./dist/esm/chromatic-aberration.mjs",
 			"import": "./dist/esm/chromatic-aberration.mjs"
 		},
+		"./color-key": {
+			"types": "./dist/color-key.d.ts",
+			"module": "./dist/esm/color-key.mjs",
+			"import": "./dist/esm/color-key.mjs"
+		},
 		"./brightness": {
 			"types": "./dist/brightness.d.ts",
 			"module": "./dist/esm/brightness.mjs",
@@ -94,6 +99,11 @@
 			"module": "./dist/esm/halftone-linear-gradient.mjs",
 			"import": "./dist/esm/halftone-linear-gradient.mjs"
 		},
+		"./pixel-dissolve": {
+			"types": "./dist/pixel-dissolve.d.ts",
+			"module": "./dist/esm/pixel-dissolve.mjs",
+			"import": "./dist/esm/pixel-dissolve.mjs"
+		},
 		"./grayscale": {
 			"types": "./dist/grayscale.d.ts",
 			"module": "./dist/esm/grayscale.mjs",
@@ -114,6 +124,11 @@
 			"module": "./dist/esm/lines.mjs",
 			"import": "./dist/esm/lines.mjs"
 		},
+		"./linear-progressive-blur": {
+			"types": "./dist/linear-progressive-blur.d.ts",
+			"module": "./dist/esm/linear-progressive-blur.mjs",
+			"import": "./dist/esm/linear-progressive-blur.mjs"
+		},
 		"./dot-grid": {
 			"types": "./dist/dot-grid.d.ts",
 			"module": "./dist/esm/dot-grid.mjs",
@@ -129,6 +144,11 @@
 			"module": "./dist/esm/noise.mjs",
 			"import": "./dist/esm/noise.mjs"
 		},
+		"./rings": {
+			"types": "./dist/rings.d.ts",
+			"module": "./dist/esm/rings.mjs",
+			"import": "./dist/esm/rings.mjs"
+		},
 		"./saturation": {
 			"types": "./dist/saturation.d.ts",
 			"module": "./dist/esm/saturation.mjs",
@@ -174,11 +194,21 @@
 			"module": "./dist/esm/wave.mjs",
 			"import": "./dist/esm/wave.mjs"
 		},
+		"./waves": {
+			"types": "./dist/waves.d.ts",
+			"module": "./dist/esm/waves.mjs",
+			"import": "./dist/esm/waves.mjs"
+		},
 		"./white-noise": {
 			"types": "./dist/white-noise.d.ts",
 			"module": "./dist/esm/white-noise.mjs",
 			"import": "./dist/esm/white-noise.mjs"
 		},
+		"./zigzag": {
+			"types": "./dist/zigzag.d.ts",
+			"module": "./dist/esm/zigzag.mjs",
+			"import": "./dist/esm/zigzag.mjs"
+		},
 		"./package.json": "./package.json"
 	},
 	"typesVersions": {
@@ -192,6 +222,9 @@
 			"chromatic-aberration": [
 				"dist/chromatic-aberration.d.ts"
 			],
+			"color-key": [
+				"dist/color-key.d.ts"
+			],
 			"brightness": [
 				"dist/brightness.d.ts"
 			],
@@ -219,6 +252,9 @@
 			"halftone-linear-gradient": [
 				"dist/halftone-linear-gradient.d.ts"
 			],
+			"pixel-dissolve": [
+				"dist/pixel-dissolve.d.ts"
+			],
 			"grayscale": [
 				"dist/grayscale.d.ts"
 			],
@@ -231,6 +267,9 @@
 			"lines": [
 				"dist/lines.d.ts"
 			],
+			"linear-progressive-blur": [
+				"dist/linear-progressive-blur.d.ts"
+			],
 			"dot-grid": [
 				"dist/dot-grid.d.ts"
 			],
@@ -240,6 +279,9 @@
 			"noise": [
 				"dist/noise.d.ts"
 			],
+			"rings": [
+				"dist/rings.d.ts"
+			],
 			"saturation": [
 				"dist/saturation.d.ts"
 			],
@@ -267,6 +309,12 @@
 			"wave": [
 				"dist/wave.d.ts"
 			],
+			"waves": [
+				"dist/waves.d.ts"
+			],
+			"zigzag": [
+				"dist/zigzag.d.ts"
+			],
 			"white-noise": [
 				"dist/white-noise.d.ts"
 			]
@@ -274,7 +322,7 @@
 	},
 	"homepage": "https://www.remotion.dev/docs/effects/api",
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.470",
+		"@remotion/eslint-config-internal": "4.0.472",
 		"@vitest/browser-playwright": "4.0.9",
 		"eslint": "9.19.0",
 		"vitest": "4.0.9",

package/dist/effect-internals.d.ts

@@ -1,8 +0,0 @@
-export declare const EffectInternals: {
-    readonly halftone: (params?: (import("./halftone.js").HalftoneParams & {
-        readonly disabled?: boolean | undefined;
-    }) | undefined) => import("remotion").EffectDescriptor<unknown>;
-    readonly tint: (params: import("./tint.js").TintParams & {
-        readonly disabled?: boolean | undefined;
-    }) => import("remotion").EffectDescriptor<unknown>;
-};

package/dist/entrypoints/blur.d.ts

@@ -1,6 +0,0 @@
-import * as blurExports from '../blur/index.js';
-export type { BlurParams } from '../blur/index.js';
-declare const blur: (params: blurExports.BlurParams & {
-    readonly disabled?: boolean | undefined;
-}) => import("remotion").EffectDescriptor<unknown>;
-export { blur };