@verdaccio/ui-components 3.0.0-next.1 → 4.0.0-next-8.0

package/build/sections/SideBar/Sidebar.js

@@ -4,23 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
 var _react = _interopRequireDefault(require("react"));
 var _ActionBar = _interopRequireDefault(require("../../components/ActionBar"));
 var _Author = _interopRequireDefault(require("../../components/Author"));
 var _Developers = _interopRequireWildcard(require("../../components/Developers"));
+var _Distribution = _interopRequireDefault(require("../../components/Distribution"));
+var _Engines = _interopRequireDefault(require("../../components/Engines"));
 var _FundButton = _interopRequireDefault(require("../../components/FundButton"));
-var _SideBarTittle = _interopRequireDefault(require("../../components/SideBarTittle"));
+var _Install = _interopRequireDefault(require("../../components/Install"));
+var _Keywords = _interopRequireDefault(require("../../components/Keywords"));
+var _Repository = _interopRequireDefault(require("../../components/Repository"));
+var _SideBarTitle = _interopRequireDefault(require("../../components/SideBarTitle"));
 var _providers = require("../../providers");
-var _loadable = _interopRequireDefault(require("../../utils/loadable"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _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; }
-const Engines = (0, _loadable.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require( /* webpackChunkName: "Engines" */'../../components/Engines'))));
-const Dist = (0, _loadable.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require( /* webpackChunkName: "Distribution" */'../../components/Distribution'))));
-const Install = (0, _loadable.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require( /* webpackChunkName: "Install" */'../../components/Install'))));
-const Repository = (0, _loadable.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require( /* webpackChunkName: "Repository" */'../../components/Repository'))));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const getModuleType = manifest => {
   if (manifest.latest.main) {
     return 'commonjs';
@@ -44,12 +43,15 @@ const DetailSidebar = () => {
   if (!packageMeta || !packageName) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(StyledPaper, {
+  return /*#__PURE__*/_react.default.createElement(_Paper.default, {
+    "data-testid": "sidebar",
     sx: {
       position: 'sticky',
-      top: 0
+      top: 0,
+      p: 2,
+      ml: 2
     }
-  }, /*#__PURE__*/_react.default.createElement(_SideBarTittle.default, {
+  }, /*#__PURE__*/_react.default.createElement(_SideBarTitle.default, {
     description: (_packageMeta$latest = packageMeta.latest) === null || _packageMeta$latest === void 0 ? void 0 : _packageMeta$latest.description,
     hasTypes: typeof ((_packageMeta$latest2 = packageMeta.latest) === null || _packageMeta$latest2 === void 0 ? void 0 : _packageMeta$latest2.types) === 'string',
     isLatest: typeof packageVersion === 'undefined',
@@ -61,17 +63,19 @@ const DetailSidebar = () => {
     packageMeta: packageMeta,
     showDownloadTarball: configOptions.showDownloadTarball,
     showRaw: configOptions.showRaw
-  }), /*#__PURE__*/_react.default.createElement(Install, {
+  }), /*#__PURE__*/_react.default.createElement(_FundButton.default, {
+    packageMeta: packageMeta
+  }), /*#__PURE__*/_react.default.createElement(_Install.default, {
     configOptions: configOptions,
     packageMeta: packageMeta,
     packageName: packageName
-  }), /*#__PURE__*/_react.default.createElement(_FundButton.default, {
+  }), /*#__PURE__*/_react.default.createElement(_Repository.default, {
     packageMeta: packageMeta
-  }), /*#__PURE__*/_react.default.createElement(Repository, {
+  }), /*#__PURE__*/_react.default.createElement(_Engines.default, {
     packageMeta: packageMeta
-  }), /*#__PURE__*/_react.default.createElement(Engines, {
+  }), /*#__PURE__*/_react.default.createElement(_Distribution.default, {
     packageMeta: packageMeta
-  }), /*#__PURE__*/_react.default.createElement(Dist, {
+  }), /*#__PURE__*/_react.default.createElement(_Keywords.default, {
     packageMeta: packageMeta
   }), /*#__PURE__*/_react.default.createElement(_Author.default, {
     packageMeta: packageMeta
@@ -83,16 +87,5 @@ const DetailSidebar = () => {
     type: _Developers.DeveloperType.CONTRIBUTORS
   }));
 };
-var _default = DetailSidebar;
-exports.default = _default;
-const StyledPaper = /*#__PURE__*/(0, _base.default)(_Paper.default, process.env.NODE_ENV === "production" ? {
-  target: "e1jyvx6i0"
-} : {
-  target: "e1jyvx6i0",
-  label: "StyledPaper"
-})(({
-  theme
-}) => ({
-  padding: theme === null || theme === void 0 ? void 0 : theme.spacing(3, 2)
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zZWN0aW9ucy9TaWRlQmFyL1NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZFb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3NlY3Rpb25zL1NpZGVCYXIvU2lkZWJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUGFwZXIgZnJvbSAnQG11aS9tYXRlcmlhbC9QYXBlcic7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL1RoZW1lJztcbmltcG9ydCBBY3Rpb25CYXIgZnJvbSAnLi4vLi4vY29tcG9uZW50cy9BY3Rpb25CYXInO1xuaW1wb3J0IEF1dGhvciBmcm9tICcuLi8uLi9jb21wb25lbnRzL0F1dGhvcic7XG5pbXBvcnQgRGV2ZWxvcGVycywgeyBEZXZlbG9wZXJUeXBlIH0gZnJvbSAnLi4vLi4vY29tcG9uZW50cy9EZXZlbG9wZXJzJztcbmltcG9ydCBGdW5kQnV0dG9uIGZyb20gJy4uLy4uL2NvbXBvbmVudHMvRnVuZEJ1dHRvbic7XG5pbXBvcnQgU2lkZUJhclRpdHRsZSBmcm9tICcuLi8uLi9jb21wb25lbnRzL1NpZGVCYXJUaXR0bGUnO1xuaW1wb3J0IHsgdXNlQ29uZmlnIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzJztcbmltcG9ydCB7IHVzZVZlcnNpb24gfSBmcm9tICcuLi8uLi9wcm92aWRlcnMnO1xuaW1wb3J0IHsgUGFja2FnZU1ldGFJbnRlcmZhY2UgfSBmcm9tICcuLi8uLi90eXBlcy9wYWNrYWdlTWV0YSc7XG5pbXBvcnQgbG9hZGFibGUgZnJvbSAnLi4vLi4vdXRpbHMvbG9hZGFibGUnO1xuXG5jb25zdCBFbmdpbmVzID0gbG9hZGFibGUoXG4gICgpID0+IGltcG9ydCgvKiB3ZWJwYWNrQ2h1bmtOYW1lOiBcIkVuZ2luZXNcIiAqLyAnLi4vLi4vY29tcG9uZW50cy9FbmdpbmVzJylcbik7XG5jb25zdCBEaXN0ID0gbG9hZGFibGUoXG4gICgpID0+IGltcG9ydCgvKiB3ZWJwYWNrQ2h1bmtOYW1lOiBcIkRpc3RyaWJ1dGlvblwiICovICcuLi8uLi9jb21wb25lbnRzL0Rpc3RyaWJ1dGlvbicpXG4pO1xuY29uc3QgSW5zdGFsbCA9IGxvYWRhYmxlKFxuICAoKSA9PiBpbXBvcnQoLyogd2VicGFja0NodW5rTmFtZTogXCJJbnN0YWxsXCIgKi8gJy4uLy4uL2NvbXBvbmVudHMvSW5zdGFsbCcpXG4pO1xuY29uc3QgUmVwb3NpdG9yeSA9IGxvYWRhYmxlKFxuICAoKSA9PiBpbXBvcnQoLyogd2VicGFja0NodW5rTmFtZTogXCJSZXBvc2l0b3J5XCIgKi8gJy4uLy4uL2NvbXBvbmVudHMvUmVwb3NpdG9yeScpXG4pO1xuXG5jb25zdCBnZXRNb2R1bGVUeXBlID0gKG1hbmlmZXN0OiBQYWNrYWdlTWV0YUludGVyZmFjZSkgPT4ge1xuICBpZiAobWFuaWZlc3QubGF0ZXN0Lm1haW4pIHtcbiAgICByZXR1cm4gJ2NvbW1vbmpzJztcbiAgfSBlbHNlIGlmIChtYW5pZmVzdC5sYXRlc3QudHlwZSkge1xuICAgIHJldHVybiBtYW5pZmVzdC5sYXRlc3QudHlwZTtcbiAgfVxuICByZXR1cm47XG59O1xuXG5jb25zdCBEZXRhaWxTaWRlYmFyOiBSZWFjdC5GQyA9ICgpID0+IHtcbiAgY29uc3QgeyBwYWNrYWdlTWV0YSwgcGFja2FnZU5hbWUsIHBhY2thZ2VWZXJzaW9uIH0gPSB1c2VWZXJzaW9uKCk7XG4gIGNvbnN0IHsgY29uZmlnT3B0aW9ucyB9ID0gdXNlQ29uZmlnKCk7XG4gIGNvbnN0IHZlcnNpb24gPSBwYWNrYWdlVmVyc2lvbiB8fCBwYWNrYWdlTWV0YT8ubGF0ZXN0LnZlcnNpb24gfHwgJyc7XG4gIGNvbnN0IHRpbWUgPSBwYWNrYWdlTWV0YT8udGltZSA/IHBhY2thZ2VNZXRhLnRpbWVbdmVyc2lvbl0gOiAnJztcblxuICBpZiAoIXBhY2thZ2VNZXRhIHx8ICFwYWNrYWdlTmFtZSkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkUGFwZXIgc3g9e3sgcG9zaXRpb246ICdzdGlja3knLCB0b3A6IDAgfX0+XG4gICAgICA8U2lkZUJhclRpdHRsZVxuICAgICAgICBkZXNjcmlwdGlvbj17cGFja2FnZU1ldGEubGF0ZXN0Py5kZXNjcmlwdGlvbn1cbiAgICAgICAgaGFzVHlwZXM9e3R5cGVvZiBwYWNrYWdlTWV0YS5sYXRlc3Q/LnR5cGVzID09PSAnc3RyaW5nJ31cbiAgICAgICAgaXNMYXRlc3Q9e3R5cGVvZiBwYWNrYWdlVmVyc2lvbiA9PT0gJ3VuZGVmaW5lZCd9XG4gICAgICAgIG1vZHVsZVR5cGU9e2dldE1vZHVsZVR5cGUocGFja2FnZU1ldGEpfVxuICAgICAgICBwYWNrYWdlTmFtZT17cGFja2FnZU5hbWV9XG4gICAgICAgIHRpbWU9e3RpbWV9XG4gICAgICAgIHZlcnNpb249e3ZlcnNpb259XG4gICAgICAvPlxuICAgICAgPEFjdGlvbkJhclxuICAgICAgICBwYWNrYWdlTWV0YT17cGFja2FnZU1ldGF9XG4gICAgICAgIHNob3dEb3dubG9hZFRhcmJhbGw9e2NvbmZpZ09wdGlvbnMuc2hvd0Rvd25sb2FkVGFyYmFsbH1cbiAgICAgICAgc2hvd1Jhdz17Y29uZmlnT3B0aW9ucy5zaG93UmF3fVxuICAgICAgLz5cbiAgICAgIDxJbnN0YWxsIGNvbmZpZ09wdGlvbnM9e2NvbmZpZ09wdGlvbnN9IHBhY2thZ2VNZXRhPXtwYWNrYWdlTWV0YX0gcGFja2FnZU5hbWU9e3BhY2thZ2VOYW1lfSAvPlxuICAgICAgPEZ1bmRCdXR0b24gcGFja2FnZU1ldGE9e3BhY2thZ2VNZXRhfSAvPlxuICAgICAgPFJlcG9zaXRvcnkgcGFja2FnZU1ldGE9e3BhY2thZ2VNZXRhfSAvPlxuICAgICAgPEVuZ2luZXMgcGFja2FnZU1ldGE9e3BhY2thZ2VNZXRhfSAvPlxuICAgICAgPERpc3QgcGFja2FnZU1ldGE9e3BhY2thZ2VNZXRhfSAvPlxuICAgICAgPEF1dGhvciBwYWNrYWdlTWV0YT17cGFja2FnZU1ldGF9IC8+XG4gICAgICA8RGV2ZWxvcGVycyBwYWNrYWdlTWV0YT17cGFja2FnZU1ldGF9IHR5cGU9e0RldmVsb3BlclR5cGUuTUFJTlRBSU5FUlN9IC8+XG4gICAgICA8RGV2ZWxvcGVycyBwYWNrYWdlTWV0YT17cGFja2FnZU1ldGF9IHR5cGU9e0RldmVsb3BlclR5cGUuQ09OVFJJQlVUT1JTfSAvPlxuICAgIDwvU3R5bGVkUGFwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBEZXRhaWxTaWRlYmFyO1xuXG5jb25zdCBTdHlsZWRQYXBlciA9IHN0eWxlZChQYXBlcik8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIHBhZGRpbmc6IHRoZW1lPy5zcGFjaW5nKDMsIDIpLFxufSkpO1xuIl19 */");
+var _default = exports.default = DetailSidebar;
 //# sourceMappingURL=Sidebar.js.map

package/build/sections/SideBar/index.js

@@ -10,5 +10,5 @@ Object.defineProperty(exports, "default", {
   }
 });
 var _Sidebar = _interopRequireDefault(require("./Sidebar"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //# sourceMappingURL=index.js.map

package/build/sections/index.js

@@ -17,5 +17,5 @@ Object.defineProperty(exports, "SideBar", {
 });
 var _SideBar = _interopRequireDefault(require("./SideBar"));
 var _Detail = _interopRequireDefault(require("./Detail"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //# sourceMappingURL=index.js.map

package/build/src/AppTest/App.stories.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const ApplicationStoryBook: any;
+export declare const ApplicationjQuery: any;
+export declare const ApplicationForbidden: any;
+export declare const ApplicationNotFound: any;

package/build/src/AppTest/AppRoute.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AppRoute: React.FC;
+export default AppRoute;

package/build/src/AppTest/pages/Front/Home.d.ts

@@ -0,0 +1,2 @@
+import { Home } from '../../../index';
+export default Home;

package/build/src/AppTest/pages/Front/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Home';

package/build/src/AppTest/pages/Version/Version.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Version: React.FC;
+export default Version;

package/build/src/AppTest/pages/Version/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Version';

package/build/src/Theme/ThemeProvider.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/src/__mocks__/react-markdown.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export default function ({ children }: {
     children: any;
-}): JSX.Element;
+}): React.JSX.Element;

package/build/src/components/Author/Author.d.ts

@@ -1,9 +1,4 @@
 import { FC } from 'react';
-export declare function getAuthorName(authorName?: string): string;
-/**
- * @param param0
- * @returns
- */
 declare const Author: FC<{
     packageMeta: any;
 }>;

package/build/src/components/Author/styles.d.ts

@@ -1,6 +1,2 @@
-/// <reference types="react" />
 export declare const StyledText: import("@emotion/styled").StyledComponent<any, {}, {}>;
 export declare const AuthorListItem: import("@emotion/styled").StyledComponent<any, {}, {}>;
-export declare const AuthorListItemText: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemTextProps<import("react").ElementType<any>, import("react").ElementType<any>> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;

package/build/src/components/CopyClipboard/CopyToClipBoard.d.ts

@@ -5,5 +5,5 @@ interface Props {
     dataTestId: string;
     children?: React.ReactNode;
 }
-declare function CopyToClipBoard({ text, children, dataTestId, title, ...props }: Props): JSX.Element;
+declare function CopyToClipBoard({ text, children, dataTestId, title, ...props }: Props): React.JSX.Element;
 export default CopyToClipBoard;

package/build/src/components/CopyClipboard/CopyToClipBoard.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/src/components/Dependencies/DependencyBlock.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { PackageDependencies } from '../../types/packageMeta';
+interface DependencyBlockProps {
+    title: string;
+    dependencies: PackageDependencies;
+}
+export declare const StyledText: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const Tags: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+} & {
+    theme?: import("@mui/material").Theme | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Tag: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const DependencyBlock: React.FC<DependencyBlockProps>;
+export {};

package/build/src/components/Dependencies/DependencyBlock.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/src/components/Dependencies/utits.d.ts

@@ -0,0 +1,3 @@
+export declare function hasKeys(object?: {
+    [key: string]: any;
+}): boolean;

package/build/src/components/Deprecated/Deprecated.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-export declare const CardStyled: any;
 export type Props = {
     message: string;
 };

package/build/src/components/Developers/DeveloperType.d.ts

@@ -0,0 +1,4 @@
+export declare enum DeveloperType {
+    CONTRIBUTORS = "contributors",
+    MAINTAINERS = "maintainers"
+}

package/build/src/components/Developers/Developers.d.ts

@@ -1,8 +1,5 @@
 import React from 'react';
-export declare enum DeveloperType {
-    CONTRIBUTORS = "contributors",
-    MAINTAINERS = "maintainers"
-}
+import { DeveloperType } from './DeveloperType';
 export declare const Fab: import("@emotion/styled").StyledComponent<any, {}, {}>;
 interface Props {
     type: DeveloperType;

package/build/src/components/Developers/Title.d.ts

@@ -1,8 +1,5 @@
 import React from 'react';
-export declare enum DeveloperType {
-    CONTRIBUTORS = "contributors",
-    MAINTAINERS = "maintainers"
-}
+import { DeveloperType } from './';
 interface Props {
     type: DeveloperType;
 }

package/build/src/components/Developers/index.d.ts

@@ -1 +1,2 @@
-export { default, DeveloperType } from './Developers';
+export { default } from './Developers';
+export { DeveloperType } from './DeveloperType';

package/build/src/components/Distribution/styles.d.ts

@@ -1,4 +1,3 @@
 export declare const StyledText: import("@emotion/styled").StyledComponent<any, {}, {}>;
 export declare const DistListItem: import("@emotion/styled").StyledComponent<any, {}, {}>;
 export declare const DistChips: import("@emotion/styled").StyledComponent<any, {}, {}>;
-export declare const DownloadButton: import("@emotion/styled").StyledComponent<any, {}, {}>;

package/build/src/components/ErrorBoundary/ErrorBoundary.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/src/components/Forbidden/Forbidden.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Foebidden: React.FC;
+export default Foebidden;

package/build/src/components/Forbidden/Forbidden.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/src/components/Forbidden/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Forbidden';

package/build/src/components/HeaderInfoDialog/HeaderInfoDialog.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/src/components/Heading/Heading.d.ts

@@ -4,5 +4,5 @@ type HeadingType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 interface Props extends Omit<TypographyProps, 'variant'> {
     variant?: HeadingType;
 }
-declare const Heading: React.ForwardRefExoticComponent<Pick<Props, keyof Props> & React.RefAttributes<HTMLHeadingElement>>;
+declare const Heading: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 export default Heading;

package/build/src/components/Heading/Heading.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/src/components/Icons/DevsIcons/CommonJS.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function CommonJS(): JSX.Element;
+import React from 'react';
+export declare function CommonJS(): React.JSX.Element;

package/build/src/components/Icons/DevsIcons/ES6Module.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function ES6Modules(): JSX.Element;
+import React from 'react';
+export declare function ES6Modules(): React.JSX.Element;

package/build/src/components/Icons/DevsIcons/Git.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function Git(): JSX.Element;
+import React from 'react';
+export declare function Git(): React.JSX.Element;

package/build/src/components/Icons/DevsIcons/NodeJS.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function NodeJS(): JSX.Element;
+import React from 'react';
+export declare function NodeJS(): React.JSX.Element;

package/build/src/components/Icons/DevsIcons/TypeScript.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function TypeScript(): JSX.Element;
+import React from 'react';
+export declare function TypeScript(): React.JSX.Element;

package/build/src/components/Icons/Earth.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-declare const Earth: React.ForwardRefExoticComponent<Pick<Pick<Omit<any, "fontsize" | "color" | "name"> & {
+declare const Earth: React.ForwardRefExoticComponent<Omit<Omit<Omit<any, "name" | "fontsize" | "color"> & {
     size?: ("sm" | "md") | undefined;
     title?: string | undefined;
     className?: string | undefined;
-}, string | number | symbol> & React.RefAttributes<SVGSVGElement>, string | number | symbol> & React.RefAttributes<SVGSVGElement>>;
+}, "ref"> & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export { Earth };

package/build/src/components/Icons/FileBinary.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-declare const FileBinary: React.ForwardRefExoticComponent<Pick<Pick<Omit<any, "fontsize" | "color" | "name"> & {
+declare const FileBinary: React.ForwardRefExoticComponent<Omit<Omit<Omit<any, "name" | "fontsize" | "color"> & {
     size?: ("sm" | "md") | undefined;
     title?: string | undefined;
     className?: string | undefined;
-}, string | number | symbol> & React.RefAttributes<SVGSVGElement>, string | number | symbol> & React.RefAttributes<SVGSVGElement>>;
+}, "ref"> & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export { FileBinary };

package/build/src/components/Icons/Icons.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/src/components/Icons/Law.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-declare const Law: React.ForwardRefExoticComponent<Pick<Pick<Omit<any, "fontsize" | "color" | "name"> & {
+declare const Law: React.ForwardRefExoticComponent<Omit<Omit<Omit<any, "name" | "fontsize" | "color"> & {
     size?: ("sm" | "md") | undefined;
     title?: string | undefined;
     className?: string | undefined;
-}, string | number | symbol> & React.RefAttributes<SVGSVGElement>, string | number | symbol> & React.RefAttributes<SVGSVGElement>>;
+}, "ref"> & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export { Law };

package/build/src/components/Icons/License.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-declare const License: React.ForwardRefExoticComponent<Pick<Pick<Omit<any, "fontsize" | "color" | "name"> & {
+declare const License: React.ForwardRefExoticComponent<Omit<Omit<Omit<any, "name" | "fontsize" | "color"> & {
     size?: ("sm" | "md") | undefined;
     title?: string | undefined;
     className?: string | undefined;
-}, string | number | symbol> & React.RefAttributes<SVGSVGElement>, string | number | symbol> & React.RefAttributes<SVGSVGElement>>;
+}, "ref"> & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export { License };

package/build/src/components/Icons/Managers/Npm.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function Npm(): JSX.Element;
+import React from 'react';
+export declare function Npm(): React.JSX.Element;

package/build/src/components/Icons/Managers/Pnpm.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function Pnpm(): JSX.Element;
+import React from 'react';
+export declare function Pnpm(): React.JSX.Element;

package/build/src/components/Icons/Managers/Yarn.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function Yarn(): JSX.Element;
+import React from 'react';
+export declare function Yarn(): React.JSX.Element;

package/build/src/components/Icons/SvgIcon.d.ts

@@ -6,5 +6,5 @@ type Props = Omit<SvgIconProps, 'color' | 'fontsize' | 'name'> & {
     title?: string;
     className?: string;
 };
-declare const SvgIcon: React.ForwardRefExoticComponent<Pick<Props, string | number | symbol> & React.RefAttributes<SVGSVGElement>>;
+declare const SvgIcon: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export { SvgIcon };

package/build/src/components/Icons/Time.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-declare const Time: React.ForwardRefExoticComponent<Pick<Pick<Omit<any, "fontsize" | "color" | "name"> & {
+declare const Time: React.ForwardRefExoticComponent<Omit<Omit<Omit<any, "name" | "fontsize" | "color"> & {
     size?: ("sm" | "md") | undefined;
     title?: string | undefined;
     className?: string | undefined;
-}, string | number | symbol> & React.RefAttributes<SVGSVGElement>, string | number | symbol> & React.RefAttributes<SVGSVGElement>>;
+}, "ref"> & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export { Time };

package/build/src/components/Icons/Version.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-declare const Version: React.ForwardRefExoticComponent<Pick<Pick<Omit<any, "fontsize" | "color" | "name"> & {
+declare const Version: React.ForwardRefExoticComponent<Omit<Omit<Omit<any, "name" | "fontsize" | "color"> & {
     size?: ("sm" | "md") | undefined;
     title?: string | undefined;
     className?: string | undefined;
-}, string | number | symbol> & React.RefAttributes<SVGSVGElement>, string | number | symbol> & React.RefAttributes<SVGSVGElement>>;
+}, "ref"> & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export { Version };

package/build/src/components/Install/InstallListItem.d.ts

@@ -7,6 +7,8 @@ export declare enum DependencyManager {
 interface Interface {
     packageName: string;
     dependencyManager: DependencyManager;
+    packageVersion?: string;
 }
+export declare function getGlobalInstall(isLatest: any, isGlobal: any, packageVersion: any, packageName: any, isYarn?: boolean): any;
 declare const InstallListItem: React.FC<Interface>;
 export default InstallListItem;

package/build/src/components/Keywords/KeywordListItems.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const KeywordListItems: React.FC<{
+    keywords: undefined | string | string[];
+}>;
+export default KeywordListItems;

package/build/src/components/Keywords/Keywords.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { PackageMetaInterface } from '../../types/packageMeta';
+declare const Keywords: React.FC<{
+    packageMeta: PackageMetaInterface;
+}>;
+export default Keywords;

package/build/src/components/Keywords/Keywords.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const AllProperties: any;

package/build/src/components/Keywords/Keywords.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/src/components/Keywords/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Keywords';

package/build/src/components/Link/Link.d.ts

@@ -1,6 +1,3 @@
 import React from 'react';
-export declare const CustomRouterLink: import("@emotion/styled").StyledComponent<import("react-router-dom").LinkProps<unknown> & React.RefAttributes<HTMLAnchorElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-declare const Link: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLAnchorElement>>;
+declare const Link: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 export default Link;

package/build/src/components/Link/Link.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/src/components/Link/index.d.ts

@@ -1 +1 @@
-export { default as Link } from './Link';
+export { default } from './Link';

package/build/src/components/LinkExternal/LinkExternal.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const LinkExternal: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export default LinkExternal;

package/build/src/components/LinkExternal/LinkExternal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/src/components/LinkExternal/index.d.ts

@@ -0,0 +1 @@
+export { default } from './LinkExternal';

package/build/src/components/Loading/styles.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Badge: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     theme?: import("@mui/material").Theme | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/src/components/LoginDialog/LoginDialog.stories.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const OpenLoginDialog: {
-    render: (args: any) => JSX.Element;
+    render: (args: any) => React.JSX.Element;
     argTypes: {
         open: boolean;
     };

package/build/src/components/LoginDialog/LoginDialogForm.d.ts

@@ -8,5 +8,5 @@ interface Props {
     onSubmit: (formValues: FormValues) => void;
     error?: LoginError;
 }
-declare const LoginDialogForm: React.MemoExoticComponent<({ onSubmit, error }: Props) => JSX.Element>;
+declare const LoginDialogForm: React.MemoExoticComponent<({ onSubmit, error }: Props) => React.JSX.Element>;
 export default LoginDialogForm;

package/build/src/components/LoginDialog/LoginDialogFormError.d.ts

@@ -7,5 +7,5 @@ export interface FormValues {
 interface Props {
     error: LoginError;
 }
-declare const LoginDialogFormError: React.MemoExoticComponent<({ error }: Props) => JSX.Element>;
+declare const LoginDialogFormError: React.MemoExoticComponent<({ error }: Props) => React.JSX.Element>;
 export default LoginDialogFormError;

package/build/src/components/Logo/Logo.d.ts

@@ -9,6 +9,7 @@ interface Props {
     onClick?: () => void;
     className?: string;
     isDefault?: boolean;
+    title?: string;
 }
 declare const Logo: React.FC<Props>;
 export default Logo;

package/build/src/components/Logo/Logo.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Icons: any;

package/build/src/components/MenuItem/MenuItem.d.ts

@@ -5,5 +5,5 @@ type MenuItemRef = HTMLElementTagNameMap[HTMLElementTagName];
 interface Props extends Omit<MenuItemProps, 'component'> {
     component?: HTMLElementTagName;
 }
-declare const MenuItem: React.ForwardRefExoticComponent<Pick<Props, keyof Props> & React.RefAttributes<MenuItemRef>>;
+declare const MenuItem: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<MenuItemRef>>;
 export default MenuItem;

package/build/src/components/Package/Package.d.ts

@@ -13,7 +13,7 @@ export interface PackageInterface {
     time?: number | string;
     author: PackageAuthor;
     description?: string;
-    keywords?: string[];
+    keywords?: PackageMetaInterface['latest']['keywords'];
     license?: PackageMetaInterface['latest']['license'];
     homepage?: string;
     bugs?: Bugs;