@remotion/cli 3.0.0-lambda.355 → 3.0.0-lambda.359

package/dist/editor/components/NewComposition.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NewSequence = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const colors_1 = require("../helpers/colors");
+const font_1 = require("../helpers/font");
+const backgroundOverlay = {
+    backgroundColor: 'rgba(255, 255, 255, 0.05)',
+    position: 'fixed',
+    height: '100%',
+    width: '100%',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+};
+const panel = {
+    backgroundColor: colors_1.BACKGROUND,
+    boxShadow: '0 0 4px black',
+    padding: 20,
+    color: 'white',
+    fontFamily: font_1.FONT_FAMILY,
+};
+const NewSequence = () => {
+    const [type, setType] = (0, react_1.useState)('composition');
+    const [width, setWidth] = (0, react_1.useState)('1280');
+    const [height, setHeight] = (0, react_1.useState)('720');
+    const onStillChanged = (0, react_1.useCallback)((e) => {
+        if (e.target.checked) {
+            setType('still');
+        }
+    }, []);
+    const onCompositionChanged = (0, react_1.useCallback)((e) => {
+        if (e.target.checked) {
+            setType('composition');
+        }
+    }, []);
+    const onWidthChanged = (0, react_1.useCallback)((e) => {
+        setWidth(e.target.value);
+    }, []);
+    const onHeightChanged = (0, react_1.useCallback)((e) => {
+        setHeight(e.target.value);
+    }, []);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: backgroundOverlay }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: panel }, { children: (0, jsx_runtime_1.jsxs)("form", { children: [(0, jsx_runtime_1.jsx)("input", { type: "text", placeholder: "Composition name" }, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsxs)("label", { children: [(0, jsx_runtime_1.jsx)("input", { onChange: onCompositionChanged, checked: type === 'composition', name: "type", type: "radio" }, void 0), "Composition"] }, void 0), (0, jsx_runtime_1.jsxs)("label", { children: [(0, jsx_runtime_1.jsx)("input", { onChange: onStillChanged, checked: type === 'still', name: "type", type: "radio" }, void 0), "Still"] }, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsx)("input", { type: "number", value: width, placeholder: "Width (px)", onChange: onWidthChanged, name: "width" }, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsx)("input", { type: "number", value: height, onChange: onHeightChanged, placeholder: "Height (px)", name: "height" }, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsxs)("select", { children: [(0, jsx_runtime_1.jsx)("option", { children: "24fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "25fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "29.97fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "30fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "48fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "50fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "60fps" }, void 0)] }, void 0)] }, void 0) }), void 0) }), void 0));
+};
+exports.NewSequence = NewSequence;
+//# sourceMappingURL=NewComposition.js.map

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

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

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

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

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

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

package/dist/editor/components/NewSequence.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NewSequence = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const colors_1 = require("../helpers/colors");
+const font_1 = require("../helpers/font");
+const backgroundOverlay = {
+    backgroundColor: 'rgba(255, 255, 255, 0.05)',
+    position: 'fixed',
+    height: '100%',
+    width: '100%',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+};
+const panel = {
+    backgroundColor: colors_1.BACKGROUND,
+    boxShadow: '0 0 4px black',
+    padding: 20,
+    color: 'white',
+    fontFamily: font_1.FONT_FAMILY,
+};
+const NewSequence = () => {
+    const [type, setType] = (0, react_1.useState)('composition');
+    const [width, setWidth] = (0, react_1.useState)('1280');
+    const [height, setHeight] = (0, react_1.useState)('720');
+    const onStillChanged = (0, react_1.useCallback)((e) => {
+        if (e.target.checked) {
+            setType('still');
+        }
+    }, []);
+    const onCompositionChanged = (0, react_1.useCallback)((e) => {
+        if (e.target.checked) {
+            setType('composition');
+        }
+    }, []);
+    const onWidthChanged = (0, react_1.useCallback)((e) => {
+        setWidth(e.target.value);
+    }, []);
+    const onHeightChanged = (0, react_1.useCallback)((e) => {
+        setHeight(e.target.value);
+    }, []);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: backgroundOverlay }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: panel }, { children: (0, jsx_runtime_1.jsxs)("form", { children: [(0, jsx_runtime_1.jsx)("input", { type: "text", placeholder: "Composition name" }, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsxs)("label", { children: [(0, jsx_runtime_1.jsx)("input", { onChange: onCompositionChanged, checked: type === 'composition', name: "type", type: "radio" }, void 0), "Composition"] }, void 0), (0, jsx_runtime_1.jsxs)("label", { children: [(0, jsx_runtime_1.jsx)("input", { onChange: onStillChanged, checked: type === 'still', name: "type", type: "radio" }, void 0), "Still"] }, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsx)("input", { type: "number", value: width, placeholder: "Width (px)", onChange: onWidthChanged, name: "width" }, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsx)("input", { type: "number", value: height, onChange: onHeightChanged, placeholder: "Height (px)", name: "height" }, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsxs)("select", { children: [(0, jsx_runtime_1.jsx)("option", { children: "24fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "25fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "29.97fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "30fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "48fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "50fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "60fps" }, void 0)] }, void 0)] }, void 0) }), void 0) }), void 0));
+};
+exports.NewSequence = NewSequence;
+//# sourceMappingURL=NewSequence.js.map

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

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

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

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

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

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

package/dist/editor/components/Spacing.js

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

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

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

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

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

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

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

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

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

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

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

package/dist/editor/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/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/state/global-menu-id.d.ts

@@ -0,0 +1,4 @@
+import { MenuId } from '../components/Menu/MenuItem';
+export declare const setGlobalMenuId: (menuId: MenuId | null) => void;
+export declare const getGlobalMenuId: () => MenuId | null;
+//# sourceMappingURL=global-menu-id.d.ts.map

package/dist/editor/state/global-menu-id.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"global-menu-id.d.ts","sourceRoot":"","sources":["../../../src/editor/state/global-menu-id.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,6BAA6B,CAAC;AAInD,eAAO,MAAM,eAAe,WAAY,MAAM,GAAG,IAAI,SAEpD,CAAC;AAEF,eAAO,MAAM,eAAe,qBAAqB,CAAC"}

package/dist/editor/state/global-menu-id.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getGlobalMenuId = exports.setGlobalMenuId = void 0;
+let globalMenuId = null;
+const setGlobalMenuId = (menuId) => {
+    globalMenuId = menuId;
+};
+exports.setGlobalMenuId = setGlobalMenuId;
+const getGlobalMenuId = () => globalMenuId;
+exports.getGlobalMenuId = getGlobalMenuId;
+//# sourceMappingURL=global-menu-id.js.map

package/dist/editor/state/global-menu-id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global-menu-id.js","sourceRoot":"","sources":["../../../src/editor/state/global-menu-id.ts"],"names":[],"mappings":";;;AAEA,IAAI,YAAY,GAAkB,IAAI,CAAC;AAEhC,MAAM,eAAe,GAAG,CAAC,MAAqB,EAAE,EAAE;IACxD,YAAY,GAAG,MAAM,CAAC;AACvB,CAAC,CAAC;AAFW,QAAA,eAAe,mBAE1B;AAEK,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC;AAArC,QAAA,eAAe,mBAAsB"}

package/dist/editor/state/menu-selection.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { MenuId } from '../components/Menu/MenuItem';
+export declare type MenuContext = {
+    selected: MenuId | null;
+    setSelected: React.Dispatch<React.SetStateAction<MenuId | null>>;
+};
+export declare const MenuToolbarSelectionContext: React.Context<MenuContext>;
+//# sourceMappingURL=menu-selection.d.ts.map

package/dist/editor/state/menu-selection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-selection.d.ts","sourceRoot":"","sources":["../../../src/editor/state/menu-selection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,6BAA6B,CAAC;AAEnD,oBAAY,WAAW,GAAG;IACzB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;CACjE,CAAC;AAEF,eAAO,MAAM,2BAA2B,4BAKtC,CAAC"}

package/dist/editor/state/menu-selection.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuToolbarSelectionContext = void 0;
+const react_1 = __importDefault(require("react"));
+exports.MenuToolbarSelectionContext = react_1.default.createContext({
+    selected: null,
+    setSelected: () => {
+        throw new Error('no context');
+    },
+});
+//# sourceMappingURL=menu-selection.js.map

package/dist/editor/state/menu-selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-selection.js","sourceRoot":"","sources":["../../../src/editor/state/menu-selection.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQb,QAAA,2BAA2B,GAAG,eAAK,CAAC,aAAa,CAAc;IAC3E,QAAQ,EAAE,IAAI;IACd,WAAW,EAAE,GAAG,EAAE;QACjB,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC;IAC/B,CAAC;CACD,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/cli",
-	"version": "3.0.0-lambda.355+6b0269d52",
+	"version": "3.0.0-lambda.359+59cc0e49b",
 	"description": "CLI for Remotion",
 	"main": "dist/index.js",
 	"sideEffects": false,
@@ -19,16 +19,16 @@
 	"author": "Jonny Burger <jonny@remotion.dev>",
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"@remotion/bundler": "3.0.0-lambda.355+6b0269d52",
-		"@remotion/media-utils": "3.0.0-lambda.355+6b0269d52",
-		"@remotion/player": "3.0.0-lambda.355+6b0269d52",
-		"@remotion/renderer": "3.0.0-lambda.355+6b0269d52",
+		"@remotion/bundler": "3.0.0-lambda.359+59cc0e49b",
+		"@remotion/media-utils": "3.0.0-lambda.359+59cc0e49b",
+		"@remotion/player": "3.0.0-lambda.359+59cc0e49b",
+		"@remotion/renderer": "3.0.0-lambda.359+59cc0e49b",
 		"better-opn": "^2.1.1",
 		"chalk": "^4.1.0",
 		"dotenv": "^9.0.0",
 		"execa": "^4.0.2",
 		"minimist": "^1.2.5",
-		"remotion": "3.0.0-lambda.355+6b0269d52",
+		"remotion": "3.0.0-lambda.359+59cc0e49b",
 		"semver": "^7.3.4",
 		"webpack": "5.60.0"
 	},
@@ -52,5 +52,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "6b0269d521917110a18d5ed0113afe784fd7113e"
+	"gitHead": "59cc0e49b376f8ab8d310d0522160c67195f44b2"
 }

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"IFrameWrapper.d.ts","sourceRoot":"","sources":["../../../src/editor/components/IFrameWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CACf,CAmBA,CAAC"}

package/dist/editor/components/IFrameWrapper.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IFrameWrapper = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_dom_1 = require("react-dom");
-const IFrameWrapper = ({ children, width, height, ...props }) => {
-    var _a, _b;
-    const [contentRef, setContentRef] = (0, react_1.useState)(null);
-    const mountNode = (_b = (_a = contentRef === null || contentRef === void 0 ? void 0 : contentRef.contentWindow) === null || _a === void 0 ? void 0 : _a.document) === null || _b === void 0 ? void 0 : _b.body;
-    return ((0, jsx_runtime_1.jsx)("iframe", Object.assign({ style: {
-            position: 'absolute',
-            width,
-            height,
-            border: 'none',
-        }, id: "IframeWrapper" }, props, { ref: setContentRef }, { children: mountNode && (0, react_dom_1.createPortal)(children, mountNode) }), void 0));
-};
-exports.IFrameWrapper = IFrameWrapper;
-//# sourceMappingURL=IFrameWrapper.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"IFrameWrapper.js","sourceRoot":"","sources":["../../../src/editor/components/IFrameWrapper.tsx"],"names":[],"mappings":";;;;AAAA,iCAAsC;AACtC,yCAAuC;AAEhC,MAAM,aAAa,GAGrB,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;;IAC5C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAoB,IAAI,CAAC,CAAC;IACtE,MAAM,SAAS,GAAG,MAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,aAAa,0CAAE,QAAQ,0CAAE,IAAI,CAAC;IAE5D,OAAO,CACN,iDACC,KAAK,EAAE;YACN,QAAQ,EAAE,UAAU;YACpB,KAAK;YACL,MAAM;YACN,MAAM,EAAE,MAAM;SACd,EACD,EAAE,EAAC,eAAe,IACd,KAAK,IACT,GAAG,EAAE,aAAa,gBAEjB,SAAS,IAAI,IAAA,wBAAY,EAAC,QAAQ,EAAE,SAAS,CAAC,YACvC,CACT,CAAC;AACH,CAAC,CAAC;AAtBW,QAAA,aAAa,iBAsBxB"}

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

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

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

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

package/dist/editor/components/KeyboardShortcuts.js

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

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

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

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

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

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

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

package/dist/editor/components/NewComposition/ModalHeader.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=ModalHeader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../../../src/editor/components/NewComposition/ModalHeader.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/helpers/css-reset.d.ts

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

package/dist/editor/helpers/css-reset.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"css-reset.d.ts","sourceRoot":"","sources":["../../../src/editor/helpers/css-reset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,aAI5B,CAAC"}

package/dist/editor/helpers/css-reset.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cssReset = void 0;
-exports.cssReset = {
-    fontSize: 16,
-    lineHeight: 1,
-    color: 'black',
-};
-//# sourceMappingURL=css-reset.js.map

package/dist/editor/helpers/css-reset.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css-reset.js","sourceRoot":"","sources":["../../../src/editor/helpers/css-reset.ts"],"names":[],"mappings":";;;AAEa,QAAA,QAAQ,GAAwB;IAC5C,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,CAAC;IACb,KAAK,EAAE,OAAO;CACd,CAAC"}

package/dist/empty-audio.d.ts

@@ -1,2 +0,0 @@
-export declare const EMPTY_AUDIO = "SUQzBAAAAAACDVRYWFgAAAASAAADbWFqb3JfYnJhbmQATTRBIABUWFhYAAAAEQAAA21pbm9yX3ZlcnNpb24AMABUWFhYAAAAIAAAA2NvbXBhdGlibGVfYnJhbmRzAE00QSBpc29tbXA0MgBUWFhYAAAAfwAAA2lUdW5TTVBCACAwMDAwMDAwMCAwMDAwMDg0MCAwMDAwMDMwMyAwMDAwMDAwMDAwMDAwNEJEIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwAFRTU0UAAAAPAAADTGF2ZjU4Ljc2LjEwMAAAAAAAAAAAAAAA/+M4wAAAAAAAAAAAAEluZm8AAAAPAAAABgAAAogAcXFxcXFxcXFxcXFxcXFxcY6Ojo6Ojo6Ojo6Ojo6Ojo6OqqqqqqqqqqqqqqqqqqqqqsfHx8fHx8fHx8fHx8fHx8fH4+Pj4+Pj4+Pj4+Pj4+Pj4+P/////////////////////AAAAAExhdmM1OC4xMwAAAAAAAAAAAAAAACQDgAAAAAAAAAKIql7rrgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/+MYxAALg13diAgEzAAoAZ/////81/oR/+eRv6n36v/53J////7dT29FPIzHqc76gbwgAUDdCMgAoGf/////4jF3/90X/J3y/+MYxA0MM134ABAKsH/6N////67KwkOkQiCLncaKoJ1c7jQVRdxhQiLKgwFHgOw0Wf/////njP/Gujf79xcQb/8X////+ulD/+MYxBcLu2YQAAgKsKERVViOyFKdFSRlKLxhQQxHOIibg7GFzv/////isjf/Q3+I6iqt///////GtLFVFVQxlRHeuV5VPdw7/+MYxCMLu2X8ABAKsKCwsEREREQ6BQVBjZ//CGa/ITmGQv/iE/////6rDbSq8rytc602qrqKjhZxWmFhU2igVA2ZFMiNNEZG/+MYxC8KM1ngAABRSH//8v/+ZEf///yyX8mCggVRyMv/7LLUMj5ZKRkyhnWVTEFNRTMuMTAwVVVVVVVVVVVVVVVVVVVVVVVV/+MYxEEJU2FECABHSVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV";
-//# sourceMappingURL=empty-audio.d.ts.map

package/dist/empty-audio.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"empty-audio.d.ts","sourceRoot":"","sources":["../src/empty-audio.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,ytCAC+rC,CAAC"}