@remotion/light-leaks 4.0.431 → 4.0.432

package/dist/LightLeak.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { type SequenceProps } from 'remotion';
-export type LightLeakProps = Omit<SequenceProps, 'children' | 'layout' | 'durationInFrames'> & {
+import { type AbsoluteFillLayout, type LayoutAndStyle, type SequenceProps } from 'remotion';
+export type LightLeakProps = Omit<SequenceProps, 'children' | 'durationInFrames' | keyof LayoutAndStyle> & Omit<AbsoluteFillLayout, 'layout'> & {
     readonly durationInFrames?: number;
     readonly seed?: number;
     readonly hueShift?: number;

package/dist/esm/index.mjs

@@ -1,5 +1,5 @@
 // src/LightLeak.tsx
-import { useCallback, useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import {
   AbsoluteFill,
   Internals,
@@ -181,30 +181,59 @@ var LightLeakCanvas = ({ seed, hueShift }) => {
   });
 };
 var lightLeakSchema = {
-  seed: { type: "number", description: "Seed" },
+  seed: { type: "number", default: 0, description: "Seed" },
   hueShift: {
     type: "number",
     min: 0,
     max: 360,
+    default: 0,
     description: "Hue Shift"
   },
-  from: { type: "number", description: "From" }
+  "style.scale": {
+    type: "number",
+    min: 0.05,
+    max: 100,
+    step: 0.01,
+    default: 1,
+    description: "Scale"
+  },
+  "style.opacity": {
+    type: "number",
+    min: 0,
+    max: 1,
+    step: 0.01,
+    default: 1,
+    description: "Opacity"
+  }
 };
 var LightLeak = ({
   seed: seedProp = 0,
   hueShift: hueShiftProp = 0,
   durationInFrames,
   from: fromProp,
+  style,
   ...sequenceProps
 }) => {
+  const opacityProp = style?.opacity;
+  const scaleProp = style?.scale;
+  const schemaInput = useMemo(() => {
+    return {
+      seed: seedProp,
+      hueShift: hueShiftProp,
+      "style.opacity": opacityProp,
+      "style.scale": scaleProp
+    };
+  }, [seedProp, hueShiftProp, opacityProp, scaleProp]);
   const {
     controls,
-    values: { seed, hueShift, from }
-  } = Internals.useSchema(lightLeakSchema, {
-    seed: seedProp,
-    hueShift: hueShiftProp,
-    from: fromProp
-  });
+    values: {
+      seed,
+      hueShift,
+      "style.opacity": opacity,
+      "style.scale": scale,
+      ..._rest
+    }
+  } = Internals.useSchema(lightLeakSchema, schemaInput);
   const { durationInFrames: videoDuration } = useVideoConfig();
   const resolvedDuration = durationInFrames ?? videoDuration;
   if (typeof seed !== "number" || !Number.isFinite(seed)) {
@@ -216,12 +245,19 @@ var LightLeak = ({
   if (hueShift < 0 || hueShift > 360) {
     throw new RangeError(`"hueShift" must be between 0 and 360, but got ${hueShift}`);
   }
+  const mergedStyle = useMemo(() => {
+    return {
+      ...style,
+      opacity,
+      scale
+    };
+  }, [style, opacity, scale]);
   return /* @__PURE__ */ jsx(Sequence, {
     durationInFrames: resolvedDuration,
     name: "<LightLeak>",
     controls,
-    from,
     ...sequenceProps,
+    style: mergedStyle,
     children: /* @__PURE__ */ jsx(LightLeakCanvas, {
       seed,
       hueShift

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/light-leaks",
-	"version": "4.0.431",
+	"version": "4.0.432",
 	"description": "Light leak effects for Remotion",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -24,7 +24,7 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"remotion": "4.0.431",
+		"remotion": "4.0.432",
 		"zod": "4.3.6"
 	},
 	"peerDependencies": {
@@ -42,9 +42,9 @@
 	"devDependencies": {
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
-		"@remotion/eslint-config-internal": "4.0.431",
+		"@remotion/eslint-config-internal": "4.0.432",
 		"eslint": "9.19.0",
-		"@typescript/native-preview": "7.0.0-dev.20260217.1"
+		"@typescript/native-preview": "7.0.0-dev.20260301.1"
 	},
 	"keywords": [
 		"remotion",