@remotion/effects 4.0.472 → 4.0.474

package/dist/esm/barrel-distortion.mjs

@@ -23,6 +23,14 @@ var assertOptionalColor = (value, name) => {
   }
   assertRequiredColor(value, name);
 };
+var assertOptionalBoolean = (value, name) => {
+  if (value === undefined) {
+    return;
+  }
+  if (typeof value !== "boolean") {
+    throw new TypeError(`"${name}" must be a boolean, but got ${JSON.stringify(value)}`);
+  }
+};
 
 // src/color-utils.ts
 var DEFAULT_AMOUNT = 1;

package/dist/esm/blur.mjs

@@ -23,6 +23,14 @@ var assertOptionalColor = (value, name) => {
   }
   assertRequiredColor(value, name);
 };
+var assertOptionalBoolean = (value, name) => {
+  if (value === undefined) {
+    return;
+  }
+  if (typeof value !== "boolean") {
+    throw new TypeError(`"${name}" must be a boolean, but got ${JSON.stringify(value)}`);
+  }
+};
 
 // src/blur/blur-runtime.ts
 import { Internals } from "remotion";

package/dist/esm/brightness.mjs

@@ -23,6 +23,14 @@ var assertOptionalColor = (value, name) => {
   }
   assertRequiredColor(value, name);
 };
+var assertOptionalBoolean = (value, name) => {
+  if (value === undefined) {
+    return;
+  }
+  if (typeof value !== "boolean") {
+    throw new TypeError(`"${name}" must be a boolean, but got ${JSON.stringify(value)}`);
+  }
+};
 
 // src/color-utils.ts
 var DEFAULT_AMOUNT = 1;

package/dist/esm/chromatic-aberration.mjs

@@ -23,6 +23,14 @@ var assertOptionalColor = (value, name) => {
   }
   assertRequiredColor(value, name);
 };
+var assertOptionalBoolean = (value, name) => {
+  if (value === undefined) {
+    return;
+  }
+  if (typeof value !== "boolean") {
+    throw new TypeError(`"${name}" must be a boolean, but got ${JSON.stringify(value)}`);
+  }
+};
 
 // src/color-utils.ts
 var DEFAULT_AMOUNT = 1;

package/dist/esm/color-key.mjs

@@ -23,6 +23,14 @@ var assertOptionalColor = (value, name) => {
   }
   assertRequiredColor(value, name);
 };
+var assertOptionalBoolean = (value, name) => {
+  if (value === undefined) {
+    return;
+  }
+  if (typeof value !== "boolean") {
+    throw new TypeError(`"${name}" must be a boolean, but got ${JSON.stringify(value)}`);
+  }
+};
 
 // src/color-utils.ts
 var DEFAULT_AMOUNT = 1;

package/dist/esm/contrast.mjs

@@ -23,6 +23,14 @@ var assertOptionalColor = (value, name) => {
   }
   assertRequiredColor(value, name);
 };
+var assertOptionalBoolean = (value, name) => {
+  if (value === undefined) {
+    return;
+  }
+  if (typeof value !== "boolean") {
+    throw new TypeError(`"${name}" must be a boolean, but got ${JSON.stringify(value)}`);
+  }
+};
 
 // src/color-utils.ts
 var DEFAULT_AMOUNT = 1;

package/dist/esm/dot-grid.mjs

@@ -23,6 +23,14 @@ var assertOptionalColor = (value, name) => {
   }
   assertRequiredColor(value, name);
 };
+var assertOptionalBoolean = (value, name) => {
+  if (value === undefined) {
+    return;
+  }
+  if (typeof value !== "boolean") {
+    throw new TypeError(`"${name}" must be a boolean, but got ${JSON.stringify(value)}`);
+  }
+};
 
 // src/color-utils.ts
 var DEFAULT_AMOUNT = 1;
@@ -133,7 +141,7 @@ var resolve = (p) => ({
   gridSize: p.gridSize ?? DEFAULT_GRID_SIZE,
   invert: p.invert ?? DEFAULT_INVERT
 });
-var assertOptionalBoolean = (value, name) => {
+var assertOptionalBoolean2 = (value, name) => {
   if (value === undefined) {
     return;
   }
@@ -150,7 +158,7 @@ var validateDotGridParams = (params) => {
   assertEffectParamsObject(params, "Dot grid");
   assertOptionalFiniteNumber(params.dotSize, "dotSize");
   assertOptionalFiniteNumber(params.gridSize, "gridSize");
-  assertOptionalBoolean(params.invert, "invert");
+  assertOptionalBoolean2(params.invert, "invert");
   if (params.dotSize !== undefined) {
     validateNonNegative(params.dotSize, "dotSize");
   }

package/dist/esm/drop-shadow.mjs

@@ -23,6 +23,14 @@ var assertOptionalColor = (value, name) => {
   }
   assertRequiredColor(value, name);
 };
+var assertOptionalBoolean = (value, name) => {
+  if (value === undefined) {
+    return;
+  }
+  if (typeof value !== "boolean") {
+    throw new TypeError(`"${name}" must be a boolean, but got ${JSON.stringify(value)}`);
+  }
+};
 
 // src/color-utils.ts
 var DEFAULT_AMOUNT = 1;

package/dist/esm/duotone.mjs

@@ -23,6 +23,14 @@ var assertOptionalColor = (value, name) => {
   }
   assertRequiredColor(value, name);
 };
+var assertOptionalBoolean = (value, name) => {
+  if (value === undefined) {
+    return;
+  }
+  if (typeof value !== "boolean") {
+    throw new TypeError(`"${name}" must be a boolean, but got ${JSON.stringify(value)}`);
+  }
+};
 
 // src/color-utils.ts
 var DEFAULT_AMOUNT = 1;

package/dist/esm/evolve.mjs

@@ -23,6 +23,14 @@ var assertOptionalColor = (value, name) => {
   }
   assertRequiredColor(value, name);
 };
+var assertOptionalBoolean = (value, name) => {
+  if (value === undefined) {
+    return;
+  }
+  if (typeof value !== "boolean") {
+    throw new TypeError(`"${name}" must be a boolean, but got ${JSON.stringify(value)}`);
+  }
+};
 
 // src/color-utils.ts
 var DEFAULT_AMOUNT = 1;

package/dist/esm/fisheye.mjs

@@ -23,6 +23,14 @@ var assertOptionalColor = (value, name) => {
   }
   assertRequiredColor(value, name);
 };
+var assertOptionalBoolean = (value, name) => {
+  if (value === undefined) {
+    return;
+  }
+  if (typeof value !== "boolean") {
+    throw new TypeError(`"${name}" must be a boolean, but got ${JSON.stringify(value)}`);
+  }
+};
 
 // src/color-utils.ts
 var DEFAULT_AMOUNT = 1;

package/dist/esm/glow.mjs

@@ -23,6 +23,14 @@ var assertOptionalColor = (value, name) => {
   }
   assertRequiredColor(value, name);
 };
+var assertOptionalBoolean = (value, name) => {
+  if (value === undefined) {
+    return;
+  }
+  if (typeof value !== "boolean") {
+    throw new TypeError(`"${name}" must be a boolean, but got ${JSON.stringify(value)}`);
+  }
+};
 
 // src/color-utils.ts
 var DEFAULT_AMOUNT = 1;
@@ -570,7 +578,7 @@ var validateGlowParams = (params) => {
 };
 var glow = createEffect({
   type: "remotion/glow",
-  label: "Glow",
+  label: "glow()",
   documentationLink: "https://www.remotion.dev/docs/effects/glow",
   backend: "webgl2",
   calculateKey: (params) => {

package/dist/esm/grayscale.mjs

@@ -23,6 +23,14 @@ var assertOptionalColor = (value, name) => {
   }
   assertRequiredColor(value, name);
 };
+var assertOptionalBoolean = (value, name) => {
+  if (value === undefined) {
+    return;
+  }
+  if (typeof value !== "boolean") {
+    throw new TypeError(`"${name}" must be a boolean, but got ${JSON.stringify(value)}`);
+  }
+};
 
 // src/color-utils.ts
 var DEFAULT_AMOUNT = 1;

package/dist/esm/halftone-linear-gradient.mjs

@@ -23,6 +23,14 @@ var assertOptionalColor = (value, name) => {
   }
   assertRequiredColor(value, name);
 };
+var assertOptionalBoolean = (value, name) => {
+  if (value === undefined) {
+    return;
+  }
+  if (typeof value !== "boolean") {
+    throw new TypeError(`"${name}" must be a boolean, but got ${JSON.stringify(value)}`);
+  }
+};
 
 // src/color-utils.ts
 var DEFAULT_AMOUNT = 1;
@@ -107,6 +115,7 @@ var DEFAULT_FIRST_STOP_POSITION = [0, 0.5];
 var DEFAULT_SECOND_STOP_POSITION = [1, 0.5];
 var DEFAULT_GRID_SIZE = 24;
 var DEFAULT_DOT_COLOR = "black";
+var DEFAULT_MASK_TO_SOURCE_ALPHA = false;
 var halftoneLinearGradientSchema = {
   firstStopDotSize: {
     type: "number",
@@ -132,7 +141,8 @@ var halftoneLinearGradientSchema = {
     max: 2,
     step: 0.01,
     default: DEFAULT_FIRST_STOP_POSITION,
-    description: "First stop position"
+    description: "First stop position",
+    lineTo: "secondStopPosition"
   },
   secondStopPosition: {
     type: "uv-coordinate",
@@ -165,6 +175,11 @@ var halftoneLinearGradientSchema = {
       },
       source: {}
     }
+  },
+  maskToSourceAlpha: {
+    type: "boolean",
+    default: DEFAULT_MASK_TO_SOURCE_ALPHA,
+    description: "Mask to source alpha"
   }
 };
 var formatEnum = (variants) => {
@@ -192,7 +207,8 @@ var resolve = (p) => ({
   ],
   gridSize: p.gridSize ?? DEFAULT_GRID_SIZE,
   colorMode: p.colorMode ?? "solid",
-  dotColor: "dotColor" in p ? p.dotColor ?? DEFAULT_DOT_COLOR : DEFAULT_DOT_COLOR
+  dotColor: "dotColor" in p ? p.dotColor ?? DEFAULT_DOT_COLOR : DEFAULT_DOT_COLOR,
+  maskToSourceAlpha: p.maskToSourceAlpha ?? DEFAULT_MASK_TO_SOURCE_ALPHA
 });
 var validateNonNegative2 = (value, name) => {
   if (value < 0) {
@@ -219,6 +235,7 @@ var validateHalftoneLinearGradientParams = (params) => {
   assertOptionalUvCoordinate(params.firstStopPosition, "firstStopPosition");
   assertOptionalUvCoordinate(params.secondStopPosition, "secondStopPosition");
   assertOptionalFiniteNumber(params.gridSize, "gridSize");
+  assertOptionalBoolean(params.maskToSourceAlpha, "maskToSourceAlpha");
   assertOptionalEnum(params.colorMode, "colorMode", HALFTONE_LINEAR_GRADIENT_COLOR_MODES);
   if (params.colorMode === "source" && "dotColor" in params) {
     throw new TypeError('"dotColor" can only be set when "colorMode" is "solid"');
@@ -258,6 +275,7 @@ uniform vec2 uSecondStopPosition;
 uniform float uGridSize;
 uniform vec4 uColor;
 uniform bool uUseSourceColor;
+uniform bool uMaskToSourceAlpha;
 
 float gradientProgress(vec2 uv) {
 	vec2 stopVector = uSecondStopPosition - uFirstStopPosition;
@@ -273,6 +291,13 @@ vec4 sourceOver(vec4 backdrop, vec4 overlay) {
 	return overlay + backdrop * (1.0 - overlay.a);
 }
 
+vec4 sourceAtop(vec4 backdrop, vec4 overlay) {
+	return vec4(
+		overlay.rgb * backdrop.a + backdrop.rgb * (1.0 - overlay.a),
+		backdrop.a
+	);
+}
+
 void main() {
 	vec2 fragPos = vUv * uResolution;
 	vec2 center = uResolution * 0.5;
@@ -301,7 +326,11 @@ void main() {
 	vec2 sampleUv = clamp(centerUv, vec2(0.0), vec2(1.0));
 	vec4 texColor = texture(uSource, sampleUv);
 	vec4 dotColor = (uUseSourceColor ? texColor : uColor) * coverage;
-	fragColor = uUseSourceColor ? dotColor : sourceOver(texColor, dotColor);
+	fragColor = uUseSourceColor
+		? dotColor
+		: uMaskToSourceAlpha
+			? sourceAtop(texColor, dotColor)
+			: sourceOver(texColor, dotColor);
 }
 `;
 var compileShader = (gl, type, source) => {
@@ -340,7 +369,8 @@ var halftoneLinearGradient = createEffect({
   backend: "webgl2",
   calculateKey: (params) => {
     const r = resolve(params);
-    return `halftone-linear-gradient-${r.firstStopDotSize}-${r.secondStopDotSize}-${r.firstStopPosition.join(":")}-${r.secondStopPosition.join(":")}-${r.gridSize}-${r.colorMode}-${r.dotColor}`;
+    const maskSuffix = r.maskToSourceAlpha ? "-mask-to-source-alpha" : "";
+    return `halftone-linear-gradient-${r.firstStopDotSize}-${r.secondStopDotSize}-${r.firstStopPosition.join(":")}-${r.secondStopPosition.join(":")}-${r.gridSize}-${r.colorMode}-${r.dotColor}${maskSuffix}`;
   },
   setup: (target) => {
     const gl = target.getContext("webgl2", {
@@ -425,6 +455,7 @@ var halftoneLinearGradient = createEffect({
       uGridSize: gl.getUniformLocation(program, "uGridSize"),
       uColor: gl.getUniformLocation(program, "uColor"),
       uUseSourceColor: gl.getUniformLocation(program, "uUseSourceColor"),
+      uMaskToSourceAlpha: gl.getUniformLocation(program, "uMaskToSourceAlpha"),
       colorCtx,
       cachedColorStr: "",
       cachedColorRgba: [0, 0, 0, 255]
@@ -466,6 +497,8 @@ var halftoneLinearGradient = createEffect({
       gl.uniform4f(state.uColor, cr / 255 * caNormalized, cg / 255 * caNormalized, cb / 255 * caNormalized, caNormalized);
     if (state.uUseSourceColor)
       gl.uniform1i(state.uUseSourceColor, r.colorMode === "source" ? 1 : 0);
+    if (state.uMaskToSourceAlpha)
+      gl.uniform1i(state.uMaskToSourceAlpha, r.maskToSourceAlpha ? 1 : 0);
     gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
     gl.bindVertexArray(null);
     gl.bindTexture(gl.TEXTURE_2D, null);

package/dist/esm/halftone.mjs

@@ -23,6 +23,14 @@ var assertOptionalColor = (value, name) => {
   }
   assertRequiredColor(value, name);
 };
+var assertOptionalBoolean = (value, name) => {
+  if (value === undefined) {
+    return;
+  }
+  if (typeof value !== "boolean") {
+    throw new TypeError(`"${name}" must be a boolean, but got ${JSON.stringify(value)}`);
+  }
+};
 
 // src/color-utils.ts
 var DEFAULT_AMOUNT = 1;
@@ -187,14 +195,6 @@ var assertOptionalEnum = (value, name, variants) => {
     throw new TypeError(`"${name}" must be ${formatEnum(variants)}`);
   }
 };
-var assertOptionalBoolean = (value, name) => {
-  if (value === undefined) {
-    return;
-  }
-  if (typeof value !== "boolean") {
-    throw new TypeError(`"${name}" must be a boolean, but got ${JSON.stringify(value)}`);
-  }
-};
 var resolve = (p) => ({
   shape: p.shape ?? "circle",
   dotSize: p.dotSize ?? 20,

package/dist/esm/hue.mjs

@@ -23,6 +23,14 @@ var assertOptionalColor = (value, name) => {
   }
   assertRequiredColor(value, name);
 };
+var assertOptionalBoolean = (value, name) => {
+  if (value === undefined) {
+    return;
+  }
+  if (typeof value !== "boolean") {
+    throw new TypeError(`"${name}" must be a boolean, but got ${JSON.stringify(value)}`);
+  }
+};
 
 // src/color-utils.ts
 var DEFAULT_AMOUNT = 1;

package/dist/esm/index.mjs

@@ -23,6 +23,14 @@ var assertOptionalColor = (value, name) => {
   }
   assertRequiredColor(value, name);
 };
+var assertOptionalBoolean = (value, name) => {
+  if (value === undefined) {
+    return;
+  }
+  if (typeof value !== "boolean") {
+    throw new TypeError(`"${name}" must be a boolean, but got ${JSON.stringify(value)}`);
+  }
+};
 
 // src/color-utils.ts
 var DEFAULT_AMOUNT = 1;
@@ -105,6 +113,7 @@ var DEFAULT_CENTER = [0.5, 0.5];
 var DEFAULT_THICKNESS = 40;
 var DEFAULT_GAP = 0;
 var DEFAULT_OFFSET = 0;
+var DEFAULT_MASK_TO_SOURCE_ALPHA = false;
 var ringsSchema = {
   center: {
     type: "uv-coordinate",
@@ -138,6 +147,11 @@ var ringsSchema = {
     default: DEFAULT_OFFSET,
     description: "Offset",
     hiddenFromList: false
+  },
+  maskToSourceAlpha: {
+    type: "boolean",
+    default: DEFAULT_MASK_TO_SOURCE_ALPHA,
+    description: "Mask to source alpha"
   }
 };
 var resolve = (p) => {
@@ -148,7 +162,8 @@ var resolve = (p) => {
     center: [...p.center ?? DEFAULT_CENTER],
     thickness,
     spacing: thickness + gap,
-    offset: p.offset ?? DEFAULT_OFFSET
+    offset: p.offset ?? DEFAULT_OFFSET,
+    maskToSourceAlpha: p.maskToSourceAlpha ?? DEFAULT_MASK_TO_SOURCE_ALPHA
   };
 };
 var validatePositive = (value, name) => {
@@ -189,6 +204,7 @@ var validateRingsParams = (params) => {
   assertOptionalFiniteNumber(params.thickness, "thickness");
   assertOptionalFiniteNumber(params.gap, "gap");
   assertOptionalFiniteNumber(params.offset, "offset");
+  assertOptionalBoolean(params.maskToSourceAlpha, "maskToSourceAlpha");
   const thickness = params.thickness ?? DEFAULT_THICKNESS;
   const gap = params.gap ?? DEFAULT_GAP;
   validatePositive(thickness, "thickness");
@@ -218,6 +234,7 @@ uniform vec2 uCenter;
 uniform float uThickness;
 uniform float uSpacing;
 uniform float uOffset;
+uniform bool uMaskToSourceAlpha;
 
 void main() {
 	vec4 texColor = texture(uSource, vUv);
@@ -244,6 +261,14 @@ void main() {
 	float ringAlpha = ringColor.a;
 	vec3 premultipliedRing = ringColor.rgb * ringAlpha;
 
+	if (uMaskToSourceAlpha) {
+		fragColor = vec4(
+			premultipliedRing * texColor.a + texColor.rgb * (1.0 - ringAlpha),
+			texColor.a
+		);
+		return;
+	}
+
 	fragColor = vec4(
 		premultipliedRing + texColor.rgb * (1.0 - ringAlpha),
 		ringAlpha + texColor.a * (1.0 - ringAlpha)
@@ -370,7 +395,8 @@ var setupRings = (target) => {
       uCenter: gl.getUniformLocation(program, "uCenter"),
       uThickness: gl.getUniformLocation(program, "uThickness"),
       uSpacing: gl.getUniformLocation(program, "uSpacing"),
-      uOffset: gl.getUniformLocation(program, "uOffset")
+      uOffset: gl.getUniformLocation(program, "uOffset"),
+      uMaskToSourceAlpha: gl.getUniformLocation(program, "uMaskToSourceAlpha")
     },
     cachedPaletteKey: "",
     palettePixelData: new Uint8Array(0)
@@ -404,7 +430,8 @@ var rings = createEffect({
   backend: "webgl2",
   calculateKey: (params) => {
     const r = resolve(params);
-    return `rings-${r.colors.join("|")}-${r.center.join(":")}-${r.thickness}-${r.spacing}-${r.offset}`;
+    const maskSuffix = r.maskToSourceAlpha ? "-mask-to-source-alpha" : "";
+    return `rings-${r.colors.join("|")}-${r.center.join(":")}-${r.thickness}-${r.spacing}-${r.offset}${maskSuffix}`;
   },
   setup: (target) => setupRings(target),
   apply: ({ source, width, height, params, state, flipSourceY }) => {
@@ -445,6 +472,8 @@ var rings = createEffect({
       gl.uniform1f(uniforms.uSpacing, r.spacing);
     if (uniforms.uOffset)
       gl.uniform1f(uniforms.uOffset, r.offset);
+    if (uniforms.uMaskToSourceAlpha)
+      gl.uniform1i(uniforms.uMaskToSourceAlpha, r.maskToSourceAlpha ? 1 : 0);
     gl.bindVertexArray(vao);
     gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
     gl.bindVertexArray(null);
@@ -474,6 +503,7 @@ var DEFAULT_ANGLE = 0;
 var DEFAULT_OFFSET2 = 0;
 var DEFAULT_AMPLITUDE = 40;
 var DEFAULT_WAVELENGTH = 160;
+var DEFAULT_MASK_TO_SOURCE_ALPHA2 = false;
 var zigzagSchema = {
   direction: {
     type: "enum",
@@ -532,6 +562,11 @@ var zigzagSchema = {
     default: DEFAULT_WAVELENGTH,
     description: "Wavelength",
     hiddenFromList: false
+  },
+  maskToSourceAlpha: {
+    type: "boolean",
+    default: DEFAULT_MASK_TO_SOURCE_ALPHA2,
+    description: "Mask to source alpha"
   }
 };
 var resolve2 = (p) => {
@@ -545,7 +580,8 @@ var resolve2 = (p) => {
     angle: p.angle ?? DEFAULT_ANGLE,
     offset: p.offset ?? DEFAULT_OFFSET2,
     amplitude: p.amplitude ?? DEFAULT_AMPLITUDE,
-    wavelength: p.wavelength ?? DEFAULT_WAVELENGTH
+    wavelength: p.wavelength ?? DEFAULT_WAVELENGTH,
+    maskToSourceAlpha: p.maskToSourceAlpha ?? DEFAULT_MASK_TO_SOURCE_ALPHA2
   };
 };
 var formatEnum = (variants) => {
@@ -593,6 +629,7 @@ var validateZigzagParams = (params) => {
   assertOptionalFiniteNumber(params.offset, "offset");
   assertOptionalFiniteNumber(params.amplitude, "amplitude");
   assertOptionalFiniteNumber(params.wavelength, "wavelength");
+  assertOptionalBoolean(params.maskToSourceAlpha, "maskToSourceAlpha");
   const thickness = params.thickness ?? DEFAULT_THICKNESS2;
   const gap = params.gap ?? DEFAULT_GAP2;
   const amplitude = params.amplitude ?? DEFAULT_AMPLITUDE;
@@ -629,6 +666,7 @@ uniform float uAngle;
 uniform float uOffset;
 uniform float uAmplitude;
 uniform float uWavelength;
+uniform bool uMaskToSourceAlpha;
 
 void main() {
 	vec4 texColor = texture(uSource, vUv);
@@ -663,6 +701,14 @@ void main() {
 	float lineAlpha = lineColor.a;
 	vec3 premultipliedLine = lineColor.rgb * lineAlpha;
 
+	if (uMaskToSourceAlpha) {
+		fragColor = vec4(
+			premultipliedLine * texColor.a + texColor.rgb * (1.0 - lineAlpha),
+			texColor.a
+		);
+		return;
+	}
+
 	fragColor = vec4(
 		premultipliedLine + texColor.rgb * (1.0 - lineAlpha),
 		lineAlpha + texColor.a * (1.0 - lineAlpha)
@@ -792,7 +838,8 @@ var setupZigzag = (target) => {
       uAngle: gl.getUniformLocation(program, "uAngle"),
       uOffset: gl.getUniformLocation(program, "uOffset"),
       uAmplitude: gl.getUniformLocation(program, "uAmplitude"),
-      uWavelength: gl.getUniformLocation(program, "uWavelength")
+      uWavelength: gl.getUniformLocation(program, "uWavelength"),
+      uMaskToSourceAlpha: gl.getUniformLocation(program, "uMaskToSourceAlpha")
     },
     cachedPaletteKey: "",
     palettePixelData: new Uint8Array(0)
@@ -826,7 +873,8 @@ var zigzag = createEffect2({
   backend: "webgl2",
   calculateKey: (params) => {
     const r = resolve2(params);
-    return `zigzag-${r.colors.join("|")}-${r.direction}-${r.thickness}-${r.spacing}-${r.angle}-${r.offset}-${r.amplitude}-${r.wavelength}`;
+    const maskSuffix = r.maskToSourceAlpha ? "-mask-to-source-alpha" : "";
+    return `zigzag-${r.colors.join("|")}-${r.direction}-${r.thickness}-${r.spacing}-${r.angle}-${r.offset}-${r.amplitude}-${r.wavelength}${maskSuffix}`;
   },
   setup: (target) => setupZigzag(target),
   apply: ({ source, width, height, params, state, flipSourceY }) => {
@@ -873,6 +921,8 @@ var zigzag = createEffect2({
       gl.uniform1f(uniforms.uAmplitude, r.amplitude);
     if (uniforms.uWavelength)
       gl.uniform1f(uniforms.uWavelength, r.wavelength);
+    if (uniforms.uMaskToSourceAlpha)
+      gl.uniform1i(uniforms.uMaskToSourceAlpha, r.maskToSourceAlpha ? 1 : 0);
     gl.bindVertexArray(vao);
     gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
     gl.bindVertexArray(null);

package/dist/esm/invert.mjs

@@ -23,6 +23,14 @@ var assertOptionalColor = (value, name) => {
   }
   assertRequiredColor(value, name);
 };
+var assertOptionalBoolean = (value, name) => {
+  if (value === undefined) {
+    return;
+  }
+  if (typeof value !== "boolean") {
+    throw new TypeError(`"${name}" must be a boolean, but got ${JSON.stringify(value)}`);
+  }
+};
 
 // src/color-utils.ts
 var DEFAULT_AMOUNT = 1;

package/dist/esm/linear-progressive-blur.mjs

@@ -23,6 +23,14 @@ var assertOptionalColor = (value, name) => {
   }
   assertRequiredColor(value, name);
 };
+var assertOptionalBoolean = (value, name) => {
+  if (value === undefined) {
+    return;
+  }
+  if (typeof value !== "boolean") {
+    throw new TypeError(`"${name}" must be a boolean, but got ${JSON.stringify(value)}`);
+  }
+};
 
 // src/color-utils.ts
 var DEFAULT_AMOUNT = 1;
@@ -447,7 +455,8 @@ var linearProgressiveBlurSchema = {
     max: 2,
     step: 0.01,
     default: DEFAULT_START,
-    description: "Start"
+    description: "Start",
+    lineTo: "end"
   },
   end: {
     type: "uv-coordinate",