@verdaccio/ui-components 2.0.0-6-next.4 → 2.0.0-6-next.6

package/build/components/HeaderInfoDialog/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _HeaderInfoDialog["default"];
+  }
+});
+var _HeaderInfoDialog = _interopRequireDefault(require("./HeaderInfoDialog"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+//# sourceMappingURL=index.js.map

package/build/components/HeaderInfoDialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/HeaderInfoDialog/index.ts"],"sourcesContent":["export { default } from './HeaderInfoDialog';\n"],"mappings":";;;;;;;;;;;AAAA;AAA6C"}

package/build/components/Heading/Heading.js

@@ -0,0 +1,29 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _react = _interopRequireWildcard(require("react"));
+var _excluded = ["variant"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var Heading = /*#__PURE__*/(0, _react.forwardRef)(function Heading(_ref, ref) {
+  var _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'h6' : _ref$variant,
+    props = _objectWithoutProperties(_ref, _excluded);
+  // eslint-disable-next-line verdaccio/jsx-spread
+  return /*#__PURE__*/_react["default"].createElement(_Typography["default"], _extends({}, props, {
+    ref: ref,
+    variant: variant
+  }));
+});
+var _default = Heading;
+exports["default"] = _default;
+//# sourceMappingURL=Heading.js.map

package/build/components/Heading/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","names":["Heading","forwardRef","ref","variant","props"],"sources":["../../../src/components/Heading/Heading.tsx"],"sourcesContent":["import { default as MaterialUITypography, TypographyProps } from '@mui/material/Typography';\nimport React, { forwardRef } from 'react';\n\ntype HeadingType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\ntype HeadingRef = HTMLHeadingElement;\n\ninterface Props extends Omit<TypographyProps, 'variant'> {\n  variant?: HeadingType;\n}\n\nconst Heading = forwardRef<HeadingRef, Props>(function Heading({ variant = 'h6', ...props }, ref) {\n  // eslint-disable-next-line verdaccio/jsx-spread\n  return <MaterialUITypography {...props} ref={ref} variant={variant} />;\n});\n\nexport default Heading;\n"],"mappings":";;;;;;;AAAA;AACA;AAA0C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS1C,IAAMA,OAAO,gBAAG,IAAAC,iBAAU,EAAoB,SAASD,OAAO,OAA+BE,GAAG,EAAE;EAAA,wBAAjCC,OAAO;IAAPA,OAAO,6BAAG,IAAI;IAAKC,KAAK;EACvF;EACA,oBAAO,gCAAC,sBAAoB,eAAKA,KAAK;IAAE,GAAG,EAAEF,GAAI;IAAC,OAAO,EAAEC;EAAQ,GAAG;AACxE,CAAC,CAAC;AAAC,eAEYH,OAAO;AAAA"}

package/build/components/Heading/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Heading["default"];
+  }
+});
+var _Heading = _interopRequireDefault(require("./Heading"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+//# sourceMappingURL=index.js.map

package/build/components/Heading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Heading/index.ts"],"sourcesContent":["export { default } from './Heading';\n"],"mappings":";;;;;;;;;;;AAAA;AAAoC"}

package/build/components/Help/Help.js

@@ -0,0 +1,60 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _CardActions = _interopRequireDefault(require("@mui/material/CardActions"));
+var _CardContent = _interopRequireDefault(require("@mui/material/CardContent"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _ = require("../../");
+var _styles = require("./styles");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 renderHeadingClipboardSegments(title, text) {
+  return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    variant: 'body1'
+  }, title), /*#__PURE__*/_react["default"].createElement(_.CopyClipboard, {
+    dataTestId: "segments",
+    text: text
+  }));
+}
+var Help = function Help() {
+  var _useConfig = (0, _.useConfig)(),
+    configOptions = _useConfig.configOptions;
+  var registryUrl = configOptions.base;
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/_react["default"].createElement(_styles.CardStyled, {
+    "data-testid": "help-card",
+    id: "help-card"
+  }, /*#__PURE__*/_react["default"].createElement(_CardContent["default"], null, /*#__PURE__*/_react["default"].createElement(_.Heading, {
+    gutterBottom: true,
+    id: "help-card__title",
+    variant: "h5"
+  }, t('help.title')), /*#__PURE__*/_react["default"].createElement(_.Heading, {
+    color: "textSecondary",
+    gutterBottom: true,
+    sx: {
+      marginBottom: 1
+    }
+  }, t('help.sub-title')), renderHeadingClipboardSegments(t('help.first-step'), t('help.first-step-command-line', {
+    registryUrl: registryUrl
+  })), renderHeadingClipboardSegments(t('help.second-step'), t('help.second-step-command-line', {
+    registryUrl: registryUrl
+  })), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    variant: "body2"
+  }, t('help.third-step'))), /*#__PURE__*/_react["default"].createElement(_CardActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    color: "primary",
+    href: "https://verdaccio.org/docs/cli-registry",
+    size: "small"
+  }, t('button.learn-more'))));
+};
+var _default = Help;
+exports["default"] = _default;
+//# sourceMappingURL=Help.js.map

package/build/components/Help/Help.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Help.js","names":["renderHeadingClipboardSegments","title","text","Help","useConfig","configOptions","registryUrl","base","useTranslation","t","marginBottom"],"sources":["../../../src/components/Help/Help.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport CardActions from '@mui/material/CardActions';\nimport CardContent from '@mui/material/CardContent';\nimport Typography from '@mui/material/Typography';\nimport React, { Fragment } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { CopyClipboard, useConfig } from '../../';\nimport { Heading } from '../../';\nimport { CardStyled as Card } from './styles';\n\nfunction renderHeadingClipboardSegments(title: string, text: string): React.ReactNode {\n  return (\n    <Fragment>\n      <Typography variant={'body1'}>{title}</Typography>\n      <CopyClipboard dataTestId=\"segments\" text={text} />\n    </Fragment>\n  );\n}\n\nconst Help: React.FC = () => {\n  const { configOptions } = useConfig();\n  const registryUrl = configOptions.base;\n  const { t } = useTranslation();\n\n  return (\n    <Card data-testid=\"help-card\" id=\"help-card\">\n      <CardContent>\n        <Heading gutterBottom={true} id=\"help-card__title\" variant=\"h5\">\n          {t('help.title')}\n        </Heading>\n        <Heading color=\"textSecondary\" gutterBottom={true} sx={{ marginBottom: 1 }}>\n          {t('help.sub-title')}\n        </Heading>\n        {renderHeadingClipboardSegments(\n          t('help.first-step'),\n          t('help.first-step-command-line', { registryUrl })\n        )}\n        {renderHeadingClipboardSegments(\n          t('help.second-step'),\n          t('help.second-step-command-line', { registryUrl })\n        )}\n        <Typography variant=\"body2\">{t('help.third-step')}</Typography>\n      </CardContent>\n      <CardActions>\n        <Button color=\"primary\" href=\"https://verdaccio.org/docs/cli-registry\" size=\"small\">\n          {t('button.learn-more')}\n        </Button>\n      </CardActions>\n    </Card>\n  );\n};\n\nexport default Help;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAA8C;AAAA;AAAA;AAE9C,SAASA,8BAA8B,CAACC,KAAa,EAAEC,IAAY,EAAmB;EACpF,oBACE,gCAAC,eAAQ,qBACP,gCAAC,sBAAU;IAAC,OAAO,EAAE;EAAQ,GAAED,KAAK,CAAc,eAClD,gCAAC,eAAa;IAAC,UAAU,EAAC,UAAU;IAAC,IAAI,EAAEC;EAAK,EAAG,CAC1C;AAEf;AAEA,IAAMC,IAAc,GAAG,SAAjBA,IAAc,GAAS;EAC3B,iBAA0B,IAAAC,WAAS,GAAE;IAA7BC,aAAa,cAAbA,aAAa;EACrB,IAAMC,WAAW,GAAGD,aAAa,CAACE,IAAI;EACtC,sBAAc,IAAAC,4BAAc,GAAE;IAAtBC,CAAC,mBAADA,CAAC;EAET,oBACE,gCAAC,kBAAI;IAAC,eAAY,WAAW;IAAC,EAAE,EAAC;EAAW,gBAC1C,gCAAC,uBAAW,qBACV,gCAAC,SAAO;IAAC,YAAY,EAAE,IAAK;IAAC,EAAE,EAAC,kBAAkB;IAAC,OAAO,EAAC;EAAI,GAC5DA,CAAC,CAAC,YAAY,CAAC,CACR,eACV,gCAAC,SAAO;IAAC,KAAK,EAAC,eAAe;IAAC,YAAY,EAAE,IAAK;IAAC,EAAE,EAAE;MAAEC,YAAY,EAAE;IAAE;EAAE,GACxED,CAAC,CAAC,gBAAgB,CAAC,CACZ,EACTT,8BAA8B,CAC7BS,CAAC,CAAC,iBAAiB,CAAC,EACpBA,CAAC,CAAC,8BAA8B,EAAE;IAAEH,WAAW,EAAXA;EAAY,CAAC,CAAC,CACnD,EACAN,8BAA8B,CAC7BS,CAAC,CAAC,kBAAkB,CAAC,EACrBA,CAAC,CAAC,+BAA+B,EAAE;IAAEH,WAAW,EAAXA;EAAY,CAAC,CAAC,CACpD,eACD,gCAAC,sBAAU;IAAC,OAAO,EAAC;EAAO,GAAEG,CAAC,CAAC,iBAAiB,CAAC,CAAc,CACnD,eACd,gCAAC,uBAAW,qBACV,gCAAC,kBAAM;IAAC,KAAK,EAAC,SAAS;IAAC,IAAI,EAAC,yCAAyC;IAAC,IAAI,EAAC;EAAO,GAChFA,CAAC,CAAC,mBAAmB,CAAC,CAChB,CACG,CACT;AAEX,CAAC;AAAC,eAEaN,IAAI;AAAA"}

package/build/components/Help/__snapshots__/Help.test.tsx.snap

@@ -0,0 +1,395 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<Help /> component should load the component in default state 1`] = `
+.emotion-1 {
+  background-color: #fff;
+  color: rgba(0, 0, 0, 0.87);
+  -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  border-radius: 4px;
+  box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
+  overflow: hidden;
+  max-width: 600px;
+  margin: auto;
+}
+
+.emotion-2 {
+  padding: 16px;
+}
+
+.emotion-2:last-child {
+  padding-bottom: 24px;
+}
+
+.emotion-3 {
+  margin: 0;
+  font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
+  font-weight: 400;
+  font-size: 1.5rem;
+  line-height: 1.334;
+  margin-bottom: 0.35em;
+}
+
+.emotion-4 {
+  margin: 0;
+  font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
+  font-weight: 500;
+  font-size: 1.25rem;
+  line-height: 1.6;
+  margin-bottom: 0.35em;
+  color: rgba(0, 0, 0, 0.6);
+  margin-bottom: 8px;
+}
+
+.emotion-5 {
+  margin: 0;
+  font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+.emotion-6 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  justify-content: space-between;
+}
+
+.emotion-8 {
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  height: auto;
+  white-space: break-spaces;
+  font-size: 1rem;
+}
+
+.emotion-10 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  position: relative;
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
+  background-color: transparent;
+  outline: 0;
+  border: 0;
+  margin: 0;
+  border-radius: 0;
+  padding: 0;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  color: inherit;
+  text-align: center;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  font-size: 1.5rem;
+  padding: 8px;
+  border-radius: 50%;
+  overflow: visible;
+  color: rgba(0, 0, 0, 0.54);
+  -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  padding: 12px;
+  font-size: 1.75rem;
+}
+
+.emotion-10::-moz-focus-inner {
+  border-style: none;
+}
+
+.emotion-10.Mui-disabled {
+  pointer-events: none;
+  cursor: default;
+}
+
+@media print {
+  .emotion-10 {
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact;
+  }
+}
+
+.emotion-10:hover {
+  background-color: rgba(0, 0, 0, 0.04);
+}
+
+@media (hover: none) {
+  .emotion-10:hover {
+    background-color: transparent;
+  }
+}
+
+.emotion-10.Mui-disabled {
+  background-color: transparent;
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.emotion-11 {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  width: 1em;
+  height: 1em;
+  display: inline-block;
+  fill: currentColor;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  font-size: 1.25rem;
+}
+
+.emotion-12 {
+  overflow: hidden;
+  pointer-events: none;
+  position: absolute;
+  z-index: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  border-radius: inherit;
+}
+
+.emotion-21 {
+  margin: 0;
+  font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.43;
+}
+
+.emotion-22 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  padding: 8px;
+}
+
+.emotion-22>:not(:first-of-type) {
+  margin-left: 8px;
+}
+
+.emotion-23 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  position: relative;
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
+  background-color: transparent;
+  outline: 0;
+  border: 0;
+  margin: 0;
+  border-radius: 0;
+  padding: 0;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  color: inherit;
+  font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
+  font-weight: 500;
+  font-size: 0.8125rem;
+  line-height: 1.75;
+  text-transform: uppercase;
+  min-width: 64px;
+  padding: 4px 5px;
+  border-radius: 4px;
+  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  color: #4b5e40;
+}
+
+.emotion-23::-moz-focus-inner {
+  border-style: none;
+}
+
+.emotion-23.Mui-disabled {
+  pointer-events: none;
+  cursor: default;
+}
+
+@media print {
+  .emotion-23 {
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact;
+  }
+}
+
+.emotion-23:hover {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgba(75, 94, 64, 0.04);
+}
+
+@media (hover: none) {
+  .emotion-23:hover {
+    background-color: transparent;
+  }
+}
+
+.emotion-23.Mui-disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+<div
+  class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root emotion-0 emotion-1"
+  data-testid="help-card"
+  id="help-card"
+>
+  <div
+    class="MuiCardContent-root emotion-2"
+  >
+    <h5
+      class="MuiTypography-root MuiTypography-h5 MuiTypography-gutterBottom emotion-3"
+      id="help-card__title"
+    >
+      help.title
+    </h5>
+    <h6
+      class="MuiTypography-root MuiTypography-h6 MuiTypography-gutterBottom emotion-4"
+    >
+      help.sub-title
+    </h6>
+    <p
+      class="MuiTypography-root MuiTypography-body1 emotion-5"
+    >
+      help.first-step
+    </p>
+    <div
+      class="emotion-6 emotion-7"
+    >
+      <span
+        class="emotion-8 emotion-9"
+      >
+        help.first-step-command-line
+      </span>
+      <button
+        class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeLarge emotion-10"
+        data-testid="segments"
+        tabindex="0"
+        type="button"
+      >
+        <svg
+          aria-hidden="true"
+          class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-11"
+          data-testid="FileCopyIcon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4 6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z"
+          />
+        </svg>
+        <span
+          class="MuiTouchRipple-root emotion-12"
+        />
+      </button>
+    </div>
+    <p
+      class="MuiTypography-root MuiTypography-body1 emotion-5"
+    >
+      help.second-step
+    </p>
+    <div
+      class="emotion-6 emotion-7"
+    >
+      <span
+        class="emotion-8 emotion-9"
+      >
+        help.second-step-command-line
+      </span>
+      <button
+        class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeLarge emotion-10"
+        data-testid="segments"
+        tabindex="0"
+        type="button"
+      >
+        <svg
+          aria-hidden="true"
+          class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-11"
+          data-testid="FileCopyIcon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4 6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z"
+          />
+        </svg>
+        <span
+          class="MuiTouchRipple-root emotion-12"
+        />
+      </button>
+    </div>
+    <p
+      class="MuiTypography-root MuiTypography-body2 emotion-21"
+    >
+      help.third-step
+    </p>
+  </div>
+  <div
+    class="MuiCardActions-root MuiCardActions-spacing emotion-22"
+  >
+    <a
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall emotion-23"
+      href="https://verdaccio.org/docs/cli-registry"
+      tabindex="0"
+    >
+      button.learn-more
+      <span
+        class="MuiTouchRipple-root emotion-12"
+      />
+    </a>
+  </div>
+</div>
+`;

package/build/components/Help/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Help["default"];
+  }
+});
+var _Help = _interopRequireDefault(require("./Help"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+//# sourceMappingURL=index.js.map

package/build/components/Help/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Help/index.ts"],"sourcesContent":["export { default } from './Help';\n"],"mappings":";;;;;;;;;;;AAAA;AAAiC"}

package/build/components/Help/styles.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardStyled = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _Card = _interopRequireDefault(require("@mui/material/Card"));
+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)."; }
+var CardStyled = /*#__PURE__*/(0, _base["default"])(_Card["default"], process.env.NODE_ENV === "production" ? {
+  target: "e1cp9qoa0"
+} : {
+  target: "e1cp9qoa0",
+  label: "CardStyled"
+})(process.env.NODE_ENV === "production" ? {
+  name: "b7qabe",
+  styles: "max-width:600px;margin:auto"
+} : {
+  name: "b7qabe",
+  styles: "max-width:600px;margin:auto",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0hlbHAvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUcwQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9IZWxwL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBDYXJkIGZyb20gJ0BtdWkvbWF0ZXJpYWwvQ2FyZCc7XG5cbmV4cG9ydCBjb25zdCBDYXJkU3R5bGVkID0gc3R5bGVkKENhcmQpKHtcbiAgbWF4V2lkdGg6IDYwMCxcbiAgbWFyZ2luOiAnYXV0bycsXG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+exports.CardStyled = CardStyled;
+//# sourceMappingURL=styles.js.map

package/build/components/Help/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["CardStyled","Card"],"sources":["../../../src/components/Help/styles.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport Card from '@mui/material/Card';\n\nexport const CardStyled = styled(Card)({\n  maxWidth: 600,\n  margin: 'auto',\n});\n"],"mappings":";;;;;;;AACA;AAAsC;AAAA;AAE/B,IAAMA,UAAU,gBAAG,sBAAOC,gBAAI;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA,EAGpC;AAAC"}

package/build/components/Icons/DevsIcons/CommonJS.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CommonJS = CommonJS;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var icon = require('./commonjs.svg');
+var ImgIcon = /*#__PURE__*/(0, _base["default"])("img", process.env.NODE_ENV === "production" ? {
+  target: "e1xpymzr0"
+} : {
+  target: "e1xpymzr0",
+  label: "ImgIcon"
+})(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    marginLeft: theme === null || theme === void 0 ? void 0 : theme.spacing(1)
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ljb25zL0RldnNJY29ucy9Db21tb25KUy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTWdCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ljb25zL0RldnNJY29ucy9Db21tb25KUy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuY29uc3QgaWNvbiA9IHJlcXVpcmUoJy4vY29tbW9uanMuc3ZnJyk7XG5cbmNvbnN0IEltZ0ljb24gPSBzdHlsZWQuaW1nPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBtYXJnaW5MZWZ0OiB0aGVtZT8uc3BhY2luZygxKSxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIENvbW1vbkpTKCkge1xuICByZXR1cm4gPEltZ0ljb24gYWx0PVwiY29tbW9uanNcIiBoZWlnaHQ9XCIyMFwiIHNyYz17aWNvbn0gd2lkdGg9XCIyMFwiIC8+O1xufVxuIl19 */");
+function CommonJS() {
+  return /*#__PURE__*/_react["default"].createElement(ImgIcon, {
+    alt: "commonjs",
+    height: "20",
+    src: icon,
+    width: "20"
+  });
+}
+//# sourceMappingURL=CommonJS.js.map

package/build/components/Icons/DevsIcons/CommonJS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommonJS.js","names":["icon","require","ImgIcon","theme","marginLeft","spacing","CommonJS"],"sources":["../../../../src/components/Icons/DevsIcons/CommonJS.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Theme } from '@mui/material';\nimport React from 'react';\n\nconst icon = require('./commonjs.svg');\n\nconst ImgIcon = styled.img<{ theme?: Theme }>(({ theme }) => ({\n  marginLeft: theme?.spacing(1),\n}));\n\nexport function CommonJS() {\n  return <ImgIcon alt=\"commonjs\" height=\"20\" src={icon} width=\"20\" />;\n}\n"],"mappings":";;;;;;;AAEA;AAA0B;AAE1B,IAAMA,IAAI,GAAGC,OAAO,CAAC,gBAAgB,CAAC;AAEtC,IAAMC,OAAO,gBAAG;EAAA;AAAA;EAAA;EAAA;AAAA,GAA8B;EAAA,IAAGC,KAAK,QAALA,KAAK;EAAA,OAAQ;IAC5DC,UAAU,EAAED,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,OAAO,CAAC,CAAC;EAC9B,CAAC;AAAA,CAAC,62BAAC;AAEI,SAASC,QAAQ,GAAG;EACzB,oBAAO,gCAAC,OAAO;IAAC,GAAG,EAAC,UAAU;IAAC,MAAM,EAAC,IAAI;IAAC,GAAG,EAAEN,IAAK;IAAC,KAAK,EAAC;EAAI,EAAG;AACrE"}

package/build/components/Icons/DevsIcons/ES6Module.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ES6Modules = ES6Modules;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var icon = require('./es6modules.svg');
+var ImgIcon = /*#__PURE__*/(0, _base["default"])("img", process.env.NODE_ENV === "production" ? {
+  target: "eshu3xf0"
+} : {
+  target: "eshu3xf0",
+  label: "ImgIcon"
+})(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    marginLeft: theme === null || theme === void 0 ? void 0 : theme.spacing(1)
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ljb25zL0RldnNJY29ucy9FUzZNb2R1bGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1nQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9JY29ucy9EZXZzSWNvbnMvRVM2TW9kdWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnQG11aS9tYXRlcmlhbCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5jb25zdCBpY29uID0gcmVxdWlyZSgnLi9lczZtb2R1bGVzLnN2ZycpO1xuXG5jb25zdCBJbWdJY29uID0gc3R5bGVkLmltZzx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luTGVmdDogdGhlbWU/LnNwYWNpbmcoMSksXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBFUzZNb2R1bGVzKCkge1xuICByZXR1cm4gPEltZ0ljb24gYWx0PVwiZXM2IG1vZHVsZXNcIiBoZWlnaHQ9XCIyMFwiIHNyYz17aWNvbn0gd2lkdGg9XCIyMFwiIC8+O1xufVxuIl19 */");
+function ES6Modules() {
+  return /*#__PURE__*/_react["default"].createElement(ImgIcon, {
+    alt: "es6 modules",
+    height: "20",
+    src: icon,
+    width: "20"
+  });
+}
+//# sourceMappingURL=ES6Module.js.map

package/build/components/Icons/DevsIcons/ES6Module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ES6Module.js","names":["icon","require","ImgIcon","theme","marginLeft","spacing","ES6Modules"],"sources":["../../../../src/components/Icons/DevsIcons/ES6Module.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Theme } from '@mui/material';\nimport React from 'react';\n\nconst icon = require('./es6modules.svg');\n\nconst ImgIcon = styled.img<{ theme?: Theme }>(({ theme }) => ({\n  marginLeft: theme?.spacing(1),\n}));\n\nexport function ES6Modules() {\n  return <ImgIcon alt=\"es6 modules\" height=\"20\" src={icon} width=\"20\" />;\n}\n"],"mappings":";;;;;;;AAEA;AAA0B;AAE1B,IAAMA,IAAI,GAAGC,OAAO,CAAC,kBAAkB,CAAC;AAExC,IAAMC,OAAO,gBAAG;EAAA;AAAA;EAAA;EAAA;AAAA,GAA8B;EAAA,IAAGC,KAAK,QAALA,KAAK;EAAA,OAAQ;IAC5DC,UAAU,EAAED,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,OAAO,CAAC,CAAC;EAC9B,CAAC;AAAA,CAAC,y3BAAC;AAEI,SAASC,UAAU,GAAG;EAC3B,oBAAO,gCAAC,OAAO;IAAC,GAAG,EAAC,aAAa;IAAC,MAAM,EAAC,IAAI;IAAC,GAAG,EAAEN,IAAK;IAAC,KAAK,EAAC;EAAI,EAAG;AACxE"}