@remotion/light-leaks 4.0.432 → 4.0.434

package/dist/LightLeak.d.ts

@@ -5,4 +5,8 @@ export type LightLeakProps = Omit<SequenceProps, 'children' | 'durationInFrames'
     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

@@ -1,5 +1,5 @@
 // src/LightLeak.tsx
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import {
   AbsoluteFill,
   Internals,
@@ -189,6 +189,12 @@ var lightLeakSchema = {
     default: 0,
     description: "Hue Shift"
   },
+  "style.translate": {
+    type: "translate",
+    step: 1,
+    default: "0px 0px",
+    description: "Position"
+  },
   "style.scale": {
     type: "number",
     min: 0.05,
@@ -197,6 +203,12 @@ var lightLeakSchema = {
     default: 1,
     description: "Scale"
   },
+  "style.rotate": {
+    type: "rotation",
+    step: 1,
+    default: "0deg",
+    description: "Rotation"
+  },
   "style.opacity": {
     type: "number",
     min: 0,
@@ -206,34 +218,14 @@ var lightLeakSchema = {
     description: "Opacity"
   }
 };
-var LightLeak = ({
-  seed: seedProp = 0,
-  hueShift: hueShiftProp = 0,
+var LightLeakInner = ({
+  seed = 0,
+  hueShift = 0,
   durationInFrames,
-  from: fromProp,
   style,
+  controls,
   ...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,
-      "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)) {
@@ -245,25 +237,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,
     ...sequenceProps,
-    style: mergedStyle,
+    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.432",
+	"version": "4.0.434",
 	"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.432",
+		"remotion": "4.0.434",
 		"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.432",
+		"@remotion/eslint-config-internal": "4.0.434",
 		"eslint": "9.19.0",
-		"@typescript/native-preview": "7.0.0-dev.20260301.1"
+		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},
 	"keywords": [
 		"remotion",