@remotion/effects 4.0.486 → 4.0.488

package/dist/effect-internals.d.ts

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,6 @@
+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 };

package/dist/esm/page-turn.mjs

@@ -0,0 +1,521 @@
+// src/page-turn.ts
+import { Internals } from "remotion";
+
+// src/validate-effect-param.ts
+var assertEffectParamsObject = (params, effectLabel) => {
+  if (params === null || typeof params !== "object") {
+    throw new TypeError(`${effectLabel} effect requires a parameters object, but got ${JSON.stringify(params)}`);
+  }
+};
+var assertRequiredFiniteNumber = (value, name) => {
+  if (typeof value !== "number" || !Number.isFinite(value)) {
+    throw new TypeError(`"${name}" must be a finite number, but got ${JSON.stringify(value)}`);
+  }
+};
+var assertRequiredColor = (value, name) => {
+  if (typeof value !== "string" || value.length === 0) {
+    throw new TypeError(`"${name}" must be a non-empty string, but got ${JSON.stringify(value)}`);
+  }
+};
+var assertOptionalColor = (value, name) => {
+  if (value === undefined) {
+    return;
+  }
+  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;
+var DEFAULT_BRIGHTNESS_AMOUNT = 0;
+var DEFAULT_HUE_DEGREES = 0;
+var colorAmountSchema = {
+  type: "number",
+  min: 0,
+  max: 1,
+  step: 0.01,
+  default: DEFAULT_AMOUNT,
+  description: "Amount",
+  hiddenFromList: false
+};
+var colorMultiplierSchema = {
+  type: "number",
+  min: 0,
+  step: 0.01,
+  default: DEFAULT_AMOUNT,
+  description: "Amount",
+  hiddenFromList: false
+};
+var brightnessAmountSchema = {
+  type: "number",
+  min: -1,
+  max: 1,
+  step: 0.01,
+  default: DEFAULT_BRIGHTNESS_AMOUNT,
+  description: "Amount",
+  hiddenFromList: false
+};
+var hueDegreesSchema = {
+  type: "rotation-degrees",
+  step: 1,
+  default: DEFAULT_HUE_DEGREES,
+  description: "Degrees"
+};
+var assertOptionalFiniteNumber = (value, name) => {
+  if (value === undefined) {
+    return;
+  }
+  assertRequiredFiniteNumber(value, name);
+};
+var validateUnitInterval = (value, name) => {
+  if (value < 0) {
+    throw new TypeError(`"${name}" must be >= 0, but got ${JSON.stringify(value)}`);
+  }
+  if (value > 1) {
+    throw new TypeError(`"${name}" must be <= 1, but got ${JSON.stringify(value)}`);
+  }
+};
+var validateNonNegative = (value, name) => {
+  if (value < 0) {
+    throw new TypeError(`"${name}" must be >= 0, but got ${JSON.stringify(value)}`);
+  }
+};
+var validateSignedUnitInterval = (value, name) => {
+  if (value < -1) {
+    throw new TypeError(`"${name}" must be >= -1, but got ${JSON.stringify(value)}`);
+  }
+  if (value > 1) {
+    throw new TypeError(`"${name}" must be <= 1, but got ${JSON.stringify(value)}`);
+  }
+};
+var clampColorChannel = (value) => {
+  return Math.max(0, Math.min(255, value));
+};
+var parseColorRgba = (ctx, color) => {
+  ctx.clearRect(0, 0, 1, 1);
+  ctx.fillStyle = color;
+  ctx.fillRect(0, 0, 1, 1);
+  const { data } = ctx.getImageData(0, 0, 1, 1);
+  return [data[0], data[1], data[2], data[3]];
+};
+
+// src/uv-coordinate.ts
+var publicUvToShaderUv = (uv) => {
+  return [uv[0], 1 - uv[1]];
+};
+
+// src/page-turn.ts
+var { createEffect, createWebGL2ContextError } = Internals;
+var DEFAULT_PROGRESS = 0.5;
+var DEFAULT_FOLD_POSITION = [1, 1];
+var DEFAULT_ANGLE = 225;
+var DEFAULT_FOLD_RADIUS = 0.18;
+var DEFAULT_LIGHT_DIRECTION = 60;
+var DEFAULT_SHADOW = 0.45;
+var DEFAULT_BACK_OPACITY = 0.85;
+var DEFAULT_PAPER_COLOR = "#fff8dc";
+var pageTurnSchema = {
+  progress: {
+    type: "number",
+    min: 0,
+    max: 1,
+    step: 0.01,
+    default: DEFAULT_PROGRESS,
+    description: "Progress",
+    hiddenFromList: false
+  },
+  foldPosition: {
+    type: "uv-coordinate",
+    step: 0.01,
+    default: DEFAULT_FOLD_POSITION,
+    description: "Fold position"
+  },
+  angle: {
+    type: "rotation-degrees",
+    step: 1,
+    default: DEFAULT_ANGLE,
+    description: "Angle"
+  },
+  foldRadius: {
+    type: "number",
+    min: 0.02,
+    max: 0.5,
+    step: 0.01,
+    default: DEFAULT_FOLD_RADIUS,
+    description: "Fold radius",
+    hiddenFromList: false
+  },
+  lightDirection: {
+    type: "rotation-degrees",
+    step: 1,
+    default: DEFAULT_LIGHT_DIRECTION,
+    description: "Light direction"
+  },
+  shadow: {
+    type: "number",
+    min: 0,
+    max: 1,
+    step: 0.01,
+    default: DEFAULT_SHADOW,
+    description: "Shadow",
+    hiddenFromList: false
+  },
+  backOpacity: {
+    type: "number",
+    min: 0,
+    max: 1,
+    step: 0.01,
+    default: DEFAULT_BACK_OPACITY,
+    description: "Back opacity",
+    hiddenFromList: false
+  },
+  paperColor: {
+    type: "color",
+    default: DEFAULT_PAPER_COLOR,
+    description: "Paper color"
+  }
+};
+var resolve = (p) => ({
+  progress: p.progress ?? DEFAULT_PROGRESS,
+  foldPosition: [
+    ...p.foldPosition ?? DEFAULT_FOLD_POSITION
+  ],
+  angle: p.angle ?? DEFAULT_ANGLE,
+  foldRadius: p.foldRadius ?? DEFAULT_FOLD_RADIUS,
+  lightDirection: p.lightDirection ?? DEFAULT_LIGHT_DIRECTION,
+  shadow: p.shadow ?? DEFAULT_SHADOW,
+  backOpacity: p.backOpacity ?? DEFAULT_BACK_OPACITY,
+  paperColor: p.paperColor ?? DEFAULT_PAPER_COLOR
+});
+var assertOptionalUvCoordinate = (value, name) => {
+  if (value === undefined) {
+    return;
+  }
+  if (!Array.isArray(value) || value.length !== 2 || value.some((item) => typeof item !== "number" || !Number.isFinite(item))) {
+    throw new TypeError(`"${name}" must be a [number, number] tuple`);
+  }
+};
+var validatePageTurnParams = (params) => {
+  assertEffectParamsObject(params, "Page turn");
+  assertOptionalFiniteNumber(params.progress, "progress");
+  assertOptionalUvCoordinate(params.foldPosition, "foldPosition");
+  assertOptionalFiniteNumber(params.angle, "angle");
+  assertOptionalFiniteNumber(params.foldRadius, "foldRadius");
+  assertOptionalFiniteNumber(params.lightDirection, "lightDirection");
+  assertOptionalFiniteNumber(params.shadow, "shadow");
+  assertOptionalFiniteNumber(params.backOpacity, "backOpacity");
+  assertOptionalColor(params.paperColor, "paperColor");
+  validateUnitInterval(params.progress ?? DEFAULT_PROGRESS, "progress");
+  validateUnitInterval(params.shadow ?? DEFAULT_SHADOW, "shadow");
+  validateUnitInterval(params.backOpacity ?? DEFAULT_BACK_OPACITY, "backOpacity");
+  const foldRadius = params.foldRadius ?? DEFAULT_FOLD_RADIUS;
+  if (foldRadius < 0.02) {
+    throw new TypeError(`"foldRadius" must be >= 0.02, but got ${JSON.stringify(foldRadius)}`);
+  }
+  if (foldRadius > 0.5) {
+    throw new TypeError(`"foldRadius" must be <= 0.5, but got ${JSON.stringify(foldRadius)}`);
+  }
+};
+var PAGE_TURN_VS = `#version 300 es
+in vec2 aPos;
+in vec2 aUv;
+out vec2 vUv;
+
+void main() {
+	vUv = aUv;
+	gl_Position = vec4(aPos, 0.0, 1.0);
+}
+`;
+var PAGE_TURN_FS = `#version 300 es
+precision highp float;
+
+in vec2 vUv;
+out vec4 fragColor;
+
+uniform sampler2D uSource;
+uniform float uProgress;
+uniform vec2 uFoldPosition;
+uniform vec2 uDirectionVector;
+uniform vec2 uLightVector;
+uniform float uFoldRadius;
+uniform float uShadow;
+uniform float uBackOpacity;
+uniform vec4 uPaperColor;
+
+vec2 rangeFromPosition(vec2 origin, vec2 v) {
+	float a0 = dot(vec2(0.0, 0.0) - origin, v);
+	float a1 = dot(vec2(1.0, 0.0) - origin, v);
+	float a2 = dot(vec2(0.0, 1.0) - origin, v);
+	float a3 = dot(vec2(1.0, 1.0) - origin, v);
+	return vec2(
+		min(min(a0, a1), min(a2, a3)),
+		max(max(a0, a1), max(a2, a3))
+	);
+}
+
+float toTurnAxis(vec2 uv) {
+	vec2 dir = normalize(uDirectionVector);
+	vec2 range = rangeFromPosition(uFoldPosition, dir);
+	float rawAxis = dot(uv - uFoldPosition, dir);
+	return rawAxis / max(range.y, 0.0001);
+}
+
+vec2 fromTurnAxis(float axis, float cross, vec2 dir, float axisSpan) {
+	vec2 perpendicular = vec2(-dir.y, dir.x);
+	return uFoldPosition + dir * (axis * axisSpan) + perpendicular * cross;
+}
+
+float toCrossAxis(vec2 uv, vec2 dir) {
+	vec2 perpendicular = vec2(-dir.y, dir.x);
+	return dot(uv - uFoldPosition, perpendicular);
+}
+
+void main() {
+	vec2 dir = normalize(uDirectionVector);
+	vec2 perpendicular = vec2(-dir.y, dir.x);
+	vec2 axisRange = rangeFromPosition(uFoldPosition, dir);
+	vec2 crossRange = rangeFromPosition(uFoldPosition, perpendicular);
+	float axisSpan = max(axisRange.y, 0.0001);
+	float axis = toTurnAxis(vUv);
+	float cross = toCrossAxis(vUv, dir);
+	float progress = clamp(uProgress, 0.0, 1.0);
+	float radius = clamp(uFoldRadius, 0.02, 0.5);
+	float start = progress - radius;
+	float end = progress;
+
+	if (axis >= end) {
+		fragColor = texture(uSource, vUv);
+		return;
+	}
+
+	if (axis <= start) {
+		fragColor = vec4(0.0);
+		return;
+	}
+
+	float t = clamp((axis - start) / max(radius, 0.0001), 0.0, 1.0);
+	float crossNormalized = (cross - crossRange.x) / max(crossRange.y - crossRange.x, 0.0001);
+	float sourceAxis = mix(max(start, 0.0), end, t);
+	vec2 sampleUv = fromTurnAxis(sourceAxis, cross, dir, axisSpan);
+
+	if (
+		sampleUv.x < 0.0 || sampleUv.x > 1.0 ||
+		sampleUv.y < 0.0 || sampleUv.y > 1.0
+	) {
+		fragColor = vec4(0.0);
+		return;
+	}
+
+	vec4 color = texture(uSource, sampleUv);
+	float crease = smoothstep(0.72, 1.0, t);
+	float freeEdge = 1.0 - smoothstep(0.0, 0.28, t);
+	float backMix = 1.0 - smoothstep(0.22, 0.95, t);
+	float lightAgainstFold = dot(normalize(uLightVector), normalize(dir + perpendicular * 0.24));
+	float diffuse = 0.88 + 0.12 * lightAgainstFold;
+	float shade = diffuse - uShadow * (0.36 * crease + 0.16 * freeEdge);
+	float sheen = pow(max(0.0, 1.0 - abs(t - 0.44) / 0.13), 2.0);
+	float glossyStreak = pow(max(0.0, 1.0 - abs(crossNormalized - (0.36 + t * 0.16)) / 0.09), 2.0);
+	float edgeFade = smoothstep(0.0, 0.08, t);
+
+	vec3 rgb = color.a > 0.001 ? color.rgb / color.a : vec3(0.0);
+	vec3 paperRgb = uPaperColor.rgb;
+	vec3 backRgb = mix(paperRgb, rgb, 0.08 + 0.06 * t);
+	vec3 shaded = mix(rgb, backRgb, backMix) * shade;
+	shaded += vec3(1.0) * sheen * glossyStreak * (0.18 + 0.18 * backMix);
+	shaded += paperRgb * crease * 0.08;
+	float alpha = color.a * mix(1.0, uBackOpacity, backMix) * edgeFade;
+
+	fragColor = vec4(shaded * alpha, alpha);
+}
+`;
+var compileShader = (gl, type, source) => {
+  const shader = gl.createShader(type);
+  if (!shader) {
+    throw new Error("Failed to create WebGL shader");
+  }
+  gl.shaderSource(shader, source);
+  gl.compileShader(shader);
+  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
+    const log = gl.getShaderInfoLog(shader);
+    gl.deleteShader(shader);
+    throw new Error(`Page turn shader compile failed: ${log ?? "(no log)"}`);
+  }
+  return shader;
+};
+var linkProgram = (gl, vs, fs) => {
+  const program = gl.createProgram();
+  if (!program) {
+    throw new Error("Failed to create WebGL program");
+  }
+  gl.attachShader(program, vs);
+  gl.attachShader(program, fs);
+  gl.linkProgram(program);
+  if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
+    const log = gl.getProgramInfoLog(program);
+    gl.deleteProgram(program);
+    throw new Error(`Page turn program link failed: ${log ?? "(no log)"}`);
+  }
+  return program;
+};
+var pageTurn = createEffect({
+  type: "remotion/page-turn",
+  label: "pageTurn()",
+  documentationLink: "https://www.remotion.dev/docs/effects/page-turn",
+  backend: "webgl2",
+  calculateKey: (params) => {
+    const r = resolve(params);
+    return `page-turn-${r.progress}-${r.foldPosition.join(":")}-${r.angle}-${r.foldRadius}-${r.lightDirection}-${r.shadow}-${r.backOpacity}-${r.paperColor}`;
+  },
+  setup: (target) => {
+    const gl = target.getContext("webgl2", {
+      premultipliedAlpha: true,
+      alpha: true,
+      preserveDrawingBuffer: true
+    });
+    if (!gl) {
+      throw createWebGL2ContextError("page turn effect");
+    }
+    gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, true);
+    const vs = compileShader(gl, gl.VERTEX_SHADER, PAGE_TURN_VS);
+    const fs = compileShader(gl, gl.FRAGMENT_SHADER, PAGE_TURN_FS);
+    const program = linkProgram(gl, vs, fs);
+    gl.deleteShader(vs);
+    gl.deleteShader(fs);
+    const vao = gl.createVertexArray();
+    if (!vao) {
+      throw new Error("Failed to create WebGL vertex array");
+    }
+    gl.bindVertexArray(vao);
+    const data = new Float32Array([
+      -1,
+      -1,
+      0,
+      0,
+      1,
+      -1,
+      1,
+      0,
+      -1,
+      1,
+      0,
+      1,
+      1,
+      1,
+      1,
+      1
+    ]);
+    const vbo = gl.createBuffer();
+    if (!vbo) {
+      throw new Error("Failed to create WebGL buffer");
+    }
+    gl.bindBuffer(gl.ARRAY_BUFFER, vbo);
+    gl.bufferData(gl.ARRAY_BUFFER, data, gl.STATIC_DRAW);
+    const aPos = gl.getAttribLocation(program, "aPos");
+    const aUv = gl.getAttribLocation(program, "aUv");
+    gl.enableVertexAttribArray(aPos);
+    gl.vertexAttribPointer(aPos, 2, gl.FLOAT, false, 16, 0);
+    gl.enableVertexAttribArray(aUv);
+    gl.vertexAttribPointer(aUv, 2, gl.FLOAT, false, 16, 8);
+    gl.bindVertexArray(null);
+    const texture = gl.createTexture();
+    if (!texture) {
+      throw new Error("Failed to create WebGL texture");
+    }
+    gl.bindTexture(gl.TEXTURE_2D, texture);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
+    gl.bindTexture(gl.TEXTURE_2D, null);
+    const colorCanvas = document.createElement("canvas");
+    colorCanvas.width = 1;
+    colorCanvas.height = 1;
+    const colorCtx = colorCanvas.getContext("2d", { willReadFrequently: true });
+    if (!colorCtx) {
+      throw new Error("Failed to acquire 2D context for color parsing");
+    }
+    return {
+      gl,
+      program,
+      vao,
+      vbo,
+      texture,
+      uSource: gl.getUniformLocation(program, "uSource"),
+      uProgress: gl.getUniformLocation(program, "uProgress"),
+      uFoldPosition: gl.getUniformLocation(program, "uFoldPosition"),
+      uDirectionVector: gl.getUniformLocation(program, "uDirectionVector"),
+      uLightVector: gl.getUniformLocation(program, "uLightVector"),
+      uFoldRadius: gl.getUniformLocation(program, "uFoldRadius"),
+      uShadow: gl.getUniformLocation(program, "uShadow"),
+      uBackOpacity: gl.getUniformLocation(program, "uBackOpacity"),
+      uPaperColor: gl.getUniformLocation(program, "uPaperColor"),
+      colorCtx,
+      cachedPaperColor: "",
+      cachedPaperColorRgba: [255, 248, 220, 255]
+    };
+  },
+  apply: ({ source, width, height, params, state, flipSourceY }) => {
+    const r = resolve(params);
+    const { gl, program, texture, vao } = state;
+    if (state.cachedPaperColor !== r.paperColor) {
+      state.cachedPaperColor = r.paperColor;
+      state.cachedPaperColorRgba = parseColorRgba(state.colorCtx, r.paperColor);
+    }
+    const [paperR, paperG, paperB, paperA] = state.cachedPaperColorRgba;
+    const [foldX, foldY] = publicUvToShaderUv(r.foldPosition);
+    gl.viewport(0, 0, width, height);
+    gl.clearColor(0, 0, 0, 0);
+    gl.clear(gl.COLOR_BUFFER_BIT);
+    gl.useProgram(program);
+    gl.bindVertexArray(vao);
+    gl.activeTexture(gl.TEXTURE0);
+    gl.bindTexture(gl.TEXTURE_2D, texture);
+    gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, flipSourceY);
+    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, source);
+    if (state.uSource)
+      gl.uniform1i(state.uSource, 0);
+    if (state.uProgress)
+      gl.uniform1f(state.uProgress, r.progress);
+    if (state.uFoldPosition)
+      gl.uniform2f(state.uFoldPosition, foldX, foldY);
+    if (state.uDirectionVector) {
+      const radians = r.angle * Math.PI / 180;
+      gl.uniform2f(state.uDirectionVector, Math.cos(radians), -Math.sin(radians));
+    }
+    if (state.uLightVector) {
+      const radians = r.lightDirection * Math.PI / 180;
+      gl.uniform2f(state.uLightVector, Math.cos(radians), -Math.sin(radians));
+    }
+    if (state.uFoldRadius)
+      gl.uniform1f(state.uFoldRadius, r.foldRadius);
+    if (state.uShadow)
+      gl.uniform1f(state.uShadow, r.shadow);
+    if (state.uBackOpacity)
+      gl.uniform1f(state.uBackOpacity, r.backOpacity);
+    if (state.uPaperColor)
+      gl.uniform4f(state.uPaperColor, paperR / 255, paperG / 255, paperB / 255, paperA / 255);
+    gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
+    gl.bindVertexArray(null);
+    gl.bindTexture(gl.TEXTURE_2D, null);
+    gl.useProgram(null);
+  },
+  cleanup: ({ gl, program, vao, vbo, texture }) => {
+    gl.deleteBuffer(vbo);
+    gl.deleteProgram(program);
+    gl.deleteVertexArray(vao);
+    gl.deleteTexture(texture);
+  },
+  schema: pageTurnSchema,
+  validateParams: validatePageTurnParams
+});
+export {
+  pageTurnSchema,
+  pageTurn
+};

package/dist/esm/roughen-edges.mjs

@@ -0,0 +1,566 @@
+// src/roughen-edges.ts
+import { Internals } from "remotion";
+
+// src/validate-effect-param.ts
+var assertEffectParamsObject = (params, effectLabel) => {
+  if (params === null || typeof params !== "object") {
+    throw new TypeError(`${effectLabel} effect requires a parameters object, but got ${JSON.stringify(params)}`);
+  }
+};
+var assertRequiredFiniteNumber = (value, name) => {
+  if (typeof value !== "number" || !Number.isFinite(value)) {
+    throw new TypeError(`"${name}" must be a finite number, but got ${JSON.stringify(value)}`);
+  }
+};
+var assertRequiredColor = (value, name) => {
+  if (typeof value !== "string" || value.length === 0) {
+    throw new TypeError(`"${name}" must be a non-empty string, but got ${JSON.stringify(value)}`);
+  }
+};
+var assertOptionalColor = (value, name) => {
+  if (value === undefined) {
+    return;
+  }
+  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;
+var DEFAULT_BRIGHTNESS_AMOUNT = 0;
+var DEFAULT_HUE_DEGREES = 0;
+var colorAmountSchema = {
+  type: "number",
+  min: 0,
+  max: 1,
+  step: 0.01,
+  default: DEFAULT_AMOUNT,
+  description: "Amount",
+  hiddenFromList: false
+};
+var colorMultiplierSchema = {
+  type: "number",
+  min: 0,
+  step: 0.01,
+  default: DEFAULT_AMOUNT,
+  description: "Amount",
+  hiddenFromList: false
+};
+var brightnessAmountSchema = {
+  type: "number",
+  min: -1,
+  max: 1,
+  step: 0.01,
+  default: DEFAULT_BRIGHTNESS_AMOUNT,
+  description: "Amount",
+  hiddenFromList: false
+};
+var hueDegreesSchema = {
+  type: "rotation-degrees",
+  step: 1,
+  default: DEFAULT_HUE_DEGREES,
+  description: "Degrees"
+};
+var assertOptionalFiniteNumber = (value, name) => {
+  if (value === undefined) {
+    return;
+  }
+  assertRequiredFiniteNumber(value, name);
+};
+var validateUnitInterval = (value, name) => {
+  if (value < 0) {
+    throw new TypeError(`"${name}" must be >= 0, but got ${JSON.stringify(value)}`);
+  }
+  if (value > 1) {
+    throw new TypeError(`"${name}" must be <= 1, but got ${JSON.stringify(value)}`);
+  }
+};
+var validateNonNegative = (value, name) => {
+  if (value < 0) {
+    throw new TypeError(`"${name}" must be >= 0, but got ${JSON.stringify(value)}`);
+  }
+};
+var validateSignedUnitInterval = (value, name) => {
+  if (value < -1) {
+    throw new TypeError(`"${name}" must be >= -1, but got ${JSON.stringify(value)}`);
+  }
+  if (value > 1) {
+    throw new TypeError(`"${name}" must be <= 1, but got ${JSON.stringify(value)}`);
+  }
+};
+var clampColorChannel = (value) => {
+  return Math.max(0, Math.min(255, value));
+};
+var parseColorRgba = (ctx, color) => {
+  ctx.clearRect(0, 0, 1, 1);
+  ctx.fillStyle = color;
+  ctx.fillRect(0, 0, 1, 1);
+  const { data } = ctx.getImageData(0, 0, 1, 1);
+  return [data[0], data[1], data[2], data[3]];
+};
+
+// src/roughen-edges.ts
+var { createEffect, createWebGL2ContextError } = Internals;
+var DEFAULT_AMOUNT2 = 1;
+var DEFAULT_BORDER = 26.5;
+var DEFAULT_SCALE = 0.07;
+var DEFAULT_SEED = 231.2;
+var MAX_BORDER = 200;
+var MAX_SEED = 1000;
+var NOISE_TEXTURE_SIZE = 256;
+var roughenEdgesSchema = {
+  amount: {
+    type: "number",
+    min: 0,
+    max: 1,
+    step: 0.01,
+    default: DEFAULT_AMOUNT2,
+    description: "Amount",
+    hiddenFromList: false
+  },
+  border: {
+    type: "number",
+    min: 0,
+    max: MAX_BORDER,
+    step: 0.1,
+    default: DEFAULT_BORDER,
+    description: "Border",
+    hiddenFromList: false
+  },
+  scale: {
+    type: "number",
+    min: 0.01,
+    max: 4,
+    step: 0.01,
+    default: DEFAULT_SCALE,
+    description: "Scale",
+    hiddenFromList: false
+  },
+  seed: {
+    type: "number",
+    min: 0,
+    max: MAX_SEED,
+    step: 0.01,
+    default: DEFAULT_SEED,
+    description: "Seed",
+    hiddenFromList: false
+  }
+};
+var resolve = (p) => ({
+  amount: p.amount ?? DEFAULT_AMOUNT2,
+  border: p.border ?? DEFAULT_BORDER,
+  scale: p.scale ?? DEFAULT_SCALE,
+  seed: p.seed ?? DEFAULT_SEED
+});
+var validateAtMost = (value, max, name) => {
+  if (value > max) {
+    throw new TypeError(`"${name}" must be <= ${max}, but got ${JSON.stringify(value)}`);
+  }
+};
+var validateRoughenEdgesParams = (params) => {
+  assertEffectParamsObject(params, "Roughen edges");
+  assertOptionalFiniteNumber(params.amount, "amount");
+  assertOptionalFiniteNumber(params.border, "border");
+  assertOptionalFiniteNumber(params.scale, "scale");
+  assertOptionalFiniteNumber(params.seed, "seed");
+  const r = resolve(params);
+  validateUnitInterval(r.amount, "amount");
+  validateNonNegative(r.border, "border");
+  validateAtMost(r.border, MAX_BORDER, "border");
+  if (r.scale <= 0) {
+    throw new TypeError(`"scale" must be greater than 0, but got ${JSON.stringify(r.scale)}`);
+  }
+  validateAtMost(r.scale, 4, "scale");
+  validateNonNegative(r.seed, "seed");
+  validateAtMost(r.seed, MAX_SEED, "seed");
+};
+var ROUGHEN_EDGES_VS = `#version 300 es
+in vec2 aPos;
+in vec2 aUv;
+out vec2 vUv;
+
+void main() {
+	vUv = aUv;
+	gl_Position = vec4(aPos, 0.0, 1.0);
+}
+`;
+var ROUGHEN_EDGES_FS = `#version 300 es
+precision highp float;
+
+in vec2 vUv;
+out vec4 fragColor;
+
+uniform sampler2D uSource;
+uniform vec2 uResolution;
+uniform float uAmount;
+uniform float uBorder;
+uniform float uScale;
+uniform float uSeed;
+uniform sampler2D uNoiseTexture;
+
+float sampleAlpha(vec2 uv) {
+	return texture(uSource, clamp(uv, vec2(0.0), vec2(1.0))).a;
+}
+
+vec2 seedOffset(float salt) {
+	float seeded = uSeed + salt;
+	return fract(
+		sin(
+			vec2(
+				seeded * 12.9898 + 78.233,
+				seeded * 39.3468 + 11.135
+			)
+		) * 43758.5453
+	);
+}
+
+float randomR(vec2 p) {
+	vec2 uv = floor(p) / 100.0 + 0.5;
+	return texture(uNoiseTexture, fract(uv)).r;
+}
+
+float valueNoise(vec2 st) {
+	vec2 i = floor(st);
+	vec2 f = fract(st);
+	float a = randomR(i);
+	float b = randomR(i + vec2(1.0, 0.0));
+	float c = randomR(i + vec2(0.0, 1.0));
+	float d = randomR(i + vec2(1.0, 1.0));
+	vec2 u = f * f * (3.0 - 2.0 * f);
+	float x1 = mix(a, b, u.x);
+	float x2 = mix(c, d, u.x);
+	return mix(x1, x2, u.y);
+}
+
+float fbm(vec2 n) {
+	float total = 0.0;
+	float amplitude = 0.5;
+	for (int i = 0; i < 4; i++) {
+		total += valueNoise(n) * amplitude;
+		n *= 2.03;
+		amplitude *= 0.55;
+	}
+	return total;
+}
+
+void addAlphaSample(
+	vec2 uv,
+	vec2 offset,
+	inout float minAlpha,
+	inout float maxAlpha
+) {
+	float alpha = sampleAlpha(uv + offset);
+	minAlpha = min(minAlpha, alpha);
+	maxAlpha = max(maxAlpha, alpha);
+}
+
+float edgeProximity(vec2 uv, float alpha) {
+	if (uBorder <= 0.0) {
+		return 0.0;
+	}
+
+	vec2 reach = max(uBorder, 1.0) / uResolution;
+	float minAlpha = alpha;
+	float maxAlpha = alpha;
+
+	addAlphaSample(uv, vec2(reach.x, 0.0), minAlpha, maxAlpha);
+	addAlphaSample(uv, vec2(-reach.x, 0.0), minAlpha, maxAlpha);
+	addAlphaSample(uv, vec2(0.0, reach.y), minAlpha, maxAlpha);
+	addAlphaSample(uv, vec2(0.0, -reach.y), minAlpha, maxAlpha);
+	addAlphaSample(uv, vec2(reach.x, reach.y), minAlpha, maxAlpha);
+	addAlphaSample(uv, vec2(-reach.x, reach.y), minAlpha, maxAlpha);
+	addAlphaSample(uv, vec2(reach.x, -reach.y), minAlpha, maxAlpha);
+	addAlphaSample(uv, vec2(-reach.x, -reach.y), minAlpha, maxAlpha);
+
+	return smoothstep(0.02, 0.35, maxAlpha - minAlpha);
+}
+
+vec2 alphaGradient(vec2 uv) {
+	vec2 reach = max(uBorder * 0.25, 1.0) / uResolution;
+	return vec2(
+		sampleAlpha(uv + vec2(reach.x, 0.0)) -
+			sampleAlpha(uv - vec2(reach.x, 0.0)),
+		sampleAlpha(uv + vec2(0.0, reach.y)) -
+			sampleAlpha(uv - vec2(0.0, reach.y))
+	);
+}
+
+float edgeNoise(vec2 uv, float salt) {
+	vec2 patternUV = uv - 0.5;
+	patternUV *= vec2(uResolution.x / max(uResolution.y, 1.0), 1.0);
+	patternUV *= 7.0 / max(uScale, 0.001);
+	patternUV += 64.0 * seedOffset(salt);
+	return fbm(patternUV);
+}
+
+void main() {
+	vec4 source = texture(uSource, vUv);
+
+	if (uAmount <= 0.0 || uBorder <= 0.0) {
+		fragColor = source;
+		return;
+	}
+
+	float alpha = source.a;
+	float proximity = edgeProximity(vUv, alpha);
+
+	if (proximity <= 0.001) {
+		fragColor = source;
+		return;
+	}
+
+	vec2 gradient = alphaGradient(vUv);
+	vec2 noiseVector = vec2(
+		edgeNoise(vUv + vec2(0.17, 0.0), 2.0),
+		edgeNoise(vUv + vec2(0.0, 0.31), 3.0)
+	) * 2.0 - 1.0;
+	vec2 direction = gradient + 0.7 * noiseVector;
+	if (length(direction) <= 0.0001) {
+		direction = length(noiseVector) <= 0.0001 ? vec2(1.0, 0.0) : noiseVector;
+	}
+
+	direction = normalize(direction);
+
+	float scalar = edgeNoise(vUv, 4.0) * 2.0 - 1.0;
+	vec2 offset = direction * scalar * uBorder / uResolution;
+	vec4 roughened = texture(
+		uSource,
+		clamp(vUv + offset, vec2(0.0), vec2(1.0))
+	);
+	float blend = clamp(proximity * uAmount, 0.0, 1.0);
+
+	fragColor = mix(source, roughened, blend);
+}
+`;
+var compileShader = (gl, type, source) => {
+  const shader = gl.createShader(type);
+  if (!shader) {
+    throw new Error("Failed to create WebGL shader");
+  }
+  gl.shaderSource(shader, source);
+  gl.compileShader(shader);
+  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
+    const log = gl.getShaderInfoLog(shader);
+    gl.deleteShader(shader);
+    throw new Error(`Roughen edges shader compile failed: ${log ?? "(no log)"}`);
+  }
+  return shader;
+};
+var linkProgram = (gl, vs, fs) => {
+  const program = gl.createProgram();
+  if (!program) {
+    throw new Error("Failed to create WebGL program");
+  }
+  gl.attachShader(program, vs);
+  gl.attachShader(program, fs);
+  gl.linkProgram(program);
+  if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
+    const log = gl.getProgramInfoLog(program);
+    gl.deleteProgram(program);
+    throw new Error(`Roughen edges program link failed: ${log ?? "(no log)"}`);
+  }
+  return program;
+};
+var createSourceTexture = (gl) => {
+  const texture = gl.createTexture();
+  if (!texture) {
+    throw new Error("Failed to create WebGL texture");
+  }
+  gl.bindTexture(gl.TEXTURE_2D, texture);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+  gl.bindTexture(gl.TEXTURE_2D, null);
+  return texture;
+};
+var initialNoiseState = (seed) => {
+  const scaledSeed = Math.round(seed * 1000);
+  const mixedState = (2654435769 ^ Math.imul(scaledSeed, 2246822507)) >>> 0;
+  return mixedState === 0 ? 2654435769 : mixedState;
+};
+var nextNoiseState = (state) => {
+  let next = state;
+  next ^= next << 13;
+  next ^= next >>> 17;
+  next ^= next << 5;
+  return next >>> 0;
+};
+var createNoiseData = (seed) => {
+  const data = new Uint8Array(NOISE_TEXTURE_SIZE * NOISE_TEXTURE_SIZE * 4);
+  let state = initialNoiseState(seed);
+  for (let i = 0;i < data.length; i += 4) {
+    state = nextNoiseState(state);
+    data[i] = state & 255;
+    state = nextNoiseState(state);
+    data[i + 1] = state & 255;
+    state = nextNoiseState(state);
+    data[i + 2] = state & 255;
+    data[i + 3] = 255;
+  }
+  return data;
+};
+var uploadNoiseTexture = (gl, texture, seed) => {
+  const data = createNoiseData(seed);
+  gl.bindTexture(gl.TEXTURE_2D, texture);
+  gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, false);
+  gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, false);
+  gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, NOISE_TEXTURE_SIZE, NOISE_TEXTURE_SIZE, 0, gl.RGBA, gl.UNSIGNED_BYTE, data);
+};
+var createNoiseTexture = (gl) => {
+  const texture = gl.createTexture();
+  if (!texture) {
+    throw new Error("Failed to create WebGL noise texture");
+  }
+  uploadNoiseTexture(gl, texture, DEFAULT_SEED);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
+  gl.bindTexture(gl.TEXTURE_2D, null);
+  return texture;
+};
+var setupRoughenEdges = (target) => {
+  const gl = target.getContext("webgl2", {
+    premultipliedAlpha: true,
+    alpha: true,
+    preserveDrawingBuffer: true
+  });
+  if (!gl) {
+    throw createWebGL2ContextError("roughen edges effect");
+  }
+  const vs = compileShader(gl, gl.VERTEX_SHADER, ROUGHEN_EDGES_VS);
+  const fs = compileShader(gl, gl.FRAGMENT_SHADER, ROUGHEN_EDGES_FS);
+  const program = linkProgram(gl, vs, fs);
+  gl.deleteShader(vs);
+  gl.deleteShader(fs);
+  const vao = gl.createVertexArray();
+  if (!vao) {
+    throw new Error("Failed to create WebGL vertex array");
+  }
+  gl.bindVertexArray(vao);
+  const data = new Float32Array([
+    -1,
+    -1,
+    0,
+    0,
+    1,
+    -1,
+    1,
+    0,
+    -1,
+    1,
+    0,
+    1,
+    1,
+    1,
+    1,
+    1
+  ]);
+  const vbo = gl.createBuffer();
+  if (!vbo) {
+    throw new Error("Failed to create WebGL buffer");
+  }
+  gl.bindBuffer(gl.ARRAY_BUFFER, vbo);
+  gl.bufferData(gl.ARRAY_BUFFER, data, gl.STATIC_DRAW);
+  const aPos = gl.getAttribLocation(program, "aPos");
+  const aUv = gl.getAttribLocation(program, "aUv");
+  gl.enableVertexAttribArray(aPos);
+  gl.vertexAttribPointer(aPos, 2, gl.FLOAT, false, 16, 0);
+  gl.enableVertexAttribArray(aUv);
+  gl.vertexAttribPointer(aUv, 2, gl.FLOAT, false, 16, 8);
+  gl.bindVertexArray(null);
+  const sourceTexture = createSourceTexture(gl);
+  const noiseTexture = createNoiseTexture(gl);
+  gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, true);
+  return {
+    gl,
+    program,
+    vao,
+    vbo,
+    sourceTexture,
+    noiseTexture,
+    uniforms: {
+      uSource: gl.getUniformLocation(program, "uSource"),
+      uResolution: gl.getUniformLocation(program, "uResolution"),
+      uAmount: gl.getUniformLocation(program, "uAmount"),
+      uBorder: gl.getUniformLocation(program, "uBorder"),
+      uScale: gl.getUniformLocation(program, "uScale"),
+      uSeed: gl.getUniformLocation(program, "uSeed"),
+      uNoiseTexture: gl.getUniformLocation(program, "uNoiseTexture")
+    },
+    cachedNoiseSeed: DEFAULT_SEED
+  };
+};
+var roughenEdges = createEffect({
+  type: "dev.remotion.effects.roughen-edges",
+  label: "roughenEdges()",
+  documentationLink: "https://www.remotion.dev/docs/effects/roughen-edges",
+  backend: "webgl2",
+  calculateKey: (params) => {
+    const r = resolve(params);
+    return `roughen-edges-${r.amount}-${r.border}-${r.scale}-${r.seed}`;
+  },
+  setup: (target) => setupRoughenEdges(target),
+  apply: ({ source, width, height, params, state, flipSourceY }) => {
+    const r = resolve(params);
+    const { gl, program, vao, sourceTexture, noiseTexture, uniforms } = state;
+    gl.viewport(0, 0, width, height);
+    gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+    gl.clearColor(0, 0, 0, 0);
+    gl.clear(gl.COLOR_BUFFER_BIT);
+    gl.useProgram(program);
+    gl.bindVertexArray(vao);
+    gl.activeTexture(gl.TEXTURE0);
+    gl.bindTexture(gl.TEXTURE_2D, sourceTexture);
+    gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, true);
+    gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, flipSourceY);
+    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, source);
+    gl.activeTexture(gl.TEXTURE1);
+    gl.bindTexture(gl.TEXTURE_2D, noiseTexture);
+    if (state.cachedNoiseSeed !== r.seed) {
+      uploadNoiseTexture(gl, noiseTexture, r.seed);
+      state.cachedNoiseSeed = r.seed;
+    }
+    if (uniforms.uSource)
+      gl.uniform1i(uniforms.uSource, 0);
+    if (uniforms.uResolution)
+      gl.uniform2f(uniforms.uResolution, width, height);
+    if (uniforms.uAmount)
+      gl.uniform1f(uniforms.uAmount, r.amount);
+    if (uniforms.uBorder)
+      gl.uniform1f(uniforms.uBorder, r.border);
+    if (uniforms.uScale)
+      gl.uniform1f(uniforms.uScale, r.scale);
+    if (uniforms.uSeed)
+      gl.uniform1f(uniforms.uSeed, r.seed);
+    if (uniforms.uNoiseTexture)
+      gl.uniform1i(uniforms.uNoiseTexture, 1);
+    gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
+    gl.bindVertexArray(null);
+    gl.activeTexture(gl.TEXTURE1);
+    gl.bindTexture(gl.TEXTURE_2D, null);
+    gl.activeTexture(gl.TEXTURE0);
+    gl.bindTexture(gl.TEXTURE_2D, null);
+    gl.useProgram(null);
+  },
+  cleanup: ({ gl, program, vao, vbo, sourceTexture, noiseTexture }) => {
+    gl.deleteTexture(sourceTexture);
+    gl.deleteTexture(noiseTexture);
+    gl.deleteBuffer(vbo);
+    gl.deleteProgram(program);
+    gl.deleteVertexArray(vao);
+  },
+  schema: roughenEdgesSchema,
+  validateParams: validateRoughenEdgesParams
+});
+export {
+  roughenEdges
+};

package/dist/page-turn.d.ts

@@ -0,0 +1,91 @@
+export declare const pageTurnSchema: {
+    readonly progress: {
+        readonly type: "number";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly default: 0.5;
+        readonly description: "Progress";
+        readonly hiddenFromList: false;
+    };
+    readonly foldPosition: {
+        readonly type: "uv-coordinate";
+        readonly step: 0.01;
+        readonly default: readonly [1, 1];
+        readonly description: "Fold position";
+    };
+    readonly angle: {
+        readonly type: "rotation-degrees";
+        readonly step: 1;
+        readonly default: 225;
+        readonly description: "Angle";
+    };
+    readonly foldRadius: {
+        readonly type: "number";
+        readonly min: 0.02;
+        readonly max: 0.5;
+        readonly step: 0.01;
+        readonly default: 0.18;
+        readonly description: "Fold radius";
+        readonly hiddenFromList: false;
+    };
+    readonly lightDirection: {
+        readonly type: "rotation-degrees";
+        readonly step: 1;
+        readonly default: 60;
+        readonly description: "Light direction";
+    };
+    readonly shadow: {
+        readonly type: "number";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly default: 0.45;
+        readonly description: "Shadow";
+        readonly hiddenFromList: false;
+    };
+    readonly backOpacity: {
+        readonly type: "number";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly default: 0.85;
+        readonly description: "Back opacity";
+        readonly hiddenFromList: false;
+    };
+    readonly paperColor: {
+        readonly type: "color";
+        readonly default: "#fff8dc";
+        readonly description: "Paper color";
+    };
+};
+export type PageTurnFoldPosition = readonly [number, number];
+export type PageTurnParams = {
+    /**
+     * Turn amount from 0 (flat source) to 1 (fully turned away).
+     * Defaults to `0.5`.
+     */
+    readonly progress?: number;
+    /**
+     * Point where the page starts folding, in UV coordinates.
+     * Defaults to `[1, 1]`.
+     */
+    readonly foldPosition?: PageTurnFoldPosition;
+    /** Direction of the turn in degrees. Defaults to `225`. */
+    readonly angle?: number;
+    /**
+     * Width of the curled band as a fraction of the canvas. Defaults to `0.18`.
+     */
+    readonly foldRadius?: number;
+    /** Direction of the light in degrees. Defaults to `60`. */
+    readonly lightDirection?: number;
+    /** Strength of the crease and back-face shading. Defaults to `0.45`. */
+    readonly shadow?: number;
+    /** Opacity of the dimmed back face of the page. Defaults to `0.85`. */
+    readonly backOpacity?: number;
+    /** Color of the paper back side. Defaults to `#fff8dc`. */
+    readonly paperColor?: string;
+};
+export declare const pageTurn: (params?: (PageTurnParams & {
+    readonly disabled?: boolean | undefined;
+}) | undefined) => import("remotion").EffectDescriptor<unknown>;

package/dist/roughen-edges.d.ts

@@ -0,0 +1,13 @@
+export type RoughenEdgesParams = {
+    /** Strength of the roughened edge from `0` to `1`. Defaults to `1`. */
+    readonly amount?: number;
+    /** Size of the roughened edge in pixels. Defaults to `26.5`. */
+    readonly border?: number;
+    /** Scale of the generated edge noise from `0.01` to `4`. Defaults to `0.07`. */
+    readonly scale?: number;
+    /** Seed for the generated edge pattern from `0` to `1000`. Defaults to `231.2`. */
+    readonly seed?: number;
+};
+export declare const roughenEdges: (params?: (RoughenEdgesParams & {
+    readonly disabled?: boolean | undefined;
+}) | undefined) => import("remotion").EffectDescriptor<unknown>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/effects",
-	"version": "4.0.486",
+	"version": "4.0.488",
 	"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.486"
+		"remotion": "4.0.488"
 	},
 	"exports": {
 		".": {
@@ -204,6 +204,11 @@
 			"module": "./dist/esm/paper.mjs",
 			"import": "./dist/esm/paper.mjs"
 		},
+		"./roughen-edges": {
+			"types": "./dist/roughen-edges.d.ts",
+			"module": "./dist/esm/roughen-edges.mjs",
+			"import": "./dist/esm/roughen-edges.mjs"
+		},
 		"./pattern": {
 			"types": "./dist/pattern.d.ts",
 			"module": "./dist/esm/pattern.mjs",
@@ -410,6 +415,9 @@
 			"paper": [
 				"dist/paper.d.ts"
 			],
+			"roughen-edges": [
+				"dist/roughen-edges.d.ts"
+			],
 			"pattern": [
 				"dist/pattern.d.ts"
 			],
@@ -474,7 +482,7 @@
 	},
 	"homepage": "https://www.remotion.dev/docs/effects/api",
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.486",
+		"@remotion/eslint-config-internal": "4.0.488",
 		"@vitest/browser-playwright": "4.0.9",
 		"eslint": "9.19.0",
 		"vitest": "4.0.9",