remotion 4.0.0-imgloading.2 → 4.0.0-lambda.1

package/dist/video/OffthreadVideoForRendering.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OffthreadVideoForRendering = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const absolute_src_1 = require("../absolute-src");
+const use_audio_frame_1 = require("../audio/use-audio-frame");
+const CompositionManager_1 = require("../CompositionManager");
+const Img_1 = require("../Img");
+const random_1 = require("../random");
+const Sequence_1 = require("../Sequence");
+const use_current_frame_1 = require("../use-current-frame");
+const use_unsafe_video_config_1 = require("../use-unsafe-video-config");
+const volume_prop_1 = require("../volume-prop");
+const get_current_time_1 = require("./get-current-time");
+const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate, src, muted, style, ...props }) => {
+    const absoluteFrame = (0, use_current_frame_1.useAbsoluteCurrentFrame)();
+    const frame = (0, use_current_frame_1.useCurrentFrame)();
+    const volumePropsFrame = (0, use_audio_frame_1.useFrameForVolumeProp)();
+    const videoConfig = (0, use_unsafe_video_config_1.useUnsafeVideoConfig)();
+    const sequenceContext = (0, react_1.useContext)(Sequence_1.SequenceContext);
+    const mediaStartsAt = (0, use_audio_frame_1.useMediaStartsAt)();
+    const { registerAsset, unregisterAsset } = (0, react_1.useContext)(CompositionManager_1.CompositionManager);
+    if (!src) {
+        throw new TypeError('No `src` was passed to <OffthreadVideo>.');
+    }
+    // Generate a string that's as unique as possible for this asset
+    // but at the same time the same on all threads
+    const id = (0, react_1.useMemo)(() => `video-${(0, random_1.random)(src !== null && src !== void 0 ? src : '')}-${sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.cumulatedFrom}-${sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom}-${sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.durationInFrames}-muted:${muted}`, [
+        src,
+        muted,
+        sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.cumulatedFrom,
+        sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom,
+        sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.durationInFrames,
+    ]);
+    if (!videoConfig) {
+        throw new Error('No video config found');
+    }
+    const volume = (0, volume_prop_1.evaluateVolume)({
+        volume: volumeProp,
+        frame: volumePropsFrame,
+        mediaVolume: 1,
+    });
+    (0, react_1.useEffect)(() => {
+        if (!src) {
+            throw new Error('No src passed');
+        }
+        if (muted) {
+            return;
+        }
+        registerAsset({
+            type: 'video',
+            src: (0, absolute_src_1.getAbsoluteSrc)(src),
+            id,
+            frame: absoluteFrame,
+            volume,
+            mediaFrame: frame,
+            playbackRate: playbackRate !== null && playbackRate !== void 0 ? playbackRate : 1,
+        });
+        return () => unregisterAsset(id);
+    }, [
+        muted,
+        src,
+        registerAsset,
+        id,
+        unregisterAsset,
+        volume,
+        frame,
+        absoluteFrame,
+        playbackRate,
+    ]);
+    const currentTime = (0, react_1.useMemo)(() => {
+        return ((0, get_current_time_1.getExpectedMediaFrameUncorrected)({
+            frame,
+            playbackRate: playbackRate || 1,
+            startFrom: -mediaStartsAt,
+        }) / videoConfig.fps);
+    }, [frame, mediaStartsAt, playbackRate, videoConfig.fps]);
+    const actualSrc = (0, react_1.useMemo)(() => {
+        return `http://localhost:${window.remotion_proxyPort}/proxy?src=${encodeURIComponent((0, absolute_src_1.getAbsoluteSrc)(src))}&time=${encodeURIComponent(currentTime)}`;
+    }, [currentTime, src]);
+    const onErr = (0, react_1.useCallback)((e) => {
+        onError === null || onError === void 0 ? void 0 : onError(e);
+    }, [onError]);
+    const actualStyle = (0, react_1.useMemo)(() => {
+        return {
+            objectFit: 'contain',
+            ...(style !== null && style !== void 0 ? style : {}),
+        };
+    }, [style]);
+    return (0, jsx_runtime_1.jsx)(Img_1.Img, { src: actualSrc, style: actualStyle, ...props, onError: onErr });
+};
+exports.OffthreadVideoForRendering = OffthreadVideoForRendering;

package/dist/video/Video.d.ts

@@ -3,4 +3,4 @@ import { RemotionMainVideoProps } from './props';
 export declare const Video: React.ForwardRefExoticComponent<Pick<Omit<React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, "onEnded" | "autoPlay" | "controls" | "loop"> & {
     volume?: import("../volume-prop").VolumeProp | undefined;
     playbackRate?: number | undefined;
-} & RemotionMainVideoProps, "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "height" | "width" | "src" | "volume" | "playbackRate" | "controlsList" | "crossOrigin" | "mediaGroup" | "muted" | "playsInline" | "preload" | "key" | "poster" | "disablePictureInPicture" | "disableRemotePlayback" | keyof RemotionMainVideoProps> & React.RefAttributes<HTMLVideoElement>>;
+} & RemotionMainVideoProps, "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "height" | "width" | "key" | "controlsList" | "crossOrigin" | "mediaGroup" | "muted" | "playsInline" | "preload" | "src" | "volume" | "playbackRate" | "poster" | "disablePictureInPicture" | "disableRemotePlayback" | keyof RemotionMainVideoProps> & React.RefAttributes<HTMLVideoElement>>;

package/dist/video/Video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../src/video/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAAC,sBAAsB,EAAqB,MAAM,SAAS,CAAC;AAwCnE,eAAO,MAAM,KAAK;;;6xJAAsC,CAAC"}

package/dist/video/Video.js

@@ -4,7 +4,7 @@ exports.Video = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const get_environment_1 = require("../get-environment");
-const sequencing_1 = require("../sequencing");
+const Sequence_1 = require("../Sequence");
 const validate_media_props_1 = require("../validate-media-props");
 const validate_start_from_props_1 = require("../validate-start-from-props");
 const VideoForDevelopment_1 = require("./VideoForDevelopment");
@@ -18,12 +18,12 @@ const VideoForwardingFunction = (props, ref) => {
         (0, validate_start_from_props_1.validateStartFromProps)(startFrom, endAt);
         const startFromFrameNo = startFrom !== null && startFrom !== void 0 ? startFrom : 0;
         const endAtFrameNo = endAt !== null && endAt !== void 0 ? endAt : Infinity;
-        return ((0, jsx_runtime_1.jsx)(sequencing_1.Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, children: (0, jsx_runtime_1.jsx)(exports.Video, { ...otherProps, ref: ref }, void 0) }, void 0));
+        return ((0, jsx_runtime_1.jsx)(Sequence_1.Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, children: (0, jsx_runtime_1.jsx)(exports.Video, { ...otherProps, ref: ref }) }));
     }
     (0, validate_media_props_1.validateMediaProps)(props, 'Video');
     if ((0, get_environment_1.getRemotionEnvironment)() === 'rendering') {
-        return (0, jsx_runtime_1.jsx)(VideoForRendering_1.VideoForRendering, { ...otherProps, ref: ref }, void 0);
+        return (0, jsx_runtime_1.jsx)(VideoForRendering_1.VideoForRendering, { ...otherProps, ref: ref });
     }
-    return (0, jsx_runtime_1.jsx)(VideoForDevelopment_1.VideoForDevelopment, { ...otherProps, ref: ref }, void 0);
+    return (0, jsx_runtime_1.jsx)(VideoForDevelopment_1.VideoForDevelopment, { ...otherProps, ref: ref });
 };
 exports.Video = (0, react_1.forwardRef)(VideoForwardingFunction);

package/dist/video/Video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../src/video/Video.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwC;AACxC,wDAA0D;AAC1D,8CAAuC;AACvC,kEAA2D;AAC3D,4EAAoE;AAEpE,+DAA0D;AAC1D,2DAAsD;AAEtD,MAAM,uBAAuB,GAGzB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAClB,MAAM,EAAC,SAAS,EAAE,KAAK,EAAE,GAAG,UAAU,EAAC,GAAG,KAAK,CAAC;IAEhD,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;QAC5B,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC;KACjD;IAED,IAAI,OAAO,SAAS,KAAK,WAAW,IAAI,OAAO,KAAK,KAAK,WAAW,EAAE;QACrE,IAAA,kDAAsB,EAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAEzC,MAAM,gBAAgB,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,CAAC,CAAC;QACxC,MAAM,YAAY,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,QAAQ,CAAC;QACvC,OAAO,CACN,uBAAC,qBAAQ,IACR,MAAM,EAAC,MAAM,EACb,IAAI,EAAE,CAAC,GAAG,gBAAgB,EAC1B,cAAc,EAAE,KAAK,EACrB,gBAAgB,EAAE,YAAY,YAE9B,uBAAC,aAAK,OAAK,UAAU,EAAE,GAAG,EAAE,GAAG,WAAI,WACzB,CACX,CAAC;KACF;IAED,IAAA,yCAAkB,EAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAEnC,IAAI,IAAA,wCAAsB,GAAE,KAAK,WAAW,EAAE;QAC7C,OAAO,uBAAC,qCAAiB,OAAK,UAAU,EAAE,GAAG,EAAE,GAAG,WAAI,CAAC;KACvD;IAED,OAAO,uBAAC,yCAAmB,OAAK,UAAU,EAAE,GAAG,EAAE,GAAG,WAAI,CAAC;AAC1D,CAAC,CAAC;AAEW,QAAA,KAAK,GAAG,IAAA,kBAAU,EAAC,uBAAuB,CAAC,CAAC"}

package/dist/video/VideoForDevelopment.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { RemotionVideoProps } from './props';
-export declare const VideoForDevelopment: React.ForwardRefExoticComponent<Pick<RemotionVideoProps, "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "height" | "width" | "src" | "volume" | "playbackRate" | "controlsList" | "crossOrigin" | "mediaGroup" | "muted" | "playsInline" | "preload" | "key" | "poster" | "disablePictureInPicture" | "disableRemotePlayback"> & React.RefAttributes<HTMLVideoElement>>;
+export declare const VideoForDevelopment: React.ForwardRefExoticComponent<Pick<RemotionVideoProps, "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "height" | "width" | "key" | "controlsList" | "crossOrigin" | "mediaGroup" | "muted" | "playsInline" | "preload" | "src" | "volume" | "playbackRate" | "poster" | "disablePictureInPicture" | "disableRemotePlayback"> & React.RefAttributes<HTMLVideoElement>>;

package/dist/video/VideoForDevelopment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoForDevelopment.d.ts","sourceRoot":"","sources":["../../src/video/VideoForDevelopment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAUrE,OAAO,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAsD3C,eAAO,MAAM,mBAAmB,6xJAE/B,CAAC"}

package/dist/video/VideoForDevelopment.js

@@ -40,6 +40,6 @@ const VideoForDevelopmentRefForwardingFunction = (props, ref) => {
     (0, react_1.useImperativeHandle)(ref, () => {
         return videoRef.current;
     });
-    return ((0, jsx_runtime_1.jsx)("video", { ref: videoRef, muted: muted || mediaMuted, playsInline: true, ...nativeProps }, void 0));
+    return ((0, jsx_runtime_1.jsx)("video", { ref: videoRef, muted: muted || mediaMuted, playsInline: true, ...nativeProps }));
 };
 exports.VideoForDevelopment = (0, react_1.forwardRef)(VideoForDevelopmentRefForwardingFunction);

package/dist/video/VideoForDevelopment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoForDevelopment.js","sourceRoot":"","sources":["../../src/video/VideoForDevelopment.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqE;AACrE,8DAA+D;AAC/D,oEAA4D;AAC5D,8DAAuD;AACvD,kEAA0D;AAC1D,sFAA4E;AAC5E,oEAGkC;AAGlC,MAAM,wCAAwC,GAG1C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IAClB,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAEhD,MAAM,eAAe,GAAG,IAAA,uCAAqB,GAAE,CAAC;IAEhD,MAAM,EAAC,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,WAAW,EAAC,GAAG,KAAK,CAAC;IAE5D,MAAM,YAAY,GAAG,IAAA,wCAAiB,EAAC,QAAQ,CAAC,CAAC;IAEjD,MAAM,CAAC,WAAW,CAAC,GAAG,IAAA,2CAAmB,GAAE,CAAC;IAC5C,MAAM,CAAC,UAAU,CAAC,GAAG,IAAA,0CAAkB,GAAE,CAAC;IAE1C,IAAA,0CAAkB,EAAC;QAClB,QAAQ,EAAE,QAAQ;QAClB,MAAM;QACN,WAAW;QACX,SAAS,EAAE,OAAO;QAClB,GAAG,EAAE,WAAW,CAAC,GAAG;KACpB,CAAC,CAAC;IAEH,IAAA,0DAAyB,EAAC;QACzB,eAAe;QACf,YAAY;QACZ,MAAM;QACN,WAAW;QACX,QAAQ,EAAE,QAAQ;KAClB,CAAC,CAAC;IAEH,IAAA,qCAAgB,EAAC;QAChB,QAAQ,EAAE,QAAQ;QAClB,GAAG,EAAE,WAAW,CAAC,GAAG;QACpB,SAAS,EAAE,OAAO;QAClB,YAAY,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,CAAC;KACrC,CAAC,CAAC;IAEH,IAAA,2BAAmB,EAAC,GAAG,EAAE,GAAG,EAAE;QAC7B,OAAO,QAAQ,CAAC,OAA2B,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,OAAO,CACN,kCACC,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,KAAK,IAAI,UAAU,EAC1B,WAAW,WACP,WAAW,WACd,CACF,CAAC;AACH,CAAC,CAAC;AAEW,QAAA,mBAAmB,GAAG,IAAA,kBAAU,EAC5C,wCAAwC,CACxC,CAAC"}

package/dist/video/VideoForRendering.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { RemotionVideoProps } from './props';
-export declare const VideoForRendering: React.ForwardRefExoticComponent<Pick<RemotionVideoProps, "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "height" | "width" | "src" | "volume" | "playbackRate" | "controlsList" | "crossOrigin" | "mediaGroup" | "muted" | "playsInline" | "preload" | "key" | "poster" | "disablePictureInPicture" | "disableRemotePlayback"> & React.RefAttributes<HTMLVideoElement>>;
+export declare const VideoForRendering: React.ForwardRefExoticComponent<Pick<RemotionVideoProps, "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "height" | "width" | "key" | "controlsList" | "crossOrigin" | "mediaGroup" | "muted" | "playsInline" | "preload" | "src" | "volume" | "playbackRate" | "poster" | "disablePictureInPicture" | "disableRemotePlayback"> & React.RefAttributes<HTMLVideoElement>>;

package/dist/video/VideoForRendering.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoForRendering.d.ts","sourceRoot":"","sources":["../../src/video/VideoForRendering.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAef,OAAO,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAuK3C,eAAO,MAAM,iBAAiB,6xJAA+C,CAAC"}

package/dist/video/VideoForRendering.js

@@ -9,18 +9,18 @@ const CompositionManager_1 = require("../CompositionManager");
 const delay_render_1 = require("../delay-render");
 const is_approximately_the_same_1 = require("../is-approximately-the-same");
 const random_1 = require("../random");
-const sequencing_1 = require("../sequencing");
-const use_frame_1 = require("../use-frame");
+const Sequence_1 = require("../Sequence");
+const use_current_frame_1 = require("../use-current-frame");
 const use_unsafe_video_config_1 = require("../use-unsafe-video-config");
 const volume_prop_1 = require("../volume-prop");
 const get_current_time_1 = require("./get-current-time");
 const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, playbackRate, ...props }, ref) => {
-    const absoluteFrame = (0, use_frame_1.useAbsoluteCurrentFrame)();
-    const frame = (0, use_frame_1.useCurrentFrame)();
+    const absoluteFrame = (0, use_current_frame_1.useAbsoluteCurrentFrame)();
+    const frame = (0, use_current_frame_1.useCurrentFrame)();
     const volumePropsFrame = (0, use_audio_frame_1.useFrameForVolumeProp)();
     const videoConfig = (0, use_unsafe_video_config_1.useUnsafeVideoConfig)();
     const videoRef = (0, react_1.useRef)(null);
-    const sequenceContext = (0, react_1.useContext)(sequencing_1.SequenceContext);
+    const sequenceContext = (0, react_1.useContext)(Sequence_1.SequenceContext);
     const mediaStartsAt = (0, use_audio_frame_1.useMediaStartsAt)();
     const { registerAsset, unregisterAsset } = (0, react_1.useContext)(CompositionManager_1.CompositionManager);
     // Generate a string that's as unique as possible for this asset
@@ -141,6 +141,6 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, playbac
         frame,
         mediaStartsAt,
     ]);
-    return (0, jsx_runtime_1.jsx)("video", { ref: videoRef, ...props, onError: onError }, void 0);
+    return (0, jsx_runtime_1.jsx)("video", { ref: videoRef, ...props, onError: onError });
 };
 exports.VideoForRendering = (0, react_1.forwardRef)(VideoForRenderingForwardFunction);

package/dist/video/VideoForRendering.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoForRendering.js","sourceRoot":"","sources":["../../src/video/VideoForRendering.tsx"],"names":[],"mappings":"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"}

package/dist/video/get-current-time.d.ts

@@ -1,3 +1,8 @@
+export declare const getExpectedMediaFrameUncorrected: ({ frame, playbackRate, startFrom, }: {
+    frame: number;
+    playbackRate: number;
+    startFrom: number;
+}) => number;
 export declare const getMediaTime: ({ fps, frame, src, playbackRate, startFrom, }: {
     fps: number;
     frame: number;

package/dist/video/get-current-time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-current-time.d.ts","sourceRoot":"","sources":["../../src/video/get-current-time.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY;SAOnB,MAAM;WACJ,MAAM;SACR,MAAM;kBACG,MAAM;eACT,MAAM;YAwBjB,CAAC"}

package/dist/video/get-current-time.js

@@ -1,10 +1,18 @@
 "use strict";
 // Calculate the `.currentTime` of a video or audio element
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getMediaTime = void 0;
+exports.getMediaTime = exports.getExpectedMediaFrameUncorrected = void 0;
 const interpolate_1 = require("../interpolate");
+const getExpectedMediaFrameUncorrected = ({ frame, playbackRate, startFrom, }) => {
+    return (0, interpolate_1.interpolate)(frame, [-1, startFrom, startFrom + 1], [-1, startFrom, startFrom + playbackRate]);
+};
+exports.getExpectedMediaFrameUncorrected = getExpectedMediaFrameUncorrected;
 const getMediaTime = ({ fps, frame, src, playbackRate, startFrom, }) => {
-    const expectedFrame = (0, interpolate_1.interpolate)(frame, [-1, startFrom, startFrom + 1], [-1, startFrom, startFrom + playbackRate]);
+    const expectedFrame = (0, exports.getExpectedMediaFrameUncorrected)({
+        frame,
+        playbackRate,
+        startFrom,
+    });
     if (src.endsWith('mp4')) {
         // In Chrome, for MP4s, if 30fps, the first frame is still displayed at 0.033333
         // even though after that it increases by 0.033333333 each.

package/dist/video/get-current-time.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-current-time.js","sourceRoot":"","sources":["../../src/video/get-current-time.ts"],"names":[],"mappings":";AAAA,2DAA2D;;;AAE3D,gDAA2C;AAEpC,MAAM,YAAY,GAAG,CAAC,EAC5B,GAAG,EACH,KAAK,EACL,GAAG,EACH,YAAY,EACZ,SAAS,GAOT,EAAE,EAAE;IACJ,MAAM,aAAa,GAAG,IAAA,yBAAW,EAChC,KAAK,EACL,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,GAAG,CAAC,CAAC,EAC9B,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,GAAG,YAAY,CAAC,CACzC,CAAC;IAEF,IAAI,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QACxB,gFAAgF;QAChF,2DAA2D;QAC3D,6DAA6D;QAC7D,OAAO,CAAC,aAAa,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;KACjC;IAED,IAAI,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;QACzB,gFAAgF;QAChF,MAAM,UAAU,GAAG,IAAI,GAAG,GAAG,CAAC;QAC9B,MAAM,OAAO,GAAG,UAAU,GAAG,CAAC,CAAC;QAC/B,OAAO,CAAC,aAAa,GAAG,UAAU,GAAG,OAAO,CAAC,GAAG,IAAI,CAAC;KACrD;IAED,8CAA8C;IAC9C,OAAO,aAAa,GAAG,GAAG,CAAC;AAC5B,CAAC,CAAC;AAnCW,QAAA,YAAY,gBAmCvB"}

package/dist/video/index.d.ts

@@ -1,2 +1,3 @@
-export * from './props';
-export * from './Video';
+export { OffthreadVideo } from './OffthreadVideo';
+export { OffthreadVideoProps as RemotionOffthreadVideoProps, RemotionMainVideoProps, RemotionVideoProps, } from './props';
+export { Video } from './Video';

package/dist/video/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/video/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/video/index.js

@@ -1,14 +1,7 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./props"), exports);
-__exportStar(require("./Video"), exports);
+exports.Video = exports.OffthreadVideo = void 0;
+var OffthreadVideo_1 = require("./OffthreadVideo");
+Object.defineProperty(exports, "OffthreadVideo", { enumerable: true, get: function () { return OffthreadVideo_1.OffthreadVideo; } });
+var Video_1 = require("./Video");
+Object.defineProperty(exports, "Video", { enumerable: true, get: function () { return Video_1.Video; } });

package/dist/video/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/video/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0CAAwB;AACxB,0CAAwB"}

package/dist/video/props.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { VolumeProp } from '../volume-prop';
 export declare type RemotionMainVideoProps = {
     startFrom?: number;
@@ -8,3 +8,12 @@ export declare type RemotionVideoProps = Omit<React.DetailedHTMLProps<React.Vide
     volume?: VolumeProp;
     playbackRate?: number;
 };
+export declare type OffthreadVideoProps = {
+    src: string;
+    className?: string;
+    style?: React.CSSProperties;
+    volume?: VolumeProp;
+    playbackRate?: number;
+    muted?: boolean;
+    onError?: React.ReactEventHandler<HTMLVideoElement | HTMLImageElement>;
+};

package/dist/video/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/video/props.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAE1C,oBAAY,sBAAsB,GAAG;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,kBAAkB,GAAG,IAAI,CACpC,KAAK,CAAC,iBAAiB,CACtB,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,gBAAgB,CAChB,EACD,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAC5C,GAAG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

package/dist/video/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sourceRoot":"","sources":["../../src/video/props.ts"],"names":[],"mappings":""}

package/dist/video-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-config.d.ts","sourceRoot":"","sources":["../src/video-config.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,gBAAgB,EAAE,MAAM,CAAC;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,OAAO,CAAC;CACtB,CAAC"}

package/dist/video-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-config.js","sourceRoot":"","sources":["../src/video-config.ts"],"names":[],"mappings":""}

package/dist/volume-position-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"volume-position-state.d.ts","sourceRoot":"","sources":["../src/volume-position-state.ts"],"names":[],"mappings":";AAEA,oBAAY,uBAAuB,GAAG;IACrC,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,0BAA0B,GAAG;IACxC,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAC1D,cAAc,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,kDAG7B,CAAC;AAEH,eAAO,MAAM,qBAAqB,qDAOhC,CAAC;AAEH,aAAK,qBAAqB,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;AAEpE,eAAO,MAAM,mBAAmB,6BAM/B,CAAC;AAEF,aAAK,oBAAoB,GAAG,SAAS;IACpC,OAAO;IACP,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI;CAC1C,CAAC;AAEF,eAAO,MAAM,kBAAkB,4BAO9B,CAAC"}

package/dist/volume-position-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"volume-position-state.js","sourceRoot":"","sources":["../src/volume-position-state.ts"],"names":[],"mappings":";;;AAAA,iCAAyD;AAY5C,QAAA,kBAAkB,GAAG,IAAA,qBAAa,EAA0B;IACxE,UAAU,EAAE,KAAK;IACjB,WAAW,EAAE,CAAC;CACd,CAAC,CAAC;AAEU,QAAA,qBAAqB,GAAG,IAAA,qBAAa,EAA6B;IAC9E,aAAa,EAAE,GAAG,EAAE;QACnB,MAAM,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC;IACD,cAAc,EAAE,GAAG,EAAE;QACpB,MAAM,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC;CACD,CAAC,CAAC;AAII,MAAM,mBAAmB,GAAG,GAA0B,EAAE;IAC9D,MAAM,EAAC,WAAW,EAAC,GAAG,IAAA,kBAAU,EAAC,0BAAkB,CAAC,CAAC;IACrD,MAAM,EAAC,cAAc,EAAC,GAAG,IAAA,kBAAU,EAAC,6BAAqB,CAAC,CAAC;IAC3D,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QACnB,OAAO,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC;AACnC,CAAC,CAAC;AANW,QAAA,mBAAmB,uBAM9B;AAOK,MAAM,kBAAkB,GAAG,GAAyB,EAAE;IAC5D,MAAM,EAAC,UAAU,EAAC,GAAG,IAAA,kBAAU,EAAC,0BAAkB,CAAC,CAAC;IACpD,MAAM,EAAC,aAAa,EAAC,GAAG,IAAA,kBAAU,EAAC,6BAAqB,CAAC,CAAC;IAE1D,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QACnB,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;AACjC,CAAC,CAAC;AAPW,QAAA,kBAAkB,sBAO7B"}

package/dist/volume-prop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"volume-prop.d.ts","sourceRoot":"","sources":["../src/volume-prop.ts"],"names":[],"mappings":"AAAA,oBAAY,UAAU,GAAG,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;AAE9D,eAAO,MAAM,cAAc;WAKnB,MAAM;YACL,UAAU,GAAG,SAAS;iBACjB,MAAM;MAChB,MA6BH,CAAC"}

package/dist/volume-prop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"volume-prop.js","sourceRoot":"","sources":["../src/volume-prop.ts"],"names":[],"mappings":";;;AAEO,MAAM,cAAc,GAAG,CAAC,EAC9B,KAAK,EACL,MAAM,EACN,WAAW,GAAG,CAAC,GAKf,EAAU,EAAE;IACZ,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC/B,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC,CAAC;KACzC;IAED,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QAClC,OAAO,MAAM,CAAC,WAAW,CAAC,CAAC;KAC3B;IAED,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC;IAC9C,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;QAClC,MAAM,IAAI,SAAS,CAClB,oGAAoG,OAAO,SAAS,cAAc,KAAK,EAAE,CACzI,CAAC;KACF;IAED,IAAI,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE;QAC5B,MAAM,IAAI,SAAS,CAClB,6EAA6E,KAAK,GAAG,CACrF,CAAC;KACF;IAED,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;QAChC,MAAM,IAAI,SAAS,CAClB,6FAA6F,KAAK,GAAG,CACrG,CAAC;KACF;IAED,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC/B,CAAC,CAAC;AArCW,QAAA,cAAc,kBAqCzB"}

package/dist/warn-about-non-seekable-media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"warn-about-non-seekable-media.d.ts","sourceRoot":"","sources":["../src/warn-about-non-seekable-media.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,yBAAyB,QAAS,gBAAgB,SAwB9D,CAAC"}

package/dist/warn-about-non-seekable-media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"warn-about-non-seekable-media.js","sourceRoot":"","sources":["../src/warn-about-non-seekable-media.ts"],"names":[],"mappings":";;;AAAA,MAAM,aAAa,GAA6B,EAAE,CAAC;AAE5C,MAAM,yBAAyB,GAAG,CAAC,GAAqB,EAAE,EAAE;IAClE,wFAAwF;IACxF,IAAI,GAAG,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;QAC9B,OAAO;KACP;IAED,IAAI,GAAG,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;QAC5B,OAAO;KACP;IAED,IAAI,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;QAC3B,OAAO;KACP;IAED,MAAM,KAAK,GAAG,EAAC,KAAK,EAAE,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAC,CAAC;IAEvE,IAAI,KAAK,CAAC,KAAK,KAAK,CAAC,IAAI,KAAK,CAAC,GAAG,KAAK,CAAC,EAAE;QACzC,OAAO,CAAC,KAAK,CACZ,WAAW,EACX,GAAG,CAAC,GAAG,EACP,+IAA+I,CAC/I,CAAC;QACF,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;KAC9B;AACF,CAAC,CAAC;AAxBW,QAAA,yBAAyB,6BAwBpC"}

package/dist/wrap-remotion-context.d.ts

@@ -3,7 +3,7 @@ export declare function useRemotionContexts(): {
     compositionManagerCtx: import("./CompositionManager").CompositionManagerContext;
     timelineContext: import("./timeline-position-state").TimelineContextValue;
     setTimelineContext: import("./timeline-position-state").SetTimelineContextValue;
-    sequenceContext: import("./sequencing").SequenceContextType | null;
+    sequenceContext: import("./Sequence").SequenceContextType | null;
     nonceContext: import("./nonce").TNonceContext;
 };
 export interface RemotionContextProviderProps {

package/dist/wrap-remotion-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrap-remotion-context.d.ts","sourceRoot":"","sources":["../src/wrap-remotion-context.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAMrC,wBAAgB,mBAAmB;;;;;;EAsBlC;AAED,MAAM,WAAW,4BAA4B;IAC5C,QAAQ,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,eAAO,MAAM,uBAAuB,UAC5B,4BAA4B,gBAgBnC,CAAC"}

package/dist/wrap-remotion-context.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -27,13 +31,13 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
 const CompositionManager_1 = require("./CompositionManager");
 const nonce_1 = require("./nonce");
-const sequencing_1 = require("./sequencing");
+const Sequence_1 = require("./Sequence");
 const timeline_position_state_1 = require("./timeline-position-state");
 function useRemotionContexts() {
     const compositionManagerCtx = react_1.default.useContext(CompositionManager_1.CompositionManager);
     const timelineContext = react_1.default.useContext(timeline_position_state_1.TimelineContext);
     const setTimelineContext = react_1.default.useContext(timeline_position_state_1.SetTimelineContext);
-    const sequenceContext = react_1.default.useContext(sequencing_1.SequenceContext);
+    const sequenceContext = react_1.default.useContext(Sequence_1.SequenceContext);
     const nonceContext = react_1.default.useContext(nonce_1.NonceContext);
     return (0, react_1.useMemo)(() => ({
         compositionManagerCtx,
@@ -52,6 +56,6 @@ function useRemotionContexts() {
 exports.useRemotionContexts = useRemotionContexts;
 const RemotionContextProvider = (props) => {
     const { children, contexts } = props;
-    return ((0, jsx_runtime_1.jsx)(nonce_1.NonceContext.Provider, { value: contexts.nonceContext, children: (0, jsx_runtime_1.jsx)(CompositionManager_1.CompositionManager.Provider, { value: contexts.compositionManagerCtx, children: (0, jsx_runtime_1.jsx)(timeline_position_state_1.TimelineContext.Provider, { value: contexts.timelineContext, children: (0, jsx_runtime_1.jsx)(timeline_position_state_1.SetTimelineContext.Provider, { value: contexts.setTimelineContext, children: (0, jsx_runtime_1.jsx)(sequencing_1.SequenceContext.Provider, { value: contexts.sequenceContext, children: children }, void 0) }, void 0) }, void 0) }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(nonce_1.NonceContext.Provider, { value: contexts.nonceContext, children: (0, jsx_runtime_1.jsx)(CompositionManager_1.CompositionManager.Provider, { value: contexts.compositionManagerCtx, children: (0, jsx_runtime_1.jsx)(timeline_position_state_1.TimelineContext.Provider, { value: contexts.timelineContext, children: (0, jsx_runtime_1.jsx)(timeline_position_state_1.SetTimelineContext.Provider, { value: contexts.setTimelineContext, children: (0, jsx_runtime_1.jsx)(Sequence_1.SequenceContext.Provider, { value: contexts.sequenceContext, children: children }) }) }) }) }));
 };
 exports.RemotionContextProvider = RemotionContextProvider;

package/dist/wrap-remotion-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrap-remotion-context.js","sourceRoot":"","sources":["../src/wrap-remotion-context.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,yDAAyD;AACzD,yEAAyE;AACzE,yBAAyB;AAEzB,+CAAqC;AACrC,6DAAwD;AACxD,mCAAqC;AACrC,6CAA6C;AAC7C,uEAA8E;AAE9E,SAAgB,mBAAmB;IAClC,MAAM,qBAAqB,GAAG,eAAK,CAAC,UAAU,CAAC,uCAAkB,CAAC,CAAC;IACnE,MAAM,eAAe,GAAG,eAAK,CAAC,UAAU,CAAC,yCAAe,CAAC,CAAC;IAC1D,MAAM,kBAAkB,GAAG,eAAK,CAAC,UAAU,CAAC,4CAAkB,CAAC,CAAC;IAChE,MAAM,eAAe,GAAG,eAAK,CAAC,UAAU,CAAC,4BAAe,CAAC,CAAC;IAC1D,MAAM,YAAY,GAAG,eAAK,CAAC,UAAU,CAAC,oBAAY,CAAC,CAAC;IACpD,OAAO,IAAA,eAAO,EACb,GAAG,EAAE,CAAC,CAAC;QACN,qBAAqB;QACrB,eAAe;QACf,kBAAkB;QAClB,eAAe;QACf,YAAY;KACZ,CAAC,EACF;QACC,qBAAqB;QACrB,YAAY;QACZ,eAAe;QACf,kBAAkB;QAClB,eAAe;KACf,CACD,CAAC;AACH,CAAC;AAtBD,kDAsBC;AAOM,MAAM,uBAAuB,GAAG,CACtC,KAAmC,EAClC,EAAE;IACH,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC;IACnC,OAAO,CACN,uBAAC,oBAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,CAAC,YAAY,YAClD,uBAAC,uCAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,CAAC,qBAAqB,YACjE,uBAAC,yCAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,CAAC,eAAe,YACxD,uBAAC,4CAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,CAAC,kBAAkB,YAC9D,uBAAC,4BAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,CAAC,eAAe,YACvD,QAAQ,WACiB,WACE,WACJ,WACE,WACP,CACxB,CAAC;AACH,CAAC,CAAC;AAjBW,QAAA,uBAAuB,2BAiBlC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "remotion",
-	"version": "4.0.0-imgloading.2+74c22dab1",
+	"version": "4.0.0-lambda.1+5a0913230",
 	"description": "Render videos in React",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -41,7 +41,7 @@
 		"react-test-renderer": "^18.0.0",
 		"rimraf": "^3.0.2",
 		"ts-jest": "^27.0.5",
-		"typescript": "^4.5.5",
+		"typescript": "^4.7.0",
 		"webpack": "5.72.0"
 	},
 	"keywords": [
@@ -55,5 +55,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "74c22dab17f36d4d233f8b0304a3252cd05bab21"
+	"gitHead": "5a091323018b016b7c05adcd4d3d2a5c9df292a8"
 }

package/.turbo/turbo-lint.log

@@ -1,11 +0,0 @@
-remotion:lint: cache hit, replaying output ca801c8a64489efb
-remotion:lint: 
-remotion:lint: > remotion@3.0.9 lint /Users/jonathanburger/remotion/packages/core
-remotion:lint: > eslint src --ext ts,tsx
-remotion:lint: 
-remotion:lint: 
-remotion:lint: /Users/jonathanburger/remotion/packages/core/src/use-lazy-component.ts
-remotion:lint:   9:50  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-remotion:lint: 
-remotion:lint: ✖ 1 problem (0 errors, 1 warning)
-remotion:lint: