@remotion/cli 3.0.0-lambda.25 → 3.0.0-lambda.274

package/dist/editor/components/PlaybackRateSelector.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlaybackRateSelector = exports.getPlaybackRateLabel = exports.commonPlaybackRates = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Checkmark_1 = require("../icons/Checkmark");
+const playbackrate_1 = require("../state/playbackrate");
+const ControlButton_1 = require("./ControlButton");
+const ComboBox_1 = require("./NewComposition/ComboBox");
+exports.commonPlaybackRates = [
+    -4, -2, -1, -0.5, -0.25, 0.25, 0.5, 1, 2, 4,
+];
+const getPlaybackRateLabel = (playbackRate) => {
+    return `${playbackRate}x`;
+};
+exports.getPlaybackRateLabel = getPlaybackRateLabel;
+const accessibilityLabel = 'Change the playback rate';
+const comboStyle = { width: 80 };
+const PlaybackRateSelector = ({ playbackRate, setPlaybackRate }) => {
+    const style = (0, react_1.useMemo)(() => {
+        return {
+            padding: ControlButton_1.CONTROL_BUTTON_PADDING,
+        };
+    }, []);
+    const items = (0, react_1.useMemo)(() => {
+        const divider = {
+            type: 'divider',
+            id: 'divider',
+        };
+        const values = exports.commonPlaybackRates.map((newPlaybackRate) => {
+            return {
+                id: String(newPlaybackRate),
+                label: (0, exports.getPlaybackRateLabel)(newPlaybackRate),
+                onClick: () => {
+                    return setPlaybackRate(() => {
+                        (0, playbackrate_1.persistPlaybackRate)(newPlaybackRate);
+                        return newPlaybackRate;
+                    });
+                },
+                type: 'item',
+                value: newPlaybackRate,
+                keyHint: null,
+                leftItem: String(playbackRate) === String(newPlaybackRate) ? ((0, jsx_runtime_1.jsx)(Checkmark_1.Checkmark, {}, void 0)) : null,
+                subMenu: null,
+            };
+        });
+        const middle = Math.floor(exports.commonPlaybackRates.length / 2);
+        return [...values.slice(0, middle), divider, ...values.slice(middle)];
+    }, [playbackRate, setPlaybackRate]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ 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/PlaybackRateSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaybackRateSelector.js","sourceRoot":"","sources":["../../../src/editor/components/PlaybackRateSelector.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqC;AACrC,kDAA6C;AAC7C,wDAA0D;AAC1D,mDAAuD;AACvD,wDAAkE;AAErD,QAAA,mBAAmB,GAAa;IAC5C,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;CAC3C,CAAC;AAEK,MAAM,oBAAoB,GAAG,CAAC,YAAoB,EAAE,EAAE;IAC5D,OAAO,GAAG,YAAY,GAAG,CAAC;AAC3B,CAAC,CAAC;AAFW,QAAA,oBAAoB,wBAE/B;AAEF,MAAM,kBAAkB,GAAG,0BAA0B,CAAC;AAEtD,MAAM,UAAU,GAAwB,EAAC,KAAK,EAAE,EAAE,EAAC,CAAC;AAE7C,MAAM,oBAAoB,GAG5B,CAAC,EAAC,YAAY,EAAE,eAAe,EAAC,EAAE,EAAE;IACxC,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC1B,OAAO;YACN,OAAO,EAAE,sCAAsB;SAC/B,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAoB,IAAA,eAAO,EAAC,GAAG,EAAE;QAC3C,MAAM,OAAO,GAAkB;YAC9B,IAAI,EAAE,SAAS;YACf,EAAE,EAAE,SAAS;SACb,CAAC;QACF,MAAM,MAAM,GAAG,2BAAmB,CAAC,GAAG,CAAC,CAAC,eAAe,EAAiB,EAAE;YACzE,OAAO;gBACN,EAAE,EAAE,MAAM,CAAC,eAAe,CAAC;gBAC3B,KAAK,EAAE,IAAA,4BAAoB,EAAC,eAAe,CAAC;gBAC5C,OAAO,EAAE,GAAG,EAAE;oBACb,OAAO,eAAe,CAAC,GAAG,EAAE;wBAC3B,IAAA,kCAAmB,EAAC,eAAe,CAAC,CAAC;wBACrC,OAAO,eAAe,CAAC;oBACxB,CAAC,CAAC,CAAC;gBACJ,CAAC;gBACD,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,eAAe;gBACtB,OAAO,EAAE,IAAI;gBACb,QAAQ,EACP,MAAM,CAAC,YAAY,CAAC,KAAK,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAClD,uBAAC,qBAAS,aAAG,CACb,CAAC,CAAC,CAAC,IAAI;gBACT,OAAO,EAAE,IAAI;aACb,CAAC;QACH,CAAC,CAAC,CAAC;QACH,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,2BAAmB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC1D,OAAO,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IACvE,CAAC,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;IAEpC,OAAO,CACN,8CAAK,KAAK,EAAE,KAAK,gBAAc,kBAAkB,gBAChD,uBAAC,mBAAQ,IACR,KAAK,EAAE,kBAAkB,EACzB,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,MAAM,CAAC,YAAY,CAAC,EAChC,MAAM,EAAE,KAAK,WACZ,YACG,CACN,CAAC;AACH,CAAC,CAAC;AAjDW,QAAA,oBAAoB,wBAiD/B"}

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

@@ -1 +1 @@
-{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../../src/editor/components/Preview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAC,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAsC,MAAM,OAAO,CAAC;AAiH3D,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,UAAU,EAAE,IAAI,CAAC;CACjB,CAQA,CAAC"}
+{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../../src/editor/components/Preview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAC,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAsC,MAAM,OAAO,CAAC;AA4G3D,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,UAAU,EAAE,IAAI,CAAC;CACjB,CAQA,CAAC"}

package/dist/editor/components/Preview.js

@@ -31,7 +31,7 @@ const Inner = ({ canvasSize }) => {
     const video = remotion_1.Internals.useVideo();
     const config = (0, remotion_1.useVideoConfig)();
     const { checkerboard } = (0, react_1.useContext)(checkerboard_1.CheckerboardContext);
-    const { centerX, centerY, yCorrection, xCorrection, scale, } = player_1.PlayerInternals.calculateScale({
+    const { centerX, centerY, yCorrection, xCorrection, scale } = player_1.PlayerInternals.calculateScale({
         canvasSize,
         compositionHeight: config.height,
         compositionWidth: config.width,
@@ -68,7 +68,7 @@ const Inner = ({ canvasSize }) => {
     ]);
     const Component = video ? video.component : null;
     const inputProps = (0, remotion_1.getInputProps)();
-    return ((0, jsx_runtime_1.jsx)(react_1.Suspense, Object.assign({ fallback: (0, jsx_runtime_1.jsx)(LoadingIndicator_1.Loading, {}, void 0) }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: outer }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: style }, { children: Component ? ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, ((_a = video === null || video === void 0 ? void 0 : video.props) !== null && _a !== void 0 ? _a : {}), inputProps), void 0)) : null }), void 0) }), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(react_1.Suspense, Object.assign({ fallback: (0, jsx_runtime_1.jsx)(LoadingIndicator_1.Loading, {}, void 0) }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: outer }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: style }, { children: Component ? ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, ((_a = video === null || video === void 0 ? void 0 : video.defaultProps) !== null && _a !== void 0 ? _a : {}), inputProps), void 0)) : null }), void 0) }), void 0) }), void 0));
 };
 const VideoPreview = ({ canvasSize }) => {
     const config = remotion_1.Internals.useUnsafeVideoConfig();

package/dist/editor/components/Preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.js","sourceRoot":"","sources":["../../../src/editor/components/Preview.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Preview.js","sourceRoot":"","sources":["../../../src/editor/components/Preview.tsx"],"names":[],"mappings":";;;;AAAA,6CAAuD;AACvD,iCAA2D;AAC3D,uCAAkE;AAClE,gFAK4C;AAC5C,wDAA0D;AAC1D,wDAAyD;AACzD,yDAA2C;AAE3C,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAE5B,MAAM,cAAc,GAAG,CAAC,OAOvB,EAAuB,EAAE;IACzB,OAAO;QACN,SAAS,EAAE,SAAS,OAAO,CAAC,KAAK,GAAG;QACpC,UAAU,EAAE,OAAO,CAAC,WAAW;QAC/B,SAAS,EAAE,OAAO,CAAC,WAAW;QAC9B,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,MAAM,EAAE,OAAO,CAAC,MAAM;QACtB,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,UAAU;QACpB,eAAe,EAAE,IAAA,qDAA2B,EAAC,OAAO,CAAC,YAAY,CAAC;QAClE,eAAe,EAAE,IAAA,qDAA2B,EAAC,OAAO,CAAC,YAAY,CAAC;QAClE,cAAc,EACb,IAAA,uDAA6B,EAAC,gBAAgB,CAAC,CAAC,sBAAsB;QACvE,kBAAkB,EACjB,IAAA,sDAA4B,EAC3B,gBAAgB,CAChB,CAAC,4CAA4C;KAC/C,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,KAAK,GAEN,CAAC,EAAC,UAAU,EAAC,EAAE,EAAE;;IACrB,MAAM,EAAC,IAAI,EAAE,WAAW,EAAC,GAAG,IAAA,kBAAU,EAAC,iCAAkB,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,oBAAS,CAAC,QAAQ,EAAE,CAAC;IAEnC,MAAM,MAAM,GAAG,IAAA,yBAAc,GAAE,CAAC;IAChC,MAAM,EAAC,YAAY,EAAC,GAAG,IAAA,kBAAU,EAAC,kCAAmB,CAAC,CAAC;IAEvD,MAAM,EAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAC,GACxD,wBAAe,CAAC,cAAc,CAAC;QAC9B,UAAU;QACV,iBAAiB,EAAE,MAAM,CAAC,MAAM;QAChC,gBAAgB,EAAE,MAAM,CAAC,KAAK;QAC9B,WAAW;KACX,CAAC,CAAC;IAEJ,MAAM,KAAK,GAAwB,IAAA,eAAO,EAAC,GAAG,EAAE;QAC/C,OAAO;YACN,KAAK,EAAE,MAAM,CAAC,KAAK,GAAG,KAAK;YAC3B,MAAM,EAAE,MAAM,CAAC,MAAM,GAAG,KAAK;YAC7B,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,OAAO;YACZ,QAAQ,EAAE,QAAQ;SAClB,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAE3D,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAwB,EAAE;QAC/C,OAAO,cAAc,CAAC;YACrB,YAAY;YACZ,KAAK;YACL,WAAW;YACX,WAAW;YACX,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,MAAM,EAAE,MAAM,CAAC,MAAM;SACrB,CAAC,CAAC;IACJ,CAAC,EAAE;QACF,YAAY;QACZ,MAAM,CAAC,MAAM;QACb,MAAM,CAAC,KAAK;QACZ,KAAK;QACL,WAAW;QACX,WAAW;KACX,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IACjD,MAAM,UAAU,GAAG,IAAA,wBAAa,GAAE,CAAC;IAEnC,OAAO,CACN,uBAAC,gBAAQ,kBAAC,QAAQ,EAAE,uBAAC,0BAAO,aAAG,gBAC9B,8CAAK,KAAK,EAAE,KAAK,gBAChB,8CAAK,KAAK,EAAE,KAAK,gBACf,SAAS,CAAC,CAAC,CAAC,CACZ,uBAAC,SAAS,oBACL,CAAC,MAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAA8B,mCAAI,EAAE,CAAC,EAC9C,UAAU,UACb,CACF,CAAC,CAAC,CAAC,IAAI,YACH,YACD,YACI,CACX,CAAC;AACH,CAAC,CAAC;AAEK,MAAM,YAAY,GAEpB,CAAC,EAAC,UAAU,EAAC,EAAE,EAAE;IACrB,MAAM,MAAM,GAAG,oBAAS,CAAC,oBAAoB,EAAE,CAAC;IAEhD,IAAI,CAAC,MAAM,EAAE;QACZ,OAAO,IAAI,CAAC;KACZ;IAED,OAAO,uBAAC,KAAK,IAAC,UAAU,EAAE,UAAU,WAAI,CAAC;AAC1C,CAAC,CAAC;AAVW,QAAA,YAAY,gBAUvB"}

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

@@ -1 +1 @@
-{"version":3,"file":"PreviewToolbar.d.ts","sourceRoot":"","sources":["../../../src/editor/components/PreviewToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiC1B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAqBlC,CAAC"}
+{"version":3,"file":"PreviewToolbar.d.ts","sourceRoot":"","sources":["../../../src/editor/components/PreviewToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAuClD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAoClC,CAAC"}

package/dist/editor/components/PreviewToolbar.js

@@ -2,10 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PreviewToolbar = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const remotion_1 = require("remotion");
 const timeline_layout_1 = require("../helpers/timeline-layout");
+const loop_1 = require("../state/loop");
 const CheckboardToggle_1 = require("./CheckboardToggle");
 const FpsCounter_1 = require("./FpsCounter");
 const layout_1 = require("./layout");
+const LoopToggle_1 = require("./LoopToggle");
+const PlaybackKeyboardShortcutsManager_1 = require("./PlaybackKeyboardShortcutsManager");
+const PlaybackRatePersistor_1 = require("./PlaybackRatePersistor");
+const PlaybackRateSelector_1 = require("./PlaybackRateSelector");
 const PlayPause_1 = require("./PlayPause");
 const RichTimelineToggle_1 = require("./RichTimelineToggle");
 const SizeSelector_1 = require("./SizeSelector");
@@ -31,7 +38,9 @@ const padding = {
     width: timeline_layout_1.TIMELINE_PADDING,
 };
 const PreviewToolbar = () => {
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: container, className: "css-reset" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ 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)(PlayPause_1.PlayPause, {}, 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)(layout_1.Flex, {}, void 0), (0, jsx_runtime_1.jsxs)("div", Object.assign({ style: sideContainer }, { children: [(0, jsx_runtime_1.jsx)(layout_1.Flex, {}, void 0), (0, jsx_runtime_1.jsx)(FpsCounter_1.FpsCounter, {}, void 0), (0, jsx_runtime_1.jsx)("div", { style: padding }, void 0)] }), void 0)] }), void 0));
+    const { playbackRate, setPlaybackRate } = (0, react_1.useContext)(remotion_1.Internals.Timeline.TimelineContext);
+    const [loop, setLoop] = (0, react_1.useState)((0, loop_1.loadLoopOption)());
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: container, className: "css-reset" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ 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)(layout_1.Flex, {}, void 0), (0, jsx_runtime_1.jsxs)("div", Object.assign({ 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/PreviewToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewToolbar.js","sourceRoot":"","sources":["../../../src/editor/components/PreviewToolbar.tsx"],"names":[],"mappings":";;;;AACA,gEAA4D;AAC5D,yDAAoD;AACpD,6CAAwC;AACxC,qCAA8B;AAC9B,2CAAsC;AACtC,6DAAwD;AACxD,iDAA4C;AAC5C,+DAA+D;AAC/D,2CAAsC;AAEtC,MAAM,SAAS,GAAwB;IACtC,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,QAAQ;IACxB,SAAS,EAAE,8BAA8B;IACzC,UAAU,EAAE,CAAC;IACb,aAAa,EAAE,CAAC;IAChB,UAAU,EAAE,QAAQ;IACpB,aAAa,EAAE,KAAK;CACpB,CAAC;AAEF,MAAM,aAAa,GAAwB;IAC1C,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,QAAQ;CACpB,CAAC;AAEF,MAAM,OAAO,GAAwB;IACpC,KAAK,EAAE,kCAAgB;CACvB,CAAC;AAEK,MAAM,cAAc,GAAa,GAAG,EAAE;IAC5C,OAAO,CACN,+CAAK,KAAK,EAAE,SAAS,EAAE,SAAS,EAAC,WAAW,iBAC3C,+CAAK,KAAK,EAAE,aAAa,iBACxB,gCAAK,KAAK,EAAE,OAAO,WAAI,EACvB,uBAAC,qBAAS,aAAG,aACR,EACN,uBAAC,aAAI,aAAG,EACR,uBAAC,2BAAY,aAAG,EAChB,uBAAC,qBAAS,aAAG,EACb,uBAAC,mCAAgB,aAAG,EACpB,uBAAC,uCAAkB,aAAG,EACtB,uBAAC,8CAAwB,aAAG,EAC5B,uBAAC,aAAI,aAAG,EACR,+CAAK,KAAK,EAAE,aAAa,iBACxB,uBAAC,aAAI,aAAG,EACR,uBAAC,uBAAU,aAAG,EACd,gCAAK,KAAK,EAAE,OAAO,WAAI,aAClB,aACD,CACN,CAAC;AACH,CAAC,CAAC;AArBW,QAAA,cAAc,kBAqBzB"}
+{"version":3,"file":"PreviewToolbar.js","sourceRoot":"","sources":["../../../src/editor/components/PreviewToolbar.tsx"],"names":[],"mappings":";;;;AAAA,iCAAkD;AAClD,uCAAmC;AACnC,gEAA4D;AAC5D,wCAA6C;AAC7C,yDAAoD;AACpD,6CAAwC;AACxC,qCAAuC;AACvC,6CAAwC;AACxC,yFAAoF;AACpF,mEAA8D;AAC9D,iEAA4D;AAC5D,2CAAsC;AACtC,6DAAwD;AACxD,iDAA4C;AAC5C,+DAA+D;AAC/D,2CAAsC;AAEtC,MAAM,SAAS,GAAwB;IACtC,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,QAAQ;IACxB,SAAS,EAAE,8BAA8B;IACzC,UAAU,EAAE,CAAC;IACb,aAAa,EAAE,CAAC;IAChB,UAAU,EAAE,QAAQ;IACpB,aAAa,EAAE,KAAK;CACpB,CAAC;AAEF,MAAM,aAAa,GAAwB;IAC1C,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,QAAQ;CACpB,CAAC;AAEF,MAAM,OAAO,GAAwB;IACpC,KAAK,EAAE,kCAAgB;CACvB,CAAC;AAEK,MAAM,cAAc,GAAa,GAAG,EAAE;IAC5C,MAAM,EAAC,YAAY,EAAE,eAAe,EAAC,GAAG,IAAA,kBAAU,EACjD,oBAAS,CAAC,QAAQ,CAAC,eAAe,CAClC,CAAC;IAEF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAA,qBAAc,GAAE,CAAC,CAAC;IAEnD,OAAO,CACN,+CAAK,KAAK,EAAE,SAAS,EAAE,SAAS,EAAC,WAAW,iBAC3C,+CAAK,KAAK,EAAE,aAAa,iBACxB,gCAAK,KAAK,EAAE,OAAO,WAAI,EACvB,uBAAC,qBAAS,aAAG,aACR,EACN,uBAAC,aAAI,aAAG,EACR,uBAAC,2BAAY,aAAG,EAChB,uBAAC,2CAAoB,IACpB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,WACzB,EACF,uBAAC,gBAAO,IAAC,CAAC,EAAE,CAAC,WAAI,EACjB,uBAAC,qBAAS,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,WAAI,EACrD,uBAAC,gBAAO,IAAC,CAAC,EAAE,CAAC,WAAI,EACjB,uBAAC,uBAAU,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,WAAI,EAC5C,uBAAC,mCAAgB,aAAG,EACpB,uBAAC,uCAAkB,aAAG,EACtB,uBAAC,8CAAwB,aAAG,EAC5B,uBAAC,aAAI,aAAG,EACR,+CAAK,KAAK,EAAE,aAAa,iBACxB,uBAAC,aAAI,aAAG,EACR,uBAAC,uBAAU,IAAC,aAAa,EAAE,YAAY,WAAI,EAC3C,gCAAK,KAAK,EAAE,OAAO,WAAI,aAClB,EACN,uBAAC,mEAAgC,IAAC,eAAe,EAAE,eAAe,WAAI,EACtE,uBAAC,6CAAqB,aAAG,aACpB,CACN,CAAC;AACH,CAAC,CAAC;AApCW,QAAA,cAAc,kBAoCzB"}

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

@@ -1 +1 @@
-{"version":3,"file":"SizeSelector.d.ts","sourceRoot":"","sources":["../../../src/editor/components/SizeSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,eAAO,MAAM,kBAAkB,EAAE,WAAW,EAA2B,CAAC;AAExE,eAAO,MAAM,mBAAmB,gBAAiB,WAAW,+CAgB3D,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAmChC,CAAC"}
+{"version":3,"file":"SizeSelector.d.ts","sourceRoot":"","sources":["../../../src/editor/components/SizeSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,eAAO,MAAM,kBAAkB,EAAE,WAAW,EAA2B,CAAC;AAExE,eAAO,MAAM,mBAAmB,gBAAiB,WAAW,+CAgB3D,CAAC;AAMF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAsChC,CAAC"}

package/dist/editor/components/SizeSelector.js

@@ -23,6 +23,7 @@ const getPreviewSizeLabel = (previewSize) => {
     }
 };
 exports.getPreviewSizeLabel = getPreviewSizeLabel;
+const accessibilityLabel = 'Preview Size';
 const comboStyle = { width: 80 };
 const SizeSelector = () => {
     const { size, setSize } = (0, react_1.useContext)(preview_size_1.PreviewSizeContext);
@@ -49,7 +50,7 @@ const SizeSelector = () => {
             };
         });
     }, [setSize, size]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: style, "aria-label": "Select the size of the preview" }, { children: (0, jsx_runtime_1.jsx)(ComboBox_1.Combobox, { style: comboStyle, selectedId: String(size), values: items }, void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ 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/SizeSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"SizeSelector.js","sourceRoot":"","sources":["../../../src/editor/components/SizeSelector.tsx"],"names":[],"mappings":";;;;AACA,iCAAiD;AACjD,kDAA6C;AAC7C,wDAAyD;AACzD,mDAAuD;AACvD,wDAAkE;AAErD,QAAA,kBAAkB,GAAkB,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;AAEjE,MAAM,mBAAmB,GAAG,CAAC,WAAwB,EAAE,EAAE;IAC/D,IAAI,WAAW,KAAK,CAAC,EAAE;QACtB,OAAO,MAAM,CAAC;KACd;IAED,IAAI,WAAW,KAAK,GAAG,EAAE;QACxB,OAAO,KAAK,CAAC;KACb;IAED,IAAI,WAAW,KAAK,IAAI,EAAE;QACzB,OAAO,KAAK,CAAC;KACb;IAED,IAAI,WAAW,KAAK,MAAM,EAAE;QAC3B,OAAO,KAAK,CAAC;KACb;AACF,CAAC,CAAC;AAhBW,QAAA,mBAAmB,uBAgB9B;AAEF,MAAM,UAAU,GAAwB,EAAC,KAAK,EAAE,EAAE,EAAC,CAAC;AAE7C,MAAM,YAAY,GAAa,GAAG,EAAE;IAC1C,MAAM,EAAC,IAAI,EAAE,OAAO,EAAC,GAAG,IAAA,kBAAU,EAAC,iCAAkB,CAAC,CAAC;IAEvD,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC1B,OAAO;YACN,OAAO,EAAE,sCAAsB;SAC/B,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAoB,IAAA,eAAO,EAAC,GAAG,EAAE;QAC3C,OAAO,0BAAkB,CAAC,GAAG,CAC5B,CAAC,OAAO,EAAiB,EAAE;YAC1B,OAAO;gBACN,EAAE,EAAE,MAAM,CAAC,OAAO,CAAC;gBACnB,KAAK,EAAE,IAAA,2BAAmB,EAAC,OAAO,CAAC;gBACnC,OAAO,EAAE,GAAG,EAAE;oBACb,OAAO,OAAO,CAAC,GAAG,EAAE;wBACnB,OAAO,OAAO,CAAC;oBAChB,CAAC,CAAC,CAAC;gBACJ,CAAC;gBACD,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,uBAAC,qBAAS,aAAG,CAAC,CAAC,CAAC,IAAI;gBACjE,OAAO,EAAE,IAAI;aACb,CAAC;QACH,CAAC,CACD,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,CACN,8CAAK,KAAK,EAAE,KAAK,gBAAa,gCAAgC,gBAC7D,uBAAC,mBAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,WAAI,YACnE,CACN,CAAC;AACH,CAAC,CAAC;AAnCW,QAAA,YAAY,gBAmCvB"}
+{"version":3,"file":"SizeSelector.js","sourceRoot":"","sources":["../../../src/editor/components/SizeSelector.tsx"],"names":[],"mappings":";;;;AACA,iCAAiD;AACjD,kDAA6C;AAC7C,wDAAyD;AACzD,mDAAuD;AACvD,wDAAkE;AAErD,QAAA,kBAAkB,GAAkB,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;AAEjE,MAAM,mBAAmB,GAAG,CAAC,WAAwB,EAAE,EAAE;IAC/D,IAAI,WAAW,KAAK,CAAC,EAAE;QACtB,OAAO,MAAM,CAAC;KACd;IAED,IAAI,WAAW,KAAK,GAAG,EAAE;QACxB,OAAO,KAAK,CAAC;KACb;IAED,IAAI,WAAW,KAAK,IAAI,EAAE;QACzB,OAAO,KAAK,CAAC;KACb;IAED,IAAI,WAAW,KAAK,MAAM,EAAE;QAC3B,OAAO,KAAK,CAAC;KACb;AACF,CAAC,CAAC;AAhBW,QAAA,mBAAmB,uBAgB9B;AAEF,MAAM,kBAAkB,GAAG,cAAc,CAAC;AAE1C,MAAM,UAAU,GAAwB,EAAC,KAAK,EAAE,EAAE,EAAC,CAAC;AAE7C,MAAM,YAAY,GAAa,GAAG,EAAE;IAC1C,MAAM,EAAC,IAAI,EAAE,OAAO,EAAC,GAAG,IAAA,kBAAU,EAAC,iCAAkB,CAAC,CAAC;IAEvD,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC1B,OAAO;YACN,OAAO,EAAE,sCAAsB;SAC/B,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAoB,IAAA,eAAO,EAAC,GAAG,EAAE;QAC3C,OAAO,0BAAkB,CAAC,GAAG,CAAC,CAAC,OAAO,EAAiB,EAAE;YACxD,OAAO;gBACN,EAAE,EAAE,MAAM,CAAC,OAAO,CAAC;gBACnB,KAAK,EAAE,IAAA,2BAAmB,EAAC,OAAO,CAAC;gBACnC,OAAO,EAAE,GAAG,EAAE;oBACb,OAAO,OAAO,CAAC,GAAG,EAAE;wBACnB,OAAO,OAAO,CAAC;oBAChB,CAAC,CAAC,CAAC;gBACJ,CAAC;gBACD,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,uBAAC,qBAAS,aAAG,CAAC,CAAC,CAAC,IAAI;gBACjE,OAAO,EAAE,IAAI;aACb,CAAC;QACH,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,CACN,8CAAK,KAAK,EAAE,KAAK,gBAAc,kBAAkB,gBAChD,uBAAC,mBAAQ,IACR,KAAK,EAAE,kBAAkB,EACzB,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,EACxB,MAAM,EAAE,KAAK,WACZ,YACG,CACN,CAAC;AACH,CAAC,CAAC;AAtCW,QAAA,YAAY,gBAsCvB"}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const SPACING_UNIT = 8;
+export declare const Spacing: React.FC<{
+    x?: number;
+    y?: number;
+}>;
+//# sourceMappingURL=Spacing.d.ts.map

package/dist/editor/components/Spacing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacing.d.ts","sourceRoot":"","sources":["../../../src/editor/components/Spacing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,eAAO,MAAM,YAAY,IAAI,CAAC;AAE9B,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;CACX,CAUA,CAAC"}

package/dist/editor/components/Spacing.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spacing = exports.SPACING_UNIT = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+exports.SPACING_UNIT = 8;
+const Spacing = ({ x = 0, y = 0 }) => {
+    const style = (0, react_1.useMemo)(() => {
+        return {
+            display: 'block',
+            width: x * exports.SPACING_UNIT,
+            height: y * exports.SPACING_UNIT,
+        };
+    }, [x, y]);
+    return (0, jsx_runtime_1.jsx)("div", { style: style }, void 0);
+};
+exports.Spacing = Spacing;
+//# sourceMappingURL=Spacing.js.map

package/dist/editor/components/Spacing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacing.js","sourceRoot":"","sources":["../../../src/editor/components/Spacing.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqC;AAExB,QAAA,YAAY,GAAG,CAAC,CAAC;AAEvB,MAAM,OAAO,GAGf,CAAC,EAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAC,EAAE,EAAE;IACvB,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAwB,EAAE;QAC/C,OAAO;YACN,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE,CAAC,GAAG,oBAAY;YACvB,MAAM,EAAE,CAAC,GAAG,oBAAY;SACxB,CAAC;IACH,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAEX,OAAO,gCAAK,KAAK,EAAE,KAAK,WAAI,CAAC;AAC9B,CAAC,CAAC;AAbW,QAAA,OAAO,WAalB"}

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

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.d.ts","sourceRoot":"","sources":["../../../src/editor/components/Thumbnail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AACrE,OAAO,EAAoB,YAAY,EAAuB,MAAM,UAAU,CAAC;AAQ/E,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,WAAW,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;CACvB,CA8EA,CAAC"}
+{"version":3,"file":"Thumbnail.d.ts","sourceRoot":"","sources":["../../../src/editor/components/Thumbnail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AACrE,OAAO,EAAoB,YAAY,EAAuB,MAAM,UAAU,CAAC;AAQ/E,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,WAAW,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;CACvB,CAsFA,CAAC"}

package/dist/editor/components/Thumbnail.js

@@ -56,12 +56,20 @@ const Thumbnail = ({ composition, targetHeight, targetWidth, frameToDisplay }) =
             playing: false,
             frame: frameToDisplay,
             rootId: thumbnailId,
+            imperativePlaying: {
+                current: false,
+            },
+            playbackRate: 1,
+            setPlaybackRate: () => {
+                throw new Error('thumbnail');
+            },
+            audioAndVideoTags: { current: [] },
         };
     }, [frameToDisplay, thumbnailId]);
     const props = (0, react_1.useMemo)(() => {
         var _a;
-        return (_a = composition.props) !== null && _a !== void 0 ? _a : {};
-    }, [composition.props]);
+        return (_a = composition.defaultProps) !== null && _a !== void 0 ? _a : {};
+    }, [composition.defaultProps]);
     const ThumbnailComponent = composition.component;
     return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: container }, { children: (0, jsx_runtime_1.jsx)(react_1.Suspense, Object.assign({ fallback: null }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: outer }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: inner }, { children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.TimelineContext.Provider, Object.assign({ value: timelineState }, { children: (0, jsx_runtime_1.jsx)(ThumbnailComponent, Object.assign({}, props), void 0) }), void 0) }), void 0) }), void 0) }), void 0) }), void 0));
 };

package/dist/editor/components/Thumbnail.js.map

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

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const LoopIndicator: React.FC<{
+    loops: number;
+}>;
+//# sourceMappingURL=LoopIndicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoopIndicator.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Timeline/LoopIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuC1B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;CACd,CA8BA,CAAC"}

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

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoopIndicator = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const remotion_1 = require("remotion");
+const layout_1 = require("../layout");
+const container = {
+    padding: '2px 4px',
+    color: 'white',
+    backgroundColor: 'rgba(255, 255, 255, 0.2)',
+    display: 'inline-flex',
+    borderRadius: 4,
+    fontSize: 12,
+    marginLeft: 4,
+    marginTop: 4,
+    flexDirection: 'row',
+};
+const Icon = () => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "repeat", className: "svg-inline--fa fa-repeat fa-w-16", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", style: {
+        height: 12,
+        width: 12,
+        marginRight: 4,
+    } }, { children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M512 256c0 88.224-71.775 160-160 160H170.067l34.512 32.419c9.875 9.276 10.119 24.883.539 34.464l-10.775 10.775c-9.373 9.372-24.568 9.372-33.941 0l-92.686-92.686c-9.373-9.373-9.373-24.568 0-33.941l92.686-92.686c9.373-9.373 24.568-9.373 33.941 0l10.775 10.775c9.581 9.581 9.337 25.187-.539 34.464L170.067 352H352c52.935 0 96-43.065 96-96 0-13.958-2.996-27.228-8.376-39.204-4.061-9.039-2.284-19.626 4.723-26.633l12.183-12.183c11.499-11.499 30.965-8.526 38.312 5.982C505.814 205.624 512 230.103 512 256zM72.376 295.204C66.996 283.228 64 269.958 64 256c0-52.935 43.065-96 96-96h181.933l-34.512 32.419c-9.875 9.276-10.119 24.883-.539 34.464l10.775 10.775c9.373 9.372 24.568 9.372 33.941 0l92.686-92.686c9.373-9.373 9.373-24.568 0-33.941l-92.686-92.686c-9.373-9.373-24.568-9.373-33.941 0L306.882 29.12c-9.581 9.581-9.337 25.187.539 34.464L341.933 96H160C71.775 96 0 167.776 0 256c0 25.897 6.186 50.376 17.157 72.039 7.347 14.508 26.813 17.481 38.312 5.982l12.183-12.183c7.008-7.008 8.786-17.595 4.724-26.634z" }, void 0) }), void 0));
+const LoopIndicator = ({ loops }) => {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ style: container }, { children: [(0, jsx_runtime_1.jsx)(Icon, {}, void 0), String(loops)] }), void 0), (0, jsx_runtime_1.jsx)(remotion_1.AbsoluteFill, Object.assign({ style: {
+                    flexDirection: 'row',
+                } }, { children: new Array(loops).fill(true).map((l, i) => {
+                    return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment
+                    // eslint-disable-next-line
+                    , { children: [(0, jsx_runtime_1.jsx)(layout_1.Flex, {}, void 0), i === loops - 1 ? null : ((0, jsx_runtime_1.jsx)("div", { style: { height: '100%', width: 1, backgroundColor: 'white' } }, void 0))] }, i));
+                }) }), void 0)] }, void 0));
+};
+exports.LoopIndicator = LoopIndicator;
+//# sourceMappingURL=LoopIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoopIndicator.js","sourceRoot":"","sources":["../../../../src/editor/components/Timeline/LoopIndicator.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAC1B,uCAAsC;AACtC,sCAA+B;AAE/B,MAAM,SAAS,GAAwB;IACtC,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,eAAe,EAAE,0BAA0B;IAC3C,OAAO,EAAE,aAAa;IACtB,YAAY,EAAE,CAAC;IACf,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,CAAC;IACb,SAAS,EAAE,CAAC;IACZ,aAAa,EAAE,KAAK;CACpB,CAAC;AAEF,MAAM,IAAI,GAAa,GAAG,EAAE,CAAC,CAC5B,6DACa,MAAM,EAClB,SAAS,EAAC,OAAO,iBACL,KAAK,eACP,QAAQ,EAClB,SAAS,EAAC,kCAAkC,EAC5C,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE;QACN,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;QACT,WAAW,EAAE,CAAC;KACd,gBAED,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,2+BAA2+B,WAC5+B,YACG,CACN,CAAC;AAEK,MAAM,aAAa,GAErB,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE;IAChB,OAAO,CACN,6DACC,+CAAK,KAAK,EAAE,SAAS,iBACpB,uBAAC,IAAI,aAAG,EACP,MAAM,CAAC,KAAK,CAAC,aACT,EACN,uBAAC,uBAAY,kBACZ,KAAK,EAAE;oBACN,aAAa,EAAE,KAAK;iBACpB,gBAEA,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBACzC,OAAO,CACN,wBAAC,eAAK,CAAC,QAAQ;oBACd,2BAA2B;mCAG3B,uBAAC,aAAI,aAAG,EACP,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACzB,gCACC,KAAK,EAAE,EAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,eAAe,EAAE,OAAO,EAAC,WAC1D,CACF,KAPI,CAAC,CAQU,CACjB,CAAC;gBACH,CAAC,CAAC,YACY,YACb,CACH,CAAC;AACH,CAAC,CAAC;AAhCW,QAAA,aAAa,iBAgCxB"}

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

@@ -1 +1 @@
-{"version":3,"file":"TimelineSlider.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Timeline/TimelineSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAalC,CAAC"}
+{"version":3,"file":"TimelineSlider.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Timeline/TimelineSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAmBrC,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAmBlC,CAAC"}

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TimelineSlider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const remotion_1 = require("remotion");
 const get_left_of_timeline_slider_1 = require("../../helpers/get-left-of-timeline-slider");
 const TimelineSliderHandle_1 = require("./TimelineSliderHandle");
@@ -9,6 +10,7 @@ const container = {
     position: 'absolute',
     bottom: 0,
     top: 0,
+    pointerEvents: 'none',
 };
 const line = {
     height: '100%',
@@ -19,8 +21,14 @@ const line = {
 const TimelineSlider = () => {
     const timelinePosition = remotion_1.Internals.Timeline.useTimelinePosition();
     const { get } = (0, get_left_of_timeline_slider_1.useGetXPositionOfItemInTimeline)();
-    const left = get(timelinePosition);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: { ...container, transform: `translateX(${left}px)` } }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: line }, { children: (0, jsx_runtime_1.jsx)(TimelineSliderHandle_1.TimelineSliderHandle, {}, void 0) }), void 0) }), void 0));
+    const style = (0, react_1.useMemo)(() => {
+        const left = get(timelinePosition);
+        return {
+            ...container,
+            transform: `translateX(${left}px)`,
+        };
+    }, [timelinePosition, get]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: style }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ 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/TimelineSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineSlider.js","sourceRoot":"","sources":["../../../../src/editor/components/Timeline/TimelineSlider.tsx"],"names":[],"mappings":";;;;AACA,uCAAmC;AACnC,2FAA0F;AAC1F,iEAA4D;AAE5D,MAAM,SAAS,GAAwB;IACtC,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,CAAC;CACN,CAAC;AAEF,MAAM,IAAI,GAAwB;IACjC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,CAAC;IACR,QAAQ,EAAE,OAAO;IACjB,eAAe,EAAE,SAAS;CAC1B,CAAC;AAEK,MAAM,cAAc,GAAa,GAAG,EAAE;IAC5C,MAAM,gBAAgB,GAAG,oBAAS,CAAC,QAAQ,CAAC,mBAAmB,EAAE,CAAC;IAClE,MAAM,EAAC,GAAG,EAAC,GAAG,IAAA,6DAA+B,GAAE,CAAC;IAEhD,MAAM,IAAI,GAAG,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAEnC,OAAO,CACN,8CAAK,KAAK,EAAE,EAAC,GAAG,SAAS,EAAE,SAAS,EAAE,cAAc,IAAI,KAAK,EAAC,gBAC7D,8CAAK,KAAK,EAAE,IAAI,gBACf,uBAAC,2CAAoB,aAAG,YACnB,YACD,CACN,CAAC;AACH,CAAC,CAAC;AAbW,QAAA,cAAc,kBAazB"}
+{"version":3,"file":"TimelineSlider.js","sourceRoot":"","sources":["../../../../src/editor/components/Timeline/TimelineSlider.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqC;AACrC,uCAAmC;AACnC,2FAA0F;AAC1F,iEAA4D;AAE5D,MAAM,SAAS,GAAwB;IACtC,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,CAAC;IACN,aAAa,EAAE,MAAM;CACrB,CAAC;AAEF,MAAM,IAAI,GAAwB;IACjC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,CAAC;IACR,QAAQ,EAAE,OAAO;IACjB,eAAe,EAAE,SAAS;CAC1B,CAAC;AAEK,MAAM,cAAc,GAAa,GAAG,EAAE;IAC5C,MAAM,gBAAgB,GAAG,oBAAS,CAAC,QAAQ,CAAC,mBAAmB,EAAE,CAAC;IAClE,MAAM,EAAC,GAAG,EAAC,GAAG,IAAA,6DAA+B,GAAE,CAAC;IAEhD,MAAM,KAAK,GAAwB,IAAA,eAAO,EAAC,GAAG,EAAE;QAC/C,MAAM,IAAI,GAAG,GAAG,CAAC,gBAAgB,CAAC,CAAC;QACnC,OAAO;YACN,GAAG,SAAS;YACZ,SAAS,EAAE,cAAc,IAAI,KAAK;SAClC,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC,CAAC;IAE5B,OAAO,CACN,8CAAK,KAAK,EAAE,KAAK,gBAChB,8CAAK,KAAK,EAAE,IAAI,gBACf,uBAAC,2CAAoB,aAAG,YACnB,YACD,CACN,CAAC;AACH,CAAC,CAAC;AAnBW,QAAA,cAAc,kBAmBzB"}

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

@@ -1 +1 @@
-{"version":3,"file":"TimelineSliderHandle.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Timeline/TimelineSliderHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAgBxC,CAAC"}
+{"version":3,"file":"TimelineSliderHandle.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Timeline/TimelineSliderHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAWxC,CAAC"}

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

@@ -7,8 +7,11 @@ const container = {
     height: 20,
     position: 'fixed',
 };
+const style = {
+    marginLeft: -8,
+};
 const TimelineSliderHandle = () => {
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: container }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ width: 17, viewBox: "0 0 159 212", version: "1.1", style: { marginLeft: -8 } }, { 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));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: container }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ 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/TimelineSliderHandle.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineSliderHandle.js","sourceRoot":"","sources":["../../../../src/editor/components/Timeline/TimelineSliderHandle.tsx"],"names":[],"mappings":";;;;AAEA,MAAM,SAAS,GAAwB;IACtC,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,QAAQ,EAAE,OAAO;CACjB,CAAC;AAEK,MAAM,oBAAoB,GAAa,GAAG,EAAE;IAClD,OAAO,CACN,8CAAK,KAAK,EAAE,SAAS,gBACpB,8CACC,KAAK,EAAE,EAAE,EACT,OAAO,EAAC,aAAa,EACrB,OAAO,EAAC,KAAK,EACb,KAAK,EAAE,EAAC,UAAU,EAAE,CAAC,CAAC,EAAC,gBAEvB,iCACC,CAAC,EAAC,mdAAmd,EACrd,IAAI,EAAC,SAAS,WACb,YACG,YACD,CACN,CAAC;AACH,CAAC,CAAC;AAhBW,QAAA,oBAAoB,wBAgB/B"}
+{"version":3,"file":"TimelineSliderHandle.js","sourceRoot":"","sources":["../../../../src/editor/components/Timeline/TimelineSliderHandle.tsx"],"names":[],"mappings":";;;;AAEA,MAAM,SAAS,GAAwB;IACtC,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,QAAQ,EAAE,OAAO;CACjB,CAAC;AAEF,MAAM,KAAK,GAAwB;IAClC,UAAU,EAAE,CAAC,CAAC;CACd,CAAC;AAEK,MAAM,oBAAoB,GAAa,GAAG,EAAE;IAClD,OAAO,CACN,8CAAK,KAAK,EAAE,SAAS,gBACpB,8CAAK,KAAK,EAAE,EAAE,EAAE,OAAO,EAAC,aAAa,EAAC,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,KAAK,gBAC/D,iCACC,CAAC,EAAC,mdAAmd,EACrd,IAAI,EAAC,SAAS,WACb,YACG,YACD,CACN,CAAC;AACH,CAAC,CAAC;AAXW,QAAA,oBAAoB,wBAW/B"}

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

@@ -1 +1 @@
-{"version":3,"file":"UpdateCheck.d.ts","sourceRoot":"","sources":["../../../src/editor/components/UpdateCheck.tsx"],"names":[],"mappings":";AAIA,aAAK,cAAc,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;AAEjD,oBAAY,UAAU,GAAG;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,cAAc,CAAC;CAC/B,CAAC;AAYF,eAAO,MAAM,WAAW,0BA2CvB,CAAC"}
+{"version":3,"file":"UpdateCheck.d.ts","sourceRoot":"","sources":["../../../src/editor/components/UpdateCheck.tsx"],"names":[],"mappings":";AAIA,aAAK,cAAc,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;AAEjD,oBAAY,UAAU,GAAG;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,cAAc,CAAC;CAC/B,CAAC;AAYF,eAAO,MAAM,WAAW,0BA0DvB,CAAC"}

package/dist/editor/components/UpdateCheck.js

@@ -19,15 +19,27 @@ const UpdateCheck = () => {
     const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
     const { tabIndex } = (0, z_index_1.useZIndex)();
     const checkForUpdates = (0, react_1.useCallback)(() => {
-        fetch('/api/update')
+        const controller = new AbortController();
+        fetch('/api/update', {
+            signal: controller.signal,
+        })
             .then((res) => res.json())
-            .then((d) => setInfo(d))
+            .then((d) => {
+            setInfo(d);
+        })
             .catch((err) => {
+            if (err.message.includes('aborted')) {
+                return;
+            }
             console.log('Could not check for updates', err);
         });
+        return controller;
     }, []);
     (0, react_1.useEffect)(() => {
-        checkForUpdates();
+        const abortController = checkForUpdates();
+        return () => {
+            abortController.abort();
+        };
     }, [checkForUpdates]);
     const openModal = (0, react_1.useCallback)(() => {
         setSelectedModal({

package/dist/editor/components/UpdateCheck.js.map

@@ -1 +1 @@
-{"version":3,"file":"UpdateCheck.js","sourceRoot":"","sources":["../../../src/editor/components/UpdateCheck.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0E;AAC1E,4CAA8C;AAC9C,8CAA2C;AAY3C,MAAM,WAAW,GAAwB;IACxC,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,aAAa;IACpB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,MAAM;IAClB,eAAe,EAAE,aAAa;IAC9B,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,EAAE;CACZ,CAAC;AAEK,MAAM,WAAW,GAAG,GAAG,EAAE;IAC/B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAoB,IAAI,CAAC,CAAC;IAC1D,MAAM,EAAC,gBAAgB,EAAC,GAAG,IAAA,kBAAU,EAAC,sBAAa,CAAC,CAAC;IACrD,MAAM,EAAC,QAAQ,EAAC,GAAG,IAAA,mBAAS,GAAE,CAAC;IAE/B,MAAM,eAAe,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACxC,KAAK,CAAC,aAAa,CAAC;aAClB,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;aACzB,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;aACvB,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;YACd,OAAO,CAAC,GAAG,CAAC,6BAA6B,EAAE,GAAG,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,eAAe,EAAE,CAAC;IACnB,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAClC,gBAAgB,CAAC;YAChB,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,IAAkB;SACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE7B,IAAI,CAAC,IAAI,EAAE;QACV,OAAO,IAAI,CAAC;KACZ;IAED,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;QAC1B,OAAO,IAAI,CAAC;KACZ;IAED,OAAO,CACN,iDACC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,SAAS,EAClB,IAAI,EAAC,QAAQ,+CAGL,CACT,CAAC;AACH,CAAC,CAAC;AA3CW,QAAA,WAAW,eA2CtB"}
+{"version":3,"file":"UpdateCheck.js","sourceRoot":"","sources":["../../../src/editor/components/UpdateCheck.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0E;AAC1E,4CAA8C;AAC9C,8CAA2C;AAY3C,MAAM,WAAW,GAAwB;IACxC,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,aAAa;IACpB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,MAAM;IAClB,eAAe,EAAE,aAAa;IAC9B,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,EAAE;CACZ,CAAC;AAEK,MAAM,WAAW,GAAG,GAAG,EAAE;IAC/B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAoB,IAAI,CAAC,CAAC;IAC1D,MAAM,EAAC,gBAAgB,EAAC,GAAG,IAAA,kBAAU,EAAC,sBAAa,CAAC,CAAC;IACrD,MAAM,EAAC,QAAQ,EAAC,GAAG,IAAA,mBAAS,GAAE,CAAC;IAE/B,MAAM,eAAe,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACxC,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAAC;QAEzC,KAAK,CAAC,aAAa,EAAE;YACpB,MAAM,EAAE,UAAU,CAAC,MAAM;SACzB,CAAC;aACA,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;aACzB,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;YACX,OAAO,CAAC,CAAC,CAAC,CAAC;QACZ,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,GAAU,EAAE,EAAE;YACrB,IAAI,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;gBACpC,OAAO;aACP;YAED,OAAO,CAAC,GAAG,CAAC,6BAA6B,EAAE,GAAG,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;QAEJ,OAAO,UAAU,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,MAAM,eAAe,GAAG,eAAe,EAAE,CAAC;QAC1C,OAAO,GAAG,EAAE;YACX,eAAe,CAAC,KAAK,EAAE,CAAC;QACzB,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAClC,gBAAgB,CAAC;YAChB,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,IAAkB;SACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE7B,IAAI,CAAC,IAAI,EAAE;QACV,OAAO,IAAI,CAAC;KACZ;IAED,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;QAC1B,OAAO,IAAI,CAAC;KACZ;IAED,OAAO,CACN,iDACC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,SAAS,EAClB,IAAI,EAAC,QAAQ,+CAGL,CACT,CAAC;AACH,CAAC,CAAC;AA1DW,QAAA,WAAW,eA0DtB"}

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

@@ -11,4 +11,10 @@ export declare const Row: React.FC<{
     style?: React.CSSProperties;
     className?: string;
 }>;
+export declare const Column: React.FC<{
+    justify?: 'center';
+    align?: 'center';
+    style?: React.CSSProperties;
+    className?: string;
+}>;
 //# sourceMappingURL=layout.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/editor/components/layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,eAAO,MAAM,YAAY,IAAI,CAAC;AAE9B,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;CACX,CAUA,CAAC;AAIF,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAExB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1B,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAeA,CAAC"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/editor/components/layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,eAAO,MAAM,YAAY,IAAI,CAAC;AAE9B,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;CACX,CAUA,CAAC;AAIF,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAExB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1B,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAeA,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAC7B,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAeA,CAAC"}

package/dist/editor/components/layout.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Row = exports.Flex = exports.Spacing = exports.SPACING_UNIT = void 0;
+exports.Column = exports.Row = exports.Flex = exports.Spacing = exports.SPACING_UNIT = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 exports.SPACING_UNIT = 8;
@@ -31,4 +31,17 @@ const Row = ({ children, justify, className, align, style = {} }) => {
     return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: className, style: finalStyle }, { children: children }), void 0));
 };
 exports.Row = Row;
+const Column = ({ children, justify, className, align, style = {} }) => {
+    const finalStyle = (0, react_1.useMemo)(() => {
+        return {
+            ...style,
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: justify !== null && justify !== void 0 ? justify : 'flex-start',
+            alignItems: align !== null && align !== void 0 ? align : 'flex-start',
+        };
+    }, [align, justify, style]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: className, style: finalStyle }, { children: children }), void 0));
+};
+exports.Column = Column;
 //# sourceMappingURL=layout.js.map

package/dist/editor/components/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../src/editor/components/layout.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqC;AAExB,QAAA,YAAY,GAAG,CAAC,CAAC;AAEvB,MAAM,OAAO,GAGf,CAAC,EAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAC,EAAE,EAAE;IACvB,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAwB,EAAE;QAC/C,OAAO;YACN,OAAO,EAAE,cAAc;YACvB,KAAK,EAAE,CAAC,GAAG,oBAAY;YACvB,MAAM,EAAE,CAAC,GAAG,oBAAY;SACxB,CAAC;IACH,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAEX,OAAO,gCAAK,KAAK,EAAE,KAAK,WAAI,CAAC;AAC9B,CAAC,CAAC;AAbW,QAAA,OAAO,WAalB;AAEF,MAAM,IAAI,GAAwB,EAAC,IAAI,EAAE,CAAC,EAAC,CAAC;AAErC,MAAM,IAAI,GAAa,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,CAC7C,8CAAK,KAAK,EAAE,IAAI,gBAAG,QAAQ,YAAO,CAClC,CAAC;AAFW,QAAA,IAAI,QAEf;AAEK,MAAM,GAAG,GAKX,CAAC,EAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,EAAE,EAAC,EAAE,EAAE;IAC1D,MAAM,UAAU,GAAwB,IAAA,eAAO,EAAC,GAAG,EAAE;QACpD,OAAO;YACN,GAAG,KAAK;YACR,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,YAAY;YACvC,UAAU,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,YAAY;SACjC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAC5B,OAAO,CACN,8CAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,gBAC1C,QAAQ,YACJ,CACN,CAAC;AACH,CAAC,CAAC;AApBW,QAAA,GAAG,OAoBd"}
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../src/editor/components/layout.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqC;AAExB,QAAA,YAAY,GAAG,CAAC,CAAC;AAEvB,MAAM,OAAO,GAGf,CAAC,EAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAC,EAAE,EAAE;IACvB,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAwB,EAAE;QAC/C,OAAO;YACN,OAAO,EAAE,cAAc;YACvB,KAAK,EAAE,CAAC,GAAG,oBAAY;YACvB,MAAM,EAAE,CAAC,GAAG,oBAAY;SACxB,CAAC;IACH,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAEX,OAAO,gCAAK,KAAK,EAAE,KAAK,WAAI,CAAC;AAC9B,CAAC,CAAC;AAbW,QAAA,OAAO,WAalB;AAEF,MAAM,IAAI,GAAwB,EAAC,IAAI,EAAE,CAAC,EAAC,CAAC;AAErC,MAAM,IAAI,GAAa,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,CAC7C,8CAAK,KAAK,EAAE,IAAI,gBAAG,QAAQ,YAAO,CAClC,CAAC;AAFW,QAAA,IAAI,QAEf;AAEK,MAAM,GAAG,GAKX,CAAC,EAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,EAAE,EAAC,EAAE,EAAE;IAC1D,MAAM,UAAU,GAAwB,IAAA,eAAO,EAAC,GAAG,EAAE;QACpD,OAAO;YACN,GAAG,KAAK;YACR,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,YAAY;YACvC,UAAU,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,YAAY;SACjC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAC5B,OAAO,CACN,8CAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,gBAC1C,QAAQ,YACJ,CACN,CAAC;AACH,CAAC,CAAC;AApBW,QAAA,GAAG,OAoBd;AAEK,MAAM,MAAM,GAKd,CAAC,EAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,EAAE,EAAC,EAAE,EAAE;IAC1D,MAAM,UAAU,GAAwB,IAAA,eAAO,EAAC,GAAG,EAAE;QACpD,OAAO;YACN,GAAG,KAAK;YACR,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,cAAc,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,YAAY;YACvC,UAAU,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,YAAY;SACjC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAC5B,OAAO,CACN,8CAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,gBAC1C,QAAQ,YACJ,CACN,CAAC;AACH,CAAC,CAAC;AApBW,QAAA,MAAM,UAoBjB"}

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

@@ -0,0 +1 @@
+//# sourceMappingURL=isCompositionStill.d.ts.map

package/dist/editor/helpers/isCompositionStill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isCompositionStill.d.ts","sourceRoot":"","sources":["../../../src/editor/helpers/isCompositionStill.tsx"],"names":[],"mappings":""}

package/dist/editor/helpers/isCompositionStill.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=isCompositionStill.js.map

package/dist/editor/helpers/isCompositionStill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isCompositionStill.js","sourceRoot":"","sources":["../../../src/editor/helpers/isCompositionStill.tsx"],"names":[],"mappings":""}

package/dist/editor/helpers/validate-composition-name.d.ts

@@ -0,0 +1,3 @@
+import { TComposition } from 'remotion';
+export declare const validateCompositionName: (compName: string, compositions: TComposition<unknown>[]) => string | null;
+//# sourceMappingURL=validate-composition-name.d.ts.map

package/dist/editor/helpers/validate-composition-name.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-composition-name.d.ts","sourceRoot":"","sources":["../../../src/editor/helpers/validate-composition-name.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,YAAY,EAAC,MAAM,UAAU,CAAC;AAEjD,eAAO,MAAM,uBAAuB,aACzB,MAAM,gBACF,aAAa,OAAO,CAAC,EAAE,KACnC,MAAM,GAAG,IAUX,CAAC"}

package/dist/editor/helpers/validate-composition-name.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateCompositionName = void 0;
+const remotion_1 = require("remotion");
+const validateCompositionName = (compName, compositions) => {
+    if (!remotion_1.Internals.isCompositionIdValid(compName)) {
+        return remotion_1.Internals.invalidCompositionErrorMessage;
+    }
+    if (compositions.find((c) => c.id === compName)) {
+        return `A composition with that name already exists.`;
+    }
+    return null;
+};
+exports.validateCompositionName = validateCompositionName;
+//# sourceMappingURL=validate-composition-name.js.map

package/dist/editor/helpers/validate-composition-name.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-composition-name.js","sourceRoot":"","sources":["../../../src/editor/helpers/validate-composition-name.ts"],"names":[],"mappings":";;;AAAA,uCAAiD;AAE1C,MAAM,uBAAuB,GAAG,CACtC,QAAgB,EAChB,YAAqC,EACrB,EAAE;IAClB,IAAI,CAAC,oBAAS,CAAC,oBAAoB,CAAC,QAAQ,CAAC,EAAE;QAC9C,OAAO,oBAAS,CAAC,8BAA8B,CAAC;KAChD;IAED,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,EAAE;QAChD,OAAO,8CAA8C,CAAC;KACtD;IAED,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAbW,QAAA,uBAAuB,2BAalC"}

package/dist/editor/hooks/get-el-size.d.ts

@@ -0,0 +1,8 @@
+export declare type Size = {
+    width: number;
+    height: number;
+    left: number;
+    top: number;
+};
+export declare const useElementSize: (ref: React.RefObject<HTMLDivElement>) => Size | null;
+//# sourceMappingURL=get-el-size.d.ts.map

package/dist/editor/hooks/get-el-size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-el-size.d.ts","sourceRoot":"","sources":["../../../src/editor/hooks/get-el-size.ts"],"names":[],"mappings":"AAEA,oBAAY,IAAI,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,cAAc,QACrB,MAAM,SAAS,CAAC,cAAc,CAAC,KAClC,IAAI,GAAG,IA2CT,CAAC"}