@remotion/cli 3.0.4 → 3.0.5

package/dist/editor/components/NewComposition/ValidationMessage.js

@@ -21,4 +21,3 @@ const ValidationMessage = ({ message }) => {
     return ((0, jsx_runtime_1.jsx)("div", { style: container, children: (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)(Triangle, { style: style, color: "#f1c40f" }, void 0), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }, void 0), (0, jsx_runtime_1.jsx)("div", { style: label, children: message }, void 0)] }, void 0) }, void 0));
 };
 exports.ValidationMessage = ValidationMessage;
-//# sourceMappingURL=ValidationMessage.js.map

package/dist/editor/components/NewComposition/new-comp-layout.d.ts

@@ -2,4 +2,3 @@ import React from 'react';
 export declare const leftLabel: React.CSSProperties;
 export declare const inputArea: React.CSSProperties;
 export declare const rightLabel: React.CSSProperties;
-//# sourceMappingURL=new-comp-layout.d.ts.map

package/dist/editor/components/NewComposition/new-comp-layout.js

@@ -18,4 +18,3 @@ exports.rightLabel = {
     color: colors_1.LIGHT_TEXT,
     marginLeft: 10,
 };
-//# sourceMappingURL=new-comp-layout.js.map

package/dist/editor/components/NewComposition/render-aspect-ratio.d.ts

@@ -1,2 +1 @@
 export declare const aspectRatio: (width: number, height: number) => string;
-//# sourceMappingURL=render-aspect-ratio.d.ts.map

package/dist/editor/components/NewComposition/render-aspect-ratio.js

@@ -21,4 +21,3 @@ const aspectRatio = (width, height) => {
     return (widthDivisor / heightDivisor).toFixed(2);
 };
 exports.aspectRatio = aspectRatio;
-//# sourceMappingURL=render-aspect-ratio.js.map

package/dist/editor/components/PlayPause.d.ts

@@ -3,4 +3,3 @@ export declare const PlayPause: React.FC<{
     playbackRate: number;
     loop: boolean;
 }>;
-//# sourceMappingURL=PlayPause.d.ts.map

package/dist/editor/components/PlayPause.js

@@ -87,4 +87,3 @@ const PlayPause = ({ playbackRate, loop }) => {
                     } }, void 0)) }, void 0), (0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { "aria-label": "Step forward one frame", title: "Step forward one frame", disabled: isLastFrame, onClick: oneFrameForward, children: (0, jsx_runtime_1.jsx)(step_forward_1.StepForward, { style: forwardBackStyle }, void 0) }, void 0)] }, void 0));
 };
 exports.PlayPause = PlayPause;
-//# sourceMappingURL=PlayPause.js.map

package/dist/editor/components/PlaybackKeyboardShortcutsManager.d.ts

@@ -2,4 +2,3 @@ import React from 'react';
 export declare const PlaybackKeyboardShortcutsManager: React.FC<{
     setPlaybackRate: React.Dispatch<React.SetStateAction<number>>;
 }>;
-//# sourceMappingURL=PlaybackKeyboardShortcutsManager.d.ts.map

package/dist/editor/components/PlaybackKeyboardShortcutsManager.js

@@ -66,4 +66,3 @@ const PlaybackKeyboardShortcutsManager = ({ setPlaybackRate }) => {
     return null;
 };
 exports.PlaybackKeyboardShortcutsManager = PlaybackKeyboardShortcutsManager;
-//# sourceMappingURL=PlaybackKeyboardShortcutsManager.js.map

package/dist/editor/components/PlaybackRatePersistor.d.ts

@@ -1,3 +1,2 @@
 import React from 'react';
 export declare const PlaybackRatePersistor: React.FC;
-//# sourceMappingURL=PlaybackRatePersistor.d.ts.map

package/dist/editor/components/PlaybackRatePersistor.js

@@ -15,4 +15,3 @@ const PlaybackRatePersistor = () => {
     return null;
 };
 exports.PlaybackRatePersistor = PlaybackRatePersistor;
-//# sourceMappingURL=PlaybackRatePersistor.js.map

package/dist/editor/components/PlaybackRateSelector.d.ts

@@ -5,4 +5,3 @@ export declare const PlaybackRateSelector: React.FC<{
     playbackRate: number;
     setPlaybackRate: React.Dispatch<React.SetStateAction<number>>;
 }>;
-//# sourceMappingURL=PlaybackRateSelector.d.ts.map

package/dist/editor/components/PlaybackRateSelector.js

@@ -50,4 +50,3 @@ const PlaybackRateSelector = ({ playbackRate, setPlaybackRate }) => {
     return ((0, jsx_runtime_1.jsx)("div", { style: style, "aria-label": accessibilityLabel, children: (0, jsx_runtime_1.jsx)(ComboBox_1.Combobox, { title: accessibilityLabel, style: comboStyle, selectedId: String(playbackRate), values: items }, void 0) }, void 0));
 };
 exports.PlaybackRateSelector = PlaybackRateSelector;
-//# sourceMappingURL=PlaybackRateSelector.js.map

package/dist/editor/components/Preview.d.ts

@@ -3,4 +3,3 @@ import React from 'react';
 export declare const VideoPreview: React.FC<{
     canvasSize: Size;
 }>;
-//# sourceMappingURL=Preview.d.ts.map

package/dist/editor/components/Preview.js

@@ -78,4 +78,3 @@ const VideoPreview = ({ canvasSize }) => {
     return (0, jsx_runtime_1.jsx)(Inner, { canvasSize: canvasSize }, void 0);
 };
 exports.VideoPreview = VideoPreview;
-//# sourceMappingURL=Preview.js.map

package/dist/editor/components/PreviewToolbar.d.ts

@@ -1,3 +1,2 @@
 import React from 'react';
 export declare const PreviewToolbar: React.FC;
-//# sourceMappingURL=PreviewToolbar.d.ts.map

package/dist/editor/components/PreviewToolbar.js

@@ -46,4 +46,3 @@ const PreviewToolbar = () => {
     return ((0, jsx_runtime_1.jsxs)("div", { style: container, className: "css-reset", children: [(0, jsx_runtime_1.jsxs)("div", { style: sideContainer, children: [(0, jsx_runtime_1.jsx)("div", { style: padding }, void 0), (0, jsx_runtime_1.jsx)(TimeValue_1.TimeValue, {}, void 0)] }, void 0), (0, jsx_runtime_1.jsx)(layout_1.Flex, {}, void 0), (0, jsx_runtime_1.jsx)(SizeSelector_1.SizeSelector, {}, void 0), (0, jsx_runtime_1.jsx)(PlaybackRateSelector_1.PlaybackRateSelector, { setPlaybackRate: setPlaybackRate, playbackRate: playbackRate }, void 0), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 2 }, void 0), (0, jsx_runtime_1.jsx)(PlayPause_1.PlayPause, { loop: loop, playbackRate: playbackRate }, void 0), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 2 }, void 0), (0, jsx_runtime_1.jsx)(LoopToggle_1.LoopToggle, { loop: loop, setLoop: setLoop }, void 0), (0, jsx_runtime_1.jsx)(CheckboardToggle_1.CheckboardToggle, {}, void 0), (0, jsx_runtime_1.jsx)(RichTimelineToggle_1.RichTimelineToggle, {}, void 0), (0, jsx_runtime_1.jsx)(TimelineInOutToggle_1.TimelineInOutPointToggle, {}, void 0), (0, jsx_runtime_1.jsx)(MuteToggle_1.MuteToggle, { muted: mediaMuted, setMuted: setMediaMuted }, void 0), (0, jsx_runtime_1.jsx)(layout_1.Flex, {}, void 0), (0, jsx_runtime_1.jsxs)("div", { style: sideContainer, children: [(0, jsx_runtime_1.jsx)(layout_1.Flex, {}, void 0), (0, jsx_runtime_1.jsx)(FpsCounter_1.FpsCounter, { playbackSpeed: playbackRate }, void 0), (0, jsx_runtime_1.jsx)("div", { style: padding }, void 0)] }, void 0), (0, jsx_runtime_1.jsx)(PlaybackKeyboardShortcutsManager_1.PlaybackKeyboardShortcutsManager, { setPlaybackRate: setPlaybackRate }, void 0), (0, jsx_runtime_1.jsx)(PlaybackRatePersistor_1.PlaybackRatePersistor, {}, void 0)] }, void 0));
 };
 exports.PreviewToolbar = PreviewToolbar;
-//# sourceMappingURL=PreviewToolbar.js.map

package/dist/editor/components/RichTimelineToggle.d.ts

@@ -1,3 +1,2 @@
 import React from 'react';
 export declare const RichTimelineToggle: React.FC;
-//# sourceMappingURL=RichTimelineToggle.d.ts.map

package/dist/editor/components/RichTimelineToggle.js

@@ -27,4 +27,3 @@ const RichTimelineToggle = () => {
             } }, void 0) }, void 0));
 };
 exports.RichTimelineToggle = RichTimelineToggle;
-//# sourceMappingURL=RichTimelineToggle.js.map

package/dist/editor/components/SizeSelector.d.ts

@@ -3,4 +3,3 @@ import React from 'react';
 export declare const commonPreviewSizes: PreviewSize[];
 export declare const getPreviewSizeLabel: (previewSize: PreviewSize) => "100%" | "50%" | "25%" | "Fit" | undefined;
 export declare const SizeSelector: React.FC;
-//# sourceMappingURL=SizeSelector.d.ts.map

package/dist/editor/components/SizeSelector.js

@@ -53,4 +53,3 @@ const SizeSelector = () => {
     return ((0, jsx_runtime_1.jsx)("div", { style: style, "aria-label": accessibilityLabel, children: (0, jsx_runtime_1.jsx)(ComboBox_1.Combobox, { title: accessibilityLabel, style: comboStyle, selectedId: String(size), values: items }, void 0) }, void 0));
 };
 exports.SizeSelector = SizeSelector;
-//# sourceMappingURL=SizeSelector.js.map

package/dist/editor/components/Splitter/SplitterContainer.d.ts

@@ -8,4 +8,3 @@ export declare const SplitterContainer: React.FC<{
     defaultFlex: number;
     children: React.ReactNode;
 }>;
-//# sourceMappingURL=SplitterContainer.d.ts.map

package/dist/editor/components/Splitter/SplitterContainer.js

@@ -65,4 +65,3 @@ const SplitterContainer = ({ orientation, children, defaultFlex, maxFlex, minFle
     return ((0, jsx_runtime_1.jsx)(SplitterContext_1.SplitterContext.Provider, { value: value, children: (0, jsx_runtime_1.jsx)("div", { ref: ref, style: orientation === 'horizontal' ? containerColumn : containerRow, children: children }, void 0) }, void 0));
 };
 exports.SplitterContainer = SplitterContainer;
-//# sourceMappingURL=SplitterContainer.js.map

package/dist/editor/components/Splitter/SplitterContext.d.ts

@@ -20,4 +20,3 @@ export declare type TSplitterContext = {
     }>;
 };
 export declare const SplitterContext: React.Context<TSplitterContext>;
-//# sourceMappingURL=SplitterContext.d.ts.map

package/dist/editor/components/Splitter/SplitterContext.js

@@ -17,4 +17,3 @@ exports.SplitterContext = react_1.default.createContext({
     id: '--',
     persistFlex: () => undefined,
 });
-//# sourceMappingURL=SplitterContext.js.map

package/dist/editor/components/Splitter/SplitterElement.d.ts

@@ -3,4 +3,3 @@ export declare const SplitterElement: React.FC<{
     type: 'flexer' | 'anti-flexer';
     children: React.ReactNode;
 }>;
-//# sourceMappingURL=SplitterElement.d.ts.map

package/dist/editor/components/Splitter/SplitterElement.js

@@ -16,4 +16,3 @@ const SplitterElement = ({ children, type }) => {
     return (0, jsx_runtime_1.jsx)("div", { style: style, children: children }, void 0);
 };
 exports.SplitterElement = SplitterElement;
-//# sourceMappingURL=SplitterElement.js.map

package/dist/editor/components/Splitter/SplitterHandle.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
 export declare const SPLITTER_HANDLE_SIZE = 3;
 export declare const SplitterHandle: React.FC;
-//# sourceMappingURL=SplitterHandle.d.ts.map

package/dist/editor/components/Splitter/SplitterHandle.js

@@ -89,4 +89,3 @@ const SplitterHandle = () => {
     return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: "remotion-splitter", style: context.orientation === 'horizontal' ? containerRow : containerColumn }, void 0));
 };
 exports.SplitterHandle = SplitterHandle;
-//# sourceMappingURL=SplitterHandle.js.map

package/dist/editor/components/Thumbnail.d.ts

@@ -6,4 +6,3 @@ export declare const Thumbnail: React.FC<{
     targetWidth: number;
     frameToDisplay: number;
 }>;
-//# sourceMappingURL=Thumbnail.d.ts.map

package/dist/editor/components/Thumbnail.js

@@ -74,4 +74,3 @@ const Thumbnail = ({ composition, targetHeight, targetWidth, frameToDisplay }) =
     return ((0, jsx_runtime_1.jsx)("div", { style: container, children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)("div", { style: outer, children: (0, jsx_runtime_1.jsx)("div", { style: inner, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.TimelineContext.Provider, { value: timelineState, children: (0, jsx_runtime_1.jsx)(ThumbnailComponent, { ...props }, void 0) }, void 0) }, void 0) }, void 0) }, void 0) }, void 0));
 };
 exports.Thumbnail = Thumbnail;
-//# sourceMappingURL=Thumbnail.js.map

package/dist/editor/components/TimeValue.d.ts

@@ -1,3 +1,2 @@
 import React from 'react';
 export declare const TimeValue: React.FC;
-//# sourceMappingURL=TimeValue.d.ts.map

package/dist/editor/components/TimeValue.js

@@ -36,4 +36,3 @@ const TimeValue = () => {
     return ((0, jsx_runtime_1.jsxs)("div", { style: text, children: [(0, jsx_runtime_1.jsx)("div", { style: time, children: (0, render_frame_1.renderFrame)(frame, config.fps) }, void 0), ' ', (0, jsx_runtime_1.jsxs)("div", { style: frameStyle, children: [frame, " ", (0, jsx_runtime_1.jsxs)("span", { style: frameStyle, children: ["(", config.fps, " fps)"] }, void 0)] }, void 0)] }, void 0));
 };
 exports.TimeValue = TimeValue;
-//# sourceMappingURL=TimeValue.js.map

package/dist/editor/components/Timeline/LoopedIndicator.d.ts

@@ -1,3 +1,2 @@
 import React from 'react';
 export declare const LoopedIndicator: React.FC;
-//# sourceMappingURL=LoopedIndicator.d.ts.map

package/dist/editor/components/Timeline/LoopedIndicator.js

@@ -42,4 +42,3 @@ const LoopedIndicator = () => {
     return ((0, jsx_runtime_1.jsxs)("div", { style: width, children: [(0, jsx_runtime_1.jsx)(remotion_1.AbsoluteFill, { style: topContainer, children: (0, jsx_runtime_1.jsx)("div", { style: topLine }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(remotion_1.AbsoluteFill, { style: bottomContainer, children: (0, jsx_runtime_1.jsx)("div", { style: bottomLine }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(remotion_1.AbsoluteFill, { style: centerContainer, children: (0, jsx_runtime_1.jsx)(Icon, {}, void 0) }, void 0)] }, void 0));
 };
 exports.LoopedIndicator = LoopedIndicator;
-//# sourceMappingURL=LoopedIndicator.js.map

package/dist/editor/components/Timeline/LoopedTimelineIndicators.d.ts

@@ -2,4 +2,3 @@ import React from 'react';
 export declare const LoopedTimelineIndicator: React.FC<{
     loops: number;
 }>;
-//# sourceMappingURL=LoopedTimelineIndicators.d.ts.map

package/dist/editor/components/Timeline/LoopedTimelineIndicators.js

@@ -20,4 +20,3 @@ const LoopedTimelineIndicator = ({ loops }) => {
         }) }, void 0));
 };
 exports.LoopedTimelineIndicator = LoopedTimelineIndicator;
-//# sourceMappingURL=LoopedTimelineIndicators.js.map

package/dist/editor/components/Timeline/MaxTimelineTracks.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
 export declare const MAX_TIMELINE_TRACKS: number;
 export declare const MaxTimelineTracksReached: React.FC;
-//# sourceMappingURL=MaxTimelineTracks.d.ts.map

package/dist/editor/components/Timeline/MaxTimelineTracks.js

@@ -19,4 +19,3 @@ const MaxTimelineTracksReached = () => {
     return ((0, jsx_runtime_1.jsxs)("div", { style: container, children: ["Limited display to ", exports.MAX_TIMELINE_TRACKS, " tracks to sustain performance.", '', "You can change this by setting Config.Preview.setMaxTimelineTracks() in your remotion.config.ts file."] }, void 0));
 };
 exports.MaxTimelineTracksReached = MaxTimelineTracksReached;
-//# sourceMappingURL=MaxTimelineTracks.js.map

package/dist/editor/components/Timeline/Timeline.d.ts

@@ -1,3 +1,2 @@
 import React from 'react';
 export declare const Timeline: React.FC;
-//# sourceMappingURL=Timeline.d.ts.map

package/dist/editor/components/Timeline/Timeline.js

@@ -75,4 +75,3 @@ const Timeline = () => {
     return ((0, jsx_runtime_1.jsx)("div", { style: container, className: "css-reset", children: (0, jsx_runtime_1.jsx)("div", { style: inner, children: (0, jsx_runtime_1.jsxs)(SplitterContainer_1.SplitterContainer, { orientation: "vertical", defaultFlex: 0.2, id: "names-to-timeline", maxFlex: 0.5, minFlex: 0.15, children: [(0, jsx_runtime_1.jsx)(SplitterElement_1.SplitterElement, { type: "flexer", children: (0, jsx_runtime_1.jsx)(TimelineList_1.TimelineList, { dispatchStateChange: dispatch, viewState: state, timeline: shown }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(SplitterHandle_1.SplitterHandle, {}, void 0), (0, jsx_runtime_1.jsxs)(SplitterElement_1.SplitterElement, { type: "anti-flexer", children: [(0, jsx_runtime_1.jsx)(TimelineTracks_1.TimelineTracks, { viewState: state, timeline: shown, fps: videoConfig.fps, hasBeenCut: withoutHidden.length > shown.length }, void 0), (0, jsx_runtime_1.jsx)(TimelineInOutPointer_1.TimelineInOutPointer, {}, void 0), (0, jsx_runtime_1.jsx)(TimelineDragHandler_1.TimelineDragHandler, {}, void 0), (0, jsx_runtime_1.jsx)(TimelineSlider_1.TimelineSlider, {}, void 0)] }, void 0)] }, void 0) }, void 0) }, void 0));
 };
 exports.Timeline = Timeline;
-//# sourceMappingURL=Timeline.js.map

package/dist/editor/components/Timeline/TimelineCollapseToggle.d.ts

@@ -2,4 +2,3 @@ import React from 'react';
 export declare const TimelineCollapseToggle: React.FC<{
     collapsed: boolean;
 }>;
-//# sourceMappingURL=TimelineCollapseToggle.d.ts.map

package/dist/editor/components/Timeline/TimelineCollapseToggle.js

@@ -17,4 +17,3 @@ const TimelineCollapseToggle = ({ collapsed }) => {
     return ((0, jsx_runtime_1.jsx)("div", { style: collapsed ? container : { ...container, transform: 'rotate(90deg)' }, children: (0, jsx_runtime_1.jsx)(Icon, {}, void 0) }, void 0));
 };
 exports.TimelineCollapseToggle = TimelineCollapseToggle;
-//# sourceMappingURL=TimelineCollapseToggle.js.map

package/dist/editor/components/Timeline/TimelineDragHandler.d.ts

@@ -1,3 +1,2 @@
 import React from 'react';
 export declare const TimelineDragHandler: React.FC;
-//# sourceMappingURL=TimelineDragHandler.d.ts.map

package/dist/editor/components/Timeline/TimelineDragHandler.js

@@ -224,4 +224,3 @@ const TimelineDragHandler = () => {
     return ((0, jsx_runtime_1.jsxs)("div", { ref: timeline_refs_1.sliderAreaRef, style: container, onPointerDown: onPointerDown, children: [(0, jsx_runtime_1.jsx)("div", { style: inner }, void 0), inFrame !== null && ((0, jsx_runtime_1.jsx)(TimelineInOutPointerHandle_1.TimelineInOutPointerHandle, { type: "in", atFrame: inFrame, dragging: inOutDragging.dragging === 'in' }, void 0)), outFrame !== null && ((0, jsx_runtime_1.jsx)(TimelineInOutPointerHandle_1.TimelineInOutPointerHandle, { type: "out", dragging: inOutDragging.dragging === 'out', atFrame: outFrame }, void 0))] }, void 0));
 };
 exports.TimelineDragHandler = TimelineDragHandler;
-//# sourceMappingURL=TimelineDragHandler.js.map

package/dist/editor/components/Timeline/TimelineInOutPointer.d.ts

@@ -2,4 +2,3 @@ import React from 'react';
 export declare const inMarkerAreaRef: React.RefObject<HTMLDivElement>;
 export declare const outMarkerAreaRef: React.RefObject<HTMLDivElement>;
 export declare const TimelineInOutPointer: React.FC;
-//# sourceMappingURL=TimelineInOutPointer.d.ts.map

package/dist/editor/components/Timeline/TimelineInOutPointer.js

@@ -32,4 +32,3 @@ const TimelineInOutPointer = () => {
                 } }, void 0))] }, void 0));
 };
 exports.TimelineInOutPointer = TimelineInOutPointer;
-//# sourceMappingURL=TimelineInOutPointer.js.map

package/dist/editor/components/Timeline/TimelineInOutPointerHandle.d.ts

@@ -6,4 +6,3 @@ export declare const TimelineInOutPointerHandle: React.FC<{
     type: 'in' | 'out';
     atFrame: number;
 }>;
-//# sourceMappingURL=TimelineInOutPointerHandle.d.ts.map

package/dist/editor/components/Timeline/TimelineInOutPointerHandle.js

@@ -29,4 +29,3 @@ const TimelineInOutPointerHandle = ({ dragging, type, atFrame }) => {
     return ((0, jsx_runtime_1.jsx)("div", { ref: type === 'in' ? exports.inPointerHandle : exports.outPointerHandle, style: style }, void 0));
 };
 exports.TimelineInOutPointerHandle = TimelineInOutPointerHandle;
-//# sourceMappingURL=TimelineInOutPointerHandle.js.map

package/dist/editor/components/Timeline/TimelineList.d.ts

@@ -6,4 +6,3 @@ export declare const TimelineList: React.FC<{
     viewState: TimelineViewState;
     dispatchStateChange: React.Dispatch<TimelineActionState>;
 }>;
-//# sourceMappingURL=TimelineList.d.ts.map

package/dist/editor/components/Timeline/TimelineList.js

@@ -16,4 +16,3 @@ const TimelineList = ({ timeline, viewState, dispatchStateChange }) => {
         }) }, void 0));
 };
 exports.TimelineList = TimelineList;
-//# sourceMappingURL=TimelineList.js.map

package/dist/editor/components/Timeline/TimelineListItem.d.ts

@@ -10,4 +10,3 @@ export declare const TimelineListItem: React.FC<{
     hash: string;
     canCollapse: boolean;
 }>;
-//# sourceMappingURL=TimelineListItem.d.ts.map

package/dist/editor/components/Timeline/TimelineListItem.js

@@ -88,4 +88,3 @@ const TimelineListItem = ({ nestedDepth, sequence, collapsed, beforeDepth, dispa
     return ((0, jsx_runtime_1.jsxs)("div", { style: outer, children: [(0, jsx_runtime_1.jsx)("div", { style: padder }, void 0), canCollapse ? ((0, jsx_runtime_1.jsx)("button", { tabIndex: tabIndex, type: "button", style: collapserButton, onClick: toggleCollapse, children: (0, jsx_runtime_1.jsx)(TimelineCollapseToggle_1.TimelineCollapseToggle, { collapsed: collapsed }, void 0) }, void 0)) : ((0, jsx_runtime_1.jsx)("div", { style: collapser }, void 0)), sequence.parent && nestedDepth > 0 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: smallSpace }, void 0), (0, jsx_runtime_1.jsx)("div", { style: hookContainer, children: (0, jsx_runtime_1.jsx)("div", { style: hookStyle }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("div", { style: space }, void 0)] }, void 0)) : null, (0, jsx_runtime_1.jsxs)("div", { style: textStyle, children: [text || 'Untitled', (0, jsx_runtime_1.jsx)(TimelineSequenceFrame_1.TimelineSequenceFrame, { duration: sequence.duration, from: sequence.from }, void 0)] }, void 0)] }, void 0));
 };
 exports.TimelineListItem = TimelineListItem;
-//# sourceMappingURL=TimelineListItem.js.map

package/dist/editor/components/Timeline/TimelineSequence.d.ts

@@ -4,4 +4,3 @@ export declare const TimelineSequence: React.FC<{
     s: TSequence;
     fps: number;
 }>;
-//# sourceMappingURL=TimelineSequence.d.ts.map

package/dist/editor/components/Timeline/TimelineSequence.js

@@ -70,4 +70,3 @@ const TimelineSequence = ({ s, fps }) => {
     return ((0, jsx_runtime_1.jsxs)("div", { style: style, title: s.displayName, children: [(0, jsx_runtime_1.jsx)("div", { style: row, children: richTimeline && s.type === 'sequence' ? ((0, jsx_runtime_1.jsx)(Thumbnail_1.Thumbnail, { targetHeight: timeline_layout_1.TIMELINE_LAYER_HEIGHT, targetWidth: thumbnailWidth, composition: video, frameToDisplay: Math.floor(s.from + s.duration / 2) }, void 0)) : null }, void 0), s.type === 'audio' ? ((0, jsx_runtime_1.jsx)(AudioWaveform_1.AudioWaveform, { src: s.src, doesVolumeChange: s.doesVolumeChange, visualizationWidth: width, startFrom: s.startMediaFrom, durationInFrames: s.duration, fps: fps, volume: s.volume, setMaxMediaDuration: setMaxMediaDuration }, void 0)) : null, s.type === 'video' ? (0, jsx_runtime_1.jsx)(TimelineVideoInfo_1.TimelineVideoInfo, { src: s.src }, void 0) : null, s.showLoopTimesInTimeline === undefined ? null : ((0, jsx_runtime_1.jsx)(LoopedTimelineIndicators_1.LoopedTimelineIndicator, { loops: s.showLoopTimesInTimeline }, void 0))] }, s.id));
 };
 exports.TimelineSequence = TimelineSequence;
-//# sourceMappingURL=TimelineSequence.js.map

package/dist/editor/components/Timeline/TimelineSequenceFrame.d.ts

@@ -3,4 +3,3 @@ export declare const TimelineSequenceFrame: React.FC<{
     from: number;
     duration: number;
 }>;
-//# sourceMappingURL=TimelineSequenceFrame.d.ts.map

package/dist/editor/components/Timeline/TimelineSequenceFrame.js

@@ -29,4 +29,3 @@ Call \`const {durationInFrames} = useVideoConfig()\` to get the duration of the
 `.trim(), style: relativeFrameStyle, children: [(0, render_frame_1.renderFrame)(relativeFrame, fps), " (", relativeFrame, ")"] }, void 0));
 };
 exports.TimelineSequenceFrame = TimelineSequenceFrame;
-//# sourceMappingURL=TimelineSequenceFrame.js.map

package/dist/editor/components/Timeline/TimelineSlider.d.ts

@@ -1,3 +1,2 @@
 import React from 'react';
 export declare const TimelineSlider: React.FC;
-//# sourceMappingURL=TimelineSlider.d.ts.map

package/dist/editor/components/Timeline/TimelineSlider.js

@@ -31,4 +31,3 @@ const TimelineSlider = () => {
     return ((0, jsx_runtime_1.jsx)("div", { style: style, children: (0, jsx_runtime_1.jsx)("div", { style: line, children: (0, jsx_runtime_1.jsx)(TimelineSliderHandle_1.TimelineSliderHandle, {}, void 0) }, void 0) }, void 0));
 };
 exports.TimelineSlider = TimelineSlider;
-//# sourceMappingURL=TimelineSlider.js.map

package/dist/editor/components/Timeline/TimelineSliderHandle.d.ts

@@ -1,3 +1,2 @@
 import React from 'react';
 export declare const TimelineSliderHandle: React.FC;
-//# sourceMappingURL=TimelineSliderHandle.d.ts.map

package/dist/editor/components/Timeline/TimelineSliderHandle.js

@@ -14,4 +14,3 @@ const TimelineSliderHandle = () => {
     return ((0, jsx_runtime_1.jsx)("div", { style: container, children: (0, jsx_runtime_1.jsx)("svg", { width: 17, viewBox: "0 0 159 212", version: "1.1", style: style, children: (0, jsx_runtime_1.jsx)("path", { d: "M17.0234375,1.07763419 L143.355469,1.07763419 C151.63974,1.07763419 158.355469,7.79336295 158.355469,16.0776342 L158.355469,69.390507 C158.355469,73.7938677 156.420655,77.9748242 153.064021,80.8248415 L89.3980057,134.881757 C83.7986799,139.635978 75.5802263,139.635978 69.9809005,134.881757 L6.66764807,81.1243622 C3.0872392,78.0843437 1.0234375,73.6246568 1.0234375,68.9277387 L1.0234375,17.0776342 C1.0234375,8.2410782 8.1868815,1.07763419 17.0234375,1.07763419 Z", fill: "#f02c00" }, void 0) }, void 0) }, void 0));
 };
 exports.TimelineSliderHandle = TimelineSliderHandle;
-//# sourceMappingURL=TimelineSliderHandle.js.map

package/dist/editor/components/Timeline/TimelineTracks.d.ts

@@ -7,4 +7,3 @@ export declare const TimelineTracks: React.FC<{
     viewState: TimelineViewState;
     hasBeenCut: boolean;
 }>;
-//# sourceMappingURL=TimelineTracks.d.ts.map

package/dist/editor/components/Timeline/TimelineTracks.js

@@ -30,4 +30,3 @@ const TimelineTracks = ({ timeline, fps, viewState, hasBeenCut }) => {
                 }) }, void 0), hasBeenCut ? (0, jsx_runtime_1.jsx)(MaxTimelineTracks_1.MaxTimelineTracksReached, {}, void 0) : null] }, void 0));
 };
 exports.TimelineTracks = TimelineTracks;
-//# sourceMappingURL=TimelineTracks.js.map

package/dist/editor/components/Timeline/TimelineVideoInfo.d.ts

@@ -2,4 +2,3 @@ import React from 'react';
 export declare const TimelineVideoInfo: React.FC<{
     src: string;
 }>;
-//# sourceMappingURL=TimelineVideoInfo.d.ts.map

package/dist/editor/components/Timeline/TimelineVideoInfo.js

@@ -48,4 +48,3 @@ const TimelineVideoInfo = ({ src }) => {
     return ((0, jsx_runtime_1.jsx)("div", { style: containerStyle, children: (0, jsx_runtime_1.jsx)("svg", { style: svgStyle, role: "img", viewBox: "0 0 576 512", children: (0, jsx_runtime_1.jsx)("path", { style: pathStyle, fill: "currentColor", d: "M336.2 64H47.8C21.4 64 0 85.4 0 111.8v288.4C0 426.6 21.4 448 47.8 448h288.4c26.4 0 47.8-21.4 47.8-47.8V111.8c0-26.4-21.4-47.8-47.8-47.8zm189.4 37.7L416 177.3v157.4l109.6 75.5c21.2 14.6 50.4-.3 50.4-25.8V127.5c0-25.4-29.1-40.4-50.4-25.8z" }, void 0) }, void 0) }, void 0));
 };
 exports.TimelineVideoInfo = TimelineVideoInfo;
-//# sourceMappingURL=TimelineVideoInfo.js.map

package/dist/editor/components/Timeline/is-collapsed.d.ts

@@ -2,4 +2,3 @@ import { TrackWithHash } from '../../helpers/get-timeline-sequence-sort-key';
 import { TimelineViewState } from './timeline-state-reducer';
 export declare const isTrackCollapsed: (hash: string, viewState: TimelineViewState) => boolean;
 export declare const isTrackHidden: (track: TrackWithHash, allTracks: TrackWithHash[], viewState: TimelineViewState) => boolean;
-//# sourceMappingURL=is-collapsed.d.ts.map

package/dist/editor/components/Timeline/is-collapsed.js

@@ -20,4 +20,3 @@ const isTrackHidden = (track, allTracks, viewState) => {
     return (0, exports.isTrackHidden)(parent, allTracks, viewState);
 };
 exports.isTrackHidden = isTrackHidden;
-//# sourceMappingURL=is-collapsed.js.map

package/dist/editor/components/Timeline/timeline-refs.d.ts

@@ -1,3 +1,2 @@
 import React from 'react';
 export declare const sliderAreaRef: React.RefObject<HTMLDivElement>;
-//# sourceMappingURL=timeline-refs.d.ts.map

package/dist/editor/components/Timeline/timeline-refs.js

@@ -6,4 +6,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.sliderAreaRef = void 0;
 const react_1 = __importDefault(require("react"));
 exports.sliderAreaRef = react_1.default.createRef();
-//# sourceMappingURL=timeline-refs.js.map

package/dist/editor/components/Timeline/timeline-state-reducer.d.ts

@@ -17,4 +17,3 @@ export declare type TimelineActionState = {
     allHashes: string[];
 };
 export declare const timelineStateReducer: (state: TimelineViewState, action: TimelineActionState) => TimelineViewState;
-//# sourceMappingURL=timeline-state-reducer.d.ts.map

package/dist/editor/components/Timeline/timeline-state-reducer.js

@@ -45,4 +45,3 @@ const timelineStateReducer = (state, action) => {
     return state;
 };
 exports.timelineStateReducer = timelineStateReducer;
-//# sourceMappingURL=timeline-state-reducer.js.map

package/dist/editor/components/TimelineInOutToggle.d.ts

@@ -6,4 +6,3 @@ export declare const inOutHandles: React.RefObject<{
     setMarks: (marks: [number | null, number | null]) => void;
 }>;
 export declare const TimelineInOutPointToggle: React.FC;
-//# sourceMappingURL=TimelineInOutToggle.d.ts.map

package/dist/editor/components/TimelineInOutToggle.js

@@ -156,4 +156,3 @@ const TimelineInOutPointToggle = () => {
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { title: getTooltipText('In (I)'), "aria-label": getTooltipText('In (I)'), onClick: onInMark, disabled: timelinePosition === 0, children: (0, jsx_runtime_1.jsx)(timelineInOutPointer_1.TimelineInPointer, { color: inFrame === null ? 'white' : 'var(--blue)', style: style }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { title: getTooltipText('Out (O)'), "aria-label": getTooltipText('Out (O)'), onClick: onOutMark, disabled: timelinePosition === videoConfig.durationInFrames - 1, children: (0, jsx_runtime_1.jsx)(timelineInOutPointer_1.TimelineOutPointer, { color: outFrame === null ? 'white' : 'var(--blue)', style: style }, void 0) }, void 0)] }, void 0));
 };
 exports.TimelineInOutPointToggle = TimelineInOutPointToggle;
-//# sourceMappingURL=TimelineInOutToggle.js.map

package/dist/editor/components/TopPanel.d.ts

@@ -1,3 +1,2 @@
 import React from 'react';
 export declare const TopPanel: React.FC;
-//# sourceMappingURL=TopPanel.d.ts.map

package/dist/editor/components/TopPanel.js

@@ -32,4 +32,3 @@ const TopPanel = () => {
     return ((0, jsx_runtime_1.jsxs)("div", { style: container, children: [(0, jsx_runtime_1.jsx)(MenuToolbar_1.MenuToolbar, {}, void 0), (0, jsx_runtime_1.jsx)("div", { style: row, children: (0, jsx_runtime_1.jsxs)(SplitterContainer_1.SplitterContainer, { minFlex: 0.15, maxFlex: 0.4, defaultFlex: 0.2, id: "sidebar-to-preview", orientation: "vertical", children: [(0, jsx_runtime_1.jsx)(SplitterElement_1.SplitterElement, { type: "flexer", children: (0, jsx_runtime_1.jsx)("div", { style: leftContainer, className: "css-reset", children: (0, jsx_runtime_1.jsx)(CompositionSelector_1.CompositionSelector, {}, void 0) }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(SplitterHandle_1.SplitterHandle, {}, void 0), (0, jsx_runtime_1.jsx)(SplitterElement_1.SplitterElement, { type: "anti-flexer", children: (0, jsx_runtime_1.jsx)("div", { style: canvasContainer, children: (0, jsx_runtime_1.jsx)(Canvas_1.Canvas, {}, void 0) }, void 0) }, void 0)] }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(PreviewToolbar_1.PreviewToolbar, {}, void 0)] }, void 0));
 };
 exports.TopPanel = TopPanel;
-//# sourceMappingURL=TopPanel.js.map

package/dist/editor/components/UpdateCheck.d.ts

@@ -8,4 +8,3 @@ export declare type UpdateInfo = {
     packageManager: PackageManager | 'unknown';
 };
 export declare const UpdateCheck: () => JSX.Element | null;
-//# sourceMappingURL=UpdateCheck.d.ts.map

package/dist/editor/components/UpdateCheck.js

@@ -56,4 +56,3 @@ const UpdateCheck = () => {
     return ((0, jsx_runtime_1.jsx)("button", { tabIndex: tabIndex, style: buttonStyle, onClick: openModal, type: "button", children: "Update available!" }, void 0));
 };
 exports.UpdateCheck = UpdateCheck;
-//# sourceMappingURL=UpdateCheck.js.map

package/dist/editor/components/UpdateModal/UpdateModal.d.ts

@@ -3,4 +3,3 @@ import { UpdateInfo } from '../UpdateCheck';
 export declare const UpdateModal: React.FC<{
     info: UpdateInfo;
 }>;
-//# sourceMappingURL=UpdateModal.d.ts.map

package/dist/editor/components/UpdateModal/UpdateModal.js

@@ -41,4 +41,3 @@ const UpdateModal = ({ info }) => {
     return ((0, jsx_runtime_1.jsxs)(ModalContainer_1.ModalContainer, { onOutsideClick: onQuit, onEscape: onQuit, children: [(0, jsx_runtime_1.jsx)(ModalHeader_1.NewCompHeader, { title: "Update available" }, void 0), (0, jsx_runtime_1.jsxs)("div", { style: container, children: [(0, jsx_runtime_1.jsx)("p", { children: "A new update for Remotion is available! Run the following command:" }, void 0), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)(layout_1.Flex, { children: (0, jsx_runtime_1.jsx)("pre", { onClick: () => (0, copy_text_1.copyCmd)(command), style: code, children: command }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }, void 0), (0, jsx_runtime_1.jsx)(CopyButton_1.CopyButton, { textToCopy: command, label: "Copy command", labelWhenCopied: "Copied!" }, void 0)] }, void 0), (0, jsx_runtime_1.jsxs)("p", { children: ["This will upgrade Remotion from ", info.currentVersion, " to", ' ', info.latestVersion, "."] }, void 0), (0, jsx_runtime_1.jsxs)("p", { children: ["Read the", ' ', (0, jsx_runtime_1.jsx)("a", { style: link, target: "_blank", href: "https://github.com/remotion-dev/remotion/releases", children: "Release notes" }, void 0), ' ', "to know what", "'s", " new in Remotion."] }, void 0)] }, void 0)] }, void 0));
 };
 exports.UpdateModal = UpdateModal;
-//# sourceMappingURL=UpdateModal.js.map

package/dist/editor/components/layout.d.ts

@@ -21,4 +21,3 @@ export declare const Column: React.FC<{
     className?: string;
     children: React.ReactNode;
 }>;
-//# sourceMappingURL=layout.d.ts.map

package/dist/editor/components/layout.js

@@ -44,4 +44,3 @@ const Column = ({ children, justify, className, align, style = {} }) => {
     return ((0, jsx_runtime_1.jsx)("div", { className: className, style: finalStyle, children: children }, void 0));
 };
 exports.Column = Column;
-//# sourceMappingURL=layout.js.map

package/dist/editor/helpers/calculate-timeline.d.ts

@@ -8,4 +8,3 @@ export declare const calculateTimeline: ({ sequences, sequenceDuration, }: {
     sequences: TSequence[];
     sequenceDuration: number;
 }) => TrackWithHash[];
-//# sourceMappingURL=calculate-timeline.d.ts.map

package/dist/editor/helpers/calculate-timeline.js

@@ -82,4 +82,3 @@ const calculateTimeline = ({ sequences, sequenceDuration, }) => {
     });
 };
 exports.calculateTimeline = calculateTimeline;
-//# sourceMappingURL=calculate-timeline.js.map

package/dist/editor/helpers/checkerboard-background.d.ts

@@ -2,4 +2,3 @@ export declare const getCheckerboardBackgroundSize: (size: number) => string;
 export declare const getCheckerboardBackgroundPos: (size: number) => string;
 export declare const checkerboardBackgroundColor: (checkerboard: boolean) => "black" | "white";
 export declare const checkerboardBackgroundImage: (checkerboard: boolean) => "\n     linear-gradient(\n        45deg,\n        rgba(0, 0, 0, 0.1) 25%,\n        transparent 25%\n      ),\n      linear-gradient(135deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%),\n      linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.1) 75%),\n      linear-gradient(135deg, transparent 75%, rgba(0, 0, 0, 0.1) 75%)\n    " | undefined;
-//# sourceMappingURL=checkerboard-background.d.ts.map

package/dist/editor/helpers/checkerboard-background.js

@@ -28,4 +28,3 @@ const checkerboardBackgroundImage = (checkerboard) => {
     return undefined;
 };
 exports.checkerboardBackgroundImage = checkerboardBackgroundImage;
-//# sourceMappingURL=checkerboard-background.js.map

package/dist/editor/helpers/colors.d.ts

@@ -12,4 +12,3 @@ export declare const getBackgroundFromHoverState: ({ selected, hovered, }: {
     selected: boolean;
     hovered: boolean;
 }) => "hsla(0, 0%, 100%, 0.15)" | "hsla(0, 0%, 100%, 0.25)" | "rgba(255, 255, 255, 0.06)" | "transparent";
-//# sourceMappingURL=colors.d.ts.map

package/dist/editor/helpers/colors.js

@@ -24,4 +24,3 @@ const getBackgroundFromHoverState = ({ selected, hovered, }) => {
     return 'transparent';
 };
 exports.getBackgroundFromHoverState = getBackgroundFromHoverState;
-//# sourceMappingURL=colors.js.map

package/dist/editor/helpers/copy-text.d.ts

@@ -1,2 +1 @@
 export declare const copyCmd: (cmd: string) => void;
-//# sourceMappingURL=copy-text.d.ts.map

package/dist/editor/helpers/copy-text.js

@@ -15,4 +15,3 @@ const copyCmd = (cmd) => {
     });
 };
 exports.copyCmd = copyCmd;
-//# sourceMappingURL=copy-text.js.map

package/dist/editor/helpers/create-folder-tree.d.ts

@@ -6,4 +6,3 @@ export declare const splitParentIntoNameAndParent: (name: string | null) => {
 };
 export declare const findItemListToPush: (items: CompositionSelectorItemType[], folderName: string | null, parentName: string | null) => CompositionSelectorItemType[];
 export declare const createFolderTree: (comps: TComposition<unknown>[], folders: TFolder[], foldersExpanded: Record<string, boolean>) => CompositionSelectorItemType[];
-//# sourceMappingURL=create-folder-tree.d.ts.map

package/dist/editor/helpers/create-folder-tree.js

@@ -99,4 +99,3 @@ const createFolderTree = (comps, folders, foldersExpanded) => {
     return items;
 };
 exports.createFolderTree = createFolderTree;
-//# sourceMappingURL=create-folder-tree.js.map

package/dist/editor/helpers/get-left-of-timeline-slider.d.ts

@@ -2,4 +2,3 @@ export declare const useGetXPositionOfItemInTimeline: () => {
     get: (frame: number) => number;
     width: number;
 };
-//# sourceMappingURL=get-left-of-timeline-slider.d.ts.map

package/dist/editor/helpers/get-left-of-timeline-slider.js

@@ -27,4 +27,3 @@ const useGetXPositionOfItemInTimeline = () => {
     }, [get, width]);
 };
 exports.useGetXPositionOfItemInTimeline = useGetXPositionOfItemInTimeline;
-//# sourceMappingURL=get-left-of-timeline-slider.js.map