payload 1.15.5 → 2.0.0-beta.0

package/dist/admin/components/elements/FileDetails/index.js

@@ -1,86 +1,139 @@
 "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(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
     }
-    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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const react_animate_height_1 = __importDefault(require("react-animate-height"));
-const react_i18next_1 = require("react-i18next");
-const Thumbnail_1 = __importDefault(require("../Thumbnail"));
-const Button_1 = __importDefault(require("../Button"));
-const Meta_1 = __importDefault(require("./Meta"));
-const Chevron_1 = __importDefault(require("../../icons/Chevron"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactanimateheight = /*#__PURE__*/ _interop_require_default(require("react-animate-height"));
+const _reacti18next = require("react-i18next");
+const _Chevron = /*#__PURE__*/ _interop_require_default(require("../../icons/Chevron"));
+const _Button = /*#__PURE__*/ _interop_require_default(require("../Button"));
+const _Thumbnail = /*#__PURE__*/ _interop_require_default(require("../Thumbnail"));
+const _Meta = /*#__PURE__*/ _interop_require_default(require("./Meta"));
 require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 const baseClass = 'file-details';
 // sort to the same as imageSizes
-const sortSizes = (sizes, imageSizes) => {
-    if (!imageSizes || imageSizes.length === 0)
-        return sizes;
+const sortSizes = (sizes, imageSizes)=>{
+    if (!imageSizes || imageSizes.length === 0) return sizes;
     const orderedSizes = {};
-    imageSizes.forEach(({ name }) => {
+    imageSizes.forEach(({ name })=>{
         if (sizes[name]) {
             orderedSizes[name] = sizes[name];
         }
     });
     return orderedSizes;
 };
-const FileDetails = (props) => {
-    var _a;
-    const { doc, collection, handleRemove, } = props;
-    const { upload: { staticURL, imageSizes, }, slug: collectionSlug, } = collection;
-    const { filename, filesize, width, height, mimeType, sizes, url, id, } = doc;
-    const [orderedSizes, setOrderedSizes] = (0, react_1.useState)(() => sortSizes(sizes, imageSizes));
-    (0, react_1.useEffect)(() => {
+const FileDetails = (props)=>{
+    const { collection, doc, handleRemove } = props;
+    const { slug: collectionSlug, upload: { imageSizes, staticURL } } = collection;
+    const { id, filename, filesize, height, mimeType, sizes, url, width } = doc;
+    const [orderedSizes, setOrderedSizes] = (0, _react.useState)(()=>sortSizes(sizes, imageSizes));
+    (0, _react.useEffect)(()=>{
         setOrderedSizes(sortSizes(sizes, imageSizes));
-    }, [sizes, imageSizes]);
-    const [moreInfoOpen, setMoreInfoOpen] = (0, react_1.useState)(false);
-    const { t } = (0, react_i18next_1.useTranslation)('upload');
-    const hasSizes = sizes && ((_a = Object.keys(sizes)) === null || _a === void 0 ? void 0 : _a.length) > 0;
-    return (react_1.default.createElement("div", { className: baseClass },
-        react_1.default.createElement("header", null,
-            react_1.default.createElement(Thumbnail_1.default, { doc: doc, collection: collection }),
-            react_1.default.createElement("div", { className: `${baseClass}__main-detail` },
-                react_1.default.createElement(Meta_1.default, { staticURL: staticURL, filename: filename, filesize: filesize, width: width, height: height, mimeType: mimeType, url: url, id: id, collection: collectionSlug }),
-                hasSizes && (react_1.default.createElement(Button_1.default, { className: `${baseClass}__toggle-more-info${moreInfoOpen ? ' open' : ''}`, buttonStyle: "none", onClick: () => setMoreInfoOpen(!moreInfoOpen) },
-                    !moreInfoOpen && (react_1.default.createElement(react_1.default.Fragment, null,
-                        t('moreInfo'),
-                        react_1.default.createElement(Chevron_1.default, null))),
-                    moreInfoOpen && (react_1.default.createElement(react_1.default.Fragment, null,
-                        t('lessInfo'),
-                        react_1.default.createElement(Chevron_1.default, null)))))),
-            handleRemove && (react_1.default.createElement(Button_1.default, { icon: "x", round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: handleRemove, className: `${baseClass}__remove` }))),
-        hasSizes && (react_1.default.createElement(react_animate_height_1.default, { className: `${baseClass}__more-info`, height: moreInfoOpen ? 'auto' : 0 },
-            react_1.default.createElement("ul", { className: `${baseClass}__sizes` }, Object.entries(orderedSizes).map(([key, val]) => {
-                if (val === null || val === void 0 ? void 0 : val.filename) {
-                    return (react_1.default.createElement("li", { key: key },
-                        react_1.default.createElement("div", { className: `${baseClass}__size-label` }, key),
-                        react_1.default.createElement(Meta_1.default, { ...val, mimeType: val.mimeType, staticURL: staticURL })));
-                }
-                return null;
-            }))))));
+    }, [
+        sizes,
+        imageSizes
+    ]);
+    const [moreInfoOpen, setMoreInfoOpen] = (0, _react.useState)(false);
+    const { t } = (0, _reacti18next.useTranslation)('upload');
+    const hasSizes = sizes && Object.keys(sizes)?.length > 0;
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: baseClass
+    }, /*#__PURE__*/ _react.default.createElement("header", null, /*#__PURE__*/ _react.default.createElement(_Thumbnail.default, {
+        collection: collection,
+        doc: doc
+    }), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__main-detail`
+    }, /*#__PURE__*/ _react.default.createElement(_Meta.default, {
+        collection: collectionSlug,
+        filename: filename,
+        filesize: filesize,
+        height: height,
+        id: id,
+        mimeType: mimeType,
+        staticURL: staticURL,
+        url: url,
+        width: width
+    }), hasSizes && /*#__PURE__*/ _react.default.createElement(_Button.default, {
+        buttonStyle: "none",
+        className: `${baseClass}__toggle-more-info${moreInfoOpen ? ' open' : ''}`,
+        onClick: ()=>setMoreInfoOpen(!moreInfoOpen)
+    }, !moreInfoOpen && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, t('moreInfo'), /*#__PURE__*/ _react.default.createElement(_Chevron.default, null)), moreInfoOpen && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, t('lessInfo'), /*#__PURE__*/ _react.default.createElement(_Chevron.default, null)))), handleRemove && /*#__PURE__*/ _react.default.createElement(_Button.default, {
+        buttonStyle: "icon-label",
+        className: `${baseClass}__remove`,
+        icon: "x",
+        iconStyle: "with-border",
+        onClick: handleRemove,
+        round: true
+    })), hasSizes && /*#__PURE__*/ _react.default.createElement(_reactanimateheight.default, {
+        className: `${baseClass}__more-info`,
+        height: moreInfoOpen ? 'auto' : 0
+    }, /*#__PURE__*/ _react.default.createElement("ul", {
+        className: `${baseClass}__sizes`
+    }, Object.entries(orderedSizes).map(([key, val])=>{
+        if (val?.filename) {
+            return /*#__PURE__*/ _react.default.createElement("li", {
+                key: key
+            }, /*#__PURE__*/ _react.default.createElement("div", {
+                className: `${baseClass}__size-label`
+            }, key), /*#__PURE__*/ _react.default.createElement(_Meta.default, {
+                ...val,
+                mimeType: val.mimeType,
+                staticURL: staticURL
+            }));
+        }
+        return null;
+    }))));
 };
-exports.default = FileDetails;
-//# sourceMappingURL=index.js.map
+const _default = FileDetails;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL0ZpbGVEZXRhaWxzL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IEFuaW1hdGVIZWlnaHQgZnJvbSAncmVhY3QtYW5pbWF0ZS1oZWlnaHQnXG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnXG5cbmltcG9ydCB0eXBlIHsgRmlsZVNpemVzLCBVcGxvYWQgfSBmcm9tICcuLi8uLi8uLi8uLi91cGxvYWRzL3R5cGVzJ1xuaW1wb3J0IHR5cGUgeyBQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmltcG9ydCBDaGV2cm9uIGZyb20gJy4uLy4uL2ljb25zL0NoZXZyb24nXG5pbXBvcnQgQnV0dG9uIGZyb20gJy4uL0J1dHRvbidcbmltcG9ydCBUaHVtYm5haWwgZnJvbSAnLi4vVGh1bWJuYWlsJ1xuaW1wb3J0IE1ldGEgZnJvbSAnLi9NZXRhJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdmaWxlLWRldGFpbHMnXG5cbi8vIHNvcnQgdG8gdGhlIHNhbWUgYXMgaW1hZ2VTaXplc1xuY29uc3Qgc29ydFNpemVzID0gKHNpemVzOiBGaWxlU2l6ZXMsIGltYWdlU2l6ZXM6IFVwbG9hZFsnaW1hZ2VTaXplcyddKSA9PiB7XG4gIGlmICghaW1hZ2VTaXplcyB8fCBpbWFnZVNpemVzLmxlbmd0aCA9PT0gMCkgcmV0dXJuIHNpemVzXG5cbiAgY29uc3Qgb3JkZXJlZFNpemVzOiBGaWxlU2l6ZXMgPSB7fVxuXG4gIGltYWdlU2l6ZXMuZm9yRWFjaCgoeyBuYW1lIH0pID0+IHtcbiAgICBpZiAoc2l6ZXNbbmFtZV0pIHtcbiAgICAgIG9yZGVyZWRTaXplc1tuYW1lXSA9IHNpemVzW25hbWVdXG4gICAgfVxuICB9KVxuXG4gIHJldHVybiBvcmRlcmVkU2l6ZXNcbn1cblxuY29uc3QgRmlsZURldGFpbHM6IFJlYWN0LkZDPFByb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IGNvbGxlY3Rpb24sIGRvYywgaGFuZGxlUmVtb3ZlIH0gPSBwcm9wc1xuXG4gIGNvbnN0IHtcbiAgICBzbHVnOiBjb2xsZWN0aW9uU2x1ZyxcbiAgICB1cGxvYWQ6IHsgaW1hZ2VTaXplcywgc3RhdGljVVJMIH0sXG4gIH0gPSBjb2xsZWN0aW9uXG5cbiAgY29uc3QgeyBpZCwgZmlsZW5hbWUsIGZpbGVzaXplLCBoZWlnaHQsIG1pbWVUeXBlLCBzaXplcywgdXJsLCB3aWR0aCB9ID0gZG9jXG5cbiAgY29uc3QgW29yZGVyZWRTaXplcywgc2V0T3JkZXJlZFNpemVzXSA9IHVzZVN0YXRlPEZpbGVTaXplcz4oKCkgPT4gc29ydFNpemVzKHNpemVzLCBpbWFnZVNpemVzKSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldE9yZGVyZWRTaXplcyhzb3J0U2l6ZXMoc2l6ZXMsIGltYWdlU2l6ZXMpKVxuICB9LCBbc2l6ZXMsIGltYWdlU2l6ZXNdKVxuXG4gIGNvbnN0IFttb3JlSW5mb09wZW4sIHNldE1vcmVJbmZvT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigndXBsb2FkJylcblxuICBjb25zdCBoYXNTaXplcyA9IHNpemVzICYmIE9iamVjdC5rZXlzKHNpemVzKT8ubGVuZ3RoID4gMFxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2Jhc2VDbGFzc30+XG4gICAgICA8aGVhZGVyPlxuICAgICAgICA8VGh1bWJuYWlsIGNvbGxlY3Rpb249e2NvbGxlY3Rpb259IGRvYz17ZG9jfSAvPlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fbWFpbi1kZXRhaWxgfT5cbiAgICAgICAgICA8TWV0YVxuICAgICAgICAgICAgY29sbGVjdGlvbj17Y29sbGVjdGlvblNsdWd9XG4gICAgICAgICAgICBmaWxlbmFtZT17ZmlsZW5hbWUgYXMgc3RyaW5nfVxuICAgICAgICAgICAgZmlsZXNpemU9e2ZpbGVzaXplIGFzIG51bWJlcn1cbiAgICAgICAgICAgIGhlaWdodD17aGVpZ2h0IGFzIG51bWJlcn1cbiAgICAgICAgICAgIGlkPXtpZCBhcyBzdHJpbmd9XG4gICAgICAgICAgICBtaW1lVHlwZT17bWltZVR5cGUgYXMgc3RyaW5nfVxuICAgICAgICAgICAgc3RhdGljVVJMPXtzdGF0aWNVUkx9XG4gICAgICAgICAgICB1cmw9e3VybCBhcyBzdHJpbmd9XG4gICAgICAgICAgICB3aWR0aD17d2lkdGggYXMgbnVtYmVyfVxuICAgICAgICAgIC8+XG4gICAgICAgICAge2hhc1NpemVzICYmIChcbiAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgYnV0dG9uU3R5bGU9XCJub25lXCJcbiAgICAgICAgICAgICAgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X190b2dnbGUtbW9yZS1pbmZvJHttb3JlSW5mb09wZW4gPyAnIG9wZW4nIDogJyd9YH1cbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0TW9yZUluZm9PcGVuKCFtb3JlSW5mb09wZW4pfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7IW1vcmVJbmZvT3BlbiAmJiAoXG4gICAgICAgICAgICAgICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgICAgICAgICAgICAge3QoJ21vcmVJbmZvJyl9XG4gICAgICAgICAgICAgICAgICA8Q2hldnJvbiAvPlxuICAgICAgICAgICAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHttb3JlSW5mb09wZW4gJiYgKFxuICAgICAgICAgICAgICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgICAgICAgICAgICAgIHt0KCdsZXNzSW5mbycpfVxuICAgICAgICAgICAgICAgICAgPENoZXZyb24gLz5cbiAgICAgICAgICAgICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIHtoYW5kbGVSZW1vdmUgJiYgKFxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGJ1dHRvblN0eWxlPVwiaWNvbi1sYWJlbFwiXG4gICAgICAgICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX3JlbW92ZWB9XG4gICAgICAgICAgICBpY29uPVwieFwiXG4gICAgICAgICAgICBpY29uU3R5bGU9XCJ3aXRoLWJvcmRlclwiXG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVSZW1vdmV9XG4gICAgICAgICAgICByb3VuZFxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICA8L2hlYWRlcj5cbiAgICAgIHtoYXNTaXplcyAmJiAoXG4gICAgICAgIDxBbmltYXRlSGVpZ2h0IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fbW9yZS1pbmZvYH0gaGVpZ2h0PXttb3JlSW5mb09wZW4gPyAnYXV0bycgOiAwfT5cbiAgICAgICAgICA8dWwgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19zaXplc2B9PlxuICAgICAgICAgICAge09iamVjdC5lbnRyaWVzKG9yZGVyZWRTaXplcykubWFwKChba2V5LCB2YWxdKSA9PiB7XG4gICAgICAgICAgICAgIGlmICh2YWw/LmZpbGVuYW1lKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgIDxsaSBrZXk9e2tleX0+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19zaXplLWxhYmVsYH0+e2tleX08L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPE1ldGEgey4uLnZhbH0gbWltZVR5cGU9e3ZhbC5taW1lVHlwZX0gc3RhdGljVVJMPXtzdGF0aWNVUkx9IC8+XG4gICAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgIHJldHVybiBudWxsXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICA8L3VsPlxuICAgICAgICA8L0FuaW1hdGVIZWlnaHQ+XG4gICAgICApfVxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEZpbGVEZXRhaWxzXG4iXSwibmFtZXMiOlsiYmFzZUNsYXNzIiwic29ydFNpemVzIiwic2l6ZXMiLCJpbWFnZVNpemVzIiwibGVuZ3RoIiwib3JkZXJlZFNpemVzIiwiZm9yRWFjaCIsIm5hbWUiLCJGaWxlRGV0YWlscyIsInByb3BzIiwiY29sbGVjdGlvbiIsImRvYyIsImhhbmRsZVJlbW92ZSIsInNsdWciLCJjb2xsZWN0aW9uU2x1ZyIsInVwbG9hZCIsInN0YXRpY1VSTCIsImlkIiwiZmlsZW5hbWUiLCJmaWxlc2l6ZSIsImhlaWdodCIsIm1pbWVUeXBlIiwidXJsIiwid2lkdGgiLCJzZXRPcmRlcmVkU2l6ZXMiLCJ1c2VTdGF0ZSIsInVzZUVmZmVjdCIsIm1vcmVJbmZvT3BlbiIsInNldE1vcmVJbmZvT3BlbiIsInQiLCJ1c2VUcmFuc2xhdGlvbiIsImhhc1NpemVzIiwiT2JqZWN0Iiwia2V5cyIsImRpdiIsImNsYXNzTmFtZSIsImhlYWRlciIsIlRodW1ibmFpbCIsIk1ldGEiLCJCdXR0b24iLCJidXR0b25TdHlsZSIsIm9uQ2xpY2siLCJSZWFjdCIsIkZyYWdtZW50IiwiQ2hldnJvbiIsImljb24iLCJpY29uU3R5bGUiLCJyb3VuZCIsIkFuaW1hdGVIZWlnaHQiLCJ1bCIsImVudHJpZXMiLCJtYXAiLCJrZXkiLCJ2YWwiLCJsaSJdLCJtYXBwaW5ncyI6Ijs7OzsrQkF5SEE7OztlQUFBOzs7K0RBekgyQzsyRUFDakI7OEJBQ0s7Z0VBS1g7K0RBQ0Q7a0VBQ0c7NkRBQ0w7UUFDVjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRVAsTUFBTUEsWUFBWTtBQUVsQixpQ0FBaUM7QUFDakMsTUFBTUMsWUFBWSxDQUFDQyxPQUFrQkM7SUFDbkMsSUFBSSxDQUFDQSxjQUFjQSxXQUFXQyxNQUFNLEtBQUssR0FBRyxPQUFPRjtJQUVuRCxNQUFNRyxlQUEwQixDQUFDO0lBRWpDRixXQUFXRyxPQUFPLENBQUMsQ0FBQyxFQUFFQyxJQUFJLEVBQUU7UUFDMUIsSUFBSUwsS0FBSyxDQUFDSyxLQUFLLEVBQUU7WUFDZkYsWUFBWSxDQUFDRSxLQUFLLEdBQUdMLEtBQUssQ0FBQ0ssS0FBSztRQUNsQztJQUNGO0lBRUEsT0FBT0Y7QUFDVDtBQUVBLE1BQU1HLGNBQStCLENBQUNDO0lBQ3BDLE1BQU0sRUFBRUMsVUFBVSxFQUFFQyxHQUFHLEVBQUVDLFlBQVksRUFBRSxHQUFHSDtJQUUxQyxNQUFNLEVBQ0pJLE1BQU1DLGNBQWMsRUFDcEJDLFFBQVEsRUFBRVosVUFBVSxFQUFFYSxTQUFTLEVBQUUsRUFDbEMsR0FBR047SUFFSixNQUFNLEVBQUVPLEVBQUUsRUFBRUMsUUFBUSxFQUFFQyxRQUFRLEVBQUVDLE1BQU0sRUFBRUMsUUFBUSxFQUFFbkIsS0FBSyxFQUFFb0IsR0FBRyxFQUFFQyxLQUFLLEVBQUUsR0FBR1o7SUFFeEUsTUFBTSxDQUFDTixjQUFjbUIsZ0JBQWdCLEdBQUdDLElBQUFBLGVBQVEsRUFBWSxJQUFNeEIsVUFBVUMsT0FBT0M7SUFFbkZ1QixJQUFBQSxnQkFBUyxFQUFDO1FBQ1JGLGdCQUFnQnZCLFVBQVVDLE9BQU9DO0lBQ25DLEdBQUc7UUFBQ0Q7UUFBT0M7S0FBVztJQUV0QixNQUFNLENBQUN3QixjQUFjQyxnQkFBZ0IsR0FBR0gsSUFBQUEsZUFBUSxFQUFDO0lBQ2pELE1BQU0sRUFBRUksQ0FBQyxFQUFFLEdBQUdDLElBQUFBLDRCQUFjLEVBQUM7SUFFN0IsTUFBTUMsV0FBVzdCLFNBQVM4QixPQUFPQyxJQUFJLENBQUMvQixRQUFRRSxTQUFTO0lBRXZELHFCQUNFLDZCQUFDOEI7UUFBSUMsV0FBV25DO3FCQUNkLDZCQUFDb0MsOEJBQ0MsNkJBQUNDLGtCQUFTO1FBQUMzQixZQUFZQTtRQUFZQyxLQUFLQTtzQkFDeEMsNkJBQUN1QjtRQUFJQyxXQUFXLENBQUMsRUFBRW5DLFVBQVUsYUFBYSxDQUFDO3FCQUN6Qyw2QkFBQ3NDLGFBQUk7UUFDSDVCLFlBQVlJO1FBQ1pJLFVBQVVBO1FBQ1ZDLFVBQVVBO1FBQ1ZDLFFBQVFBO1FBQ1JILElBQUlBO1FBQ0pJLFVBQVVBO1FBQ1ZMLFdBQVdBO1FBQ1hNLEtBQUtBO1FBQ0xDLE9BQU9BO1FBRVJRLDBCQUNDLDZCQUFDUSxlQUFNO1FBQ0xDLGFBQVk7UUFDWkwsV0FBVyxDQUFDLEVBQUVuQyxVQUFVLGtCQUFrQixFQUFFMkIsZUFBZSxVQUFVLEdBQUcsQ0FBQztRQUN6RWMsU0FBUyxJQUFNYixnQkFBZ0IsQ0FBQ0Q7T0FFL0IsQ0FBQ0EsOEJBQ0EsNkJBQUNlLGNBQUssQ0FBQ0MsUUFBUSxRQUNaZCxFQUFFLDJCQUNILDZCQUFDZSxnQkFBTyxVQUdYakIsOEJBQ0MsNkJBQUNlLGNBQUssQ0FBQ0MsUUFBUSxRQUNaZCxFQUFFLDJCQUNILDZCQUFDZSxnQkFBTyxZQU1qQmhDLDhCQUNDLDZCQUFDMkIsZUFBTTtRQUNMQyxhQUFZO1FBQ1pMLFdBQVcsQ0FBQyxFQUFFbkMsVUFBVSxRQUFRLENBQUM7UUFDakM2QyxNQUFLO1FBQ0xDLFdBQVU7UUFDVkwsU0FBUzdCO1FBQ1RtQyxPQUFBQTtTQUlMaEIsMEJBQ0MsNkJBQUNpQiwyQkFBYTtRQUFDYixXQUFXLENBQUMsRUFBRW5DLFVBQVUsV0FBVyxDQUFDO1FBQUVvQixRQUFRTyxlQUFlLFNBQVM7cUJBQ25GLDZCQUFDc0I7UUFBR2QsV0FBVyxDQUFDLEVBQUVuQyxVQUFVLE9BQU8sQ0FBQztPQUNqQ2dDLE9BQU9rQixPQUFPLENBQUM3QyxjQUFjOEMsR0FBRyxDQUFDLENBQUMsQ0FBQ0MsS0FBS0MsSUFBSTtRQUMzQyxJQUFJQSxLQUFLbkMsVUFBVTtZQUNqQixxQkFDRSw2QkFBQ29DO2dCQUFHRixLQUFLQTs2QkFDUCw2QkFBQ2xCO2dCQUFJQyxXQUFXLENBQUMsRUFBRW5DLFVBQVUsWUFBWSxDQUFDO2VBQUdvRCxvQkFDN0MsNkJBQUNkLGFBQUk7Z0JBQUUsR0FBR2UsR0FBRztnQkFBRWhDLFVBQVVnQyxJQUFJaEMsUUFBUTtnQkFBRUwsV0FBV0E7O1FBR3hEO1FBRUEsT0FBTztJQUNUO0FBTVo7TUFFQSxXQUFlUiJ9

package/dist/admin/components/elements/FileDetails/index.scss

@@ -13,8 +13,6 @@
     margin: $baseline $baseline $baseline 0;
   }
 
-
-
   &__main-detail {
     padding: $baseline base(1.5);
     width: auto;
@@ -27,7 +25,8 @@
     font-weight: 600;
     text-decoration: none;
 
-    &:hover, &:focus-visible {
+    &:hover,
+    &:focus-visible {
       text-decoration: underline;
     }
   }
@@ -47,7 +46,7 @@
 
     li {
       width: 50%;
-      padding: 0 base(.5);
+      padding: 0 base(0.5);
       margin-bottom: $baseline;
     }
   }
@@ -63,7 +62,7 @@
 
     &__sizes {
       display: block;
-      padding: $baseline $baseline base(.5);
+      padding: $baseline $baseline base(0.5);
 
       li {
         padding: 0;

package/dist/admin/components/elements/FileDetails/types.js

@@ -1,3 +1,6 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/dist/admin/components/elements/GenerateConfirmation/index.js

@@ -1,44 +1,65 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_toastify_1 = require("react-toastify");
-const modal_1 = require("@faceless-ui/modal");
-const react_i18next_1 = require("react-i18next");
-const Button_1 = __importDefault(require("../Button"));
-const Minimal_1 = __importDefault(require("../../templates/Minimal"));
-const DocumentInfo_1 = require("../../utilities/DocumentInfo");
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _modal = require("@faceless-ui/modal");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _reacti18next = require("react-i18next");
+const _reacttoastify = require("react-toastify");
+const _Minimal = /*#__PURE__*/ _interop_require_default(require("../../templates/Minimal"));
+const _DocumentInfo = require("../../utilities/DocumentInfo");
+const _Button = /*#__PURE__*/ _interop_require_default(require("../Button"));
 require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 const baseClass = 'generate-confirmation';
-const GenerateConfirmation = (props) => {
-    const { setKey, highlightField, } = props;
-    const { id } = (0, DocumentInfo_1.useDocumentInfo)();
-    const { toggleModal } = (0, modal_1.useModal)();
-    const { t } = (0, react_i18next_1.useTranslation)('authentication');
+const GenerateConfirmation = (props)=>{
+    const { highlightField, setKey } = props;
+    const { id } = (0, _DocumentInfo.useDocumentInfo)();
+    const { toggleModal } = (0, _modal.useModal)();
+    const { t } = (0, _reacti18next.useTranslation)('authentication');
     const modalSlug = `generate-confirmation-${id}`;
-    const handleGenerate = () => {
+    const handleGenerate = ()=>{
         setKey();
         toggleModal(modalSlug);
-        react_toastify_1.toast.success(t('newAPIKeyGenerated'), { autoClose: 3000 });
+        _reacttoastify.toast.success(t('newAPIKeyGenerated'), {
+            autoClose: 3000
+        });
         highlightField(true);
     };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Button_1.default, { size: "small", buttonStyle: "secondary", onClick: () => {
-                toggleModal(modalSlug);
-            } }, t('generateNewAPIKey')),
-        react_1.default.createElement(modal_1.Modal, { slug: modalSlug, className: baseClass },
-            react_1.default.createElement(Minimal_1.default, { className: `${baseClass}__template` },
-                react_1.default.createElement("h1", null, t('confirmGeneration')),
-                react_1.default.createElement("p", null,
-                    react_1.default.createElement(react_i18next_1.Trans, { i18nKey: "generatingNewAPIKeyWillInvalidate", t: t },
-                        "generatingNewAPIKeyWillInvalidate",
-                        react_1.default.createElement("strong", null, "invalidate"))),
-                react_1.default.createElement(Button_1.default, { buttonStyle: "secondary", type: "button", onClick: () => {
-                        toggleModal(modalSlug);
-                    } }, t('general:cancel')),
-                react_1.default.createElement(Button_1.default, { onClick: handleGenerate }, t('generate'))))));
+    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_Button.default, {
+        buttonStyle: "secondary",
+        onClick: ()=>{
+            toggleModal(modalSlug);
+        },
+        size: "small"
+    }, t('generateNewAPIKey')), /*#__PURE__*/ _react.default.createElement(_modal.Modal, {
+        className: baseClass,
+        slug: modalSlug
+    }, /*#__PURE__*/ _react.default.createElement(_Minimal.default, {
+        className: `${baseClass}__template`
+    }, /*#__PURE__*/ _react.default.createElement("h1", null, t('confirmGeneration')), /*#__PURE__*/ _react.default.createElement("p", null, /*#__PURE__*/ _react.default.createElement(_reacti18next.Trans, {
+        i18nKey: "generatingNewAPIKeyWillInvalidate",
+        t: t
+    }, "generatingNewAPIKeyWillInvalidate", /*#__PURE__*/ _react.default.createElement("strong", null, "invalidate"))), /*#__PURE__*/ _react.default.createElement(_Button.default, {
+        buttonStyle: "secondary",
+        onClick: ()=>{
+            toggleModal(modalSlug);
+        },
+        type: "button"
+    }, t('general:cancel')), /*#__PURE__*/ _react.default.createElement(_Button.default, {
+        onClick: handleGenerate
+    }, t('generate')))));
 };
-exports.default = GenerateConfirmation;
-//# sourceMappingURL=index.js.map
+const _default = GenerateConfirmation;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL0dlbmVyYXRlQ29uZmlybWF0aW9uL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNb2RhbCwgdXNlTW9kYWwgfSBmcm9tICdAZmFjZWxlc3MtdWkvbW9kYWwnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUcmFucywgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0J1xuaW1wb3J0IHsgdG9hc3QgfSBmcm9tICdyZWFjdC10b2FzdGlmeSdcblxuaW1wb3J0IHR5cGUgeyBQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmltcG9ydCBNaW5pbWFsVGVtcGxhdGUgZnJvbSAnLi4vLi4vdGVtcGxhdGVzL01pbmltYWwnXG5pbXBvcnQgeyB1c2VEb2N1bWVudEluZm8gfSBmcm9tICcuLi8uLi91dGlsaXRpZXMvRG9jdW1lbnRJbmZvJ1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi9CdXR0b24nXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ2dlbmVyYXRlLWNvbmZpcm1hdGlvbidcblxuY29uc3QgR2VuZXJhdGVDb25maXJtYXRpb246IFJlYWN0LkZDPFByb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IGhpZ2hsaWdodEZpZWxkLCBzZXRLZXkgfSA9IHByb3BzXG5cbiAgY29uc3QgeyBpZCB9ID0gdXNlRG9jdW1lbnRJbmZvKClcbiAgY29uc3QgeyB0b2dnbGVNb2RhbCB9ID0gdXNlTW9kYWwoKVxuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCdhdXRoZW50aWNhdGlvbicpXG5cbiAgY29uc3QgbW9kYWxTbHVnID0gYGdlbmVyYXRlLWNvbmZpcm1hdGlvbi0ke2lkfWBcblxuICBjb25zdCBoYW5kbGVHZW5lcmF0ZSA9ICgpID0+IHtcbiAgICBzZXRLZXkoKVxuICAgIHRvZ2dsZU1vZGFsKG1vZGFsU2x1ZylcbiAgICB0b2FzdC5zdWNjZXNzKHQoJ25ld0FQSUtleUdlbmVyYXRlZCcpLCB7IGF1dG9DbG9zZTogMzAwMCB9KVxuICAgIGhpZ2hsaWdodEZpZWxkKHRydWUpXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgIDxCdXR0b25cbiAgICAgICAgYnV0dG9uU3R5bGU9XCJzZWNvbmRhcnlcIlxuICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgdG9nZ2xlTW9kYWwobW9kYWxTbHVnKVxuICAgICAgICB9fVxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgPlxuICAgICAgICB7dCgnZ2VuZXJhdGVOZXdBUElLZXknKX1cbiAgICAgIDwvQnV0dG9uPlxuICAgICAgPE1vZGFsIGNsYXNzTmFtZT17YmFzZUNsYXNzfSBzbHVnPXttb2RhbFNsdWd9PlxuICAgICAgICA8TWluaW1hbFRlbXBsYXRlIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fdGVtcGxhdGVgfT5cbiAgICAgICAgICA8aDE+e3QoJ2NvbmZpcm1HZW5lcmF0aW9uJyl9PC9oMT5cbiAgICAgICAgICA8cD5cbiAgICAgICAgICAgIDxUcmFucyBpMThuS2V5PVwiZ2VuZXJhdGluZ05ld0FQSUtleVdpbGxJbnZhbGlkYXRlXCIgdD17dH0+XG4gICAgICAgICAgICAgIGdlbmVyYXRpbmdOZXdBUElLZXlXaWxsSW52YWxpZGF0ZVxuICAgICAgICAgICAgICA8c3Ryb25nPmludmFsaWRhdGU8L3N0cm9uZz5cbiAgICAgICAgICAgIDwvVHJhbnM+XG4gICAgICAgICAgPC9wPlxuXG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgYnV0dG9uU3R5bGU9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICB0b2dnbGVNb2RhbChtb2RhbFNsdWcpXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge3QoJ2dlbmVyYWw6Y2FuY2VsJyl9XG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgPEJ1dHRvbiBvbkNsaWNrPXtoYW5kbGVHZW5lcmF0ZX0+e3QoJ2dlbmVyYXRlJyl9PC9CdXR0b24+XG4gICAgICAgIDwvTWluaW1hbFRlbXBsYXRlPlxuICAgICAgPC9Nb2RhbD5cbiAgICA8L1JlYWN0LkZyYWdtZW50PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEdlbmVyYXRlQ29uZmlybWF0aW9uXG4iXSwibmFtZXMiOlsiYmFzZUNsYXNzIiwiR2VuZXJhdGVDb25maXJtYXRpb24iLCJwcm9wcyIsImhpZ2hsaWdodEZpZWxkIiwic2V0S2V5IiwiaWQiLCJ1c2VEb2N1bWVudEluZm8iLCJ0b2dnbGVNb2RhbCIsInVzZU1vZGFsIiwidCIsInVzZVRyYW5zbGF0aW9uIiwibW9kYWxTbHVnIiwiaGFuZGxlR2VuZXJhdGUiLCJ0b2FzdCIsInN1Y2Nlc3MiLCJhdXRvQ2xvc2UiLCJSZWFjdCIsIkZyYWdtZW50IiwiQnV0dG9uIiwiYnV0dG9uU3R5bGUiLCJvbkNsaWNrIiwic2l6ZSIsIk1vZGFsIiwiY2xhc3NOYW1lIiwic2x1ZyIsIk1pbmltYWxUZW1wbGF0ZSIsImgxIiwicCIsIlRyYW5zIiwiaTE4bktleSIsInN0cm9uZyIsInR5cGUiXSwibWFwcGluZ3MiOiI7Ozs7K0JBbUVBOzs7ZUFBQTs7O3VCQW5FZ0M7OERBQ2Q7OEJBQ29COytCQUNoQjtnRUFJTTs4QkFDSTsrREFDYjtRQUNaOzs7Ozs7QUFFUCxNQUFNQSxZQUFZO0FBRWxCLE1BQU1DLHVCQUF3QyxDQUFDQztJQUM3QyxNQUFNLEVBQUVDLGNBQWMsRUFBRUMsTUFBTSxFQUFFLEdBQUdGO0lBRW5DLE1BQU0sRUFBRUcsRUFBRSxFQUFFLEdBQUdDLElBQUFBLDZCQUFlO0lBQzlCLE1BQU0sRUFBRUMsV0FBVyxFQUFFLEdBQUdDLElBQUFBLGVBQVE7SUFDaEMsTUFBTSxFQUFFQyxDQUFDLEVBQUUsR0FBR0MsSUFBQUEsNEJBQWMsRUFBQztJQUU3QixNQUFNQyxZQUFZLENBQUMsc0JBQXNCLEVBQUVOLEdBQUcsQ0FBQztJQUUvQyxNQUFNTyxpQkFBaUI7UUFDckJSO1FBQ0FHLFlBQVlJO1FBQ1pFLG9CQUFLLENBQUNDLE9BQU8sQ0FBQ0wsRUFBRSx1QkFBdUI7WUFBRU0sV0FBVztRQUFLO1FBQ3pEWixlQUFlO0lBQ2pCO0lBRUEscUJBQ0UsNkJBQUNhLGNBQUssQ0FBQ0MsUUFBUSxzQkFDYiw2QkFBQ0MsZUFBTTtRQUNMQyxhQUFZO1FBQ1pDLFNBQVM7WUFDUGIsWUFBWUk7UUFDZDtRQUNBVSxNQUFLO09BRUpaLEVBQUUscUNBRUwsNkJBQUNhLFlBQUs7UUFBQ0MsV0FBV3ZCO1FBQVd3QixNQUFNYjtxQkFDakMsNkJBQUNjLGdCQUFlO1FBQUNGLFdBQVcsQ0FBQyxFQUFFdkIsVUFBVSxVQUFVLENBQUM7cUJBQ2xELDZCQUFDMEIsWUFBSWpCLEVBQUUscUNBQ1AsNkJBQUNrQix5QkFDQyw2QkFBQ0MsbUJBQUs7UUFBQ0MsU0FBUTtRQUFvQ3BCLEdBQUdBO09BQUcsbURBRXZELDZCQUFDcUIsZ0JBQU8sK0JBSVosNkJBQUNaLGVBQU07UUFDTEMsYUFBWTtRQUNaQyxTQUFTO1lBQ1BiLFlBQVlJO1FBQ2Q7UUFDQW9CLE1BQUs7T0FFSnRCLEVBQUUsa0NBRUwsNkJBQUNTLGVBQU07UUFBQ0UsU0FBU1I7T0FBaUJILEVBQUU7QUFLOUM7TUFFQSxXQUFlUiJ9

package/dist/admin/components/elements/GenerateConfirmation/types.js

@@ -1,3 +1,6 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/dist/admin/components/elements/Gutter/index.js

@@ -1,43 +1,70 @@
 "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(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Gutter", {
+    enumerable: true,
+    get: function() {
+        return Gutter;
     }
-    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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Gutter = void 0;
-const react_1 = __importStar(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 require("./index.scss");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 const baseClass = 'gutter';
-exports.Gutter = (0, react_1.forwardRef)((props, ref) => {
-    const { left = true, right = true, negativeLeft = false, negativeRight = false, className, children, } = props;
+const Gutter = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const { children, className, left = true, negativeLeft = false, negativeRight = false, right = true } = props;
     const shouldPadLeft = left && !negativeLeft;
     const shouldPadRight = right && !negativeRight;
-    return (react_1.default.createElement("div", { ref: ref, className: [
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: [
             shouldPadLeft && `${baseClass}--left`,
             shouldPadRight && `${baseClass}--right`,
             negativeLeft && `${baseClass}--negative-left`,
             negativeRight && `${baseClass}--negative-right`,
-            className,
-        ].filter(Boolean).join(' ') }, children));
+            className
+        ].filter(Boolean).join(' '),
+        ref: ref
+    }, children);
 });
-exports.Gutter.displayName = 'Gutter';
-//# sourceMappingURL=index.js.map
+Gutter.displayName = 'Gutter';
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL0d1dHRlci9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWYgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGxlZnQ/OiBib29sZWFuXG4gIG5lZ2F0aXZlTGVmdD86IGJvb2xlYW5cbiAgbmVnYXRpdmVSaWdodD86IGJvb2xlYW5cbiAgcmVmPzogUmVmPEhUTUxEaXZFbGVtZW50PlxuICByaWdodD86IGJvb2xlYW5cbn1cblxuY29uc3QgYmFzZUNsYXNzID0gJ2d1dHRlcidcblxuZXhwb3J0IGNvbnN0IEd1dHRlcjogUmVhY3QuRkM8UHJvcHM+ID0gZm9yd2FyZFJlZjxIVE1MRGl2RWxlbWVudCwgUHJvcHM+KChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBjaGlsZHJlbixcbiAgICBjbGFzc05hbWUsXG4gICAgbGVmdCA9IHRydWUsXG4gICAgbmVnYXRpdmVMZWZ0ID0gZmFsc2UsXG4gICAgbmVnYXRpdmVSaWdodCA9IGZhbHNlLFxuICAgIHJpZ2h0ID0gdHJ1ZSxcbiAgfSA9IHByb3BzXG5cbiAgY29uc3Qgc2hvdWxkUGFkTGVmdCA9IGxlZnQgJiYgIW5lZ2F0aXZlTGVmdFxuICBjb25zdCBzaG91bGRQYWRSaWdodCA9IHJpZ2h0ICYmICFuZWdhdGl2ZVJpZ2h0XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e1tcbiAgICAgICAgc2hvdWxkUGFkTGVmdCAmJiBgJHtiYXNlQ2xhc3N9LS1sZWZ0YCxcbiAgICAgICAgc2hvdWxkUGFkUmlnaHQgJiYgYCR7YmFzZUNsYXNzfS0tcmlnaHRgLFxuICAgICAgICBuZWdhdGl2ZUxlZnQgJiYgYCR7YmFzZUNsYXNzfS0tbmVnYXRpdmUtbGVmdGAsXG4gICAgICAgIG5lZ2F0aXZlUmlnaHQgJiYgYCR7YmFzZUNsYXNzfS0tbmVnYXRpdmUtcmlnaHRgLFxuICAgICAgICBjbGFzc05hbWUsXG4gICAgICBdXG4gICAgICAgIC5maWx0ZXIoQm9vbGVhbilcbiAgICAgICAgLmpvaW4oJyAnKX1cbiAgICAgIHJlZj17cmVmfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufSlcblxuR3V0dGVyLmRpc3BsYXlOYW1lID0gJ0d1dHRlcidcbiJdLCJuYW1lcyI6WyJHdXR0ZXIiLCJiYXNlQ2xhc3MiLCJmb3J3YXJkUmVmIiwicHJvcHMiLCJyZWYiLCJjaGlsZHJlbiIsImNsYXNzTmFtZSIsImxlZnQiLCJuZWdhdGl2ZUxlZnQiLCJuZWdhdGl2ZVJpZ2h0IiwicmlnaHQiLCJzaG91bGRQYWRMZWZ0Iiwic2hvdWxkUGFkUmlnaHQiLCJkaXYiLCJmaWx0ZXIiLCJCb29sZWFuIiwiam9pbiIsImRpc3BsYXlOYW1lIl0sIm1hcHBpbmdzIjoiOzs7OytCQWtCYUE7OztlQUFBQTs7OytEQWhCcUI7UUFFM0I7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFZUCxNQUFNQyxZQUFZO0FBRVgsTUFBTUQsdUJBQTBCRSxJQUFBQSxpQkFBVSxFQUF3QixDQUFDQyxPQUFPQztJQUMvRSxNQUFNLEVBQ0pDLFFBQVEsRUFDUkMsU0FBUyxFQUNUQyxPQUFPLElBQUksRUFDWEMsZUFBZSxLQUFLLEVBQ3BCQyxnQkFBZ0IsS0FBSyxFQUNyQkMsUUFBUSxJQUFJLEVBQ2IsR0FBR1A7SUFFSixNQUFNUSxnQkFBZ0JKLFFBQVEsQ0FBQ0M7SUFDL0IsTUFBTUksaUJBQWlCRixTQUFTLENBQUNEO0lBRWpDLHFCQUNFLDZCQUFDSTtRQUNDUCxXQUFXO1lBQ1RLLGlCQUFpQixDQUFDLEVBQUVWLFVBQVUsTUFBTSxDQUFDO1lBQ3JDVyxrQkFBa0IsQ0FBQyxFQUFFWCxVQUFVLE9BQU8sQ0FBQztZQUN2Q08sZ0JBQWdCLENBQUMsRUFBRVAsVUFBVSxlQUFlLENBQUM7WUFDN0NRLGlCQUFpQixDQUFDLEVBQUVSLFVBQVUsZ0JBQWdCLENBQUM7WUFDL0NLO1NBQ0QsQ0FDRVEsTUFBTSxDQUFDQyxTQUNQQyxJQUFJLENBQUM7UUFDUlosS0FBS0E7T0FFSkM7QUFHUDtBQUVBTCxPQUFPaUIsV0FBVyxHQUFHIn0=

package/dist/admin/components/elements/Hamburger/index.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const baseClass = 'hamburger';
+const Hamburger = (props)=>{
+    const { isActive = false } = props;
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: [
+            baseClass,
+            isActive && `${baseClass}--active`
+        ].filter(Boolean).join(' ')
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__line ${baseClass}__top`
+    }), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__line ${baseClass}__middle`
+    }), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__line ${baseClass}__bottom`
+    }), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__line ${baseClass}__x-left`
+    }), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__line ${baseClass}__x-right`
+    }));
+};
+const _default = Hamburger;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL0hhbWJ1cmdlci9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ2hhbWJ1cmdlcidcblxuY29uc3QgSGFtYnVyZ2VyOiBSZWFjdC5GQzx7XG4gIGlzQWN0aXZlPzogYm9vbGVhblxufT4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBpc0FjdGl2ZSA9IGZhbHNlIH0gPSBwcm9wc1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e1tiYXNlQ2xhc3MsIGlzQWN0aXZlICYmIGAke2Jhc2VDbGFzc30tLWFjdGl2ZWBdLmZpbHRlcihCb29sZWFuKS5qb2luKCcgJyl9PlxuICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2xpbmUgJHtiYXNlQ2xhc3N9X190b3BgfSAvPlxuICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2xpbmUgJHtiYXNlQ2xhc3N9X19taWRkbGVgfSAvPlxuICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2xpbmUgJHtiYXNlQ2xhc3N9X19ib3R0b21gfSAvPlxuICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2xpbmUgJHtiYXNlQ2xhc3N9X194LWxlZnRgfSAvPlxuICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2xpbmUgJHtiYXNlQ2xhc3N9X194LXJpZ2h0YH0gLz5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBIYW1idXJnZXJcbiJdLCJuYW1lcyI6WyJiYXNlQ2xhc3MiLCJIYW1idXJnZXIiLCJwcm9wcyIsImlzQWN0aXZlIiwiZGl2IiwiY2xhc3NOYW1lIiwiZmlsdGVyIiwiQm9vbGVhbiIsImpvaW4iXSwibWFwcGluZ3MiOiI7Ozs7K0JBc0JBOzs7ZUFBQTs7OzhEQXRCa0I7UUFFWDs7Ozs7O0FBRVAsTUFBTUEsWUFBWTtBQUVsQixNQUFNQyxZQUVELENBQUNDO0lBQ0osTUFBTSxFQUFFQyxXQUFXLEtBQUssRUFBRSxHQUFHRDtJQUU3QixxQkFDRSw2QkFBQ0U7UUFBSUMsV0FBVztZQUFDTDtZQUFXRyxZQUFZLENBQUMsRUFBRUgsVUFBVSxRQUFRLENBQUM7U0FBQyxDQUFDTSxNQUFNLENBQUNDLFNBQVNDLElBQUksQ0FBQztxQkFDbkYsNkJBQUNKO1FBQUlDLFdBQVcsQ0FBQyxFQUFFTCxVQUFVLE9BQU8sRUFBRUEsVUFBVSxLQUFLLENBQUM7c0JBQ3RELDZCQUFDSTtRQUFJQyxXQUFXLENBQUMsRUFBRUwsVUFBVSxPQUFPLEVBQUVBLFVBQVUsUUFBUSxDQUFDO3NCQUN6RCw2QkFBQ0k7UUFBSUMsV0FBVyxDQUFDLEVBQUVMLFVBQVUsT0FBTyxFQUFFQSxVQUFVLFFBQVEsQ0FBQztzQkFDekQsNkJBQUNJO1FBQUlDLFdBQVcsQ0FBQyxFQUFFTCxVQUFVLE9BQU8sRUFBRUEsVUFBVSxRQUFRLENBQUM7c0JBQ3pELDZCQUFDSTtRQUFJQyxXQUFXLENBQUMsRUFBRUwsVUFBVSxPQUFPLEVBQUVBLFVBQVUsU0FBUyxDQUFDOztBQUdoRTtNQUVBLFdBQWVDIn0=

package/dist/admin/components/elements/Hamburger/index.scss

@@ -0,0 +1,67 @@
+@import '../../../scss/styles';
+
+.hamburger {
+  position: relative;
+  padding: 0;
+  border: 0;
+  cursor: pointer;
+  width: calc(var(--base) / 1.5);
+  height: calc(var(--base) / 1.5);
+  background-color: transparent;
+  outline: none;
+
+  &:focus {
+    outline: none;
+  }
+
+  &__line {
+    background-color: var(--theme-text);
+    width: 100%;
+    height: 1px;
+    position: absolute;
+  }
+
+  &__top {
+    top: 2px;
+    transform: translate3d(0, 0, 0) rotate(0);
+  }
+
+  &__middle {
+    top: 50%;
+    transform: translate3d(0, -50%, 0) rotate(0);
+  }
+
+  &__bottom {
+    bottom: 2px;
+    transform: translate3d(0, 0, 0) rotate(0);
+  }
+
+  &__x-left {
+    opacity: 0;
+    top: 50%;
+    left: 50%;
+    transform: translate3d(-50%, -50%, 0) rotate(45deg);
+  }
+
+  &__x-right {
+    opacity: 0;
+    top: 50%;
+    left: 50%;
+    transform: translate3d(-50%, -50%, 0) rotate(-45deg);
+  }
+
+  &--active {
+    .hamburger {
+      &__x-left,
+      &__x-right {
+        opacity: 1;
+      }
+
+      &__top,
+      &__middle,
+      &__bottom {
+        opacity: 0;
+      }
+    }
+  }
+}