@verdaccio/ui-components 5.0.0-next-9.23 → 5.0.0-next-9.25

package/build/components/Install/Install.mjs

@@ -1,3 +1,7 @@
+import CopyToClipBoard from "../CopyClipboard/CopyToClipBoard.mjs";
+import "../CopyClipboard/index.mjs";
+import { getNpmrcRegistry } from "../../utils/cli-utils.mjs";
+import "../../utils/index.mjs";
 import SettingsMenu from "../SettingsMenu/SettingsMenu.mjs";
 import "../SettingsMenu/index.mjs";
 import InstallListItem, { DependencyManager } from "./InstallListItem.mjs";
@@ -12,6 +16,12 @@ var StyledText = styled(Typography)((props) => ({
 	fontWeight: props.theme.fontWeight.bold,
 	textTransform: "capitalize"
 }));
+var RegistryConfig = styled("div")({ marginBottom: 8 });
+/** The `.npmrc` line that points this package (or its scope) at the registry. */
+function getNpmrcRegistryLine(packageName, registryUrl) {
+	const scope = packageName.startsWith("@") ? packageName.split("/")[0] : void 0;
+	return getNpmrcRegistry(scope, registryUrl);
+}
 var Wrapper = styled("div")({
 	display: "flex",
 	alignItems: "center",
@@ -23,7 +33,8 @@ var Install = ({ packageMeta, packageName, configOptions }) => {
 	const hasNpm = configOptions?.pkgManagers?.includes("npm");
 	const hasYarn = configOptions?.pkgManagers?.includes("yarn");
 	const hasPnpm = configOptions?.pkgManagers?.includes("pnpm") ?? true;
-	return hasNpm || hasPnpm || hasYarn ? /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsxs(List, {
+	const hasBun = configOptions?.pkgManagers?.includes("bun");
+	return hasNpm || hasPnpm || hasYarn || hasBun ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(List, {
 		"data-testid": "installList",
 		subheader: /* @__PURE__ */ jsxs(Wrapper, { children: [/* @__PURE__ */ jsx(StyledText, {
 			variant: "subtitle1",
@@ -44,11 +55,27 @@ var Install = ({ packageMeta, packageName, configOptions }) => {
 				dependencyManager: DependencyManager.PNPM,
 				packageName,
 				packageVersion: packageMeta.latest.version
+			}),
+			hasBun && /* @__PURE__ */ jsx(InstallListItem, {
+				dependencyManager: DependencyManager.BUN,
+				packageName,
+				packageVersion: packageMeta.latest.version
 			})
 		]
-	}) }) : null;
+	}), configOptions?.base && /* @__PURE__ */ jsxs(RegistryConfig, {
+		"data-testid": "install-npmrc",
+		children: [/* @__PURE__ */ jsx(Typography, {
+			color: "text.secondary",
+			variant: "caption",
+			children: t("sidebar.installation.npmrc")
+		}), /* @__PURE__ */ jsx(CopyToClipBoard, {
+			dataTestId: "installNpmrc",
+			text: getNpmrcRegistryLine(packageName, configOptions.base),
+			title: getNpmrcRegistryLine(packageName, configOptions.base)
+		})]
+	})] }) : null;
 };
 //#endregion
-export { Install as default };
+export { Install as default, getNpmrcRegistryLine };
 
 //# sourceMappingURL=Install.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Install.mjs","names":["_Fragment"],"sources":["../../../src/components/Install/Install.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Typography } from '@mui/material';\nimport List from '@mui/material/List';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { TemplateUIOptions } from '@verdaccio/types';\n\nimport type { Theme } from '../../Theme';\nimport type { PackageMetaInterface } from '../../types/packageMeta';\nimport { SettingsMenu } from '../SettingsMenu';\nimport InstallListItem, { DependencyManager } from './InstallListItem';\n\nconst StyledText = styled(Typography)<{ theme?: Theme }>((props) => ({\n  fontWeight: props.theme.fontWeight.bold,\n  textTransform: 'capitalize',\n}));\n\nconst Wrapper = styled('div')({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n});\n\nexport type Props = {\n  packageMeta: PackageMetaInterface;\n  packageName: string;\n  configOptions: TemplateUIOptions;\n};\n\nconst Install: React.FC<Props> = ({ packageMeta, packageName, configOptions }) => {\n  const { t } = useTranslation();\n  if (!packageMeta || !packageName) {\n    return null;\n  }\n\n  const hasNpm = configOptions?.pkgManagers?.includes('npm');\n  const hasYarn = configOptions?.pkgManagers?.includes('yarn');\n  const hasPnpm = configOptions?.pkgManagers?.includes('pnpm') ?? true;\n  const hasPkgManagers = hasNpm || hasPnpm || hasYarn;\n\n  return hasPkgManagers ? (\n    <>\n      <List\n        data-testid={'installList'}\n        subheader={\n          <Wrapper>\n            <StyledText variant={'subtitle1'}>{t('sidebar.installation.title')}</StyledText>\n            <SettingsMenu packageName={packageName} />\n          </Wrapper>\n        }\n      >\n        {hasNpm && (\n          <InstallListItem\n            dependencyManager={DependencyManager.NPM}\n            packageName={packageName}\n            packageVersion={packageMeta.latest.version}\n          />\n        )}\n        {hasYarn && (\n          <InstallListItem\n            dependencyManager={DependencyManager.YARN}\n            packageName={packageName}\n            packageVersion={packageMeta.latest.version}\n          />\n        )}\n        {hasPnpm && (\n          <InstallListItem\n            dependencyManager={DependencyManager.PNPM}\n            packageName={packageName}\n            packageVersion={packageMeta.latest.version}\n          />\n        )}\n      </List>\n    </>\n  ) : null;\n};\n\nexport default Install;\n"],"mappings":";;;;;;;;;;AAaA,IAAM,aAAa,OAAO,UAAU,CAAC,EAAqB,WAAW;CACnE,YAAY,MAAM,MAAM,WAAW;CACnC,eAAe;AACjB,EAAE;AAEF,IAAM,UAAU,OAAO,KAAK,CAAC,CAAC;CAC5B,SAAS;CACT,YAAY;CACZ,gBAAgB;AAClB,CAAC;AAQD,IAAM,WAA4B,EAAE,aAAa,aAAa,oBAAoB;CAChF,MAAM,EAAE,MAAM,eAAe;CAC7B,IAAI,CAAC,eAAe,CAAC,aACnB,OAAO;CAGT,MAAM,SAAS,eAAe,aAAa,SAAS,KAAK;CACzD,MAAM,UAAU,eAAe,aAAa,SAAS,MAAM;CAC3D,MAAM,UAAU,eAAe,aAAa,SAAS,MAAM,KAAK;CAGhE,OAFuB,UAAU,WAAW,UAG1C,oBAAAA,YAAA,EAAA,UACE,qBAAC,MAAD;EACE,eAAa;EACb,WACE,qBAAC,SAAD,EAAA,UAAA,CACE,oBAAC,YAAD;GAAY,SAAS;GAAc,UAAA,EAAE,4BAA4B;EAAc,CAAA,GAC/E,oBAAC,cAAD,EAA2B,YAAc,CAAA,CAClC,EAAA,CAAA;EANb,UAAA;GASG,UACC,oBAAC,iBAAD;IACE,mBAAmB,kBAAkB;IACxB;IACb,gBAAgB,YAAY,OAAO;GACpC,CAAA;GAEF,WACC,oBAAC,iBAAD;IACE,mBAAmB,kBAAkB;IACxB;IACb,gBAAgB,YAAY,OAAO;GACpC,CAAA;GAEF,WACC,oBAAC,iBAAD;IACE,mBAAmB,kBAAkB;IACxB;IACb,gBAAgB,YAAY,OAAO;GACpC,CAAA;EAEC;CACN,CAAA,EAAA,CAAA,IACA;AACN"}
+{"version":3,"file":"Install.mjs","names":["_Fragment"],"sources":["../../../src/components/Install/Install.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Typography } from '@mui/material';\nimport List from '@mui/material/List';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { TemplateUIOptions } from '@verdaccio/types';\n\nimport type { Theme } from '../../Theme';\nimport type { PackageMetaInterface } from '../../types/packageMeta';\nimport { getNpmrcRegistry } from '../../utils';\nimport CopyToClipBoard from '../CopyClipboard';\nimport { SettingsMenu } from '../SettingsMenu';\nimport InstallListItem, { DependencyManager } from './InstallListItem';\n\nconst StyledText = styled(Typography)<{ theme?: Theme }>((props) => ({\n  fontWeight: props.theme.fontWeight.bold,\n  textTransform: 'capitalize',\n}));\n\nconst RegistryConfig = styled('div')({\n  marginBottom: 8,\n});\n\n/** The `.npmrc` line that points this package (or its scope) at the registry. */\nexport function getNpmrcRegistryLine(packageName: string, registryUrl: string): string {\n  const scope = packageName.startsWith('@') ? packageName.split('/')[0] : undefined;\n  return getNpmrcRegistry(scope, registryUrl);\n}\n\nconst Wrapper = styled('div')({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n});\n\nexport type Props = {\n  packageMeta: PackageMetaInterface;\n  packageName: string;\n  configOptions: TemplateUIOptions;\n};\n\nconst Install: React.FC<Props> = ({ packageMeta, packageName, configOptions }) => {\n  const { t } = useTranslation();\n  if (!packageMeta || !packageName) {\n    return null;\n  }\n\n  const hasNpm = configOptions?.pkgManagers?.includes('npm');\n  const hasYarn = configOptions?.pkgManagers?.includes('yarn');\n  const hasPnpm = configOptions?.pkgManagers?.includes('pnpm') ?? true;\n  const hasBun = configOptions?.pkgManagers?.includes('bun');\n  const hasPkgManagers = hasNpm || hasPnpm || hasYarn || hasBun;\n\n  return hasPkgManagers ? (\n    <>\n      <List\n        data-testid={'installList'}\n        subheader={\n          <Wrapper>\n            <StyledText variant={'subtitle1'}>{t('sidebar.installation.title')}</StyledText>\n            <SettingsMenu packageName={packageName} />\n          </Wrapper>\n        }\n      >\n        {hasNpm && (\n          <InstallListItem\n            dependencyManager={DependencyManager.NPM}\n            packageName={packageName}\n            packageVersion={packageMeta.latest.version}\n          />\n        )}\n        {hasYarn && (\n          <InstallListItem\n            dependencyManager={DependencyManager.YARN}\n            packageName={packageName}\n            packageVersion={packageMeta.latest.version}\n          />\n        )}\n        {hasPnpm && (\n          <InstallListItem\n            dependencyManager={DependencyManager.PNPM}\n            packageName={packageName}\n            packageVersion={packageMeta.latest.version}\n          />\n        )}\n        {hasBun && (\n          <InstallListItem\n            dependencyManager={DependencyManager.BUN}\n            packageName={packageName}\n            packageVersion={packageMeta.latest.version}\n          />\n        )}\n      </List>\n      {configOptions?.base && (\n        <RegistryConfig data-testid=\"install-npmrc\">\n          <Typography color=\"text.secondary\" variant=\"caption\">\n            {t('sidebar.installation.npmrc')}\n          </Typography>\n          <CopyToClipBoard\n            dataTestId=\"installNpmrc\"\n            text={getNpmrcRegistryLine(packageName, configOptions.base)}\n            title={getNpmrcRegistryLine(packageName, configOptions.base)}\n          />\n        </RegistryConfig>\n      )}\n    </>\n  ) : null;\n};\n\nexport default Install;\n"],"mappings":";;;;;;;;;;;;;;AAeA,IAAM,aAAa,OAAO,UAAU,CAAC,EAAqB,WAAW;CACnE,YAAY,MAAM,MAAM,WAAW;CACnC,eAAe;AACjB,EAAE;AAEF,IAAM,iBAAiB,OAAO,KAAK,CAAC,CAAC,EACnC,cAAc,EAChB,CAAC;;AAGD,SAAgB,qBAAqB,aAAqB,aAA6B;CACrF,MAAM,QAAQ,YAAY,WAAW,GAAG,IAAI,YAAY,MAAM,GAAG,CAAC,CAAC,KAAK,KAAA;CACxE,OAAO,iBAAiB,OAAO,WAAW;AAC5C;AAEA,IAAM,UAAU,OAAO,KAAK,CAAC,CAAC;CAC5B,SAAS;CACT,YAAY;CACZ,gBAAgB;AAClB,CAAC;AAQD,IAAM,WAA4B,EAAE,aAAa,aAAa,oBAAoB;CAChF,MAAM,EAAE,MAAM,eAAe;CAC7B,IAAI,CAAC,eAAe,CAAC,aACnB,OAAO;CAGT,MAAM,SAAS,eAAe,aAAa,SAAS,KAAK;CACzD,MAAM,UAAU,eAAe,aAAa,SAAS,MAAM;CAC3D,MAAM,UAAU,eAAe,aAAa,SAAS,MAAM,KAAK;CAChE,MAAM,SAAS,eAAe,aAAa,SAAS,KAAK;CAGzD,OAFuB,UAAU,WAAW,WAAW,SAGrD,qBAAAA,YAAA,EAAA,UAAA,CACE,qBAAC,MAAD;EACE,eAAa;EACb,WACE,qBAAC,SAAD,EAAA,UAAA,CACE,oBAAC,YAAD;GAAY,SAAS;GAAc,UAAA,EAAE,4BAA4B;EAAc,CAAA,GAC/E,oBAAC,cAAD,EAA2B,YAAc,CAAA,CAClC,EAAA,CAAA;EANb,UAAA;GASG,UACC,oBAAC,iBAAD;IACE,mBAAmB,kBAAkB;IACxB;IACb,gBAAgB,YAAY,OAAO;GACpC,CAAA;GAEF,WACC,oBAAC,iBAAD;IACE,mBAAmB,kBAAkB;IACxB;IACb,gBAAgB,YAAY,OAAO;GACpC,CAAA;GAEF,WACC,oBAAC,iBAAD;IACE,mBAAmB,kBAAkB;IACxB;IACb,gBAAgB,YAAY,OAAO;GACpC,CAAA;GAEF,UACC,oBAAC,iBAAD;IACE,mBAAmB,kBAAkB;IACxB;IACb,gBAAgB,YAAY,OAAO;GACpC,CAAA;EAEC;CACL,CAAA,GAAA,eAAe,QACd,qBAAC,gBAAD;EAAgB,eAAY;EAA5B,UAAA,CACE,oBAAC,YAAD;GAAY,OAAM;GAAiB,SAAQ;GACxC,UAAA,EAAE,4BAA4B;EACrB,CAAA,GACZ,oBAAC,iBAAD;GACE,YAAW;GACX,MAAM,qBAAqB,aAAa,cAAc,IAAI;GAC1D,OAAO,qBAAqB,aAAa,cAAc,IAAI;EAC5D,CAAA,CACa;CAElB,CAAA,CAAA,EAAA,CAAA,IACA;AACN"}

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

@@ -2,7 +2,8 @@ import React from 'react';
 export declare enum DependencyManager {
     NPM = "npm",
     YARN = "yarn",
-    PNPM = "pnpm"
+    PNPM = "pnpm",
+    BUN = "bun"
 }
 interface Interface {
     packageName: string;

package/build/components/Install/InstallListItem.js

@@ -3,6 +3,7 @@ const require_CopyToClipBoard = require("../CopyClipboard/CopyToClipBoard.js");
 require("../CopyClipboard/index.js");
 const require_PersistenceSettingProvider = require("../../providers/PersistenceSettingProvider/PersistenceSettingProvider.js");
 require("../../providers/PersistenceSettingProvider/index.js");
+const require_Bun = require("../Icons/Managers/Bun2.js");
 const require_Npm = require("../Icons/Managers/Npm2.js");
 const require_Pnpm = require("../Icons/Managers/Pnpm2.js");
 const require_Yarn = require("../Icons/Managers/Yarn2.js");
@@ -37,6 +38,7 @@ var DependencyManager = /* @__PURE__ */ function(DependencyManager) {
 	DependencyManager["NPM"] = "npm";
 	DependencyManager["YARN"] = "yarn";
 	DependencyManager["PNPM"] = "pnpm";
+	DependencyManager["BUN"] = "bun";
 	return DependencyManager;
 }({});
 function getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, isYarn = false) {
@@ -83,6 +85,21 @@ var InstallListItem = ({ packageName, dependencyManager, packageVersion }) => {
 				title: `pnpm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`
 			}) })]
 		});
+		case "bun": {
+			const command = `bun add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(InstallItem, {
+				"data-testid": "installListItem-bun",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PackageMangerAvatar, {
+					alt: "bun",
+					sx: { bgcolor: _mui_material_colors.common.white },
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Bun.Bun, {})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InstallListItemText, { primary: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CopyToClipBoard.default, {
+					dataTestId: "installBun",
+					text: command,
+					title: command
+				}) })]
+			});
+		}
 		default: return null;
 	}
 };

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

@@ -1 +1 @@
-{"version":3,"file":"InstallListItem.js","names":["styled","ListItem","ListItemText","Avatar","useSettings","common","Npm","CopyToClipBoard","Yarn","Pnpm"],"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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"}
+{"version":3,"file":"InstallListItem.js","names":["styled","ListItem","ListItemText","Avatar","useSettings","common","Npm","CopyToClipBoard","Yarn","Pnpm","Bun"],"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 { Bun, 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  BUN = 'bun',\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    case DependencyManager.BUN: {\n      const command = `bun add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`;\n      return (\n        <InstallItem data-testid={'installListItem-bun'}>\n          <PackageMangerAvatar alt={'bun'} sx={{ bgcolor: common.white }}>\n            <Bun />\n          </PackageMangerAvatar>\n          <InstallListItemText\n            primary={<CopyToClipBoard dataTestId=\"installBun\" text={command} title={command} />}\n          />\n        </InstallItem>\n      );\n    }\n    default:\n      return null;\n  }\n};\n\nexport default InstallListItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAM,eAAA,GAAcA,gBAAAA,QAAAA,CAAOC,uBAAAA,OAAQ,CAAC,CAAC;CACnC,SAAS;CACT,UAAU,EACR,iBAAiB,cACnB;AACF,CAAC;AAED,IAAM,uBAAA,GAAsBD,gBAAAA,QAAAA,CAAOE,2BAAAA,OAAY,CAAC,CAAC;CAC/C,SAAS;CACT,QAAQ;AACV,CAAC;AAED,IAAM,uBAAA,GAAsBF,gBAAAA,QAAAA,CAAOG,qBAAAA,OAAM,CAAC,CAAC;CACzC,iBAAiB;CACjB,SAAS;CACT,YAAY;AACd,CAAC;AAED,IAAY,oBAAL,yBAAA,mBAAA;CACL,kBAAA,SAAA;CACA,kBAAA,UAAA;CACA,kBAAA,UAAA;CACA,kBAAA,SAAA;;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,kBAAkBC,mCAAAA,YAAY;CAEtC,MAAM,WAAW,cAAc,YAAY,EAAE,UAAU;CACvD,MAAM,WAAW,cAAc,YAAY,EAAE,UAAU;CACvD,QAAQ,mBAAR;EACE,KAAA,OACE,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,aAAD;GAAa,eAAa;GAA1B,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAD;IAAqB,KAAI;IAAM,IAAI,EAAE,SAASC,qBAAAA,OAAO,MAAM;IACzD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD,CAAM,CAAA;GACa,CAAA,GACrB,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAD,EACE,SACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,SAAD;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,iBAAA,GAAA,kBAAA,KAAA,CAAC,aAAD;GAAa,eAAa;GAA1B,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAD;IAAqB,KAAI;IAAO,IAAI,EAAE,SAASF,qBAAAA,OAAO,MAAM;IAC1D,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACG,aAAAA,MAAD,CAAO,CAAA;GACY,CAAA,GACrB,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAD,EACE,SACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,wBAAAA,SAAD;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,iBAAA,GAAA,kBAAA,KAAA,CAAC,aAAD;GAAa,eAAa;GAA1B,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAD;IAAqB,KAAK;IAAQ,IAAI,EAAE,SAASF,qBAAAA,OAAO,MAAM;IAC5D,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACI,aAAAA,MAAD,CAAO,CAAA;GACY,CAAA,GACrB,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAD,EACE,SACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,wBAAAA,SAAD;IACE,YAAW;IACX,MAAM,gBAAgB,iBAAiB,UAAU,UAAU,gBAAgB,WAAW;IACtF,OAAO,gBAAgB,iBAAiB,UAAU,UAAU,gBAAgB,WAAW;GACxF,CAAA,EAEJ,CAAA,CACU;;EAEjB,KAAA,OAA4B;GAC1B,MAAM,UAAU,WAAW,iBAAiB,UAAU,UAAU,gBAAgB,WAAW;GAC3F,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,aAAD;IAAa,eAAa;IAA1B,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAD;KAAqB,KAAK;KAAO,IAAI,EAAE,SAASF,qBAAAA,OAAO,MAAM;KAC3D,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACK,YAAAA,KAAD,CAAM,CAAA;IACa,CAAA,GACrB,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAD,EACE,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAACH,wBAAAA,SAAD;KAAiB,YAAW;KAAa,MAAM;KAAS,OAAO;IAAU,CAAA,EACnF,CAAA,CACU;;EAEjB;EACA,SACE,OAAO;CACX;AACF"}

package/build/components/Install/InstallListItem.mjs

@@ -2,6 +2,7 @@ import CopyToClipBoard from "../CopyClipboard/CopyToClipBoard.mjs";
 import "../CopyClipboard/index.mjs";
 import { useSettings } from "../../providers/PersistenceSettingProvider/PersistenceSettingProvider.mjs";
 import "../../providers/PersistenceSettingProvider/index.mjs";
+import { Bun } from "../Icons/Managers/Bun2.mjs";
 import { Npm } from "../Icons/Managers/Npm2.mjs";
 import { Pnpm } from "../Icons/Managers/Pnpm2.mjs";
 import { Yarn } from "../Icons/Managers/Yarn2.mjs";
@@ -31,6 +32,7 @@ var DependencyManager = /* @__PURE__ */ function(DependencyManager) {
 	DependencyManager["NPM"] = "npm";
 	DependencyManager["YARN"] = "yarn";
 	DependencyManager["PNPM"] = "pnpm";
+	DependencyManager["BUN"] = "bun";
 	return DependencyManager;
 }({});
 function getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, isYarn = false) {
@@ -77,6 +79,21 @@ var InstallListItem = ({ packageName, dependencyManager, packageVersion }) => {
 				title: `pnpm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`
 			}) })]
 		});
+		case "bun": {
+			const command = `bun add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`;
+			return /* @__PURE__ */ jsxs(InstallItem, {
+				"data-testid": "installListItem-bun",
+				children: [/* @__PURE__ */ jsx(PackageMangerAvatar, {
+					alt: "bun",
+					sx: { bgcolor: common.white },
+					children: /* @__PURE__ */ jsx(Bun, {})
+				}), /* @__PURE__ */ jsx(InstallListItemText, { primary: /* @__PURE__ */ jsx(CopyToClipBoard, {
+					dataTestId: "installBun",
+					text: command,
+					title: command
+				}) })]
+			});
+		}
 		default: return null;
 	}
 };

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                        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"}
+{"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 { Bun, 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  BUN = 'bun',\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    case DependencyManager.BUN: {\n      const command = `bun add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`;\n      return (\n        <InstallItem data-testid={'installListItem-bun'}>\n          <PackageMangerAvatar alt={'bun'} sx={{ bgcolor: common.white }}>\n            <Bun />\n          </PackageMangerAvatar>\n          <InstallListItemText\n            primary={<CopyToClipBoard dataTestId=\"installBun\" text={command} title={command} />}\n          />\n        </InstallItem>\n      );\n    }\n    default:\n      return null;\n  }\n};\n\nexport default InstallListItem;\n"],"mappings":"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"}

package/build/components/Loading/PackageListSkeleton.d.ts

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

package/build/components/Loading/PackageListSkeleton.js

@@ -0,0 +1,70 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.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_Box = require("@mui/material/Box");
+_mui_material_Box = require_runtime.__toESM(_mui_material_Box);
+let _mui_material_Divider = require("@mui/material/Divider");
+_mui_material_Divider = require_runtime.__toESM(_mui_material_Divider);
+let _mui_material_Skeleton = require("@mui/material/Skeleton");
+_mui_material_Skeleton = require_runtime.__toESM(_mui_material_Skeleton);
+//#region src/components/Loading/PackageListSkeleton.tsx
+var ROWS = 5;
+var PackageListSkeleton = () => {
+	const { t } = (0, react_i18next.useTranslation)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Box.default, {
+		"aria-busy": true,
+		"aria-label": t("loading"),
+		"data-testid": "package-list-skeleton",
+		role: "status",
+		children: Array.from({ length: ROWS }, (_, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_Box.default, { children: [index !== 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Divider.default, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_Box.default, {
+			sx: {
+				px: 2,
+				py: 1.5
+			},
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Skeleton.default, {
+					height: 32,
+					variant: "text",
+					width: "35%"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Skeleton.default, {
+					variant: "text",
+					width: "80%"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_Box.default, {
+					sx: {
+						display: "flex",
+						alignItems: "center",
+						gap: 2,
+						mt: 1
+					},
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Skeleton.default, {
+							height: 20,
+							variant: "circular",
+							width: 20
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Skeleton.default, {
+							variant: "text",
+							width: 80
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Skeleton.default, {
+							variant: "text",
+							width: 60
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Skeleton.default, {
+							variant: "text",
+							width: 110
+						})
+					]
+				})
+			]
+		})] }, index))
+	});
+};
+//#endregion
+exports.default = PackageListSkeleton;
+
+//# sourceMappingURL=PackageListSkeleton.js.map

package/build/components/Loading/PackageListSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PackageListSkeleton.js","names":["useTranslation","Box","Divider","Skeleton"],"sources":["../../../src/components/Loading/PackageListSkeleton.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport Divider from '@mui/material/Divider';\nimport Skeleton from '@mui/material/Skeleton';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nconst ROWS = 5;\n\nconst PackageListSkeleton: React.FC = () => {\n  const { t } = useTranslation();\n  return (\n    <Box\n      aria-busy={true}\n      aria-label={t('loading')}\n      data-testid=\"package-list-skeleton\"\n      role=\"status\"\n    >\n      {Array.from({ length: ROWS }, (_, index) => (\n        <Box key={index}>\n          {index !== 0 && <Divider />}\n          <Box sx={{ px: 2, py: 1.5 }}>\n            <Skeleton height={32} variant=\"text\" width=\"35%\" />\n            <Skeleton variant=\"text\" width=\"80%\" />\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 2, mt: 1 }}>\n              <Skeleton height={20} variant=\"circular\" width={20} />\n              <Skeleton variant=\"text\" width={80} />\n              <Skeleton variant=\"text\" width={60} />\n              <Skeleton variant=\"text\" width={110} />\n            </Box>\n          </Box>\n        </Box>\n      ))}\n    </Box>\n  );\n};\n\nexport default PackageListSkeleton;\n"],"mappings":";;;;;;;;;;;;AAMA,IAAM,OAAO;AAEb,IAAM,4BAAsC;CAC1C,MAAM,EAAE,OAAA,GAAMA,cAAAA,eAAAA,CAAe;CAC7B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,kBAAAA,SAAD;EACE,aAAW;EACX,cAAY,EAAE,SAAS;EACvB,eAAY;EACZ,MAAK;EAEJ,UAAA,MAAM,KAAK,EAAE,QAAQ,KAAK,IAAI,GAAG,UAChC,iBAAA,GAAA,kBAAA,KAAA,CAACA,kBAAAA,SAAD,EAAA,UAAA,CACG,UAAU,KAAK,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,SAAD,CAAU,CAAA,GAC1B,iBAAA,GAAA,kBAAA,KAAA,CAACD,kBAAAA,SAAD;GAAK,IAAI;IAAE,IAAI;IAAG,IAAI;GAAI;GAA1B,UAAA;IACE,iBAAA,GAAA,kBAAA,IAAA,CAACE,uBAAAA,SAAD;KAAU,QAAQ;KAAI,SAAQ;KAAO,OAAM;IAAO,CAAA;IAClD,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,SAAD;KAAU,SAAQ;KAAO,OAAM;IAAO,CAAA;IACtC,iBAAA,GAAA,kBAAA,KAAA,CAACF,kBAAAA,SAAD;KAAK,IAAI;MAAE,SAAS;MAAQ,YAAY;MAAU,KAAK;MAAG,IAAI;KAAE;KAAhE,UAAA;MACE,iBAAA,GAAA,kBAAA,IAAA,CAACE,uBAAAA,SAAD;OAAU,QAAQ;OAAI,SAAQ;OAAW,OAAO;MAAK,CAAA;MACrD,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,SAAD;OAAU,SAAQ;OAAO,OAAO;MAAK,CAAA;MACrC,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,SAAD;OAAU,SAAQ;OAAO,OAAO;MAAK,CAAA;MACrC,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,SAAD;OAAU,SAAQ;OAAO,OAAO;MAAM,CAAA;KACnC;;GACF;EACF,CAAA,CAAA,EAAA,GAZK,KAYL,CACN;CACE,CAAA;AAET"}

package/build/components/Loading/PackageListSkeleton.mjs

@@ -0,0 +1,65 @@
+import "react";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Box from "@mui/material/Box";
+import Divider from "@mui/material/Divider";
+import Skeleton from "@mui/material/Skeleton";
+//#region src/components/Loading/PackageListSkeleton.tsx
+var ROWS = 5;
+var PackageListSkeleton = () => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsx(Box, {
+		"aria-busy": true,
+		"aria-label": t("loading"),
+		"data-testid": "package-list-skeleton",
+		role: "status",
+		children: Array.from({ length: ROWS }, (_, index) => /* @__PURE__ */ jsxs(Box, { children: [index !== 0 && /* @__PURE__ */ jsx(Divider, {}), /* @__PURE__ */ jsxs(Box, {
+			sx: {
+				px: 2,
+				py: 1.5
+			},
+			children: [
+				/* @__PURE__ */ jsx(Skeleton, {
+					height: 32,
+					variant: "text",
+					width: "35%"
+				}),
+				/* @__PURE__ */ jsx(Skeleton, {
+					variant: "text",
+					width: "80%"
+				}),
+				/* @__PURE__ */ jsxs(Box, {
+					sx: {
+						display: "flex",
+						alignItems: "center",
+						gap: 2,
+						mt: 1
+					},
+					children: [
+						/* @__PURE__ */ jsx(Skeleton, {
+							height: 20,
+							variant: "circular",
+							width: 20
+						}),
+						/* @__PURE__ */ jsx(Skeleton, {
+							variant: "text",
+							width: 80
+						}),
+						/* @__PURE__ */ jsx(Skeleton, {
+							variant: "text",
+							width: 60
+						}),
+						/* @__PURE__ */ jsx(Skeleton, {
+							variant: "text",
+							width: 110
+						})
+					]
+				})
+			]
+		})] }, index))
+	});
+};
+//#endregion
+export { PackageListSkeleton as default };
+
+//# sourceMappingURL=PackageListSkeleton.mjs.map

package/build/components/Loading/PackageListSkeleton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PackageListSkeleton.mjs","names":[],"sources":["../../../src/components/Loading/PackageListSkeleton.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport Divider from '@mui/material/Divider';\nimport Skeleton from '@mui/material/Skeleton';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nconst ROWS = 5;\n\nconst PackageListSkeleton: React.FC = () => {\n  const { t } = useTranslation();\n  return (\n    <Box\n      aria-busy={true}\n      aria-label={t('loading')}\n      data-testid=\"package-list-skeleton\"\n      role=\"status\"\n    >\n      {Array.from({ length: ROWS }, (_, index) => (\n        <Box key={index}>\n          {index !== 0 && <Divider />}\n          <Box sx={{ px: 2, py: 1.5 }}>\n            <Skeleton height={32} variant=\"text\" width=\"35%\" />\n            <Skeleton variant=\"text\" width=\"80%\" />\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 2, mt: 1 }}>\n              <Skeleton height={20} variant=\"circular\" width={20} />\n              <Skeleton variant=\"text\" width={80} />\n              <Skeleton variant=\"text\" width={60} />\n              <Skeleton variant=\"text\" width={110} />\n            </Box>\n          </Box>\n        </Box>\n      ))}\n    </Box>\n  );\n};\n\nexport default PackageListSkeleton;\n"],"mappings":";;;;;;;AAMA,IAAM,OAAO;AAEb,IAAM,4BAAsC;CAC1C,MAAM,EAAE,MAAM,eAAe;CAC7B,OACE,oBAAC,KAAD;EACE,aAAW;EACX,cAAY,EAAE,SAAS;EACvB,eAAY;EACZ,MAAK;EAEJ,UAAA,MAAM,KAAK,EAAE,QAAQ,KAAK,IAAI,GAAG,UAChC,qBAAC,KAAD,EAAA,UAAA,CACG,UAAU,KAAK,oBAAC,SAAD,CAAU,CAAA,GAC1B,qBAAC,KAAD;GAAK,IAAI;IAAE,IAAI;IAAG,IAAI;GAAI;GAA1B,UAAA;IACE,oBAAC,UAAD;KAAU,QAAQ;KAAI,SAAQ;KAAO,OAAM;IAAO,CAAA;IAClD,oBAAC,UAAD;KAAU,SAAQ;KAAO,OAAM;IAAO,CAAA;IACtC,qBAAC,KAAD;KAAK,IAAI;MAAE,SAAS;MAAQ,YAAY;MAAU,KAAK;MAAG,IAAI;KAAE;KAAhE,UAAA;MACE,oBAAC,UAAD;OAAU,QAAQ;OAAI,SAAQ;OAAW,OAAO;MAAK,CAAA;MACrD,oBAAC,UAAD;OAAU,SAAQ;OAAO,OAAO;MAAK,CAAA;MACrC,oBAAC,UAAD;OAAU,SAAQ;OAAO,OAAO;MAAK,CAAA;MACrC,oBAAC,UAAD;OAAU,SAAQ;OAAO,OAAO;MAAM,CAAA;KACnC;;GACF;EACF,CAAA,CAAA,EAAA,GAZK,KAYL,CACN;CACE,CAAA;AAET"}

package/build/components/Loading/VersionSkeleton.d.ts

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

package/build/components/Loading/VersionSkeleton.js

@@ -0,0 +1,119 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.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_Box = require("@mui/material/Box");
+_mui_material_Box = require_runtime.__toESM(_mui_material_Box);
+let _mui_material_Card = require("@mui/material/Card");
+_mui_material_Card = require_runtime.__toESM(_mui_material_Card);
+let _mui_material_CardContent = require("@mui/material/CardContent");
+_mui_material_CardContent = require_runtime.__toESM(_mui_material_CardContent);
+let _mui_material_Grid = require("@mui/material/Grid");
+_mui_material_Grid = require_runtime.__toESM(_mui_material_Grid);
+let _mui_material_Skeleton = require("@mui/material/Skeleton");
+_mui_material_Skeleton = require_runtime.__toESM(_mui_material_Skeleton);
+let _mui_material_Paper = require("@mui/material/Paper");
+_mui_material_Paper = require_runtime.__toESM(_mui_material_Paper);
+//#region src/components/Loading/VersionSkeleton.tsx
+var VersionSkeleton = () => {
+	const { t } = (0, react_i18next.useTranslation)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_Grid.default, {
+		"aria-busy": true,
+		"aria-label": t("loading"),
+		className: "container content",
+		container: true,
+		"data-testid": "version-skeleton",
+		role: "status",
+		spacing: 0,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_Grid.default, {
+			size: {
+				md: 8,
+				xs: 12
+			},
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Box.default, {
+				sx: {
+					display: "flex",
+					gap: 2,
+					mb: 2
+				},
+				children: [
+					0,
+					1,
+					2
+				].map((tab) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Skeleton.default, {
+					height: 48,
+					sx: { flex: 1 },
+					variant: "text"
+				}, tab))
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Card.default, {
+				sx: { mb: 2 },
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_CardContent.default, { children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Skeleton.default, {
+						height: 40,
+						variant: "text",
+						width: "50%"
+					}),
+					[
+						95,
+						88,
+						92,
+						70,
+						85,
+						60
+					].map((width, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Skeleton.default, {
+						variant: "text",
+						width: `${width}%`
+					}, index)),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Skeleton.default, {
+						height: 140,
+						sx: { mt: 2 },
+						variant: "rounded"
+					})
+				] })
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Grid.default, {
+			size: {
+				md: 4,
+				xs: 12
+			},
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_Paper.default, {
+				sx: {
+					p: 2,
+					ml: {
+						xs: 0,
+						md: 2
+					}
+				},
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Skeleton.default, {
+						height: 28,
+						variant: "text",
+						width: "60%"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Skeleton.default, {
+						variant: "text",
+						width: "40%"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Skeleton.default, {
+						height: 36,
+						sx: { my: 2 },
+						variant: "rounded"
+					}),
+					[
+						0,
+						1,
+						2
+					].map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Skeleton.default, {
+						height: 28,
+						variant: "text"
+					}, row))
+				]
+			})
+		})]
+	});
+};
+//#endregion
+exports.default = VersionSkeleton;
+
+//# sourceMappingURL=VersionSkeleton.js.map

package/build/components/Loading/VersionSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionSkeleton.js","names":["useTranslation","Grid","Box","Skeleton","Card","CardContent","Paper"],"sources":["../../../src/components/Loading/VersionSkeleton.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport Grid from '@mui/material/Grid';\nimport Paper from '@mui/material/Paper';\nimport Skeleton from '@mui/material/Skeleton';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nconst VersionSkeleton: React.FC = () => {\n  const { t } = useTranslation();\n  return (\n    <Grid\n      aria-busy={true}\n      aria-label={t('loading')}\n      className={'container content'}\n      container={true}\n      data-testid=\"version-skeleton\"\n      role=\"status\"\n      spacing={0}\n    >\n      <Grid size={{ md: 8, xs: 12 }}>\n        <Box sx={{ display: 'flex', gap: 2, mb: 2 }}>\n          {[0, 1, 2].map((tab) => (\n            <Skeleton height={48} key={tab} sx={{ flex: 1 }} variant=\"text\" />\n          ))}\n        </Box>\n        <Card sx={{ mb: 2 }}>\n          <CardContent>\n            <Skeleton height={40} variant=\"text\" width=\"50%\" />\n            {[95, 88, 92, 70, 85, 60].map((width, index) => (\n              <Skeleton key={index} variant=\"text\" width={`${width}%`} />\n            ))}\n            <Skeleton height={140} sx={{ mt: 2 }} variant=\"rounded\" />\n          </CardContent>\n        </Card>\n      </Grid>\n      <Grid size={{ md: 4, xs: 12 }}>\n        <Paper sx={{ p: 2, ml: { xs: 0, md: 2 } }}>\n          <Skeleton height={28} variant=\"text\" width=\"60%\" />\n          <Skeleton variant=\"text\" width=\"40%\" />\n          <Skeleton height={36} sx={{ my: 2 }} variant=\"rounded\" />\n          {[0, 1, 2].map((row) => (\n            <Skeleton height={28} key={row} variant=\"text\" />\n          ))}\n        </Paper>\n      </Grid>\n    </Grid>\n  );\n};\n\nexport default VersionSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;AASA,IAAM,wBAAkC;CACtC,MAAM,EAAE,OAAA,GAAMA,cAAAA,eAAAA,CAAe;CAC7B,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,mBAAAA,SAAD;EACE,aAAW;EACX,cAAY,EAAE,SAAS;EACvB,WAAW;EACX,WAAW;EACX,eAAY;EACZ,MAAK;EACL,SAAS;EAPX,UAAA,CASE,iBAAA,GAAA,kBAAA,KAAA,CAACA,mBAAAA,SAAD;GAAM,MAAM;IAAE,IAAI;IAAG,IAAI;GAAG;GAA5B,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,kBAAAA,SAAD;IAAK,IAAI;KAAE,SAAS;KAAQ,KAAK;KAAG,IAAI;IAAE;IACvC,UAAA;KAAC;KAAG;KAAG;IAAC,CAAC,CAAC,KAAK,QACd,iBAAA,GAAA,kBAAA,IAAA,CAACC,uBAAAA,SAAD;KAAU,QAAQ;KAAc,IAAI,EAAE,MAAM,EAAE;KAAG,SAAQ;IAAQ,GAAtC,GAAsC,CAClE;GACE,CAAA,GACL,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,SAAD;IAAM,IAAI,EAAE,IAAI,EAAE;IAChB,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAACC,0BAAAA,SAAD,EAAA,UAAA;KACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,SAAD;MAAU,QAAQ;MAAI,SAAQ;MAAO,OAAM;KAAO,CAAA;KACjD;MAAC;MAAI;MAAI;MAAI;MAAI;MAAI;KAAE,CAAC,CAAC,KAAK,OAAO,UACpC,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,SAAD;MAAsB,SAAQ;MAAO,OAAO,GAAG,MAAM;KAAK,GAA3C,KAA2C,CAC3D;KACD,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,SAAD;MAAU,QAAQ;MAAK,IAAI,EAAE,IAAI,EAAE;MAAG,SAAQ;KAAW,CAAA;IAC9C,EAAA,CAAA;GACT,CAAA,CACF;EACN,CAAA,GAAA,iBAAA,GAAA,kBAAA,IAAA,CAACF,mBAAAA,SAAD;GAAM,MAAM;IAAE,IAAI;IAAG,IAAI;GAAG;GAC1B,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAACK,oBAAAA,SAAD;IAAO,IAAI;KAAE,GAAG;KAAG,IAAI;MAAE,IAAI;MAAG,IAAI;KAAE;IAAE;IAAxC,UAAA;KACE,iBAAA,GAAA,kBAAA,IAAA,CAACH,uBAAAA,SAAD;MAAU,QAAQ;MAAI,SAAQ;MAAO,OAAM;KAAO,CAAA;KAClD,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,SAAD;MAAU,SAAQ;MAAO,OAAM;KAAO,CAAA;KACtC,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,SAAD;MAAU,QAAQ;MAAI,IAAI,EAAE,IAAI,EAAE;MAAG,SAAQ;KAAW,CAAA;KACvD;MAAC;MAAG;MAAG;KAAC,CAAC,CAAC,KAAK,QACd,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,SAAD;MAAU,QAAQ;MAAc,SAAQ;KAAQ,GAArB,GAAqB,CACjD;IACI;;EACH,CAAA,CACF;;AAEV"}

package/build/components/Loading/VersionSkeleton.mjs

@@ -0,0 +1,111 @@
+import "react";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Box from "@mui/material/Box";
+import Card from "@mui/material/Card";
+import CardContent from "@mui/material/CardContent";
+import Grid from "@mui/material/Grid";
+import Skeleton from "@mui/material/Skeleton";
+import Paper from "@mui/material/Paper";
+//#region src/components/Loading/VersionSkeleton.tsx
+var VersionSkeleton = () => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsxs(Grid, {
+		"aria-busy": true,
+		"aria-label": t("loading"),
+		className: "container content",
+		container: true,
+		"data-testid": "version-skeleton",
+		role: "status",
+		spacing: 0,
+		children: [/* @__PURE__ */ jsxs(Grid, {
+			size: {
+				md: 8,
+				xs: 12
+			},
+			children: [/* @__PURE__ */ jsx(Box, {
+				sx: {
+					display: "flex",
+					gap: 2,
+					mb: 2
+				},
+				children: [
+					0,
+					1,
+					2
+				].map((tab) => /* @__PURE__ */ jsx(Skeleton, {
+					height: 48,
+					sx: { flex: 1 },
+					variant: "text"
+				}, tab))
+			}), /* @__PURE__ */ jsx(Card, {
+				sx: { mb: 2 },
+				children: /* @__PURE__ */ jsxs(CardContent, { children: [
+					/* @__PURE__ */ jsx(Skeleton, {
+						height: 40,
+						variant: "text",
+						width: "50%"
+					}),
+					[
+						95,
+						88,
+						92,
+						70,
+						85,
+						60
+					].map((width, index) => /* @__PURE__ */ jsx(Skeleton, {
+						variant: "text",
+						width: `${width}%`
+					}, index)),
+					/* @__PURE__ */ jsx(Skeleton, {
+						height: 140,
+						sx: { mt: 2 },
+						variant: "rounded"
+					})
+				] })
+			})]
+		}), /* @__PURE__ */ jsx(Grid, {
+			size: {
+				md: 4,
+				xs: 12
+			},
+			children: /* @__PURE__ */ jsxs(Paper, {
+				sx: {
+					p: 2,
+					ml: {
+						xs: 0,
+						md: 2
+					}
+				},
+				children: [
+					/* @__PURE__ */ jsx(Skeleton, {
+						height: 28,
+						variant: "text",
+						width: "60%"
+					}),
+					/* @__PURE__ */ jsx(Skeleton, {
+						variant: "text",
+						width: "40%"
+					}),
+					/* @__PURE__ */ jsx(Skeleton, {
+						height: 36,
+						sx: { my: 2 },
+						variant: "rounded"
+					}),
+					[
+						0,
+						1,
+						2
+					].map((row) => /* @__PURE__ */ jsx(Skeleton, {
+						height: 28,
+						variant: "text"
+					}, row))
+				]
+			})
+		})]
+	});
+};
+//#endregion
+export { VersionSkeleton as default };
+
+//# sourceMappingURL=VersionSkeleton.mjs.map