@remotion/cli 3.0.0-wrappedup.220 → 3.0.0

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"UpdateModal.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/UpdateModal/UpdateModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAQrD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAqB1C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,IAAI,EAAE,UAAU,CAAC;CACjB,CAgDA,CAAC"}
+{"version":3,"file":"UpdateModal.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/UpdateModal/UpdateModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAQrD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AA4B1C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,IAAI,EAAE,UAAU,CAAC;CACjB,CA+CA,CAAC"}

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

@@ -26,13 +26,19 @@ const link = {
     color: 'inherit',
     textDecoration: 'none',
 };
+const commands = {
+    npm: 'npm run upgrade',
+    yarn: 'yarn upgrade',
+    pnpm: 'pnpm run upgrade',
+    unknown: 'npm run upgrade',
+};
 const UpdateModal = ({ info }) => {
     const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
     const onQuit = (0, react_1.useCallback)(() => {
         setSelectedModal(null);
     }, [setSelectedModal]);
-    const command = info.packageManager === 'yarn' ? 'yarn upgrade' : 'npm run upgrade';
-    return ((0, jsx_runtime_1.jsxs)(ModalContainer_1.ModalContainer, Object.assign({ onOutsideClick: onQuit, onEscape: onQuit }, { children: [(0, jsx_runtime_1.jsx)(ModalHeader_1.NewCompHeader, { title: "Update available" }, void 0), (0, jsx_runtime_1.jsxs)("div", Object.assign({ style: container }, { children: [(0, jsx_runtime_1.jsx)("p", { children: "A new update for Remotion is available! Run the following command:" }, void 0), (0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ align: "center" }, { children: [(0, jsx_runtime_1.jsx)(layout_1.Flex, { children: (0, jsx_runtime_1.jsx)("pre", Object.assign({ onClick: () => (0, copy_text_1.copyCmd)(command), style: code }, { children: command }), void 0) }, void 0), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }, void 0), (0, jsx_runtime_1.jsx)(CopyButton_1.CopyButton, { textToCopy: command, label: "Copy command", labelWhenCopied: "Copied!" }, void 0)] }), void 0), (0, jsx_runtime_1.jsxs)("p", { children: ["This will upgrade Remotion from ", info.currentVersion, " to", ' ', info.latestVersion, "."] }, void 0), (0, jsx_runtime_1.jsxs)("p", { children: ["Read the", ' ', (0, jsx_runtime_1.jsx)("a", Object.assign({ style: link, target: "_blank", href: "https://github.com/remotion-dev/remotion/releases" }, { children: "Release notes" }), void 0), ' ', "to know what", "'s", " new in Remotion."] }, void 0)] }), void 0)] }), void 0));
+    const command = commands[info.packageManager];
+    return ((0, jsx_runtime_1.jsxs)(ModalContainer_1.ModalContainer, { onOutsideClick: onQuit, onEscape: onQuit, children: [(0, jsx_runtime_1.jsx)(ModalHeader_1.NewCompHeader, { title: "Update available" }, void 0), (0, jsx_runtime_1.jsxs)("div", { style: container, children: [(0, jsx_runtime_1.jsx)("p", { children: "A new update for Remotion is available! Run the following command:" }, void 0), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)(layout_1.Flex, { children: (0, jsx_runtime_1.jsx)("pre", { onClick: () => (0, copy_text_1.copyCmd)(command), style: code, children: command }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }, void 0), (0, jsx_runtime_1.jsx)(CopyButton_1.CopyButton, { textToCopy: command, label: "Copy command", labelWhenCopied: "Copied!" }, void 0)] }, void 0), (0, jsx_runtime_1.jsxs)("p", { children: ["This will upgrade Remotion from ", info.currentVersion, " to", ' ', info.latestVersion, "."] }, void 0), (0, jsx_runtime_1.jsxs)("p", { children: ["Read the", ' ', (0, jsx_runtime_1.jsx)("a", { style: link, target: "_blank", href: "https://github.com/remotion-dev/remotion/releases", children: "Release notes" }, void 0), ' ', "to know what", "'s", " new in Remotion."] }, void 0)] }, void 0)] }, void 0));
 };
 exports.UpdateModal = UpdateModal;
 //# sourceMappingURL=UpdateModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"UpdateModal.js","sourceRoot":"","sources":["../../../../src/editor/components/UpdateModal/UpdateModal.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqD;AACrD,iDAAyD;AACzD,uDAAgD;AAChD,+CAAiD;AACjD,8CAAyC;AACzC,sCAA6C;AAC7C,sDAAiD;AACjD,gDAA6C;AAG7C,MAAM,SAAS,GAAwB;IACtC,OAAO,EAAE,EAAE;IACX,UAAU,EAAE,CAAC;CACb,CAAC;AAEF,MAAM,IAAI,GAAwB;IACjC,UAAU,EAAE,4BAAmB;IAC/B,OAAO,EAAE,WAAW;IACpB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,EAAE;IACb,YAAY,EAAE,EAAE;CAChB,CAAC;AAEF,MAAM,IAAI,GAAwB;IACjC,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,SAAS;IAChB,cAAc,EAAE,MAAM;CACtB,CAAC;AAEK,MAAM,WAAW,GAEnB,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;IACf,MAAM,EAAC,gBAAgB,EAAC,GAAG,IAAA,kBAAU,EAAC,sBAAa,CAAC,CAAC;IAErD,MAAM,MAAM,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/B,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,MAAM,OAAO,GACZ,IAAI,CAAC,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAErE,OAAO,CACN,wBAAC,+BAAc,kBAAC,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,iBACvD,uBAAC,2BAAa,IAAC,KAAK,EAAC,kBAAkB,WAAG,EAC1C,+CAAK,KAAK,EAAE,SAAS,iBACpB,uHAEI,EACJ,wBAAC,YAAG,kBAAC,KAAK,EAAC,QAAQ,iBAClB,uBAAC,aAAI,cACJ,8CAAK,OAAO,EAAE,GAAG,EAAE,CAAC,IAAA,mBAAO,EAAC,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,gBAC/C,OAAO,YACH,WACA,EACP,uBAAC,gBAAO,IAAC,CAAC,EAAE,CAAC,WAAI,EACjB,uBAAC,uBAAU,IACV,UAAU,EAAE,OAAO,EACnB,KAAK,EAAC,cAAc,EACpB,eAAe,EAAC,SAAS,WACxB,aACG,EACN,8EACkC,IAAI,CAAC,cAAc,SAAK,GAAG,EAC3D,IAAI,CAAC,aAAa,iBAChB,EACJ,sDACU,GAAG,EACZ,4CACC,KAAK,EAAE,IAAI,EACX,MAAM,EAAC,QAAQ,EACf,IAAI,EAAC,mDAAmD,2CAGrD,EAAC,GAAG,kBACK,IAAI,iCACd,aACC,aACU,CACjB,CAAC;AACH,CAAC,CAAC;AAlDW,QAAA,WAAW,eAkDtB"}
+{"version":3,"file":"UpdateModal.js","sourceRoot":"","sources":["../../../../src/editor/components/UpdateModal/UpdateModal.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqD;AACrD,iDAAyD;AACzD,uDAAgD;AAChD,+CAAiD;AACjD,8CAAyC;AACzC,sCAA6C;AAC7C,sDAAiD;AACjD,gDAA6C;AAG7C,MAAM,SAAS,GAAwB;IACtC,OAAO,EAAE,EAAE;IACX,UAAU,EAAE,CAAC;CACb,CAAC;AAEF,MAAM,IAAI,GAAwB;IACjC,UAAU,EAAE,4BAAmB;IAC/B,OAAO,EAAE,WAAW;IACpB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,EAAE;IACb,YAAY,EAAE,EAAE;CAChB,CAAC;AAEF,MAAM,IAAI,GAAwB;IACjC,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,SAAS;IAChB,cAAc,EAAE,MAAM;CACtB,CAAC;AAEF,MAAM,QAAQ,GAAoD;IACjE,GAAG,EAAE,iBAAiB;IACtB,IAAI,EAAE,cAAc;IACpB,IAAI,EAAE,kBAAkB;IACxB,OAAO,EAAE,iBAAiB;CAC1B,CAAC;AAEK,MAAM,WAAW,GAEnB,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;IACf,MAAM,EAAC,gBAAgB,EAAC,GAAG,IAAA,kBAAU,EAAC,sBAAa,CAAC,CAAC;IAErD,MAAM,MAAM,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/B,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAE9C,OAAO,CACN,wBAAC,+BAAc,IAAC,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,aACvD,uBAAC,2BAAa,IAAC,KAAK,EAAC,kBAAkB,WAAG,EAC1C,iCAAK,KAAK,EAAE,SAAS,aACpB,uHAEI,EACJ,wBAAC,YAAG,IAAC,KAAK,EAAC,QAAQ,aAClB,uBAAC,aAAI,cACJ,gCAAK,OAAO,EAAE,GAAG,EAAE,CAAC,IAAA,mBAAO,EAAC,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,YAC/C,OAAO,WACH,WACA,EACP,uBAAC,gBAAO,IAAC,CAAC,EAAE,CAAC,WAAI,EACjB,uBAAC,uBAAU,IACV,UAAU,EAAE,OAAO,EACnB,KAAK,EAAC,cAAc,EACpB,eAAe,EAAC,SAAS,WACxB,YACG,EACN,8EACkC,IAAI,CAAC,cAAc,SAAK,GAAG,EAC3D,IAAI,CAAC,aAAa,iBAChB,EACJ,sDACU,GAAG,EACZ,8BACC,KAAK,EAAE,IAAI,EACX,MAAM,EAAC,QAAQ,EACf,IAAI,EAAC,mDAAmD,sCAGrD,EAAC,GAAG,kBACK,IAAI,iCACd,YACC,YACU,CACjB,CAAC;AACH,CAAC,CAAC;AAjDW,QAAA,WAAW,eAiDtB"}

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

@@ -4,17 +4,21 @@ export declare const Spacing: React.FC<{
     x?: number;
     y?: number;
 }>;
-export declare const Flex: React.FC;
+export declare const Flex: React.FC<{
+    children?: React.ReactNode;
+}>;
 export declare const Row: React.FC<{
     justify?: 'center';
     align?: 'center';
     style?: React.CSSProperties;
     className?: string;
+    children: React.ReactNode;
 }>;
 export declare const Column: React.FC<{
     justify?: 'center';
     align?: 'center';
     style?: React.CSSProperties;
     className?: string;
+    children: React.ReactNode;
 }>;
 //# sourceMappingURL=layout.d.ts.map

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

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

package/dist/editor/components/layout.js

@@ -16,7 +16,7 @@ const Spacing = ({ x = 0, y = 0 }) => {
 };
 exports.Spacing = Spacing;
 const flex = { flex: 1 };
-const Flex = ({ children }) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: flex }, { children: children }), void 0));
+const Flex = ({ children }) => (0, jsx_runtime_1.jsx)("div", { style: flex, children: children }, void 0);
 exports.Flex = Flex;
 const Row = ({ children, justify, className, align, style = {} }) => {
     const finalStyle = (0, react_1.useMemo)(() => {
@@ -28,7 +28,7 @@ const Row = ({ children, justify, className, align, style = {} }) => {
             alignItems: align !== null && align !== void 0 ? align : 'flex-start',
         };
     }, [align, justify, style]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: className, style: finalStyle }, { children: children }), void 0));
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, style: finalStyle, children: children }, void 0));
 };
 exports.Row = Row;
 const Column = ({ children, justify, className, align, style = {} }) => {
@@ -41,7 +41,7 @@ const Column = ({ children, justify, className, align, style = {} }) => {
             alignItems: align !== null && align !== void 0 ? align : 'flex-start',
         };
     }, [align, justify, style]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: className, style: finalStyle }, { children: children }), void 0));
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, style: finalStyle, children: children }, void 0));
 };
 exports.Column = Column;
 //# sourceMappingURL=layout.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"get-left-of-timeline-slider.d.ts","sourceRoot":"","sources":["../../../src/editor/helpers/get-left-of-timeline-slider.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,+BAA+B;iBAUlC,MAAM;;CAiBf,CAAC"}
+{"version":3,"file":"get-left-of-timeline-slider.d.ts","sourceRoot":"","sources":["../../../src/editor/helpers/get-left-of-timeline-slider.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,+BAA+B;iBAWlC,MAAM;;CAiBf,CAAC"}

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

@@ -10,6 +10,7 @@ const useGetXPositionOfItemInTimeline = () => {
     var _a;
     const size = player_1.PlayerInternals.useElementSize(timeline_refs_1.sliderAreaRef, {
         triggerOnWindowResize: false,
+        shouldApplyCssTransforms: true,
     });
     const videoConfig = remotion_1.Internals.useUnsafeVideoConfig();
     const width = (_a = size === null || size === void 0 ? void 0 : size.width) !== null && _a !== void 0 ? _a : 0;

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

@@ -1 +1 @@
-{"version":3,"file":"get-left-of-timeline-slider.js","sourceRoot":"","sources":["../../../src/editor/helpers/get-left-of-timeline-slider.ts"],"names":[],"mappings":";;;AAAA,6CAAiD;AACjD,iCAA2C;AAC3C,uCAAmC;AACnC,wEAAmE;AACnE,uDAAmD;AAE5C,MAAM,+BAA+B,GAAG,GAAG,EAAE;;IACnD,MAAM,IAAI,GAAG,wBAAe,CAAC,cAAc,CAAC,6BAAa,EAAE;QAC1D,qBAAqB,EAAE,KAAK;KAC5B,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,oBAAS,CAAC,oBAAoB,EAAE,CAAC;IAErD,MAAM,KAAK,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,CAAC,CAAC;IAE/B,MAAM,GAAG,GAAG,IAAA,mBAAW,EACtB,CAAC,KAAa,EAAE,EAAE;QACjB,IAAI,CAAC,WAAW,EAAE;YACjB,OAAO,CAAC,CAAC;SACT;QAED,OAAO,CACN,CAAC,KAAK,GAAG,CAAC,WAAW,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC;YAC3C,CAAC,KAAK,GAAG,kCAAgB,GAAG,CAAC,CAAC;YAC/B,kCAAgB,CAChB,CAAC;IACH,CAAC,EACD,CAAC,WAAW,EAAE,KAAK,CAAC,CACpB,CAAC;IAEF,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QACnB,OAAO,EAAC,GAAG,EAAE,KAAK,EAAC,CAAC;IACrB,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;AAClB,CAAC,CAAC;AA3BW,QAAA,+BAA+B,mCA2B1C"}
+{"version":3,"file":"get-left-of-timeline-slider.js","sourceRoot":"","sources":["../../../src/editor/helpers/get-left-of-timeline-slider.ts"],"names":[],"mappings":";;;AAAA,6CAAiD;AACjD,iCAA2C;AAC3C,uCAAmC;AACnC,wEAAmE;AACnE,uDAAmD;AAE5C,MAAM,+BAA+B,GAAG,GAAG,EAAE;;IACnD,MAAM,IAAI,GAAG,wBAAe,CAAC,cAAc,CAAC,6BAAa,EAAE;QAC1D,qBAAqB,EAAE,KAAK;QAC5B,wBAAwB,EAAE,IAAI;KAC9B,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,oBAAS,CAAC,oBAAoB,EAAE,CAAC;IAErD,MAAM,KAAK,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,CAAC,CAAC;IAE/B,MAAM,GAAG,GAAG,IAAA,mBAAW,EACtB,CAAC,KAAa,EAAE,EAAE;QACjB,IAAI,CAAC,WAAW,EAAE;YACjB,OAAO,CAAC,CAAC;SACT;QAED,OAAO,CACN,CAAC,KAAK,GAAG,CAAC,WAAW,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC;YAC3C,CAAC,KAAK,GAAG,kCAAgB,GAAG,CAAC,CAAC;YAC/B,kCAAgB,CAChB,CAAC;IACH,CAAC,EACD,CAAC,WAAW,EAAE,KAAK,CAAC,CACpB,CAAC;IAEF,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QACnB,OAAO,EAAC,GAAG,EAAE,KAAK,EAAC,CAAC;IACrB,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;AAClB,CAAC,CAAC;AA5BW,QAAA,+BAA+B,mCA4B1C"}

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

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

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

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

package/dist/editor/helpers/isCompositionStill.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/editor/hooks/get-el-size.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useElementSize = void 0;
+const react_1 = require("react");
+const useElementSize = (ref) => {
+    const [size, setSize] = react_1.useState(null);
+    const observer = react_1.useMemo(() => new ResizeObserver((entries) => {
+        const newSize = entries[0].target.getClientRects();
+        setSize({
+            width: newSize[0].width,
+            height: newSize[0].height,
+            left: newSize[0].x,
+            top: newSize[0].y,
+        });
+    }), []);
+    const updateSize = react_1.useCallback(() => {
+        if (!ref.current) {
+            return;
+        }
+        const rect = ref.current.getClientRects();
+        setSize({
+            width: rect[0].width,
+            height: rect[0].height,
+            left: rect[0].x,
+            top: rect[0].y,
+        });
+    }, [ref]);
+    react_1.useEffect(() => {
+        updateSize();
+        const { current } = ref;
+        if (ref.current) {
+            observer.observe(ref.current);
+        }
+        return () => {
+            if (current) {
+                observer.unobserve(current);
+            }
+        };
+    }, [observer, ref, updateSize]);
+    return size;
+};
+exports.useElementSize = useElementSize;
+//# sourceMappingURL=get-el-size.js.map

package/dist/editor/hooks/get-el-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-el-size.js","sourceRoot":"","sources":["../../../src/editor/hooks/get-el-size.ts"],"names":[],"mappings":";;;AAAA,iCAAgE;AASzD,MAAM,cAAc,GAAG,CAC7B,GAAoC,EACtB,EAAE;IAChB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,gBAAQ,CAAc,IAAI,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,eAAO,CACvB,GAAG,EAAE,CACJ,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;QAC9B,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC;QACnD,OAAO,CAAC;YACP,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK;YACvB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM;YACzB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;YAClB,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;SACjB,CAAC,CAAC;IACJ,CAAC,CAAC,EACH,EAAE,CACF,CAAC;IACF,MAAM,UAAU,GAAG,mBAAW,CAAC,GAAG,EAAE;QACnC,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;YACjB,OAAO;SACP;QAED,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC,cAAc,EAAE,CAAC;QAC1C,OAAO,CAAC;YACP,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,KAAe;YAC9B,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,MAAgB;YAChC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAW;YACzB,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAW;SACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,iBAAS,CAAC,GAAG,EAAE;QACd,UAAU,EAAE,CAAC;QACb,MAAM,EAAC,OAAO,EAAC,GAAG,GAAG,CAAC;QACtB,IAAI,GAAG,CAAC,OAAO,EAAE;YAChB,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;SAC9B;QAED,OAAO,GAAS,EAAE;YACjB,IAAI,OAAO,EAAE;gBACZ,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;aAC5B;QACF,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC;IAChC,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AA7CW,QAAA,cAAc,kBA6CzB"}

package/dist/editor/icons/Checkmark.js

@@ -6,6 +6,6 @@ const style = {
     width: 14,
     height: 14,
 };
-const Checkmark = () => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ "aria-hidden": "true", focusable: "false", "data-prefix": "far", "data-icon": "check", className: "svg-inline--fa fa-check fa-w-16", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", style: style }, { children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z" }, void 0) }), void 0));
+const Checkmark = () => ((0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "far", "data-icon": "check", className: "svg-inline--fa fa-check fa-w-16", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", style: style, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z" }, void 0) }, void 0));
 exports.Checkmark = Checkmark;
 //# sourceMappingURL=Checkmark.js.map

package/dist/editor/icons/Checkmark.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkmark.js","sourceRoot":"","sources":["../../../src/editor/icons/Checkmark.tsx"],"names":[],"mappings":";;;;AAEA,MAAM,KAAK,GAAwB;IAClC,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACV,CAAC;AAEK,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC9B,6DACa,MAAM,EAClB,SAAS,EAAC,OAAO,iBACL,KAAK,eACP,OAAO,EACjB,SAAS,EAAC,iCAAiC,EAC3C,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,KAAK,gBAEZ,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,0RAA0R,WAC3R,YACG,CACN,CAAC;AAjBW,QAAA,SAAS,aAiBpB"}
+{"version":3,"file":"Checkmark.js","sourceRoot":"","sources":["../../../src/editor/icons/Checkmark.tsx"],"names":[],"mappings":";;;;AAEA,MAAM,KAAK,GAAwB;IAClC,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACV,CAAC;AAEK,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC9B,+CACa,MAAM,EAClB,SAAS,EAAC,OAAO,iBACL,KAAK,eACP,OAAO,EACjB,SAAS,EAAC,iCAAiC,EAC3C,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,KAAK,YAEZ,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,0RAA0R,WAC3R,WACG,CACN,CAAC;AAjBW,QAAA,SAAS,aAiBpB"}

package/dist/editor/icons/caret.js

@@ -8,10 +8,10 @@ const caret = {
 const caretDown = {
     width: 10,
 };
-const Caret = () => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ viewBox: "0 0 192 512", style: caret }, { children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z" }, void 0) }), void 0));
+const Caret = () => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 192 512", style: caret, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z" }, void 0) }, void 0));
 exports.Caret = Caret;
 const CaretDown = () => {
-    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ viewBox: "0 0 320 512", style: caretDown }, { children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z" }, void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 320 512", style: caretDown, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z" }, void 0) }, void 0));
 };
 exports.CaretDown = CaretDown;
 //# sourceMappingURL=caret.js.map

package/dist/editor/icons/caret.js.map

@@ -1 +1 @@
-{"version":3,"file":"caret.js","sourceRoot":"","sources":["../../../src/editor/icons/caret.tsx"],"names":[],"mappings":";;;;AAEA,MAAM,KAAK,GAAwB;IAClC,MAAM,EAAE,EAAE;CACV,CAAC;AAEF,MAAM,SAAS,GAAwB;IACtC,KAAK,EAAE,EAAE;CACT,CAAC;AAEK,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,CAC1B,8CAAK,OAAO,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,gBACtC,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,0JAA0J,WAC3J,YACG,CACN,CAAC;AAPW,QAAA,KAAK,SAOhB;AAEK,MAAM,SAAS,GAAG,GAAG,EAAE;IAC7B,OAAO,CACN,8CAAK,OAAO,EAAC,aAAa,EAAC,KAAK,EAAE,SAAS,gBAC1C,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,yHAAyH,WAC1H,YACG,CACN,CAAC;AACH,CAAC,CAAC;AATW,QAAA,SAAS,aASpB"}
+{"version":3,"file":"caret.js","sourceRoot":"","sources":["../../../src/editor/icons/caret.tsx"],"names":[],"mappings":";;;;AAEA,MAAM,KAAK,GAAwB;IAClC,MAAM,EAAE,EAAE;CACV,CAAC;AAEF,MAAM,SAAS,GAAwB;IACtC,KAAK,EAAE,EAAE;CACT,CAAC;AAEK,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,CAC1B,gCAAK,OAAO,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,YACtC,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,0JAA0J,WAC3J,WACG,CACN,CAAC;AAPW,QAAA,KAAK,SAOhB;AAEK,MAAM,SAAS,GAAG,GAAG,EAAE;IAC7B,OAAO,CACN,gCAAK,OAAO,EAAC,aAAa,EAAC,KAAK,EAAE,SAAS,YAC1C,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,yHAAyH,WAC1H,WACG,CACN,CAAC;AACH,CAAC,CAAC;AATW,QAAA,SAAS,aASpB"}

package/dist/editor/icons/fast-back.d.ts

@@ -0,0 +1,3 @@
+import React, { SVGProps } from 'react';
+export declare const FastBack: React.FC<SVGProps<SVGSVGElement>>;
+//# sourceMappingURL=fast-back.d.ts.map

package/dist/editor/icons/fast-back.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fast-back.d.ts","sourceRoot":"","sources":["../../../src/editor/icons/fast-back.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,CAStD,CAAC"}

package/dist/editor/icons/fast-back.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FastBack = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const FastBack = (props) => {
+    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ viewBox: "0 0 448 512" }, props, { children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M11.5 280.6l192 160c20.6 17.2 52.5 2.8 52.5-24.6V96c0-27.4-31.9-41.8-52.5-24.6l-192 160c-15.3 12.8-15.3 36.4 0 49.2zm256 0l192 160c20.6 17.2 52.5 2.8 52.5-24.6V96c0-27.4-31.9-41.8-52.5-24.6l-192 160c-15.3 12.8-15.3 36.4 0 49.2z" }, void 0) }), void 0));
+};
+exports.FastBack = FastBack;
+//# sourceMappingURL=fast-back.js.map

package/dist/editor/icons/fast-back.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fast-back.js","sourceRoot":"","sources":["../../../src/editor/icons/fast-back.tsx"],"names":[],"mappings":";;;;AAEO,MAAM,QAAQ,GAAsC,CAAC,KAAK,EAAE,EAAE;IACpE,OAAO,CACN,8CAAK,OAAO,EAAC,aAAa,IAAK,KAAK,cACnC,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,qOAAqO,WACtO,YACG,CACN,CAAC;AACH,CAAC,CAAC;AATW,QAAA,QAAQ,YASnB"}

package/dist/editor/icons/fast-forward.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+export declare const FastForward: React.FC<SVGProps<SVGSVGElement>>;
+//# sourceMappingURL=fast-forward.d.ts.map

package/dist/editor/icons/fast-forward.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fast-forward.d.ts","sourceRoot":"","sources":["../../../src/editor/icons/fast-forward.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,CASzD,CAAC"}

package/dist/editor/icons/fast-forward.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FastForward = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const FastForward = (props) => {
+    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ viewBox: "0 0 448 512" }, props, { children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M500.5 231.4l-192-160C287.9 54.3 256 68.6 256 96v320c0 27.4 31.9 41.8 52.5 24.6l192-160c15.3-12.8 15.3-36.4 0-49.2zm-256 0l-192-160C31.9 54.3 0 68.6 0 96v320c0 27.4 31.9 41.8 52.5 24.6l192-160c15.3-12.8 15.3-36.4 0-49.2z" }, void 0) }), void 0));
+};
+exports.FastForward = FastForward;
+//# sourceMappingURL=fast-forward.js.map

package/dist/editor/icons/fast-forward.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fast-forward.js","sourceRoot":"","sources":["../../../src/editor/icons/fast-forward.tsx"],"names":[],"mappings":";;;;AAEO,MAAM,WAAW,GAAsC,CAAC,KAAK,EAAE,EAAE;IACvE,OAAO,CACN,8CAAK,OAAO,EAAC,aAAa,IAAK,KAAK,cACnC,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,8NAA8N,WAC/N,YACG,CACN,CAAC;AACH,CAAC,CAAC;AATW,QAAA,WAAW,eAStB"}

package/dist/editor/icons/film.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilmIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const FilmIcon = (props) => {
-    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ viewBox: "0 0 512 512" }, props, { children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M488 64h-8v20c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12V64H96v20c0 6.6-5.4 12-12 12H44c-6.6 0-12-5.4-12-12V64h-8C10.7 64 0 74.7 0 88v336c0 13.3 10.7 24 24 24h8v-20c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v20h320v-20c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v20h8c13.3 0 24-10.7 24-24V88c0-13.3-10.7-24-24-24zM96 372c0 6.6-5.4 12-12 12H44c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12H44c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12H44c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm280 208c0 6.6-5.4 12-12 12H148c-6.6 0-12-5.4-12-12V124c0-6.6 5.4-12 12-12h216c6.6 0 12 5.4 12 12v264zm104-16c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40z" }, void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 512 512", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M488 64h-8v20c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12V64H96v20c0 6.6-5.4 12-12 12H44c-6.6 0-12-5.4-12-12V64h-8C10.7 64 0 74.7 0 88v336c0 13.3 10.7 24 24 24h8v-20c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v20h320v-20c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v20h8c13.3 0 24-10.7 24-24V88c0-13.3-10.7-24-24-24zM96 372c0 6.6-5.4 12-12 12H44c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12H44c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12H44c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm280 208c0 6.6-5.4 12-12 12H148c-6.6 0-12-5.4-12-12V124c0-6.6 5.4-12 12-12h216c6.6 0 12 5.4 12 12v264zm104-16c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40z" }, void 0) }, void 0));
 };
 exports.FilmIcon = FilmIcon;
 //# sourceMappingURL=film.js.map

package/dist/editor/icons/film.js.map

@@ -1 +1 @@
-{"version":3,"file":"film.js","sourceRoot":"","sources":["../../../src/editor/icons/film.tsx"],"names":[],"mappings":";;;;AAEO,MAAM,QAAQ,GAAsC,CAAC,KAAK,EAAE,EAAE;IACpE,OAAO,CACN,8CAAK,OAAO,EAAC,aAAa,IAAK,KAAK,cACnC,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,m+BAAm+B,WACp+B,YACG,CACN,CAAC;AACH,CAAC,CAAC;AATW,QAAA,QAAQ,YASnB"}
+{"version":3,"file":"film.js","sourceRoot":"","sources":["../../../src/editor/icons/film.tsx"],"names":[],"mappings":";;;;AAEO,MAAM,QAAQ,GAAsC,CAAC,KAAK,EAAE,EAAE;IACpE,OAAO,CACN,gCAAK,OAAO,EAAC,aAAa,KAAK,KAAK,YACnC,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,m+BAAm+B,WACp+B,WACG,CACN,CAAC;AACH,CAAC,CAAC;AATW,QAAA,QAAQ,YASnB"}

package/dist/editor/icons/keys.js

@@ -6,15 +6,15 @@ const iconStyle = {
     width: 10,
 };
 const ShiftIcon = () => {
-    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ style: iconStyle, viewBox: "0 0 448 512" }, { children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M48.048 304h73.798v128c0 26.51 21.49 48 48 48h108.308c26.51 0 48-21.49 48-48V304h73.789c42.638 0 64.151-51.731 33.941-81.941l-175.943-176c-18.745-18.745-49.137-18.746-67.882 0l-175.952 176C-16.042 252.208 5.325 304 48.048 304zM224 80l176 176H278.154v176H169.846V256H48L224 80z" }, void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)("svg", { style: iconStyle, viewBox: "0 0 448 512", children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M48.048 304h73.798v128c0 26.51 21.49 48 48 48h108.308c26.51 0 48-21.49 48-48V304h73.789c42.638 0 64.151-51.731 33.941-81.941l-175.943-176c-18.745-18.745-49.137-18.746-67.882 0l-175.952 176C-16.042 252.208 5.325 304 48.048 304zM224 80l176 176H278.154v176H169.846V256H48L224 80z" }, void 0) }, void 0));
 };
 exports.ShiftIcon = ShiftIcon;
 const ArrowLeft = () => {
-    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ style: iconStyle, viewBox: "0 0 448 512" }, { children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8.4 34.3z" }, void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)("svg", { style: iconStyle, viewBox: "0 0 448 512", children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8.4 34.3z" }, void 0) }, void 0));
 };
 exports.ArrowLeft = ArrowLeft;
 const ArrowRight = () => {
-    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ style: iconStyle, viewBox: "0 0 448 512" }, { children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z" }, void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)("svg", { style: iconStyle, viewBox: "0 0 448 512", children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z" }, void 0) }, void 0));
 };
 exports.ArrowRight = ArrowRight;
 //# sourceMappingURL=keys.js.map