@remotion/cli 4.0.0-4x.2 → 4.0.0-alpha.4

package/dist/editor/components/CompositionSelectorItem.js

@@ -22,6 +22,8 @@ const itemStyle = {
     appearance: 'none',
     border: 'none',
     width: '100%',
+    textAlign: 'left',
+    backgroundColor: colors_1.BACKGROUND,
 };
 const iconStyle = {
     width: 18,
@@ -58,7 +60,7 @@ const CompositionSelectorItem = ({ item, level, currentComposition, tabIndex, se
     const onClick = (0, react_1.useCallback)((evt) => {
         evt.preventDefault();
         if (item.type === 'composition') {
-            selectComposition(item.composition);
+            selectComposition(item.composition, true);
         }
         else {
             toggleFolder(item.folderName, item.parentName);

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompositionSelectorItem.js","sourceRoot":"","sources":["../../../src/editor/components/CompositionSelectorItem.tsx"],"names":[],"mappings":";;;;AAAA,iCAA+E;AAE/E,8CAA+E;AAC/E,0EAAmE;AACnE,wCAAuC;AACvC,0CAAyC;AACzC,qCAAiC;AAEjC,MAAM,IAAI,GAAwB;IACjC,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;IACf,UAAU,EAAE,CAAC;IACb,aAAa,EAAE,CAAC;IAChB,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,MAAM;IACtB,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,QAAQ;IACpB,YAAY,EAAE,CAAC;CACf,CAAC;AAEF,MAAM,SAAS,GAAwB;IACtC,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACV,CAAC;AAEK,MAAM,uBAAuB,GAK/B,CAAC,EAAC,WAAW,EAAE,kBAAkB,EAAE,QAAQ,EAAE,iBAAiB,EAAC,EAAE,EAAE;IACvE,MAAM,QAAQ,GAAG,kBAAkB,KAAK,WAAW,CAAC,EAAE,CAAC;IACvD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,cAAc,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACvC,UAAU,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACvC,UAAU,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAwB,IAAA,eAAO,EAAC,GAAG,EAAE;QAC/C,OAAO;YACN,GAAG,IAAI;YACP,eAAe,EAAE,OAAO;gBACvB,CAAC,CAAC,QAAQ;oBACT,CAAC,CAAC,4BAAmB;oBACrB,CAAC,CAAC,oBAAW;gBACd,CAAC,CAAC,QAAQ;oBACV,CAAC,CAAC,4BAAmB;oBACrB,CAAC,CAAC,aAAa;YAChB,KAAK,EAAE,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,mBAAU;SACjD,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,MAAM,OAAO,GAAsB,IAAA,mBAAW,EAC7C,CAAC,GAAG,EAAE,EAAE;QACP,GAAG,CAAC,cAAc,EAAE,CAAC;QACrB,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAChC,CAAC,EACD,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAChC,CAAC;IAEF,OAAO,CACN,+BACC,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,WAAW,CAAC,EAAE,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,aAEf,IAAA,yCAAkB,EAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAClC,uBAAC,iBAAS,IAAC,KAAK,EAAE,SAAS,WAAI,CAC/B,CAAC,CAAC,CAAC,CACH,uBAAC,eAAQ,IAAC,KAAK,EAAE,SAAS,WAAI,CAC9B,EACD,uBAAC,gBAAO,IAAC,CAAC,EAAE,CAAC,WAAI,EAChB,WAAW,CAAC,EAAE,YACZ,CACJ,CAAC;AACH,CAAC,CAAC;AAxDW,QAAA,uBAAuB,2BAwDlC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ControlButton.d.ts","sourceRoot":"","sources":["../../../src/editor/components/ControlButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAGrC,eAAO,MAAM,sBAAsB,IAAI,CAAC;AAExC,eAAO,MAAM,aAAa,UAClB,MAAM,iBAAiB,CAC7B,MAAM,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,iBAAiB,CACjB,GAAG;IACH,KAAK,EAAE,MAAM,CAAC;CACd,gBAgBD,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ControlButton.js","sourceRoot":"","sources":["../../../src/editor/components/ControlButton.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqC;AACrC,8CAA2C;AAE9B,QAAA,sBAAsB,GAAG,CAAC,CAAC;AAEjC,MAAM,aAAa,GAAG,CAC5B,KAKC,EACA,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAwB,EAAE;QAC/C,OAAO;YACN,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YACjC,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,MAAM;YAClB,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,8BAAsB;SAC/B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAErB,MAAM,EAAC,QAAQ,EAAC,GAAG,IAAA,mBAAS,GAAE,CAAC;IAC/B,OAAO,CACN,mCAAQ,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,KAAM,KAAK,EAAE,KAAK,EAAE,KAAK,WAAI,CACvE,CAAC;AACH,CAAC,CAAC;AAtBW,QAAA,aAAa,iBAsBxB"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../src/editor/components/CopyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAqD9D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;CACxB,CA0BA,CAAC"}

package/dist/editor/components/CopyButton.js

@@ -32,7 +32,7 @@ const labelStyle = {
 const CopyButton = ({ textToCopy, label, labelWhenCopied }) => {
     const [copied, setCopied] = (0, react_1.useState)(false);
     const onClick = (0, react_1.useCallback)(() => {
-        (0, copy_text_1.copyCmd)(textToCopy);
+        (0, copy_text_1.copyText)(textToCopy);
         setCopied(Date.now());
     }, [textToCopy]);
     (0, react_1.useEffect)(() => {

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

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../../src/editor/components/CopyButton.tsx"],"names":[],"mappings":";;;;AAAA,iCAA8D;AAC9D,8CAG2B;AAC3B,oDAA6C;AAC7C,qCAAsC;AAEtC,MAAM,SAAS,GAAwB;IACtC,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,OAAO;CACd,CAAC;AAEF,MAAM,QAAQ,GAAG,CAChB,+CACa,MAAM,EAClB,SAAS,EAAC,OAAO,iBACL,KAAK,eACP,WAAW,EACrB,SAAS,EAAC,qCAAqC,EAC/C,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,SAAS,YAEhB,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,qWAAqW,WACtW,WACG,CACN,CAAC;AAEF,MAAM,SAAS,GAAwB;IACtC,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,EAAE;CACZ,CAAC;AAEF,MAAM,MAAM,GAAwB;IACnC,MAAM,EAAE,aAAa,qCAA4B,EAAE;IACnD,YAAY,EAAE,CAAC;IACf,eAAe,EAAE,yBAAgB;IACjC,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,EAAE;IACZ,KAAK,EAAE,OAAO;CACd,CAAC;AAEF,MAAM,UAAU,GAAwB;IACvC,QAAQ,EAAE,EAAE;CACZ,CAAC;AAEK,MAAM,UAAU,GAIlB,CAAC,EAAC,UAAU,EAAE,KAAK,EAAE,eAAe,EAAC,EAAE,EAAE;IAC7C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAiB,KAAK,CAAC,CAAC;IAE5D,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAChC,IAAA,mBAAO,EAAC,UAAU,CAAC,CAAC;QACpB,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,CAAC,MAAM,EAAE;YACZ,OAAO;SACP;QAED,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACN,mCAAQ,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAC,QAAQ,YACrD,wBAAC,YAAG,IAAC,KAAK,EAAE,SAAS,aACnB,QAAQ,EACT,uBAAC,gBAAO,IAAC,CAAC,EAAE,GAAG,WAAI,EAAC,GAAG,EACvB,iCAAM,KAAK,EAAE,UAAU,YAAG,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,WAAQ,YAC7D,WACE,CACT,CAAC;AACH,CAAC,CAAC;AA9BW,QAAA,UAAU,cA8BrB"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"CurrentComposition.d.ts","sourceRoot":"","sources":["../../../src/editor/components/CurrentComposition.tsx"],"names":[],"mappings":";AAuCA,eAAO,MAAM,kBAAkB,mBAiD9B,CAAC"}

package/dist/editor/components/CurrentComposition.js

@@ -4,6 +4,7 @@ exports.CurrentComposition = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const remotion_1 = require("remotion");
+const colors_1 = require("../helpers/colors");
 const is_composition_still_1 = require("../helpers/is-composition-still");
 const render_frame_1 = require("../state/render-frame");
 const rich_timeline_1 = require("../state/rich-timeline");
@@ -15,23 +16,27 @@ const container = {
     borderBottom: '1px solid black',
     padding: 16,
     color: 'white',
+    backgroundColor: colors_1.BACKGROUND,
 };
 const title = {
     fontWeight: 'bold',
     fontSize: 12,
     whiteSpace: 'nowrap',
     lineHeight: '18px',
+    backgroundColor: colors_1.BACKGROUND,
 };
 const subtitle = {
     fontSize: 12,
     opacity: 0.8,
     whiteSpace: 'nowrap',
     lineHeight: '18px',
+    backgroundColor: colors_1.BACKGROUND,
 };
 const row = {
     display: 'flex',
     flexDirection: 'row',
     lineHeight: '18px',
+    backgroundColor: colors_1.BACKGROUND,
 };
 const targetHeight = 60;
 const targetWidth = (targetHeight * 16) / 9;

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

@@ -0,0 +1 @@
+{"version":3,"file":"CurrentComposition.js","sourceRoot":"","sources":["../../../src/editor/components/CurrentComposition.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmD;AACnD,uCAAmC;AACnC,0EAAmE;AACnE,wDAAkD;AAClD,0DAA2D;AAC3D,qCAAiC;AACjC,2CAAsC;AAEtC,MAAM,SAAS,GAAwB;IACtC,SAAS,EAAE,GAAG;IACd,OAAO,EAAE,OAAO;IAChB,YAAY,EAAE,iBAAiB;IAC/B,OAAO,EAAE,EAAE;IACX,KAAK,EAAE,OAAO;CACd,CAAC;AAEF,MAAM,KAAK,GAAwB;IAClC,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,QAAQ;IACpB,UAAU,EAAE,MAAM;CAClB,CAAC;AAEF,MAAM,QAAQ,GAAwB;IACrC,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,GAAG;IACZ,UAAU,EAAE,QAAQ;IACpB,UAAU,EAAE,MAAM;CAClB,CAAC;AAEF,MAAM,GAAG,GAAwB;IAChC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,MAAM;CAClB,CAAC;AAEF,MAAM,YAAY,GAAG,EAAE,CAAC;AACxB,MAAM,WAAW,GAAG,CAAC,YAAY,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;AAErC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACtC,MAAM,mBAAmB,GAAG,IAAA,kBAAU,EAAC,mCAAmB,CAAC,CAAC;IAC5D,MAAM,KAAK,GAAG,oBAAS,CAAC,QAAQ,EAAE,CAAC;IAEnC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,CAAC,KAAK,EAAE;YACX,QAAQ,CAAC,KAAK,GAAG,kBAAkB,CAAC;YACpC,OAAO;SACP;QAED,QAAQ,CAAC,KAAK,GAAG,GAAG,KAAK,CAAC,EAAE,MAAM,MAAM,CAAC,oBAAoB,qBAAqB,CAAC;IACpF,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAI,CAAC,KAAK,EAAE;QACX,OAAO,gCAAK,KAAK,EAAE,SAAS,WAAI,CAAC;KACjC;IAED,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC;IAC9D,OAAO,CACN,gCAAK,KAAK,EAAE,SAAS,YACpB,iCAAK,KAAK,EAAE,GAAG,aACb,mBAAmB,CAAC,YAAY,CAAC,CAAC,CAAC,CACnC,6DACC,uBAAC,qBAAS,IACT,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,WAC7B,EACF,uBAAC,gBAAO,IAAC,CAAC,EAAE,CAAC,WAAI,YACf,CACH,CAAC,CAAC,CAAC,IAAI,EACR,4CACC,gCAAK,KAAK,EAAE,KAAK,YAAG,KAAK,CAAC,EAAE,WAAO,EACnC,iCAAK,KAAK,EAAE,QAAQ,aAClB,KAAK,CAAC,KAAK,OAAG,KAAK,CAAC,MAAM,EAC1B,IAAA,yCAAkB,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,GAAG,MAAM,YACnD,EACL,IAAA,yCAAkB,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAC5B,gCAAK,KAAK,EAAE,QAAQ,8BAAa,CACjC,CAAC,CAAC,CAAC,CACH,iCAAK,KAAK,EAAE,QAAQ,0BACT,IAAA,0BAAW,EAAC,KAAK,CAAC,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,YACnD,CACN,YACI,YACD,WACD,CACN,CAAC;AACH,CAAC,CAAC;AAjDW,QAAA,kBAAkB,sBAiD7B"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../../../src/editor/components/Editor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAgD5D,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAiK1B,CAAC"}

package/dist/editor/components/Editor.js

@@ -13,6 +13,7 @@ const noop_1 = require("../helpers/noop");
 const checkerboard_1 = require("../state/checkerboard");
 const folders_1 = require("../state/folders");
 const highest_z_index_1 = require("../state/highest-z-index");
+const in_out_1 = require("../state/in-out");
 const keybindings_1 = require("../state/keybindings");
 const modals_1 = require("../state/modals");
 const mute_1 = require("../state/mute");
@@ -26,6 +27,7 @@ const GlobalKeybindings_1 = require("./GlobalKeybindings");
 const KeyboardShortcutsModal_1 = require("./KeyboardShortcutsModal");
 const NewComposition_1 = __importDefault(require("./NewComposition/NewComposition"));
 const NoRegisterRoot_1 = require("./NoRegisterRoot");
+const NotificationCenter_1 = require("./Notifications/NotificationCenter");
 const UpdateModal_1 = require("./UpdateModal/UpdateModal");
 const background = {
     backgroundColor: colors_1.BACKGROUND,
@@ -129,7 +131,7 @@ const Editor = () => {
         });
         return () => cleanup();
     }, [Root, waitForRoot]);
-    return ((0, jsx_runtime_1.jsx)(keybindings_1.KeybindingContextProvider, { children: (0, jsx_runtime_1.jsx)(rich_timeline_1.RichTimelineContext.Provider, { value: richTimelineCtx, children: (0, jsx_runtime_1.jsx)(checkerboard_1.CheckerboardContext.Provider, { value: checkerboardCtx, children: (0, jsx_runtime_1.jsx)(preview_size_1.PreviewSizeContext.Provider, { value: previewSizeCtx, children: (0, jsx_runtime_1.jsx)(modals_1.ModalsContext.Provider, { value: modalsContext, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.TimelineInOutContext.Provider, { value: timelineInOutContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.SetTimelineInOutContext.Provider, { value: setTimelineInOutContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.MediaVolumeContext.Provider, { value: mediaVolumeContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.SetMediaVolumeContext.Provider, { value: setMediaVolumeContextValue, children: (0, jsx_runtime_1.jsx)(player_1.PlayerInternals.PlayerEventEmitterContext.Provider, { value: emitter, children: (0, jsx_runtime_1.jsx)(sidebar_1.SidebarContextProvider, { children: (0, jsx_runtime_1.jsx)(folders_1.FolderContextProvider, { children: (0, jsx_runtime_1.jsx)(highest_z_index_1.HighestZIndexProvider, { children: (0, jsx_runtime_1.jsxs)(z_index_1.HigherZIndex, { onEscape: noop_1.noop, onOutsideClick: noop_1.noop, children: [(0, jsx_runtime_1.jsxs)("div", { style: background, children: [Root === null ? null : (0, jsx_runtime_1.jsx)(Root, {}), (0, jsx_runtime_1.jsx)(FramePersistor_1.FramePersistor, {}), Root === null ? ((0, jsx_runtime_1.jsx)(NoRegisterRoot_1.NoRegisterRoot, {})) : ((0, jsx_runtime_1.jsx)(EditorContent_1.EditorContent, {})), (0, jsx_runtime_1.jsx)(GlobalKeybindings_1.GlobalKeybindings, {})] }), modalContextType &&
+    return ((0, jsx_runtime_1.jsx)(keybindings_1.KeybindingContextProvider, { children: (0, jsx_runtime_1.jsx)(rich_timeline_1.RichTimelineContext.Provider, { value: richTimelineCtx, children: (0, jsx_runtime_1.jsx)(checkerboard_1.CheckerboardContext.Provider, { value: checkerboardCtx, children: (0, jsx_runtime_1.jsx)(preview_size_1.PreviewSizeContext.Provider, { value: previewSizeCtx, children: (0, jsx_runtime_1.jsx)(modals_1.ModalsContext.Provider, { value: modalsContext, children: (0, jsx_runtime_1.jsx)(in_out_1.TimelineInOutContext.Provider, { value: timelineInOutContextValue, children: (0, jsx_runtime_1.jsx)(in_out_1.SetTimelineInOutContext.Provider, { value: setTimelineInOutContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.MediaVolumeContext.Provider, { value: mediaVolumeContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.SetMediaVolumeContext.Provider, { value: setMediaVolumeContextValue, children: (0, jsx_runtime_1.jsx)(player_1.PlayerInternals.PlayerEventEmitterContext.Provider, { value: emitter, children: (0, jsx_runtime_1.jsx)(sidebar_1.SidebarContextProvider, { children: (0, jsx_runtime_1.jsx)(folders_1.FolderContextProvider, { children: (0, jsx_runtime_1.jsx)(highest_z_index_1.HighestZIndexProvider, { children: (0, jsx_runtime_1.jsxs)(z_index_1.HigherZIndex, { onEscape: noop_1.noop, onOutsideClick: noop_1.noop, children: [(0, jsx_runtime_1.jsxs)("div", { style: background, children: [Root === null ? null : (0, jsx_runtime_1.jsx)(Root, {}), (0, jsx_runtime_1.jsxs)(remotion_1.Internals.CanUseRemotionHooksProvider, { children: [(0, jsx_runtime_1.jsx)(FramePersistor_1.FramePersistor, {}), Root === null ? ((0, jsx_runtime_1.jsx)(NoRegisterRoot_1.NoRegisterRoot, {})) : ((0, jsx_runtime_1.jsx)(EditorContent_1.EditorContent, {})), (0, jsx_runtime_1.jsx)(GlobalKeybindings_1.GlobalKeybindings, {})] })] }), (0, jsx_runtime_1.jsx)(NotificationCenter_1.NotificationCenter, {}), modalContextType &&
                                                                     modalContextType.type === 'new-comp' && ((0, jsx_runtime_1.jsx)(NewComposition_1.default, { initialCompType: modalContextType.compType })), modalContextType &&
                                                                     modalContextType.type === 'update' && ((0, jsx_runtime_1.jsx)(UpdateModal_1.UpdateModal, { info: modalContextType.info })), modalContextType &&
                                                                     modalContextType.type === 'shortcuts' && ((0, jsx_runtime_1.jsx)(KeyboardShortcutsModal_1.KeyboardShortcuts, {}))] }) }) }) }) }) }) }) }) }) }) }) }) }) }));

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorContent.js","sourceRoot":"","sources":["../../../src/editor/components/EditorContent.tsx"],"names":[],"mappings":";;;;AACA,oFAAgE;AAChE,oEAA+D;AAC/D,gEAA2D;AAC3D,8DAAyD;AACzD,kDAA6C;AAC7C,yCAAoC;AAE7B,MAAM,aAAa,GAAa,GAAG,EAAE;IAC3C,MAAM,OAAO,GAAG,IAAA,sCAAU,GAAE,CAAC;IAE7B,IAAI,OAAO,EAAE;QACZ,OAAO,uBAAC,mBAAQ,aAAG,CAAC;KACpB;IAED,OAAO,CACN,wBAAC,qCAAiB,IACjB,WAAW,EAAC,YAAY,EACxB,EAAE,EAAC,eAAe,EAClB,OAAO,EAAE,GAAG,EACZ,OAAO,EAAE,GAAG,EACZ,WAAW,EAAE,IAAI,aAEjB,uBAAC,iCAAe,IAAC,IAAI,EAAC,QAAQ,YAC7B,uBAAC,mBAAQ,aAAG,WACK,EAClB,uBAAC,+BAAc,aAAG,EAClB,uBAAC,iCAAe,IAAC,IAAI,EAAC,aAAa,YAClC,uBAAC,mBAAQ,aAAG,WACK,YACC,CACpB,CAAC;AACH,CAAC,CAAC;AAxBW,QAAA,aAAa,iBAwBxB"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"FpsCounter.d.ts","sourceRoot":"","sources":["../../../src/editor/components/FpsCounter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAkBf,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,aAAa,EAAE,MAAM,CAAC;CACtB,CA2EA,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FramePersistor.d.ts","sourceRoot":"","sources":["../../../src/editor/components/FramePersistor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,eAAO,MAAM,4BAA4B,cAExC,CAAC;AAMF,eAAO,MAAM,mBAAmB,UAAW,MAAM,SAOhD,CAAC;AAEF,eAAO,MAAM,sBAAsB,gBAAiB,MAAM,WAGzD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAkBlC,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"FramePersistor.js","sourceRoot":"","sources":["../../../src/editor/components/FramePersistor.tsx"],"names":[],"mappings":";;;AAAA,iCAAmD;AACnD,uCAAmC;AAE5B,MAAM,4BAA4B,GAAG,GAAG,EAAE;IAChD,OAAO,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AAC3C,CAAC,CAAC;AAFW,QAAA,4BAA4B,gCAEvC;AAEF,MAAM,OAAO,GAAG,CAAC,WAAmB,EAAE,EAAE;IACvC,OAAO,iBAAiB,WAAW,EAAE,CAAC;AACvC,CAAC,CAAC;AAEK,MAAM,mBAAmB,GAAG,CAAC,KAAa,EAAE,EAAE;IACpD,MAAM,kBAAkB,GAAG,IAAA,oCAA4B,GAAE,CAAC;IAC1D,IAAI,CAAC,kBAAkB,EAAE;QACxB,OAAO;KACP;IAED,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAClE,CAAC,CAAC;AAPW,QAAA,mBAAmB,uBAO9B;AAEK,MAAM,sBAAsB,GAAG,CAAC,WAAmB,EAAE,EAAE;IAC7D,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;IACzD,OAAO,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClC,CAAC,CAAC;AAHW,QAAA,sBAAsB,0BAGjC;AAEK,MAAM,cAAc,GAAa,GAAG,EAAE;IAC5C,MAAM,CAAC,OAAO,CAAC,GAAG,oBAAS,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC;IACvD,MAAM,KAAK,GAAG,oBAAS,CAAC,QAAQ,CAAC,mBAAmB,EAAE,CAAC;IAEvD,MAAM,EAAC,kBAAkB,EAAC,GAAG,IAAA,kBAAU,EAAC,oBAAS,CAAC,kBAAkB,CAAC,CAAC;IACtE,MAAM,QAAQ,GAAG,kBAAkB,KAAK,IAAA,oCAA4B,GAAE,CAAC;IAEvE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,CAAC,QAAQ,EAAE;YACd,OAAO;SACP;QAED,IAAI,CAAC,OAAO,EAAE;YACb,IAAA,2BAAmB,EAAC,KAAK,CAAC,CAAC;SAC3B;IACF,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/B,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAlBW,QAAA,cAAc,kBAkBzB"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalKeybindings.d.ts","sourceRoot":"","sources":["../../../src/editor/components/GlobalKeybindings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EA8BrC,CAAC"}

package/dist/editor/components/GlobalKeybindings.js

@@ -10,19 +10,34 @@ const GlobalKeybindings = () => {
     const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
     const { setCheckerboard } = (0, react_1.useContext)(checkerboard_1.CheckerboardContext);
     (0, react_1.useEffect)(() => {
-        const nKey = keybindings.registerKeybinding('keypress', 'n', () => {
-            setSelectedModal({
-                type: 'new-comp',
-                compType: 'composition',
-            });
+        const nKey = keybindings.registerKeybinding({
+            event: 'keypress',
+            key: 'n',
+            callback: () => {
+                setSelectedModal({
+                    type: 'new-comp',
+                    compType: 'composition',
+                });
+            },
+            commandCtrlKey: false,
         });
-        const cKey = keybindings.registerKeybinding('keypress', 't', () => {
-            setCheckerboard((c) => !c);
+        const cKey = keybindings.registerKeybinding({
+            event: 'keypress',
+            key: 't',
+            callback: () => {
+                setCheckerboard((c) => !c);
+            },
+            commandCtrlKey: true,
         });
-        const questionMark = keybindings.registerKeybinding('keypress', '?', () => {
-            setSelectedModal({
-                type: 'shortcuts',
-            });
+        const questionMark = keybindings.registerKeybinding({
+            event: 'keypress',
+            key: '?',
+            callback: () => {
+                setSelectedModal({
+                    type: 'shortcuts',
+                });
+            },
+            commandCtrlKey: false,
         });
         return () => {
             nKey.unregister();

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

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalKeybindings.js","sourceRoot":"","sources":["../../../src/editor/components/GlobalKeybindings.tsx"],"names":[],"mappings":";;;AAAA,iCAAmD;AACnD,8DAAwD;AACxD,wDAA0D;AAC1D,4CAA8C;AAEvC,MAAM,iBAAiB,GAAa,GAAG,EAAE;IAC/C,MAAM,WAAW,GAAG,IAAA,8BAAa,GAAE,CAAC;IACpC,MAAM,EAAC,gBAAgB,EAAC,GAAG,IAAA,kBAAU,EAAC,sBAAa,CAAC,CAAC;IACrD,MAAM,EAAC,eAAe,EAAC,GAAG,IAAA,kBAAU,EAAC,kCAAmB,CAAC,CAAC;IAE1D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,MAAM,IAAI,GAAG,WAAW,CAAC,kBAAkB,CAAC,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE;YACjE,gBAAgB,CAAC;gBAChB,IAAI,EAAE,UAAU;gBAChB,QAAQ,EAAE,aAAa;aACvB,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,MAAM,IAAI,GAAG,WAAW,CAAC,kBAAkB,CAAC,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE;YACjE,eAAe,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5B,CAAC,CAAC,CAAC;QACH,MAAM,YAAY,GAAG,WAAW,CAAC,kBAAkB,CAAC,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE;YACzE,gBAAgB,CAAC;gBAChB,IAAI,EAAE,WAAW;aACjB,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACX,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,YAAY,CAAC,UAAU,EAAE,CAAC;QAC3B,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,eAAe,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAErD,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AA9BW,QAAA,iBAAiB,qBA8B5B"}

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

@@ -1,4 +1,4 @@
 import type React from 'react';
 import type { TComposition } from 'remotion';
-export declare const useSelectComposition: () => (c: TComposition) => void;
+export declare const useSelectComposition: () => (c: TComposition, push: boolean) => void;
 export declare const InitialCompositionLoader: React.FC;

package/dist/editor/components/InitialCompositionLoader.js

@@ -12,10 +12,12 @@ const useSelectComposition = () => {
     const setCurrentFrame = remotion_1.Internals.Timeline.useTimelineSetFrame();
     const { setCurrentComposition } = (0, react_1.useContext)(remotion_1.Internals.CompositionManager);
     const { setFoldersExpanded } = (0, react_1.useContext)(folders_1.FolderContext);
-    return (c) => {
+    return (c, push) => {
         var _a;
         (_a = TimelineInOutToggle_1.inOutHandles.current) === null || _a === void 0 ? void 0 : _a.setMarks((0, marks_1.loadMarks)(c.id, c.durationInFrames));
-        window.history.pushState({}, 'Preview', `/${c.id}`);
+        if (push) {
+            window.history.pushState({}, 'Preview', `/${c.id}`);
+        }
         const frame = (0, FramePersistor_1.getFrameForComposition)(c.id);
         const frameInBounds = Math.min(c.durationInFrames - 1, frame);
         setCurrentFrame(frameInBounds);
@@ -47,14 +49,25 @@ const InitialCompositionLoader = () => {
         if (compositionFromUrl) {
             const exists = compositions.find((c) => c.id === compositionFromUrl);
             if (exists) {
-                selectComposition(exists);
+                selectComposition(exists, true);
                 return;
             }
         }
         if (compositions.length > 0) {
-            selectComposition(compositions[0]);
+            selectComposition(compositions[0], true);
         }
     }, [compositions, currentComposition, selectComposition]);
+    (0, react_1.useEffect)(() => {
+        const onchange = () => {
+            const newComp = window.location.pathname.substring(1);
+            const exists = compositions.find((c) => c.id === newComp);
+            if (exists) {
+                selectComposition(exists, false);
+            }
+        };
+        window.addEventListener('popstate', onchange);
+        return () => window.removeEventListener('popstate', onchange);
+    }, [compositions, selectComposition]);
     return null;
 };
 exports.InitialCompositionLoader = InitialCompositionLoader;

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

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardShortcutsModal.d.ts","sourceRoot":"","sources":["../../../src/editor/components/KeyboardShortcutsModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAgDrD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EA+HrC,CAAC"}

package/dist/editor/components/KeyboardShortcutsModal.js

@@ -48,6 +48,6 @@ const KeyboardShortcuts = () => {
     const onQuit = (0, react_1.useCallback)(() => {
         setSelectedModal(null);
     }, [setSelectedModal]);
-    return ((0, jsx_runtime_1.jsxs)(ModalContainer_1.ModalContainer, { onEscape: onQuit, onOutsideClick: onQuit, children: [(0, jsx_runtime_1.jsx)(ModalHeader_1.NewCompHeader, { title: "Keyboard shortcuts" }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { style: container, children: [(0, jsx_runtime_1.jsxs)(layout_1.Column, { children: [(0, jsx_runtime_1.jsx)("div", { style: title, children: "Playback" }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsxs)("div", { style: left, children: [(0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ShiftIcon, {}) }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.3 }), (0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ArrowLeft, {}) })] }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "1 second back" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ArrowLeft, {}) }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Previous frame" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "Space" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Play / Pause" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ArrowRight, {}) }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Next frame" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsxs)("div", { style: left, children: [(0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ShiftIcon, {}) }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.3 }), (0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ArrowRight, {}) })] }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "1 second forward" })] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "A" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Jump to beginning" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "E" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Jump to end" })] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "J" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Reverse playback" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "K" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Pause" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "L" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Play / Speed up" })] })] }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 8 }), (0, jsx_runtime_1.jsxs)(layout_1.Column, { children: [(0, jsx_runtime_1.jsx)("div", { style: title, children: "Navigation" }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "N" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "New composition" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "T" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Toggle checkerboard transparency" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "?" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Show keyboard shortcuts" })] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("div", { style: title, children: "Playback range" }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "I" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Set In Point" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "O" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Set Out Point" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "X" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Clear In/Out Points" })] })] })] })] }));
+    return ((0, jsx_runtime_1.jsxs)(ModalContainer_1.ModalContainer, { onEscape: onQuit, onOutsideClick: onQuit, children: [(0, jsx_runtime_1.jsx)(ModalHeader_1.NewCompHeader, { title: "Keyboard shortcuts" }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { style: container, children: [(0, jsx_runtime_1.jsxs)(layout_1.Column, { children: [(0, jsx_runtime_1.jsx)("div", { style: title, children: "Playback" }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsxs)("div", { style: left, children: [(0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ShiftIcon, {}) }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.3 }), (0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ArrowLeft, {}) })] }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "1 second back" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ArrowLeft, {}) }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Previous frame" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "Space" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Play / Pause" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ArrowRight, {}) }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Next frame" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsxs)("div", { style: left, children: [(0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ShiftIcon, {}) }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.3 }), (0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ArrowRight, {}) })] }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "1 second forward" })] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "A" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Jump to beginning" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "E" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Jump to end" })] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "J" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Reverse playback" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "K" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Pause" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "L" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Play / Speed up" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "Enter" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Pause & return to playback start" })] })] }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 8 }), (0, jsx_runtime_1.jsxs)(layout_1.Column, { children: [(0, jsx_runtime_1.jsx)("div", { style: title, children: "Navigation" }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "N" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "New composition" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "T" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Toggle checkerboard transparency" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "?" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Show keyboard shortcuts" })] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("div", { style: title, children: "Playback range" }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "I" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Set In Point" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "O" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Set Out Point" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "X" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Clear In/Out Points" })] })] })] })] }));
 };
 exports.KeyboardShortcuts = KeyboardShortcuts;

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../../src/editor/components/LoadingIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAkC3B,CAAC"}

package/dist/editor/components/LoadingIndicator.js

@@ -30,6 +30,7 @@ const Loading = () => {
 					animation: anim 2s;
 					animation-fill-mode: forwards;
 				}
-			` }), (0, jsx_runtime_1.jsx)("svg", { width: ICON_SIZE, height: ICON_SIZE, viewBox: "-100 -100 400 400", style: rotate, children: (0, jsx_runtime_1.jsx)("path", { fill: "#555", stroke: "#555", strokeWidth: "100", strokeLinejoin: "round", d: "M 2 172 a 196 100 0 0 0 195 5 A 196 240 0 0 0 100 2.259 A 196 240 0 0 0 2 172 z" }) }), (0, jsx_runtime_1.jsx)("p", { style: label, children: "Loading..." })] }));
+			` }, void 0), (0, jsx_runtime_1.jsx)("svg", { width: ICON_SIZE, height: ICON_SIZE, viewBox: "-100 -100 400 400", style: rotate, children: (0, jsx_runtime_1.jsx)("path", { fill: "#555", stroke: "#555", strokeWidth: "100", strokeLinejoin: "round", d: "M 2 172 a 196 100 0 0 0 195 5 A 196 240 0 0 0 100 2.259 A 196 240 0 0 0 2 172 z" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("p", { style: label, children: "Loading..." }, void 0)] }, void 0));
 };
 exports.Loading = Loading;
+//# sourceMappingURL=LoadingIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIndicator.js","sourceRoot":"","sources":["../../../src/editor/components/LoadingIndicator.tsx"],"names":[],"mappings":";;;;AACA,uCAAsC;AAEtC,MAAM,MAAM,GAAwB;IACnC,SAAS,EAAE,eAAe;CAC1B,CAAC;AACF,MAAM,SAAS,GAAG,EAAE,CAAC;AAErB,MAAM,KAAK,GAAwB;IAClC,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,YAAY;CACxB,CAAC;AAEF,MAAM,SAAS,GAAwB;IACtC,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;CACpB,CAAC;AAEK,MAAM,OAAO,GAAa,GAAG,EAAE;IACrC,OAAO,CACN,wBAAC,uBAAY,IAAC,KAAK,EAAE,SAAS,EAAE,EAAE,EAAC,uBAAuB,aACzD,kCAAO,IAAI,EAAC,UAAU,YAAE;;;;;;;;;;;;;IAavB,WAAS,EACV,gCACC,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,SAAS,EACjB,OAAO,EAAC,mBAAmB,EAC3B,KAAK,EAAE,MAAM,YAEb,iCACC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,MAAM,EACb,WAAW,EAAC,KAAK,EACjB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,iFAAiF,WAClF,WACG,EACN,8BAAG,KAAK,EAAE,KAAK,mCAAgB,YACjB,CACf,CAAC;AACH,CAAC,CAAC;AAlCW,QAAA,OAAO,WAkClB"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoopToggle.d.ts","sourceRoot":"","sources":["../../../src/editor/components/LoopToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAOzC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CACvD,CA4BA,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoopToggle.js","sourceRoot":"","sources":["../../../src/editor/components/LoopToggle.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AACzC,oFAAgE;AAChE,wCAAgD;AAChD,mDAA8C;AAE9C,MAAM,kBAAkB,GAAG,YAAY,CAAC;AAEjC,MAAM,UAAU,GAGlB,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,EAAE,EAAE;IACxB,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAChC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YACb,IAAA,wBAAiB,EAAC,CAAC,CAAC,CAAC,CAAC;YACtB,OAAO,CAAC,CAAC,CAAC;QACX,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,OAAO,GAAG,IAAA,sCAAU,GAAE,CAAC;IAE7B,IAAI,OAAO,EAAE;QACZ,OAAO,IAAI,CAAC;KACZ;IAED,OAAO,CACN,uBAAC,6BAAa,IACb,KAAK,EAAE,kBAAkB,gBACb,kBAAkB,EAC9B,OAAO,EAAE,OAAO,YAEhB,gCAAK,OAAO,EAAC,aAAa,EAAC,KAAK,EAAE,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAC,YACxD,iCACC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,EACpC,CAAC,EAAC,00BAA00B,WAC30B,WACG,WACS,CAChB,CAAC;AACH,CAAC,CAAC;AA/BW,QAAA,UAAU,cA+BrB"}

package/dist/editor/components/Menu/MenuDivider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Menu/MenuDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAE/B,CAAC"}

package/dist/editor/components/Menu/MenuDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.js","sourceRoot":"","sources":["../../../../src/editor/components/Menu/MenuDivider.tsx"],"names":[],"mappings":";;;;AACA,iDAAgE;AAEhE,MAAM,WAAW,GAAwB;IACxC,SAAS,EAAE,CAAC;IACZ,YAAY,EAAE,CAAC;IACf,MAAM,EAAE,CAAC;IACT,eAAe,EAAE,mCAA0B;CAC3C,CAAC;AAEK,MAAM,WAAW,GAAa,GAAG,EAAE;IACzC,OAAO,gCAAK,KAAK,EAAE,WAAW,WAAI,CAAC;AACpC,CAAC,CAAC;AAFW,QAAA,WAAW,eAEtB"}

package/dist/editor/components/Menu/MenuItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ComboboxValue } from '../NewComposition/ComboBox';
-export declare type MenuId = 'remotion' | 'file' | 'view' | 'help';
+export declare type MenuId = 'remotion' | 'file' | 'view' | 'tools' | 'help';
 export declare type Menu = {
     id: MenuId;
     label: React.ReactNode;

package/dist/editor/components/Menu/MenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Menu/MenuItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAIpE,OAAO,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAiBzD,oBAAY,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAE3D,oBAAY,IAAI,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,gBAAgB,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,EAAE,IAAI,CAAC;IACX,gBAAgB,EAAE,OAAO,CAAC;CAC1B,CAkGA,CAAC"}

package/dist/editor/components/Menu/MenuItem.js

@@ -46,7 +46,7 @@ const MenuItem = ({ label: itemName, selected, id, onItemSelected, onItemHovered
             return null;
         }
         return {
-            ...styles_1.menuContainer,
+            ...styles_1.menuContainerTowardsBottom,
             left: size.left,
             top: size.top + size.height,
         };

package/dist/editor/components/Menu/MenuItem.js.map

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

package/dist/editor/components/Menu/MenuSubItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuSubItem.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Menu/MenuSubItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAM/E,OAAO,EAAC,OAAO,EAAC,MAAM,4BAA4B,CAAC;AAgBnD,eAAO,MAAM,8BAA8B,4BAA4B,CAAC;AAoBxE,oBAAY,gBAAgB,GAAG,KAAK,GAAG,YAAY,GAAG,eAAe,CAAC;AAEtE,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;CAC5E,CAuGA,CAAC"}

package/dist/editor/components/Menu/MenuSubItem.js

@@ -70,7 +70,7 @@ const MenuSubItem = ({ label, leaveLeftSpace, leftItem, onActionChosen, id, sele
             return null;
         }
         return {
-            ...styles_1.menuContainer,
+            ...styles_1.menuContainerTowardsBottom,
             left: size.left + size.width + styles_1.SUBMENU_LEFT_INSET,
             top: size.top - styles_1.MENU_VERTICAL_PADDING,
         };

package/dist/editor/components/Menu/MenuSubItem.js.map

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

package/dist/editor/components/Menu/SubMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubMenu.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Menu/SubMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,OAAO,EAAC,MAAM,4BAA4B,CAAC;AAEnD,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,gBAAgB,EAAE,gBAAgB,CAAC;CACnC,CA2BA,CAAC"}

package/dist/editor/components/Menu/SubMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubMenu.js","sourceRoot":"","sources":["../../../../src/editor/components/Menu/SubMenu.tsx"],"names":[],"mappings":";;;;AACA,6CAAwC;AACxC,iDAAiD;AAEjD,+DAA0D;AAGnD,MAAM,gBAAgB,GAMxB,CAAC,EACL,WAAW,EACX,gBAAgB,EAChB,OAAO,EACP,cAAc,EACd,aAAa,GACb,EAAE,EAAE;IACJ,OAAO,CACN,uBAAC,sBAAY,IAAC,QAAQ,EAAE,cAAc,EAAE,cAAc,EAAE,WAAI,YAC3D,gCAAK,KAAK,EAAE,WAAW,EAAE,SAAS,EAAC,WAAW,YAC7C,uBAAC,yBAAW,IACX,UAAU,EAAE,WAAI,EAChB,cAAc,EAAE,aAAa,EAC7B,MAAM,EAAE,OAAO,CAAC,KAAK,EACrB,MAAM,EAAE,WAAI,EACZ,cAAc,EAAE,OAAO,CAAC,cAAc,EACtC,cAAc,EACb,gBAAgB,KAAK,eAAe;oBACpC,OAAO,OAAO,CAAC,cAAc,KAAK,QAAQ;oBACzC,CAAC,CAAC,OAAO,CAAC,cAAc;oBACxB,CAAC,CAAC,KAAK,EAET,sBAAsB,EAAE,KAAK,WAC5B,WACG,WACQ,CACf,CAAC;AACH,CAAC,CAAC;AAjCW,QAAA,gBAAgB,oBAiC3B"}

package/dist/editor/components/Menu/portals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portals.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Menu/portals.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS,MAAO,MAAM,YAElC,CAAC"}

package/dist/editor/components/Menu/portals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portals.js","sourceRoot":"","sources":["../../../../src/editor/components/Menu/portals.ts"],"names":[],"mappings":";;;AAAA,MAAM,OAAO,GAAG;IACf,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAY;IAClD,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAY;IAClD,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAY;IAClD,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAY;IAClD,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAY;IAClD,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAY;CAClD,CAAC;AAEK,MAAM,SAAS,GAAG,CAAC,CAAS,EAAE,EAAE;IACtC,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC;AACnB,CAAC,CAAC;AAFW,QAAA,SAAS,aAEpB"}

package/dist/editor/components/Menu/styles.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
+import type React from 'react';
 export declare const MENU_VERTICAL_PADDING = 4;
 export declare const SUBMENU_LEFT_INSET = -8;
-export declare const menuContainer: React.CSSProperties;
+export declare const menuContainerTowardsBottom: React.CSSProperties;
+export declare const menuContainerTowardsTop: React.CSSProperties;
 export declare const outerPortal: React.CSSProperties;

package/dist/editor/components/Menu/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Menu/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,qBAAqB,IAAI,CAAC;AACvC,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,aAOjC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,aAI/B,CAAC"}

package/dist/editor/components/Menu/styles.js

@@ -1,17 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.outerPortal = exports.menuContainer = exports.SUBMENU_LEFT_INSET = exports.MENU_VERTICAL_PADDING = void 0;
+exports.outerPortal = exports.menuContainerTowardsTop = exports.menuContainerTowardsBottom = exports.SUBMENU_LEFT_INSET = exports.MENU_VERTICAL_PADDING = void 0;
 const colors_1 = require("../../helpers/colors");
 exports.MENU_VERTICAL_PADDING = 4;
 exports.SUBMENU_LEFT_INSET = -8;
-exports.menuContainer = {
+const menuContainer = {
     backgroundColor: colors_1.BACKGROUND,
     position: 'fixed',
-    boxShadow: '0 2px 8px rgba(0, 0, 0, 0.5)',
     color: 'white',
     userSelect: 'none',
     minWidth: 200,
 };
+exports.menuContainerTowardsBottom = {
+    ...menuContainer,
+    boxShadow: '0 2px 8px rgba(0, 0, 0, 0.5)',
+};
+exports.menuContainerTowardsTop = {
+    ...menuContainer,
+    boxShadow: '0 -2px 8px rgba(0, 0, 0, 0.5)',
+};
 exports.outerPortal = {
     position: 'fixed',
     height: '100%',

package/dist/editor/components/Menu/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/editor/components/Menu/styles.ts"],"names":[],"mappings":";;;AAAA,iDAAgD;AAEnC,QAAA,qBAAqB,GAAG,CAAC,CAAC;AAC1B,QAAA,kBAAkB,GAAG,CAAC,CAAC,CAAC;AAExB,QAAA,aAAa,GAAwB;IACjD,eAAe,EAAE,mBAAU;IAC3B,QAAQ,EAAE,OAAO;IACjB,SAAS,EAAE,8BAA8B;IACzC,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,GAAG;CACb,CAAC;AAEW,QAAA,WAAW,GAAwB;IAC/C,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;CACb,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuToolbar.d.ts","sourceRoot":"","sources":["../../../src/editor/components/MenuToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AA6CxE,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EA8b/B,CAAC"}

package/dist/editor/components/MenuToolbar.js

@@ -3,6 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuToolbar = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const remotion_1 = require("remotion");
+const colors_1 = require("../helpers/colors");
+const pick_color_1 = require("../helpers/pick-color");
 const Checkmark_1 = require("../icons/Checkmark");
 const checkerboard_1 = require("../state/checkerboard");
 const modals_1 = require("../state/modals");
@@ -25,6 +28,7 @@ const row = {
     fontSize: 13,
     paddingLeft: 6,
     paddingRight: 10,
+    backgroundColor: colors_1.BACKGROUND,
 };
 const flex = {
     flex: 1,
@@ -55,7 +59,7 @@ const MenuToolbar = () => {
         setSelected(null);
     }, []);
     const structure = (0, react_1.useMemo)(() => {
-        return [
+        const struct = [
             {
                 id: 'remotion',
                 label: ((0, jsx_runtime_1.jsx)(layout_1.Row, { align: "center", justify: "center", children: (0, jsx_runtime_1.jsx)("svg", { width: ICON_SIZE, height: ICON_SIZE, viewBox: "-100 -100 400 400", style: rotate, children: (0, jsx_runtime_1.jsx)("path", { fill: "#fff", stroke: "#fff", strokeWidth: "100", strokeLinejoin: "round", d: "M 2 172 a 196 100 0 0 0 195 5 A 196 240 0 0 0 100 2.259 A 196 240 0 0 0 2 172 z" }) }) })),
@@ -337,6 +341,25 @@ const MenuToolbar = () => {
                     },
                 ],
             },
+            'EyeDropper' in window
+                ? {
+                    id: 'tools',
+                    label: 'Tools',
+                    leaveLeftPadding: false,
+                    items: [
+                        {
+                            id: 'color-picker',
+                            value: 'color-picker',
+                            label: 'Color Picker',
+                            onClick: () => (0, pick_color_1.pickColor)(),
+                            leftItem: null,
+                            keyHint: null,
+                            subMenu: null,
+                            type: 'item',
+                        },
+                    ],
+                }
+                : null,
             {
                 id: 'help',
                 label: 'Help',
@@ -441,7 +464,8 @@ const MenuToolbar = () => {
                     },
                 ],
             },
-        ];
+        ].filter(remotion_1.Internals.truthy);
+        return struct;
     }, [
         checkerboard,
         close,