@remotion/cli 4.0.0-fastlambda.8 → 4.0.0-july8th.12

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

@@ -1 +1 @@
-{"version":3,"file":"CompositionSelectorItem.d.ts","sourceRoot":"","sources":["../../../src/editor/components/CompositionSelectorItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAC,YAAY,EAAC,MAAM,UAAU,CAAC;AA4BtC,oBAAY,2BAA2B,GACpC;IACA,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,aAAa,CAAC;IACpB,WAAW,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;CAClC,GACD;IACA,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,KAAK,EAAE,2BAA2B,EAAE,CAAC;IACrC,QAAQ,EAAE,OAAO,CAAC;CACjB,CAAC;AAEL,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9C,IAAI,EAAE,2BAA2B,CAAC;IAClC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACtE,KAAK,EAAE,MAAM,CAAC;CACd,CA2GA,CAAC"}
+{"version":3,"file":"CompositionSelectorItem.d.ts","sourceRoot":"","sources":["../../../src/editor/components/CompositionSelectorItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAC,YAAY,EAAC,MAAM,UAAU,CAAC;AAyBtC,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9C,WAAW,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACnC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;CAC7C,CAmDA,CAAC"}

package/dist/editor/components/CompositionSelectorItem.js

@@ -65,12 +65,12 @@ const CompositionSelectorItem = ({ item, level, currentComposition, tabIndex, se
         }
     }, [item, selectComposition, toggleFolder]);
     if (item.type === 'folder') {
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("button", { style: style, onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, tabIndex: tabIndex, onClick: onClick, type: "button", children: [item.expanded ? ((0, jsx_runtime_1.jsx)(folder_1.ExpandedFolderIcon, { style: iconStyle }, void 0)) : ((0, jsx_runtime_1.jsx)(folder_1.CollapsedFolderIcon, { style: iconStyle }, void 0)), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }, void 0), item.folderName] }, void 0), item.expanded
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("button", { style: style, onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, tabIndex: tabIndex, onClick: onClick, type: "button", children: [item.expanded ? ((0, jsx_runtime_1.jsx)(folder_1.ExpandedFolderIcon, { style: iconStyle })) : ((0, jsx_runtime_1.jsx)(folder_1.CollapsedFolderIcon, { style: iconStyle })), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }), item.folderName] }), item.expanded
                     ? item.items.map((childItem) => {
                         return ((0, jsx_runtime_1.jsx)(exports.CompositionSelectorItem, { currentComposition: currentComposition, selectComposition: selectComposition, item: childItem, tabIndex: tabIndex, level: level + 1, toggleFolder: toggleFolder }, childItem.key + childItem.type));
                     })
-                    : null] }, void 0));
+                    : null] }));
     }
-    return ((0, jsx_runtime_1.jsxs)("button", { style: style, onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, tabIndex: tabIndex, onClick: onClick, type: "button", children: [(0, is_composition_still_1.isCompositionStill)(item.composition) ? ((0, jsx_runtime_1.jsx)(still_1.StillIcon, { style: iconStyle }, void 0)) : ((0, jsx_runtime_1.jsx)(film_1.FilmIcon, { style: iconStyle }, void 0)), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }, void 0), item.composition.id] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)("button", { style: style, onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, tabIndex: tabIndex, onClick: onClick, type: "button", children: [(0, is_composition_still_1.isCompositionStill)(item.composition) ? ((0, jsx_runtime_1.jsx)(still_1.StillIcon, { style: iconStyle })) : ((0, jsx_runtime_1.jsx)(film_1.FilmIcon, { style: iconStyle })), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }), item.composition.id] }));
 };
 exports.CompositionSelectorItem = CompositionSelectorItem;

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

@@ -1 +1 @@
-{"version":3,"file":"CompositionSelectorItem.js","sourceRoot":"","sources":["../../../src/editor/components/CompositionSelectorItem.tsx"],"names":[],"mappings":"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"}
+{"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,6CACC,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,iBAEf,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,aACZ,CACJ,CAAC;AACH,CAAC,CAAC;AAxDW,QAAA,uBAAuB,2BAwDlC"}

package/dist/editor/components/ControlButton.js

@@ -16,6 +16,6 @@ const ControlButton = (props) => {
         };
     }, [props.disabled]);
     const { tabIndex } = (0, z_index_1.useZIndex)();
-    return ((0, jsx_runtime_1.jsx)("button", { type: 'button', tabIndex: tabIndex, ...props, style: style }, void 0));
+    return ((0, jsx_runtime_1.jsx)("button", { type: 'button', tabIndex: tabIndex, ...props, style: style }));
 };
 exports.ControlButton = ControlButton;

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

@@ -1 +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"}
+{"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,iDAAQ,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,IAAM,KAAK,IAAE,KAAK,EAAE,KAAK,YAAI,CACvE,CAAC;AACH,CAAC,CAAC;AAtBW,QAAA,aAAa,iBAsBxB"}

package/dist/editor/components/CopyButton.js

@@ -11,7 +11,7 @@ const iconStyle = {
     height: 16,
     color: 'white',
 };
-const copyIcon = ((0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "far", "data-icon": "clipboard", className: "svg-inline--fa fa-clipboard fa-w-12", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 384 512", style: iconStyle, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M336 64h-80c0-35.3-28.7-64-64-64s-64 28.7-64 64H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM192 40c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm144 418c0 3.3-2.7 6-6 6H54c-3.3 0-6-2.7-6-6V118c0-3.3 2.7-6 6-6h42v36c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-36h42c3.3 0 6 2.7 6 6z" }, void 0) }, void 0));
+const copyIcon = ((0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "far", "data-icon": "clipboard", className: "svg-inline--fa fa-clipboard fa-w-12", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 384 512", style: iconStyle, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M336 64h-80c0-35.3-28.7-64-64-64s-64 28.7-64 64H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM192 40c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm144 418c0 3.3-2.7 6-6 6H54c-3.3 0-6-2.7-6-6V118c0-3.3 2.7-6 6-6h42v36c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-36h42c3.3 0 6 2.7 6 6z" }) }));
 const container = {
     padding: 10,
     cursor: 'pointer',
@@ -42,6 +42,6 @@ const CopyButton = ({ textToCopy, label, labelWhenCopied }) => {
         const to = setTimeout(() => setCopied(false), 2000);
         return () => clearTimeout(to);
     }, [copied]);
-    return ((0, jsx_runtime_1.jsx)("button", { onClick: onClick, style: button, type: "button", children: (0, jsx_runtime_1.jsxs)(layout_1.Row, { style: container, children: [copyIcon, (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1.5 }, void 0), ' ', (0, jsx_runtime_1.jsx)("span", { style: labelStyle, children: copied ? labelWhenCopied : label }, void 0)] }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)("button", { onClick: onClick, style: button, type: "button", children: (0, jsx_runtime_1.jsxs)(layout_1.Row, { style: container, children: [copyIcon, (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1.5 }), ' ', (0, jsx_runtime_1.jsx)("span", { style: labelStyle, children: copied ? labelWhenCopied : label })] }) }));
 };
 exports.CopyButton = CopyButton;

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

@@ -1 +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"}
+{"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,6DACa,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,gBAEhB,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,qWAAqW,WACtW,YACG,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,iDAAQ,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAC,QAAQ,gBACrD,wBAAC,YAAG,kBAAC,KAAK,EAAE,SAAS,iBACnB,QAAQ,EACT,uBAAC,gBAAO,IAAC,CAAC,EAAE,GAAG,WAAI,EAAC,GAAG,EACvB,+CAAM,KAAK,EAAE,UAAU,gBAAG,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,YAAQ,aAC7D,YACE,CACT,CAAC;AACH,CAAC,CAAC;AA9BW,QAAA,UAAU,cA8BrB"}

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

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

package/dist/editor/components/CurrentComposition.js

@@ -46,9 +46,9 @@ const CurrentComposition = () => {
         document.title = `${video.id} / ${window.remotion_projectName} - Remotion Preview`;
     }, [video]);
     if (!video) {
-        return (0, jsx_runtime_1.jsx)("div", { style: container }, void 0);
+        return (0, jsx_runtime_1.jsx)("div", { style: container });
     }
     const frameToDisplay = Math.floor(video.durationInFrames / 2);
-    return ((0, jsx_runtime_1.jsx)("div", { style: container, children: (0, jsx_runtime_1.jsxs)("div", { style: row, children: [richTimelineContext.richTimeline ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Thumbnail_1.Thumbnail, { composition: video, targetHeight: targetHeight, targetWidth: targetWidth, frameToDisplay: frameToDisplay }, void 0), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }, void 0)] }, void 0)) : null, (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { style: title, children: video.id }, void 0), (0, jsx_runtime_1.jsxs)("div", { style: subtitle, children: [video.width, "x", video.height, (0, is_composition_still_1.isCompositionStill)(video) ? null : `, ${video.fps} FPS`] }, void 0), (0, is_composition_still_1.isCompositionStill)(video) ? ((0, jsx_runtime_1.jsx)("div", { style: subtitle, children: "Still" }, void 0)) : ((0, jsx_runtime_1.jsxs)("div", { style: subtitle, children: ["Duration ", (0, render_frame_1.renderFrame)(video.durationInFrames, video.fps)] }, void 0))] }, void 0)] }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)("div", { style: container, children: (0, jsx_runtime_1.jsxs)("div", { style: row, children: [richTimelineContext.richTimeline ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Thumbnail_1.Thumbnail, { composition: video, targetHeight: targetHeight, targetWidth: targetWidth, frameToDisplay: frameToDisplay }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 })] })) : null, (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { style: title, children: video.id }), (0, jsx_runtime_1.jsxs)("div", { style: subtitle, children: [video.width, "x", video.height, (0, is_composition_still_1.isCompositionStill)(video) ? null : `, ${video.fps} FPS`] }), (0, is_composition_still_1.isCompositionStill)(video) ? ((0, jsx_runtime_1.jsx)("div", { style: subtitle, children: "Still" })) : ((0, jsx_runtime_1.jsxs)("div", { style: subtitle, children: ["Duration ", (0, render_frame_1.renderFrame)(video.durationInFrames, video.fps)] }))] })] }) }));
 };
 exports.CurrentComposition = CurrentComposition;

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

@@ -1 +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"}
+{"version":3,"file":"CurrentComposition.js","sourceRoot":"","sources":["../../../src/editor/components/CurrentComposition.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwC;AACxC,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;IACnC,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,8CAAK,KAAK,EAAE,SAAS,gBACpB,+CAAK,KAAK,EAAE,GAAG,iBACb,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,aAAG,YACT,CACH,CAAC,CAAC,CAAC,IAAI,EACR,4CACC,8CAAK,KAAK,EAAE,KAAK,gBAAG,KAAK,CAAC,EAAE,YAAO,EACnC,+CAAK,KAAK,EAAE,QAAQ,iBAClB,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,aACnD,EACL,IAAA,yCAAkB,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAC5B,8CAAK,KAAK,EAAE,QAAQ,mCAAa,CACjC,CAAC,CAAC,CAAC,CACH,+CAAK,KAAK,EAAE,QAAQ,8BACT,IAAA,0BAAW,EAAC,KAAK,CAAC,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,aACnD,CACN,YACI,aACD,YACD,CACN,CAAC;AACH,CAAC,CAAC;AAvCW,QAAA,kBAAkB,sBAuC7B"}

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

@@ -1 +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"}
+{"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../../../src/editor/components/Editor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuC,MAAM,OAAO,CAAC;AA+C5D,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAiK1B,CAAC"}

package/dist/editor/components/Editor.js

@@ -11,18 +11,21 @@ const remotion_1 = require("remotion");
 const colors_1 = require("../helpers/colors");
 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 keybindings_1 = require("../state/keybindings");
 const modals_1 = require("../state/modals");
 const mute_1 = require("../state/mute");
 const preview_size_1 = require("../state/preview-size");
 const rich_timeline_1 = require("../state/rich-timeline");
+const sidebar_1 = require("../state/sidebar");
 const z_index_1 = require("../state/z-index");
 const EditorContent_1 = require("./EditorContent");
 const FramePersistor_1 = require("./FramePersistor");
 const GlobalKeybindings_1 = require("./GlobalKeybindings");
 const KeyboardShortcutsModal_1 = require("./KeyboardShortcutsModal");
 const NewComposition_1 = __importDefault(require("./NewComposition/NewComposition"));
+const NoRegisterRoot_1 = require("./NoRegisterRoot");
 const UpdateModal_1 = require("./UpdateModal/UpdateModal");
 const background = {
     backgroundColor: colors_1.BACKGROUND,
@@ -32,10 +35,16 @@ const background = {
     flexDirection: 'column',
     position: 'absolute',
 };
-const Root = remotion_1.Internals.getRoot();
 const Editor = () => {
     const [emitter] = (0, react_1.useState)(() => new player_1.PlayerInternals.PlayerEmitter());
     const [size, setSizeState] = (0, react_1.useState)(() => (0, preview_size_1.loadPreviewSizeOption)());
+    const [Root, setRoot] = (0, react_1.useState)(() => remotion_1.Internals.getRoot());
+    const [waitForRoot] = (0, react_1.useState)(() => {
+        if (Root) {
+            return 0;
+        }
+        return (0, remotion_1.delayRender)('Waiting for registerRoot()');
+    });
     const [checkerboard, setCheckerboardState] = (0, react_1.useState)(() => (0, checkerboard_1.loadCheckerboardOption)());
     const setCheckerboard = (0, react_1.useCallback)((newValue) => {
         setCheckerboardState((prevState) => {
@@ -110,12 +119,19 @@ const Editor = () => {
             setSelectedModal: setModalContextType,
         };
     }, [modalContextType]);
-    if (!Root) {
-        throw new Error('Root has not been registered. ');
-    }
-    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)(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: [(0, jsx_runtime_1.jsx)(Root, {}, void 0), (0, jsx_runtime_1.jsx)(FramePersistor_1.FramePersistor, {}, void 0), (0, jsx_runtime_1.jsx)(EditorContent_1.EditorContent, {}, void 0), (0, jsx_runtime_1.jsx)(GlobalKeybindings_1.GlobalKeybindings, {}, void 0)] }, void 0), modalContextType &&
-                                                            modalContextType.type === 'new-comp' && ((0, jsx_runtime_1.jsx)(NewComposition_1.default, { initialCompType: modalContextType.compType }, void 0)), modalContextType &&
-                                                            modalContextType.type === 'update' && ((0, jsx_runtime_1.jsx)(UpdateModal_1.UpdateModal, { info: modalContextType.info }, void 0)), modalContextType &&
-                                                            modalContextType.type === 'shortcuts' && ((0, jsx_runtime_1.jsx)(KeyboardShortcutsModal_1.KeyboardShortcuts, {}, void 0))] }, void 0) }, void 0) }, void 0) }, void 0) }, void 0) }, void 0) }, void 0) }, void 0) }, void 0) }, void 0) }, void 0) }, void 0));
+    (0, react_1.useEffect)(() => {
+        if (Root) {
+            return;
+        }
+        const cleanup = remotion_1.Internals.waitForRoot((NewRoot) => {
+            setRoot(() => NewRoot);
+            (0, remotion_1.continueRender)(waitForRoot);
+        });
+        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 &&
+                                                                    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, {}))] }) }) }) }) }) }) }) }) }) }) }) }) }) }));
 };
 exports.Editor = Editor;

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

@@ -1 +1 @@
-{"version":3,"file":"Editor.js","sourceRoot":"","sources":["../../../src/editor/components/Editor.tsx"],"names":[],"mappings":";;;;;;;AAAA,6CAA8D;AAC9D,iCAA4D;AAC5D,uCAMkB;AAClB,8CAA6C;AAC7C,0CAAqC;AACrC,wDAI+B;AAC/B,8DAA+D;AAC/D,sDAA+D;AAC/D,4CAA4E;AAC5E,wCAA6C;AAC7C,wDAI+B;AAC/B,0DAIgC;AAChC,8CAA8C;AAC9C,mDAA8C;AAC9C,qDAAgD;AAChD,2DAAsD;AACtD,qEAA2D;AAC3D,qFAA6D;AAC7D,2DAAsD;AAEtD,MAAM,UAAU,GAAwB;IACvC,eAAe,EAAE,mBAAU;IAC3B,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,aAAa,EAAE,QAAQ;IACvB,QAAQ,EAAE,UAAU;CACpB,CAAC;AAEF,MAAM,IAAI,GAAG,oBAAS,CAAC,OAAO,EAAE,CAAC;AAE1B,MAAM,MAAM,GAAa,GAAG,EAAE;IACpC,MAAM,CAAC,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,IAAI,wBAAe,CAAC,aAAa,EAAE,CAAC,CAAC;IACtE,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,IAAA,oCAAqB,GAAE,CAAC,CAAC;IACrE,MAAM,CAAC,YAAY,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAC1D,IAAA,qCAAsB,GAAE,CACxB,CAAC;IACF,MAAM,eAAe,GAAG,IAAA,mBAAW,EAClC,CAAC,QAAyC,EAAE,EAAE;QAC7C,oBAAoB,CAAC,CAAC,SAAS,EAAE,EAAE;YAClC,MAAM,MAAM,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;YACnC,IAAA,wCAAyB,EAAC,MAAM,CAAC,CAAC;YAClC,OAAO,MAAM,CAAC;QACf,CAAC,CAAC,CAAC;IACJ,CAAC,EACD,EAAE,CACF,CAAC;IACF,MAAM,CAAC,YAAY,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAC1D,IAAA,sCAAsB,GAAE,CACxB,CAAC;IACF,MAAM,eAAe,GAAG,IAAA,mBAAW,EAClC,CAAC,QAAyC,EAAE,EAAE;QAC7C,oBAAoB,CAAC,CAAC,SAAS,EAAE,EAAE;YAClC,MAAM,MAAM,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;YACnC,IAAA,yCAAyB,EAAC,MAAM,CAAC,CAAC;YAClC,OAAO,MAAM,CAAC;QACf,CAAC,CAAC,CAAC;IACJ,CAAC,EACD,EAAE,CACF,CAAC;IACF,MAAM,OAAO,GAAG,IAAA,mBAAW,EAC1B,CAAC,QAAiD,EAAE,EAAE;QACrD,YAAY,CAAC,CAAC,SAAS,EAAE,EAAE;YAC1B,MAAM,MAAM,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;YACnC,IAAA,uCAAwB,EAAC,MAAM,CAAC,CAAC;YACjC,OAAO,MAAM,CAAC;QACf,CAAC,CAAC,CAAC;IACJ,CAAC,EACD,EAAE,CACF,CAAC;IACF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GACxC,IAAA,gBAAQ,EAA4B;QACnC,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;KACd,CAAC,CAAC;IACJ,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAU,GAAG,EAAE,CAAC,IAAA,qBAAc,GAAE,CAAC,CAAC;IAC9E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAS,CAAC,CAAC,CAAC;IAC1D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EACvD,IAAI,CACJ,CAAC;IAEF,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACnC,OAAO;YACN,IAAI;YACJ,OAAO;SACP,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IACpB,MAAM,eAAe,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACpC,OAAO;YACN,YAAY;YACZ,eAAe;SACf,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;IACpC,MAAM,eAAe,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACpC,OAAO;YACN,YAAY;YACZ,eAAe;SACf,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;IAEpC,MAAM,yBAAyB,GAAG,IAAA,eAAO,EAAC,GAA8B,EAAE;QACzE,OAAO,cAAc,CAAC;IACvB,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,4BAA4B,GACjC,IAAA,eAAO,EAAC,GAAiC,EAAE;QAC1C,OAAO;YACN,iBAAiB;SACjB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAER,MAAM,uBAAuB,GAAG,IAAA,eAAO,EAAC,GAA4B,EAAE;QACrE,OAAO;YACN,UAAU;YACV,WAAW;SACX,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;IAE9B,MAAM,0BAA0B,GAAG,IAAA,eAAO,EAAC,GAA+B,EAAE;QAC3E,OAAO;YACN,aAAa;YACb,cAAc;SACd,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAqB,EAAE;QACpD,OAAO;YACN,aAAa,EAAE,gBAAgB;YAC/B,gBAAgB,EAAE,mBAAmB;SACrC,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,IAAI,CAAC,IAAI,EAAE;QACV,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;KAClD;IAED,OAAO,CACN,uBAAC,uCAAyB,cACzB,uBAAC,mCAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe,YACnD,uBAAC,kCAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe,YACnD,uBAAC,iCAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,YACjD,uBAAC,sBAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,YAC3C,uBAAC,oBAAS,CAAC,QAAQ,CAAC,oBAAoB,CAAC,QAAQ,IAChD,KAAK,EAAE,yBAAyB,YAEhC,uBAAC,oBAAS,CAAC,QAAQ,CAAC,uBAAuB,CAAC,QAAQ,IACnD,KAAK,EAAE,4BAA4B,YAEnC,uBAAC,oBAAS,CAAC,kBAAkB,CAAC,QAAQ,IACrC,KAAK,EAAE,uBAAuB,YAE9B,uBAAC,oBAAS,CAAC,qBAAqB,CAAC,QAAQ,IACxC,KAAK,EAAE,0BAA0B,YAEjC,uBAAC,wBAAe,CAAC,yBAAyB,CAAC,QAAQ,IAClD,KAAK,EAAE,OAAO,YAEd,uBAAC,uCAAqB,cACrB,wBAAC,sBAAY,IAAC,QAAQ,EAAE,WAAI,EAAE,cAAc,EAAE,WAAI,aACjD,iCAAK,KAAK,EAAE,UAAU,aACrB,uBAAC,IAAI,aAAG,EACR,uBAAC,+BAAc,aAAG,EAClB,uBAAC,6BAAa,aAAG,EACjB,uBAAC,qCAAiB,aAAG,YAChB,EACL,gBAAgB;4DAChB,gBAAgB,CAAC,IAAI,KAAK,UAAU,IAAI,CACvC,uBAAC,wBAAc,IACd,eAAe,EAAE,gBAAgB,CAAC,QAAQ,WACzC,CACF,EACD,gBAAgB;4DAChB,gBAAgB,CAAC,IAAI,KAAK,QAAQ,IAAI,CACrC,uBAAC,yBAAW,IAAC,IAAI,EAAE,gBAAgB,CAAC,IAAI,WAAI,CAC5C,EACD,gBAAgB;4DAChB,gBAAgB,CAAC,IAAI,KAAK,WAAW,IAAI,CACxC,uBAAC,0CAAiB,aAAG,CACrB,YACY,WACQ,WAC4B,WACX,WACJ,WACa,WACJ,WAC3B,WACI,WACA,WACD,WACJ,CAC5B,CAAC;AACH,CAAC,CAAC;AAjKW,QAAA,MAAM,UAiKjB"}
+{"version":3,"file":"Editor.js","sourceRoot":"","sources":["../../../src/editor/components/Editor.tsx"],"names":[],"mappings":"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"}

package/dist/editor/components/EditorContent.js

@@ -8,11 +8,12 @@ const SplitterElement_1 = require("./Splitter/SplitterElement");
 const SplitterHandle_1 = require("./Splitter/SplitterHandle");
 const Timeline_1 = require("./Timeline/Timeline");
 const TopPanel_1 = require("./TopPanel");
+const noop = () => undefined;
 const EditorContent = () => {
     const isStill = (0, is_current_selected_still_1.useIsStill)();
     if (isStill) {
-        return (0, jsx_runtime_1.jsx)(TopPanel_1.TopPanel, {}, void 0);
+        return (0, jsx_runtime_1.jsx)(TopPanel_1.TopPanel, {});
     }
-    return ((0, jsx_runtime_1.jsxs)(SplitterContainer_1.SplitterContainer, { orientation: "horizontal", id: "top-to-bottom", maxFlex: 0.9, minFlex: 0.2, defaultFlex: 0.75, children: [(0, jsx_runtime_1.jsx)(SplitterElement_1.SplitterElement, { type: "flexer", children: (0, jsx_runtime_1.jsx)(TopPanel_1.TopPanel, {}, void 0) }, void 0), (0, jsx_runtime_1.jsx)(SplitterHandle_1.SplitterHandle, {}, void 0), (0, jsx_runtime_1.jsx)(SplitterElement_1.SplitterElement, { type: "anti-flexer", children: (0, jsx_runtime_1.jsx)(Timeline_1.Timeline, {}, void 0) }, void 0)] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(SplitterContainer_1.SplitterContainer, { orientation: "horizontal", id: "top-to-bottom", maxFlex: 0.9, minFlex: 0.2, defaultFlex: 0.75, children: [(0, jsx_runtime_1.jsx)(SplitterElement_1.SplitterElement, { type: "flexer", children: (0, jsx_runtime_1.jsx)(TopPanel_1.TopPanel, {}) }), (0, jsx_runtime_1.jsx)(SplitterHandle_1.SplitterHandle, { allowToCollapse: false, onCollapse: noop }), (0, jsx_runtime_1.jsx)(SplitterElement_1.SplitterElement, { type: "anti-flexer", children: (0, jsx_runtime_1.jsx)(Timeline_1.Timeline, {}) })] }));
 };
 exports.EditorContent = EditorContent;

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

@@ -1 +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"}
+{"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,kBACjB,WAAW,EAAC,YAAY,EACxB,EAAE,EAAC,eAAe,EAClB,OAAO,EAAE,GAAG,EACZ,OAAO,EAAE,GAAG,EACZ,WAAW,EAAE,IAAI,iBAEjB,uBAAC,iCAAe,kBAAC,IAAI,EAAC,QAAQ,gBAC7B,uBAAC,mBAAQ,aAAG,YACK,EAClB,uBAAC,+BAAc,aAAG,EAClB,uBAAC,iCAAe,kBAAC,IAAI,EAAC,aAAa,gBAClC,uBAAC,mBAAQ,aAAG,YACK,aACC,CACpB,CAAC;AACH,CAAC,CAAC;AAxBW,QAAA,aAAa,iBAwBxB"}

package/dist/editor/components/FpsCounter.js

@@ -69,6 +69,6 @@ const FpsCounter = ({ playbackSpeed }) => {
     if (videoConfig === null) {
         return null;
     }
-    return (0, jsx_runtime_1.jsxs)("div", { style: style, children: [fps.toFixed(1), " FPS"] }, void 0);
+    return (0, jsx_runtime_1.jsxs)("div", { style: style, children: [fps.toFixed(1), " FPS"] });
 };
 exports.FpsCounter = FpsCounter;

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

@@ -1 +1 @@
-{"version":3,"file":"FpsCounter.js","sourceRoot":"","sources":["../../../src/editor/components/FpsCounter.tsx"],"names":[],"mappings":";;;;AAAA,iCAMe;AACf,uCAAmC;AAEnC,MAAM,KAAK,GAAwB;IAClC,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,8BAA8B;CAC1C,CAAC;AAEF,MAAM,eAAe,GAAG,CACvB,GAAa,EACb,KAAa,EACb,OAAe,EACJ,EAAE;IACb,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAChB,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;AAC5B,CAAC,CAAC;AAEK,MAAM,UAAU,GAElB,CAAC,EAAC,aAAa,EAAC,EAAE,EAAE;IACxB,MAAM,WAAW,GAAG,oBAAS,CAAC,oBAAoB,EAAE,CAAC;IACrD,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,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACxC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAElC,MAAM,eAAe,GAAG,IAAA,cAAM,EAAW,EAAE,CAAC,CAAC;IAC7C,MAAM,MAAM,GAAG,IAAA,cAAM,EAAS,CAAC,CAAC,CAAC;IACjC,MAAM,UAAU,GAAG,IAAA,cAAM,EAAU,OAAO,CAAC,CAAC;IAE5C,IAAA,uBAAe,EAAC,GAAG,EAAE;QACpB,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC;QACnB,eAAe,CAAC,OAAO,GAAG,EAAE,CAAC;QAC7B,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;IAC9B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAA,uBAAe,EAAC,GAAG,EAAE;QACpB,IAAI,UAAU,CAAC,OAAO,KAAK,KAAK;YAAE,OAAO;QAEzC,eAAe,CAAC,OAAO,GAAG,eAAe,CACxC,eAAe,CAAC,OAAO,EACvB,WAAW,CAAC,GAAG,EAAE,EACjB,EAAE,CACF,CAAC;QAEF,IAAI,eAAe,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC;YAAE,OAAO;QAE/C,MAAM,IAAI,GACT,IAAI,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC,OAAO,CAAC;YACpC,IAAI,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;QACtC,MAAM,sBAAsB,GAAG,IAAI,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC3E,MAAM,CAAC,OAAO,GAAG,IAAI,GAAG,sBAAsB,CAAC;QAE/C,IAAI,eAAe,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC;YAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACjE,iHAAiH;IAClH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,OAAO,EAAE;YACZ,MAAM,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE;gBACzB,QAAQ,CAAC,EAAE,CAAC,CAAC;gBACb,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YACxB,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;SAC7B;IACF,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEtB,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC1B,IAAI,CAAC,WAAW,EAAE;YACjB,OAAO,EAAE,CAAC;SACV;QAED,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,WAAW,CAAC,GAAG,CAAC;QAE9D,OAAO;YACN,GAAG,KAAK;YACR,KAAK,EAAE,GAAG,GAAG,WAAW,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO;SAChD,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,aAAa,EAAE,WAAW,CAAC,CAAC,CAAC;IAEtC,IAAI,GAAG,KAAK,CAAC,EAAE;QACd,OAAO,IAAI,CAAC;KACZ;IAED,IAAI,OAAO,KAAK,KAAK,EAAE;QACtB,OAAO,IAAI,CAAC;KACZ;IAED,IAAI,WAAW,KAAK,IAAI,EAAE;QACzB,OAAO,IAAI,CAAC;KACZ;IAED,OAAO,iCAAK,KAAK,EAAE,KAAK,aAAG,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAW,CAAC;AACtD,CAAC,CAAC;AA7EW,QAAA,UAAU,cA6ErB"}
+{"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

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export declare const getCurrentCompositionFromUrl: () => string;
 export declare const persistCurrentFrame: (frame: number) => void;
 export declare const getFrameForComposition: (composition: string) => number;

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

@@ -1,2 +1,2 @@
-import React from 'react';
+import type React from 'react';
 export declare const GlobalKeybindings: React.FC;

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

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

package/dist/editor/components/InitialCompositionLoader.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InitialCompositionLoader = exports.useSelectComposition = void 0;
+const react_1 = require("react");
+const remotion_1 = require("remotion");
+const folders_1 = require("../state/folders");
+const marks_1 = require("../state/marks");
+const CompositionSelector_1 = require("./CompositionSelector");
+const FramePersistor_1 = require("./FramePersistor");
+const TimelineInOutToggle_1 = require("./TimelineInOutToggle");
+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) => {
+        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}`);
+        const frame = (0, FramePersistor_1.getFrameForComposition)(c.id);
+        const frameInBounds = Math.min(c.durationInFrames - 1, frame);
+        setCurrentFrame(frameInBounds);
+        setCurrentComposition(c.id);
+        const { folderName, parentFolderName } = c;
+        if (folderName !== null) {
+            setFoldersExpanded((ex) => {
+                const keysToExpand = (0, CompositionSelector_1.getKeysToExpand)(folderName, parentFolderName);
+                const newState = {
+                    ...ex,
+                };
+                for (const key of keysToExpand) {
+                    newState[key] = true;
+                }
+                return newState;
+            });
+        }
+    };
+};
+exports.useSelectComposition = useSelectComposition;
+const InitialCompositionLoader = () => {
+    const { compositions, currentComposition } = (0, react_1.useContext)(remotion_1.Internals.CompositionManager);
+    const selectComposition = (0, exports.useSelectComposition)();
+    (0, react_1.useEffect)(() => {
+        if (currentComposition) {
+            return;
+        }
+        const compositionFromUrl = (0, FramePersistor_1.getCurrentCompositionFromUrl)();
+        if (compositionFromUrl) {
+            const exists = compositions.find((c) => c.id === compositionFromUrl);
+            if (exists) {
+                selectComposition(exists);
+                return;
+            }
+        }
+        if (compositions.length > 0) {
+            selectComposition(compositions[0]);
+        }
+    }, [compositions, currentComposition, selectComposition]);
+    return null;
+};
+exports.InitialCompositionLoader = InitialCompositionLoader;

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" }, void 0), (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" }, void 0), (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, {}, void 0) }, void 0), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.3 }, void 0), (0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ArrowLeft, {}, void 0) }, void 0)] }, void 0), (0, jsx_runtime_1.jsx)("div", { style: right, children: "1 second back" }, void 0)] }, void 0), (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, {}, void 0) }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Previous frame" }, void 0)] }, void 0), (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" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Play / Pause" }, void 0)] }, void 0), (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, {}, void 0) }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Next frame" }, void 0)] }, void 0), (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, {}, void 0) }, void 0), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.3 }, void 0), (0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ArrowRight, {}, void 0) }, void 0)] }, void 0), (0, jsx_runtime_1.jsx)("div", { style: right, children: "1 second forward" }, void 0)] }, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (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" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Reverse playback" }, void 0)] }, void 0), (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" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Pause" }, void 0)] }, void 0), (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" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Play / Speed up" }, void 0)] }, void 0)] }, void 0), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 8 }, void 0), (0, jsx_runtime_1.jsxs)(layout_1.Column, { children: [(0, jsx_runtime_1.jsx)("div", { style: title, children: "Navigation" }, void 0), (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" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("div", { style: right, children: "New composition" }, void 0)] }, void 0), (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" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Toggle checkerboard transparency" }, void 0)] }, void 0), (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: "?" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Show keyboard shortcuts" }, void 0)] }, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsx)("div", { style: title, children: "Playback range" }, void 0), (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" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Set In Point" }, void 0)] }, void 0), (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" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Set Out Point" }, void 0)] }, void 0), (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" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Clear In/Out Points" }, void 0)] }, void 0)] }, void 0)] }, void 0)] }, void 0));
+    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" })] })] })] })] }));
 };
 exports.KeyboardShortcuts = KeyboardShortcuts;

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

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

@@ -1 +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"}
+{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../../src/editor/components/LoadingIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAkC3B,CAAC"}

package/dist/editor/components/LoadingIndicator.js

@@ -10,14 +10,13 @@ const ICON_SIZE = 40;
 const label = {
     color: '#555',
     fontSize: 14,
-    fontFamily: 'sans-serif',
 };
 const container = {
     justifyContent: 'center',
     alignItems: 'center',
 };
 const Loading = () => {
-    return ((0, jsx_runtime_1.jsxs)(remotion_1.AbsoluteFill, { style: container, id: "remotion-comp-loading", children: [(0, jsx_runtime_1.jsx)("style", { type: "text/css", children: `
+    return ((0, jsx_runtime_1.jsxs)(remotion_1.AbsoluteFill, Object.assign({ style: container, id: "remotion-comp-loading" }, { children: [(0, jsx_runtime_1.jsx)("style", Object.assign({ type: "text/css" }, { children: `
 				@keyframes anim {
 					from {
 						opacity: 0
@@ -30,6 +29,7 @@ const Loading = () => {
 					animation: anim 2s;
 					animation-fill-mode: forwards;
 				}
-			` }, 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));
+			` }), void 0), (0, jsx_runtime_1.jsx)("svg", Object.assign({ 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", Object.assign({ style: label }, { children: "Loading..." }), void 0)] }), void 0));
 };
 exports.Loading = Loading;
+//# sourceMappingURL=LoadingIndicator.js.map

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

@@ -1 +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"}
+{"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;CACZ,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,kBAAC,KAAK,EAAE,SAAS,EAAE,EAAE,EAAC,uBAAuB,iBACzD,gDAAO,IAAI,EAAC,UAAU,gBAAE;;;;;;;;;;;;;IAavB,YAAS,EACV,8CACC,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,SAAS,EACjB,OAAO,EAAC,mBAAmB,EAC3B,KAAK,EAAE,MAAM,gBAEb,iCACC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,MAAM,EACb,WAAW,EAAC,KAAK,EACjB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,iFAAiF,WAClF,YACG,EACN,4CAAG,KAAK,EAAE,KAAK,wCAAgB,aACjB,CACf,CAAC;AACH,CAAC,CAAC;AAlCW,QAAA,OAAO,WAkClB"}

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

@@ -1 +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"}
+{"version":3,"file":"LoopToggle.d.ts","sourceRoot":"","sources":["../../../src/editor/components/LoopToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAMzC,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,CAsBA,CAAC"}

package/dist/editor/components/LoopToggle.js

@@ -18,6 +18,6 @@ const LoopToggle = ({ loop, setLoop }) => {
     if (isStill) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { title: accessibilityLabel, "aria-label": accessibilityLabel, onClick: onClick, children: (0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 512 512", style: { width: 18, height: 18 }, children: (0, jsx_runtime_1.jsx)("path", { fill: loop ? 'var(--blue)' : 'white', d: "M493.544 181.463c11.956 22.605 18.655 48.4 18.452 75.75C511.339 345.365 438.56 416 350.404 416H192v47.495c0 22.475-26.177 32.268-40.971 17.475l-80-80c-9.372-9.373-9.372-24.569 0-33.941l80-80C166.138 271.92 192 282.686 192 304v48h158.875c52.812 0 96.575-42.182 97.12-94.992.155-15.045-3.17-29.312-9.218-42.046-4.362-9.185-2.421-20.124 4.8-27.284 4.745-4.706 8.641-8.555 11.876-11.786 11.368-11.352 30.579-8.631 38.091 5.571zM64.005 254.992c.545-52.81 44.308-94.992 97.12-94.992H320v47.505c0 22.374 26.121 32.312 40.971 17.465l80-80c9.372-9.373 9.372-24.569 0-33.941l-80-80C346.014 16.077 320 26.256 320 48.545V96H161.596C73.44 96 .661 166.635.005 254.788c-.204 27.35 6.495 53.145 18.452 75.75 7.512 14.202 26.723 16.923 38.091 5.57 3.235-3.231 7.13-7.08 11.876-11.786 7.22-7.16 9.162-18.098 4.8-27.284-6.049-12.735-9.374-27.001-9.219-42.046z" }, void 0) }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { title: accessibilityLabel, "aria-label": accessibilityLabel, onClick: onClick, children: (0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 512 512", style: { width: 18, height: 18 }, children: (0, jsx_runtime_1.jsx)("path", { fill: loop ? 'var(--blue)' : 'white', d: "M493.544 181.463c11.956 22.605 18.655 48.4 18.452 75.75C511.339 345.365 438.56 416 350.404 416H192v47.495c0 22.475-26.177 32.268-40.971 17.475l-80-80c-9.372-9.373-9.372-24.569 0-33.941l80-80C166.138 271.92 192 282.686 192 304v48h158.875c52.812 0 96.575-42.182 97.12-94.992.155-15.045-3.17-29.312-9.218-42.046-4.362-9.185-2.421-20.124 4.8-27.284 4.745-4.706 8.641-8.555 11.876-11.786 11.368-11.352 30.579-8.631 38.091 5.571zM64.005 254.992c.545-52.81 44.308-94.992 97.12-94.992H320v47.505c0 22.374 26.121 32.312 40.971 17.465l80-80c9.372-9.373 9.372-24.569 0-33.941l-80-80C346.014 16.077 320 26.256 320 48.545V96H161.596C73.44 96 .661 166.635.005 254.788c-.204 27.35 6.495 53.145 18.452 75.75 7.512 14.202 26.723 16.923 38.091 5.57 3.235-3.231 7.13-7.08 11.876-11.786 7.22-7.16 9.162-18.098 4.8-27.284-6.049-12.735-9.374-27.001-9.219-42.046z" }) }) }));
 };
 exports.LoopToggle = LoopToggle;

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

@@ -1 +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"}
+{"version":3,"file":"LoopToggle.js","sourceRoot":"","sources":["../../../src/editor/components/LoopToggle.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AACzC,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,OAAO,CACN,uBAAC,6BAAa,kBACb,KAAK,EAAE,kBAAkB,gBACb,kBAAkB,EAC9B,OAAO,EAAE,OAAO,gBAEhB,8CAAK,OAAO,EAAC,aAAa,EAAC,KAAK,EAAE,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAC,gBACxD,iCACC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,EACpC,CAAC,EAAC,00BAA00B,WAC30B,YACG,YACS,CAChB,CAAC;AACH,CAAC,CAAC;AAzBW,QAAA,UAAU,cAyBrB"}

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

@@ -10,6 +10,6 @@ const menuDivider = {
     backgroundColor: colors_1.INPUT_BORDER_COLOR_HOVERED,
 };
 const MenuDivider = () => {
-    return (0, jsx_runtime_1.jsx)("div", { style: menuDivider }, void 0);
+    return (0, jsx_runtime_1.jsx)("div", { style: menuDivider });
 };
 exports.MenuDivider = MenuDivider;

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

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

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

@@ -1 +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"}
+{"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,CAiGA,CAAC"}

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

@@ -69,8 +69,8 @@ const MenuItem = ({ label: itemName, selected, id, onItemSelected, onItemHovered
             top: ((_a = size === null || size === void 0 ? void 0 : size.top) !== null && _a !== void 0 ? _a : 0) + ((_b = size === null || size === void 0 ? void 0 : size.height) !== null && _b !== void 0 ? _b : 0),
         };
     }, [size]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("button", { ref: ref, role: "button", tabIndex: tabIndex, onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, onClick: onClick, style: containerStyle, type: "button", children: itemName }, void 0), portalStyle
-                ? react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)("div", { className: "css-reset", style: outerStyle, children: (0, jsx_runtime_1.jsx)(z_index_1.HigherZIndex, { onEscape: onItemQuit, onOutsideClick: onItemQuit, children: (0, jsx_runtime_1.jsx)("div", { style: portalStyle, children: (0, jsx_runtime_1.jsx)(MenuContent_1.MenuContent, { onNextMenu: onPreviousMenu, onPreviousMenu: onNextMenu, values: menu.items, onHide: onItemQuit, leaveLeftSpace: menu.leaveLeftPadding, preselectIndex: false, topItemCanBeUnselected: true }, void 0) }, void 0) }, void 0) }, void 0), (0, portals_1.getPortal)(currentZIndex))
-                : null] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("button", { ref: ref, role: "button", tabIndex: tabIndex, onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, onClick: onClick, style: containerStyle, type: "button", children: itemName }), portalStyle
+                ? react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)("div", { className: "css-reset", style: outerStyle, children: (0, jsx_runtime_1.jsx)(z_index_1.HigherZIndex, { onEscape: onItemQuit, onOutsideClick: onItemQuit, children: (0, jsx_runtime_1.jsx)("div", { style: portalStyle, children: (0, jsx_runtime_1.jsx)(MenuContent_1.MenuContent, { onNextMenu: onPreviousMenu, onPreviousMenu: onNextMenu, values: menu.items, onHide: onItemQuit, leaveLeftSpace: menu.leaveLeftPadding, preselectIndex: false, topItemCanBeUnselected: true }) }) }) }), (0, portals_1.getPortal)(currentZIndex))
+                : null] }));
 };
 exports.MenuItem = MenuItem;

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../../src/editor/components/Menu/MenuItem.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../../src/editor/components/Menu/MenuItem.tsx"],"names":[],"mappings":";;;;;;;AAAA,6CAAiD;AACjD,iCAAoE;AACpE,0DAAiC;AACjC,iDAAiE;AACjE,iDAA4D;AAE5D,+DAA0D;AAC1D,uCAAoC;AACpC,qCAAoD;AAEpD,MAAM,SAAS,GAAwB;IACtC,QAAQ,EAAE,EAAE;IACZ,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,EAAE;IACf,YAAY,EAAE,EAAE;IAChB,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,CAAC;IACb,aAAa,EAAE,CAAC;IAChB,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,MAAM;CACd,CAAC;AAWK,MAAM,QAAQ,GAWhB,CAAC,EACL,KAAK,EAAE,QAAQ,EACf,QAAQ,EACR,EAAE,EACF,cAAc,EACd,aAAa,EACb,UAAU,EACV,cAAc,EACd,UAAU,EACV,IAAI,GACJ,EAAE,EAAE;IACJ,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,GAAG,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAC5C,MAAM,IAAI,GAAG,wBAAe,CAAC,cAAc,CAAC,GAAG,EAAE;QAChD,qBAAqB,EAAE,IAAI;KAC3B,CAAC,CAAC;IACH,MAAM,EAAC,QAAQ,EAAE,aAAa,EAAC,GAAG,IAAA,mBAAS,GAAE,CAAC;IAE9C,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAwB,EAAE;QACxD,OAAO;YACN,GAAG,SAAS;YACZ,eAAe,EAAE,IAAA,oCAA2B,EAAC;gBAC5C,OAAO;gBACP,QAAQ;aACR,CAAC;SACF,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,MAAM,WAAW,GAAG,IAAA,eAAO,EAAC,GAA+B,EAAE;QAC5D,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,EAAE;YACvB,OAAO,IAAI,CAAC;SACZ;QAED,OAAO;YACN,GAAG,sBAAa;YAChB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,GAAG,EAAE,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM;SAC3B,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;IAErB,MAAM,cAAc,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACvC,aAAa,CAAC,EAAE,CAAC,CAAC;QAClB,UAAU,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC;IAExB,MAAM,cAAc,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACvC,UAAU,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAChC,cAAc,CAAC,EAAE,CAAC,CAAC;QAClB,QAAQ,CAAC,aAAgC,CAAC,IAAI,EAAE,CAAC;IACnD,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC;IAEzB,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;;QAC/B,OAAO;YACN,GAAG,oBAAW;YACd,GAAG,EAAE,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,mCAAI,CAAC,CAAC,GAAG,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,mCAAI,CAAC,CAAC;SAC3C,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACN,6DACC,iDACC,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,cAAc,EACrB,IAAI,EAAC,QAAQ,gBAEZ,QAAQ,YACD,EACR,WAAW;gBACX,CAAC,CAAC,mBAAQ,CAAC,YAAY,CACrB,8CAAK,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,UAAU,gBAC3C,uBAAC,sBAAY,kBAAC,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,gBAC7D,8CAAK,KAAK,EAAE,WAAW,gBACtB,uBAAC,yBAAW,IACX,UAAU,EAAE,cAAc,EAC1B,cAAc,EAAE,UAAU,EAC1B,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,MAAM,EAAE,UAAU,EAClB,cAAc,EAAE,IAAI,CAAC,gBAAgB,EACrC,cAAc,EAAE,KAAK,EACrB,sBAAsB,iBACrB,YACG,YACQ,YACV,EACN,IAAA,mBAAS,EAAC,aAAa,CAAC,CACvB;gBACH,CAAC,CAAC,IAAI,YACL,CACH,CAAC;AACH,CAAC,CAAC;AA5GW,QAAA,QAAQ,YA4GnB"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SubMenu } from '../NewComposition/ComboBox';
+import type { SubMenu } from '../NewComposition/ComboBox';
 export declare const MENU_SUBMENU_BUTTON_CLASS_NAME = "remotion-submenu-button";
 export declare type SubMenuActivated = false | 'with-mouse' | 'without-mouse';
 export declare const MenuSubItem: React.FC<{