@verdaccio/ui-components 3.0.0-next.1 → 3.0.0-next.2

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @verdaccio/ui-components
 
+## 3.0.0-next.2
+
+### Major Changes
+
+- e7ebccb61: update major dependencies, remove old nodejs support
+
+### Minor Changes
+
+- 580319a53: feat: ui improvements
+
+  Some UI improvements
+
+  - download progress indicator: https://github.com/verdaccio/verdaccio/discussions/4068
+  - fix dark mode and readme css support https://github.com/verdaccio/verdaccio/discussions/3942 https://github.com/verdaccio/verdaccio/discussions/3467
+  - fix global for yarn packages and add version to the packages on copy
+  - feat: hide deprecated versions option
+  - fix: improve deprecated package style
+  - feat: display deprecated versions
+
+### Patch Changes
+
+- 02ba426ce: fix: display labels for engine versions
+
 ## 3.0.0-next.1
 
 ### Patch Changes

package/build/components/ActionBar/ActionBar.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
 var _react = _interopRequireWildcard(require("react"));
 var _utils = require("../../utils");
 var _RawViewer = _interopRequireDefault(require("../RawViewer"));
@@ -12,7 +13,7 @@ var _ActionBarAction = _interopRequireDefault(require("./ActionBarAction"));
 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 _interopRequireWildcard(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; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /* eslint-disable verdaccio/jsx-spread */
 const ActionBar = ({
   showRaw,
   showDownloadTarball = true,
@@ -56,6 +57,9 @@ const ActionBar = ({
     alignItems: "center",
     display: "flex",
     marginBottom: "14px"
+  }, /*#__PURE__*/_react.default.createElement(_Stack.default, {
+    direction: "row",
+    spacing: 1
   }, actions.map(action => /*#__PURE__*/_react.default.createElement(_ActionBarAction.default, _extends({
     key: action.type
   }, action))), isRawViewerOpen && /*#__PURE__*/_react.default.createElement(_RawViewer.default, {
@@ -64,7 +68,7 @@ const ActionBar = ({
       setIsRawViewerOpen(false);
     },
     packageMeta: packageMeta
-  }));
+  })));
 };
 var _default = ActionBar;
 exports.default = _default;

package/build/components/ActionBar/ActionBarAction.js

@@ -9,6 +9,7 @@ var _BugReport = _interopRequireDefault(require("@mui/icons-material/BugReport")
 var _CloudDownload = _interopRequireDefault(require("@mui/icons-material/CloudDownload"));
 var _Home = _interopRequireDefault(require("@mui/icons-material/Home"));
 var _RawOn = _interopRequireDefault(require("@mui/icons-material/RawOn"));
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
 var _Fab = _interopRequireDefault(require("@mui/material/Fab"));
 var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
 var _react = _interopRequireWildcard(require("react"));
@@ -27,13 +28,8 @@ const Fab = /*#__PURE__*/(0, _base.default)(_Fab.default, process.env.NODE_ENV =
   theme
 }) => ({
   backgroundColor: (theme === null || theme === void 0 ? void 0 : theme.palette.mode) === 'light' ? theme === null || theme === void 0 ? void 0 : theme.palette.primary.main : theme === null || theme === void 0 ? void 0 : theme.palette.cyanBlue,
-  color: theme === null || theme === void 0 ? void 0 : theme.palette.white,
-  marginRight: 10,
-  ':hover': {
-    color: (theme === null || theme === void 0 ? void 0 : theme.palette.mode) === 'light' ? theme === null || theme === void 0 ? void 0 : theme.palette.primary.main : theme === null || theme === void 0 ? void 0 : theme.palette.cyanBlue,
-    background: theme === null || theme === void 0 ? void 0 : theme.palette.white
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FjdGlvbkJhci9BY3Rpb25CYXJBY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVtQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BY3Rpb25CYXIvQWN0aW9uQmFyQWN0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBCdWdSZXBvcnRJY29uIGZyb20gJ0BtdWkvaWNvbnMtbWF0ZXJpYWwvQnVnUmVwb3J0JztcbmltcG9ydCBEb3dubG9hZEljb24gZnJvbSAnQG11aS9pY29ucy1tYXRlcmlhbC9DbG91ZERvd25sb2FkJztcbmltcG9ydCBIb21lSWNvbiBmcm9tICdAbXVpL2ljb25zLW1hdGVyaWFsL0hvbWUnO1xuaW1wb3J0IFJhd09uSWNvbiBmcm9tICdAbXVpL2ljb25zLW1hdGVyaWFsL1Jhd09uJztcbmltcG9ydCBGYWJNVUkgZnJvbSAnQG11aS9tYXRlcmlhbC9GYWInO1xuaW1wb3J0IFRvb2x0aXAgZnJvbSAnQG11aS9tYXRlcmlhbC9Ub29sdGlwJztcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyB1c2VEaXNwYXRjaCB9IGZyb20gJ3JlYWN0LXJlZHV4JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgeyBEaXNwYXRjaCB9IGZyb20gJy4uLy4uL3N0b3JlL3N0b3JlJztcbmltcG9ydCB7IExpbmsgfSBmcm9tICcuLi9MaW5rJztcblxuZXhwb3J0IGNvbnN0IEZhYiA9IHN0eWxlZChGYWJNVUkpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgdGhlbWU/LnBhbGV0dGUubW9kZSA9PT0gJ2xpZ2h0JyA/IHRoZW1lPy5wYWxldHRlLnByaW1hcnkubWFpbiA6IHRoZW1lPy5wYWxldHRlLmN5YW5CbHVlLFxuICBjb2xvcjogdGhlbWU/LnBhbGV0dGUud2hpdGUsXG4gIG1hcmdpblJpZ2h0OiAxMCxcbiAgJzpob3Zlcic6IHtcbiAgICBjb2xvcjogdGhlbWU/LnBhbGV0dGUubW9kZSA9PT0gJ2xpZ2h0JyA/IHRoZW1lPy5wYWxldHRlLnByaW1hcnkubWFpbiA6IHRoZW1lPy5wYWxldHRlLmN5YW5CbHVlLFxuICAgIGJhY2tncm91bmQ6IHRoZW1lPy5wYWxldHRlLndoaXRlLFxuICB9LFxufSkpO1xuXG50eXBlIEFjdGlvblR5cGUgPSAnVklTSVRfSE9NRVBBR0UnIHwgJ09QRU5fQU5fSVNTVUUnIHwgJ0RPV05MT0FEX1RBUkJBTEwnIHwgJ1JBV19EQVRBJztcblxuZXhwb3J0IGludGVyZmFjZSBBY3Rpb25CYXJBY3Rpb25Qcm9wcyB7XG4gIHR5cGU6IEFjdGlvblR5cGU7XG4gIGxpbms/OiBzdHJpbmc7XG4gIGFjdGlvbj86ICgpID0+IHZvaWQ7XG59XG5cbi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1uby1iaW5kICovXG5jb25zdCBBY3Rpb25CYXJBY3Rpb246IFJlYWN0LkZDPEFjdGlvbkJhckFjdGlvblByb3BzPiA9ICh7IHR5cGUsIGxpbmssIGFjdGlvbiB9KSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgZGlzcGF0Y2ggPSB1c2VEaXNwYXRjaDxEaXNwYXRjaD4oKTtcblxuICBjb25zdCBoYW5kbGVEb3dubG9hZCA9IHVzZUNhbGxiYWNrKGFzeW5jICgpID0+IHtcbiAgICBkaXNwYXRjaC5kb3dubG9hZC5nZXRUYXJiYWxsKHsgbGluayB9KTtcbiAgfSwgW2Rpc3BhdGNoLCBsaW5rXSk7XG5cbiAgc3dpdGNoICh0eXBlKSB7XG4gICAgY2FzZSAnVklTSVRfSE9NRVBBR0UnOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFRvb2x0aXAgdGl0bGU9e3QoJ2FjdGlvbi1iYXItYWN0aW9uLnZpc2l0LWhvbWUtcGFnZScpIGFzIHN0cmluZ30+XG4gICAgICAgICAgPExpbmsgZXh0ZXJuYWw9e3RydWV9IHRvPXtsaW5rfSB2YXJpYW50PVwiYnV0dG9uXCI+XG4gICAgICAgICAgICA8RmFiIHNpemU9XCJzbWFsbFwiPlxuICAgICAgICAgICAgICA8SG9tZUljb24gLz5cbiAgICAgICAgICAgIDwvRmFiPlxuICAgICAgICAgIDwvTGluaz5cbiAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgKTtcbiAgICBjYXNlICdPUEVOX0FOX0lTU1VFJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxUb29sdGlwIHRpdGxlPXt0KCdhY3Rpb24tYmFyLWFjdGlvbi5vcGVuLWFuLWlzc3VlJykgYXMgc3RyaW5nfT5cbiAgICAgICAgICA8TGluayBleHRlcm5hbD17dHJ1ZX0gdG89e2xpbmt9IHZhcmlhbnQ9XCJidXR0b25cIj5cbiAgICAgICAgICAgIDxGYWIgc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgICAgICAgIDxCdWdSZXBvcnRJY29uIC8+XG4gICAgICAgICAgICA8L0ZhYj5cbiAgICAgICAgICA8L0xpbms+XG4gICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICk7XG4gICAgY2FzZSAnRE9XTkxPQURfVEFSQkFMTCc6XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8VG9vbHRpcCB0aXRsZT17dCgnYWN0aW9uLWJhci1hY3Rpb24uZG93bmxvYWQtdGFyYmFsbCcpIGFzIHN0cmluZ30+XG4gICAgICAgICAgPEZhYiBkYXRhLXRlc3RpZD1cImRvd25sb2FkLXRhcmJhbGwtYnRuXCIgb25DbGljaz17aGFuZGxlRG93bmxvYWR9IHNpemU9XCJzbWFsbFwiPlxuICAgICAgICAgICAgPERvd25sb2FkSWNvbiAvPlxuICAgICAgICAgIDwvRmFiPlxuICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICApO1xuICAgIGNhc2UgJ1JBV19EQVRBJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxUb29sdGlwIHRpdGxlPXt0KCdhY3Rpb24tYmFyLWFjdGlvbi5yYXcnKSBhcyBzdHJpbmd9PlxuICAgICAgICAgIDxGYWIgZGF0YS10ZXN0aWQ9XCJyYXctYnRuXCIgb25DbGljaz17YWN0aW9ufSBzaXplPVwic21hbGxcIj5cbiAgICAgICAgICAgIDxSYXdPbkljb24gLz5cbiAgICAgICAgICA8L0ZhYj5cbiAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgKTtcbiAgfVxufTtcblxuZXhwb3J0IGRlZmF1bHQgQWN0aW9uQmFyQWN0aW9uO1xuIl19 */");
+  color: theme === null || theme === void 0 ? void 0 : theme.palette.white
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FjdGlvbkJhci9BY3Rpb25CYXJBY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCbUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQWN0aW9uQmFyL0FjdGlvbkJhckFjdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgQnVnUmVwb3J0SWNvbiBmcm9tICdAbXVpL2ljb25zLW1hdGVyaWFsL0J1Z1JlcG9ydCc7XG5pbXBvcnQgRG93bmxvYWRJY29uIGZyb20gJ0BtdWkvaWNvbnMtbWF0ZXJpYWwvQ2xvdWREb3dubG9hZCc7XG5pbXBvcnQgSG9tZUljb24gZnJvbSAnQG11aS9pY29ucy1tYXRlcmlhbC9Ib21lJztcbmltcG9ydCBSYXdPbkljb24gZnJvbSAnQG11aS9pY29ucy1tYXRlcmlhbC9SYXdPbic7XG5pbXBvcnQgQ2lyY3VsYXJQcm9ncmVzcyBmcm9tICdAbXVpL21hdGVyaWFsL0NpcmN1bGFyUHJvZ3Jlc3MnO1xuaW1wb3J0IEZhYk1VSSBmcm9tICdAbXVpL21hdGVyaWFsL0ZhYic7XG5pbXBvcnQgVG9vbHRpcCBmcm9tICdAbXVpL21hdGVyaWFsL1Rvb2x0aXAnO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IHVzZURpc3BhdGNoLCB1c2VTZWxlY3RvciB9IGZyb20gJ3JlYWN0LXJlZHV4JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgeyBEaXNwYXRjaCwgUm9vdFN0YXRlIH0gZnJvbSAnLi4vLi4vc3RvcmUvc3RvcmUnO1xuaW1wb3J0IHsgTGluayB9IGZyb20gJy4uL0xpbmsnO1xuXG5leHBvcnQgY29uc3QgRmFiID0gc3R5bGVkKEZhYk1VSSk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGJhY2tncm91bmRDb2xvcjpcbiAgICB0aGVtZT8ucGFsZXR0ZS5tb2RlID09PSAnbGlnaHQnID8gdGhlbWU/LnBhbGV0dGUucHJpbWFyeS5tYWluIDogdGhlbWU/LnBhbGV0dGUuY3lhbkJsdWUsXG4gIGNvbG9yOiB0aGVtZT8ucGFsZXR0ZS53aGl0ZSxcbn0pKTtcblxudHlwZSBBY3Rpb25UeXBlID0gJ1ZJU0lUX0hPTUVQQUdFJyB8ICdPUEVOX0FOX0lTU1VFJyB8ICdET1dOTE9BRF9UQVJCQUxMJyB8ICdSQVdfREFUQSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQWN0aW9uQmFyQWN0aW9uUHJvcHMge1xuICB0eXBlOiBBY3Rpb25UeXBlO1xuICBsaW5rPzogc3RyaW5nO1xuICBhY3Rpb24/OiAoKSA9PiB2b2lkO1xufVxuXG4vKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtbm8tYmluZCAqL1xuY29uc3QgQWN0aW9uQmFyQWN0aW9uOiBSZWFjdC5GQzxBY3Rpb25CYXJBY3Rpb25Qcm9wcz4gPSAoeyB0eXBlLCBsaW5rLCBhY3Rpb24gfSkgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGRpc3BhdGNoID0gdXNlRGlzcGF0Y2g8RGlzcGF0Y2g+KCk7XG4gIGNvbnN0IGlzTG9hZGluZyA9IHVzZVNlbGVjdG9yKChzdGF0ZTogUm9vdFN0YXRlKSA9PiBzdGF0ZT8ubG9hZGluZz8ubW9kZWxzLmRvd25sb2FkKTtcblxuICBjb25zdCBoYW5kbGVEb3dubG9hZCA9IHVzZUNhbGxiYWNrKGFzeW5jICgpID0+IHtcbiAgICBkaXNwYXRjaC5kb3dubG9hZC5nZXRUYXJiYWxsKHsgbGluayB9KTtcbiAgfSwgW2Rpc3BhdGNoLCBsaW5rXSk7XG5cbiAgc3dpdGNoICh0eXBlKSB7XG4gICAgY2FzZSAnVklTSVRfSE9NRVBBR0UnOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFRvb2x0aXAgdGl0bGU9e3QoJ2FjdGlvbi1iYXItYWN0aW9uLnZpc2l0LWhvbWUtcGFnZScpIGFzIHN0cmluZ30+XG4gICAgICAgICAgPExpbmsgZXh0ZXJuYWw9e3RydWV9IHRvPXtsaW5rfSB2YXJpYW50PVwiYnV0dG9uXCI+XG4gICAgICAgICAgICA8RmFiIHNpemU9XCJzbWFsbFwiPlxuICAgICAgICAgICAgICA8SG9tZUljb24gLz5cbiAgICAgICAgICAgIDwvRmFiPlxuICAgICAgICAgIDwvTGluaz5cbiAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgKTtcbiAgICBjYXNlICdPUEVOX0FOX0lTU1VFJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxUb29sdGlwIHRpdGxlPXt0KCdhY3Rpb24tYmFyLWFjdGlvbi5vcGVuLWFuLWlzc3VlJykgYXMgc3RyaW5nfT5cbiAgICAgICAgICA8TGluayBleHRlcm5hbD17dHJ1ZX0gdG89e2xpbmt9IHZhcmlhbnQ9XCJidXR0b25cIj5cbiAgICAgICAgICAgIDxGYWIgc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgICAgICAgIDxCdWdSZXBvcnRJY29uIC8+XG4gICAgICAgICAgICA8L0ZhYj5cbiAgICAgICAgICA8L0xpbms+XG4gICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICk7XG4gICAgY2FzZSAnRE9XTkxPQURfVEFSQkFMTCc6XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8VG9vbHRpcCB0aXRsZT17dCgnYWN0aW9uLWJhci1hY3Rpb24uZG93bmxvYWQtdGFyYmFsbCcpIGFzIHN0cmluZ30+XG4gICAgICAgICAge2lzTG9hZGluZyA/IChcbiAgICAgICAgICAgIDxDaXJjdWxhclByb2dyZXNzIHN4PXt7IG1hcmdpblg6IDAgfX0+XG4gICAgICAgICAgICAgIDxGYWIgZGF0YS10ZXN0aWQ9XCJkb3dubG9hZC10YXJiYWxsLWJ0blwiIG9uQ2xpY2s9e2hhbmRsZURvd25sb2FkfSBzaXplPVwic21hbGxcIj5cbiAgICAgICAgICAgICAgICA8RG93bmxvYWRJY29uIC8+XG4gICAgICAgICAgICAgIDwvRmFiPlxuICAgICAgICAgICAgPC9DaXJjdWxhclByb2dyZXNzPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8RmFiIGRhdGEtdGVzdGlkPVwiZG93bmxvYWQtdGFyYmFsbC1idG5cIiBvbkNsaWNrPXtoYW5kbGVEb3dubG9hZH0gc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgICAgICAgIDxEb3dubG9hZEljb24gLz5cbiAgICAgICAgICAgIDwvRmFiPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICk7XG4gICAgY2FzZSAnUkFXX0RBVEEnOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFRvb2x0aXAgdGl0bGU9e3QoJ2FjdGlvbi1iYXItYWN0aW9uLnJhdycpIGFzIHN0cmluZ30+XG4gICAgICAgICAgPEZhYiBkYXRhLXRlc3RpZD1cInJhdy1idG5cIiBvbkNsaWNrPXthY3Rpb259IHNpemU9XCJzbWFsbFwiPlxuICAgICAgICAgICAgPFJhd09uSWNvbiAvPlxuICAgICAgICAgIDwvRmFiPlxuICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICApO1xuICB9XG59O1xuXG5leHBvcnQgZGVmYXVsdCBBY3Rpb25CYXJBY3Rpb247XG4iXX0= */");
 exports.Fab = Fab;
 /* eslint-disable react/jsx-no-bind */
 const ActionBarAction = ({
@@ -45,6 +41,10 @@ const ActionBarAction = ({
     t
   } = (0, _reactI18next.useTranslation)();
   const dispatch = (0, _reactRedux.useDispatch)();
+  const isLoading = (0, _reactRedux.useSelector)(state => {
+    var _state$loading;
+    return state === null || state === void 0 ? void 0 : (_state$loading = state.loading) === null || _state$loading === void 0 ? void 0 : _state$loading.models.download;
+  });
   const handleDownload = (0, _react.useCallback)(async () => {
     dispatch.download.getTarball({
       link
@@ -74,10 +74,18 @@ const ActionBarAction = ({
     case 'DOWNLOAD_TARBALL':
       return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
         title: t('action-bar-action.download-tarball')
+      }, isLoading ? /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
+        sx: {
+          marginX: 0
+        }
       }, /*#__PURE__*/_react.default.createElement(Fab, {
         "data-testid": "download-tarball-btn",
         onClick: handleDownload,
         size: "small"
+      }, /*#__PURE__*/_react.default.createElement(_CloudDownload.default, null))) : /*#__PURE__*/_react.default.createElement(Fab, {
+        "data-testid": "download-tarball-btn",
+        onClick: handleDownload,
+        size: "small"
       }, /*#__PURE__*/_react.default.createElement(_CloudDownload.default, null)));
     case 'RAW_DATA':
       return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {

package/build/components/Author/Author.js

@@ -5,13 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getAuthorName = getAuthorName;
+var _material = require("@mui/material");
 var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
 var _List = _interopRequireDefault(require("@mui/material/List"));
+var _styles = require("@mui/styles");
 var _i18next = _interopRequireDefault(require("i18next"));
 var _react = _interopRequireDefault(require("react"));
 var _reactI18next = require("react-i18next");
 var _utils = require("../../utils");
-var _styles = require("./styles");
+var _styles2 = require("./styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function getAuthorName(authorName) {
   if (!authorName) {
@@ -33,6 +35,7 @@ const Author = ({
   const {
     t
   } = (0, _reactI18next.useTranslation)();
+  const theme = (0, _styles.useTheme)();
   if (!packageMeta) {
     return null;
   }
@@ -50,18 +53,23 @@ const Author = ({
   } = author;
   const avatarComponent = /*#__PURE__*/_react.default.createElement(_Avatar.default, {
     alt: author.name,
-    src: author.avatar
+    src: author.avatar,
+    sx: {
+      width: 40,
+      height: 40,
+      marginRight: theme.spacing(1)
+    }
   });
   return /*#__PURE__*/_react.default.createElement(_List.default, {
-    subheader: /*#__PURE__*/_react.default.createElement(_styles.StyledText, {
+    subheader: /*#__PURE__*/_react.default.createElement(_styles2.StyledText, {
       variant: 'subtitle1'
     }, t('sidebar.author.title'))
-  }, /*#__PURE__*/_react.default.createElement(_styles.AuthorListItem, null, !email || !_utils.url.isEmail(email) ? avatarComponent : /*#__PURE__*/_react.default.createElement("a", {
+  }, /*#__PURE__*/_react.default.createElement(_styles2.AuthorListItem, null, !email || !_utils.url.isEmail(email) ? avatarComponent : /*#__PURE__*/_react.default.createElement("a", {
     href: `mailto:${email}?subject=${packageName}@${version}`,
     target: '_top'
-  }, avatarComponent), name && /*#__PURE__*/_react.default.createElement(_styles.AuthorListItemText, {
-    primary: getAuthorName(name)
-  })));
+  }, avatarComponent), name && /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    variant: "subtitle2"
+  }, getAuthorName(name))));
 };
 var _default = Author;
 exports.default = _default;

package/build/components/Author/styles.js

@@ -3,29 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledText = exports.AuthorListItemText = exports.AuthorListItem = void 0;
+exports.StyledText = exports.AuthorListItem = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _material = require("@mui/material");
 var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
-var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 StyledText = /*#__PURE__*/(0, _base.default)(_material.Typography, process.env.NODE_ENV === "production" ? {
-  target: "e4ifo372"
+  target: "e4ifo371"
 } : {
-  target: "e4ifo372",
+  target: "e4ifo371",
   label: "StyledText"
 })(props => {
   var _props$theme;
   return {
     fontWeight: (_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.fontWeight.bold
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F1dGhvci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzBCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F1dGhvci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSAnQG11aS9tYXRlcmlhbCc7XG5pbXBvcnQgTGlzdEl0ZW0gZnJvbSAnQG11aS9tYXRlcmlhbC9MaXN0SXRlbSc7XG5pbXBvcnQgTGlzdEl0ZW1UZXh0IGZyb20gJ0BtdWkvbWF0ZXJpYWwvTGlzdEl0ZW1UZXh0JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFR5cG9ncmFwaHkpPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIGZvbnRXZWlnaHQ6IHByb3BzLnRoZW1lPy5mb250V2VpZ2h0LmJvbGQsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBBdXRob3JMaXN0SXRlbSA9IHN0eWxlZChMaXN0SXRlbSkoe1xuICBwYWRkaW5nOiAwLFxuICAnOmhvdmVyJzoge1xuICAgIGJhY2tncm91bmRDb2xvcjogJ3RyYW5zcGFyZW50JyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgQXV0aG9yTGlzdEl0ZW1UZXh0ID0gc3R5bGVkKExpc3RJdGVtVGV4dCkoe1xuICBwYWRkaW5nOiAnMCAxMHB4JyxcbiAgbWFyZ2luOiAwLFxufSk7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F1dGhvci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTTBCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F1dGhvci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSAnQG11aS9tYXRlcmlhbCc7XG5pbXBvcnQgTGlzdEl0ZW0gZnJvbSAnQG11aS9tYXRlcmlhbC9MaXN0SXRlbSc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vVGhlbWUnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUeXBvZ3JhcGh5KTx7IHRoZW1lPzogVGhlbWUgfT4oKHByb3BzKSA9PiAoe1xuICBmb250V2VpZ2h0OiBwcm9wcy50aGVtZT8uZm9udFdlaWdodC5ib2xkLFxufSkpO1xuXG5leHBvcnQgY29uc3QgQXV0aG9yTGlzdEl0ZW0gPSBzdHlsZWQoTGlzdEl0ZW0pKHtcbiAgcGFkZGluZzogMCxcbiAgJzpob3Zlcic6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6ICd0cmFuc3BhcmVudCcsXG4gIH0sXG59KTtcbiJdfQ== */");
 exports.StyledText = StyledText;
 const AuthorListItem = /*#__PURE__*/(0, _base.default)(_ListItem.default, process.env.NODE_ENV === "production" ? {
-  target: "e4ifo371"
+  target: "e4ifo370"
 } : {
-  target: "e4ifo371",
+  target: "e4ifo370",
   label: "AuthorListItem"
 })(process.env.NODE_ENV === "production" ? {
   name: "zw46c6",
@@ -33,23 +32,8 @@ const AuthorListItem = /*#__PURE__*/(0, _base.default)(_ListItem.default, proces
 } : {
   name: "zw46c6",
   styles: "padding:0;:hover{background-color:transparent;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F1dGhvci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVzhCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F1dGhvci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSAnQG11aS9tYXRlcmlhbCc7XG5pbXBvcnQgTGlzdEl0ZW0gZnJvbSAnQG11aS9tYXRlcmlhbC9MaXN0SXRlbSc7XG5pbXBvcnQgTGlzdEl0ZW1UZXh0IGZyb20gJ0BtdWkvbWF0ZXJpYWwvTGlzdEl0ZW1UZXh0JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFR5cG9ncmFwaHkpPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIGZvbnRXZWlnaHQ6IHByb3BzLnRoZW1lPy5mb250V2VpZ2h0LmJvbGQsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBBdXRob3JMaXN0SXRlbSA9IHN0eWxlZChMaXN0SXRlbSkoe1xuICBwYWRkaW5nOiAwLFxuICAnOmhvdmVyJzoge1xuICAgIGJhY2tncm91bmRDb2xvcjogJ3RyYW5zcGFyZW50JyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgQXV0aG9yTGlzdEl0ZW1UZXh0ID0gc3R5bGVkKExpc3RJdGVtVGV4dCkoe1xuICBwYWRkaW5nOiAnMCAxMHB4JyxcbiAgbWFyZ2luOiAwLFxufSk7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F1dGhvci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVThCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F1dGhvci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSAnQG11aS9tYXRlcmlhbCc7XG5pbXBvcnQgTGlzdEl0ZW0gZnJvbSAnQG11aS9tYXRlcmlhbC9MaXN0SXRlbSc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vVGhlbWUnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUeXBvZ3JhcGh5KTx7IHRoZW1lPzogVGhlbWUgfT4oKHByb3BzKSA9PiAoe1xuICBmb250V2VpZ2h0OiBwcm9wcy50aGVtZT8uZm9udFdlaWdodC5ib2xkLFxufSkpO1xuXG5leHBvcnQgY29uc3QgQXV0aG9yTGlzdEl0ZW0gPSBzdHlsZWQoTGlzdEl0ZW0pKHtcbiAgcGFkZGluZzogMCxcbiAgJzpob3Zlcic6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6ICd0cmFuc3BhcmVudCcsXG4gIH0sXG59KTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 exports.AuthorListItem = AuthorListItem;
-const AuthorListItemText = /*#__PURE__*/(0, _base.default)(_ListItemText.default, process.env.NODE_ENV === "production" ? {
-  target: "e4ifo370"
-} : {
-  target: "e4ifo370",
-  label: "AuthorListItemText"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1o2edpc",
-  styles: "padding:0 10px;margin:0"
-} : {
-  name: "1o2edpc",
-  styles: "padding:0 10px;margin:0",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F1dGhvci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JrQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BdXRob3Ivc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnO1xuaW1wb3J0IExpc3RJdGVtIGZyb20gJ0BtdWkvbWF0ZXJpYWwvTGlzdEl0ZW0nO1xuaW1wb3J0IExpc3RJdGVtVGV4dCBmcm9tICdAbXVpL21hdGVyaWFsL0xpc3RJdGVtVGV4dCc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vVGhlbWUnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUeXBvZ3JhcGh5KTx7IHRoZW1lPzogVGhlbWUgfT4oKHByb3BzKSA9PiAoe1xuICBmb250V2VpZ2h0OiBwcm9wcy50aGVtZT8uZm9udFdlaWdodC5ib2xkLFxufSkpO1xuXG5leHBvcnQgY29uc3QgQXV0aG9yTGlzdEl0ZW0gPSBzdHlsZWQoTGlzdEl0ZW0pKHtcbiAgcGFkZGluZzogMCxcbiAgJzpob3Zlcic6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6ICd0cmFuc3BhcmVudCcsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IEF1dGhvckxpc3RJdGVtVGV4dCA9IHN0eWxlZChMaXN0SXRlbVRleHQpKHtcbiAgcGFkZGluZzogJzAgMTBweCcsXG4gIG1hcmdpbjogMCxcbn0pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-exports.AuthorListItemText = AuthorListItemText;
 //# sourceMappingURL=styles.js.map

package/build/components/CopyClipboard/CopyToClipBoard.js

@@ -23,7 +23,7 @@ const Wrapper = /*#__PURE__*/(0, _base.default)('div', process.env.NODE_ENV ===
 } : {
   name: "bcffy2",
   styles: "display:flex;align-items:center;justify-content:space-between",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvcHlDbGlwYm9hcmQvQ29weVRvQ2xpcEJvYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQ29weUNsaXBib2FyZC9Db3B5VG9DbGlwQm9hcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IEZpbGVDb3B5IGZyb20gJ0BtdWkvaWNvbnMtbWF0ZXJpYWwvRmlsZUNvcHknO1xuaW1wb3J0IEljb25CdXR0b24gZnJvbSAnQG11aS9tYXRlcmlhbC9JY29uQnV0dG9uJztcbmltcG9ydCBUb29sdGlwIGZyb20gJ0BtdWkvbWF0ZXJpYWwvVG9vbHRpcCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBjb3B5VG9DbGlwQm9hcmRVdGlsaXR5IH0gZnJvbSAnLi91dGlscyc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHRleHQ6IHN0cmluZztcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGRhdGFUZXN0SWQ6IHN0cmluZztcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQoJ2RpdicpKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAganVzdGlmeUNvbnRlbnQ6ICdzcGFjZS1iZXR3ZWVuJyxcbn0pO1xuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkKCdzcGFuJykoe1xuICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICB0ZXh0T3ZlcmZsb3c6ICdlbGxpcHNpcycsXG4gIGhlaWdodDogJ2F1dG8nLFxuICB3aGl0ZVNwYWNlOiAnYnJlYWstc3BhY2VzJyxcbiAgZm9udFNpemU6ICcxcmVtJyxcbn0pO1xuXG5mdW5jdGlvbiBDb3B5VG9DbGlwQm9hcmQoeyB0ZXh0LCBjaGlsZHJlbiwgZGF0YVRlc3RJZCwgdGl0bGUsIC4uLnByb3BzIH06IFByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPFdyYXBwZXIgey4uLnByb3BzfT5cbiAgICAgIDxDb250ZW50PntjaGlsZHJlbiA/PyB0ZXh0fTwvQ29udGVudD5cbiAgICAgIHt0aXRsZSA/IChcbiAgICAgICAgPFRvb2x0aXAgZGlzYWJsZUZvY3VzTGlzdGVuZXI9e3RydWV9IHRpdGxlPXt0aXRsZX0+XG4gICAgICAgICAgPEljb25CdXR0b24gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9IG9uQ2xpY2s9e2NvcHlUb0NsaXBCb2FyZFV0aWxpdHkodGV4dCl9IHNpemU9XCJzbWFsbFwiPlxuICAgICAgICAgICAgPEZpbGVDb3B5IGZvbnRTaXplPVwic21hbGxcIiAvPlxuICAgICAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgKSA6IChcbiAgICAgICAgPEljb25CdXR0b24gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9IG9uQ2xpY2s9e2NvcHlUb0NsaXBCb2FyZFV0aWxpdHkodGV4dCl9IHNpemU9XCJzbWFsbFwiPlxuICAgICAgICAgIDxGaWxlQ29weSBmb250U2l6ZT1cInNtYWxsXCIgLz5cbiAgICAgICAgPC9JY29uQnV0dG9uPlxuICAgICAgKX1cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IENvcHlUb0NsaXBCb2FyZDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvcHlDbGlwYm9hcmQvQ29weVRvQ2xpcEJvYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQmdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvcHlDbGlwYm9hcmQvQ29weVRvQ2xpcEJvYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBGaWxlQ29weSBmcm9tICdAbXVpL2ljb25zLW1hdGVyaWFsL0ZpbGVDb3B5JztcbmltcG9ydCBJY29uQnV0dG9uIGZyb20gJ0BtdWkvbWF0ZXJpYWwvSWNvbkJ1dHRvbic7XG5pbXBvcnQgVG9vbHRpcCBmcm9tICdAbXVpL21hdGVyaWFsL1Rvb2x0aXAnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgeyBjb3B5VG9DbGlwQm9hcmRVdGlsaXR5IH0gZnJvbSAnLi91dGlscyc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHRleHQ6IHN0cmluZztcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGRhdGFUZXN0SWQ6IHN0cmluZztcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQoJ2RpdicpKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAganVzdGlmeUNvbnRlbnQ6ICdzcGFjZS1iZXR3ZWVuJyxcbn0pO1xuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkKCdzcGFuJyk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gIHRleHRPdmVyZmxvdzogJ2VsbGlwc2lzJyxcbiAgaGVpZ2h0OiAnYXV0bycsXG4gIHdoaXRlU3BhY2U6ICdicmVhay1zcGFjZXMnLFxuICBmb250U2l6ZTogdGhlbWU/LmZvbnRTaXplLnNtLFxufSkpO1xuXG5mdW5jdGlvbiBDb3B5VG9DbGlwQm9hcmQoeyB0ZXh0LCBjaGlsZHJlbiwgZGF0YVRlc3RJZCwgdGl0bGUsIC4uLnByb3BzIH06IFByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPFdyYXBwZXIgey4uLnByb3BzfT5cbiAgICAgIDxDb250ZW50PntjaGlsZHJlbiA/PyB0ZXh0fTwvQ29udGVudD5cbiAgICAgIHt0aXRsZSA/IChcbiAgICAgICAgPFRvb2x0aXAgZGlzYWJsZUZvY3VzTGlzdGVuZXI9e3RydWV9IHRpdGxlPXt0aXRsZX0+XG4gICAgICAgICAgPEljb25CdXR0b24gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9IG9uQ2xpY2s9e2NvcHlUb0NsaXBCb2FyZFV0aWxpdHkodGV4dCl9IHNpemU9XCJzbWFsbFwiPlxuICAgICAgICAgICAgPEZpbGVDb3B5IGZvbnRTaXplPVwic21hbGxcIiAvPlxuICAgICAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgKSA6IChcbiAgICAgICAgPEljb25CdXR0b24gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9IG9uQ2xpY2s9e2NvcHlUb0NsaXBCb2FyZFV0aWxpdHkodGV4dCl9IHNpemU9XCJzbWFsbFwiPlxuICAgICAgICAgIDxGaWxlQ29weSBmb250U2l6ZT1cInNtYWxsXCIgLz5cbiAgICAgICAgPC9JY29uQnV0dG9uPlxuICAgICAgKX1cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IENvcHlUb0NsaXBCb2FyZDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const Content = /*#__PURE__*/(0, _base.default)('span', process.env.NODE_ENV === "production" ? {
@@ -31,15 +31,16 @@ const Content = /*#__PURE__*/(0, _base.default)('span', process.env.NODE_ENV ===
 } : {
   target: "em5nldk0",
   label: "Content"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1pk9scp",
-  styles: "display:inline-block;overflow:hidden;text-overflow:ellipsis;height:auto;white-space:break-spaces;font-size:1rem"
-} : {
-  name: "1pk9scp",
-  styles: "display:inline-block;overflow:hidden;text-overflow:ellipsis;height:auto;white-space:break-spaces;font-size:1rem",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvcHlDbGlwYm9hcmQvQ29weVRvQ2xpcEJvYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQmdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvcHlDbGlwYm9hcmQvQ29weVRvQ2xpcEJvYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBGaWxlQ29weSBmcm9tICdAbXVpL2ljb25zLW1hdGVyaWFsL0ZpbGVDb3B5JztcbmltcG9ydCBJY29uQnV0dG9uIGZyb20gJ0BtdWkvbWF0ZXJpYWwvSWNvbkJ1dHRvbic7XG5pbXBvcnQgVG9vbHRpcCBmcm9tICdAbXVpL21hdGVyaWFsL1Rvb2x0aXAnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgY29weVRvQ2xpcEJvYXJkVXRpbGl0eSB9IGZyb20gJy4vdXRpbHMnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0ZXh0OiBzdHJpbmc7XG4gIHRpdGxlPzogc3RyaW5nO1xuICBkYXRhVGVzdElkOiBzdHJpbmc7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkKCdkaXYnKSh7XG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXG59KTtcblxuY29uc3QgQ29udGVudCA9IHN0eWxlZCgnc3BhbicpKHtcbiAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgdGV4dE92ZXJmbG93OiAnZWxsaXBzaXMnLFxuICBoZWlnaHQ6ICdhdXRvJyxcbiAgd2hpdGVTcGFjZTogJ2JyZWFrLXNwYWNlcycsXG4gIGZvbnRTaXplOiAnMXJlbScsXG59KTtcblxuZnVuY3Rpb24gQ29weVRvQ2xpcEJvYXJkKHsgdGV4dCwgY2hpbGRyZW4sIGRhdGFUZXN0SWQsIHRpdGxlLCAuLi5wcm9wcyB9OiBQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIHsuLi5wcm9wc30+XG4gICAgICA8Q29udGVudD57Y2hpbGRyZW4gPz8gdGV4dH08L0NvbnRlbnQ+XG4gICAgICB7dGl0bGUgPyAoXG4gICAgICAgIDxUb29sdGlwIGRpc2FibGVGb2N1c0xpc3RlbmVyPXt0cnVlfSB0aXRsZT17dGl0bGV9PlxuICAgICAgICAgIDxJY29uQnV0dG9uIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfSBvbkNsaWNrPXtjb3B5VG9DbGlwQm9hcmRVdGlsaXR5KHRleHQpfSBzaXplPVwic21hbGxcIj5cbiAgICAgICAgICAgIDxGaWxlQ29weSBmb250U2l6ZT1cInNtYWxsXCIgLz5cbiAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICkgOiAoXG4gICAgICAgIDxJY29uQnV0dG9uIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfSBvbkNsaWNrPXtjb3B5VG9DbGlwQm9hcmRVdGlsaXR5KHRleHQpfSBzaXplPVwic21hbGxcIj5cbiAgICAgICAgICA8RmlsZUNvcHkgZm9udFNpemU9XCJzbWFsbFwiIC8+XG4gICAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgICl9XG4gICAgPC9XcmFwcGVyPlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBDb3B5VG9DbGlwQm9hcmQ7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+})(({
+  theme
+}) => ({
+  display: 'inline-block',
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  height: 'auto',
+  whiteSpace: 'break-spaces',
+  fontSize: theme === null || theme === void 0 ? void 0 : theme.fontSize.sm
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvcHlDbGlwYm9hcmQvQ29weVRvQ2xpcEJvYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQmdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvcHlDbGlwYm9hcmQvQ29weVRvQ2xpcEJvYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBGaWxlQ29weSBmcm9tICdAbXVpL2ljb25zLW1hdGVyaWFsL0ZpbGVDb3B5JztcbmltcG9ydCBJY29uQnV0dG9uIGZyb20gJ0BtdWkvbWF0ZXJpYWwvSWNvbkJ1dHRvbic7XG5pbXBvcnQgVG9vbHRpcCBmcm9tICdAbXVpL21hdGVyaWFsL1Rvb2x0aXAnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgeyBjb3B5VG9DbGlwQm9hcmRVdGlsaXR5IH0gZnJvbSAnLi91dGlscyc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHRleHQ6IHN0cmluZztcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGRhdGFUZXN0SWQ6IHN0cmluZztcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQoJ2RpdicpKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAganVzdGlmeUNvbnRlbnQ6ICdzcGFjZS1iZXR3ZWVuJyxcbn0pO1xuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkKCdzcGFuJyk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gIHRleHRPdmVyZmxvdzogJ2VsbGlwc2lzJyxcbiAgaGVpZ2h0OiAnYXV0bycsXG4gIHdoaXRlU3BhY2U6ICdicmVhay1zcGFjZXMnLFxuICBmb250U2l6ZTogdGhlbWU/LmZvbnRTaXplLnNtLFxufSkpO1xuXG5mdW5jdGlvbiBDb3B5VG9DbGlwQm9hcmQoeyB0ZXh0LCBjaGlsZHJlbiwgZGF0YVRlc3RJZCwgdGl0bGUsIC4uLnByb3BzIH06IFByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPFdyYXBwZXIgey4uLnByb3BzfT5cbiAgICAgIDxDb250ZW50PntjaGlsZHJlbiA/PyB0ZXh0fTwvQ29udGVudD5cbiAgICAgIHt0aXRsZSA/IChcbiAgICAgICAgPFRvb2x0aXAgZGlzYWJsZUZvY3VzTGlzdGVuZXI9e3RydWV9IHRpdGxlPXt0aXRsZX0+XG4gICAgICAgICAgPEljb25CdXR0b24gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9IG9uQ2xpY2s9e2NvcHlUb0NsaXBCb2FyZFV0aWxpdHkodGV4dCl9IHNpemU9XCJzbWFsbFwiPlxuICAgICAgICAgICAgPEZpbGVDb3B5IGZvbnRTaXplPVwic21hbGxcIiAvPlxuICAgICAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgKSA6IChcbiAgICAgICAgPEljb25CdXR0b24gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9IG9uQ2xpY2s9e2NvcHlUb0NsaXBCb2FyZFV0aWxpdHkodGV4dCl9IHNpemU9XCJzbWFsbFwiPlxuICAgICAgICAgIDxGaWxlQ29weSBmb250U2l6ZT1cInNtYWxsXCIgLz5cbiAgICAgICAgPC9JY29uQnV0dG9uPlxuICAgICAgKX1cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IENvcHlUb0NsaXBCb2FyZDtcbiJdfQ== */");
 function CopyToClipBoard({
   text,
   children,

package/build/components/Deprecated/Deprecated.js

@@ -3,30 +3,22 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.CardStyled = void 0;
-var _Card = _interopRequireDefault(require("@mui/material/Card"));
-var _CardContent = _interopRequireDefault(require("@mui/material/CardContent"));
-var _system = require("@mui/system");
+exports.default = void 0;
+var _Alert = _interopRequireDefault(require("@mui/material/Alert"));
+var _styles = require("@mui/styles");
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const CardStyled = (0, _system.styled)(_Card.default)(({
-  theme
-}) => {
-  var _theme$palette, _theme$palette2;
-  return {
-    marginTop: theme === null || theme === void 0 ? void 0 : theme.spacing(1),
-    marginBottom: theme === null || theme === void 0 ? void 0 : theme.spacing(0.5),
-    backgroundColor: theme === null || theme === void 0 ? void 0 : (_theme$palette = theme.palette) === null || _theme$palette === void 0 ? void 0 : _theme$palette.error.light,
-    opacity: '0.9',
-    color: theme === null || theme === void 0 ? void 0 : (_theme$palette2 = theme.palette) === null || _theme$palette2 === void 0 ? void 0 : _theme$palette2.error.contrastText,
-    fontWeight: 'bold'
-  };
-});
-exports.CardStyled = CardStyled;
 const Deprecated = ({
   message
 }) => {
-  return /*#__PURE__*/_react.default.createElement(CardStyled, null, /*#__PURE__*/_react.default.createElement(_CardContent.default, null, message));
+  const theme = (0, _styles.useTheme)();
+  return /*#__PURE__*/_react.default.createElement(_Alert.default, {
+    severity: "warning",
+    sx: {
+      marginTop: theme.spacing(1),
+      marginBottom: theme.spacing(1)
+    }
+  }, message);
 };
 var _default = Deprecated;
 exports.default = _default;

package/build/components/Engines/Engines.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _material = require("@mui/material");
 var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
 var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
 var _List = _interopRequireDefault(require("@mui/material/List"));
-var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
 var _react = _interopRequireDefault(require("react"));
 var _reactI18next = require("react-i18next");
 var _Icons = require("../Icons");
@@ -37,9 +37,9 @@ const EngineItem = ({
   sx: {
     bgcolor: '#FFF'
   }
-}, element), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
-  primary: engineText
-}))));
+}, element), /*#__PURE__*/_react.default.createElement(_material.Typography, {
+  variant: "subtitle2"
+}, engineText))));
 
 /**
  * The props type for {@link Engine}.
@@ -69,16 +69,16 @@ const Engine = ({
     title: t('sidebar.engines.node-js')
   }) : null, engines.npm ? /*#__PURE__*/_react.default.createElement(EngineItem, {
     element: /*#__PURE__*/_react.default.createElement(_Icons.Npm, null),
-    engineText: engines.node,
+    engineText: engines.npm,
     title: t('sidebar.engines.npm-version')
   }) : null, engines.yarn ? /*#__PURE__*/_react.default.createElement(EngineItem, {
     element: /*#__PURE__*/_react.default.createElement(_Icons.Yarn, null),
     engineText: engines.yarn,
-    title: t('sidebar.engines.npm-version')
+    title: t('sidebar.engines.yarn-version')
   }) : null, engines.pnpm ? /*#__PURE__*/_react.default.createElement(EngineItem, {
     element: /*#__PURE__*/_react.default.createElement(_Icons.Pnpm, null),
     engineText: engines.pnpm,
-    title: t('sidebar.engines.npm-version')
+    title: t('sidebar.engines.pnpm-version')
   }) : null);
 };
 var _default = Engine;

package/build/components/Install/Install.js

@@ -27,7 +27,7 @@ const StyledText = /*#__PURE__*/(0, _base.default)(_material.Typography, process
     fontWeight: (_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.fontWeight.bold,
     textTransform: 'capitalize'
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0luc3RhbGwvSW5zdGFsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZW1CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0luc3RhbGwvSW5zdGFsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSAnQG11aS9tYXRlcmlhbCc7XG5pbXBvcnQgR3JpZCBmcm9tICdAbXVpL21hdGVyaWFsL0dyaWQnO1xuaW1wb3J0IExpc3QgZnJvbSAnQG11aS9tYXRlcmlhbC9MaXN0JztcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQG11aS9zdHlsZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmltcG9ydCB7IFRlbXBsYXRlVUlPcHRpb25zIH0gZnJvbSAnQHZlcmRhY2Npby90eXBlcyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vVGhlbWUnO1xuaW1wb3J0IHsgUGFja2FnZU1ldGFJbnRlcmZhY2UgfSBmcm9tICcuLi8uLi90eXBlcy9wYWNrYWdlTWV0YSc7XG5pbXBvcnQgeyBTZXR0aW5nc01lbnUgfSBmcm9tICcuLi9TZXR0aW5nc01lbnUnO1xuaW1wb3J0IEluc3RhbGxMaXN0SXRlbSwgeyBEZXBlbmRlbmN5TWFuYWdlciB9IGZyb20gJy4vSW5zdGFsbExpc3RJdGVtJztcblxuY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUeXBvZ3JhcGh5KTx7IHRoZW1lPzogVGhlbWUgfT4oKHByb3BzKSA9PiAoe1xuICBmb250V2VpZ2h0OiBwcm9wcy50aGVtZT8uZm9udFdlaWdodC5ib2xkLFxuICB0ZXh0VHJhbnNmb3JtOiAnY2FwaXRhbGl6ZScsXG59KSk7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0ge1xuICBwYWNrYWdlTWV0YTogUGFja2FnZU1ldGFJbnRlcmZhY2U7XG4gIHBhY2thZ2VOYW1lOiBzdHJpbmc7XG4gIGNvbmZpZ09wdGlvbnM6IFRlbXBsYXRlVUlPcHRpb25zO1xufTtcblxuY29uc3QgSW5zdGFsbDogUmVhY3QuRkM8UHJvcHM+ID0gKHsgcGFja2FnZU1ldGEsIHBhY2thZ2VOYW1lLCBjb25maWdPcHRpb25zIH0pID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgaWYgKCFwYWNrYWdlTWV0YSB8fCAhcGFja2FnZU5hbWUpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIGNvbnN0IGhhc05wbSA9IGNvbmZpZ09wdGlvbnM/LnBrZ01hbmFnZXJzPy5pbmNsdWRlcygnbnBtJyk7XG4gIGNvbnN0IGhhc1lhcm4gPSBjb25maWdPcHRpb25zPy5wa2dNYW5hZ2Vycz8uaW5jbHVkZXMoJ3lhcm4nKTtcbiAgY29uc3QgaGFzUG5wbSA9IGNvbmZpZ09wdGlvbnM/LnBrZ01hbmFnZXJzPy5pbmNsdWRlcygncG5wbScpID8/IHRydWU7XG4gIGNvbnN0IGhhc1BrZ01hbmFnZXJzID0gaGFzTnBtIHx8IGhhc1BucG0gfHwgaGFzWWFybjtcblxuICByZXR1cm4gaGFzUGtnTWFuYWdlcnMgPyAoXG4gICAgPD5cbiAgICAgIDxHcmlkXG4gICAgICAgIGNvbnRhaW5lcj17dHJ1ZX1cbiAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJmbGV4LWVuZFwiXG4gICAgICAgIHN4PXt7IG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjaW5nKDEwKSwgYWxpbmdUZXh0OiAncmlnaHQnIH19XG4gICAgICA+XG4gICAgICAgIDxTZXR0aW5nc01lbnUgcGFja2FnZU5hbWU9e3BhY2thZ2VOYW1lfSAvPlxuICAgICAgPC9HcmlkPlxuICAgICAgPExpc3RcbiAgICAgICAgZGF0YS10ZXN0aWQ9eydpbnN0YWxsTGlzdCd9XG4gICAgICAgIHN1YmhlYWRlcj17PFN0eWxlZFRleHQgdmFyaWFudD17J3N1YnRpdGxlMSd9Pnt0KCdzaWRlYmFyLmluc3RhbGxhdGlvbi50aXRsZScpfTwvU3R5bGVkVGV4dD59XG4gICAgICA+XG4gICAgICAgIHtoYXNOcG0gJiYgKFxuICAgICAgICAgIDxJbnN0YWxsTGlzdEl0ZW0gZGVwZW5kZW5jeU1hbmFnZXI9e0RlcGVuZGVuY3lNYW5hZ2VyLk5QTX0gcGFja2FnZU5hbWU9e3BhY2thZ2VOYW1lfSAvPlxuICAgICAgICApfVxuICAgICAgICB7aGFzWWFybiAmJiAoXG4gICAgICAgICAgPEluc3RhbGxMaXN0SXRlbSBkZXBlbmRlbmN5TWFuYWdlcj17RGVwZW5kZW5jeU1hbmFnZXIuWUFSTn0gcGFja2FnZU5hbWU9e3BhY2thZ2VOYW1lfSAvPlxuICAgICAgICApfVxuICAgICAgICB7aGFzUG5wbSAmJiAoXG4gICAgICAgICAgPEluc3RhbGxMaXN0SXRlbSBkZXBlbmRlbmN5TWFuYWdlcj17RGVwZW5kZW5jeU1hbmFnZXIuUE5QTX0gcGFja2FnZU5hbWU9e3BhY2thZ2VOYW1lfSAvPlxuICAgICAgICApfVxuICAgICAgPC9MaXN0PlxuICAgIDwvPlxuICApIDogbnVsbDtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEluc3RhbGw7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0luc3RhbGwvSW5zdGFsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZW1CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0luc3RhbGwvSW5zdGFsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSAnQG11aS9tYXRlcmlhbCc7XG5pbXBvcnQgR3JpZCBmcm9tICdAbXVpL21hdGVyaWFsL0dyaWQnO1xuaW1wb3J0IExpc3QgZnJvbSAnQG11aS9tYXRlcmlhbC9MaXN0JztcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQG11aS9zdHlsZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmltcG9ydCB7IFRlbXBsYXRlVUlPcHRpb25zIH0gZnJvbSAnQHZlcmRhY2Npby90eXBlcyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vVGhlbWUnO1xuaW1wb3J0IHsgUGFja2FnZU1ldGFJbnRlcmZhY2UgfSBmcm9tICcuLi8uLi90eXBlcy9wYWNrYWdlTWV0YSc7XG5pbXBvcnQgeyBTZXR0aW5nc01lbnUgfSBmcm9tICcuLi9TZXR0aW5nc01lbnUnO1xuaW1wb3J0IEluc3RhbGxMaXN0SXRlbSwgeyBEZXBlbmRlbmN5TWFuYWdlciB9IGZyb20gJy4vSW5zdGFsbExpc3RJdGVtJztcblxuY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUeXBvZ3JhcGh5KTx7IHRoZW1lPzogVGhlbWUgfT4oKHByb3BzKSA9PiAoe1xuICBmb250V2VpZ2h0OiBwcm9wcy50aGVtZT8uZm9udFdlaWdodC5ib2xkLFxuICB0ZXh0VHJhbnNmb3JtOiAnY2FwaXRhbGl6ZScsXG59KSk7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0ge1xuICBwYWNrYWdlTWV0YTogUGFja2FnZU1ldGFJbnRlcmZhY2U7XG4gIHBhY2thZ2VOYW1lOiBzdHJpbmc7XG4gIGNvbmZpZ09wdGlvbnM6IFRlbXBsYXRlVUlPcHRpb25zO1xufTtcblxuY29uc3QgSW5zdGFsbDogUmVhY3QuRkM8UHJvcHM+ID0gKHsgcGFja2FnZU1ldGEsIHBhY2thZ2VOYW1lLCBjb25maWdPcHRpb25zIH0pID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGlmICghcGFja2FnZU1ldGEgfHwgIXBhY2thZ2VOYW1lKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICBjb25zdCBoYXNOcG0gPSBjb25maWdPcHRpb25zPy5wa2dNYW5hZ2Vycz8uaW5jbHVkZXMoJ25wbScpO1xuICBjb25zdCBoYXNZYXJuID0gY29uZmlnT3B0aW9ucz8ucGtnTWFuYWdlcnM/LmluY2x1ZGVzKCd5YXJuJyk7XG4gIGNvbnN0IGhhc1BucG0gPSBjb25maWdPcHRpb25zPy5wa2dNYW5hZ2Vycz8uaW5jbHVkZXMoJ3BucG0nKSA/PyB0cnVlO1xuICBjb25zdCBoYXNQa2dNYW5hZ2VycyA9IGhhc05wbSB8fCBoYXNQbnBtIHx8IGhhc1lhcm47XG5cbiAgcmV0dXJuIGhhc1BrZ01hbmFnZXJzID8gKFxuICAgIDw+XG4gICAgICA8R3JpZFxuICAgICAgICBjb250YWluZXI9e3RydWV9XG4gICAgICAgIGp1c3RpZnlDb250ZW50PVwiZmxleC1lbmRcIlxuICAgICAgICBzeD17eyBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2luZygxMCksIGFsaW5nVGV4dDogJ3JpZ2h0JyB9fVxuICAgICAgPlxuICAgICAgICA8U2V0dGluZ3NNZW51IHBhY2thZ2VOYW1lPXtwYWNrYWdlTmFtZX0gLz5cbiAgICAgIDwvR3JpZD5cbiAgICAgIDxMaXN0XG4gICAgICAgIGRhdGEtdGVzdGlkPXsnaW5zdGFsbExpc3QnfVxuICAgICAgICBzdWJoZWFkZXI9ezxTdHlsZWRUZXh0IHZhcmlhbnQ9eydzdWJ0aXRsZTEnfT57dCgnc2lkZWJhci5pbnN0YWxsYXRpb24udGl0bGUnKX08L1N0eWxlZFRleHQ+fVxuICAgICAgPlxuICAgICAgICB7aGFzTnBtICYmIChcbiAgICAgICAgICA8SW5zdGFsbExpc3RJdGVtXG4gICAgICAgICAgICBkZXBlbmRlbmN5TWFuYWdlcj17RGVwZW5kZW5jeU1hbmFnZXIuTlBNfVxuICAgICAgICAgICAgcGFja2FnZU5hbWU9e3BhY2thZ2VOYW1lfVxuICAgICAgICAgICAgcGFja2FnZVZlcnNpb249e3BhY2thZ2VNZXRhLmxhdGVzdC52ZXJzaW9ufVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICAgIHtoYXNZYXJuICYmIChcbiAgICAgICAgICA8SW5zdGFsbExpc3RJdGVtXG4gICAgICAgICAgICBkZXBlbmRlbmN5TWFuYWdlcj17RGVwZW5kZW5jeU1hbmFnZXIuWUFSTn1cbiAgICAgICAgICAgIHBhY2thZ2VOYW1lPXtwYWNrYWdlTmFtZX1cbiAgICAgICAgICAgIHBhY2thZ2VWZXJzaW9uPXtwYWNrYWdlTWV0YS5sYXRlc3QudmVyc2lvbn1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgICB7aGFzUG5wbSAmJiAoXG4gICAgICAgICAgPEluc3RhbGxMaXN0SXRlbVxuICAgICAgICAgICAgZGVwZW5kZW5jeU1hbmFnZXI9e0RlcGVuZGVuY3lNYW5hZ2VyLlBOUE19XG4gICAgICAgICAgICBwYWNrYWdlTmFtZT17cGFja2FnZU5hbWV9XG4gICAgICAgICAgICBwYWNrYWdlVmVyc2lvbj17cGFja2FnZU1ldGEubGF0ZXN0LnZlcnNpb259XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvTGlzdD5cbiAgICA8Lz5cbiAgKSA6IG51bGw7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBJbnN0YWxsO1xuIl19 */");
 const Install = ({
   packageMeta,
   packageName,
@@ -61,13 +61,16 @@ const Install = ({
     }, t('sidebar.installation.title'))
   }, hasNpm && /*#__PURE__*/_react.default.createElement(_InstallListItem.default, {
     dependencyManager: _InstallListItem.DependencyManager.NPM,
-    packageName: packageName
+    packageName: packageName,
+    packageVersion: packageMeta.latest.version
   }), hasYarn && /*#__PURE__*/_react.default.createElement(_InstallListItem.default, {
     dependencyManager: _InstallListItem.DependencyManager.YARN,
-    packageName: packageName
+    packageName: packageName,
+    packageVersion: packageMeta.latest.version
   }), hasPnpm && /*#__PURE__*/_react.default.createElement(_InstallListItem.default, {
     dependencyManager: _InstallListItem.DependencyManager.PNPM,
-    packageName: packageName
+    packageName: packageName,
+    packageVersion: packageMeta.latest.version
   }))) : null;
 };
 var _default = Install;