@remotion/light-leaks 4.0.431 → 4.0.433

package/dist/LightLeak.d.ts

@@ -1,8 +1,12 @@
 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;
 };
-export declare const LightLeak: React.FC<LightLeakProps>;
+export declare const LightLeak: React.ComponentType<Omit<SequenceProps, "children" | "durationInFrames" | "layout"> & Omit<AbsoluteFillLayout, "layout"> & {
+    readonly durationInFrames?: number | undefined;
+    readonly seed?: number | undefined;
+    readonly hueShift?: number | undefined;
+}>;

package/dist/esm/index.mjs

@@ -181,30 +181,51 @@ 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.translate": {
+    type: "translate",
+    step: 1,
+    default: "0px 0px",
+    description: "Position"
+  },
+  "style.scale": {
+    type: "number",
+    min: 0.05,
+    max: 100,
+    step: 0.01,
+    default: 1,
+    description: "Scale"
+  },
+  "style.rotate": {
+    type: "rotation",
+    step: 1,
+    default: "0deg",
+    description: "Rotation"
+  },
+  "style.opacity": {
+    type: "number",
+    min: 0,
+    max: 1,
+    step: 0.01,
+    default: 1,
+    description: "Opacity"
+  }
 };
-var LightLeak = ({
-  seed: seedProp = 0,
-  hueShift: hueShiftProp = 0,
+var LightLeakInner = ({
+  seed = 0,
+  hueShift = 0,
   durationInFrames,
-  from: fromProp,
+  style,
+  controls,
   ...sequenceProps
 }) => {
-  const {
-    controls,
-    values: { seed, hueShift, from }
-  } = Internals.useSchema(lightLeakSchema, {
-    seed: seedProp,
-    hueShift: hueShiftProp,
-    from: fromProp
-  });
   const { durationInFrames: videoDuration } = useVideoConfig();
   const resolvedDuration = durationInFrames ?? videoDuration;
   if (typeof seed !== "number" || !Number.isFinite(seed)) {
@@ -220,14 +241,15 @@ var LightLeak = ({
     durationInFrames: resolvedDuration,
     name: "<LightLeak>",
     controls,
-    from,
     ...sequenceProps,
+    style,
     children: /* @__PURE__ */ jsx(LightLeakCanvas, {
       seed,
       hueShift
     })
   });
 };
+var LightLeak = Internals.wrapInSchema(LightLeakInner, lightLeakSchema);
 LightLeak.displayName = "LightLeak";
 Internals.addSequenceStackTraces(LightLeak);
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/light-leaks",
-	"version": "4.0.431",
+	"version": "4.0.433",
 	"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.433",
 		"zod": "4.3.6"
 	},
 	"peerDependencies": {
@@ -42,7 +42,7 @@
 	"devDependencies": {
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
-		"@remotion/eslint-config-internal": "4.0.431",
+		"@remotion/eslint-config-internal": "4.0.433",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},