@remotion/cli 3.0.0 → 3.0.3

package/dist/editor/components/Errors/ErrorDisplay.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorDisplay = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const container = {
-    width: '100%',
-    maxWidth: 1000,
-    marginLeft: 'auto',
-    marginRight: 'auto',
-    fontFamily: 'sans-serif',
-    paddingTop: '5vh',
-};
-const title = {
-    fontSize: '1.5em',
-    fontWeight: 'bold',
-};
-const stack = {
-    backgroundColor: 'black',
-    marginTop: 17,
-};
-const stackLine = {
-    paddingTop: 8,
-    paddingBottom: 8,
-    paddingLeft: 14,
-    paddingRight: 14,
-};
-const ErrorDisplay = ({ display }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: container }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ style: title }, { children: [display.error.name, ": ", display.error.message] }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: stack }, { children: display.stackFrames.map((s, i) => {
-                    var _a;
-                    return (
-                    // eslint-disable-next-line react/no-array-index-key
-                    (0, jsx_runtime_1.jsxs)("div", Object.assign({ style: stackLine }, { children: [(0, jsx_runtime_1.jsx)("div", { children: s.functionName }, void 0), (0, jsx_runtime_1.jsxs)("div", { children: [s._originalFileName, ":", s.columnNumber] }, void 0), (0, jsx_runtime_1.jsx)("div", { children: (_a = s._originalScriptCode) === null || _a === void 0 ? void 0 : _a.map((s, j) => {
-                                    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: {
-                                            fontFamily: 'monospace',
-                                            whiteSpace: 'pre',
-                                            tabSize: 2,
-                                            color: s.highlight ? 'red' : 'inherit',
-                                        } }, { children: s.content }), j));
-                                }) }, void 0)] }), i));
-                }) }), void 0)] }), void 0));
-};
-exports.ErrorDisplay = ErrorDisplay;
-//# sourceMappingURL=ErrorDisplay.js.map

package/dist/editor/components/Errors/ErrorDisplay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorDisplay.js","sourceRoot":"","sources":["../../../../src/editor/components/Errors/ErrorDisplay.tsx"],"names":[],"mappings":";;;;AAWA,MAAM,SAAS,GAAwB;IACtC,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,IAAI;IACd,UAAU,EAAE,MAAM;IAClB,WAAW,EAAE,MAAM;IACnB,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,KAAK;CACjB,CAAC;AAEF,MAAM,KAAK,GAAwB;IAClC,QAAQ,EAAE,OAAO;IACjB,UAAU,EAAE,MAAM;CAClB,CAAC;AAEF,MAAM,KAAK,GAAwB;IAClC,eAAe,EAAE,OAAO;IACxB,SAAS,EAAE,EAAE;CACb,CAAC;AAEF,MAAM,SAAS,GAAwB;IACtC,UAAU,EAAE,CAAC;IACb,aAAa,EAAE,CAAC;IAChB,WAAW,EAAE,EAAE;IACf,YAAY,EAAE,EAAE;CAChB,CAAC;AAEK,MAAM,YAAY,GAEpB,CAAC,EAAC,OAAO,EAAC,EAAE,EAAE;IAClB,OAAO,CACN,+CAAK,KAAK,EAAE,SAAS,iBACpB,+CAAK,KAAK,EAAE,KAAK,iBACf,OAAO,CAAC,KAAK,CAAC,IAAI,QAAI,OAAO,CAAC,KAAK,CAAC,OAAO,aACvC,EACN,8CAAK,KAAK,EAAE,KAAK,gBACf,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;;oBACjC,OAAO;oBACN,oDAAoD;oBACpD,+CAAa,KAAK,EAAE,SAAS,iBAC5B,0CAAM,CAAC,CAAC,YAAY,WAAO,EAC3B,4CACE,CAAC,CAAC,iBAAiB,OAAG,CAAC,CAAC,YAAY,YAChC,EACN,0CACE,MAAA,CAAC,CAAC,mBAAmB,0CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oCACpC,OAAO,CACN,8CAGC,KAAK,EAAE;4CACN,UAAU,EAAE,WAAW;4CACvB,UAAU,EAAE,KAAK;4CACjB,OAAO,EAAE,CAAC;4CACV,KAAK,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;yCACtC,gBAEA,CAAC,CAAC,OAAO,KARL,CAAC,CASD,CACN,CAAC;gCACH,CAAC,CAAC,WACG,MAtBG,CAAC,CAuBL,CACN,CAAC;gBACH,CAAC,CAAC,YACG,aACD,CACN,CAAC;AACH,CAAC,CAAC;AAzCW,QAAA,YAAY,gBAyCvB"}

package/dist/editor/components/Errors/ErrorOverlay.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { ErrorRecord } from './ErrorDisplay';
-declare type SetErrors = {
-    setErrors: (errs: ErrorRecord[]) => void;
-};
-export declare const setErrorsRef: React.RefObject<SetErrors>;
-export declare const Overlay: React.FC;
-export {};
-//# sourceMappingURL=ErrorOverlay.d.ts.map

package/dist/editor/components/Errors/ErrorOverlay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorOverlay.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Errors/ErrorOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAe,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAEzD,aAAK,SAAS,GAAG;IAChB,SAAS,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,YAAY,4BAAyB,CAAC;AAEnD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAwB3B,CAAC"}

package/dist/editor/components/Errors/ErrorOverlay.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Overlay = exports.setErrorsRef = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const remotion_1 = require("remotion");
-const ErrorDisplay_1 = require("./ErrorDisplay");
-exports.setErrorsRef = (0, react_1.createRef)();
-const Overlay = () => {
-    const [errors, setErrors] = (0, react_1.useState)([]);
-    (0, react_1.useImperativeHandle)(exports.setErrorsRef, () => {
-        return { setErrors };
-    }, []);
-    if (errors.length === 0) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(remotion_1.AbsoluteFill, Object.assign({ style: { backgroundColor: '#1f2428', overflow: 'auto', color: 'white' } }, { children: errors.map((err) => {
-            return (0, jsx_runtime_1.jsx)(ErrorDisplay_1.ErrorDisplay, { display: err }, err.error.stack);
-        }) }), void 0));
-};
-exports.Overlay = Overlay;
-//# sourceMappingURL=ErrorOverlay.js.map

package/dist/editor/components/Errors/ErrorOverlay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorOverlay.js","sourceRoot":"","sources":["../../../../src/editor/components/Errors/ErrorOverlay.tsx"],"names":[],"mappings":";;;;AAAA,iCAAsE;AACtE,uCAAsC;AACtC,iDAAyD;AAM5C,QAAA,YAAY,GAAG,IAAA,iBAAS,GAAa,CAAC;AAE5C,MAAM,OAAO,GAAa,GAAG,EAAE;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAgB,EAAE,CAAC,CAAC;IAExD,IAAA,2BAAmB,EAClB,oBAAY,EACZ,GAAG,EAAE;QACJ,OAAO,EAAC,SAAS,EAAC,CAAC;IACpB,CAAC,EACD,EAAE,CACF,CAAC;IAEF,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;QACxB,OAAO,IAAI,CAAC;KACZ;IAED,OAAO,CACN,uBAAC,uBAAY,kBACZ,KAAK,EAAE,EAAC,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAC,gBAEpE,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACnB,OAAO,uBAAC,2BAAY,IAAuB,OAAO,EAAE,GAAG,IAA7B,GAAG,CAAC,KAAK,CAAC,KAAK,CAAkB,CAAC;QAC7D,CAAC,CAAC,YACY,CACf,CAAC;AACH,CAAC,CAAC;AAxBW,QAAA,OAAO,WAwBlB"}

package/dist/editor/components/Errors/stack-frame.d.ts

@@ -1,46 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/** A container holding a script line. */
-export declare class ScriptLine {
-    /** The line number of this line of source. */
-    lineNumber: number;
-    /** The content (or value) of this line of source. */
-    content: string;
-    /** Whether or not this line should be highlighted. Particularly useful for error reporting with context. */
-    highlight: boolean;
-    constructor(lineNumber: number, content: string, highlight?: boolean);
-}
-/**
- * A representation of a stack frame.
- */
-export declare class StackFrame {
-    functionName: string | null;
-    fileName: string | null;
-    lineNumber: number | null;
-    columnNumber: number | null;
-    _originalFunctionName: string | null;
-    _originalFileName: string | null;
-    _originalLineNumber: number | null;
-    _originalColumnNumber: number | null;
-    _scriptCode: ScriptLine[] | null;
-    _originalScriptCode: ScriptLine[] | null;
-    constructor(functionName?: string | null, fileName?: string | null, lineNumber?: number | null, columnNumber?: number | null, scriptCode?: ScriptLine[] | null, sourceFunctionName?: string | null, sourceFileName?: string | null, sourceLineNumber?: number | null, sourceColumnNumber?: number | null, sourceScriptCode?: ScriptLine[] | null);
-    /**
-     * Returns the name of this function.
-     */
-    getFunctionName(): string;
-    /**
-     * Returns the source of the frame.
-     * This contains the file name, line number, and column number when available.
-     */
-    getSource(): string;
-    /**
-     * Returns a pretty version of this stack frame.
-     */
-    toString(): string;
-}
-//# sourceMappingURL=stack-frame.d.ts.map

package/dist/editor/components/Errors/stack-frame.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"stack-frame.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Errors/stack-frame.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,yCAAyC;AACzC,qBAAa,UAAU;IACtB,8CAA8C;IAC9C,UAAU,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,OAAO,EAAE,MAAM,CAAC;IAChB,4GAA4G;IAC5G,SAAS,EAAE,OAAO,CAAC;gBAEP,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,UAAQ;CAKlE;AAED;;GAEG;AACH,qBAAa,UAAU;IACtB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAE5B,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAC;IAErC,WAAW,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;IACjC,mBAAmB,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;gBAIxC,YAAY,GAAE,MAAM,GAAG,IAAW,EAClC,QAAQ,GAAE,MAAM,GAAG,IAAW,EAC9B,UAAU,GAAE,MAAM,GAAG,IAAW,EAChC,YAAY,GAAE,MAAM,GAAG,IAAW,EAClC,UAAU,GAAE,UAAU,EAAE,GAAG,IAAW,EACtC,kBAAkB,GAAE,MAAM,GAAG,IAAW,EACxC,cAAc,GAAE,MAAM,GAAG,IAAW,EACpC,gBAAgB,GAAE,MAAM,GAAG,IAAW,EACtC,kBAAkB,GAAE,MAAM,GAAG,IAAW,EACxC,gBAAgB,GAAE,UAAU,EAAE,GAAG,IAAW;IAiC7C;;OAEG;IACH,eAAe,IAAI,MAAM;IAIzB;;;OAGG;IACH,SAAS,IAAI,MAAM;IAiBnB;;OAEG;IACH,QAAQ,IAAI,MAAM;CAKlB"}

package/dist/editor/components/Errors/stack-frame.js

@@ -1,82 +0,0 @@
-"use strict";
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StackFrame = exports.ScriptLine = void 0;
-/** A container holding a script line. */
-class ScriptLine {
-    constructor(lineNumber, content, highlight = false) {
-        this.lineNumber = lineNumber;
-        this.content = content;
-        this.highlight = highlight;
-    }
-}
-exports.ScriptLine = ScriptLine;
-/**
- * A representation of a stack frame.
- */
-class StackFrame {
-    // eslint-disable-next-line max-params
-    constructor(functionName = null, fileName = null, lineNumber = null, columnNumber = null, scriptCode = null, sourceFunctionName = null, sourceFileName = null, sourceLineNumber = null, sourceColumnNumber = null, sourceScriptCode = null) {
-        if (functionName && functionName.indexOf('Object.') === 0) {
-            functionName = functionName.slice('Object.'.length);
-        }
-        if (
-        // Chrome has a bug with inferring function.name:
-        // https://github.com/facebook/create-react-app/issues/2097
-        // Let's ignore a meaningless name we get for top-level modules.
-        functionName === 'friendlySyntaxErrorLabel' ||
-            functionName === 'exports.__esModule' ||
-            functionName === '<anonymous>' ||
-            !functionName) {
-            functionName = null;
-        }
-        this.functionName = functionName;
-        this.fileName = fileName;
-        this.lineNumber = lineNumber;
-        this.columnNumber = columnNumber;
-        this._originalFunctionName = sourceFunctionName;
-        this._originalFileName = sourceFileName;
-        this._originalLineNumber = sourceLineNumber;
-        this._originalColumnNumber = sourceColumnNumber;
-        this._scriptCode = scriptCode;
-        this._originalScriptCode = sourceScriptCode;
-    }
-    /**
-     * Returns the name of this function.
-     */
-    getFunctionName() {
-        return this.functionName || '(anonymous function)';
-    }
-    /**
-     * Returns the source of the frame.
-     * This contains the file name, line number, and column number when available.
-     */
-    getSource() {
-        let str = '';
-        if (this.fileName !== null) {
-            str += this.fileName + ':';
-        }
-        if (this.lineNumber !== null) {
-            str += this.lineNumber + ':';
-        }
-        if (this.columnNumber !== null) {
-            str += this.columnNumber + ':';
-        }
-        return str.slice(0, -1);
-    }
-    /**
-     * Returns a pretty version of this stack frame.
-     */
-    toString() {
-        const functionName = this.getFunctionName();
-        const source = this.getSource();
-        return `${functionName}${source ? ` (${source})` : ``}`;
-    }
-}
-exports.StackFrame = StackFrame;
-//# sourceMappingURL=stack-frame.js.map

package/dist/editor/components/Errors/stack-frame.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stack-frame.js","sourceRoot":"","sources":["../../../../src/editor/components/Errors/stack-frame.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;;AAEH,yCAAyC;AACzC,MAAa,UAAU;IAQtB,YAAY,UAAkB,EAAE,OAAe,EAAE,SAAS,GAAG,KAAK;QACjE,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC5B,CAAC;CACD;AAbD,gCAaC;AAED;;GAEG;AACH,MAAa,UAAU;IActB,sCAAsC;IACtC,YACC,eAA8B,IAAI,EAClC,WAA0B,IAAI,EAC9B,aAA4B,IAAI,EAChC,eAA8B,IAAI,EAClC,aAAkC,IAAI,EACtC,qBAAoC,IAAI,EACxC,iBAAgC,IAAI,EACpC,mBAAkC,IAAI,EACtC,qBAAoC,IAAI,EACxC,mBAAwC,IAAI;QAE5C,IAAI,YAAY,IAAI,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;YAC1D,YAAY,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;SACpD;QAED;QACC,iDAAiD;QACjD,2DAA2D;QAC3D,gEAAgE;QAChE,YAAY,KAAK,0BAA0B;YAC3C,YAAY,KAAK,oBAAoB;YACrC,YAAY,KAAK,aAAa;YAC9B,CAAC,YAAY,EACZ;YACD,YAAY,GAAG,IAAI,CAAC;SACpB;QAED,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QAEjC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QAEjC,IAAI,CAAC,qBAAqB,GAAG,kBAAkB,CAAC;QAChD,IAAI,CAAC,iBAAiB,GAAG,cAAc,CAAC;QACxC,IAAI,CAAC,mBAAmB,GAAG,gBAAgB,CAAC;QAC5C,IAAI,CAAC,qBAAqB,GAAG,kBAAkB,CAAC;QAEhD,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;QAC9B,IAAI,CAAC,mBAAmB,GAAG,gBAAgB,CAAC;IAC7C,CAAC;IAED;;OAEG;IACH,eAAe;QACd,OAAO,IAAI,CAAC,YAAY,IAAI,sBAAsB,CAAC;IACpD,CAAC;IAED;;;OAGG;IACH,SAAS;QACR,IAAI,GAAG,GAAG,EAAE,CAAC;QACb,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE;YAC3B,GAAG,IAAI,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC;SAC3B;QAED,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE;YAC7B,GAAG,IAAI,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC;SAC7B;QAED,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,EAAE;YAC/B,GAAG,IAAI,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC;SAC/B;QAED,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACzB,CAAC;IAED;;OAEG;IACH,QAAQ;QACP,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAC5C,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAChC,OAAO,GAAG,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IACzD,CAAC;CACD;AA9FD,gCA8FC"}

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

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare const getCurrentCompositionFromUrl: () => string;
-export declare const FramePersistor: React.FC;
-//# sourceMappingURL=FramePersister.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FramePersister.d.ts","sourceRoot":"","sources":["../../../src/editor/components/FramePersister.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,eAAO,MAAM,4BAA4B,cAExC,CAAC;AAcF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAWlC,CAAC"}

package/dist/editor/components/FramePersister.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FramePersistor = exports.getCurrentCompositionFromUrl = void 0;
-const react_1 = require("react");
-const remotion_1 = require("remotion");
-const getCurrentCompositionFromUrl = () => {
-    return window.location.pathname.substr(1);
-};
-exports.getCurrentCompositionFromUrl = getCurrentCompositionFromUrl;
-const persistCurrentFrame = (frame) => {
-    const currentComposition = exports.getCurrentCompositionFromUrl();
-    if (!currentComposition) {
-        return;
-    }
-    localStorage.setItem(`remotion.time.${exports.getCurrentCompositionFromUrl()}`, String(frame));
-};
-const FramePersistor = () => {
-    const [playing] = remotion_1.Internals.Timeline.usePlayingState();
-    const frame = remotion_1.Internals.Timeline.useTimelinePosition();
-    react_1.useEffect(() => {
-        if (!playing) {
-            persistCurrentFrame(frame);
-        }
-    }, [frame, playing]);
-    return null;
-};
-exports.FramePersistor = FramePersistor;
-//# sourceMappingURL=FramePersister.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FramePersister.js","sourceRoot":"","sources":["../../../src/editor/components/FramePersister.tsx"],"names":[],"mappings":";;;AAAA,iCAAuC;AACvC,uCAAmC;AAE5B,MAAM,4BAA4B,GAAG,GAAG,EAAE;IAChD,OAAO,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AAC3C,CAAC,CAAC;AAFW,QAAA,4BAA4B,gCAEvC;AAEF,MAAM,mBAAmB,GAAG,CAAC,KAAa,EAAE,EAAE;IAC7C,MAAM,kBAAkB,GAAG,oCAA4B,EAAE,CAAC;IAC1D,IAAI,CAAC,kBAAkB,EAAE;QACxB,OAAO;KACP;IAED,YAAY,CAAC,OAAO,CACnB,iBAAiB,oCAA4B,EAAE,EAAE,EACjD,MAAM,CAAC,KAAK,CAAC,CACb,CAAC;AACH,CAAC,CAAC;AAEK,MAAM,cAAc,GAAa,GAAG,EAAE;IAC5C,MAAM,CAAC,OAAO,CAAC,GAAG,oBAAS,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC;IACvD,MAAM,KAAK,GAAG,oBAAS,CAAC,QAAQ,CAAC,mBAAmB,EAAE,CAAC;IAEvD,iBAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,OAAO,EAAE;YACb,mBAAmB,CAAC,KAAK,CAAC,CAAC;SAC3B;IACF,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAErB,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAXW,QAAA,cAAc,kBAWzB"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"MediaVolumeSlider.d.ts","sourceRoot":"","sources":["../../../src/editor/components/MediaVolumeSlider.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAsC/E,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAkHrC,CAAC"}

package/dist/editor/components/MediaVolumeSlider.js

@@ -1,113 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MediaVolumeSlider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const player_1 = require("@remotion/player");
-const react_1 = require("react");
-const remotion_1 = require("remotion");
-const media_volume_1 = require("../icons/media-volume");
-const ControlButton_1 = require("./ControlButton");
-const BAR_HEIGHT = 5;
-const KNOB_SIZE = 12;
-const VERTICAL_PADDING = 4;
-const containerStyle = {
-    userSelect: 'none',
-    paddingTop: VERTICAL_PADDING,
-    paddingBottom: VERTICAL_PADDING,
-    boxSizing: 'border-box',
-    cursor: 'pointer',
-    position: 'relative',
-};
-const barBackground = {
-    height: BAR_HEIGHT,
-    backgroundColor: 'rgba(255, 255, 255, 0.5)',
-    width: 100,
-    borderRadius: BAR_HEIGHT / 2,
-};
-const getVolumeFromX = (clientX, width) => {
-    const pos = clientX;
-    const volume = remotion_1.interpolate(pos, [0, width], [0, 1], {
-        extrapolateLeft: 'clamp',
-        extrapolateRight: 'clamp',
-    });
-    return volume;
-};
-const xSpacer = {
-    width: 5,
-};
-const MediaVolumeSlider = () => {
-    const [mediaMuted, setMediaMuted] = remotion_1.Internals.useMediaMutedState();
-    const [mediaVolume, setMediaVolume] = remotion_1.Internals.useMediaVolumeState();
-    const [dragging, setDragging] = react_1.useState(false);
-    const currentRef = react_1.useRef(null);
-    const iconDivRef = react_1.useRef(null);
-    const parentDivRef = react_1.useRef(null);
-    const size = player_1.PlayerInternals.useElementSize(currentRef);
-    const hover = player_1.PlayerInternals.useHoverState(parentDivRef);
-    const onClick = react_1.useCallback(() => {
-        setMediaMuted((muted) => !muted);
-        setMediaVolume(Number(mediaMuted));
-    }, [setMediaMuted, mediaMuted, setMediaVolume]);
-    const onPointerDown = react_1.useCallback((e) => {
-        if (!size) {
-            throw new Error('Player has no size');
-        }
-        const _volume = getVolumeFromX(e.clientX - size.left, size.width);
-        setMediaVolume(_volume);
-        setMediaMuted(_volume <= 0);
-        setDragging(true);
-    }, [setMediaMuted, setMediaVolume, size]);
-    const onPointerMove = react_1.useCallback((e) => {
-        if (!size) {
-            throw new Error('Player has no size');
-        }
-        if (!dragging)
-            return;
-        const _volume = getVolumeFromX(e.clientX - size.left, size.width);
-        setMediaVolume(_volume);
-        setMediaMuted(_volume <= 0);
-    }, [dragging, setMediaMuted, setMediaVolume, size]);
-    const onPointerUp = react_1.useCallback(() => {
-        console.log('stop dragging');
-        setDragging(false);
-    }, []);
-    react_1.useEffect(() => {
-        if (!dragging) {
-            return;
-        }
-        window.addEventListener('pointermove', onPointerMove);
-        window.addEventListener('pointerup', onPointerUp);
-        return () => {
-            window.removeEventListener('pointermove', onPointerMove);
-            window.removeEventListener('pointerup', onPointerUp);
-        };
-    }, [dragging, onPointerMove, onPointerUp]);
-    const knobStyle = react_1.useMemo(() => {
-        var _a;
-        return {
-            height: KNOB_SIZE,
-            width: KNOB_SIZE,
-            borderRadius: KNOB_SIZE / 2,
-            position: 'absolute',
-            top: VERTICAL_PADDING - KNOB_SIZE / 2 + 5 / 2,
-            backgroundColor: 'white',
-            left: Math.max(-KNOB_SIZE / 2, mediaVolume * ((_a = size === null || size === void 0 ? void 0 : size.width) !== null && _a !== void 0 ? _a : 0) - KNOB_SIZE / 2),
-            boxShadow: '0 0 2px black',
-            opacity: Number(hover),
-        };
-    }, [hover, mediaVolume, size === null || size === void 0 ? void 0 : size.width]);
-    const fillStyle = react_1.useMemo(() => {
-        return {
-            height: BAR_HEIGHT,
-            backgroundColor: 'rgba(255, 255, 255, 1)',
-            width: (mediaVolume / 1) * 100 + '%',
-            borderRadius: BAR_HEIGHT / 2,
-        };
-    }, [mediaVolume]);
-    return (jsx_runtime_1.jsxs(ControlButton_1.ControlDiv, Object.assign({ ref: parentDivRef }, { children: [jsx_runtime_1.jsx("div", Object.assign({ ref: iconDivRef, onClick: onClick }, { children: mediaMuted ? jsx_runtime_1.jsx(media_volume_1.VolumeOffIcon, {}, void 0) : jsx_runtime_1.jsx(media_volume_1.VolumeOnIcon, {}, void 0) }), void 0),
-            jsx_runtime_1.jsx("div", { style: xSpacer }, void 0),
-            jsx_runtime_1.jsx("div", Object.assign({ ref: currentRef, onPointerDown: onPointerDown, style: containerStyle }, { children: hover ? (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [jsx_runtime_1.jsx("div", Object.assign({ style: barBackground }, { children: jsx_runtime_1.jsx("div", { style: fillStyle }, void 0) }), void 0),
-                        jsx_runtime_1.jsx("div", { style: knobStyle }, void 0)] }, void 0)) : (jsx_runtime_1.jsx("div", { style: { width: 100 } }, void 0)) }), void 0)] }), void 0));
-};
-exports.MediaVolumeSlider = MediaVolumeSlider;
-//# sourceMappingURL=MediaVolumeSlider.js.map

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

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

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

@@ -1,2 +0,0 @@
-export declare const Checkmark: () => JSX.Element;
-//# sourceMappingURL=Checkmark.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Checkmark.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Menu/Checkmark.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS,mBAiBrB,CAAC"}

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

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Checkmark = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-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));
-exports.Checkmark = Checkmark;
-//# sourceMappingURL=Checkmark.js.map

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

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

package/dist/editor/components/Menu/is-menu-click.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=is-menu-click.d.ts.map

package/dist/editor/components/Menu/is-menu-click.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"is-menu-click.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Menu/is-menu-click.ts"],"names":[],"mappings":""}

package/dist/editor/components/Menu/is-menu-click.js

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

package/dist/editor/components/Menu/is-menu-click.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"is-menu-click.js","sourceRoot":"","sources":["../../../../src/editor/components/Menu/is-menu-click.ts"],"names":[],"mappings":""}

package/dist/editor/components/NewComposition/CompositionType.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export declare type CompType = 'composition' | 'still';
-export declare const CompositionType: React.FC<{
-    type: CompType;
-    onSelected: (type: CompType) => void;
-}>;
-//# sourceMappingURL=CompositionType.d.ts.map

package/dist/editor/components/NewComposition/CompositionType.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CompositionType.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/NewComposition/CompositionType.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAkB/E,oBAAY,QAAQ,GAAG,aAAa,GAAG,OAAO,CAAC;AAgE/C,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACrC,CAWA,CAAC"}

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

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CompositionType = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../../helpers/colors");
-const film_1 = require("../../icons/film");
-const still_1 = require("../../icons/still");
-const z_index_1 = require("../../state/z-index");
-const layout_1 = require("../layout");
-const panel = {
-    flex: 1,
-    borderRadius: 8,
-    padding: 16,
-    cursor: 'pointer',
-    fontSize: 14,
-    flexDirection: 'row',
-    display: 'flex',
-    alignItems: 'center',
-};
-const Panel = ({ selected, type, onSelected }) => {
-    const ref = (0, react_1.useRef)(null);
-    const { tabIndex } = (0, z_index_1.useZIndex)();
-    const [hovered, setHovered] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        const { current } = ref;
-        if (!current) {
-            return;
-        }
-        const onMouseEnter = () => setHovered(true);
-        const onMouseLeave = () => setHovered(false);
-        current.addEventListener('mouseenter', onMouseEnter);
-        current.addEventListener('mouseleave', onMouseLeave);
-    }, []);
-    const style = (0, react_1.useMemo)(() => {
-        return {
-            ...panel,
-            backgroundColor: (0, colors_1.getBackgroundFromHoverState)({
-                hovered,
-                selected,
-            }),
-            color: 'white',
-            appearance: 'none',
-            border: 'none',
-            textAlign: 'left',
-        };
-    }, [hovered, selected]);
-    const onClick = (0, react_1.useCallback)(() => {
-        onSelected(type);
-    }, [onSelected, type]);
-    return ((0, jsx_runtime_1.jsxs)("button", Object.assign({ ref: ref, tabIndex: tabIndex, type: "button", style: style, onClick: onClick }, { children: [type === 'composition' ? ((0, jsx_runtime_1.jsx)(film_1.FilmIcon, { style: { height: 18, width: 18 } }, void 0)) : ((0, jsx_runtime_1.jsx)(still_1.StillIcon, { style: { height: 18, width: 18 } }, void 0)), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }, void 0), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("strong", { children: type === 'composition' ? '<Composition>' : '<Still>' }, void 0), (0, jsx_runtime_1.jsx)("div", { children: type === 'composition' ? 'For videos' : 'For still images' }, void 0)] }, void 0)] }), void 0));
-};
-const CompositionType = ({ onSelected, type }) => {
-    return ((0, jsx_runtime_1.jsxs)(layout_1.Row, { children: [(0, jsx_runtime_1.jsx)(Panel, { onSelected: onSelected, type: "composition", selected: type === 'composition' }, void 0), (0, jsx_runtime_1.jsx)(Panel, { onSelected: onSelected, type: "still", selected: type === 'still' }, void 0)] }, void 0));
-};
-exports.CompositionType = CompositionType;
-//# sourceMappingURL=CompositionType.js.map

package/dist/editor/components/NewComposition/CompositionType.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CompositionType.js","sourceRoot":"","sources":["../../../../src/editor/components/NewComposition/CompositionType.tsx"],"names":[],"mappings":";;;;AAAA,iCAA+E;AAC/E,iDAAiE;AACjE,2CAA0C;AAC1C,6CAA4C;AAC5C,iDAA8C;AAC9C,sCAAuC;AAEvC,MAAM,KAAK,GAAwB;IAClC,IAAI,EAAE,CAAC;IACP,YAAY,EAAE,CAAC;IACf,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,EAAE;IACZ,aAAa,EAAE,KAAK;IACpB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACpB,CAAC;AAIF,MAAM,KAAK,GAIN,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAC,EAAE,EAAE;IACrC,MAAM,GAAG,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAC5C,MAAM,EAAC,QAAQ,EAAC,GAAG,IAAA,mBAAS,GAAE,CAAC;IAC/B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,MAAM,EAAC,OAAO,EAAC,GAAG,GAAG,CAAC;QACtB,IAAI,CAAC,OAAO,EAAE;YACb,OAAO;SACP;QAED,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAC5C,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAE7C,OAAO,CAAC,gBAAgB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;QACrD,OAAO,CAAC,gBAAgB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IACtD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAwB,EAAE;QAC/C,OAAO;YACN,GAAG,KAAK;YACR,eAAe,EAAE,IAAA,oCAA2B,EAAC;gBAC5C,OAAO;gBACP,QAAQ;aACR,CAAC;YACF,KAAK,EAAE,OAAO;YACd,UAAU,EAAE,MAAM;YAClB,MAAM,EAAE,MAAM;YACd,SAAS,EAAE,MAAM;SACjB,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAChC,UAAU,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC;IAEvB,OAAO,CACN,kDACC,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,iBAEf,IAAI,KAAK,aAAa,CAAC,CAAC,CAAC,CACzB,uBAAC,eAAQ,IAAC,KAAK,EAAE,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAC,WAAI,CAC5C,CAAC,CAAC,CAAC,CACH,uBAAC,iBAAS,IAAC,KAAK,EAAE,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAC,WAAI,CAC7C,EACD,uBAAC,gBAAO,IAAC,CAAC,EAAE,CAAC,WAAI,EACjB,4CACC,6CAAS,IAAI,KAAK,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,WAAU,EACvE,0CAAM,IAAI,KAAK,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,kBAAkB,WAAO,YAClE,aACE,CACT,CAAC;AACH,CAAC,CAAC;AAEK,MAAM,eAAe,GAGvB,CAAC,EAAC,UAAU,EAAE,IAAI,EAAC,EAAE,EAAE;IAC3B,OAAO,CACN,wBAAC,YAAG,eACH,uBAAC,KAAK,IACL,UAAU,EAAE,UAAU,EACtB,IAAI,EAAC,aAAa,EAClB,QAAQ,EAAE,IAAI,KAAK,aAAa,WAC/B,EACF,uBAAC,KAAK,IAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,IAAI,KAAK,OAAO,WAAI,YACrE,CACN,CAAC;AACH,CAAC,CAAC;AAdW,QAAA,eAAe,mBAc1B"}

package/dist/editor/components/NewComposition/LazyLoadNewComposition.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { CompType } from './CompositionType';
-export declare const LazyLoadNewComposition: React.FC<{
-    initialCompType: CompType;
-}>;
-//# sourceMappingURL=LazyLoadNewComposition.d.ts.map

package/dist/editor/components/NewComposition/LazyLoadNewComposition.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LazyLoadNewComposition.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/NewComposition/LazyLoadNewComposition.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC7C,eAAe,EAAE,QAAQ,CAAC;CAC1B,CASA,CAAC"}

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

@@ -1,32 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LazyLoadNewComposition = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const LazyLoadNewComposition = (props) => {
-    const OtherComponent = (0, react_1.useMemo)(() => {
-        return react_1.default.lazy(() => Promise.resolve().then(() => __importStar(require('./NewComposition'))));
-    }, []);
-    return ((0, jsx_runtime_1.jsx)(react_1.Suspense, Object.assign({ fallback: (0, jsx_runtime_1.jsx)("div", { children: "loading..." }, void 0) }, { children: (0, jsx_runtime_1.jsx)(OtherComponent, { initialCompType: props.initialCompType }, void 0) }), void 0));
-};
-exports.LazyLoadNewComposition = LazyLoadNewComposition;
-//# sourceMappingURL=LazyLoadNewComposition.js.map

package/dist/editor/components/NewComposition/LazyLoadNewComposition.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LazyLoadNewComposition.js","sourceRoot":"","sources":["../../../../src/editor/components/NewComposition/LazyLoadNewComposition.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA+C;AAGxC,MAAM,sBAAsB,GAE9B,CAAC,KAAK,EAAE,EAAE;IACd,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACnC,OAAO,eAAK,CAAC,IAAI,CAAC,GAAG,EAAE,mDAAQ,kBAAkB,GAAC,CAAC,CAAC;IACrD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACN,uBAAC,gBAAQ,kBAAC,QAAQ,EAAE,iEAAqB,gBACxC,uBAAC,cAAc,IAAC,eAAe,EAAE,KAAK,CAAC,eAAe,WAAI,YAChD,CACX,CAAC;AACH,CAAC,CAAC;AAXW,QAAA,sBAAsB,0BAWjC"}

package/dist/editor/components/NewComposition/NewCompHeader.d.ts

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

package/dist/editor/components/NewComposition/NewCompHeader.d.ts.map

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

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

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NewCompHeader = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const modals_1 = require("../../state/modals");
-const layout_1 = require("../layout");
-const CancelButton_1 = require("./CancelButton");
-const container = {
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center',
-    padding: 12,
-    width: '100%',
-    borderBottom: '1px solid black',
-};
-const icon = {
-    height: 20,
-    width: 20,
-};
-const NewCompHeader = () => {
-    const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
-    const onPress = (0, react_1.useCallback)(() => {
-        setSelectedModal(null);
-    }, [setSelectedModal]);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: container }, { children: [(0, jsx_runtime_1.jsx)("div", { children: "New composition" }, void 0), (0, jsx_runtime_1.jsx)(layout_1.Flex, {}, void 0), (0, jsx_runtime_1.jsx)(CancelButton_1.CancelButton, { style: icon, onPress: onPress }, void 0)] }), void 0));
-};
-exports.NewCompHeader = NewCompHeader;
-//# sourceMappingURL=NewCompHeader.js.map

package/dist/editor/components/NewComposition/NewCompHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NewCompHeader.js","sourceRoot":"","sources":["../../../../src/editor/components/NewComposition/NewCompHeader.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqD;AACrD,+CAAiD;AACjD,sCAA+B;AAC/B,iDAA4C;AAE5C,MAAM,SAAS,GAAwB;IACtC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,EAAE;IACX,KAAK,EAAE,MAAM;IACb,YAAY,EAAE,iBAAiB;CAC/B,CAAC;AAEF,MAAM,IAAI,GAAwB;IACjC,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACT,CAAC;AAEK,MAAM,aAAa,GAAa,GAAG,EAAE;IAC3C,MAAM,EAAC,gBAAgB,EAAC,GAAG,IAAA,kBAAU,EAAC,sBAAa,CAAC,CAAC;IACrD,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAChC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACvB,OAAO,CACN,+CAAK,KAAK,EAAE,SAAS,iBACpB,sEAA0B,EAC1B,uBAAC,aAAI,aAAG,EACR,uBAAC,2BAAY,IAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,WAAI,aAC1C,CACN,CAAC;AACH,CAAC,CAAC;AAZW,QAAA,aAAa,iBAYxB"}

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

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