@remotion/cli 2.3.3 → 2.3.4

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ValidationMessage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const layout_1 = require("../layout");
+const Triangle = (props) => {
+    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ viewBox: "0 0 576 512" }, props, { children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M248.747 204.705l6.588 112c.373 6.343 5.626 11.295 11.979 11.295h41.37a12 12 0 0 0 11.979-11.295l6.588-112c.405-6.893-5.075-12.705-11.979-12.705h-54.547c-6.903 0-12.383 5.812-11.978 12.705zM330 384c0 23.196-18.804 42-42 42s-42-18.804-42-42 18.804-42 42-42 42 18.804 42 42zm-.423-360.015c-18.433-31.951-64.687-32.009-83.154 0L6.477 440.013C-11.945 471.946 11.118 512 48.054 512H527.94c36.865 0 60.035-39.993 41.577-71.987L329.577 23.985zM53.191 455.002L282.803 57.008c2.309-4.002 8.085-4.002 10.394 0l229.612 397.993c2.308 4-.579 8.998-5.197 8.998H58.388c-4.617.001-7.504-4.997-5.197-8.997z" }, void 0) }), void 0));
+};
+const style = {
+    width: 11,
+    height: 11,
+};
+const container = {
+    marginTop: 5,
+};
+const label = {
+    fontSize: 13,
+    flex: 1,
+};
+const ValidationMessage = ({ message }) => {
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: container }, { children: (0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ align: "center" }, { children: [(0, jsx_runtime_1.jsx)(Triangle, { style: style, color: "#f1c40f" }, void 0), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }, void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: label }, { children: message }), void 0)] }), void 0) }), void 0));
+};
+exports.ValidationMessage = ValidationMessage;
+//# sourceMappingURL=ValidationMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationMessage.js","sourceRoot":"","sources":["../../../../src/editor/components/NewComposition/ValidationMessage.tsx"],"names":[],"mappings":";;;;AACA,sCAAuC;AAEvC,MAAM,QAAQ,GAAsC,CAAC,KAAK,EAAE,EAAE;IAC7D,OAAO,CACN,8CAAK,OAAO,EAAC,aAAa,IAAK,KAAK,cACnC,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,+kBAA+kB,WAChlB,YACG,CACN,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,KAAK,GAAwB;IAClC,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACV,CAAC;AAEF,MAAM,SAAS,GAAwB;IACtC,SAAS,EAAE,CAAC;CACZ,CAAC;AAEF,MAAM,KAAK,GAAwB;IAClC,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,CAAC;CACP,CAAC;AAEK,MAAM,iBAAiB,GAEzB,CAAC,EAAC,OAAO,EAAC,EAAE,EAAE;IAClB,OAAO,CACN,8CAAK,KAAK,EAAE,SAAS,gBACpB,wBAAC,YAAG,kBAAC,KAAK,EAAC,QAAQ,iBAClB,uBAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC,SAAS,WAAG,EAC1C,uBAAC,gBAAO,IAAC,CAAC,EAAE,CAAC,WAAI,EACjB,8CAAK,KAAK,EAAE,KAAK,gBAAG,OAAO,YAAO,aAC7B,YACD,CACN,CAAC;AACH,CAAC,CAAC;AAZW,QAAA,iBAAiB,qBAY5B"}

package/dist/editor/components/NewComposition/new-comp-layout.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const leftLabel: React.CSSProperties;
+export declare const inputArea: React.CSSProperties;
+export declare const rightLabel: React.CSSProperties;
+//# sourceMappingURL=new-comp-layout.d.ts.map

package/dist/editor/components/NewComposition/new-comp-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"new-comp-layout.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/NewComposition/new-comp-layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,aAO7B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,aAE7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,aAI9B,CAAC"}

package/dist/editor/components/NewComposition/new-comp-layout.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rightLabel = exports.inputArea = exports.leftLabel = void 0;
+exports.leftLabel = {
+    width: 160,
+    display: 'inline-block',
+    textAlign: 'right',
+    paddingRight: 30,
+    fontSize: 14,
+    color: '#ddd',
+};
+exports.inputArea = {
+    width: 190,
+};
+exports.rightLabel = {
+    fontSize: 13,
+    color: 'rgba(255, 255, 255, 0.5)',
+    marginLeft: 10,
+};
+//# sourceMappingURL=new-comp-layout.js.map

package/dist/editor/components/NewComposition/new-comp-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"new-comp-layout.js","sourceRoot":"","sources":["../../../../src/editor/components/NewComposition/new-comp-layout.ts"],"names":[],"mappings":";;;AAEa,QAAA,SAAS,GAAwB;IAC7C,KAAK,EAAE,GAAG;IACV,OAAO,EAAE,cAAc;IACvB,SAAS,EAAE,OAAO;IAClB,YAAY,EAAE,EAAE;IAChB,QAAQ,EAAE,EAAE;IACZ,KAAK,EAAE,MAAM;CACb,CAAC;AAEW,QAAA,SAAS,GAAwB;IAC7C,KAAK,EAAE,GAAG;CACV,CAAC;AAEW,QAAA,UAAU,GAAwB;IAC9C,QAAQ,EAAE,EAAE;IACZ,KAAK,EAAE,0BAA0B;IACjC,UAAU,EAAE,EAAE;CACd,CAAC"}

package/dist/editor/components/NewComposition/render-aspect-ratio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render-aspect-ratio.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/NewComposition/render-aspect-ratio.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,WAAW,UAAW,MAAM,UAAU,MAAM,WAGxD,CAAC"}
+{"version":3,"file":"render-aspect-ratio.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/NewComposition/render-aspect-ratio.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,WAAW,UAAW,MAAM,UAAU,MAAM,WAUxD,CAAC"}

package/dist/editor/components/NewComposition/render-aspect-ratio.js

@@ -13,7 +13,12 @@ function gcd_two_numbers(x, y) {
 }
 const aspectRatio = (width, height) => {
     const commonDivisor = gcd_two_numbers(width, height);
-    return width / commonDivisor + ':' + height / commonDivisor;
+    const widthDivisor = width / commonDivisor;
+    const heightDivisor = height / commonDivisor;
+    if (widthDivisor < 100) {
+        return widthDivisor + ':' + heightDivisor;
+    }
+    return (widthDivisor / heightDivisor).toFixed(2);
 };
 exports.aspectRatio = aspectRatio;
 //# sourceMappingURL=render-aspect-ratio.js.map

package/dist/editor/components/NewComposition/render-aspect-ratio.js.map

@@ -1 +1 @@
-{"version":3,"file":"render-aspect-ratio.js","sourceRoot":"","sources":["../../../../src/editor/components/NewComposition/render-aspect-ratio.tsx"],"names":[],"mappings":";;;AAAA,SAAS,eAAe,CAAC,CAAS,EAAE,CAAS;IAC5C,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAChB,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAChB,OAAO,CAAC,EAAE;QACT,MAAM,CAAC,GAAG,CAAC,CAAC;QACZ,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACV,CAAC,GAAG,CAAC,CAAC;KACN;IAED,OAAO,CAAC,CAAC;AACV,CAAC;AAEM,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,MAAc,EAAE,EAAE;IAC5D,MAAM,aAAa,GAAG,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACrD,OAAO,KAAK,GAAG,aAAa,GAAG,GAAG,GAAG,MAAM,GAAG,aAAa,CAAC;AAC7D,CAAC,CAAC;AAHW,QAAA,WAAW,eAGtB"}
+{"version":3,"file":"render-aspect-ratio.js","sourceRoot":"","sources":["../../../../src/editor/components/NewComposition/render-aspect-ratio.tsx"],"names":[],"mappings":";;;AAAA,SAAS,eAAe,CAAC,CAAS,EAAE,CAAS;IAC5C,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAChB,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAChB,OAAO,CAAC,EAAE;QACT,MAAM,CAAC,GAAG,CAAC,CAAC;QACZ,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACV,CAAC,GAAG,CAAC,CAAC;KACN;IAED,OAAO,CAAC,CAAC;AACV,CAAC;AAEM,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,MAAc,EAAE,EAAE;IAC5D,MAAM,aAAa,GAAG,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACrD,MAAM,YAAY,GAAG,KAAK,GAAG,aAAa,CAAC;IAC3C,MAAM,aAAa,GAAG,MAAM,GAAG,aAAa,CAAC;IAE7C,IAAI,YAAY,GAAG,GAAG,EAAE;QACvB,OAAO,YAAY,GAAG,GAAG,GAAG,aAAa,CAAC;KAC1C;IAED,OAAO,CAAC,YAAY,GAAG,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AAClD,CAAC,CAAC;AAVW,QAAA,WAAW,eAUtB"}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { UpdateInfo } from '../UpdateCheck';
+export declare const UpdateModal: React.FC<{
+    info: UpdateInfo;
+}>;
+//# sourceMappingURL=UpdateModal.d.ts.map

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

@@ -0,0 +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,CA8CA,CAAC"}

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

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UpdateModal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const colors_1 = require("../../helpers/colors");
+const copy_text_1 = require("../../helpers/copy-text");
+const modals_1 = require("../../state/modals");
+const CopyButton_1 = require("../CopyButton");
+const layout_1 = require("../layout");
+const ModalContainer_1 = require("../ModalContainer");
+const ModalHeader_1 = require("../ModalHeader");
+const container = {
+    padding: 20,
+    paddingTop: 0,
+};
+const code = {
+    background: colors_1.SELECTED_BACKGROUND,
+    padding: '12px 10px',
+    fontSize: 17,
+    marginTop: 10,
+    marginBottom: 10,
+};
+const link = {
+    fontWeight: 'bold',
+    color: 'inherit',
+    textDecoration: 'none',
+};
+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 to 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)('yarn upgrade'), 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));
+};
+exports.UpdateModal = UpdateModal;
+//# sourceMappingURL=UpdateModal.js.map

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

@@ -0,0 +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,sHAAwE,EACxE,wBAAC,YAAG,kBAAC,KAAK,EAAC,QAAQ,iBAClB,uBAAC,aAAI,cACJ,8CAAK,OAAO,EAAE,GAAG,EAAE,CAAC,IAAA,mBAAO,EAAC,cAAc,CAAC,EAAE,KAAK,EAAE,IAAI,gBACtD,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;AAhDW,QAAA,WAAW,eAgDtB"}

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

@@ -0,0 +1,13 @@
+import React from 'react';
+export declare const SPACING_UNIT = 8;
+export declare const Spacing: React.FC<{
+    x?: number;
+    y?: number;
+}>;
+export declare const Flex: React.FC;
+export declare const Row: React.FC<{
+    justify?: 'center';
+    align?: 'center';
+    style?: React.CSSProperties;
+}>;
+//# sourceMappingURL=layout.d.ts.map

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

@@ -0,0 +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;CAC5B,CAWA,CAAC"}

package/dist/editor/components/layout.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Row = exports.Flex = 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: 'inline-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;
+const flex = { flex: 1 };
+const Flex = ({ children }) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: flex }, { children: children }), void 0));
+exports.Flex = Flex;
+const Row = ({ children, justify, align, style = {} }) => {
+    const finalStyle = (0, react_1.useMemo)(() => {
+        return {
+            ...style,
+            display: 'flex',
+            flexDirection: 'row',
+            justifyContent: justify !== null && justify !== void 0 ? justify : 'flex-start',
+            alignItems: align !== null && align !== void 0 ? align : 'flex-start',
+        };
+    }, [align, justify, style]);
+    return (0, jsx_runtime_1.jsx)("div", Object.assign({ style: finalStyle }, { children: children }), void 0);
+};
+exports.Row = Row;
+//# sourceMappingURL=layout.js.map

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

@@ -0,0 +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,GAIX,CAAC,EAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG,EAAE,EAAC,EAAE,EAAE;IAC/C,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,8CAAK,KAAK,EAAE,UAAU,gBAAG,QAAQ,YAAO,CAAC;AACjD,CAAC,CAAC;AAfW,QAAA,GAAG,OAed"}

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

@@ -1,8 +1,12 @@
-export declare const BACKGROUND = "#222";
+export declare const BACKGROUND = "#1f2428";
+export declare const INPUT_BACKGROUND = "#2f363d";
 export declare const BORDER_COLOR = "#000";
 export declare const SELECTED_BACKGROUND = "hsla(0, 0%, 100%, 0.15)";
+export declare const LIGHT_TEXT = "rgba(255, 255, 255, 0.6)";
 export declare const SELECTED_HOVER_BACKGROUND = "hsla(0, 0%, 100%, 0.25)";
 export declare const CLEAR_HOVER = "rgba(255, 255, 255, 0.06)";
+export declare const INPUT_BORDER_COLOR_UNHOVERED = "rgba(0, 0, 0, 0.6)";
+export declare const INPUT_BORDER_COLOR_HOVERED = "rgba(255, 255, 255, 0.05)";
 export declare const getBackgroundFromHoverState: ({ selected, hovered, }: {
     selected: boolean;
     hovered: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/editor/helpers/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,SAAS,CAAC;AACjC,eAAO,MAAM,YAAY,SAAS,CAAC;AACnC,eAAO,MAAM,mBAAmB,4BAA4B,CAAC;AAC7D,eAAO,MAAM,yBAAyB,4BAA4B,CAAC;AACnE,eAAO,MAAM,WAAW,8BAA8B,CAAC;AAEvD,eAAO,MAAM,2BAA2B;cAI7B,OAAO;aACR,OAAO;yGAehB,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/editor/helpers/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,YAAY,CAAC;AACpC,eAAO,MAAM,gBAAgB,YAAY,CAAC;AAC1C,eAAO,MAAM,YAAY,SAAS,CAAC;AACnC,eAAO,MAAM,mBAAmB,4BAA4B,CAAC;AAC7D,eAAO,MAAM,UAAU,6BAA6B,CAAC;AACrD,eAAO,MAAM,yBAAyB,4BAA4B,CAAC;AACnE,eAAO,MAAM,WAAW,8BAA8B,CAAC;AACvD,eAAO,MAAM,4BAA4B,uBAAuB,CAAC;AACjE,eAAO,MAAM,0BAA0B,8BAA8B,CAAC;AAEtE,eAAO,MAAM,2BAA2B;cAI7B,OAAO;aACR,OAAO;yGAehB,CAAC"}

package/dist/editor/helpers/colors.js

@@ -1,11 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getBackgroundFromHoverState = exports.CLEAR_HOVER = exports.SELECTED_HOVER_BACKGROUND = exports.SELECTED_BACKGROUND = exports.BORDER_COLOR = exports.BACKGROUND = void 0;
-exports.BACKGROUND = '#222';
+exports.getBackgroundFromHoverState = exports.INPUT_BORDER_COLOR_HOVERED = exports.INPUT_BORDER_COLOR_UNHOVERED = exports.CLEAR_HOVER = exports.SELECTED_HOVER_BACKGROUND = exports.LIGHT_TEXT = exports.SELECTED_BACKGROUND = exports.BORDER_COLOR = exports.INPUT_BACKGROUND = exports.BACKGROUND = void 0;
+exports.BACKGROUND = '#1f2428';
+exports.INPUT_BACKGROUND = '#2f363d';
 exports.BORDER_COLOR = '#000';
 exports.SELECTED_BACKGROUND = 'hsla(0, 0%, 100%, 0.15)';
+exports.LIGHT_TEXT = 'rgba(255, 255, 255, 0.6)';
 exports.SELECTED_HOVER_BACKGROUND = 'hsla(0, 0%, 100%, 0.25)';
 exports.CLEAR_HOVER = 'rgba(255, 255, 255, 0.06)';
+exports.INPUT_BORDER_COLOR_UNHOVERED = 'rgba(0, 0, 0, 0.6)';
+exports.INPUT_BORDER_COLOR_HOVERED = 'rgba(255, 255, 255, 0.05)';
 const getBackgroundFromHoverState = ({ selected, hovered, }) => {
     if (selected) {
         if (hovered) {

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

@@ -1 +1 @@
-{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/editor/helpers/colors.ts"],"names":[],"mappings":";;;AAAa,QAAA,UAAU,GAAG,MAAM,CAAC;AACpB,QAAA,YAAY,GAAG,MAAM,CAAC;AACtB,QAAA,mBAAmB,GAAG,yBAAyB,CAAC;AAChD,QAAA,yBAAyB,GAAG,yBAAyB,CAAC;AACtD,QAAA,WAAW,GAAG,2BAA2B,CAAC;AAEhD,MAAM,2BAA2B,GAAG,CAAC,EAC3C,QAAQ,EACR,OAAO,GAIP,EAAE,EAAE;IACJ,IAAI,QAAQ,EAAE;QACb,IAAI,OAAO,EAAE;YACZ,OAAO,iCAAyB,CAAC;SACjC;QAED,OAAO,2BAAmB,CAAC;KAC3B;IAED,IAAI,OAAO,EAAE;QACZ,OAAO,mBAAW,CAAC;KACnB;IAED,OAAO,aAAa,CAAC;AACtB,CAAC,CAAC;AApBW,QAAA,2BAA2B,+BAoBtC"}
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/editor/helpers/colors.ts"],"names":[],"mappings":";;;AAAa,QAAA,UAAU,GAAG,SAAS,CAAC;AACvB,QAAA,gBAAgB,GAAG,SAAS,CAAC;AAC7B,QAAA,YAAY,GAAG,MAAM,CAAC;AACtB,QAAA,mBAAmB,GAAG,yBAAyB,CAAC;AAChD,QAAA,UAAU,GAAG,0BAA0B,CAAC;AACxC,QAAA,yBAAyB,GAAG,yBAAyB,CAAC;AACtD,QAAA,WAAW,GAAG,2BAA2B,CAAC;AAC1C,QAAA,4BAA4B,GAAG,oBAAoB,CAAC;AACpD,QAAA,0BAA0B,GAAG,2BAA2B,CAAC;AAE/D,MAAM,2BAA2B,GAAG,CAAC,EAC3C,QAAQ,EACR,OAAO,GAIP,EAAE,EAAE;IACJ,IAAI,QAAQ,EAAE;QACb,IAAI,OAAO,EAAE;YACZ,OAAO,iCAAyB,CAAC;SACjC;QAED,OAAO,2BAAmB,CAAC;KAC3B;IAED,IAAI,OAAO,EAAE;QACZ,OAAO,mBAAW,CAAC;KACnB;IAED,OAAO,aAAa,CAAC;AACtB,CAAC,CAAC;AApBW,QAAA,2BAA2B,+BAoBtC"}

package/dist/editor/helpers/copy-text.d.ts

@@ -0,0 +1,2 @@
+export declare const copyCmd: (cmd: string) => void;
+//# sourceMappingURL=copy-text.d.ts.map

package/dist/editor/helpers/copy-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-text.d.ts","sourceRoot":"","sources":["../../../src/editor/helpers/copy-text.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,QAAS,MAAM,SAYlC,CAAC"}

package/dist/editor/helpers/copy-text.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.copyCmd = void 0;
+const copyCmd = (cmd) => {
+    const permissionName = 'clipboard-write';
+    navigator.permissions
+        .query({ name: permissionName })
+        .then((result) => {
+        if (result.state === 'granted' || result.state === 'prompt') {
+            navigator.clipboard.writeText(cmd);
+        }
+    })
+        .catch((err) => {
+        console.log('Could not copy command', err);
+    });
+};
+exports.copyCmd = copyCmd;
+//# sourceMappingURL=copy-text.js.map

package/dist/editor/helpers/copy-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-text.js","sourceRoot":"","sources":["../../../src/editor/helpers/copy-text.ts"],"names":[],"mappings":";;;AAAO,MAAM,OAAO,GAAG,CAAC,GAAW,EAAE,EAAE;IACtC,MAAM,cAAc,GAAG,iBAAmC,CAAC;IAC3D,SAAS,CAAC,WAAW;SACnB,KAAK,CAAC,EAAC,IAAI,EAAE,cAAc,EAAC,CAAC;SAC7B,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;QAChB,IAAI,MAAM,CAAC,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,KAAK,KAAK,QAAQ,EAAE;YAC5D,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;SACnC;IACF,CAAC,CAAC;SACD,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;QACd,OAAO,CAAC,GAAG,CAAC,wBAAwB,EAAE,GAAG,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAZW,QAAA,OAAO,WAYlB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"noop.d.ts","sourceRoot":"","sources":["../../../src/editor/helpers/noop.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,iBAAkB,CAAC"}

package/dist/editor/helpers/noop.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.noop = void 0;
+const noop = () => undefined;
+exports.noop = noop;
+//# sourceMappingURL=noop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"noop.js","sourceRoot":"","sources":["../../../src/editor/helpers/noop.ts"],"names":[],"mappings":";;;AAAO,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC;AAAvB,QAAA,IAAI,QAAmB"}

package/dist/editor/helpers/use-keybinding.d.ts

@@ -0,0 +1,8 @@
+import { KeyEventType } from '../state/keybindings';
+export declare const useKeybinding: () => {
+    registerKeybinding: (event: KeyEventType, key: string, callback: (e: KeyboardEvent) => void) => {
+        unregister: () => void;
+    };
+    isHighestContext: boolean;
+};
+//# sourceMappingURL=use-keybinding.d.ts.map

package/dist/editor/helpers/use-keybinding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-keybinding.d.ts","sourceRoot":"","sources":["../../../src/editor/helpers/use-keybinding.ts"],"names":[],"mappings":"AACA,OAAO,EAEN,YAAY,EAEZ,MAAM,sBAAsB,CAAC;AAG9B,eAAO,MAAM,aAAa;gCAOhB,YAAY,OACd,MAAM,gBACG,aAAa,KAAK,IAAI;;;;CAwCtC,CAAC"}

package/dist/editor/helpers/use-keybinding.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useKeybinding = void 0;
+const react_1 = require("react");
+const keybindings_1 = require("../state/keybindings");
+const z_index_1 = require("../state/z-index");
+const useKeybinding = () => {
+    const [paneId] = (0, react_1.useState)(() => String(Math.random()));
+    const context = (0, react_1.useContext)(keybindings_1.KeybindingContext);
+    const { isHighestContext } = (0, z_index_1.useZIndex)();
+    const registerKeybinding = (0, react_1.useCallback)((event, key, callback) => {
+        if (!isHighestContext) {
+            return {
+                unregister: () => undefined,
+            };
+        }
+        const listener = (e) => {
+            if (e.key.toLowerCase() === key.toLowerCase()) {
+                callback(e);
+            }
+        };
+        const toRegister = {
+            registeredFromPane: paneId,
+            event,
+            key,
+            callback: listener,
+            id: String(Math.random()),
+        };
+        context.registerKeybinding(toRegister);
+        return {
+            unregister: () => context.unregisterKeybinding(toRegister),
+        };
+    }, [context, isHighestContext, paneId]);
+    (0, react_1.useEffect)(() => {
+        return () => {
+            context.unregisterPane(paneId);
+        };
+    }, [context, paneId]);
+    return (0, react_1.useMemo)(() => ({ registerKeybinding, isHighestContext }), [
+        registerKeybinding,
+        isHighestContext,
+    ]);
+};
+exports.useKeybinding = useKeybinding;
+//# sourceMappingURL=use-keybinding.js.map

package/dist/editor/helpers/use-keybinding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-keybinding.js","sourceRoot":"","sources":["../../../src/editor/helpers/use-keybinding.ts"],"names":[],"mappings":";;;AAAA,iCAA4E;AAC5E,sDAI8B;AAC9B,8CAA2C;AAEpC,MAAM,aAAa,GAAG,GAAG,EAAE;IACjC,MAAM,CAAC,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAiB,CAAC,CAAC;IAC9C,MAAM,EAAC,gBAAgB,EAAC,GAAG,IAAA,mBAAS,GAAE,CAAC;IAEvC,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACrC,CACC,KAAmB,EACnB,GAAW,EACX,QAAoC,EACnC,EAAE;QACH,IAAI,CAAC,gBAAgB,EAAE;YACtB,OAAO;gBACN,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS;aAC3B,CAAC;SACF;QAED,MAAM,QAAQ,GAAG,CAAC,CAAgB,EAAE,EAAE;YACrC,IAAI,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,GAAG,CAAC,WAAW,EAAE,EAAE;gBAC9C,QAAQ,CAAC,CAAC,CAAC,CAAC;aACZ;QACF,CAAC,CAAC;QAEF,MAAM,UAAU,GAAyB;YACxC,kBAAkB,EAAE,MAAM;YAC1B,KAAK;YACL,GAAG;YACH,QAAQ,EAAE,QAAQ;YAClB,EAAE,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;SACzB,CAAC;QAEF,OAAO,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC;QACvC,OAAO;YACN,UAAU,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,oBAAoB,CAAC,UAAU,CAAC;SAC1D,CAAC;IACH,CAAC,EACD,CAAC,OAAO,EAAE,gBAAgB,EAAE,MAAM,CAAC,CACnC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,OAAO,GAAG,EAAE;YACX,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;QAChC,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAEtB,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC,EAAC,kBAAkB,EAAE,gBAAgB,EAAC,CAAC,EAAE;QAC9D,kBAAkB;QAClB,gBAAgB;KAChB,CAAC,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,aAAa,iBAiDxB"}

package/dist/editor/icons/Checkmark.d.ts

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

package/dist/editor/icons/Checkmark.d.ts.map

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

package/dist/editor/icons/Checkmark.js

@@ -0,0 +1,11 @@
+"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/icons/Checkmark.js.map

@@ -0,0 +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"}

package/dist/editor/icons/caret.d.ts

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

package/dist/editor/icons/caret.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"caret.d.ts","sourceRoot":"","sources":["../../../src/editor/icons/caret.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,KAAK,mBAOjB,CAAC;AAEF,eAAO,MAAM,SAAS,mBASrB,CAAC"}

package/dist/editor/icons/caret.js

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

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

@@ -0,0 +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"}

package/dist/editor/icons/keys.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const ShiftIcon: React.FC;
+export declare const ArrowLeft: React.FC;
+export declare const ArrowRight: React.FC;
+//# sourceMappingURL=keys.d.ts.map

package/dist/editor/icons/keys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keys.d.ts","sourceRoot":"","sources":["../../../src/editor/icons/keys.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAS7B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAS7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAS9B,CAAC"}

package/dist/editor/icons/keys.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrowRight = exports.ArrowLeft = exports.ShiftIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ShiftIcon = () => {
+    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ style: { width: 10 }, 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: { width: 10 }, 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: { width: 10 }, 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

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

@@ -0,0 +1 @@
+{"version":3,"file":"keys.js","sourceRoot":"","sources":["../../../src/editor/icons/keys.tsx"],"names":[],"mappings":";;;;AAEO,MAAM,SAAS,GAAa,GAAG,EAAE;IACvC,OAAO,CACN,8CAAK,KAAK,EAAE,EAAC,KAAK,EAAE,EAAE,EAAC,EAAE,OAAO,EAAC,aAAa,gBAC7C,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,sRAAsR,WACvR,YACG,CACN,CAAC;AACH,CAAC,CAAC;AATW,QAAA,SAAS,aASpB;AAEK,MAAM,SAAS,GAAa,GAAG,EAAE;IACvC,OAAO,CACN,8CAAK,KAAK,EAAE,EAAC,KAAK,EAAE,EAAE,EAAC,EAAE,OAAO,EAAC,aAAa,gBAC7C,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,0PAA0P,WAC3P,YACG,CACN,CAAC;AACH,CAAC,CAAC;AATW,QAAA,SAAS,aASpB;AAEK,MAAM,UAAU,GAAa,GAAG,EAAE;IACxC,OAAO,CACN,8CAAK,KAAK,EAAE,EAAC,KAAK,EAAE,EAAE,EAAC,EAAE,OAAO,EAAC,aAAa,gBAC7C,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,+PAA+P,WAChQ,YACG,CACN,CAAC;AACH,CAAC,CAAC;AATW,QAAA,UAAU,cASrB"}

package/dist/editor/icons/lock.d.ts

@@ -0,0 +1,4 @@
+import React, { SVGProps } from 'react';
+export declare const LockIcon: React.FC<SVGProps<SVGSVGElement>>;
+export declare const UnlockIcon: React.FC<SVGProps<SVGSVGElement>>;
+//# sourceMappingURL=lock.d.ts.map

package/dist/editor/icons/lock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lock.d.ts","sourceRoot":"","sources":["../../../src/editor/icons/lock.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;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,CASxD,CAAC"}

package/dist/editor/icons/lock.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnlockIcon = exports.LockIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const LockIcon = (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: "M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z" }, void 0) }), void 0));
+};
+exports.LockIcon = LockIcon;
+const UnlockIcon = (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: "M400 256H152V152.9c0-39.6 31.7-72.5 71.3-72.9 40-.4 72.7 32.1 72.7 72v16c0 13.3 10.7 24 24 24h32c13.3 0 24-10.7 24-24v-16C376 68 307.5-.3 223.5 0 139.5.3 72 69.5 72 153.5V256H48c-26.5 0-48 21.5-48 48v160c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z" }, void 0) }), void 0));
+};
+exports.UnlockIcon = UnlockIcon;
+//# sourceMappingURL=lock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lock.js","sourceRoot":"","sources":["../../../src/editor/icons/lock.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,sNAAsN,WACvN,YACG,CACN,CAAC;AACH,CAAC,CAAC;AATW,QAAA,QAAQ,YASnB;AAEK,MAAM,UAAU,GAAsC,CAAC,KAAK,EAAE,EAAE;IACtE,OAAO,CACN,8CAAK,OAAO,EAAC,aAAa,IAAK,KAAK,cACnC,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,qRAAqR,WACtR,YACG,CACN,CAAC;AACH,CAAC,CAAC;AATW,QAAA,UAAU,cASrB"}

package/dist/editor/state/highest-z-index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare type HighestZIndexContainer = {
+    highestIndex: number;
+    registerZIndex: (index: number) => void;
+    unregisterZIndex: (index: number) => void;
+};
+export declare const HighestZIndexContext: React.Context<HighestZIndexContainer>;
+export declare const HighestZIndexProvider: React.FC;
+export {};
+//# sourceMappingURL=highest-z-index.d.ts.map

package/dist/editor/state/highest-z-index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"highest-z-index.d.ts","sourceRoot":"","sources":["../../../src/editor/state/highest-z-index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAE3E,aAAK,sBAAsB,GAAG;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,oBAAoB,uCAI/B,CAAC;AAEH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAiCzC,CAAC"}

package/dist/editor/state/highest-z-index.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HighestZIndexProvider = exports.HighestZIndexContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+exports.HighestZIndexContext = (0, react_1.createContext)({
+    highestIndex: 0,
+    registerZIndex: () => undefined,
+    unregisterZIndex: () => undefined,
+});
+const HighestZIndexProvider = ({ children }) => {
+    const [zIndexes, setZIndexes] = (0, react_1.useState)([]);
+    const registerZIndex = (0, react_1.useCallback)((newIndex) => {
+        setZIndexes((prev) => [...prev, newIndex]);
+    }, []);
+    const unregisterZIndex = (0, react_1.useCallback)((newIndex) => {
+        setZIndexes((prev) => {
+            const index = prev.indexOf(newIndex);
+            if (index === -1) {
+                throw new Error('did not find z-index ' + newIndex);
+            }
+            return prev.filter((n, i) => i !== index);
+        });
+    }, []);
+    const highestIndex = Math.max(...zIndexes);
+    const value = (0, react_1.useMemo)(() => {
+        return {
+            highestIndex,
+            registerZIndex,
+            unregisterZIndex,
+        };
+    }, [registerZIndex, unregisterZIndex, highestIndex]);
+    return ((0, jsx_runtime_1.jsx)(exports.HighestZIndexContext.Provider, Object.assign({ value: value }, { children: children }), void 0));
+};
+exports.HighestZIndexProvider = HighestZIndexProvider;
+//# sourceMappingURL=highest-z-index.js.map

package/dist/editor/state/highest-z-index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highest-z-index.js","sourceRoot":"","sources":["../../../src/editor/state/highest-z-index.tsx"],"names":[],"mappings":";;;;AAAA,iCAA2E;AAQ9D,QAAA,oBAAoB,GAAG,IAAA,qBAAa,EAAyB;IACzE,YAAY,EAAE,CAAC;IACf,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS;IAC/B,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS;CACjC,CAAC,CAAC;AAEI,MAAM,qBAAqB,GAAa,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IAC7D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAW,EAAE,CAAC,CAAC;IAEvD,MAAM,cAAc,GAAG,IAAA,mBAAW,EAAC,CAAC,QAAgB,EAAE,EAAE;QACvD,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAC5C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,CAAC,QAAgB,EAAE,EAAE;QACzD,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;YACpB,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;YACrC,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;gBACjB,MAAM,IAAI,KAAK,CAAC,uBAAuB,GAAG,QAAQ,CAAC,CAAC;aACpD;YAED,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC;IAE3C,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAA2B,EAAE;QAClD,OAAO;YACN,YAAY;YACZ,cAAc;YACd,gBAAgB;SAChB,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,gBAAgB,EAAE,YAAY,CAAC,CAAC,CAAC;IAErD,OAAO,CACN,uBAAC,4BAAoB,CAAC,QAAQ,kBAAC,KAAK,EAAE,KAAK,gBACzC,QAAQ,YACsB,CAChC,CAAC;AACH,CAAC,CAAC;AAjCW,QAAA,qBAAqB,yBAiChC"}

package/dist/editor/state/input-dragger-click-lock.d.ts

@@ -0,0 +1,3 @@
+export declare const getClickLock: () => boolean;
+export declare const setClickLock: (lock: boolean) => void;
+//# sourceMappingURL=input-dragger-click-lock.d.ts.map

package/dist/editor/state/input-dragger-click-lock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-dragger-click-lock.d.ts","sourceRoot":"","sources":["../../../src/editor/state/input-dragger-click-lock.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,eAAkB,CAAC;AAC5C,eAAO,MAAM,YAAY,SAAU,OAAO,SAEzC,CAAC"}

package/dist/editor/state/input-dragger-click-lock.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setClickLock = exports.getClickLock = void 0;
+let clickLock = false;
+const getClickLock = () => clickLock;
+exports.getClickLock = getClickLock;
+const setClickLock = (lock) => {
+    clickLock = lock;
+};
+exports.setClickLock = setClickLock;
+//# sourceMappingURL=input-dragger-click-lock.js.map

package/dist/editor/state/input-dragger-click-lock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-dragger-click-lock.js","sourceRoot":"","sources":["../../../src/editor/state/input-dragger-click-lock.ts"],"names":[],"mappings":";;;AAAA,IAAI,SAAS,GAAG,KAAK,CAAC;AAEf,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC;AAA/B,QAAA,YAAY,gBAAmB;AACrC,MAAM,YAAY,GAAG,CAAC,IAAa,EAAE,EAAE;IAC7C,SAAS,GAAG,IAAI,CAAC;AAClB,CAAC,CAAC;AAFW,QAAA,YAAY,gBAEvB"}

package/dist/editor/state/keybindings.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export declare type KeyEventType = 'keydown' | 'keyup' | 'keypress';
+export declare type KeyListenerCallback = (e: KeyboardEvent) => void;
+export declare type RegisteredKeybinding = {
+    registeredFromPane: string;
+    id: string;
+    key: string;
+    event: KeyEventType;
+    callback: KeyListenerCallback;
+};
+export declare type KeybindingContextType = {
+    registerKeybinding: (binding: RegisteredKeybinding) => void;
+    unregisterKeybinding: (binding: RegisteredKeybinding) => void;
+    unregisterPane: (paneId: string) => void;
+};
+export declare const KeybindingContext: React.Context<KeybindingContextType>;
+export declare const KeybindingContextProvider: React.FC;
+//# sourceMappingURL=keybindings.d.ts.map