@auspices/eos 5.0.18 → 6.1.0

package/dist/cjs/HTML/HTML.js

@@ -0,0 +1,83 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HTML = exports.Styles = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = __importDefault(require("styled-components"));
+const theme_get_1 = require("@styled-system/theme-get");
+const Box_1 = require("../Box");
+exports.Styles = (0, styled_components_1.default)(Box_1.Box) `
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  ul,
+  ol,
+  p,
+  blockquote,
+  pre,
+  hr {
+    margin: ${(0, theme_get_1.themeGet)("space.5")} auto;
+
+    &:first-child {
+      margin-top: 0;
+    }
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  h1 {
+    font-size: ${(0, theme_get_1.themeGet)("fontSizes.5")};
+  }
+
+  h2 {
+    font-size: ${(0, theme_get_1.themeGet)("fontSizes.4")};
+  }
+
+  h3 {
+    font-size: ${(0, theme_get_1.themeGet)("fontSizes.3")};
+  }
+
+  hr {
+    height: 1px;
+    border: 0;
+    background-color: ${(0, theme_get_1.themeGet)("colors.primary")};
+  }
+
+  pre,
+  code {
+    font-family: ${(0, theme_get_1.themeGet)("fonts.mono")};
+    font-size: ${(0, theme_get_1.themeGet)("fontSizes.1")};
+  }
+
+  pre {
+    border: 1px solid ${(0, theme_get_1.themeGet)("colors.hint")};
+    padding: ${(0, theme_get_1.themeGet)("space.3")} ${(0, theme_get_1.themeGet)("space.4")};
+    overflow-x: auto;
+  }
+
+  blockquote {
+    border-left: 2px solid ${(0, theme_get_1.themeGet)("colors.hint")};
+    padding-left: ${(0, theme_get_1.themeGet)("space.4")};
+  }
+
+  a {
+    color: ${(0, theme_get_1.themeGet)("colors.primary")};
+    text-decoration: underline;
+  }
+`;
+const HTML = (props) => {
+    if ("html" in props) {
+        const { html, ...rest } = props;
+        return (0, jsx_runtime_1.jsx)(exports.Styles, { dangerouslySetInnerHTML: { __html: html }, ...rest });
+    }
+    const { children, ...rest } = props;
+    return (0, jsx_runtime_1.jsx)(exports.Styles, { ...rest, children: children });
+};
+exports.HTML = HTML;
+exports.HTML.displayName = "HTML";
+//# sourceMappingURL=HTML.js.map

package/dist/cjs/HTML/HTML.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HTML.js","sourceRoot":"","sources":["../../../src/HTML/HTML.tsx"],"names":[],"mappings":";;;;;;;AACA,0EAAuC;AACvC,wDAAoD;AACpD,gCAAuC;AAK1B,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,CAAA;;;;;;;;;;;;cAYnB,IAAA,oBAAQ,EAAC,SAAS,CAAC;;;;;;;;;;;iBAWhB,IAAA,oBAAQ,EAAC,aAAa,CAAC;;;;iBAIvB,IAAA,oBAAQ,EAAC,aAAa,CAAC;;;;iBAIvB,IAAA,oBAAQ,EAAC,aAAa,CAAC;;;;;;wBAMhB,IAAA,oBAAQ,EAAC,gBAAgB,CAAC;;;;;mBAK/B,IAAA,oBAAQ,EAAC,YAAY,CAAC;iBACxB,IAAA,oBAAQ,EAAC,aAAa,CAAC;;;;wBAIhB,IAAA,oBAAQ,EAAC,aAAa,CAAC;eAChC,IAAA,oBAAQ,EAAC,SAAS,CAAC,IAAI,IAAA,oBAAQ,EAAC,SAAS,CAAC;;;;;6BAK5B,IAAA,oBAAQ,EAAC,aAAa,CAAC;oBAChC,IAAA,oBAAQ,EAAC,SAAS,CAAC;;;;aAI1B,IAAA,oBAAQ,EAAC,gBAAgB,CAAC;;;CAGtC,CAAC;AAEK,MAAM,IAAI,GAAwB,CAAC,KAAK,EAAE,EAAE;IACjD,IAAI,MAAM,IAAI,KAAK,EAAE,CAAC;QACpB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;QAChC,OAAO,uBAAC,cAAM,IAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,KAAM,IAAI,GAAI,CAAC;IACzE,CAAC;IAED,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpC,OAAO,uBAAC,cAAM,OAAK,IAAI,YAAG,QAAQ,GAAU,CAAC;AAC/C,CAAC,CAAC;AARW,QAAA,IAAI,QAQf;AAEF,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/cjs/HTML/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/HTML/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB"}

package/dist/cjs/Image/Image.js

@@ -0,0 +1,117 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Image = exports.Img = exports.imgMixin = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importStar(require("styled-components"));
+const compose_react_refs_1 = __importDefault(require("@seznam/compose-react-refs"));
+const Box_1 = require("../Box");
+const shouldForwardProp_1 = require("../lib/shouldForwardProp");
+var Mode;
+(function (Mode) {
+    Mode[Mode["Pending"] = 0] = "Pending";
+    Mode[Mode["Error"] = 1] = "Error";
+    Mode[Mode["Loaded"] = 2] = "Loaded";
+})(Mode || (Mode = {}));
+exports.imgMixin = (0, styled_components_1.css) `
+  display: block;
+  max-width: 100%;
+  max-height: 100%;
+  opacity: 0;
+  transition: opacity 250ms;
+`;
+const Placeholder = (0, styled_components_1.default)(Box_1.Box) `
+  ${exports.imgMixin}
+  opacity: 1;
+`;
+exports.Img = styled_components_1.default.img.withConfig({
+    shouldForwardProp: shouldForwardProp_1.shouldForwardProp,
+}) `
+  ${exports.imgMixin}
+  ${Box_1.boxMixin}
+
+  ${({ mode }) => {
+    switch (mode) {
+        case Mode.Pending:
+            return ``;
+        case Mode.Loaded:
+            return `
+          opacity: 1;
+        `;
+        case Mode.Error:
+            return `
+          opacity: 0;
+        `;
+    }
+}};
+`;
+exports.Image = react_1.default.forwardRef(({ srcs, alt, onError, onLoad, onComplete, ...rest }, forwardedRef) => {
+    const [mode, setMode] = (0, react_1.useState)(Mode.Pending);
+    const ref = react_1.default.useRef(null);
+    const handleError = (0, react_1.useCallback)(() => {
+        setMode(Mode.Error);
+        onError && onError();
+        onComplete && onComplete();
+    }, [onComplete, onError]);
+    const handleLoad = (0, react_1.useCallback)(() => {
+        setMode(Mode.Loaded);
+        onLoad && onLoad();
+        onComplete && onComplete();
+    }, [onComplete, onLoad]);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.complete) {
+            handleLoad();
+        }
+    }, [handleLoad, ref]);
+    if (srcs.length === 0) {
+        return (0, jsx_runtime_1.jsx)(Placeholder, { ...rest });
+    }
+    const [src1x, ...remainingSrcs] = srcs;
+    return ((0, jsx_runtime_1.jsx)(exports.Img, { ref: (0, compose_react_refs_1.default)(ref, forwardedRef), mode: mode, src: src1x, ...(remainingSrcs
+            ? {
+                srcSet: `${src1x} 1x, ${remainingSrcs
+                    .map((src, i) => `${src} ${i + 2}x`)
+                    .join(", ")}`,
+            }
+            : {}), onError: handleError, onLoad: handleLoad, alt: alt !== null && alt !== void 0 ? alt : "a meaningful description", ...rest }));
+});
+exports.Image.displayName = "Image";
+//# sourceMappingURL=Image.js.map

package/dist/cjs/Image/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/Image/Image.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,+CAAgE;AAChE,uEAAgD;AAChD,oFAAqD;AACrD,gCAAiD;AACjD,gEAA6D;AAE7D,IAAK,IAIJ;AAJD,WAAK,IAAI;IACP,qCAAO,CAAA;IACP,iCAAK,CAAA;IACL,mCAAM,CAAA;AACR,CAAC,EAJI,IAAI,KAAJ,IAAI,QAIR;AAEY,QAAA,QAAQ,GAAG,IAAA,uBAAG,EAAA;;;;;;CAM1B,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,CAAA;IAC3B,gBAAQ;;CAEX,CAAC;AAEW,QAAA,GAAG,GAAG,2BAAM,CAAC,GAAG,CAAC,UAAU,CAAC;IACvC,iBAAiB,EAAjB,qCAAiB;CAClB,CAAC,CAAgB;IACd,gBAAQ;IACR,cAAQ;;IAER,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACb,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,IAAI,CAAC,OAAO;YACf,OAAO,EAAE,CAAC;QACZ,KAAK,IAAI,CAAC,MAAM;YACd,OAAO;;SAEN,CAAC;QACJ,KAAK,IAAI,CAAC,KAAK;YACb,OAAO;;SAEN,CAAC;IACN,CAAC;AACH,CAAC;CACF,CAAC;AAaW,QAAA,KAAK,GAEd,eAAK,CAAC,UAAU,CAClB,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,EAAE,EAAE;IACpE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC/C,MAAM,GAAG,GAAG,eAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEjD,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACpB,OAAO,IAAI,OAAO,EAAE,CAAC;QACrB,UAAU,IAAI,UAAU,EAAE,CAAC;IAC7B,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAE1B,MAAM,UAAU,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAClC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACrB,MAAM,IAAI,MAAM,EAAE,CAAC;QACnB,UAAU,IAAI,UAAU,EAAE,CAAC;IAC7B,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;IAEzB,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,IAAI,MAAA,GAAG,CAAC,OAAO,0CAAE,QAAQ,EAAE,CAAC;YAC1B,UAAU,EAAE,CAAC;QACf,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAC;IAEtB,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACtB,OAAO,uBAAC,WAAW,OAAK,IAAI,GAAI,CAAC;IACnC,CAAC;IAED,MAAM,CAAC,KAAK,EAAE,GAAG,aAAa,CAAC,GAAG,IAAI,CAAC;IAEvC,OAAO,CACL,uBAAC,WAAG,IACF,GAAG,EAAE,IAAA,4BAAW,EAAC,GAAG,EAAE,YAAY,CAAC,EACnC,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,KAAK,KACN,CAAC,aAAa;YAChB,CAAC,CAAC;gBACE,MAAM,EAAE,GAAG,KAAK,QAAQ,aAAa;qBAClC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;qBACnC,IAAI,CAAC,IAAI,CAAC,EAAE;aAChB;YACH,CAAC,CAAC,EAAE,CAAC,EACP,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,0BAA0B,KAClC,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/cjs/Image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB"}

package/dist/cjs/Input/Input.js

@@ -0,0 +1,83 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = exports.inputMixin = exports.inputHoverMixin = exports.inputFocusMixin = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const Cell_1 = require("../Cell");
+const shouldForwardProp_1 = require("../lib/shouldForwardProp");
+const withDefaultProps_1 = require("../lib/withDefaultProps");
+exports.inputFocusMixin = (0, styled_components_1.css) `
+  ${Cell_1.cellFocusMixin};
+
+  ::placeholder {
+    text-decoration: underline;
+  }
+`;
+exports.inputHoverMixin = (0, styled_components_1.css) `
+  ::placeholder {
+    text-decoration: underline;
+  }
+`;
+exports.inputMixin = (0, styled_components_1.css) `
+  appearance: none;
+  border-radius: 0;
+  margin: 0;
+  transition: box-shadow 250ms ease;
+  background-color: transparent;
+
+  ${Cell_1.cellMixin}
+
+  ${({ focus }) => focus && exports.inputFocusMixin}
+  &:focus {
+    ${exports.inputFocusMixin}
+  }
+
+  ${({ hover }) => hover && exports.inputHoverMixin}
+  &:hover {
+    ${exports.inputHoverMixin}
+  }
+
+  &:autofill {
+    font-size: 1rem;
+  }
+`;
+const StyledInput = styled_components_1.default.input.withConfig({
+    shouldForwardProp: shouldForwardProp_1.shouldForwardProp,
+}) `
+  ${exports.inputMixin}
+`;
+StyledInput.displayName = "StyledInput";
+exports.Input = (0, withDefaultProps_1.withDefaultProps)(StyledInput, { variant: "default" }, "Input");
+//# sourceMappingURL=Input.js.map

package/dist/cjs/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAChD,kCAA4E;AAC5E,gEAA6D;AAC7D,8DAA2D;AAQ9C,QAAA,eAAe,GAAG,IAAA,uBAAG,EAAA;IAC9B,qBAAc;;;;;CAKjB,CAAC;AAEW,QAAA,eAAe,GAAG,IAAA,uBAAG,EAAA;;;;CAIjC,CAAC;AAEW,QAAA,UAAU,GAAG,IAAA,uBAAG,EAAY;;;;;;;IAOrC,gBAAS;;IAET,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,uBAAe;;MAErC,uBAAe;;;IAGjB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,uBAAe;;MAErC,uBAAe;;;;;;CAMpB,CAAC;AAEF,MAAM,WAAW,GAAG,2BAAM,CAAC,KAAK,CAAC,UAAU,CAAC;IAC1C,iBAAiB,EAAjB,qCAAiB;CAClB,CAAC,CAAY;IACV,kBAAU;CACb,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAE3B,QAAA,KAAK,GAAG,IAAA,mCAAgB,EACnC,WAAW,EACX,EAAE,OAAO,EAAE,SAAwB,EAAE,EACrC,OAAO,CACR,CAAC"}

package/dist/cjs/Input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Input/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB"}

package/dist/cjs/KeyValueEditor/KeyValueEditor.js

@@ -0,0 +1,166 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KeyValueEditor = exports.toSchema = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const Box_1 = require("../Box");
+const Stack_1 = require("../Stack");
+const KeyValueInput_1 = require("../KeyValueInput");
+const Remove_1 = require("../Remove");
+const Tooltip_1 = require("../Tooltip");
+const toSchema = (data) => Object.keys(data).map((name) => {
+    const type = typeof data[name];
+    if (!(type === "string" || type === "number")) {
+        throw new Error("Schema invalid");
+    }
+    return { key: name, name, type };
+});
+exports.toSchema = toSchema;
+const reducer = (state, action) => {
+    switch (action.type) {
+        case "ADD_FIELD": {
+            if (state.schema.find(({ name }) => name === action.payload.name)) {
+                return state;
+            }
+            return {
+                ...state,
+                edited: true,
+                schema: [
+                    ...state.schema,
+                    {
+                        key: action.payload.name,
+                        name: action.payload.name,
+                        type: "string",
+                    },
+                ],
+                nextKey: `${new Date().getTime()}`,
+            };
+        }
+        case "REMOVE_FIELD": {
+            const { [action.payload.name]: removed, ...nextData } = state.data;
+            const nextSchema = state.schema.filter(({ name }) => name !== action.payload.name);
+            return {
+                ...state,
+                edited: true,
+                schema: nextSchema,
+                data: nextData,
+            };
+        }
+        case "UPDATE_NAME": {
+            const { [action.payload.oldName]: removed, ...filteredData } = state.data;
+            const nextData = {
+                ...filteredData,
+                ...(action.payload.newName !== ""
+                    ? { [action.payload.newName]: state.data[action.payload.oldName] }
+                    : {}),
+            };
+            const nextSchema = state.schema
+                .map((field, index) => {
+                if (index !== action.payload.index)
+                    return field;
+                return {
+                    key: field.key,
+                    name: action.payload.newName,
+                    type: field.type,
+                };
+            })
+                .filter(({ name }) => name !== "");
+            return {
+                ...state,
+                edited: true,
+                schema: nextSchema,
+                data: nextData,
+            };
+        }
+        case "UPDATE_VALUE":
+            return {
+                ...state,
+                edited: true,
+                data: {
+                    ...state.data,
+                    [action.payload.key]: action.payload.value,
+                },
+            };
+    }
+};
+exports.KeyValueEditor = react_1.default.memo(({ schema: initialSchema, data: initialData, onChange = () => { }, ...rest }) => {
+    const [state, dispatch] = (0, react_1.useReducer)(reducer, {
+        edited: false,
+        schema: initialSchema,
+        data: initialData,
+        nextKey: `${new Date().getTime()}`,
+    });
+    const handleNameChange = (0, react_1.useCallback)(({ name: oldName, index }) => ({ target: { value: newName }, }) => {
+        dispatch({
+            type: "UPDATE_NAME",
+            payload: { oldName, newName, index },
+        });
+    }, []);
+    const handleValueChange = (0, react_1.useCallback)((key) => ({ target: { value } }) => {
+        dispatch({ type: "UPDATE_VALUE", payload: { key, value } });
+    }, []);
+    const handleAddField = (0, react_1.useCallback)(({ target: { value: name } }) => {
+        if (name === "")
+            return;
+        dispatch({ type: "ADD_FIELD", payload: { name } });
+    }, []);
+    const handleRemove = (0, react_1.useCallback)((name) => () => dispatch({ type: "REMOVE_FIELD", payload: { name } }), []);
+    (0, react_1.useEffect)(() => {
+        if (!state.edited)
+            return;
+        onChange(state.data);
+    }, [onChange, state.data, state.edited]);
+    return ((0, jsx_runtime_1.jsxs)(Stack_1.Stack, { ...rest, children: [state.schema.map((field, index) => ((0, jsx_runtime_1.jsxs)(Box_1.Box, { position: "relative", children: [(0, jsx_runtime_1.jsx)(KeyValueInput_1.KeyValueInput, { k: {
+                            onChange: handleNameChange({ name: field.name, index }),
+                            placeholder: "name",
+                            defaultValue: field.name,
+                            autoComplete: "off",
+                        }, v: {
+                            onChange: handleValueChange(field.name),
+                            placeholder: field.name,
+                            defaultValue: state.data[field.name],
+                            autoComplete: "off",
+                            autoFocus: state.schema.length > initialSchema.length &&
+                                index === state.schema.length - 1,
+                        } }), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { label: `remove ${field.name}`, placement: "left", distance: 0, children: (0, jsx_runtime_1.jsx)(Remove_1.Remove, { position: "absolute", top: 0, right: 0, bottom: 0, px: 6, onClick: handleRemove(field.name) }) })] }, field.key))), (0, jsx_runtime_1.jsx)(KeyValueInput_1.KeyValueInput, { k: {
+                    onBlur: handleAddField,
+                    placeholder: "add field",
+                    autoComplete: "off",
+                } }, state.nextKey)] }));
+});
+exports.KeyValueEditor.displayName = "KeyValueEditor";
+//# sourceMappingURL=KeyValueEditor.js.map

package/dist/cjs/KeyValueEditor/KeyValueEditor.js.map

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

package/dist/cjs/KeyValueEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/KeyValueEditor/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC"}

package/dist/cjs/KeyValueInput/KeyValueInput.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KeyValueInput = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const Input_1 = require("../Input");
+const Split_1 = require("../Split");
+exports.KeyValueInput = react_1.default.forwardRef(({ k, v, ...rest }, forwardedRef) => {
+    return ((0, jsx_runtime_1.jsxs)(Split_1.Split, { direction: "horizontal", ...rest, children: [(0, jsx_runtime_1.jsx)(Input_1.Input, { width: "100%", ...k }), (0, jsx_runtime_1.jsx)(Input_1.Input, { ref: forwardedRef, width: "100%", ...v })] }));
+});
+exports.KeyValueInput.displayName = "KeyValueInput";
+//# sourceMappingURL=KeyValueInput.js.map

package/dist/cjs/KeyValueInput/KeyValueInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueInput.js","sourceRoot":"","sources":["../../../src/KeyValueInput/KeyValueInput.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAC1B,oCAA6C;AAC7C,oCAA6C;AAOhC,QAAA,aAAa,GAAG,eAAK,CAAC,UAAU,CAC3C,CACE,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,EAAsB,EACrC,YAAyC,EACzC,EAAE;IACF,OAAO,CACL,wBAAC,aAAK,IAAC,SAAS,EAAC,YAAY,KAAK,IAAI,aACpC,uBAAC,aAAK,IAAC,KAAK,EAAC,MAAM,KAAK,CAAC,GAAI,EAC7B,uBAAC,aAAK,IAAC,GAAG,EAAE,YAAY,EAAE,KAAK,EAAC,MAAM,KAAK,CAAC,GAAI,IAC1C,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/cjs/KeyValueInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/KeyValueInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC"}

package/dist/cjs/Loading/Loading.js

@@ -0,0 +1,77 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Loading = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = __importStar(require("styled-components"));
+const theme_get_1 = require("@styled-system/theme-get");
+const Cell_1 = require("../Cell");
+const incoming = (0, styled_components_1.keyframes) `
+  0% {
+    transform: translateX(-100%);
+  }
+
+  50% {
+    transform: translateX(200%);
+  }
+
+  100% {
+    transform: translateX(-100%);
+  }
+`;
+const Container = (0, styled_components_1.default)(Cell_1.Cell) `
+  position: relative;
+  overflow: hidden;
+
+  ${({ $loading }) => $loading &&
+    (0, styled_components_1.css) `
+      &::after {
+        content: "";
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 50%;
+        height: 2px;
+        animation: ${incoming} 1.5s ease infinite;
+        background-color: ${(0, theme_get_1.themeGet)("colors.primary")};
+      }
+    `}
+`;
+const Loading = ({ children, loading = true, ...rest }) => {
+    return ((0, jsx_runtime_1.jsx)(Container, { "$loading": loading, ...rest, children: children !== null && children !== void 0 ? children : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "\u00A0" }) }));
+};
+exports.Loading = Loading;
+exports.Loading.displayName = "Loading";
+//# sourceMappingURL=Loading.js.map

package/dist/cjs/Loading/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../src/Loading/Loading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,uEAA2D;AAC3D,wDAAoD;AACpD,kCAA0C;AAE1C,MAAM,QAAQ,GAAG,IAAA,6BAAS,EAAA;;;;;;;;;;;;CAYzB,CAAC;AAEF,MAAM,SAAS,GAAG,IAAA,2BAAM,EAAC,WAAI,CAAC,CAAuB;;;;IAIjD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,IAAA,uBAAG,EAAA;;;;;;;;qBAQc,QAAQ;4BACD,IAAA,oBAAQ,EAAC,gBAAgB,CAAC;;KAEjD;CACJ,CAAC;AAOK,MAAM,OAAO,GAA2B,CAAC,EAC9C,QAAQ,EACR,OAAO,GAAG,IAAI,EACd,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,SAAS,gBAAW,OAAO,KAAM,IAAI,YACnC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,sEAAW,GACd,CACb,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,OAAO,WAUlB;AAEF,eAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/cjs/Loading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Loading/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B"}