@verdaccio/ui-components 4.0.0-next-8.2 → 4.0.0-next-8.3

package/build/components/Install/InstallListItem.js

@@ -1,22 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.DependencyManager = void 0;
-exports.getGlobalInstall = getGlobalInstall;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
-var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
-var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
-var _styles = require("@mui/styles");
-var _react = _interopRequireDefault(require("react"));
-var _PersistenceSettingProvider = require("../../providers/PersistenceSettingProvider");
-var _CopyClipboard = _interopRequireDefault(require("../CopyClipboard"));
-var _Icons = require("../Icons");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import _styled from "@emotion/styled/base";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const InstallItem = /*#__PURE__*/(0, _base.default)(_ListItem.default, process.env.NODE_ENV === "production" ? {
+import Avatar from '@mui/material/Avatar';
+import ListItem from '@mui/material/ListItem';
+import ListItemText from '@mui/material/ListItemText';
+import { useTheme } from '@mui/styles';
+import React from 'react';
+import { useSettings } from '../../providers/PersistenceSettingProvider';
+import CopyToClipBoard from '../CopyClipboard';
+import { Npm, Pnpm, Yarn } from '../Icons';
+var InstallItem = /*#__PURE__*/_styled(ListItem, process.env.NODE_ENV === "production" ? {
   target: "e19lng442"
 } : {
   target: "e19lng442",
@@ -30,7 +22,7 @@ const InstallItem = /*#__PURE__*/(0, _base.default)(_ListItem.default, process.e
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0luc3RhbGwvSW5zdGFsbExpc3RJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSW5zdGFsbC9JbnN0YWxsTGlzdEl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IEF2YXRhciBmcm9tICdAbXVpL21hdGVyaWFsL0F2YXRhcic7XG5pbXBvcnQgTGlzdEl0ZW0gZnJvbSAnQG11aS9tYXRlcmlhbC9MaXN0SXRlbSc7XG5pbXBvcnQgTGlzdEl0ZW1UZXh0IGZyb20gJ0BtdWkvbWF0ZXJpYWwvTGlzdEl0ZW1UZXh0JztcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQG11aS9zdHlsZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgeyB1c2VTZXR0aW5ncyB9IGZyb20gJy4uLy4uL3Byb3ZpZGVycy9QZXJzaXN0ZW5jZVNldHRpbmdQcm92aWRlcic7XG5pbXBvcnQgQ29weVRvQ2xpcEJvYXJkIGZyb20gJy4uL0NvcHlDbGlwYm9hcmQnO1xuaW1wb3J0IHsgTnBtLCBQbnBtLCBZYXJuIH0gZnJvbSAnLi4vSWNvbnMnO1xuXG5jb25zdCBJbnN0YWxsSXRlbSA9IHN0eWxlZChMaXN0SXRlbSkoe1xuICBwYWRkaW5nOiAwLFxuICAnOmhvdmVyJzoge1xuICAgIGJhY2tncm91bmRDb2xvcjogJ3RyYW5zcGFyZW50JyxcbiAgfSxcbn0pO1xuXG5jb25zdCBJbnN0YWxsTGlzdEl0ZW1UZXh0ID0gc3R5bGVkKExpc3RJdGVtVGV4dCkoe1xuICBwYWRkaW5nOiAnMCAwIDAgMTBweCcsXG4gIG1hcmdpbjogMCxcbn0pO1xuXG5jb25zdCBQYWNrYWdlTWFuZ2VyQXZhdGFyID0gc3R5bGVkKEF2YXRhcikoe1xuICBiYWNrZ3JvdW5kQ29sb3I6ICd0cmFuc3BhcmVudCcsXG4gIHBhZGRpbmc6IDAsXG4gIG1hcmdpbkxlZnQ6IDAsXG59KTtcblxuZXhwb3J0IGVudW0gRGVwZW5kZW5jeU1hbmFnZXIge1xuICBOUE0gPSAnbnBtJyxcbiAgWUFSTiA9ICd5YXJuJyxcbiAgUE5QTSA9ICdwbnBtJyxcbn1cblxuaW50ZXJmYWNlIEludGVyZmFjZSB7XG4gIHBhY2thZ2VOYW1lOiBzdHJpbmc7XG4gIGRlcGVuZGVuY3lNYW5hZ2VyOiBEZXBlbmRlbmN5TWFuYWdlcjtcbiAgcGFja2FnZVZlcnNpb24/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRHbG9iYWxJbnN0YWxsKGlzTGF0ZXN0LCBpc0dsb2JhbCwgcGFja2FnZVZlcnNpb24sIHBhY2thZ2VOYW1lLCBpc1lhcm4gPSBmYWxzZSkge1xuICBjb25zdCBuYW1lID0gaXNHbG9iYWxcbiAgICA/IGAke2lzWWFybiA/ICcnIDogJy1nJ30gJHtwYWNrYWdlVmVyc2lvbiAmJiAhaXNMYXRlc3QgPyBgJHtwYWNrYWdlTmFtZX1AJHtwYWNrYWdlVmVyc2lvbn1gIDogcGFja2FnZU5hbWV9YFxuICAgIDogcGFja2FnZVZlcnNpb24gJiYgIWlzTGF0ZXN0XG4gICAgICA/IGAke3BhY2thZ2VOYW1lfUAke3BhY2thZ2VWZXJzaW9ufWBcbiAgICAgIDogcGFja2FnZU5hbWU7XG5cbiAgcmV0dXJuIG5hbWUudHJpbSgpO1xufVxuXG5jb25zdCBJbnN0YWxsTGlzdEl0ZW06IFJlYWN0LkZDPEludGVyZmFjZT4gPSAoe1xuICBwYWNrYWdlTmFtZSxcbiAgZGVwZW5kZW5jeU1hbmFnZXIsXG4gIHBhY2thZ2VWZXJzaW9uLFxufSkgPT4ge1xuICBjb25zdCB7IGxvY2FsU2V0dGluZ3MgfSA9IHVzZVNldHRpbmdzKCk7XG4gIGNvbnN0IHRoZW1lOiBUaGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IGlzTGF0ZXN0ID0gbG9jYWxTZXR0aW5nc1twYWNrYWdlTmFtZV0/LmxhdGVzdCA/PyBmYWxzZTtcbiAgY29uc3QgaXNHbG9iYWwgPSBsb2NhbFNldHRpbmdzW3BhY2thZ2VOYW1lXT8uZ2xvYmFsID8/IGZhbHNlO1xuICBzd2l0Y2ggKGRlcGVuZGVuY3lNYW5hZ2VyKSB7XG4gICAgY2FzZSBEZXBlbmRlbmN5TWFuYWdlci5OUE06XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8SW5zdGFsbEl0ZW0gZGF0YS10ZXN0aWQ9eydpbnN0YWxsTGlzdEl0ZW0tbnBtJ30+XG4gICAgICAgICAgPFBhY2thZ2VNYW5nZXJBdmF0YXIgYWx0PVwibnBtXCIgc3g9e3sgYmdjb2xvcjogdGhlbWUucGFsZXR0ZS53aGl0ZSB9fT5cbiAgICAgICAgICAgIDxOcG0gLz5cbiAgICAgICAgICA8L1BhY2thZ2VNYW5nZXJBdmF0YXI+XG4gICAgICAgICAgPEluc3RhbGxMaXN0SXRlbVRleHRcbiAgICAgICAgICAgIHByaW1hcnk9e1xuICAgICAgICAgICAgICA8Q29weVRvQ2xpcEJvYXJkXG4gICAgICAgICAgICAgICAgZGF0YVRlc3RJZD1cImluc3RhbGxOcG1cIlxuICAgICAgICAgICAgICAgIHRleHQ9e2BucG0gaW5zdGFsbCAke2dldEdsb2JhbEluc3RhbGwoaXNMYXRlc3QsIGlzR2xvYmFsLCBwYWNrYWdlVmVyc2lvbiwgcGFja2FnZU5hbWUpfWB9XG4gICAgICAgICAgICAgICAgdGl0bGU9e2BucG0gaW5zdGFsbCAke2dldEdsb2JhbEluc3RhbGwoaXNMYXRlc3QsIGlzR2xvYmFsLCBwYWNrYWdlVmVyc2lvbiwgcGFja2FnZU5hbWUpfWB9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9JbnN0YWxsSXRlbT5cbiAgICAgICk7XG4gICAgY2FzZSBEZXBlbmRlbmN5TWFuYWdlci5ZQVJOOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPEluc3RhbGxJdGVtIGRhdGEtdGVzdGlkPXsnaW5zdGFsbExpc3RJdGVtLXlhcm4nfT5cbiAgICAgICAgICA8UGFja2FnZU1hbmdlckF2YXRhciBhbHQ9XCJ5YXJuXCIgc3g9e3sgYmdjb2xvcjogdGhlbWUucGFsZXR0ZS53aGl0ZSB9fT5cbiAgICAgICAgICAgIDxZYXJuIC8+XG4gICAgICAgICAgPC9QYWNrYWdlTWFuZ2VyQXZhdGFyPlxuICAgICAgICAgIDxJbnN0YWxsTGlzdEl0ZW1UZXh0XG4gICAgICAgICAgICBwcmltYXJ5PXtcbiAgICAgICAgICAgICAgPENvcHlUb0NsaXBCb2FyZFxuICAgICAgICAgICAgICAgIGRhdGFUZXN0SWQ9XCJpbnN0YWxsWWFyblwiXG4gICAgICAgICAgICAgICAgdGV4dD17XG4gICAgICAgICAgICAgICAgICBpc0dsb2JhbFxuICAgICAgICAgICAgICAgICAgICA/IGB5YXJuICR7bG9jYWxTZXR0aW5ncy55YXJuTW9kZXJuID8gJycgOiAnZ2xvYmFsJ30gYWRkICR7Z2V0R2xvYmFsSW5zdGFsbChcbiAgICAgICAgICAgICAgICAgICAgICAgIGlzR2xvYmFsLFxuICAgICAgICAgICAgICAgICAgICAgICAgcGFja2FnZVZlcnNpb24sXG4gICAgICAgICAgICAgICAgICAgICAgICBwYWNrYWdlTmFtZSxcbiAgICAgICAgICAgICAgICAgICAgICAgIHRydWVcbiAgICAgICAgICAgICAgICAgICAgICApfWBcbiAgICAgICAgICAgICAgICAgICAgOiBgeWFybiBhZGQgJHtnZXRHbG9iYWxJbnN0YWxsKGlzTGF0ZXN0LCBpc0dsb2JhbCwgcGFja2FnZVZlcnNpb24sIHBhY2thZ2VOYW1lLCB0cnVlKX1gXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHRpdGxlPXtcbiAgICAgICAgICAgICAgICAgIGlzR2xvYmFsXG4gICAgICAgICAgICAgICAgICAgID8gYHlhcm4gZ2xvYmFsIGFkZCAke2dldEdsb2JhbEluc3RhbGwoXG4gICAgICAgICAgICAgICAgICAgICAgICBpc0dsb2JhbCxcbiAgICAgICAgICAgICAgICAgICAgICAgIHBhY2thZ2VWZXJzaW9uLFxuICAgICAgICAgICAgICAgICAgICAgICAgcGFja2FnZU5hbWUsXG4gICAgICAgICAgICAgICAgICAgICAgICB0cnVlXG4gICAgICAgICAgICAgICAgICAgICAgKX1gXG4gICAgICAgICAgICAgICAgICAgIDogYHlhcm4gYWRkICR7Z2V0R2xvYmFsSW5zdGFsbChpc0xhdGVzdCwgaXNHbG9iYWwsIHBhY2thZ2VWZXJzaW9uLCBwYWNrYWdlTmFtZSwgdHJ1ZSl9YFxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0luc3RhbGxJdGVtPlxuICAgICAgKTtcbiAgICBjYXNlIERlcGVuZGVuY3lNYW5hZ2VyLlBOUE06XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8SW5zdGFsbEl0ZW0gZGF0YS10ZXN0aWQ9eydpbnN0YWxsTGlzdEl0ZW0tcG5wbSd9PlxuICAgICAgICAgIDxQYWNrYWdlTWFuZ2VyQXZhdGFyIGFsdD17J3BucG0nfSBzeD17eyBiZ2NvbG9yOiB0aGVtZS5wYWxldHRlLndoaXRlIH19PlxuICAgICAgICAgICAgPFBucG0gLz5cbiAgICAgICAgICA8L1BhY2thZ2VNYW5nZXJBdmF0YXI+XG4gICAgICAgICAgPEluc3RhbGxMaXN0SXRlbVRleHRcbiAgICAgICAgICAgIHByaW1hcnk9e1xuICAgICAgICAgICAgICA8Q29weVRvQ2xpcEJvYXJkXG4gICAgICAgICAgICAgICAgZGF0YVRlc3RJZD1cImluc3RhbGxQbnBtXCJcbiAgICAgICAgICAgICAgICB0ZXh0PXtgcG5wbSBpbnN0YWxsICR7Z2V0R2xvYmFsSW5zdGFsbChpc0xhdGVzdCwgaXNHbG9iYWwsIHBhY2thZ2VWZXJzaW9uLCBwYWNrYWdlTmFtZSl9YH1cbiAgICAgICAgICAgICAgICB0aXRsZT17YHBucG0gaW5zdGFsbCAke2dldEdsb2JhbEluc3RhbGwoaXNMYXRlc3QsIGlzR2xvYmFsLCBwYWNrYWdlVmVyc2lvbiwgcGFja2FnZU5hbWUpfWB9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9JbnN0YWxsSXRlbT5cbiAgICAgICk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBudWxsO1xuICB9XG59O1xuXG5leHBvcnQgZGVmYXVsdCBJbnN0YWxsTGlzdEl0ZW07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const InstallListItemText = /*#__PURE__*/(0, _base.default)(_ListItemText.default, process.env.NODE_ENV === "production" ? {
+var InstallListItemText = /*#__PURE__*/_styled(ListItemText, process.env.NODE_ENV === "production" ? {
   target: "e19lng441"
 } : {
   target: "e19lng441",
@@ -44,7 +36,7 @@ const InstallListItemText = /*#__PURE__*/(0, _base.default)(_ListItemText.defaul
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0luc3RhbGwvSW5zdGFsbExpc3RJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQjRCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0luc3RhbGwvSW5zdGFsbExpc3RJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBBdmF0YXIgZnJvbSAnQG11aS9tYXRlcmlhbC9BdmF0YXInO1xuaW1wb3J0IExpc3RJdGVtIGZyb20gJ0BtdWkvbWF0ZXJpYWwvTGlzdEl0ZW0nO1xuaW1wb3J0IExpc3RJdGVtVGV4dCBmcm9tICdAbXVpL21hdGVyaWFsL0xpc3RJdGVtVGV4dCc7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gJ0BtdWkvc3R5bGVzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vVGhlbWUnO1xuaW1wb3J0IHsgdXNlU2V0dGluZ3MgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvUGVyc2lzdGVuY2VTZXR0aW5nUHJvdmlkZXInO1xuaW1wb3J0IENvcHlUb0NsaXBCb2FyZCBmcm9tICcuLi9Db3B5Q2xpcGJvYXJkJztcbmltcG9ydCB7IE5wbSwgUG5wbSwgWWFybiB9IGZyb20gJy4uL0ljb25zJztcblxuY29uc3QgSW5zdGFsbEl0ZW0gPSBzdHlsZWQoTGlzdEl0ZW0pKHtcbiAgcGFkZGluZzogMCxcbiAgJzpob3Zlcic6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6ICd0cmFuc3BhcmVudCcsXG4gIH0sXG59KTtcblxuY29uc3QgSW5zdGFsbExpc3RJdGVtVGV4dCA9IHN0eWxlZChMaXN0SXRlbVRleHQpKHtcbiAgcGFkZGluZzogJzAgMCAwIDEwcHgnLFxuICBtYXJnaW46IDAsXG59KTtcblxuY29uc3QgUGFja2FnZU1hbmdlckF2YXRhciA9IHN0eWxlZChBdmF0YXIpKHtcbiAgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnLFxuICBwYWRkaW5nOiAwLFxuICBtYXJnaW5MZWZ0OiAwLFxufSk7XG5cbmV4cG9ydCBlbnVtIERlcGVuZGVuY3lNYW5hZ2VyIHtcbiAgTlBNID0gJ25wbScsXG4gIFlBUk4gPSAneWFybicsXG4gIFBOUE0gPSAncG5wbScsXG59XG5cbmludGVyZmFjZSBJbnRlcmZhY2Uge1xuICBwYWNrYWdlTmFtZTogc3RyaW5nO1xuICBkZXBlbmRlbmN5TWFuYWdlcjogRGVwZW5kZW5jeU1hbmFnZXI7XG4gIHBhY2thZ2VWZXJzaW9uPzogc3RyaW5nO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gZ2V0R2xvYmFsSW5zdGFsbChpc0xhdGVzdCwgaXNHbG9iYWwsIHBhY2thZ2VWZXJzaW9uLCBwYWNrYWdlTmFtZSwgaXNZYXJuID0gZmFsc2UpIHtcbiAgY29uc3QgbmFtZSA9IGlzR2xvYmFsXG4gICAgPyBgJHtpc1lhcm4gPyAnJyA6ICctZyd9ICR7cGFja2FnZVZlcnNpb24gJiYgIWlzTGF0ZXN0ID8gYCR7cGFja2FnZU5hbWV9QCR7cGFja2FnZVZlcnNpb259YCA6IHBhY2thZ2VOYW1lfWBcbiAgICA6IHBhY2thZ2VWZXJzaW9uICYmICFpc0xhdGVzdFxuICAgICAgPyBgJHtwYWNrYWdlTmFtZX1AJHtwYWNrYWdlVmVyc2lvbn1gXG4gICAgICA6IHBhY2thZ2VOYW1lO1xuXG4gIHJldHVybiBuYW1lLnRyaW0oKTtcbn1cblxuY29uc3QgSW5zdGFsbExpc3RJdGVtOiBSZWFjdC5GQzxJbnRlcmZhY2U+ID0gKHtcbiAgcGFja2FnZU5hbWUsXG4gIGRlcGVuZGVuY3lNYW5hZ2VyLFxuICBwYWNrYWdlVmVyc2lvbixcbn0pID0+IHtcbiAgY29uc3QgeyBsb2NhbFNldHRpbmdzIH0gPSB1c2VTZXR0aW5ncygpO1xuICBjb25zdCB0aGVtZTogVGhlbWUgPSB1c2VUaGVtZSgpO1xuICBjb25zdCBpc0xhdGVzdCA9IGxvY2FsU2V0dGluZ3NbcGFja2FnZU5hbWVdPy5sYXRlc3QgPz8gZmFsc2U7XG4gIGNvbnN0IGlzR2xvYmFsID0gbG9jYWxTZXR0aW5nc1twYWNrYWdlTmFtZV0/Lmdsb2JhbCA/PyBmYWxzZTtcbiAgc3dpdGNoIChkZXBlbmRlbmN5TWFuYWdlcikge1xuICAgIGNhc2UgRGVwZW5kZW5jeU1hbmFnZXIuTlBNOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPEluc3RhbGxJdGVtIGRhdGEtdGVzdGlkPXsnaW5zdGFsbExpc3RJdGVtLW5wbSd9PlxuICAgICAgICAgIDxQYWNrYWdlTWFuZ2VyQXZhdGFyIGFsdD1cIm5wbVwiIHN4PXt7IGJnY29sb3I6IHRoZW1lLnBhbGV0dGUud2hpdGUgfX0+XG4gICAgICAgICAgICA8TnBtIC8+XG4gICAgICAgICAgPC9QYWNrYWdlTWFuZ2VyQXZhdGFyPlxuICAgICAgICAgIDxJbnN0YWxsTGlzdEl0ZW1UZXh0XG4gICAgICAgICAgICBwcmltYXJ5PXtcbiAgICAgICAgICAgICAgPENvcHlUb0NsaXBCb2FyZFxuICAgICAgICAgICAgICAgIGRhdGFUZXN0SWQ9XCJpbnN0YWxsTnBtXCJcbiAgICAgICAgICAgICAgICB0ZXh0PXtgbnBtIGluc3RhbGwgJHtnZXRHbG9iYWxJbnN0YWxsKGlzTGF0ZXN0LCBpc0dsb2JhbCwgcGFja2FnZVZlcnNpb24sIHBhY2thZ2VOYW1lKX1gfVxuICAgICAgICAgICAgICAgIHRpdGxlPXtgbnBtIGluc3RhbGwgJHtnZXRHbG9iYWxJbnN0YWxsKGlzTGF0ZXN0LCBpc0dsb2JhbCwgcGFja2FnZVZlcnNpb24sIHBhY2thZ2VOYW1lKX1gfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvSW5zdGFsbEl0ZW0+XG4gICAgICApO1xuICAgIGNhc2UgRGVwZW5kZW5jeU1hbmFnZXIuWUFSTjpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxJbnN0YWxsSXRlbSBkYXRhLXRlc3RpZD17J2luc3RhbGxMaXN0SXRlbS15YXJuJ30+XG4gICAgICAgICAgPFBhY2thZ2VNYW5nZXJBdmF0YXIgYWx0PVwieWFyblwiIHN4PXt7IGJnY29sb3I6IHRoZW1lLnBhbGV0dGUud2hpdGUgfX0+XG4gICAgICAgICAgICA8WWFybiAvPlxuICAgICAgICAgIDwvUGFja2FnZU1hbmdlckF2YXRhcj5cbiAgICAgICAgICA8SW5zdGFsbExpc3RJdGVtVGV4dFxuICAgICAgICAgICAgcHJpbWFyeT17XG4gICAgICAgICAgICAgIDxDb3B5VG9DbGlwQm9hcmRcbiAgICAgICAgICAgICAgICBkYXRhVGVzdElkPVwiaW5zdGFsbFlhcm5cIlxuICAgICAgICAgICAgICAgIHRleHQ9e1xuICAgICAgICAgICAgICAgICAgaXNHbG9iYWxcbiAgICAgICAgICAgICAgICAgICAgPyBgeWFybiAke2xvY2FsU2V0dGluZ3MueWFybk1vZGVybiA/ICcnIDogJ2dsb2JhbCd9IGFkZCAke2dldEdsb2JhbEluc3RhbGwoXG4gICAgICAgICAgICAgICAgICAgICAgICBpc0dsb2JhbCxcbiAgICAgICAgICAgICAgICAgICAgICAgIHBhY2thZ2VWZXJzaW9uLFxuICAgICAgICAgICAgICAgICAgICAgICAgcGFja2FnZU5hbWUsXG4gICAgICAgICAgICAgICAgICAgICAgICB0cnVlXG4gICAgICAgICAgICAgICAgICAgICAgKX1gXG4gICAgICAgICAgICAgICAgICAgIDogYHlhcm4gYWRkICR7Z2V0R2xvYmFsSW5zdGFsbChpc0xhdGVzdCwgaXNHbG9iYWwsIHBhY2thZ2VWZXJzaW9uLCBwYWNrYWdlTmFtZSwgdHJ1ZSl9YFxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB0aXRsZT17XG4gICAgICAgICAgICAgICAgICBpc0dsb2JhbFxuICAgICAgICAgICAgICAgICAgICA/IGB5YXJuIGdsb2JhbCBhZGQgJHtnZXRHbG9iYWxJbnN0YWxsKFxuICAgICAgICAgICAgICAgICAgICAgICAgaXNHbG9iYWwsXG4gICAgICAgICAgICAgICAgICAgICAgICBwYWNrYWdlVmVyc2lvbixcbiAgICAgICAgICAgICAgICAgICAgICAgIHBhY2thZ2VOYW1lLFxuICAgICAgICAgICAgICAgICAgICAgICAgdHJ1ZVxuICAgICAgICAgICAgICAgICAgICAgICl9YFxuICAgICAgICAgICAgICAgICAgICA6IGB5YXJuIGFkZCAke2dldEdsb2JhbEluc3RhbGwoaXNMYXRlc3QsIGlzR2xvYmFsLCBwYWNrYWdlVmVyc2lvbiwgcGFja2FnZU5hbWUsIHRydWUpfWBcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9JbnN0YWxsSXRlbT5cbiAgICAgICk7XG4gICAgY2FzZSBEZXBlbmRlbmN5TWFuYWdlci5QTlBNOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPEluc3RhbGxJdGVtIGRhdGEtdGVzdGlkPXsnaW5zdGFsbExpc3RJdGVtLXBucG0nfT5cbiAgICAgICAgICA8UGFja2FnZU1hbmdlckF2YXRhciBhbHQ9eydwbnBtJ30gc3g9e3sgYmdjb2xvcjogdGhlbWUucGFsZXR0ZS53aGl0ZSB9fT5cbiAgICAgICAgICAgIDxQbnBtIC8+XG4gICAgICAgICAgPC9QYWNrYWdlTWFuZ2VyQXZhdGFyPlxuICAgICAgICAgIDxJbnN0YWxsTGlzdEl0ZW1UZXh0XG4gICAgICAgICAgICBwcmltYXJ5PXtcbiAgICAgICAgICAgICAgPENvcHlUb0NsaXBCb2FyZFxuICAgICAgICAgICAgICAgIGRhdGFUZXN0SWQ9XCJpbnN0YWxsUG5wbVwiXG4gICAgICAgICAgICAgICAgdGV4dD17YHBucG0gaW5zdGFsbCAke2dldEdsb2JhbEluc3RhbGwoaXNMYXRlc3QsIGlzR2xvYmFsLCBwYWNrYWdlVmVyc2lvbiwgcGFja2FnZU5hbWUpfWB9XG4gICAgICAgICAgICAgICAgdGl0bGU9e2BwbnBtIGluc3RhbGwgJHtnZXRHbG9iYWxJbnN0YWxsKGlzTGF0ZXN0LCBpc0dsb2JhbCwgcGFja2FnZVZlcnNpb24sIHBhY2thZ2VOYW1lKX1gfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvSW5zdGFsbEl0ZW0+XG4gICAgICApO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gbnVsbDtcbiAgfVxufTtcblxuZXhwb3J0IGRlZmF1bHQgSW5zdGFsbExpc3RJdGVtO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const PackageMangerAvatar = /*#__PURE__*/(0, _base.default)(_Avatar.default, process.env.NODE_ENV === "production" ? {
+var PackageMangerAvatar = /*#__PURE__*/_styled(Avatar, process.env.NODE_ENV === "production" ? {
   target: "e19lng440"
 } : {
   target: "e19lng440",
@@ -58,76 +50,79 @@ const PackageMangerAvatar = /*#__PURE__*/(0, _base.default)(_Avatar.default, pro
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0luc3RhbGwvSW5zdGFsbExpc3RJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QjRCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0luc3RhbGwvSW5zdGFsbExpc3RJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBBdmF0YXIgZnJvbSAnQG11aS9tYXRlcmlhbC9BdmF0YXInO1xuaW1wb3J0IExpc3RJdGVtIGZyb20gJ0BtdWkvbWF0ZXJpYWwvTGlzdEl0ZW0nO1xuaW1wb3J0IExpc3RJdGVtVGV4dCBmcm9tICdAbXVpL21hdGVyaWFsL0xpc3RJdGVtVGV4dCc7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gJ0BtdWkvc3R5bGVzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vVGhlbWUnO1xuaW1wb3J0IHsgdXNlU2V0dGluZ3MgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvUGVyc2lzdGVuY2VTZXR0aW5nUHJvdmlkZXInO1xuaW1wb3J0IENvcHlUb0NsaXBCb2FyZCBmcm9tICcuLi9Db3B5Q2xpcGJvYXJkJztcbmltcG9ydCB7IE5wbSwgUG5wbSwgWWFybiB9IGZyb20gJy4uL0ljb25zJztcblxuY29uc3QgSW5zdGFsbEl0ZW0gPSBzdHlsZWQoTGlzdEl0ZW0pKHtcbiAgcGFkZGluZzogMCxcbiAgJzpob3Zlcic6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6ICd0cmFuc3BhcmVudCcsXG4gIH0sXG59KTtcblxuY29uc3QgSW5zdGFsbExpc3RJdGVtVGV4dCA9IHN0eWxlZChMaXN0SXRlbVRleHQpKHtcbiAgcGFkZGluZzogJzAgMCAwIDEwcHgnLFxuICBtYXJnaW46IDAsXG59KTtcblxuY29uc3QgUGFja2FnZU1hbmdlckF2YXRhciA9IHN0eWxlZChBdmF0YXIpKHtcbiAgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnLFxuICBwYWRkaW5nOiAwLFxuICBtYXJnaW5MZWZ0OiAwLFxufSk7XG5cbmV4cG9ydCBlbnVtIERlcGVuZGVuY3lNYW5hZ2VyIHtcbiAgTlBNID0gJ25wbScsXG4gIFlBUk4gPSAneWFybicsXG4gIFBOUE0gPSAncG5wbScsXG59XG5cbmludGVyZmFjZSBJbnRlcmZhY2Uge1xuICBwYWNrYWdlTmFtZTogc3RyaW5nO1xuICBkZXBlbmRlbmN5TWFuYWdlcjogRGVwZW5kZW5jeU1hbmFnZXI7XG4gIHBhY2thZ2VWZXJzaW9uPzogc3RyaW5nO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gZ2V0R2xvYmFsSW5zdGFsbChpc0xhdGVzdCwgaXNHbG9iYWwsIHBhY2thZ2VWZXJzaW9uLCBwYWNrYWdlTmFtZSwgaXNZYXJuID0gZmFsc2UpIHtcbiAgY29uc3QgbmFtZSA9IGlzR2xvYmFsXG4gICAgPyBgJHtpc1lhcm4gPyAnJyA6ICctZyd9ICR7cGFja2FnZVZlcnNpb24gJiYgIWlzTGF0ZXN0ID8gYCR7cGFja2FnZU5hbWV9QCR7cGFja2FnZVZlcnNpb259YCA6IHBhY2thZ2VOYW1lfWBcbiAgICA6IHBhY2thZ2VWZXJzaW9uICYmICFpc0xhdGVzdFxuICAgICAgPyBgJHtwYWNrYWdlTmFtZX1AJHtwYWNrYWdlVmVyc2lvbn1gXG4gICAgICA6IHBhY2thZ2VOYW1lO1xuXG4gIHJldHVybiBuYW1lLnRyaW0oKTtcbn1cblxuY29uc3QgSW5zdGFsbExpc3RJdGVtOiBSZWFjdC5GQzxJbnRlcmZhY2U+ID0gKHtcbiAgcGFja2FnZU5hbWUsXG4gIGRlcGVuZGVuY3lNYW5hZ2VyLFxuICBwYWNrYWdlVmVyc2lvbixcbn0pID0+IHtcbiAgY29uc3QgeyBsb2NhbFNldHRpbmdzIH0gPSB1c2VTZXR0aW5ncygpO1xuICBjb25zdCB0aGVtZTogVGhlbWUgPSB1c2VUaGVtZSgpO1xuICBjb25zdCBpc0xhdGVzdCA9IGxvY2FsU2V0dGluZ3NbcGFja2FnZU5hbWVdPy5sYXRlc3QgPz8gZmFsc2U7XG4gIGNvbnN0IGlzR2xvYmFsID0gbG9jYWxTZXR0aW5nc1twYWNrYWdlTmFtZV0/Lmdsb2JhbCA/PyBmYWxzZTtcbiAgc3dpdGNoIChkZXBlbmRlbmN5TWFuYWdlcikge1xuICAgIGNhc2UgRGVwZW5kZW5jeU1hbmFnZXIuTlBNOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPEluc3RhbGxJdGVtIGRhdGEtdGVzdGlkPXsnaW5zdGFsbExpc3RJdGVtLW5wbSd9PlxuICAgICAgICAgIDxQYWNrYWdlTWFuZ2VyQXZhdGFyIGFsdD1cIm5wbVwiIHN4PXt7IGJnY29sb3I6IHRoZW1lLnBhbGV0dGUud2hpdGUgfX0+XG4gICAgICAgICAgICA8TnBtIC8+XG4gICAgICAgICAgPC9QYWNrYWdlTWFuZ2VyQXZhdGFyPlxuICAgICAgICAgIDxJbnN0YWxsTGlzdEl0ZW1UZXh0XG4gICAgICAgICAgICBwcmltYXJ5PXtcbiAgICAgICAgICAgICAgPENvcHlUb0NsaXBCb2FyZFxuICAgICAgICAgICAgICAgIGRhdGFUZXN0SWQ9XCJpbnN0YWxsTnBtXCJcbiAgICAgICAgICAgICAgICB0ZXh0PXtgbnBtIGluc3RhbGwgJHtnZXRHbG9iYWxJbnN0YWxsKGlzTGF0ZXN0LCBpc0dsb2JhbCwgcGFja2FnZVZlcnNpb24sIHBhY2thZ2VOYW1lKX1gfVxuICAgICAgICAgICAgICAgIHRpdGxlPXtgbnBtIGluc3RhbGwgJHtnZXRHbG9iYWxJbnN0YWxsKGlzTGF0ZXN0LCBpc0dsb2JhbCwgcGFja2FnZVZlcnNpb24sIHBhY2thZ2VOYW1lKX1gfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvSW5zdGFsbEl0ZW0+XG4gICAgICApO1xuICAgIGNhc2UgRGVwZW5kZW5jeU1hbmFnZXIuWUFSTjpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxJbnN0YWxsSXRlbSBkYXRhLXRlc3RpZD17J2luc3RhbGxMaXN0SXRlbS15YXJuJ30+XG4gICAgICAgICAgPFBhY2thZ2VNYW5nZXJBdmF0YXIgYWx0PVwieWFyblwiIHN4PXt7IGJnY29sb3I6IHRoZW1lLnBhbGV0dGUud2hpdGUgfX0+XG4gICAgICAgICAgICA8WWFybiAvPlxuICAgICAgICAgIDwvUGFja2FnZU1hbmdlckF2YXRhcj5cbiAgICAgICAgICA8SW5zdGFsbExpc3RJdGVtVGV4dFxuICAgICAgICAgICAgcHJpbWFyeT17XG4gICAgICAgICAgICAgIDxDb3B5VG9DbGlwQm9hcmRcbiAgICAgICAgICAgICAgICBkYXRhVGVzdElkPVwiaW5zdGFsbFlhcm5cIlxuICAgICAgICAgICAgICAgIHRleHQ9e1xuICAgICAgICAgICAgICAgICAgaXNHbG9iYWxcbiAgICAgICAgICAgICAgICAgICAgPyBgeWFybiAke2xvY2FsU2V0dGluZ3MueWFybk1vZGVybiA/ICcnIDogJ2dsb2JhbCd9IGFkZCAke2dldEdsb2JhbEluc3RhbGwoXG4gICAgICAgICAgICAgICAgICAgICAgICBpc0dsb2JhbCxcbiAgICAgICAgICAgICAgICAgICAgICAgIHBhY2thZ2VWZXJzaW9uLFxuICAgICAgICAgICAgICAgICAgICAgICAgcGFja2FnZU5hbWUsXG4gICAgICAgICAgICAgICAgICAgICAgICB0cnVlXG4gICAgICAgICAgICAgICAgICAgICAgKX1gXG4gICAgICAgICAgICAgICAgICAgIDogYHlhcm4gYWRkICR7Z2V0R2xvYmFsSW5zdGFsbChpc0xhdGVzdCwgaXNHbG9iYWwsIHBhY2thZ2VWZXJzaW9uLCBwYWNrYWdlTmFtZSwgdHJ1ZSl9YFxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB0aXRsZT17XG4gICAgICAgICAgICAgICAgICBpc0dsb2JhbFxuICAgICAgICAgICAgICAgICAgICA/IGB5YXJuIGdsb2JhbCBhZGQgJHtnZXRHbG9iYWxJbnN0YWxsKFxuICAgICAgICAgICAgICAgICAgICAgICAgaXNHbG9iYWwsXG4gICAgICAgICAgICAgICAgICAgICAgICBwYWNrYWdlVmVyc2lvbixcbiAgICAgICAgICAgICAgICAgICAgICAgIHBhY2thZ2VOYW1lLFxuICAgICAgICAgICAgICAgICAgICAgICAgdHJ1ZVxuICAgICAgICAgICAgICAgICAgICAgICl9YFxuICAgICAgICAgICAgICAgICAgICA6IGB5YXJuIGFkZCAke2dldEdsb2JhbEluc3RhbGwoaXNMYXRlc3QsIGlzR2xvYmFsLCBwYWNrYWdlVmVyc2lvbiwgcGFja2FnZU5hbWUsIHRydWUpfWBcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9JbnN0YWxsSXRlbT5cbiAgICAgICk7XG4gICAgY2FzZSBEZXBlbmRlbmN5TWFuYWdlci5QTlBNOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPEluc3RhbGxJdGVtIGRhdGEtdGVzdGlkPXsnaW5zdGFsbExpc3RJdGVtLXBucG0nfT5cbiAgICAgICAgICA8UGFja2FnZU1hbmdlckF2YXRhciBhbHQ9eydwbnBtJ30gc3g9e3sgYmdjb2xvcjogdGhlbWUucGFsZXR0ZS53aGl0ZSB9fT5cbiAgICAgICAgICAgIDxQbnBtIC8+XG4gICAgICAgICAgPC9QYWNrYWdlTWFuZ2VyQXZhdGFyPlxuICAgICAgICAgIDxJbnN0YWxsTGlzdEl0ZW1UZXh0XG4gICAgICAgICAgICBwcmltYXJ5PXtcbiAgICAgICAgICAgICAgPENvcHlUb0NsaXBCb2FyZFxuICAgICAgICAgICAgICAgIGRhdGFUZXN0SWQ9XCJpbnN0YWxsUG5wbVwiXG4gICAgICAgICAgICAgICAgdGV4dD17YHBucG0gaW5zdGFsbCAke2dldEdsb2JhbEluc3RhbGwoaXNMYXRlc3QsIGlzR2xvYmFsLCBwYWNrYWdlVmVyc2lvbiwgcGFja2FnZU5hbWUpfWB9XG4gICAgICAgICAgICAgICAgdGl0bGU9e2BwbnBtIGluc3RhbGwgJHtnZXRHbG9iYWxJbnN0YWxsKGlzTGF0ZXN0LCBpc0dsb2JhbCwgcGFja2FnZVZlcnNpb24sIHBhY2thZ2VOYW1lKX1gfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvSW5zdGFsbEl0ZW0+XG4gICAgICApO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gbnVsbDtcbiAgfVxufTtcblxuZXhwb3J0IGRlZmF1bHQgSW5zdGFsbExpc3RJdGVtO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-let DependencyManager = exports.DependencyManager = /*#__PURE__*/function (DependencyManager) {
+export var DependencyManager = /*#__PURE__*/function (DependencyManager) {
   DependencyManager["NPM"] = "npm";
   DependencyManager["YARN"] = "yarn";
   DependencyManager["PNPM"] = "pnpm";
   return DependencyManager;
 }({});
-function getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, isYarn = false) {
-  const name = isGlobal ? `${isYarn ? '' : '-g'} ${packageVersion && !isLatest ? `${packageName}@${packageVersion}` : packageName}` : packageVersion && !isLatest ? `${packageName}@${packageVersion}` : packageName;
+export function getGlobalInstall(isLatest, isGlobal, packageVersion, packageName) {
+  var isYarn = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  var name = isGlobal ? "".concat(isYarn ? '' : '-g', " ").concat(packageVersion && !isLatest ? "".concat(packageName, "@").concat(packageVersion) : packageName) : packageVersion && !isLatest ? "".concat(packageName, "@").concat(packageVersion) : packageName;
   return name.trim();
 }
-const InstallListItem = ({
-  packageName,
-  dependencyManager,
-  packageVersion
-}) => {
-  const {
+var InstallListItem = _ref => {
+  var _localSettings$packag, _localSettings$packag2, _localSettings$packag3, _localSettings$packag4;
+  var {
+    packageName,
+    dependencyManager,
+    packageVersion
+  } = _ref;
+  var {
     localSettings
-  } = (0, _PersistenceSettingProvider.useSettings)();
-  const theme = (0, _styles.useTheme)();
-  const isLatest = localSettings[packageName]?.latest ?? false;
-  const isGlobal = localSettings[packageName]?.global ?? false;
+  } = useSettings();
+  var theme = useTheme();
+  var isLatest = (_localSettings$packag = (_localSettings$packag2 = localSettings[packageName]) === null || _localSettings$packag2 === void 0 ? void 0 : _localSettings$packag2.latest) !== null && _localSettings$packag !== void 0 ? _localSettings$packag : false;
+  var isGlobal = (_localSettings$packag3 = (_localSettings$packag4 = localSettings[packageName]) === null || _localSettings$packag4 === void 0 ? void 0 : _localSettings$packag4.global) !== null && _localSettings$packag3 !== void 0 ? _localSettings$packag3 : false;
   switch (dependencyManager) {
     case DependencyManager.NPM:
-      return /*#__PURE__*/_react.default.createElement(InstallItem, {
+      return /*#__PURE__*/React.createElement(InstallItem, {
         "data-testid": 'installListItem-npm'
-      }, /*#__PURE__*/_react.default.createElement(PackageMangerAvatar, {
+      }, /*#__PURE__*/React.createElement(PackageMangerAvatar, {
         alt: "npm",
         sx: {
           bgcolor: theme.palette.white
         }
-      }, /*#__PURE__*/_react.default.createElement(_Icons.Npm, null)), /*#__PURE__*/_react.default.createElement(InstallListItemText, {
-        primary: /*#__PURE__*/_react.default.createElement(_CopyClipboard.default, {
+      }, /*#__PURE__*/React.createElement(Npm, null)), /*#__PURE__*/React.createElement(InstallListItemText, {
+        primary: /*#__PURE__*/React.createElement(CopyToClipBoard, {
           dataTestId: "installNpm",
-          text: `npm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`,
-          title: `npm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`
+          text: "npm install ".concat(getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)),
+          title: "npm install ".concat(getGlobalInstall(isLatest, isGlobal, packageVersion, packageName))
         })
       }));
     case DependencyManager.YARN:
-      return /*#__PURE__*/_react.default.createElement(InstallItem, {
+      return /*#__PURE__*/React.createElement(InstallItem, {
         "data-testid": 'installListItem-yarn'
-      }, /*#__PURE__*/_react.default.createElement(PackageMangerAvatar, {
+      }, /*#__PURE__*/React.createElement(PackageMangerAvatar, {
         alt: "yarn",
         sx: {
           bgcolor: theme.palette.white
         }
-      }, /*#__PURE__*/_react.default.createElement(_Icons.Yarn, null)), /*#__PURE__*/_react.default.createElement(InstallListItemText, {
-        primary: /*#__PURE__*/_react.default.createElement(_CopyClipboard.default, {
+      }, /*#__PURE__*/React.createElement(Yarn, null)), /*#__PURE__*/React.createElement(InstallListItemText, {
+        primary: /*#__PURE__*/React.createElement(CopyToClipBoard, {
           dataTestId: "installYarn",
-          text: isGlobal ? `yarn ${localSettings.yarnModern ? '' : 'global'} add ${getGlobalInstall(isGlobal, packageVersion, packageName, true)}` : `yarn add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}`,
-          title: isGlobal ? `yarn global add ${getGlobalInstall(isGlobal, packageVersion, packageName, true)}` : `yarn add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}`
+          text: isGlobal ? "yarn ".concat(localSettings.yarnModern ? '' : 'global', " add ").concat(getGlobalInstall(isGlobal, packageVersion, packageName, true)) : "yarn add ".concat(getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)),
+          title: isGlobal ? "yarn global add ".concat(getGlobalInstall(isGlobal, packageVersion, packageName, true)) : "yarn add ".concat(getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true))
         })
       }));
     case DependencyManager.PNPM:
-      return /*#__PURE__*/_react.default.createElement(InstallItem, {
+      return /*#__PURE__*/React.createElement(InstallItem, {
         "data-testid": 'installListItem-pnpm'
-      }, /*#__PURE__*/_react.default.createElement(PackageMangerAvatar, {
+      }, /*#__PURE__*/React.createElement(PackageMangerAvatar, {
         alt: 'pnpm',
         sx: {
           bgcolor: theme.palette.white
         }
-      }, /*#__PURE__*/_react.default.createElement(_Icons.Pnpm, null)), /*#__PURE__*/_react.default.createElement(InstallListItemText, {
-        primary: /*#__PURE__*/_react.default.createElement(_CopyClipboard.default, {
+      }, /*#__PURE__*/React.createElement(Pnpm, null)), /*#__PURE__*/React.createElement(InstallListItemText, {
+        primary: /*#__PURE__*/React.createElement(CopyToClipBoard, {
           dataTestId: "installPnpm",
-          text: `pnpm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`,
-          title: `pnpm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`
+          text: "pnpm install ".concat(getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)),
+          title: "pnpm install ".concat(getGlobalInstall(isLatest, isGlobal, packageVersion, packageName))
         })
       }));
     default:
       return null;
   }
 };
-var _default = exports.default = InstallListItem;
+export default InstallListItem;
 //# sourceMappingURL=InstallListItem.js.map

package/build/components/Install/index.js

@@ -1,14 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Install.default;
-  }
-});
-var _Install = _interopRequireDefault(require("./Install"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+export { default } from './Install';
 //# sourceMappingURL=index.js.map

package/build/components/Keywords/KeywordListItems.js

@@ -1,27 +1,21 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
-var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const KeywordListItems = ({
-  keywords
-}) => {
-  const keywordList = typeof keywords === 'string' ? keywords.replace(/,/g, ' ').split(' ') : keywords;
+import Chip from '@mui/material/Chip';
+import ListItem from '@mui/material/ListItem';
+import React from 'react';
+var KeywordListItems = _ref => {
+  var {
+    keywords
+  } = _ref;
+  var keywordList = typeof keywords === 'string' ? keywords.replace(/,/g, ' ').split(' ') : keywords;
   if (!keywordList) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+  return /*#__PURE__*/React.createElement(ListItem, {
     sx: {
       px: 0,
       mt: 0,
       flexWrap: 'wrap'
     }
-  }, keywordList.sort().map((keyword, index) => /*#__PURE__*/_react.default.createElement(_Chip.default, {
+  }, keywordList.sort().map((keyword, index) => /*#__PURE__*/React.createElement(Chip, {
     key: index,
     label: keyword,
     sx: {
@@ -30,5 +24,5 @@ const KeywordListItems = ({
     }
   })));
 };
-var _default = exports.default = KeywordListItems;
+export default KeywordListItems;
 //# sourceMappingURL=KeywordListItems.js.map

package/build/components/Keywords/Keywords.js

@@ -1,38 +1,33 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _List = _interopRequireDefault(require("@mui/material/List"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _styles = require("@mui/styles");
-var _react = _interopRequireDefault(require("react"));
-var _reactI18next = require("react-i18next");
-var _KeywordListItems = _interopRequireDefault(require("./KeywordListItems"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Keywords = ({
-  packageMeta
-}) => {
-  const {
+import List from '@mui/material/List';
+import Typography from '@mui/material/Typography';
+import { useTheme } from '@mui/styles';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import KeywordListItems from './KeywordListItems';
+var Keywords = _ref => {
+  var _packageMeta$latest, _packageMeta$latest2;
+  var {
+    packageMeta
+  } = _ref;
+  var {
     t
-  } = (0, _reactI18next.useTranslation)();
-  const theme = (0, _styles.useTheme)();
-  if (!packageMeta?.latest?.keywords) {
+  } = useTranslation();
+  var theme = useTheme();
+  if (!(packageMeta !== null && packageMeta !== void 0 && (_packageMeta$latest = packageMeta.latest) !== null && _packageMeta$latest !== void 0 && _packageMeta$latest.keywords)) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_List.default, {
+  return /*#__PURE__*/React.createElement(List, {
     "data-testid": "keyword-list",
-    subheader: /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    subheader: /*#__PURE__*/React.createElement(Typography, {
       sx: {
         fontWeight: theme.fontWeight.bold,
         textTransform: 'capitalize'
       },
       variant: "subtitle1"
     }, t('sidebar.keywords.title'))
-  }, /*#__PURE__*/_react.default.createElement(_KeywordListItems.default, {
-    keywords: packageMeta?.latest?.keywords
+  }, /*#__PURE__*/React.createElement(KeywordListItems, {
+    keywords: packageMeta === null || packageMeta === void 0 || (_packageMeta$latest2 = packageMeta.latest) === null || _packageMeta$latest2 === void 0 ? void 0 : _packageMeta$latest2.keywords
   }));
 };
-var _default = exports.default = Keywords;
+export default Keywords;
 //# sourceMappingURL=Keywords.js.map

package/build/components/Keywords/index.js

@@ -1,14 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Keywords.default;
-  }
-});
-var _Keywords = _interopRequireDefault(require("./Keywords"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+export { default } from './Keywords';
 //# sourceMappingURL=index.js.map

package/build/components/Label/Label.js

@@ -1,14 +1,12 @@
-"use strict";
+import _styled from "@emotion/styled/base";
+var _excluded = ["text", "capitalize", "weight"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+/* eslint-disable verdaccio/jsx-spread */
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /* eslint-disable verdaccio/jsx-spread */
-const Wrapper = /*#__PURE__*/(0, _base.default)('div', process.env.NODE_ENV === "production" ? {
+import React from 'react';
+var Wrapper = /*#__PURE__*/_styled('div', process.env.NODE_ENV === "production" ? {
   target: "erabg9d0"
 } : {
   target: "erabg9d0",
@@ -17,16 +15,17 @@ const Wrapper = /*#__PURE__*/(0, _base.default)('div', process.env.NODE_ENV ===
   fontWeight: props.theme.fontWeight[props.weight],
   textTransform: props.capitalize ? 'capitalize' : 'none'
 }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xhYmVsL0xhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQmdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xhYmVsL0xhYmVsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHZlcmRhY2Npby9qc3gtc3ByZWFkICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBGb250V2VpZ2h0LCBUaGVtZSB9IGZyb20gJy4uLy4uLyc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHRleHQ6IHN0cmluZztcbiAgY2FwaXRhbGl6ZT86IGJvb2xlYW47XG4gIHdlaWdodD86IEZvbnRXZWlnaHQ7XG59XG5cbmludGVyZmFjZSBXcmFwcGVyUHJvcHMge1xuICBjYXBpdGFsaXplOiBib29sZWFuO1xuICB3ZWlnaHQ6IEZvbnRXZWlnaHQ7XG59XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQoJ2RpdicpPFdyYXBwZXJQcm9wcyAmIHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIGZvbnRXZWlnaHQ6IHByb3BzLnRoZW1lLmZvbnRXZWlnaHRbcHJvcHMud2VpZ2h0XSxcbiAgdGV4dFRyYW5zZm9ybTogcHJvcHMuY2FwaXRhbGl6ZSA/ICdjYXBpdGFsaXplJyA6ICdub25lJyxcbn0pKTtcblxuY29uc3QgTGFiZWw6IFJlYWN0LkZDPFByb3BzPiA9ICh7XG4gIHRleHQgPSAnJyxcbiAgY2FwaXRhbGl6ZSA9IGZhbHNlLFxuICB3ZWlnaHQgPSAncmVndWxhcicsXG4gIC4uLnByb3BzXG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFdyYXBwZXIgY2FwaXRhbGl6ZT17Y2FwaXRhbGl6ZX0gd2VpZ2h0PXt3ZWlnaHR9IHsuLi5wcm9wc30+XG4gICAgICB7dGV4dH1cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBMYWJlbDtcbiJdfQ== */");
-const Label = ({
-  text = '',
-  capitalize = false,
-  weight = 'regular',
-  ...props
-}) => {
-  return /*#__PURE__*/_react.default.createElement(Wrapper, _extends({
+var Label = _ref => {
+  var {
+      text = '',
+      capitalize = false,
+      weight = 'regular'
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Wrapper, _extends({
     capitalize: capitalize,
     weight: weight
   }, props), text);
 };
-var _default = exports.default = Label;
+export default Label;
 //# sourceMappingURL=Label.js.map

package/build/components/Label/index.js

@@ -1,14 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Label.default;
-  }
-});
-var _Label = _interopRequireDefault(require("./Label"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+export { default } from './Label';
 //# sourceMappingURL=index.js.map

package/build/components/Link/Link.js

@@ -1,16 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _react = _interopRequireDefault(require("react"));
-var _reactRouterDom = require("react-router-dom");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import _styled from "@emotion/styled/base";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const CustomRouterLink = /*#__PURE__*/(0, _base.default)(_reactRouterDom.Link, process.env.NODE_ENV === "production" ? {
+import Typography from '@mui/material/Typography';
+import React from 'react';
+import { Link as RouterLink } from 'react-router-dom';
+var CustomRouterLink = /*#__PURE__*/_styled(RouterLink, process.env.NODE_ENV === "production" ? {
   target: "e2ct7p50"
 } : {
   target: "e2ct7p50",
@@ -24,21 +17,22 @@ const CustomRouterLink = /*#__PURE__*/(0, _base.default)(_reactRouterDom.Link, p
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpbmsvTGluay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzJDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpbmsvTGluay50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgVHlwb2dyYXBoeSBmcm9tICdAbXVpL21hdGVyaWFsL1R5cG9ncmFwaHknO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IExpbmsgYXMgUm91dGVyTGluayB9IGZyb20gJ3JlYWN0LXJvdXRlci1kb20nO1xuXG5jb25zdCBDdXN0b21Sb3V0ZXJMaW5rID0gc3R5bGVkKFJvdXRlckxpbmspYFxuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICB9XG5gO1xuXG5jb25zdCBMaW5rID0gUmVhY3QuZm9yd2FyZFJlZjxIVE1MQW5jaG9yRWxlbWVudCwgYW55PihmdW5jdGlvbiBMaW5rRnVuY3Rpb24oXG4gIHsgdG8sIGNoaWxkcmVuLCB2YXJpYW50LCBjbGFzc05hbWUsIG9uQ2xpY2sgfSxcbiAgcmVmXG4pIHtcbiAgcmV0dXJuIChcbiAgICA8Q3VzdG9tUm91dGVyTGluayBjbGFzc05hbWU9e2NsYXNzTmFtZX0gaW5uZXJSZWY9e3JlZn0gb25DbGljaz17b25DbGlja30gdG89e3RvfT5cbiAgICAgIDxUeXBvZ3JhcGh5IHZhcmlhbnQ9e3ZhcmlhbnR9PntjaGlsZHJlbn08L1R5cG9ncmFwaHk+XG4gICAgPC9DdXN0b21Sb3V0ZXJMaW5rPlxuICApO1xufSk7XG5cbmV4cG9ydCBkZWZhdWx0IExpbms7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const Link = /*#__PURE__*/_react.default.forwardRef(function LinkFunction({
-  to,
-  children,
-  variant,
-  className,
-  onClick
-}, ref) {
-  return /*#__PURE__*/_react.default.createElement(CustomRouterLink, {
+var Link = /*#__PURE__*/React.forwardRef(function LinkFunction(_ref, ref) {
+  var {
+    to,
+    children,
+    variant,
+    className,
+    onClick
+  } = _ref;
+  return /*#__PURE__*/React.createElement(CustomRouterLink, {
     className: className,
     innerRef: ref,
     onClick: onClick,
     to: to
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+  }, /*#__PURE__*/React.createElement(Typography, {
     variant: variant
   }, children));
 });
-var _default = exports.default = Link;
+export default Link;
 //# sourceMappingURL=Link.js.map

package/build/components/Link/index.js

@@ -1,14 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Link.default;
-  }
-});
-var _Link = _interopRequireDefault(require("./Link"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+export { default } from './Link';
 //# sourceMappingURL=index.js.map

package/build/components/LinkExternal/LinkExternal.js

@@ -1,32 +1,28 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Link = _interopRequireDefault(require("@mui/material/Link"));
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _excluded = ["to", "children", "variant"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const LinkExternal = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const {
-    to,
-    children,
-    variant,
-    ...rest
-  } = props;
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+import Link from '@mui/material/Link';
+import React from 'react';
+var LinkExternal = /*#__PURE__*/React.forwardRef((props, ref) => {
+  var {
+      to,
+      children,
+      variant
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   return (
     /*#__PURE__*/
     // eslint-disable-next-line verdaccio/jsx-spread
-    _react.default.createElement(_Link.default, _extends({
+    React.createElement(Link, _extends({
       href: to,
       ref: ref,
       rel: "noopener noreferrer",
       target: "_blank",
       underline: "hover",
-      variant: variant ?? 'caption'
+      variant: variant !== null && variant !== void 0 ? variant : 'caption'
     }, rest), children)
   );
 });
-var _default = exports.default = LinkExternal;
+export default LinkExternal;
 //# sourceMappingURL=LinkExternal.js.map

package/build/components/LinkExternal/index.js

@@ -1,14 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _LinkExternal.default;
-  }
-});
-var _LinkExternal = _interopRequireDefault(require("./LinkExternal"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+export { default } from './LinkExternal';
 //# sourceMappingURL=index.js.map

package/build/components/Loading/Loading.js

@@ -1,20 +1,13 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = require("../../");
-var _Spinner = _interopRequireDefault(require("./Spinner"));
-var _styles = require("./styles");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Loading = () => /*#__PURE__*/_react.default.createElement(_styles.Wrapper, {
+import React from 'react';
+import { Logo } from '../../';
+import Spinner from './Spinner';
+import { Badge, Wrapper } from './styles';
+var Loading = () => /*#__PURE__*/React.createElement(Wrapper, {
   "data-testid": "loading"
-}, /*#__PURE__*/_react.default.createElement(_styles.Badge, null, /*#__PURE__*/_react.default.createElement(_.Logo, {
+}, /*#__PURE__*/React.createElement(Badge, null, /*#__PURE__*/React.createElement(Logo, {
   size: "big"
-})), /*#__PURE__*/_react.default.createElement(_Spinner.default, {
+})), /*#__PURE__*/React.createElement(Spinner, {
   "data-testid": "spinnerLogo"
 }));
-var _default = exports.default = Loading;
+export default Loading;
 //# sourceMappingURL=Loading.js.map