@remotion/light-leaks 4.0.478 → 4.0.481

package/dist/LightLeak.d.ts

@@ -1,12 +1,10 @@
 import React from 'react';
-import { type AbsoluteFillLayout, type LayoutAndStyle, type SequenceProps } from 'remotion';
-export type LightLeakProps = Omit<SequenceProps, 'children' | 'durationInFrames' | keyof LayoutAndStyle> & Omit<AbsoluteFillLayout, 'layout'> & {
-    readonly durationInFrames?: number;
+import { type AbsoluteFillLayout, type InteractiveBaseProps, type InteractivePremountProps, type InteractiveTransformProps, type SequenceProps } from 'remotion';
+export type LightLeakProps = InteractiveBaseProps & InteractiveTransformProps & InteractivePremountProps & Pick<SequenceProps, 'width' | 'height'> & Pick<AbsoluteFillLayout, 'className'> & {
     readonly seed?: number;
     readonly hueShift?: number;
 };
-export declare const LightLeak: React.ComponentType<Omit<SequenceProps, "children" | "durationInFrames" | "layout"> & Omit<AbsoluteFillLayout, "layout"> & {
-    readonly durationInFrames?: number | undefined;
+export declare const LightLeak: React.ComponentType<InteractiveBaseProps & InteractiveTransformProps & InteractivePremountProps & Pick<SequenceProps, "height" | "width"> & Pick<AbsoluteFillLayout, "className"> & {
     readonly seed?: number | undefined;
     readonly hueShift?: number | undefined;
 }>;

package/dist/esm/index.mjs

@@ -3,6 +3,7 @@ import { useCallback, useEffect, useRef, useState } from "react";
 import {
   AbsoluteFill,
   Internals,
+  Interactive,
   Sequence,
   useCurrentFrame,
   useDelayRender,
@@ -182,9 +183,7 @@ var LightLeakCanvas = ({ seed, hueShift }) => {
   });
 };
 var lightLeakSchema = {
-  durationInFrames: Internals.durationInFramesField,
-  from: Internals.fromField,
-  freeze: Internals.freezeField,
+  ...Internals.baseSchema,
   seed: {
     type: "number",
     default: 0,
@@ -199,15 +198,15 @@ var lightLeakSchema = {
     description: "Hue Shift",
     hiddenFromList: false
   },
-  ...Internals.sequenceStyleSchema,
-  hidden: Internals.hiddenField
+  ...Internals.transformSchema,
+  ...Internals.premountSchema
 };
 var LightLeakInner = ({
   seed = 0,
   hueShift = 0,
   durationInFrames,
   style,
-  _experimentalControls: controls,
+  controls,
   ...sequenceProps
 }) => {
   const { durationInFrames: videoDuration } = useVideoConfig();
@@ -225,7 +224,7 @@ var LightLeakInner = ({
     durationInFrames: resolvedDuration,
     name: "<LightLeak>",
     _remotionInternalDocumentationLink: "https://www.remotion.dev/docs/light-leaks/light-leak",
-    _experimentalControls: controls,
+    controls,
     ...sequenceProps,
     style,
     children: /* @__PURE__ */ jsx(LightLeakCanvas, {
@@ -234,8 +233,9 @@ var LightLeakInner = ({
     })
   });
 };
-var LightLeak = Internals.wrapInSchema({
+var LightLeak = Interactive.withSchema({
   Component: LightLeakInner,
+  componentName: "<LightLeak>",
   componentIdentity: "dev.remotion.lightLeaks.LightLeak",
   schema: lightLeakSchema,
   supportsEffects: false
@@ -432,7 +432,7 @@ var linkProgram = (gl, vs, fs) => {
   return program;
 };
 var lightLeak = createEffect({
-  type: "remotion/light-leak",
+  type: "dev.remotion.lightLeaks.lightLeak",
   label: "lightLeak()",
   documentationLink: "https://www.remotion.dev/docs/light-leaks/light-leak-effect",
   backend: "webgl2",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/light-leaks",
-	"version": "4.0.478",
+	"version": "4.0.481",
 	"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.478",
+		"remotion": "4.0.481",
 		"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.478",
+		"@remotion/eslint-config-internal": "4.0.481",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},