@verdaccio/ui-components 5.0.0-next-9.20 → 5.0.0-next-9.21

package/build/components/Distribution/Dist.js

@@ -3,8 +3,8 @@ const require_utils = require("../../utils/utils.js");
 const require_styles = require("./styles.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_material_List = require("@mui/material/List");
 _mui_material_List = require_runtime.__toESM(_mui_material_List);
 //#region src/components/Distribution/Dist.tsx
@@ -24,10 +24,10 @@ var Dist = ({ packageMeta }) => {
 			children: t("sidebar.distribution.title")
 		}),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_styles.DistListItem, { children: [
-			dist?.fileCount && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DistChip, {
+			dist?.fileCount ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DistChip, {
 				name: t("sidebar.distribution.file-count"),
 				children: `${dist.fileCount}`
-			}),
+			}) : null,
 			dist?.unpackedSize ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DistChip, {
 				name: t("sidebar.distribution.size"),
 				children: require_utils.fileSizeSI(dist.unpackedSize)

package/build/components/Distribution/Dist.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dist.js","names":[],"sources":["../../../src/components/Distribution/Dist.tsx"],"sourcesContent":["import List from '@mui/material/List';\nimport type { FC } from 'react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { PackageMetaInterface } from '../../types/packageMeta';\nimport { fileSizeSI, formatLicense } from '../../utils/utils';\nimport { DistChips, DistListItem, StyledText } from './styles';\n\nconst DistChip: FC<{ name: string; children?: React.ReactElement | string }> = ({\n  name,\n  children,\n}) =>\n  children ? (\n    <DistChips\n      label={\n        <>\n          <b>{name}</b>\n          {': '}\n          {children}\n        </>\n      }\n    />\n  ) : null;\n\nconst Dist: FC<{ packageMeta: PackageMetaInterface }> = ({ packageMeta }) => {\n  const { t } = useTranslation();\n\n  if (!packageMeta?.latest) {\n    return null;\n  }\n\n  const { dist, license } = packageMeta.latest;\n\n  if (!dist && !license) {\n    return null;\n  }\n\n  return (\n    <List\n      subheader={<StyledText variant=\"subtitle1\">{t('sidebar.distribution.title')}</StyledText>}\n    >\n      <DistListItem>\n        {dist?.fileCount && (\n          <DistChip name={t('sidebar.distribution.file-count')}>{`${dist.fileCount}`}</DistChip>\n        )}\n        {dist?.unpackedSize ? (\n          <DistChip name={t('sidebar.distribution.size')}>{fileSizeSI(dist.unpackedSize)}</DistChip>\n        ) : null}\n\n        <DistChip name={t('sidebar.distribution.license')}>{formatLicense(license)}</DistChip>\n      </DistListItem>\n    </List>\n  );\n};\n\nexport default Dist;\n"],"mappings":";;;;;;;;;;AASA,IAAM,YAA0E,EAC9E,MACA,eAEA,WACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,WAAD,EACE,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA;CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD,EAAA,UAAI,KAAQ,CAAA;CACX;CACA;AACD,EAAA,CAAA,EAEL,CAAA,IACC;AAEN,IAAM,QAAmD,EAAE,kBAAkB;CAC3E,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;CAE7B,IAAI,CAAC,aAAa,QAChB,OAAO;CAGT,MAAM,EAAE,MAAM,YAAY,YAAY;CAEtC,IAAI,CAAC,QAAQ,CAAC,SACZ,OAAO;CAGT,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAA,SAAD;EACE,WAAW,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,YAAD;GAAY,SAAQ;GAAa,UAAA,EAAE,4BAA4B;EAAc,CAAA;EAExF,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,eAAA,cAAD,EAAA,UAAA;GACG,MAAM,aACL,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IAAU,MAAM,EAAE,iCAAiC;IAAI,UAAA,GAAG,KAAK;GAAsB,CAAA;GAEtF,MAAM,eACL,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IAAU,MAAM,EAAE,2BAA2B;IAAI,UAAA,cAAA,WAAW,KAAK,YAAY;GAAY,CAAA,IACvF;GAEJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IAAU,MAAM,EAAE,8BAA8B;IAAI,UAAA,cAAA,cAAc,OAAO;GAAY,CAAA;EACzE,EAAA,CAAA;CACV,CAAA;AAEV"}
+{"version":3,"file":"Dist.js","names":[],"sources":["../../../src/components/Distribution/Dist.tsx"],"sourcesContent":["import List from '@mui/material/List';\nimport type { FC } from 'react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { PackageMetaInterface } from '../../types/packageMeta';\nimport { fileSizeSI, formatLicense } from '../../utils/utils';\nimport { DistChips, DistListItem, StyledText } from './styles';\n\nconst DistChip: FC<{ name: string; children?: React.ReactElement | string }> = ({\n  name,\n  children,\n}) =>\n  children ? (\n    <DistChips\n      label={\n        <>\n          <b>{name}</b>\n          {': '}\n          {children}\n        </>\n      }\n    />\n  ) : null;\n\nconst Dist: FC<{ packageMeta: PackageMetaInterface }> = ({ packageMeta }) => {\n  const { t } = useTranslation();\n\n  if (!packageMeta?.latest) {\n    return null;\n  }\n\n  const { dist, license } = packageMeta.latest;\n\n  if (!dist && !license) {\n    return null;\n  }\n\n  return (\n    <List\n      subheader={<StyledText variant=\"subtitle1\">{t('sidebar.distribution.title')}</StyledText>}\n    >\n      <DistListItem>\n        {dist?.fileCount ? (\n          <DistChip name={t('sidebar.distribution.file-count')}>{`${dist.fileCount}`}</DistChip>\n        ) : null}\n        {dist?.unpackedSize ? (\n          <DistChip name={t('sidebar.distribution.size')}>{fileSizeSI(dist.unpackedSize)}</DistChip>\n        ) : null}\n\n        <DistChip name={t('sidebar.distribution.license')}>{formatLicense(license)}</DistChip>\n      </DistListItem>\n    </List>\n  );\n};\n\nexport default Dist;\n"],"mappings":";;;;;;;;;;AASA,IAAM,YAA0E,EAC9E,MACA,eAEA,WACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,WAAD,EACE,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA;CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD,EAAA,UAAI,KAAQ,CAAA;CACX;CACA;AACD,EAAA,CAAA,EAEL,CAAA,IACC;AAEN,IAAM,QAAmD,EAAE,kBAAkB;CAC3E,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;CAE7B,IAAI,CAAC,aAAa,QAChB,OAAO;CAGT,MAAM,EAAE,MAAM,YAAY,YAAY;CAEtC,IAAI,CAAC,QAAQ,CAAC,SACZ,OAAO;CAGT,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAA,SAAD;EACE,WAAW,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,YAAD;GAAY,SAAQ;GAAa,UAAA,EAAE,4BAA4B;EAAc,CAAA;EAExF,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,eAAA,cAAD,EAAA,UAAA;GACG,MAAM,YACL,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IAAU,MAAM,EAAE,iCAAiC;IAAI,UAAA,GAAG,KAAK;GAAsB,CAAA,IACnF;GACH,MAAM,eACL,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IAAU,MAAM,EAAE,2BAA2B;IAAI,UAAA,cAAA,WAAW,KAAK,YAAY;GAAY,CAAA,IACvF;GAEJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IAAU,MAAM,EAAE,8BAA8B;IAAI,UAAA,cAAA,cAAc,OAAO;GAAY,CAAA;EACzE,EAAA,CAAA;CACV,CAAA;AAEV"}

package/build/components/Distribution/Dist.mjs

@@ -1,8 +1,8 @@
 import { fileSizeSI, formatLicense } from "../../utils/utils.mjs";
 import { DistChips, DistListItem, StyledText } from "./styles.mjs";
 import "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import List from "@mui/material/List";
 //#region src/components/Distribution/Dist.tsx
 var DistChip = ({ name, children }) => children ? /* @__PURE__ */ jsx(DistChips, { label: /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -21,10 +21,10 @@ var Dist = ({ packageMeta }) => {
 			children: t("sidebar.distribution.title")
 		}),
 		children: /* @__PURE__ */ jsxs(DistListItem, { children: [
-			dist?.fileCount && /* @__PURE__ */ jsx(DistChip, {
+			dist?.fileCount ? /* @__PURE__ */ jsx(DistChip, {
 				name: t("sidebar.distribution.file-count"),
 				children: `${dist.fileCount}`
-			}),
+			}) : null,
 			dist?.unpackedSize ? /* @__PURE__ */ jsx(DistChip, {
 				name: t("sidebar.distribution.size"),
 				children: fileSizeSI(dist.unpackedSize)

package/build/components/Distribution/Dist.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Dist.mjs","names":[],"sources":["../../../src/components/Distribution/Dist.tsx"],"sourcesContent":["import List from '@mui/material/List';\nimport type { FC } from 'react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { PackageMetaInterface } from '../../types/packageMeta';\nimport { fileSizeSI, formatLicense } from '../../utils/utils';\nimport { DistChips, DistListItem, StyledText } from './styles';\n\nconst DistChip: FC<{ name: string; children?: React.ReactElement | string }> = ({\n  name,\n  children,\n}) =>\n  children ? (\n    <DistChips\n      label={\n        <>\n          <b>{name}</b>\n          {': '}\n          {children}\n        </>\n      }\n    />\n  ) : null;\n\nconst Dist: FC<{ packageMeta: PackageMetaInterface }> = ({ packageMeta }) => {\n  const { t } = useTranslation();\n\n  if (!packageMeta?.latest) {\n    return null;\n  }\n\n  const { dist, license } = packageMeta.latest;\n\n  if (!dist && !license) {\n    return null;\n  }\n\n  return (\n    <List\n      subheader={<StyledText variant=\"subtitle1\">{t('sidebar.distribution.title')}</StyledText>}\n    >\n      <DistListItem>\n        {dist?.fileCount && (\n          <DistChip name={t('sidebar.distribution.file-count')}>{`${dist.fileCount}`}</DistChip>\n        )}\n        {dist?.unpackedSize ? (\n          <DistChip name={t('sidebar.distribution.size')}>{fileSizeSI(dist.unpackedSize)}</DistChip>\n        ) : null}\n\n        <DistChip name={t('sidebar.distribution.license')}>{formatLicense(license)}</DistChip>\n      </DistListItem>\n    </List>\n  );\n};\n\nexport default Dist;\n"],"mappings":";;;;;;;AASA,IAAM,YAA0E,EAC9E,MACA,eAEA,WACE,oBAAC,WAAD,EACE,OACE,qBAAA,YAAA,EAAA,UAAA;CACE,oBAAC,KAAD,EAAA,UAAI,KAAQ,CAAA;CACX;CACA;AACD,EAAA,CAAA,EAEL,CAAA,IACC;AAEN,IAAM,QAAmD,EAAE,kBAAkB;CAC3E,MAAM,EAAE,MAAM,eAAe;CAE7B,IAAI,CAAC,aAAa,QAChB,OAAO;CAGT,MAAM,EAAE,MAAM,YAAY,YAAY;CAEtC,IAAI,CAAC,QAAQ,CAAC,SACZ,OAAO;CAGT,OACE,oBAAC,MAAD;EACE,WAAW,oBAAC,YAAD;GAAY,SAAQ;GAAa,UAAA,EAAE,4BAA4B;EAAc,CAAA;EAExF,UAAA,qBAAC,cAAD,EAAA,UAAA;GACG,MAAM,aACL,oBAAC,UAAD;IAAU,MAAM,EAAE,iCAAiC;IAAI,UAAA,GAAG,KAAK;GAAsB,CAAA;GAEtF,MAAM,eACL,oBAAC,UAAD;IAAU,MAAM,EAAE,2BAA2B;IAAI,UAAA,WAAW,KAAK,YAAY;GAAY,CAAA,IACvF;GAEJ,oBAAC,UAAD;IAAU,MAAM,EAAE,8BAA8B;IAAI,UAAA,cAAc,OAAO;GAAY,CAAA;EACzE,EAAA,CAAA;CACV,CAAA;AAEV"}
+{"version":3,"file":"Dist.mjs","names":[],"sources":["../../../src/components/Distribution/Dist.tsx"],"sourcesContent":["import List from '@mui/material/List';\nimport type { FC } from 'react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { PackageMetaInterface } from '../../types/packageMeta';\nimport { fileSizeSI, formatLicense } from '../../utils/utils';\nimport { DistChips, DistListItem, StyledText } from './styles';\n\nconst DistChip: FC<{ name: string; children?: React.ReactElement | string }> = ({\n  name,\n  children,\n}) =>\n  children ? (\n    <DistChips\n      label={\n        <>\n          <b>{name}</b>\n          {': '}\n          {children}\n        </>\n      }\n    />\n  ) : null;\n\nconst Dist: FC<{ packageMeta: PackageMetaInterface }> = ({ packageMeta }) => {\n  const { t } = useTranslation();\n\n  if (!packageMeta?.latest) {\n    return null;\n  }\n\n  const { dist, license } = packageMeta.latest;\n\n  if (!dist && !license) {\n    return null;\n  }\n\n  return (\n    <List\n      subheader={<StyledText variant=\"subtitle1\">{t('sidebar.distribution.title')}</StyledText>}\n    >\n      <DistListItem>\n        {dist?.fileCount ? (\n          <DistChip name={t('sidebar.distribution.file-count')}>{`${dist.fileCount}`}</DistChip>\n        ) : null}\n        {dist?.unpackedSize ? (\n          <DistChip name={t('sidebar.distribution.size')}>{fileSizeSI(dist.unpackedSize)}</DistChip>\n        ) : null}\n\n        <DistChip name={t('sidebar.distribution.license')}>{formatLicense(license)}</DistChip>\n      </DistListItem>\n    </List>\n  );\n};\n\nexport default Dist;\n"],"mappings":";;;;;;;AASA,IAAM,YAA0E,EAC9E,MACA,eAEA,WACE,oBAAC,WAAD,EACE,OACE,qBAAA,YAAA,EAAA,UAAA;CACE,oBAAC,KAAD,EAAA,UAAI,KAAQ,CAAA;CACX;CACA;AACD,EAAA,CAAA,EAEL,CAAA,IACC;AAEN,IAAM,QAAmD,EAAE,kBAAkB;CAC3E,MAAM,EAAE,MAAM,eAAe;CAE7B,IAAI,CAAC,aAAa,QAChB,OAAO;CAGT,MAAM,EAAE,MAAM,YAAY,YAAY;CAEtC,IAAI,CAAC,QAAQ,CAAC,SACZ,OAAO;CAGT,OACE,oBAAC,MAAD;EACE,WAAW,oBAAC,YAAD;GAAY,SAAQ;GAAa,UAAA,EAAE,4BAA4B;EAAc,CAAA;EAExF,UAAA,qBAAC,cAAD,EAAA,UAAA;GACG,MAAM,YACL,oBAAC,UAAD;IAAU,MAAM,EAAE,iCAAiC;IAAI,UAAA,GAAG,KAAK;GAAsB,CAAA,IACnF;GACH,MAAM,eACL,oBAAC,UAAD;IAAU,MAAM,EAAE,2BAA2B;IAAI,UAAA,WAAW,KAAK,YAAY;GAAY,CAAA,IACvF;GAEJ,oBAAC,UAAD;IAAU,MAAM,EAAE,8BAA8B;IAAI,UAAA,cAAc,OAAO;GAAY,CAAA;EACzE,EAAA,CAAA;CACV,CAAA;AAEV"}

package/build/components/Engines/Engines.js

@@ -7,8 +7,8 @@ require("../Icons/index.js");
 const require_styles = require("./styles.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_material_List = require("@mui/material/List");
 _mui_material_List = require_runtime.__toESM(_mui_material_List);
 let _mui_material = require("@mui/material");

package/build/components/Engines/Engines.mjs

@@ -5,8 +5,8 @@ import { Yarn } from "../Icons/Managers/Yarn2.mjs";
 import "../Icons/index.mjs";
 import { EngineListItem, StyledText } from "./styles.mjs";
 import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
 import List from "@mui/material/List";
 import { Typography } from "@mui/material";
 import Avatar from "@mui/material/Avatar";

package/build/components/Forbidden/Forbidden.js

@@ -5,10 +5,10 @@ let _emotion_styled = require("@emotion/styled");
 _emotion_styled = require_runtime.__toESM(_emotion_styled);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let react_i18next = require("react-i18next");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_material_Box = require("@mui/material/Box");
 _mui_material_Box = require_runtime.__toESM(_mui_material_Box);
-let react_i18next = require("react-i18next");
 let _mui_material_colors = require("@mui/material/colors");
 let react_router = require("react-router");
 let _mui_material_Button = require("@mui/material/Button");

package/build/components/Forbidden/Forbidden.mjs

@@ -2,9 +2,9 @@ import Heading from "../Heading/Heading.mjs";
 import "../Heading/index.mjs";
 import styled from "@emotion/styled";
 import { useCallback } from "react";
+import { useTranslation } from "react-i18next";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Box from "@mui/material/Box";
-import { useTranslation } from "react-i18next";
 import { common } from "@mui/material/colors";
 import { useNavigate } from "react-router";
 import Button from "@mui/material/Button";

package/build/components/FundButton/FundButton.js

@@ -1,5 +1,6 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_url = require("../../utils/url.js");
+const require_utils = require("../../utils/utils.js");
 require("../../utils/index.js");
 const require_LinkExternal = require("../LinkExternal/LinkExternal.js");
 require("../LinkExternal/index.js");
@@ -7,8 +8,8 @@ let _emotion_styled = require("@emotion/styled");
 _emotion_styled = require_runtime.__toESM(_emotion_styled);
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_icons_material_Favorite = require("@mui/icons-material/Favorite");
 _mui_icons_material_Favorite = require_runtime.__toESM(_mui_icons_material_Favorite);
 let _mui_material_Button = require("@mui/material/Button");
@@ -23,8 +24,8 @@ var StyledLink = (0, _emotion_styled.default)(require_LinkExternal.default)(({ t
 var StyledFavoriteIcon = (0, _emotion_styled.default)(_mui_icons_material_Favorite.default)(({ theme }) => ({ color: theme.palette.love }));
 var StyledFundStrong = (0, _emotion_styled.default)("strong")({ marginRight: 3 });
 var FundButton = ({ packageMeta }) => {
-	const fundingUrl = packageMeta?.latest?.funding?.url;
-	if (!require_url.isURL(fundingUrl)) return null;
+	const fundingUrl = require_utils.getFundingUrl(packageMeta?.latest?.funding);
+	if (!fundingUrl || !require_url.isURL(fundingUrl)) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledLink, {
 		to: fundingUrl,
 		variant: "button",

package/build/components/FundButton/FundButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FundButton.js","names":[],"sources":["../../../src/components/FundButton/FundButton.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Favorite from '@mui/icons-material/Favorite';\nimport Button from '@mui/material/Button';\nimport React from 'react';\nimport { Trans } from 'react-i18next';\n\nimport type { Theme } from '../../Theme';\nimport { url } from '../../utils';\nimport LinkExternal from '../LinkExternal';\n\nconst StyledLink = styled(LinkExternal)<{ theme?: Theme }>(({ theme }) => ({\n  marginTop: theme.spacing(2),\n  marginBottom: theme.spacing(2),\n  textDecoration: 'none',\n  display: 'block',\n}));\n\nconst StyledFavoriteIcon = styled(Favorite)<{ theme?: Theme }>(({ theme }) => ({\n  color: theme.palette.love,\n}));\n\nconst StyledFundStrong = styled('strong')({\n  marginRight: 3,\n});\n\nconst FundButton: React.FC<{ packageMeta: any }> = ({ packageMeta }) => {\n  const fundingUrl = packageMeta?.latest?.funding?.url as string;\n\n  if (!url.isURL(fundingUrl)) {\n    return null;\n  }\n\n  return (\n    <StyledLink to={fundingUrl} variant=\"button\">\n      <Button\n        color=\"primary\"\n        fullWidth={true}\n        startIcon={<StyledFavoriteIcon />}\n        variant=\"outlined\"\n      >\n        <Trans components={[<StyledFundStrong key=\"fund\" />]} i18nKey=\"button.fund-this-package\" />\n      </Button>\n    </StyledLink>\n  );\n};\n\nexport default FundButton;\n"],"mappings":";;;;;;;;;;;;;;;;AAUA,IAAM,cAAA,GAAa,gBAAA,QAAA,CAAO,qBAAA,OAAY,CAAC,EAAqB,EAAE,aAAa;CACzE,WAAW,MAAM,QAAQ,CAAC;CAC1B,cAAc,MAAM,QAAQ,CAAC;CAC7B,gBAAgB;CAChB,SAAS;AACX,EAAE;AAEF,IAAM,sBAAA,GAAqB,gBAAA,QAAA,CAAO,6BAAA,OAAQ,CAAC,EAAqB,EAAE,aAAa,EAC7E,OAAO,MAAM,QAAQ,KACvB,EAAE;AAEF,IAAM,oBAAA,GAAmB,gBAAA,QAAA,CAAO,QAAQ,CAAC,CAAC,EACxC,aAAa,EACf,CAAC;AAED,IAAM,cAA8C,EAAE,kBAAkB;CACtE,MAAM,aAAa,aAAa,QAAQ,SAAS;CAEjD,IAAI,CAAA,YAAA,MAAW,UAAU,GACvB,OAAO;CAGT,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD;EAAY,IAAI;EAAY,SAAQ;EAClC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAA,SAAD;GACE,OAAM;GACN,WAAW;GACX,WAAW,iBAAA,GAAA,kBAAA,IAAA,CAAC,oBAAD,CAAqB,CAAA;GAChC,SAAQ;GAER,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,OAAD;IAAO,YAAY,CAAC,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD,CAA8B,GAAR,MAAQ,CAAC;IAAG,SAAQ;GAA4B,CAAA;EACpF,CAAA;CACE,CAAA;AAEhB"}
+{"version":3,"file":"FundButton.js","names":[],"sources":["../../../src/components/FundButton/FundButton.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Favorite from '@mui/icons-material/Favorite';\nimport Button from '@mui/material/Button';\nimport React from 'react';\nimport { Trans } from 'react-i18next';\n\nimport type { Theme } from '../../Theme';\nimport { url, utils } from '../../utils';\nimport LinkExternal from '../LinkExternal';\n\nconst StyledLink = styled(LinkExternal)<{ theme?: Theme }>(({ theme }) => ({\n  marginTop: theme.spacing(2),\n  marginBottom: theme.spacing(2),\n  textDecoration: 'none',\n  display: 'block',\n}));\n\nconst StyledFavoriteIcon = styled(Favorite)<{ theme?: Theme }>(({ theme }) => ({\n  color: theme.palette.love,\n}));\n\nconst StyledFundStrong = styled('strong')({\n  marginRight: 3,\n});\n\nconst FundButton: React.FC<{ packageMeta: any }> = ({ packageMeta }) => {\n  // funding can be a string, an object or an array of both\n  const fundingUrl = utils.getFundingUrl(packageMeta?.latest?.funding);\n\n  if (!fundingUrl || !url.isURL(fundingUrl)) {\n    return null;\n  }\n\n  return (\n    <StyledLink to={fundingUrl} variant=\"button\">\n      <Button\n        color=\"primary\"\n        fullWidth={true}\n        startIcon={<StyledFavoriteIcon />}\n        variant=\"outlined\"\n      >\n        <Trans components={[<StyledFundStrong key=\"fund\" />]} i18nKey=\"button.fund-this-package\" />\n      </Button>\n    </StyledLink>\n  );\n};\n\nexport default FundButton;\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAM,cAAA,GAAa,gBAAA,QAAA,CAAO,qBAAA,OAAY,CAAC,EAAqB,EAAE,aAAa;CACzE,WAAW,MAAM,QAAQ,CAAC;CAC1B,cAAc,MAAM,QAAQ,CAAC;CAC7B,gBAAgB;CAChB,SAAS;AACX,EAAE;AAEF,IAAM,sBAAA,GAAqB,gBAAA,QAAA,CAAO,6BAAA,OAAQ,CAAC,EAAqB,EAAE,aAAa,EAC7E,OAAO,MAAM,QAAQ,KACvB,EAAE;AAEF,IAAM,oBAAA,GAAmB,gBAAA,QAAA,CAAO,QAAQ,CAAC,CAAC,EACxC,aAAa,EACf,CAAC;AAED,IAAM,cAA8C,EAAE,kBAAkB;CAEtE,MAAM,aAAA,cAAA,cAAiC,aAAa,QAAQ,OAAO;CAEnE,IAAI,CAAC,cAAc,CAAA,YAAA,MAAW,UAAU,GACtC,OAAO;CAGT,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD;EAAY,IAAI;EAAY,SAAQ;EAClC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAA,SAAD;GACE,OAAM;GACN,WAAW;GACX,WAAW,iBAAA,GAAA,kBAAA,IAAA,CAAC,oBAAD,CAAqB,CAAA;GAChC,SAAQ;GAER,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,OAAD;IAAO,YAAY,CAAC,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD,CAA8B,GAAR,MAAQ,CAAC;IAAG,SAAQ;GAA4B,CAAA;EACpF,CAAA;CACE,CAAA;AAEhB"}

package/build/components/FundButton/FundButton.mjs

@@ -1,11 +1,12 @@
 import { isURL } from "../../utils/url.mjs";
+import { getFundingUrl } from "../../utils/utils.mjs";
 import "../../utils/index.mjs";
 import LinkExternal from "../LinkExternal/LinkExternal.mjs";
 import "../LinkExternal/index.mjs";
 import styled from "@emotion/styled";
 import "react";
-import { jsx } from "react/jsx-runtime";
 import { Trans } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
 import Favorite from "@mui/icons-material/Favorite";
 import Button from "@mui/material/Button";
 //#region src/components/FundButton/FundButton.tsx
@@ -18,8 +19,8 @@ var StyledLink = styled(LinkExternal)(({ theme }) => ({
 var StyledFavoriteIcon = styled(Favorite)(({ theme }) => ({ color: theme.palette.love }));
 var StyledFundStrong = styled("strong")({ marginRight: 3 });
 var FundButton = ({ packageMeta }) => {
-	const fundingUrl = packageMeta?.latest?.funding?.url;
-	if (!isURL(fundingUrl)) return null;
+	const fundingUrl = getFundingUrl(packageMeta?.latest?.funding);
+	if (!fundingUrl || !isURL(fundingUrl)) return null;
 	return /* @__PURE__ */ jsx(StyledLink, {
 		to: fundingUrl,
 		variant: "button",

package/build/components/FundButton/FundButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FundButton.mjs","names":[],"sources":["../../../src/components/FundButton/FundButton.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Favorite from '@mui/icons-material/Favorite';\nimport Button from '@mui/material/Button';\nimport React from 'react';\nimport { Trans } from 'react-i18next';\n\nimport type { Theme } from '../../Theme';\nimport { url } from '../../utils';\nimport LinkExternal from '../LinkExternal';\n\nconst StyledLink = styled(LinkExternal)<{ theme?: Theme }>(({ theme }) => ({\n  marginTop: theme.spacing(2),\n  marginBottom: theme.spacing(2),\n  textDecoration: 'none',\n  display: 'block',\n}));\n\nconst StyledFavoriteIcon = styled(Favorite)<{ theme?: Theme }>(({ theme }) => ({\n  color: theme.palette.love,\n}));\n\nconst StyledFundStrong = styled('strong')({\n  marginRight: 3,\n});\n\nconst FundButton: React.FC<{ packageMeta: any }> = ({ packageMeta }) => {\n  const fundingUrl = packageMeta?.latest?.funding?.url as string;\n\n  if (!url.isURL(fundingUrl)) {\n    return null;\n  }\n\n  return (\n    <StyledLink to={fundingUrl} variant=\"button\">\n      <Button\n        color=\"primary\"\n        fullWidth={true}\n        startIcon={<StyledFavoriteIcon />}\n        variant=\"outlined\"\n      >\n        <Trans components={[<StyledFundStrong key=\"fund\" />]} i18nKey=\"button.fund-this-package\" />\n      </Button>\n    </StyledLink>\n  );\n};\n\nexport default FundButton;\n"],"mappings":";;;;;;;;;;;AAUA,IAAM,aAAa,OAAO,YAAY,CAAC,EAAqB,EAAE,aAAa;CACzE,WAAW,MAAM,QAAQ,CAAC;CAC1B,cAAc,MAAM,QAAQ,CAAC;CAC7B,gBAAgB;CAChB,SAAS;AACX,EAAE;AAEF,IAAM,qBAAqB,OAAO,QAAQ,CAAC,EAAqB,EAAE,aAAa,EAC7E,OAAO,MAAM,QAAQ,KACvB,EAAE;AAEF,IAAM,mBAAmB,OAAO,QAAQ,CAAC,CAAC,EACxC,aAAa,EACf,CAAC;AAED,IAAM,cAA8C,EAAE,kBAAkB;CACtE,MAAM,aAAa,aAAa,QAAQ,SAAS;CAEjD,IAAI,CAAC,MAAU,UAAU,GACvB,OAAO;CAGT,OACE,oBAAC,YAAD;EAAY,IAAI;EAAY,SAAQ;EAClC,UAAA,oBAAC,QAAD;GACE,OAAM;GACN,WAAW;GACX,WAAW,oBAAC,oBAAD,CAAqB,CAAA;GAChC,SAAQ;GAER,UAAA,oBAAC,OAAD;IAAO,YAAY,CAAC,oBAAC,kBAAD,CAA8B,GAAR,MAAQ,CAAC;IAAG,SAAQ;GAA4B,CAAA;EACpF,CAAA;CACE,CAAA;AAEhB"}
+{"version":3,"file":"FundButton.mjs","names":[],"sources":["../../../src/components/FundButton/FundButton.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Favorite from '@mui/icons-material/Favorite';\nimport Button from '@mui/material/Button';\nimport React from 'react';\nimport { Trans } from 'react-i18next';\n\nimport type { Theme } from '../../Theme';\nimport { url, utils } from '../../utils';\nimport LinkExternal from '../LinkExternal';\n\nconst StyledLink = styled(LinkExternal)<{ theme?: Theme }>(({ theme }) => ({\n  marginTop: theme.spacing(2),\n  marginBottom: theme.spacing(2),\n  textDecoration: 'none',\n  display: 'block',\n}));\n\nconst StyledFavoriteIcon = styled(Favorite)<{ theme?: Theme }>(({ theme }) => ({\n  color: theme.palette.love,\n}));\n\nconst StyledFundStrong = styled('strong')({\n  marginRight: 3,\n});\n\nconst FundButton: React.FC<{ packageMeta: any }> = ({ packageMeta }) => {\n  // funding can be a string, an object or an array of both\n  const fundingUrl = utils.getFundingUrl(packageMeta?.latest?.funding);\n\n  if (!fundingUrl || !url.isURL(fundingUrl)) {\n    return null;\n  }\n\n  return (\n    <StyledLink to={fundingUrl} variant=\"button\">\n      <Button\n        color=\"primary\"\n        fullWidth={true}\n        startIcon={<StyledFavoriteIcon />}\n        variant=\"outlined\"\n      >\n        <Trans components={[<StyledFundStrong key=\"fund\" />]} i18nKey=\"button.fund-this-package\" />\n      </Button>\n    </StyledLink>\n  );\n};\n\nexport default FundButton;\n"],"mappings":";;;;;;;;;;;;AAUA,IAAM,aAAa,OAAO,YAAY,CAAC,EAAqB,EAAE,aAAa;CACzE,WAAW,MAAM,QAAQ,CAAC;CAC1B,cAAc,MAAM,QAAQ,CAAC;CAC7B,gBAAgB;CAChB,SAAS;AACX,EAAE;AAEF,IAAM,qBAAqB,OAAO,QAAQ,CAAC,EAAqB,EAAE,aAAa,EAC7E,OAAO,MAAM,QAAQ,KACvB,EAAE;AAEF,IAAM,mBAAmB,OAAO,QAAQ,CAAC,CAAC,EACxC,aAAa,EACf,CAAC;AAED,IAAM,cAA8C,EAAE,kBAAkB;CAEtE,MAAM,aAAa,cAAoB,aAAa,QAAQ,OAAO;CAEnE,IAAI,CAAC,cAAc,CAAC,MAAU,UAAU,GACtC,OAAO;CAGT,OACE,oBAAC,YAAD;EAAY,IAAI;EAAY,SAAQ;EAClC,UAAA,oBAAC,QAAD;GACE,OAAM;GACN,WAAW;GACX,WAAW,oBAAC,oBAAD,CAAqB,CAAA;GAChC,SAAQ;GAER,UAAA,oBAAC,OAAD;IAAO,YAAY,CAAC,oBAAC,kBAAD,CAA8B,GAAR,MAAQ,CAAC;IAAG,SAAQ;GAA4B,CAAA;EACpF,CAAA;CACE,CAAA;AAEhB"}

package/build/components/GenericError/GenericError.d.ts

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

package/build/components/GenericError/GenericError.js

@@ -0,0 +1,60 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_Heading = require("../Heading/Heading.js");
+require("../Heading/index.js");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_runtime.__toESM(_emotion_styled);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _mui_material_Box = require("@mui/material/Box");
+_mui_material_Box = require_runtime.__toESM(_mui_material_Box);
+let _mui_material_colors = require("@mui/material/colors");
+let react_router = require("react-router");
+let _mui_material_Button = require("@mui/material/Button");
+_mui_material_Button = require_runtime.__toESM(_mui_material_Button);
+let _mui_icons_material_ErrorOutline = require("@mui/icons-material/ErrorOutline");
+_mui_icons_material_ErrorOutline = require_runtime.__toESM(_mui_icons_material_ErrorOutline);
+//#region src/components/GenericError/GenericError.tsx
+var GenericError = () => {
+	const navigate = (0, react_router.useNavigate)();
+	const { t } = (0, react_i18next.useTranslation)();
+	const handleGoHome = (0, react.useCallback)(() => {
+		navigate("/");
+	}, [navigate]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_Box.default, {
+		alignItems: "center",
+		"data-testid": "generic-error",
+		display: "flex",
+		flexDirection: "column",
+		flexGrow: 1,
+		justifyContent: "center",
+		p: 2,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Container, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_icons_material_ErrorOutline.default, {
+				color: "primary",
+				style: { fontSize: 236 }
+			}) }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledHeading, {
+				className: "generic-error-text",
+				variant: "h4",
+				children: t("error.unspecific")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Button.default, {
+				"data-testid": "generic-error-go-to-home-button",
+				onClick: handleGoHome,
+				variant: "contained",
+				children: t("button.go-to-the-home-page")
+			})
+		]
+	});
+};
+var Container = (0, _emotion_styled.default)("div")({ margin: "0 auto" });
+var StyledHeading = (0, _emotion_styled.default)(require_Heading.default)(({ theme }) => ({
+	color: theme.palette.mode === "light" ? theme.palette.primary.main : _mui_material_colors.common.white,
+	marginBottom: 16
+}));
+//#endregion
+exports.default = GenericError;
+
+//# sourceMappingURL=GenericError.js.map

package/build/components/GenericError/GenericError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenericError.js","names":[],"sources":["../../../src/components/GenericError/GenericError.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport { common } from '@mui/material/colors';\nimport React, { useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useNavigate } from 'react-router';\n\nimport type { Theme } from '../../';\nimport Heading from '../Heading';\n\nconst GenericError: React.FC = () => {\n  const navigate = useNavigate();\n  const { t } = useTranslation();\n\n  const handleGoHome = useCallback(() => {\n    navigate('/');\n  }, [navigate]);\n\n  return (\n    <Box\n      alignItems=\"center\"\n      data-testid=\"generic-error\"\n      display=\"flex\"\n      flexDirection=\"column\"\n      flexGrow={1}\n      justifyContent=\"center\"\n      p={2}\n    >\n      <Container>\n        <ErrorOutlineIcon color=\"primary\" style={{ fontSize: 236 }} />\n      </Container>\n      <StyledHeading className=\"generic-error-text\" variant=\"h4\">\n        {t('error.unspecific')}\n      </StyledHeading>\n      <Button\n        data-testid=\"generic-error-go-to-home-button\"\n        onClick={handleGoHome}\n        variant=\"contained\"\n      >\n        {t('button.go-to-the-home-page')}\n      </Button>\n    </Box>\n  );\n};\n\nexport default GenericError;\n\nconst Container = styled('div')({\n  margin: '0 auto',\n});\n\nconst StyledHeading = styled(Heading)<{ theme?: Theme }>(({ theme }) => ({\n  color: theme.palette.mode === 'light' ? theme.palette.primary.main : common.white,\n  marginBottom: 16,\n}));\n"],"mappings":";;;;;;;;;;;;;;;;;;AAYA,IAAM,qBAA+B;CACnC,MAAM,YAAA,GAAW,aAAA,YAAA,CAAY;CAC7B,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;CAE7B,MAAM,gBAAA,GAAe,MAAA,YAAA,OAAkB;EACrC,SAAS,GAAG;CACd,GAAG,CAAC,QAAQ,CAAC;CAEb,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,kBAAA,SAAD;EACE,YAAW;EACX,eAAY;EACZ,SAAQ;EACR,eAAc;EACd,UAAU;EACV,gBAAe;EACf,GAAG;EAPL,UAAA;GASE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,iCAAA,SAAD;IAAkB,OAAM;IAAU,OAAO,EAAE,UAAU,IAAI;GAAI,CAAA,EACpD,CAAA;GACX,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;IAAe,WAAU;IAAqB,SAAQ;IACnD,UAAA,EAAE,kBAAkB;GACR,CAAA;GACf,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAA,SAAD;IACE,eAAY;IACZ,SAAS;IACT,SAAQ;IAEP,UAAA,EAAE,4BAA4B;GACzB,CAAA;EACL;;AAET;AAIA,IAAM,aAAA,GAAY,gBAAA,QAAA,CAAO,KAAK,CAAC,CAAC,EAC9B,QAAQ,SACV,CAAC;AAED,IAAM,iBAAA,GAAgB,gBAAA,QAAA,CAAO,gBAAA,OAAO,CAAC,EAAqB,EAAE,aAAa;CACvE,OAAO,MAAM,QAAQ,SAAS,UAAU,MAAM,QAAQ,QAAQ,OAAO,qBAAA,OAAO;CAC5E,cAAc;AAChB,EAAE"}

package/build/components/GenericError/GenericError.mjs

@@ -0,0 +1,54 @@
+import Heading from "../Heading/Heading.mjs";
+import "../Heading/index.mjs";
+import styled from "@emotion/styled";
+import { useCallback } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Box from "@mui/material/Box";
+import { common } from "@mui/material/colors";
+import { useNavigate } from "react-router";
+import Button from "@mui/material/Button";
+import ErrorOutlineIcon from "@mui/icons-material/ErrorOutline";
+//#region src/components/GenericError/GenericError.tsx
+var GenericError = () => {
+	const navigate = useNavigate();
+	const { t } = useTranslation();
+	const handleGoHome = useCallback(() => {
+		navigate("/");
+	}, [navigate]);
+	return /* @__PURE__ */ jsxs(Box, {
+		alignItems: "center",
+		"data-testid": "generic-error",
+		display: "flex",
+		flexDirection: "column",
+		flexGrow: 1,
+		justifyContent: "center",
+		p: 2,
+		children: [
+			/* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(ErrorOutlineIcon, {
+				color: "primary",
+				style: { fontSize: 236 }
+			}) }),
+			/* @__PURE__ */ jsx(StyledHeading, {
+				className: "generic-error-text",
+				variant: "h4",
+				children: t("error.unspecific")
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				"data-testid": "generic-error-go-to-home-button",
+				onClick: handleGoHome,
+				variant: "contained",
+				children: t("button.go-to-the-home-page")
+			})
+		]
+	});
+};
+var Container = styled("div")({ margin: "0 auto" });
+var StyledHeading = styled(Heading)(({ theme }) => ({
+	color: theme.palette.mode === "light" ? theme.palette.primary.main : common.white,
+	marginBottom: 16
+}));
+//#endregion
+export { GenericError as default };
+
+//# sourceMappingURL=GenericError.mjs.map

package/build/components/GenericError/GenericError.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenericError.mjs","names":[],"sources":["../../../src/components/GenericError/GenericError.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport { common } from '@mui/material/colors';\nimport React, { useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useNavigate } from 'react-router';\n\nimport type { Theme } from '../../';\nimport Heading from '../Heading';\n\nconst GenericError: React.FC = () => {\n  const navigate = useNavigate();\n  const { t } = useTranslation();\n\n  const handleGoHome = useCallback(() => {\n    navigate('/');\n  }, [navigate]);\n\n  return (\n    <Box\n      alignItems=\"center\"\n      data-testid=\"generic-error\"\n      display=\"flex\"\n      flexDirection=\"column\"\n      flexGrow={1}\n      justifyContent=\"center\"\n      p={2}\n    >\n      <Container>\n        <ErrorOutlineIcon color=\"primary\" style={{ fontSize: 236 }} />\n      </Container>\n      <StyledHeading className=\"generic-error-text\" variant=\"h4\">\n        {t('error.unspecific')}\n      </StyledHeading>\n      <Button\n        data-testid=\"generic-error-go-to-home-button\"\n        onClick={handleGoHome}\n        variant=\"contained\"\n      >\n        {t('button.go-to-the-home-page')}\n      </Button>\n    </Box>\n  );\n};\n\nexport default GenericError;\n\nconst Container = styled('div')({\n  margin: '0 auto',\n});\n\nconst StyledHeading = styled(Heading)<{ theme?: Theme }>(({ theme }) => ({\n  color: theme.palette.mode === 'light' ? theme.palette.primary.main : common.white,\n  marginBottom: 16,\n}));\n"],"mappings":";;;;;;;;;;;;AAYA,IAAM,qBAA+B;CACnC,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,MAAM,eAAe;CAE7B,MAAM,eAAe,kBAAkB;EACrC,SAAS,GAAG;CACd,GAAG,CAAC,QAAQ,CAAC;CAEb,OACE,qBAAC,KAAD;EACE,YAAW;EACX,eAAY;EACZ,SAAQ;EACR,eAAc;EACd,UAAU;EACV,gBAAe;EACf,GAAG;EAPL,UAAA;GASE,oBAAC,WAAD,EAAA,UACE,oBAAC,kBAAD;IAAkB,OAAM;IAAU,OAAO,EAAE,UAAU,IAAI;GAAI,CAAA,EACpD,CAAA;GACX,oBAAC,eAAD;IAAe,WAAU;IAAqB,SAAQ;IACnD,UAAA,EAAE,kBAAkB;GACR,CAAA;GACf,oBAAC,QAAD;IACE,eAAY;IACZ,SAAS;IACT,SAAQ;IAEP,UAAA,EAAE,4BAA4B;GACzB,CAAA;EACL;;AAET;AAIA,IAAM,YAAY,OAAO,KAAK,CAAC,CAAC,EAC9B,QAAQ,SACV,CAAC;AAED,IAAM,gBAAgB,OAAO,OAAO,CAAC,EAAqB,EAAE,aAAa;CACvE,OAAO,MAAM,QAAQ,SAAS,UAAU,MAAM,QAAQ,QAAQ,OAAO,OAAO;CAC5E,cAAc;AAChB,EAAE"}

package/build/components/GenericError/index.d.ts

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

package/build/components/GenericError/index.js

@@ -0,0 +1,2 @@
+const require_GenericError = require("./GenericError.js");
+exports.default = require_GenericError.default;

package/build/components/GenericError/index.mjs

@@ -0,0 +1,2 @@
+import GenericError from "./GenericError.mjs";
+export { GenericError as default };

package/build/components/Help/Help.js

@@ -6,8 +6,8 @@ const require_styles = require("./styles.js");
 require("../../index.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_material_Typography = require("@mui/material/Typography");
 _mui_material_Typography = require_runtime.__toESM(_mui_material_Typography);
 let _mui_material_CardContent = require("@mui/material/CardContent");

package/build/components/Help/Help.mjs

@@ -4,8 +4,8 @@ import Heading from "../Heading/Heading.mjs";
 import { CardStyled } from "./styles.mjs";
 import "../../index.mjs";
 import { Fragment } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
 import Typography from "@mui/material/Typography";
 import CardContent from "@mui/material/CardContent";
 import Button from "@mui/material/Button";

package/build/components/Install/Install.js

@@ -6,8 +6,8 @@ let _emotion_styled = require("@emotion/styled");
 _emotion_styled = require_runtime.__toESM(_emotion_styled);
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_material_List = require("@mui/material/List");
 _mui_material_List = require_runtime.__toESM(_mui_material_List);
 let _mui_material = require("@mui/material");

package/build/components/Install/Install.mjs

@@ -3,8 +3,8 @@ import "../SettingsMenu/index.mjs";
 import InstallListItem, { DependencyManager } from "./InstallListItem.mjs";
 import styled from "@emotion/styled";
 import "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import List from "@mui/material/List";
 import { Typography } from "@mui/material";
 //#region src/components/Install/Install.tsx

package/build/components/Install/InstallListItem.js

@@ -67,8 +67,8 @@ var InstallListItem = ({ packageName, dependencyManager, packageVersion }) => {
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Yarn.Yarn, {})
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InstallListItemText, { primary: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CopyToClipBoard.default, {
 				dataTestId: "installYarn",
-				text: isGlobal ? `yarn ${localSettings.yarnModern ? "" : "global"} add ${getGlobalInstall(isGlobal, packageVersion, packageName, true)}` : `yarn add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}`,
-				title: isGlobal ? `yarn global add ${getGlobalInstall(isGlobal, packageVersion, packageName, true)}` : `yarn add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}`
+				text: isGlobal ? `yarn ${localSettings.yarnModern ? "" : "global"} add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}` : `yarn add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}`,
+				title: isGlobal ? `yarn global add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}` : `yarn add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}`
 			}) })]
 		});
 		case "pnpm": return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(InstallItem, {

package/build/components/Install/InstallListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"InstallListItem.js","names":[],"sources":["../../../src/components/Install/InstallListItem.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Avatar from '@mui/material/Avatar';\nimport ListItem from '@mui/material/ListItem';\nimport ListItemText from '@mui/material/ListItemText';\nimport { common } from '@mui/material/colors';\nimport React from 'react';\n\nimport { useSettings } from '../../providers/PersistenceSettingProvider';\nimport CopyToClipBoard from '../CopyClipboard';\nimport { Npm, Pnpm, Yarn } from '../Icons';\n\nconst InstallItem = styled(ListItem)({\n  padding: 0,\n  ':hover': {\n    backgroundColor: 'transparent',\n  },\n});\n\nconst InstallListItemText = styled(ListItemText)({\n  padding: '0 0 0 10px',\n  margin: 0,\n});\n\nconst PackageMangerAvatar = styled(Avatar)({\n  backgroundColor: 'transparent',\n  padding: 0,\n  marginLeft: 0,\n});\n\nexport enum DependencyManager {\n  NPM = 'npm',\n  YARN = 'yarn',\n  PNPM = 'pnpm',\n}\n\ninterface Interface {\n  packageName: string;\n  dependencyManager: DependencyManager;\n  packageVersion?: string;\n}\n\nexport function getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, isYarn = false) {\n  const name = isGlobal\n    ? `${isYarn ? '' : '-g'} ${packageVersion && !isLatest ? `${packageName}@${packageVersion}` : packageName}`\n    : packageVersion && !isLatest\n      ? `${packageName}@${packageVersion}`\n      : packageName;\n\n  return name.trim();\n}\n\nconst InstallListItem: React.FC<Interface> = ({\n  packageName,\n  dependencyManager,\n  packageVersion,\n}) => {\n  const { localSettings } = useSettings();\n  // const theme: Theme = useTheme();\n  const isLatest = localSettings[packageName]?.latest ?? false;\n  const isGlobal = localSettings[packageName]?.global ?? false;\n  switch (dependencyManager) {\n    case DependencyManager.NPM:\n      return (\n        <InstallItem data-testid={'installListItem-npm'}>\n          <PackageMangerAvatar alt=\"npm\" sx={{ bgcolor: common.white }}>\n            <Npm />\n          </PackageMangerAvatar>\n          <InstallListItemText\n            primary={\n              <CopyToClipBoard\n                dataTestId=\"installNpm\"\n                text={`npm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n                title={`npm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n              />\n            }\n          />\n        </InstallItem>\n      );\n    case DependencyManager.YARN:\n      return (\n        <InstallItem data-testid={'installListItem-yarn'}>\n          <PackageMangerAvatar alt=\"yarn\" sx={{ bgcolor: common.white }}>\n            <Yarn />\n          </PackageMangerAvatar>\n          <InstallListItemText\n            primary={\n              <CopyToClipBoard\n                dataTestId=\"installYarn\"\n                text={\n                  isGlobal\n                    ? `yarn ${localSettings.yarnModern ? '' : 'global'} add ${getGlobalInstall(\n                        isGlobal,\n                        packageVersion,\n                        packageName,\n                        true\n                      )}`\n                    : `yarn add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}`\n                }\n                title={\n                  isGlobal\n                    ? `yarn global add ${getGlobalInstall(\n                        isGlobal,\n                        packageVersion,\n                        packageName,\n                        true\n                      )}`\n                    : `yarn add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}`\n                }\n              />\n            }\n          />\n        </InstallItem>\n      );\n    case DependencyManager.PNPM:\n      return (\n        <InstallItem data-testid={'installListItem-pnpm'}>\n          <PackageMangerAvatar alt={'pnpm'} sx={{ bgcolor: common.white }}>\n            <Pnpm />\n          </PackageMangerAvatar>\n          <InstallListItemText\n            primary={\n              <CopyToClipBoard\n                dataTestId=\"installPnpm\"\n                text={`pnpm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n                title={`pnpm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n              />\n            }\n          />\n        </InstallItem>\n      );\n    default:\n      return null;\n  }\n};\n\nexport default InstallListItem;\n"],"mappings":"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"}
+{"version":3,"file":"InstallListItem.js","names":[],"sources":["../../../src/components/Install/InstallListItem.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Avatar from '@mui/material/Avatar';\nimport ListItem from '@mui/material/ListItem';\nimport ListItemText from '@mui/material/ListItemText';\nimport { common } from '@mui/material/colors';\nimport React from 'react';\n\nimport { useSettings } from '../../providers/PersistenceSettingProvider';\nimport CopyToClipBoard from '../CopyClipboard';\nimport { Npm, Pnpm, Yarn } from '../Icons';\n\nconst InstallItem = styled(ListItem)({\n  padding: 0,\n  ':hover': {\n    backgroundColor: 'transparent',\n  },\n});\n\nconst InstallListItemText = styled(ListItemText)({\n  padding: '0 0 0 10px',\n  margin: 0,\n});\n\nconst PackageMangerAvatar = styled(Avatar)({\n  backgroundColor: 'transparent',\n  padding: 0,\n  marginLeft: 0,\n});\n\nexport enum DependencyManager {\n  NPM = 'npm',\n  YARN = 'yarn',\n  PNPM = 'pnpm',\n}\n\ninterface Interface {\n  packageName: string;\n  dependencyManager: DependencyManager;\n  packageVersion?: string;\n}\n\nexport function getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, isYarn = false) {\n  const name = isGlobal\n    ? `${isYarn ? '' : '-g'} ${packageVersion && !isLatest ? `${packageName}@${packageVersion}` : packageName}`\n    : packageVersion && !isLatest\n      ? `${packageName}@${packageVersion}`\n      : packageName;\n\n  return name.trim();\n}\n\nconst InstallListItem: React.FC<Interface> = ({\n  packageName,\n  dependencyManager,\n  packageVersion,\n}) => {\n  const { localSettings } = useSettings();\n  // const theme: Theme = useTheme();\n  const isLatest = localSettings[packageName]?.latest ?? false;\n  const isGlobal = localSettings[packageName]?.global ?? false;\n  switch (dependencyManager) {\n    case DependencyManager.NPM:\n      return (\n        <InstallItem data-testid={'installListItem-npm'}>\n          <PackageMangerAvatar alt=\"npm\" sx={{ bgcolor: common.white }}>\n            <Npm />\n          </PackageMangerAvatar>\n          <InstallListItemText\n            primary={\n              <CopyToClipBoard\n                dataTestId=\"installNpm\"\n                text={`npm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n                title={`npm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n              />\n            }\n          />\n        </InstallItem>\n      );\n    case DependencyManager.YARN:\n      return (\n        <InstallItem data-testid={'installListItem-yarn'}>\n          <PackageMangerAvatar alt=\"yarn\" sx={{ bgcolor: common.white }}>\n            <Yarn />\n          </PackageMangerAvatar>\n          <InstallListItemText\n            primary={\n              <CopyToClipBoard\n                dataTestId=\"installYarn\"\n                text={\n                  isGlobal\n                    ? `yarn ${localSettings.yarnModern ? '' : 'global'} add ${getGlobalInstall(\n                        isLatest,\n                        isGlobal,\n                        packageVersion,\n                        packageName,\n                        true\n                      )}`\n                    : `yarn add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}`\n                }\n                title={\n                  isGlobal\n                    ? `yarn global add ${getGlobalInstall(\n                        isLatest,\n                        isGlobal,\n                        packageVersion,\n                        packageName,\n                        true\n                      )}`\n                    : `yarn add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}`\n                }\n              />\n            }\n          />\n        </InstallItem>\n      );\n    case DependencyManager.PNPM:\n      return (\n        <InstallItem data-testid={'installListItem-pnpm'}>\n          <PackageMangerAvatar alt={'pnpm'} sx={{ bgcolor: common.white }}>\n            <Pnpm />\n          </PackageMangerAvatar>\n          <InstallListItemText\n            primary={\n              <CopyToClipBoard\n                dataTestId=\"installPnpm\"\n                text={`pnpm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n                title={`pnpm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n              />\n            }\n          />\n        </InstallItem>\n      );\n    default:\n      return null;\n  }\n};\n\nexport default InstallListItem;\n"],"mappings":"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"}

package/build/components/Install/InstallListItem.mjs

@@ -61,8 +61,8 @@ var InstallListItem = ({ packageName, dependencyManager, packageVersion }) => {
 				children: /* @__PURE__ */ jsx(Yarn, {})
 			}), /* @__PURE__ */ jsx(InstallListItemText, { primary: /* @__PURE__ */ jsx(CopyToClipBoard, {
 				dataTestId: "installYarn",
-				text: isGlobal ? `yarn ${localSettings.yarnModern ? "" : "global"} add ${getGlobalInstall(isGlobal, packageVersion, packageName, true)}` : `yarn add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}`,
-				title: isGlobal ? `yarn global add ${getGlobalInstall(isGlobal, packageVersion, packageName, true)}` : `yarn add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}`
+				text: isGlobal ? `yarn ${localSettings.yarnModern ? "" : "global"} add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}` : `yarn add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}`,
+				title: isGlobal ? `yarn global add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}` : `yarn add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}`
 			}) })]
 		});
 		case "pnpm": return /* @__PURE__ */ jsxs(InstallItem, {

package/build/components/Install/InstallListItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InstallListItem.mjs","names":[],"sources":["../../../src/components/Install/InstallListItem.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Avatar from '@mui/material/Avatar';\nimport ListItem from '@mui/material/ListItem';\nimport ListItemText from '@mui/material/ListItemText';\nimport { common } from '@mui/material/colors';\nimport React from 'react';\n\nimport { useSettings } from '../../providers/PersistenceSettingProvider';\nimport CopyToClipBoard from '../CopyClipboard';\nimport { Npm, Pnpm, Yarn } from '../Icons';\n\nconst InstallItem = styled(ListItem)({\n  padding: 0,\n  ':hover': {\n    backgroundColor: 'transparent',\n  },\n});\n\nconst InstallListItemText = styled(ListItemText)({\n  padding: '0 0 0 10px',\n  margin: 0,\n});\n\nconst PackageMangerAvatar = styled(Avatar)({\n  backgroundColor: 'transparent',\n  padding: 0,\n  marginLeft: 0,\n});\n\nexport enum DependencyManager {\n  NPM = 'npm',\n  YARN = 'yarn',\n  PNPM = 'pnpm',\n}\n\ninterface Interface {\n  packageName: string;\n  dependencyManager: DependencyManager;\n  packageVersion?: string;\n}\n\nexport function getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, isYarn = false) {\n  const name = isGlobal\n    ? `${isYarn ? '' : '-g'} ${packageVersion && !isLatest ? `${packageName}@${packageVersion}` : packageName}`\n    : packageVersion && !isLatest\n      ? `${packageName}@${packageVersion}`\n      : packageName;\n\n  return name.trim();\n}\n\nconst InstallListItem: React.FC<Interface> = ({\n  packageName,\n  dependencyManager,\n  packageVersion,\n}) => {\n  const { localSettings } = useSettings();\n  // const theme: Theme = useTheme();\n  const isLatest = localSettings[packageName]?.latest ?? false;\n  const isGlobal = localSettings[packageName]?.global ?? false;\n  switch (dependencyManager) {\n    case DependencyManager.NPM:\n      return (\n        <InstallItem data-testid={'installListItem-npm'}>\n          <PackageMangerAvatar alt=\"npm\" sx={{ bgcolor: common.white }}>\n            <Npm />\n          </PackageMangerAvatar>\n          <InstallListItemText\n            primary={\n              <CopyToClipBoard\n                dataTestId=\"installNpm\"\n                text={`npm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n                title={`npm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n              />\n            }\n          />\n        </InstallItem>\n      );\n    case DependencyManager.YARN:\n      return (\n        <InstallItem data-testid={'installListItem-yarn'}>\n          <PackageMangerAvatar alt=\"yarn\" sx={{ bgcolor: common.white }}>\n            <Yarn />\n          </PackageMangerAvatar>\n          <InstallListItemText\n            primary={\n              <CopyToClipBoard\n                dataTestId=\"installYarn\"\n                text={\n                  isGlobal\n                    ? `yarn ${localSettings.yarnModern ? '' : 'global'} add ${getGlobalInstall(\n                        isGlobal,\n                        packageVersion,\n                        packageName,\n                        true\n                      )}`\n                    : `yarn add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}`\n                }\n                title={\n                  isGlobal\n                    ? `yarn global add ${getGlobalInstall(\n                        isGlobal,\n                        packageVersion,\n                        packageName,\n                        true\n                      )}`\n                    : `yarn add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}`\n                }\n              />\n            }\n          />\n        </InstallItem>\n      );\n    case DependencyManager.PNPM:\n      return (\n        <InstallItem data-testid={'installListItem-pnpm'}>\n          <PackageMangerAvatar alt={'pnpm'} sx={{ bgcolor: common.white }}>\n            <Pnpm />\n          </PackageMangerAvatar>\n          <InstallListItemText\n            primary={\n              <CopyToClipBoard\n                dataTestId=\"installPnpm\"\n                text={`pnpm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n                title={`pnpm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n              />\n            }\n          />\n        </InstallItem>\n      );\n    default:\n      return null;\n  }\n};\n\nexport default InstallListItem;\n"],"mappings":";;;;;;;;;;;;;;;;AAWA,IAAM,cAAc,OAAO,QAAQ,CAAC,CAAC;CACnC,SAAS;CACT,UAAU,EACR,iBAAiB,cACnB;AACF,CAAC;AAED,IAAM,sBAAsB,OAAO,YAAY,CAAC,CAAC;CAC/C,SAAS;CACT,QAAQ;AACV,CAAC;AAED,IAAM,sBAAsB,OAAO,MAAM,CAAC,CAAC;CACzC,iBAAiB;CACjB,SAAS;CACT,YAAY;AACd,CAAC;AAED,IAAY,oBAAL,yBAAA,mBAAA;CACL,kBAAA,SAAA;CACA,kBAAA,UAAA;CACA,kBAAA,UAAA;;AACF,EAAA,CAAA,CAAA;AAQA,SAAgB,iBAAiB,UAAU,UAAU,gBAAgB,aAAa,SAAS,OAAO;CAOhG,QANa,WACT,GAAG,SAAS,KAAK,KAAK,GAAG,kBAAkB,CAAC,WAAW,GAAG,YAAY,GAAG,mBAAmB,gBAC5F,kBAAkB,CAAC,WACjB,GAAG,YAAY,GAAG,mBAClB,YAAA,CAEM,KAAK;AACnB;AAEA,IAAM,mBAAwC,EAC5C,aACA,mBACA,qBACI;CACJ,MAAM,EAAE,kBAAkB,YAAY;CAEtC,MAAM,WAAW,cAAc,YAAY,EAAE,UAAU;CACvD,MAAM,WAAW,cAAc,YAAY,EAAE,UAAU;CACvD,QAAQ,mBAAR;EACE,KAAA,OACE,OACE,qBAAC,aAAD;GAAa,eAAa;GAA1B,UAAA,CACE,oBAAC,qBAAD;IAAqB,KAAI;IAAM,IAAI,EAAE,SAAS,OAAO,MAAM;IACzD,UAAA,oBAAC,KAAD,CAAM,CAAA;GACa,CAAA,GACrB,oBAAC,qBAAD,EACE,SACE,oBAAC,iBAAD;IACE,YAAW;IACX,MAAM,eAAe,iBAAiB,UAAU,UAAU,gBAAgB,WAAW;IACrF,OAAO,eAAe,iBAAiB,UAAU,UAAU,gBAAgB,WAAW;GACvF,CAAA,EAEJ,CAAA,CACU;;EAEjB,KAAA,QACE,OACE,qBAAC,aAAD;GAAa,eAAa;GAA1B,UAAA,CACE,oBAAC,qBAAD;IAAqB,KAAI;IAAO,IAAI,EAAE,SAAS,OAAO,MAAM;IAC1D,UAAA,oBAAC,MAAD,CAAO,CAAA;GACY,CAAA,GACrB,oBAAC,qBAAD,EACE,SACE,oBAAC,iBAAD;IACE,YAAW;IACX,MACE,WACI,QAAQ,cAAc,aAAa,KAAK,SAAS,OAAO,iBACtD,UACA,gBACA,aACA,IACF,MACA,YAAY,iBAAiB,UAAU,UAAU,gBAAgB,aAAa,IAAI;IAExF,OACE,WACI,mBAAmB,iBACjB,UACA,gBACA,aACA,IACF,MACA,YAAY,iBAAiB,UAAU,UAAU,gBAAgB,aAAa,IAAI;GAEzF,CAAA,EAEJ,CAAA,CACU;;EAEjB,KAAA,QACE,OACE,qBAAC,aAAD;GAAa,eAAa;GAA1B,UAAA,CACE,oBAAC,qBAAD;IAAqB,KAAK;IAAQ,IAAI,EAAE,SAAS,OAAO,MAAM;IAC5D,UAAA,oBAAC,MAAD,CAAO,CAAA;GACY,CAAA,GACrB,oBAAC,qBAAD,EACE,SACE,oBAAC,iBAAD;IACE,YAAW;IACX,MAAM,gBAAgB,iBAAiB,UAAU,UAAU,gBAAgB,WAAW;IACtF,OAAO,gBAAgB,iBAAiB,UAAU,UAAU,gBAAgB,WAAW;GACxF,CAAA,EAEJ,CAAA,CACU;;EAEjB,SACE,OAAO;CACX;AACF"}
+{"version":3,"file":"InstallListItem.mjs","names":[],"sources":["../../../src/components/Install/InstallListItem.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Avatar from '@mui/material/Avatar';\nimport ListItem from '@mui/material/ListItem';\nimport ListItemText from '@mui/material/ListItemText';\nimport { common } from '@mui/material/colors';\nimport React from 'react';\n\nimport { useSettings } from '../../providers/PersistenceSettingProvider';\nimport CopyToClipBoard from '../CopyClipboard';\nimport { Npm, Pnpm, Yarn } from '../Icons';\n\nconst InstallItem = styled(ListItem)({\n  padding: 0,\n  ':hover': {\n    backgroundColor: 'transparent',\n  },\n});\n\nconst InstallListItemText = styled(ListItemText)({\n  padding: '0 0 0 10px',\n  margin: 0,\n});\n\nconst PackageMangerAvatar = styled(Avatar)({\n  backgroundColor: 'transparent',\n  padding: 0,\n  marginLeft: 0,\n});\n\nexport enum DependencyManager {\n  NPM = 'npm',\n  YARN = 'yarn',\n  PNPM = 'pnpm',\n}\n\ninterface Interface {\n  packageName: string;\n  dependencyManager: DependencyManager;\n  packageVersion?: string;\n}\n\nexport function getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, isYarn = false) {\n  const name = isGlobal\n    ? `${isYarn ? '' : '-g'} ${packageVersion && !isLatest ? `${packageName}@${packageVersion}` : packageName}`\n    : packageVersion && !isLatest\n      ? `${packageName}@${packageVersion}`\n      : packageName;\n\n  return name.trim();\n}\n\nconst InstallListItem: React.FC<Interface> = ({\n  packageName,\n  dependencyManager,\n  packageVersion,\n}) => {\n  const { localSettings } = useSettings();\n  // const theme: Theme = useTheme();\n  const isLatest = localSettings[packageName]?.latest ?? false;\n  const isGlobal = localSettings[packageName]?.global ?? false;\n  switch (dependencyManager) {\n    case DependencyManager.NPM:\n      return (\n        <InstallItem data-testid={'installListItem-npm'}>\n          <PackageMangerAvatar alt=\"npm\" sx={{ bgcolor: common.white }}>\n            <Npm />\n          </PackageMangerAvatar>\n          <InstallListItemText\n            primary={\n              <CopyToClipBoard\n                dataTestId=\"installNpm\"\n                text={`npm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n                title={`npm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n              />\n            }\n          />\n        </InstallItem>\n      );\n    case DependencyManager.YARN:\n      return (\n        <InstallItem data-testid={'installListItem-yarn'}>\n          <PackageMangerAvatar alt=\"yarn\" sx={{ bgcolor: common.white }}>\n            <Yarn />\n          </PackageMangerAvatar>\n          <InstallListItemText\n            primary={\n              <CopyToClipBoard\n                dataTestId=\"installYarn\"\n                text={\n                  isGlobal\n                    ? `yarn ${localSettings.yarnModern ? '' : 'global'} add ${getGlobalInstall(\n                        isLatest,\n                        isGlobal,\n                        packageVersion,\n                        packageName,\n                        true\n                      )}`\n                    : `yarn add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}`\n                }\n                title={\n                  isGlobal\n                    ? `yarn global add ${getGlobalInstall(\n                        isLatest,\n                        isGlobal,\n                        packageVersion,\n                        packageName,\n                        true\n                      )}`\n                    : `yarn add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}`\n                }\n              />\n            }\n          />\n        </InstallItem>\n      );\n    case DependencyManager.PNPM:\n      return (\n        <InstallItem data-testid={'installListItem-pnpm'}>\n          <PackageMangerAvatar alt={'pnpm'} sx={{ bgcolor: common.white }}>\n            <Pnpm />\n          </PackageMangerAvatar>\n          <InstallListItemText\n            primary={\n              <CopyToClipBoard\n                dataTestId=\"installPnpm\"\n                text={`pnpm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n                title={`pnpm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n              />\n            }\n          />\n        </InstallItem>\n      );\n    default:\n      return null;\n  }\n};\n\nexport default InstallListItem;\n"],"mappings":";;;;;;;;;;;;;;;;AAWA,IAAM,cAAc,OAAO,QAAQ,CAAC,CAAC;CACnC,SAAS;CACT,UAAU,EACR,iBAAiB,cACnB;AACF,CAAC;AAED,IAAM,sBAAsB,OAAO,YAAY,CAAC,CAAC;CAC/C,SAAS;CACT,QAAQ;AACV,CAAC;AAED,IAAM,sBAAsB,OAAO,MAAM,CAAC,CAAC;CACzC,iBAAiB;CACjB,SAAS;CACT,YAAY;AACd,CAAC;AAED,IAAY,oBAAL,yBAAA,mBAAA;CACL,kBAAA,SAAA;CACA,kBAAA,UAAA;CACA,kBAAA,UAAA;;AACF,EAAA,CAAA,CAAA;AAQA,SAAgB,iBAAiB,UAAU,UAAU,gBAAgB,aAAa,SAAS,OAAO;CAOhG,QANa,WACT,GAAG,SAAS,KAAK,KAAK,GAAG,kBAAkB,CAAC,WAAW,GAAG,YAAY,GAAG,mBAAmB,gBAC5F,kBAAkB,CAAC,WACjB,GAAG,YAAY,GAAG,mBAClB,YAAA,CAEM,KAAK;AACnB;AAEA,IAAM,mBAAwC,EAC5C,aACA,mBACA,qBACI;CACJ,MAAM,EAAE,kBAAkB,YAAY;CAEtC,MAAM,WAAW,cAAc,YAAY,EAAE,UAAU;CACvD,MAAM,WAAW,cAAc,YAAY,EAAE,UAAU;CACvD,QAAQ,mBAAR;EACE,KAAA,OACE,OACE,qBAAC,aAAD;GAAa,eAAa;GAA1B,UAAA,CACE,oBAAC,qBAAD;IAAqB,KAAI;IAAM,IAAI,EAAE,SAAS,OAAO,MAAM;IACzD,UAAA,oBAAC,KAAD,CAAM,CAAA;GACa,CAAA,GACrB,oBAAC,qBAAD,EACE,SACE,oBAAC,iBAAD;IACE,YAAW;IACX,MAAM,eAAe,iBAAiB,UAAU,UAAU,gBAAgB,WAAW;IACrF,OAAO,eAAe,iBAAiB,UAAU,UAAU,gBAAgB,WAAW;GACvF,CAAA,EAEJ,CAAA,CACU;;EAEjB,KAAA,QACE,OACE,qBAAC,aAAD;GAAa,eAAa;GAA1B,UAAA,CACE,oBAAC,qBAAD;IAAqB,KAAI;IAAO,IAAI,EAAE,SAAS,OAAO,MAAM;IAC1D,UAAA,oBAAC,MAAD,CAAO,CAAA;GACY,CAAA,GACrB,oBAAC,qBAAD,EACE,SACE,oBAAC,iBAAD;IACE,YAAW;IACX,MACE,WACI,QAAQ,cAAc,aAAa,KAAK,SAAS,OAAO,iBACtD,UACA,UACA,gBACA,aACA,IACF,MACA,YAAY,iBAAiB,UAAU,UAAU,gBAAgB,aAAa,IAAI;IAExF,OACE,WACI,mBAAmB,iBACjB,UACA,UACA,gBACA,aACA,IACF,MACA,YAAY,iBAAiB,UAAU,UAAU,gBAAgB,aAAa,IAAI;GAEzF,CAAA,EAEJ,CAAA,CACU;;EAEjB,KAAA,QACE,OACE,qBAAC,aAAD;GAAa,eAAa;GAA1B,UAAA,CACE,oBAAC,qBAAD;IAAqB,KAAK;IAAQ,IAAI,EAAE,SAAS,OAAO,MAAM;IAC5D,UAAA,oBAAC,MAAD,CAAO,CAAA;GACY,CAAA,GACrB,oBAAC,qBAAD,EACE,SACE,oBAAC,iBAAD;IACE,YAAW;IACX,MAAM,gBAAgB,iBAAiB,UAAU,UAAU,gBAAgB,WAAW;IACtF,OAAO,gBAAgB,iBAAiB,UAAU,UAAU,gBAAgB,WAAW;GACxF,CAAA,EAEJ,CAAA,CACU;;EAEjB,SACE,OAAO;CACX;AACF"}

package/build/components/Keywords/KeywordListItems.js

@@ -16,7 +16,7 @@ var KeywordListItems = ({ keywords }) => {
 			mt: 0,
 			flexWrap: "wrap"
 		},
-		children: keywordList.sort().map((keyword, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Chip.default, {
+		children: [...keywordList].sort().map((keyword, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Chip.default, {
 			label: keyword,
 			size: "small",
 			sx: {

package/build/components/Keywords/KeywordListItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeywordListItems.js","names":[],"sources":["../../../src/components/Keywords/KeywordListItems.tsx"],"sourcesContent":["import Chip from '@mui/material/Chip';\nimport ListItem from '@mui/material/ListItem';\nimport React from 'react';\n\nconst KeywordListItems: React.FC<{ keywords: undefined | string | string[] }> = ({ keywords }) => {\n  const keywordList =\n    typeof keywords === 'string' ? keywords.replace(/,/g, ' ').split(' ') : keywords;\n\n  if (!keywordList) {\n    return null;\n  }\n\n  return (\n    <ListItem sx={{ px: 0, mt: 0, flexWrap: 'wrap' }}>\n      {keywordList.sort().map((keyword, index) => (\n        <Chip key={index} label={keyword} size=\"small\" sx={{ mt: 0.5, mr: 0.5 }} />\n      ))}\n    </ListItem>\n  );\n};\n\nexport default KeywordListItems;\n"],"mappings":";;;;;;;;;AAIA,IAAM,oBAA2E,EAAE,eAAe;CAChG,MAAM,cACJ,OAAO,aAAa,WAAW,SAAS,QAAQ,MAAM,GAAG,CAAC,CAAC,MAAM,GAAG,IAAI;CAE1E,IAAI,CAAC,aACH,OAAO;CAGT,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAA,SAAD;EAAU,IAAI;GAAE,IAAI;GAAG,IAAI;GAAG,UAAU;EAAO;EAC5C,UAAA,YAAY,KAAK,CAAC,CAAC,KAAK,SAAS,UAChC,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAA,SAAD;GAAkB,OAAO;GAAS,MAAK;GAAQ,IAAI;IAAE,IAAI;IAAK,IAAI;GAAI;EAAI,GAA/D,KAA+D,CAC3E;CACO,CAAA;AAEd"}
+{"version":3,"file":"KeywordListItems.js","names":[],"sources":["../../../src/components/Keywords/KeywordListItems.tsx"],"sourcesContent":["import Chip from '@mui/material/Chip';\nimport ListItem from '@mui/material/ListItem';\nimport React from 'react';\n\nconst KeywordListItems: React.FC<{ keywords: undefined | string | string[] }> = ({ keywords }) => {\n  const keywordList =\n    typeof keywords === 'string' ? keywords.replace(/,/g, ' ').split(' ') : keywords;\n\n  if (!keywordList) {\n    return null;\n  }\n\n  return (\n    <ListItem sx={{ px: 0, mt: 0, flexWrap: 'wrap' }}>\n      {[...keywordList].sort().map((keyword, index) => (\n        <Chip key={index} label={keyword} size=\"small\" sx={{ mt: 0.5, mr: 0.5 }} />\n      ))}\n    </ListItem>\n  );\n};\n\nexport default KeywordListItems;\n"],"mappings":";;;;;;;;;AAIA,IAAM,oBAA2E,EAAE,eAAe;CAChG,MAAM,cACJ,OAAO,aAAa,WAAW,SAAS,QAAQ,MAAM,GAAG,CAAC,CAAC,MAAM,GAAG,IAAI;CAE1E,IAAI,CAAC,aACH,OAAO;CAGT,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAA,SAAD;EAAU,IAAI;GAAE,IAAI;GAAG,IAAI;GAAG,UAAU;EAAO;EAC5C,UAAA,CAAC,GAAG,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,SAAS,UACrC,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAA,SAAD;GAAkB,OAAO;GAAS,MAAK;GAAQ,IAAI;IAAE,IAAI;IAAK,IAAI;GAAI;EAAI,GAA/D,KAA+D,CAC3E;CACO,CAAA;AAEd"}

package/build/components/Keywords/KeywordListItems.mjs

@@ -12,7 +12,7 @@ var KeywordListItems = ({ keywords }) => {
 			mt: 0,
 			flexWrap: "wrap"
 		},
-		children: keywordList.sort().map((keyword, index) => /* @__PURE__ */ jsx(Chip, {
+		children: [...keywordList].sort().map((keyword, index) => /* @__PURE__ */ jsx(Chip, {
 			label: keyword,
 			size: "small",
 			sx: {

package/build/components/Keywords/KeywordListItems.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"KeywordListItems.mjs","names":[],"sources":["../../../src/components/Keywords/KeywordListItems.tsx"],"sourcesContent":["import Chip from '@mui/material/Chip';\nimport ListItem from '@mui/material/ListItem';\nimport React from 'react';\n\nconst KeywordListItems: React.FC<{ keywords: undefined | string | string[] }> = ({ keywords }) => {\n  const keywordList =\n    typeof keywords === 'string' ? keywords.replace(/,/g, ' ').split(' ') : keywords;\n\n  if (!keywordList) {\n    return null;\n  }\n\n  return (\n    <ListItem sx={{ px: 0, mt: 0, flexWrap: 'wrap' }}>\n      {keywordList.sort().map((keyword, index) => (\n        <Chip key={index} label={keyword} size=\"small\" sx={{ mt: 0.5, mr: 0.5 }} />\n      ))}\n    </ListItem>\n  );\n};\n\nexport default KeywordListItems;\n"],"mappings":";;;;;AAIA,IAAM,oBAA2E,EAAE,eAAe;CAChG,MAAM,cACJ,OAAO,aAAa,WAAW,SAAS,QAAQ,MAAM,GAAG,CAAC,CAAC,MAAM,GAAG,IAAI;CAE1E,IAAI,CAAC,aACH,OAAO;CAGT,OACE,oBAAC,UAAD;EAAU,IAAI;GAAE,IAAI;GAAG,IAAI;GAAG,UAAU;EAAO;EAC5C,UAAA,YAAY,KAAK,CAAC,CAAC,KAAK,SAAS,UAChC,oBAAC,MAAD;GAAkB,OAAO;GAAS,MAAK;GAAQ,IAAI;IAAE,IAAI;IAAK,IAAI;GAAI;EAAI,GAA/D,KAA+D,CAC3E;CACO,CAAA;AAEd"}
+{"version":3,"file":"KeywordListItems.mjs","names":[],"sources":["../../../src/components/Keywords/KeywordListItems.tsx"],"sourcesContent":["import Chip from '@mui/material/Chip';\nimport ListItem from '@mui/material/ListItem';\nimport React from 'react';\n\nconst KeywordListItems: React.FC<{ keywords: undefined | string | string[] }> = ({ keywords }) => {\n  const keywordList =\n    typeof keywords === 'string' ? keywords.replace(/,/g, ' ').split(' ') : keywords;\n\n  if (!keywordList) {\n    return null;\n  }\n\n  return (\n    <ListItem sx={{ px: 0, mt: 0, flexWrap: 'wrap' }}>\n      {[...keywordList].sort().map((keyword, index) => (\n        <Chip key={index} label={keyword} size=\"small\" sx={{ mt: 0.5, mr: 0.5 }} />\n      ))}\n    </ListItem>\n  );\n};\n\nexport default KeywordListItems;\n"],"mappings":";;;;;AAIA,IAAM,oBAA2E,EAAE,eAAe;CAChG,MAAM,cACJ,OAAO,aAAa,WAAW,SAAS,QAAQ,MAAM,GAAG,CAAC,CAAC,MAAM,GAAG,IAAI;CAE1E,IAAI,CAAC,aACH,OAAO;CAGT,OACE,oBAAC,UAAD;EAAU,IAAI;GAAE,IAAI;GAAG,IAAI;GAAG,UAAU;EAAO;EAC5C,UAAA,CAAC,GAAG,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,SAAS,UACrC,oBAAC,MAAD;GAAkB,OAAO;GAAS,MAAK;GAAQ,IAAI;IAAE,IAAI;IAAK,IAAI;GAAI;EAAI,GAA/D,KAA+D,CAC3E;CACO,CAAA;AAEd"}

package/build/components/Keywords/Keywords.js

@@ -2,9 +2,9 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_KeywordListItems = require("./KeywordListItems.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
+let react_i18next = require("react-i18next");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_material_styles = require("@mui/material/styles");
-let react_i18next = require("react-i18next");
 let _mui_material_List = require("@mui/material/List");
 _mui_material_List = require_runtime.__toESM(_mui_material_List);
 let _mui_material_Typography = require("@mui/material/Typography");
@@ -13,7 +13,7 @@ _mui_material_Typography = require_runtime.__toESM(_mui_material_Typography);
 var Keywords = ({ packageMeta }) => {
 	const { t } = (0, react_i18next.useTranslation)();
 	const theme = (0, _mui_material_styles.useTheme)();
-	if (!packageMeta?.latest?.keywords) return null;
+	if (!packageMeta?.latest?.keywords || packageMeta.latest.keywords.length === 0) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_List.default, {
 		"data-testid": "keyword-list",
 		subheader: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Typography.default, {

package/build/components/Keywords/Keywords.js.map

@@ -1 +1 @@
-{"version":3,"file":"Keywords.js","names":[],"sources":["../../../src/components/Keywords/Keywords.tsx"],"sourcesContent":["import List from '@mui/material/List';\nimport Typography from '@mui/material/Typography';\nimport { useTheme } from '@mui/material/styles';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../Theme';\nimport type { PackageMetaInterface } from '../../types/packageMeta';\nimport KeywordListItems from './KeywordListItems';\n\nconst Keywords: React.FC<{ packageMeta: PackageMetaInterface }> = ({ packageMeta }) => {\n  const { t } = useTranslation();\n  const theme: Theme = useTheme();\n\n  if (!packageMeta?.latest?.keywords) {\n    return null;\n  }\n\n  return (\n    <List\n      data-testid=\"keyword-list\"\n      subheader={\n        <Typography\n          sx={{ fontWeight: theme.fontWeight.bold, textTransform: 'capitalize' }}\n          variant=\"subtitle1\"\n        >\n          {t('sidebar.keywords.title')}\n        </Typography>\n      }\n    >\n      <KeywordListItems keywords={packageMeta?.latest?.keywords} />\n    </List>\n  );\n};\n\nexport default Keywords;\n"],"mappings":";;;;;;;;;;;;AAUA,IAAM,YAA6D,EAAE,kBAAkB;CACrF,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;CAC7B,MAAM,SAAA,GAAe,qBAAA,SAAA,CAAS;CAE9B,IAAI,CAAC,aAAa,QAAQ,UACxB,OAAO;CAGT,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAA,SAAD;EACE,eAAY;EACZ,WACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,yBAAA,SAAD;GACE,IAAI;IAAE,YAAY,MAAM,WAAW;IAAM,eAAe;GAAa;GACrE,SAAQ;GAEP,UAAA,EAAE,wBAAwB;EACjB,CAAA;EAGd,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,yBAAA,SAAD,EAAkB,UAAU,aAAa,QAAQ,SAAW,CAAA;CACxD,CAAA;AAEV"}
+{"version":3,"file":"Keywords.js","names":[],"sources":["../../../src/components/Keywords/Keywords.tsx"],"sourcesContent":["import List from '@mui/material/List';\nimport Typography from '@mui/material/Typography';\nimport { useTheme } from '@mui/material/styles';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../Theme';\nimport type { PackageMetaInterface } from '../../types/packageMeta';\nimport KeywordListItems from './KeywordListItems';\n\nconst Keywords: React.FC<{ packageMeta: PackageMetaInterface }> = ({ packageMeta }) => {\n  const { t } = useTranslation();\n  const theme: Theme = useTheme();\n\n  // `keywords: []` is very common in real manifests and must not paint an\n  // empty \"Keywords\" section\n  if (!packageMeta?.latest?.keywords || packageMeta.latest.keywords.length === 0) {\n    return null;\n  }\n\n  return (\n    <List\n      data-testid=\"keyword-list\"\n      subheader={\n        <Typography\n          sx={{ fontWeight: theme.fontWeight.bold, textTransform: 'capitalize' }}\n          variant=\"subtitle1\"\n        >\n          {t('sidebar.keywords.title')}\n        </Typography>\n      }\n    >\n      <KeywordListItems keywords={packageMeta?.latest?.keywords} />\n    </List>\n  );\n};\n\nexport default Keywords;\n"],"mappings":";;;;;;;;;;;;AAUA,IAAM,YAA6D,EAAE,kBAAkB;CACrF,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;CAC7B,MAAM,SAAA,GAAe,qBAAA,SAAA,CAAS;CAI9B,IAAI,CAAC,aAAa,QAAQ,YAAY,YAAY,OAAO,SAAS,WAAW,GAC3E,OAAO;CAGT,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAA,SAAD;EACE,eAAY;EACZ,WACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,yBAAA,SAAD;GACE,IAAI;IAAE,YAAY,MAAM,WAAW;IAAM,eAAe;GAAa;GACrE,SAAQ;GAEP,UAAA,EAAE,wBAAwB;EACjB,CAAA;EAGd,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,yBAAA,SAAD,EAAkB,UAAU,aAAa,QAAQ,SAAW,CAAA;CACxD,CAAA;AAEV"}

package/build/components/Keywords/Keywords.mjs

@@ -1,15 +1,15 @@
 import KeywordListItems from "./KeywordListItems.mjs";
 import "react";
+import { useTranslation } from "react-i18next";
 import { jsx } from "react/jsx-runtime";
 import { useTheme } from "@mui/material/styles";
-import { useTranslation } from "react-i18next";
 import List from "@mui/material/List";
 import Typography from "@mui/material/Typography";
 //#region src/components/Keywords/Keywords.tsx
 var Keywords = ({ packageMeta }) => {
 	const { t } = useTranslation();
 	const theme = useTheme();
-	if (!packageMeta?.latest?.keywords) return null;
+	if (!packageMeta?.latest?.keywords || packageMeta.latest.keywords.length === 0) return null;
 	return /* @__PURE__ */ jsx(List, {
 		"data-testid": "keyword-list",
 		subheader: /* @__PURE__ */ jsx(Typography, {