@verdaccio/ui-components 5.0.0-next-9.2 → 5.0.0-next-9.4

package/build/providers/VersionProvider/VersionProvider.mjs

@@ -0,0 +1,55 @@
+import { useData } from "../../api/use-data.mjs";
+import { getConfiguration } from "../../configuration.mjs";
+import { APIRoute } from "../../store/routes.mjs";
+import { stripTrailingSlash } from "../../store/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from "react";
+import { useParams } from "react-router";
+//#region src/providers/VersionProvider/VersionProvider.tsx
+function getRouterPackageName(packageName, scope) {
+	return scope ? `${scope}/${packageName}` : packageName;
+}
+var DetailContext = createContext(void 0);
+var VersionProvider = ({ children }) => {
+	const { scope, package: pkgName, version: packageVersion } = useParams();
+	const basePath = stripTrailingSlash(getConfiguration().base);
+	const packageName = getRouterPackageName(pkgName ?? "", scope);
+	const readmeData = useData(basePath, APIRoute.README, packageName, packageVersion);
+	const sidebarData = useData(basePath, APIRoute.SIDEBAR, packageName, packageVersion);
+	const isLoading = readmeData.isLoading || sidebarData.isLoading;
+	const error = readmeData.error || sidebarData.error;
+	const errorCode = readmeData.error?.code ?? sidebarData.error?.code;
+	const value = useMemo(() => ({
+		packageMeta: sidebarData.data,
+		readMe: readmeData.data,
+		packageName,
+		packageVersion,
+		isLoading,
+		isForbidden: errorCode === 403,
+		isUnAuthorized: errorCode === 401,
+		hasNotBeenFound: errorCode === 404,
+		isError: errorCode !== void 0,
+		error
+	}), [
+		sidebarData.data,
+		readmeData.data,
+		packageName,
+		packageVersion,
+		isLoading,
+		errorCode,
+		error
+	]);
+	return /* @__PURE__ */ jsx(DetailContext.Provider, {
+		value,
+		children
+	});
+};
+var useVersion = () => {
+	const context = useContext(DetailContext);
+	if (context === void 0) throw new Error("useVersion must be used within a VersionProvider");
+	return context;
+};
+//#endregion
+export { VersionProvider as default, useVersion };
+
+//# sourceMappingURL=VersionProvider.mjs.map

package/build/providers/VersionProvider/VersionProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionProvider.mjs","names":["React","createContext","useContext","useMemo","useParams","useData","getConfiguration","APIRoute","stripTrailingSlash","PackageMetaInterface","getRouterPackageName","packageName","scope","ApiError","Error","code","DetailContextProps","error","hasNotBeenFound","isForbidden","isUnAuthorized","isError","isLoading","packageMeta","packageVersion","readMe","DetailContext","undefined","VersionProvider","FC","children","ReactNode","package","pkgName","version","Record","configuration","basePath","base","readmeData","README","sidebarData","SIDEBAR","errorCode","value","data","useVersion","context"],"sources":["../../../src/providers/VersionProvider/VersionProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport { useParams } from 'react-router';\n\nimport { useData } from '../../api/use-data';\nimport { getConfiguration } from '../../configuration';\nimport { APIRoute } from '../../store/routes';\nimport { stripTrailingSlash } from '../../store/utils';\nimport type { PackageMetaInterface } from '../../types/packageMeta';\n\nfunction getRouterPackageName(packageName: string, scope?: string): string {\n  return scope ? `${scope}/${packageName}` : packageName;\n}\n\nexport interface ApiError extends Error {\n  code?: number;\n}\n\nexport interface DetailContextProps {\n  error: ApiError | undefined;\n  hasNotBeenFound: boolean;\n  isForbidden: boolean;\n  isUnAuthorized: boolean;\n  isError: boolean;\n  isLoading: boolean;\n  packageMeta?: PackageMetaInterface;\n  packageName: string;\n  packageVersion?: string;\n  readMe?: string;\n}\n\nexport const DetailContext = createContext<DetailContextProps | undefined>(undefined);\n\nconst VersionProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const {\n    scope,\n    package: pkgName,\n    version: packageVersion,\n  } = useParams<Record<'scope' | 'package' | 'version', string | undefined>>();\n\n  const configuration = getConfiguration();\n  const basePath = stripTrailingSlash(configuration.base);\n  const packageName = getRouterPackageName(pkgName ?? '', scope);\n\n  const readmeData = useData<string>(basePath, APIRoute.README, packageName, packageVersion);\n\n  const sidebarData = useData<PackageMetaInterface>(\n    basePath,\n    APIRoute.SIDEBAR,\n    packageName,\n    packageVersion\n  );\n  const isLoading = readmeData.isLoading || sidebarData.isLoading;\n  const error: ApiError | undefined = readmeData.error || sidebarData.error;\n  const errorCode = (readmeData.error as ApiError)?.code ?? (sidebarData.error as ApiError)?.code;\n\n  const value = useMemo<DetailContextProps>(\n    () => ({\n      packageMeta: sidebarData.data,\n      readMe: readmeData.data,\n      packageName,\n      packageVersion,\n      isLoading,\n      isForbidden: errorCode === 403,\n      isUnAuthorized: errorCode === 401,\n      hasNotBeenFound: errorCode === 404,\n      isError: errorCode !== undefined,\n      error,\n    }),\n    [sidebarData.data, readmeData.data, packageName, packageVersion, isLoading, errorCode, error]\n  );\n\n  return <DetailContext.Provider value={value}>{children}</DetailContext.Provider>;\n};\n\nexport default VersionProvider;\n\nexport const useVersion = (): DetailContextProps => {\n  const context = useContext(DetailContext);\n  if (context === undefined) {\n    throw new Error('useVersion must be used within a VersionProvider');\n  }\n  return context;\n};\n"],"mappings":";;;;;;;;AASA,SAASU,qBAAqBC,aAAqBC,OAAwB;AACzE,QAAOA,QAAQ,GAAGA,MAAK,GAAID,gBAAgBA;;AAoB7C,IAAae,gBAAgBzB,cAA8C0B,KAAAA,EAAU;AAErF,IAAMC,mBAA4D,EAAEE,eAAe;CACjF,MAAM,EACJlB,OACAoB,SAASC,SACTC,SAASV,mBACPpB,WAAwE;CAG5E,MAAMiC,WAAW7B,mBADKF,kBAAkB,CACUgC,KAAK;CACvD,MAAM3B,cAAcD,qBAAqBuB,WAAW,IAAIrB,MAAM;CAE9D,MAAM2B,aAAalC,QAAgBgC,UAAU9B,SAASiC,QAAQ7B,aAAaa,eAAe;CAE1F,MAAMiB,cAAcpC,QAClBgC,UACA9B,SAASmC,SACT/B,aACAa,eACD;CACD,MAAMF,YAAYiB,WAAWjB,aAAamB,YAAYnB;CACtD,MAAML,QAA8BsB,WAAWtB,SAASwB,YAAYxB;CACpE,MAAM0B,YAAaJ,WAAWtB,OAAoBF,QAAS0B,YAAYxB,OAAoBF;CAE3F,MAAM6B,QAAQzC,eACL;EACLoB,aAAakB,YAAYI;EACzBpB,QAAQc,WAAWM;EACnBlC;EACAa;EACAF;EACAH,aAAawB,cAAc;EAC3BvB,gBAAgBuB,cAAc;EAC9BzB,iBAAiByB,cAAc;EAC/BtB,SAASsB,cAAchB,KAAAA;EACvBV;EACD,GACD;EAACwB,YAAYI;EAAMN,WAAWM;EAAMlC;EAAaa;EAAgBF;EAAWqB;EAAW1B;EACzF,CAAC;AAED,QAAO,oBAAC,cAAc,UAAf;EAA+B2B;EAAQd;EAAkC,CAAA;;AAKlF,IAAagB,mBAAuC;CAClD,MAAMC,UAAU7C,WAAWwB,cAAc;AACzC,KAAIqB,YAAYpB,KAAAA,EACd,OAAM,IAAIb,MAAM,mDAAmD;AAErE,QAAOiC"}

package/build/providers/VersionProvider/index.js

@@ -1 +1 @@
-import "./VersionProvider.js";
+require("./VersionProvider.js");

package/build/providers/VersionProvider/index.mjs

@@ -0,0 +1 @@
+import "./VersionProvider.mjs";

package/build/providers/index.js

@@ -1,16 +1,16 @@
-import "./AppConfigurationProvider/AppConfigurationProvider.js";
-import "./AppConfigurationProvider/index.js";
-import "./VersionProvider/VersionProvider.js";
-import "./VersionProvider/index.js";
-import "./TranslatorProvider/TranslatorProvider.js";
-import "./TranslatorProvider/index.js";
-import "./ManifestsProvider/ManifestsProvider.js";
-import "./ManifestsProvider/index.js";
-import "./AuthProvider/AuthProvider.js";
-import "./AuthProvider/index.js";
-import "./PersistenceSettingProvider/PersistenceSettingProvider.js";
-import "./PersistenceSettingProvider/index.js";
-import "./SearchProvider/SearchProvider.js";
-import "./SearchProvider/index.js";
-import "./DownloadProvider/DownloadProvider.js";
-import "./DownloadProvider/index.js";
+require("./AppConfigurationProvider/AppConfigurationProvider.js");
+require("./AppConfigurationProvider/index.js");
+require("./VersionProvider/VersionProvider.js");
+require("./VersionProvider/index.js");
+require("./TranslatorProvider/TranslatorProvider.js");
+require("./TranslatorProvider/index.js");
+require("./ManifestsProvider/ManifestsProvider.js");
+require("./ManifestsProvider/index.js");
+require("./AuthProvider/AuthProvider.js");
+require("./AuthProvider/index.js");
+require("./PersistenceSettingProvider/PersistenceSettingProvider.js");
+require("./PersistenceSettingProvider/index.js");
+require("./SearchProvider/SearchProvider.js");
+require("./SearchProvider/index.js");
+require("./DownloadProvider/DownloadProvider.js");
+require("./DownloadProvider/index.js");

package/build/providers/index.mjs

@@ -0,0 +1,16 @@
+import "./AppConfigurationProvider/AppConfigurationProvider.mjs";
+import "./AppConfigurationProvider/index.mjs";
+import "./VersionProvider/VersionProvider.mjs";
+import "./VersionProvider/index.mjs";
+import "./TranslatorProvider/TranslatorProvider.mjs";
+import "./TranslatorProvider/index.mjs";
+import "./ManifestsProvider/ManifestsProvider.mjs";
+import "./ManifestsProvider/index.mjs";
+import "./AuthProvider/AuthProvider.mjs";
+import "./AuthProvider/index.mjs";
+import "./PersistenceSettingProvider/PersistenceSettingProvider.mjs";
+import "./PersistenceSettingProvider/index.mjs";
+import "./SearchProvider/SearchProvider.mjs";
+import "./SearchProvider/index.mjs";
+import "./DownloadProvider/DownloadProvider.mjs";
+import "./DownloadProvider/index.mjs";

package/build/sections/Detail/ContainerContent.js

@@ -1,26 +1,36 @@
-import e from "../../utils/loadable.js";
-import { useVersion as t } from "../../providers/VersionProvider/VersionProvider.js";
-import "../../providers/index.js";
-import n from "./ReadmeSection.js";
-import { jsx as r } from "react/jsx-runtime";
-import "react";
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_loadable = require("../../utils/loadable.js");
+const require_VersionProvider = require("../../providers/VersionProvider/VersionProvider.js");
+require("../../providers/index.js");
+const require_ReadmeSection = require("./ReadmeSection.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+react = require_runtime.__toESM(react);
 //#region src/sections/Detail/ContainerContent.tsx
-var i = /* @__PURE__ */ function(e) {
-	return e.README = "readme", e.DEPENDENCIES = "dependencies", e.VERSIONS = "versions", e.UPLINKS = "uplinks", e;
-}({}), a = e(() => import("../../components/Versions/index.js")), o = e(() => import("../../components/UpLinks/index.js")), s = e(() => import("../../components/Dependencies/index.js")), c = ({ tabPosition: e, readDescription: c }) => {
-	let { packageMeta: l, packageName: u } = t();
-	switch (e) {
-		case i.README: return /* @__PURE__ */ r(n, { description: c });
-		case i.UPLINKS: return /* @__PURE__ */ r(o, { packageMeta: l });
-		case i.VERSIONS: return /* @__PURE__ */ r(a, {
-			packageMeta: l,
-			packageName: u
+var TabPosition = /* @__PURE__ */ function(TabPosition) {
+	TabPosition["README"] = "readme";
+	TabPosition["DEPENDENCIES"] = "dependencies";
+	TabPosition["VERSIONS"] = "versions";
+	TabPosition["UPLINKS"] = "uplinks";
+	return TabPosition;
+}({});
+var Versions = require_loadable.default(() => Promise.resolve().then(() => require("../../components/Versions/index.js")));
+var UpLinks = require_loadable.default(() => Promise.resolve().then(() => require("../../components/UpLinks/index.js")));
+var Dependencies = require_loadable.default(() => Promise.resolve().then(() => require("../../components/Dependencies/index.js")));
+var ContainerContent = ({ tabPosition, readDescription }) => {
+	const { packageMeta, packageName } = require_VersionProvider.useVersion();
+	switch (tabPosition) {
+		case TabPosition.README: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ReadmeSection.default, { description: readDescription });
+		case TabPosition.UPLINKS: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UpLinks, { packageMeta });
+		case TabPosition.VERSIONS: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Versions, {
+			packageMeta,
+			packageName
 		});
-		case i.DEPENDENCIES: return /* @__PURE__ */ r(s, { packageMeta: l });
+		case TabPosition.DEPENDENCIES: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Dependencies, { packageMeta });
 		default: return null;
 	}
 };
 //#endregion
-export { c as default };
+exports.default = ContainerContent;
 
 //# sourceMappingURL=ContainerContent.js.map

package/build/sections/Detail/ContainerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContainerContent.js","names":["React","useVersion","loadable","ReadmeSection","TabPosition","README","DEPENDENCIES","VERSIONS","UPLINKS","Versions","UpLinks","Dependencies","Props","tabPosition","readDescription","ContainerContent","FC","packageMeta","packageName"],"sources":["../../../src/sections/Detail/ContainerContent.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useVersion } from '../../providers';\nimport loadable from '../../utils/loadable';\nimport ReadmeSection from './ReadmeSection';\n\nexport enum TabPosition {\n  README = 'readme',\n  DEPENDENCIES = 'dependencies',\n  VERSIONS = 'versions',\n  UPLINKS = 'uplinks',\n}\n\nconst Versions = loadable(() => import('../../components/Versions'));\nconst UpLinks = loadable(() => import('../../components/UpLinks'));\n\nconst Dependencies = loadable(() => import('../../components/Dependencies'));\n\ninterface Props {\n  tabPosition: TabPosition;\n  readDescription?: string;\n}\n\nconst ContainerContent: React.FC<Props> = ({ tabPosition, readDescription }) => {\n  const { packageMeta, packageName } = useVersion();\n  switch (tabPosition) {\n    case TabPosition.README:\n      return <ReadmeSection description={readDescription} />;\n    case TabPosition.UPLINKS:\n      return <UpLinks packageMeta={packageMeta} />;\n    case TabPosition.VERSIONS:\n      return <Versions packageMeta={packageMeta} packageName={packageName} />;\n    case TabPosition.DEPENDENCIES:\n      return <Dependencies packageMeta={packageMeta} />;\n    default:\n      return null;\n  }\n};\n\nexport default ContainerContent;\n"],"mappings":";;;;;;;AAMA,IAAYI,IAAL,yBAAA,GAAA;QACLC,EAAAA,SAAAA,UACAC,EAAAA,eAAAA,gBACAC,EAAAA,WAAAA,YACAC,EAAAA,UAAAA;KACF,EAEMC,IAAWP,QAAe,OAAO,sCAA6B,EAC9DQ,IAAUR,QAAe,OAAO,qCAA4B,EAE5DS,IAAeT,QAAe,OAAO,0CAAiC,EAOtEa,KAAqC,EAAEF,gBAAaC,yBAAsB;CAC9E,IAAM,EAAEG,gBAAaC,mBAAgBjB,GAAY;AACjD,SAAQY,GAAR;EACE,KAAKT,EAAYC,OACf,QAAO,kBAAC,GAAD,EAAe,aAAaS,GAAmB,CAAA;EACxD,KAAKV,EAAYI,QACf,QAAO,kBAAC,GAAD,EAAsBS,gBAAe,CAAA;EAC9C,KAAKb,EAAYG,SACf,QAAO,kBAAC,GAAD;GAAuBU;GAA0BC;GAAe,CAAA;EACzE,KAAKd,EAAYE,aACf,QAAO,kBAAC,GAAD,EAA2BW,gBAAe,CAAA;EACnD,QACE,QAAO"}
+{"version":3,"file":"ContainerContent.js","names":["React","useVersion","loadable","ReadmeSection","TabPosition","README","DEPENDENCIES","VERSIONS","UPLINKS","Versions","UpLinks","Dependencies","Props","tabPosition","readDescription","ContainerContent","FC","packageMeta","packageName"],"sources":["../../../src/sections/Detail/ContainerContent.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useVersion } from '../../providers';\nimport loadable from '../../utils/loadable';\nimport ReadmeSection from './ReadmeSection';\n\nexport enum TabPosition {\n  README = 'readme',\n  DEPENDENCIES = 'dependencies',\n  VERSIONS = 'versions',\n  UPLINKS = 'uplinks',\n}\n\nconst Versions = loadable(() => import('../../components/Versions'));\nconst UpLinks = loadable(() => import('../../components/UpLinks'));\n\nconst Dependencies = loadable(() => import('../../components/Dependencies'));\n\ninterface Props {\n  tabPosition: TabPosition;\n  readDescription?: string;\n}\n\nconst ContainerContent: React.FC<Props> = ({ tabPosition, readDescription }) => {\n  const { packageMeta, packageName } = useVersion();\n  switch (tabPosition) {\n    case TabPosition.README:\n      return <ReadmeSection description={readDescription} />;\n    case TabPosition.UPLINKS:\n      return <UpLinks packageMeta={packageMeta} />;\n    case TabPosition.VERSIONS:\n      return <Versions packageMeta={packageMeta} packageName={packageName} />;\n    case TabPosition.DEPENDENCIES:\n      return <Dependencies packageMeta={packageMeta} />;\n    default:\n      return null;\n  }\n};\n\nexport default ContainerContent;\n"],"mappings":";;;;;;;;;AAMA,IAAYI,cAAL,yBAAA,aAAA;AACLC,aAAAA,YAAAA;AACAC,aAAAA,kBAAAA;AACAC,aAAAA,cAAAA;AACAC,aAAAA,aAAAA;;KACF;AAEA,IAAMC,WAAWP,iBAAAA,cAAAA,QAAAA,SAAAA,CAAAA,WAAAA,QAAe,qCAAA,CAAA,CAAoC;AACpE,IAAMQ,UAAUR,iBAAAA,cAAAA,QAAAA,SAAAA,CAAAA,WAAAA,QAAe,oCAAA,CAAA,CAAmC;AAElE,IAAMS,eAAeT,iBAAAA,cAAAA,QAAAA,SAAAA,CAAAA,WAAAA,QAAe,yCAAA,CAAA,CAAwC;AAO5E,IAAMa,oBAAqC,EAAEF,aAAaC,sBAAsB;CAC9E,MAAM,EAAEG,aAAaC,gBAAgBjB,wBAAAA,YAAY;AACjD,SAAQY,aAAR;EACE,KAAKT,YAAYC,OACf,QAAO,iBAAA,GAAA,kBAAA,KAAC,sBAAA,SAAD,EAAe,aAAaS,iBAAmB,CAAA;EACxD,KAAKV,YAAYI,QACf,QAAO,iBAAA,GAAA,kBAAA,KAAC,SAAD,EAAsBS,aAAe,CAAA;EAC9C,KAAKb,YAAYG,SACf,QAAO,iBAAA,GAAA,kBAAA,KAAC,UAAD;GAAuBU;GAA0BC;GAAe,CAAA;EACzE,KAAKd,YAAYE,aACf,QAAO,iBAAA,GAAA,kBAAA,KAAC,cAAD,EAA2BW,aAAe,CAAA;EACnD,QACE,QAAO"}

package/build/sections/Detail/ContainerContent.mjs

@@ -0,0 +1,34 @@
+import loadable_default from "../../utils/loadable.mjs";
+import { useVersion } from "../../providers/VersionProvider/VersionProvider.mjs";
+import "../../providers/index.mjs";
+import DetailContainerContentReadme from "./ReadmeSection.mjs";
+import { jsx } from "react/jsx-runtime";
+import "react";
+//#region src/sections/Detail/ContainerContent.tsx
+var TabPosition = /* @__PURE__ */ function(TabPosition) {
+	TabPosition["README"] = "readme";
+	TabPosition["DEPENDENCIES"] = "dependencies";
+	TabPosition["VERSIONS"] = "versions";
+	TabPosition["UPLINKS"] = "uplinks";
+	return TabPosition;
+}({});
+var Versions = loadable_default(() => import("../../components/Versions/index.mjs"));
+var UpLinks = loadable_default(() => import("../../components/UpLinks/index.mjs"));
+var Dependencies = loadable_default(() => import("../../components/Dependencies/index.mjs"));
+var ContainerContent = ({ tabPosition, readDescription }) => {
+	const { packageMeta, packageName } = useVersion();
+	switch (tabPosition) {
+		case TabPosition.README: return /* @__PURE__ */ jsx(DetailContainerContentReadme, { description: readDescription });
+		case TabPosition.UPLINKS: return /* @__PURE__ */ jsx(UpLinks, { packageMeta });
+		case TabPosition.VERSIONS: return /* @__PURE__ */ jsx(Versions, {
+			packageMeta,
+			packageName
+		});
+		case TabPosition.DEPENDENCIES: return /* @__PURE__ */ jsx(Dependencies, { packageMeta });
+		default: return null;
+	}
+};
+//#endregion
+export { ContainerContent as default };
+
+//# sourceMappingURL=ContainerContent.mjs.map

package/build/sections/Detail/ContainerContent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainerContent.mjs","names":["React","useVersion","loadable","ReadmeSection","TabPosition","README","DEPENDENCIES","VERSIONS","UPLINKS","Versions","UpLinks","Dependencies","Props","tabPosition","readDescription","ContainerContent","FC","packageMeta","packageName"],"sources":["../../../src/sections/Detail/ContainerContent.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useVersion } from '../../providers';\nimport loadable from '../../utils/loadable';\nimport ReadmeSection from './ReadmeSection';\n\nexport enum TabPosition {\n  README = 'readme',\n  DEPENDENCIES = 'dependencies',\n  VERSIONS = 'versions',\n  UPLINKS = 'uplinks',\n}\n\nconst Versions = loadable(() => import('../../components/Versions'));\nconst UpLinks = loadable(() => import('../../components/UpLinks'));\n\nconst Dependencies = loadable(() => import('../../components/Dependencies'));\n\ninterface Props {\n  tabPosition: TabPosition;\n  readDescription?: string;\n}\n\nconst ContainerContent: React.FC<Props> = ({ tabPosition, readDescription }) => {\n  const { packageMeta, packageName } = useVersion();\n  switch (tabPosition) {\n    case TabPosition.README:\n      return <ReadmeSection description={readDescription} />;\n    case TabPosition.UPLINKS:\n      return <UpLinks packageMeta={packageMeta} />;\n    case TabPosition.VERSIONS:\n      return <Versions packageMeta={packageMeta} packageName={packageName} />;\n    case TabPosition.DEPENDENCIES:\n      return <Dependencies packageMeta={packageMeta} />;\n    default:\n      return null;\n  }\n};\n\nexport default ContainerContent;\n"],"mappings":";;;;;;;AAMA,IAAYI,cAAL,yBAAA,aAAA;AACLC,aAAAA,YAAAA;AACAC,aAAAA,kBAAAA;AACAC,aAAAA,cAAAA;AACAC,aAAAA,aAAAA;;KACF;AAEA,IAAMC,WAAWP,uBAAe,OAAO,uCAA6B;AACpE,IAAMQ,UAAUR,uBAAe,OAAO,sCAA4B;AAElE,IAAMS,eAAeT,uBAAe,OAAO,2CAAiC;AAO5E,IAAMa,oBAAqC,EAAEF,aAAaC,sBAAsB;CAC9E,MAAM,EAAEG,aAAaC,gBAAgBjB,YAAY;AACjD,SAAQY,aAAR;EACE,KAAKT,YAAYC,OACf,QAAO,oBAAC,8BAAD,EAAe,aAAaS,iBAAmB,CAAA;EACxD,KAAKV,YAAYI,QACf,QAAO,oBAAC,SAAD,EAAsBS,aAAe,CAAA;EAC9C,KAAKb,YAAYG,SACf,QAAO,oBAAC,UAAD;GAAuBU;GAA0BC;GAAe,CAAA;EACzE,KAAKd,YAAYE,aACf,QAAO,oBAAC,cAAD,EAA2BW,aAAe,CAAA;EACnD,QACE,QAAO"}

package/build/sections/Detail/Detail.js

@@ -1,41 +1,53 @@
-import { useConfig as e } from "../../providers/AppConfigurationProvider/AppConfigurationProvider.js";
-import { useVersion as t } from "../../providers/VersionProvider/VersionProvider.js";
-import "../../providers/index.js";
-import n from "../../components/Deprecated/Deprecated.js";
-import "../../components/Deprecated/index.js";
-import r from "./ContainerContent.js";
-import i from "./Tabs.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { useState as s } from "react";
-import c from "@mui/material/Box";
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_AppConfigurationProvider = require("../../providers/AppConfigurationProvider/AppConfigurationProvider.js");
+const require_VersionProvider = require("../../providers/VersionProvider/VersionProvider.js");
+require("../../providers/index.js");
+const require_Deprecated = require("../../components/Deprecated/Deprecated.js");
+require("../../components/Deprecated/index.js");
+const require_ContainerContent = require("./ContainerContent.js");
+const require_Tabs = require("./Tabs.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let _mui_material_Box = require("@mui/material/Box");
+_mui_material_Box = require_runtime.__toESM(_mui_material_Box);
 //#region src/sections/Detail/Detail.tsx
-var l = /* @__PURE__ */ function(e) {
-	return e.README = "readme", e.DEPENDENCIES = "dependencies", e.VERSIONS = "versions", e.UPLINKS = "uplinks", e;
-}({}), u = () => {
-	let { configOptions: u } = e(), d = u.showUplinks ? Object.values(l) : Object.values(l).filter((e) => e !== l.UPLINKS), [f, p] = s(0), { readMe: m, packageMeta: h } = t();
-	return /* @__PURE__ */ o(c, {
+var TabPosition = /* @__PURE__ */ function(TabPosition) {
+	TabPosition["README"] = "readme";
+	TabPosition["DEPENDENCIES"] = "dependencies";
+	TabPosition["VERSIONS"] = "versions";
+	TabPosition["UPLINKS"] = "uplinks";
+	return TabPosition;
+}({});
+var DetailContainer = () => {
+	const { configOptions } = require_AppConfigurationProvider.useConfig();
+	const tabs = configOptions.showUplinks ? Object.values(TabPosition) : Object.values(TabPosition).filter((tab) => tab !== TabPosition.UPLINKS);
+	const [tabPosition, setTabPosition] = (0, react.useState)(0);
+	const { readMe, packageMeta } = require_VersionProvider.useVersion();
+	const handleChange = (event, newValue) => {
+		setTabPosition(newValue);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_Box.default, {
 		component: "div",
 		display: "flex",
 		flexDirection: "column",
 		minWidth: 0,
 		padding: 0,
 		children: [
-			/* @__PURE__ */ a(i, {
-				onChange: (e, t) => {
-					p(t);
-				},
-				showUplinks: u.showUplinks,
-				tabPosition: f
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tabs.default, {
+				onChange: handleChange,
+				showUplinks: configOptions.showUplinks,
+				tabPosition
 			}),
-			h?.latest?.deprecated && /* @__PURE__ */ a(n, { message: h?.latest?.deprecated }),
-			/* @__PURE__ */ a(r, {
-				readDescription: m,
-				tabPosition: d[f]
+			packageMeta?.latest?.deprecated && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Deprecated.default, { message: packageMeta?.latest?.deprecated }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ContainerContent.default, {
+				readDescription: readMe,
+				tabPosition: tabs[tabPosition]
 			})
 		]
 	});
 };
 //#endregion
-export { u as default };
+exports.default = DetailContainer;
 
 //# sourceMappingURL=Detail.js.map

package/build/sections/Detail/Detail.js.map

@@ -1 +1 @@
-{"version":3,"file":"Detail.js","names":["Box","React","useState","Deprecated","useConfig","useVersion","ContainerContent","Tabs","TabPosition","README","DEPENDENCIES","VERSIONS","UPLINKS","DetailContainer","FC","configOptions","tabs","showUplinks","Object","values","filter","tab","tabPosition","setTabPosition","readMe","packageMeta","handleChange","event","ChangeEvent","newValue","latest","deprecated"],"sources":["../../../src/sections/Detail/Detail.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport React, { useState } from 'react';\n\nimport Deprecated from '../../components/Deprecated';\nimport { useConfig, useVersion } from '../../providers';\nimport ContainerContent from './ContainerContent';\nimport Tabs from './Tabs';\n\nexport enum TabPosition {\n  README = 'readme',\n  DEPENDENCIES = 'dependencies',\n  VERSIONS = 'versions',\n  UPLINKS = 'uplinks',\n}\n\nconst DetailContainer: React.FC = () => {\n  const { configOptions } = useConfig();\n  const tabs = configOptions.showUplinks\n    ? Object.values(TabPosition)\n    : Object.values(TabPosition).filter((tab) => tab !== TabPosition.UPLINKS);\n  const [tabPosition, setTabPosition] = useState(0);\n  const { readMe, packageMeta } = useVersion();\n\n  const handleChange = (event: React.ChangeEvent<{}>, newValue: number) => {\n    setTabPosition(newValue);\n  };\n\n  return (\n    <Box component=\"div\" display=\"flex\" flexDirection=\"column\" minWidth={0} padding={0}>\n      <Tabs\n        onChange={handleChange}\n        showUplinks={configOptions.showUplinks}\n        tabPosition={tabPosition}\n      />\n      {packageMeta?.latest?.deprecated && <Deprecated message={packageMeta?.latest?.deprecated} />}\n      <ContainerContent readDescription={readMe} tabPosition={tabs[tabPosition]} />\n    </Box>\n  );\n};\n\nexport default DetailContainer;\n"],"mappings":";;;;;;;;;;;AAQA,IAAYQ,IAAL,yBAAA,GAAA;QACLC,EAAAA,SAAAA,UACAC,EAAAA,eAAAA,gBACAC,EAAAA,WAAAA,YACAC,EAAAA,UAAAA;KACF,EAEMC,UAAkC;CACtC,IAAM,EAAEE,qBAAkBX,GAAW,EAC/BY,IAAOD,EAAcE,cACvBC,OAAOC,OAAOX,EAAY,GAC1BU,OAAOC,OAAOX,EAAY,CAACY,QAAQC,MAAQA,MAAQb,EAAYI,QAAQ,EACrE,CAACU,GAAaC,KAAkBrB,EAAS,EAAE,EAC3C,EAAEsB,WAAQC,mBAAgBpB,GAAY;AAM5C,QACE,kBAAC,GAAD;EAAK,WAAU;EAAM,SAAQ;EAAO,eAAc;EAAS,UAAU;EAAG,SAAS;YAAjF;GACE,kBAAC,GAAD;IACE,WAPgBsB,GAA8BE,MAAqB;AACvEN,OAAeM,EAAS;;IAOpB,aAAad,EAAcE;IACdK;IAAY,CAAA;GAE1BG,GAAaK,QAAQC,cAAc,kBAAC,GAAD,EAAY,SAASN,GAAaK,QAAQC,YAAc,CAAA;GAC5F,kBAAC,GAAD;IAAkB,iBAAiBP;IAAQ,aAAaR,EAAKM;IAAa,CAAA;GACtE"}
+{"version":3,"file":"Detail.js","names":["Box","React","useState","Deprecated","useConfig","useVersion","ContainerContent","Tabs","TabPosition","README","DEPENDENCIES","VERSIONS","UPLINKS","DetailContainer","FC","configOptions","tabs","showUplinks","Object","values","filter","tab","tabPosition","setTabPosition","readMe","packageMeta","handleChange","event","ChangeEvent","newValue","latest","deprecated"],"sources":["../../../src/sections/Detail/Detail.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport React, { useState } from 'react';\n\nimport Deprecated from '../../components/Deprecated';\nimport { useConfig, useVersion } from '../../providers';\nimport ContainerContent from './ContainerContent';\nimport Tabs from './Tabs';\n\nexport enum TabPosition {\n  README = 'readme',\n  DEPENDENCIES = 'dependencies',\n  VERSIONS = 'versions',\n  UPLINKS = 'uplinks',\n}\n\nconst DetailContainer: React.FC = () => {\n  const { configOptions } = useConfig();\n  const tabs = configOptions.showUplinks\n    ? Object.values(TabPosition)\n    : Object.values(TabPosition).filter((tab) => tab !== TabPosition.UPLINKS);\n  const [tabPosition, setTabPosition] = useState(0);\n  const { readMe, packageMeta } = useVersion();\n\n  const handleChange = (event: React.ChangeEvent<{}>, newValue: number) => {\n    setTabPosition(newValue);\n  };\n\n  return (\n    <Box component=\"div\" display=\"flex\" flexDirection=\"column\" minWidth={0} padding={0}>\n      <Tabs\n        onChange={handleChange}\n        showUplinks={configOptions.showUplinks}\n        tabPosition={tabPosition}\n      />\n      {packageMeta?.latest?.deprecated && <Deprecated message={packageMeta?.latest?.deprecated} />}\n      <ContainerContent readDescription={readMe} tabPosition={tabs[tabPosition]} />\n    </Box>\n  );\n};\n\nexport default DetailContainer;\n"],"mappings":";;;;;;;;;;;;;;AAQA,IAAYQ,cAAL,yBAAA,aAAA;AACLC,aAAAA,YAAAA;AACAC,aAAAA,kBAAAA;AACAC,aAAAA,cAAAA;AACAC,aAAAA,aAAAA;;KACF;AAEA,IAAMC,wBAAkC;CACtC,MAAM,EAAEE,kBAAkBX,iCAAAA,WAAW;CACrC,MAAMY,OAAOD,cAAcE,cACvBC,OAAOC,OAAOX,YAAY,GAC1BU,OAAOC,OAAOX,YAAY,CAACY,QAAQC,QAAQA,QAAQb,YAAYI,QAAQ;CAC3E,MAAM,CAACU,aAAaC,mBAAAA,GAAAA,MAAAA,UAA2B,EAAE;CACjD,MAAM,EAAEC,QAAQC,gBAAgBpB,wBAAAA,YAAY;CAE5C,MAAMqB,gBAAgBC,OAA8BE,aAAqB;AACvEN,iBAAeM,SAAS;;AAG1B,QACE,iBAAA,GAAA,kBAAA,MAAC,kBAAA,SAAD;EAAK,WAAU;EAAM,SAAQ;EAAO,eAAc;EAAS,UAAU;EAAG,SAAS;YAAjF;GACE,iBAAA,GAAA,kBAAA,KAAC,aAAA,SAAD;IACE,UAAUH;IACV,aAAaX,cAAcE;IACdK;IAAY,CAAA;GAE1BG,aAAaK,QAAQC,cAAc,iBAAA,GAAA,kBAAA,KAAC,mBAAA,SAAD,EAAY,SAASN,aAAaK,QAAQC,YAAc,CAAA;GAC5F,iBAAA,GAAA,kBAAA,KAAC,yBAAA,SAAD;IAAkB,iBAAiBP;IAAQ,aAAaR,KAAKM;IAAa,CAAA;GACtE"}

package/build/sections/Detail/Detail.mjs

@@ -0,0 +1,50 @@
+import { useConfig } from "../../providers/AppConfigurationProvider/AppConfigurationProvider.mjs";
+import { useVersion } from "../../providers/VersionProvider/VersionProvider.mjs";
+import "../../providers/index.mjs";
+import Deprecated from "../../components/Deprecated/Deprecated.mjs";
+import "../../components/Deprecated/index.mjs";
+import ContainerContent from "./ContainerContent.mjs";
+import DetailContainerTabs from "./Tabs.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import Box from "@mui/material/Box";
+//#region src/sections/Detail/Detail.tsx
+var TabPosition = /* @__PURE__ */ function(TabPosition) {
+	TabPosition["README"] = "readme";
+	TabPosition["DEPENDENCIES"] = "dependencies";
+	TabPosition["VERSIONS"] = "versions";
+	TabPosition["UPLINKS"] = "uplinks";
+	return TabPosition;
+}({});
+var DetailContainer = () => {
+	const { configOptions } = useConfig();
+	const tabs = configOptions.showUplinks ? Object.values(TabPosition) : Object.values(TabPosition).filter((tab) => tab !== TabPosition.UPLINKS);
+	const [tabPosition, setTabPosition] = useState(0);
+	const { readMe, packageMeta } = useVersion();
+	const handleChange = (event, newValue) => {
+		setTabPosition(newValue);
+	};
+	return /* @__PURE__ */ jsxs(Box, {
+		component: "div",
+		display: "flex",
+		flexDirection: "column",
+		minWidth: 0,
+		padding: 0,
+		children: [
+			/* @__PURE__ */ jsx(DetailContainerTabs, {
+				onChange: handleChange,
+				showUplinks: configOptions.showUplinks,
+				tabPosition
+			}),
+			packageMeta?.latest?.deprecated && /* @__PURE__ */ jsx(Deprecated, { message: packageMeta?.latest?.deprecated }),
+			/* @__PURE__ */ jsx(ContainerContent, {
+				readDescription: readMe,
+				tabPosition: tabs[tabPosition]
+			})
+		]
+	});
+};
+//#endregion
+export { DetailContainer as default };
+
+//# sourceMappingURL=Detail.mjs.map

package/build/sections/Detail/Detail.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Detail.mjs","names":["Box","React","useState","Deprecated","useConfig","useVersion","ContainerContent","Tabs","TabPosition","README","DEPENDENCIES","VERSIONS","UPLINKS","DetailContainer","FC","configOptions","tabs","showUplinks","Object","values","filter","tab","tabPosition","setTabPosition","readMe","packageMeta","handleChange","event","ChangeEvent","newValue","latest","deprecated"],"sources":["../../../src/sections/Detail/Detail.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport React, { useState } from 'react';\n\nimport Deprecated from '../../components/Deprecated';\nimport { useConfig, useVersion } from '../../providers';\nimport ContainerContent from './ContainerContent';\nimport Tabs from './Tabs';\n\nexport enum TabPosition {\n  README = 'readme',\n  DEPENDENCIES = 'dependencies',\n  VERSIONS = 'versions',\n  UPLINKS = 'uplinks',\n}\n\nconst DetailContainer: React.FC = () => {\n  const { configOptions } = useConfig();\n  const tabs = configOptions.showUplinks\n    ? Object.values(TabPosition)\n    : Object.values(TabPosition).filter((tab) => tab !== TabPosition.UPLINKS);\n  const [tabPosition, setTabPosition] = useState(0);\n  const { readMe, packageMeta } = useVersion();\n\n  const handleChange = (event: React.ChangeEvent<{}>, newValue: number) => {\n    setTabPosition(newValue);\n  };\n\n  return (\n    <Box component=\"div\" display=\"flex\" flexDirection=\"column\" minWidth={0} padding={0}>\n      <Tabs\n        onChange={handleChange}\n        showUplinks={configOptions.showUplinks}\n        tabPosition={tabPosition}\n      />\n      {packageMeta?.latest?.deprecated && <Deprecated message={packageMeta?.latest?.deprecated} />}\n      <ContainerContent readDescription={readMe} tabPosition={tabs[tabPosition]} />\n    </Box>\n  );\n};\n\nexport default DetailContainer;\n"],"mappings":";;;;;;;;;;;AAQA,IAAYQ,cAAL,yBAAA,aAAA;AACLC,aAAAA,YAAAA;AACAC,aAAAA,kBAAAA;AACAC,aAAAA,cAAAA;AACAC,aAAAA,aAAAA;;KACF;AAEA,IAAMC,wBAAkC;CACtC,MAAM,EAAEE,kBAAkBX,WAAW;CACrC,MAAMY,OAAOD,cAAcE,cACvBC,OAAOC,OAAOX,YAAY,GAC1BU,OAAOC,OAAOX,YAAY,CAACY,QAAQC,QAAQA,QAAQb,YAAYI,QAAQ;CAC3E,MAAM,CAACU,aAAaC,kBAAkBrB,SAAS,EAAE;CACjD,MAAM,EAAEsB,QAAQC,gBAAgBpB,YAAY;CAE5C,MAAMqB,gBAAgBC,OAA8BE,aAAqB;AACvEN,iBAAeM,SAAS;;AAG1B,QACE,qBAAC,KAAD;EAAK,WAAU;EAAM,SAAQ;EAAO,eAAc;EAAS,UAAU;EAAG,SAAS;YAAjF;GACE,oBAAC,qBAAD;IACE,UAAUH;IACV,aAAaX,cAAcE;IACdK;IAAY,CAAA;GAE1BG,aAAaK,QAAQC,cAAc,oBAAC,YAAD,EAAY,SAASN,aAAaK,QAAQC,YAAc,CAAA;GAC5F,oBAAC,kBAAD;IAAkB,iBAAiBP;IAAQ,aAAaR,KAAKM;IAAa,CAAA;GACtE"}

package/build/sections/Detail/ReadmeSection.js

@@ -1,10 +1,15 @@
-import e from "../../components/Readme/Readme.js";
-import "../../components/Readme/index.js";
-import { jsx as t } from "react/jsx-runtime";
-import "react";
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_Readme = require("../../components/Readme/Readme.js");
+require("../../components/Readme/index.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+react = require_runtime.__toESM(react);
 //#region src/sections/Detail/ReadmeSection.tsx
-var n = ({ description: n }) => n ? /* @__PURE__ */ t(e, { description: n }) : null;
+var DetailContainerContentReadme = ({ description }) => {
+	if (!description) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Readme.default, { description });
+};
 //#endregion
-export { n as default };
+exports.default = DetailContainerContentReadme;
 
 //# sourceMappingURL=ReadmeSection.js.map

package/build/sections/Detail/ReadmeSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadmeSection.js","names":["React","Readme","Props","description","DetailContainerContentReadme","FC"],"sources":["../../../src/sections/Detail/ReadmeSection.tsx"],"sourcesContent":["import React from 'react';\n\nimport Readme from '../../components/Readme';\n\ninterface Props {\n  description?: string;\n}\n\nconst DetailContainerContentReadme: React.FC<Props> = ({ description }) => {\n  if (!description) {\n    return null;\n  }\n\n  return <Readme description={description} />;\n};\n\nexport default DetailContainerContentReadme;\n"],"mappings":";;;;;AAQA,IAAMI,KAAiD,EAAED,qBAClDA,IAIE,kBAAC,GAAD,EAAqBA,gBAAe,CAAA,GAHlC"}
+{"version":3,"file":"ReadmeSection.js","names":["React","Readme","Props","description","DetailContainerContentReadme","FC"],"sources":["../../../src/sections/Detail/ReadmeSection.tsx"],"sourcesContent":["import React from 'react';\n\nimport Readme from '../../components/Readme';\n\ninterface Props {\n  description?: string;\n}\n\nconst DetailContainerContentReadme: React.FC<Props> = ({ description }) => {\n  if (!description) {\n    return null;\n  }\n\n  return <Readme description={description} />;\n};\n\nexport default DetailContainerContentReadme;\n"],"mappings":";;;;;;;AAQA,IAAMI,gCAAiD,EAAED,kBAAkB;AACzE,KAAI,CAACA,YACH,QAAO;AAGT,QAAO,iBAAA,GAAA,kBAAA,KAAC,eAAA,SAAD,EAAqBA,aAAe,CAAA"}

package/build/sections/Detail/ReadmeSection.mjs

@@ -0,0 +1,13 @@
+import Readme from "../../components/Readme/Readme.mjs";
+import "../../components/Readme/index.mjs";
+import { jsx } from "react/jsx-runtime";
+import "react";
+//#region src/sections/Detail/ReadmeSection.tsx
+var DetailContainerContentReadme = ({ description }) => {
+	if (!description) return null;
+	return /* @__PURE__ */ jsx(Readme, { description });
+};
+//#endregion
+export { DetailContainerContentReadme as default };
+
+//# sourceMappingURL=ReadmeSection.mjs.map

package/build/sections/Detail/ReadmeSection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadmeSection.mjs","names":["React","Readme","Props","description","DetailContainerContentReadme","FC"],"sources":["../../../src/sections/Detail/ReadmeSection.tsx"],"sourcesContent":["import React from 'react';\n\nimport Readme from '../../components/Readme';\n\ninterface Props {\n  description?: string;\n}\n\nconst DetailContainerContentReadme: React.FC<Props> = ({ description }) => {\n  if (!description) {\n    return null;\n  }\n\n  return <Readme description={description} />;\n};\n\nexport default DetailContainerContentReadme;\n"],"mappings":";;;;;AAQA,IAAMI,gCAAiD,EAAED,kBAAkB;AACzE,KAAI,CAACA,YACH,QAAO;AAGT,QAAO,oBAAC,QAAD,EAAqBA,aAAe,CAAA"}

package/build/sections/Detail/Tabs.js

@@ -1,45 +1,54 @@
-import e from "@emotion/styled/base";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import "react";
-import { useTranslation as r } from "react-i18next";
-import i from "@mui/material/Tab";
-import a from "@mui/material/Tabs";
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+let _emotion_styled_base = require("@emotion/styled/base");
+_emotion_styled_base = require_runtime.__toESM(_emotion_styled_base);
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_i18next = require("react-i18next");
+let _mui_material_Tab = require("@mui/material/Tab");
+_mui_material_Tab = require_runtime.__toESM(_mui_material_Tab);
+let _mui_material_Tabs = require("@mui/material/Tabs");
+_mui_material_Tabs = require_runtime.__toESM(_mui_material_Tabs);
+let _mui_material_useMediaQuery = require("@mui/material/useMediaQuery");
+_mui_material_useMediaQuery = require_runtime.__toESM(_mui_material_useMediaQuery);
 //#region src/sections/Detail/Tabs.tsx
-function o() {
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
 	return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
 }
-var s = ({ tabPosition: e, onChange: a, showUplinks: o }) => {
-	let { t: s } = r();
-	return /* @__PURE__ */ n(c, {
-		allowScrollButtonsMobile: !0,
-		onChange: a,
-		scrollButtons: "auto",
-		value: e,
-		variant: "scrollable",
+var DetailContainerTabs = ({ tabPosition, onChange, showUplinks }) => {
+	const { t } = (0, react_i18next.useTranslation)();
+	const isMobile = (0, _mui_material_useMediaQuery.default)("(max-width:599px)");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Tabs, {
+		allowScrollButtonsMobile: true,
+		onChange,
+		scrollButtons: isMobile ? "auto" : false,
+		value: tabPosition,
+		variant: isMobile ? "scrollable" : "fullWidth",
 		children: [
-			/* @__PURE__ */ t(i, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Tab.default, {
 				"data-testid": "readme-tab",
 				id: "readme-tab",
-				label: s("tab.readme")
+				label: t("tab.readme")
 			}),
-			/* @__PURE__ */ t(i, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Tab.default, {
 				"data-testid": "dependencies-tab",
 				id: "dependencies-tab",
-				label: s("tab.dependencies")
+				label: t("tab.dependencies")
 			}),
-			/* @__PURE__ */ t(i, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Tab.default, {
 				"data-testid": "versions-tab",
 				id: "versions-tab",
-				label: s("tab.versions")
+				label: t("tab.versions")
 			}),
-			o && /* @__PURE__ */ t(i, {
+			showUplinks && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Tab.default, {
 				"data-testid": "uplinks-tab",
 				id: "uplinks-tab",
-				label: s("tab.uplinks")
+				label: t("tab.uplinks")
 			})
 		]
 	});
-}, c = /* @__PURE__ */ e(a, process.env.NODE_ENV === "production" ? { target: "e1g9ee4l0" } : {
+};
+var Tabs = /* @__PURE__ */ (0, _emotion_styled_base.default)(_mui_material_Tabs.default, process.env.NODE_ENV === "production" ? { target: "e1g9ee4l0" } : {
 	target: "e1g9ee4l0",
 	label: "Tabs"
 })(process.env.NODE_ENV === "production" ? {
@@ -47,10 +56,10 @@ var s = ({ tabPosition: e, onChange: a, showUplinks: o }) => {
 	styles: "margin-bottom:16px"
 } : {
 	name: "18uqayh",
-	styles: "margin-bottom:16px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvRGV0YWlsL1RhYnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DYSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay92ZXJkYWNjaW8vdmVyZGFjY2lvL3BhY2thZ2VzL3VpLWNvbXBvbmVudHMvc3JjL3NlY3Rpb25zL0RldGFpbC9UYWJzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBUYWIgZnJvbSAnQG11aS9tYXRlcmlhbC9UYWInO1xuaW1wb3J0IHsgZGVmYXVsdCBhcyBNdWlUYWJzIH0gZnJvbSAnQG11aS9tYXRlcmlhbC9UYWJzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuXG5pbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vVGhlbWUnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBvbkNoYW5nZTogKGV2ZW50OiBSZWFjdC5DaGFuZ2VFdmVudDx7fT4sIG5ld1ZhbHVlOiBudW1iZXIpID0+IHZvaWQ7XG4gIHRhYlBvc2l0aW9uOiBudW1iZXI7XG4gIHNob3dVcGxpbmtzPzogYm9vbGVhbjtcbn1cblxuY29uc3QgRGV0YWlsQ29udGFpbmVyVGFiczogUmVhY3QuRkM8UHJvcHM+ID0gKHsgdGFiUG9zaXRpb24sIG9uQ2hhbmdlLCBzaG93VXBsaW5rcyB9KSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgcmV0dXJuIChcbiAgICA8VGFic1xuICAgICAgYWxsb3dTY3JvbGxCdXR0b25zTW9iaWxlPXt0cnVlfVxuICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgc2Nyb2xsQnV0dG9ucz1cImF1dG9cIlxuICAgICAgdmFsdWU9e3RhYlBvc2l0aW9ufVxuICAgICAgdmFyaWFudD1cInNjcm9sbGFibGVcIlxuICAgID5cbiAgICAgIDxUYWIgZGF0YS10ZXN0aWQ9eydyZWFkbWUtdGFiJ30gaWQ9eydyZWFkbWUtdGFiJ30gbGFiZWw9e3QoJ3RhYi5yZWFkbWUnKX0gLz5cbiAgICAgIDxUYWIgZGF0YS10ZXN0aWQ9eydkZXBlbmRlbmNpZXMtdGFiJ30gaWQ9eydkZXBlbmRlbmNpZXMtdGFiJ30gbGFiZWw9e3QoJ3RhYi5kZXBlbmRlbmNpZXMnKX0gLz5cbiAgICAgIDxUYWIgZGF0YS10ZXN0aWQ9eyd2ZXJzaW9ucy10YWInfSBpZD17J3ZlcnNpb25zLXRhYid9IGxhYmVsPXt0KCd0YWIudmVyc2lvbnMnKX0gLz5cbiAgICAgIHtzaG93VXBsaW5rcyAmJiAoXG4gICAgICAgIDxUYWIgZGF0YS10ZXN0aWQ9eyd1cGxpbmtzLXRhYid9IGlkPXsndXBsaW5rcy10YWInfSBsYWJlbD17dCgndGFiLnVwbGlua3MnKX0gLz5cbiAgICAgICl9XG4gICAgPC9UYWJzPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRGV0YWlsQ29udGFpbmVyVGFicztcblxuY29uc3QgVGFicyA9IHN0eWxlZChNdWlUYWJzKTx7IHRoZW1lPzogVGhlbWUgfT4oe1xuICBtYXJnaW5Cb3R0b206IDE2LFxufSk7XG4iXX0= */",
-	toString: o
+	styles: "margin-bottom:16px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvRGV0YWlsL1RhYnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDYSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay92ZXJkYWNjaW8vdmVyZGFjY2lvL3BhY2thZ2VzL3VpLWNvbXBvbmVudHMvc3JjL3NlY3Rpb25zL0RldGFpbC9UYWJzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBUYWIgZnJvbSAnQG11aS9tYXRlcmlhbC9UYWInO1xuaW1wb3J0IHsgZGVmYXVsdCBhcyBNdWlUYWJzIH0gZnJvbSAnQG11aS9tYXRlcmlhbC9UYWJzJztcbmltcG9ydCB1c2VNZWRpYVF1ZXJ5IGZyb20gJ0BtdWkvbWF0ZXJpYWwvdXNlTWVkaWFRdWVyeSc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJy4uLy4uL1RoZW1lJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgb25DaGFuZ2U6IChldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8e30+LCBuZXdWYWx1ZTogbnVtYmVyKSA9PiB2b2lkO1xuICB0YWJQb3NpdGlvbjogbnVtYmVyO1xuICBzaG93VXBsaW5rcz86IGJvb2xlYW47XG59XG5cbmNvbnN0IERldGFpbENvbnRhaW5lclRhYnM6IFJlYWN0LkZDPFByb3BzPiA9ICh7IHRhYlBvc2l0aW9uLCBvbkNoYW5nZSwgc2hvd1VwbGlua3MgfSkgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGlzTW9iaWxlID0gdXNlTWVkaWFRdWVyeSgnKG1heC13aWR0aDo1OTlweCknKTtcblxuICByZXR1cm4gKFxuICAgIDxUYWJzXG4gICAgICBhbGxvd1Njcm9sbEJ1dHRvbnNNb2JpbGU9e3RydWV9XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICBzY3JvbGxCdXR0b25zPXtpc01vYmlsZSA/ICdhdXRvJyA6IGZhbHNlfVxuICAgICAgdmFsdWU9e3RhYlBvc2l0aW9ufVxuICAgICAgdmFyaWFudD17aXNNb2JpbGUgPyAnc2Nyb2xsYWJsZScgOiAnZnVsbFdpZHRoJ31cbiAgICA+XG4gICAgICA8VGFiIGRhdGEtdGVzdGlkPXsncmVhZG1lLXRhYid9IGlkPXsncmVhZG1lLXRhYid9IGxhYmVsPXt0KCd0YWIucmVhZG1lJyl9IC8+XG4gICAgICA8VGFiIGRhdGEtdGVzdGlkPXsnZGVwZW5kZW5jaWVzLXRhYid9IGlkPXsnZGVwZW5kZW5jaWVzLXRhYid9IGxhYmVsPXt0KCd0YWIuZGVwZW5kZW5jaWVzJyl9IC8+XG4gICAgICA8VGFiIGRhdGEtdGVzdGlkPXsndmVyc2lvbnMtdGFiJ30gaWQ9eyd2ZXJzaW9ucy10YWInfSBsYWJlbD17dCgndGFiLnZlcnNpb25zJyl9IC8+XG4gICAgICB7c2hvd1VwbGlua3MgJiYgKFxuICAgICAgICA8VGFiIGRhdGEtdGVzdGlkPXsndXBsaW5rcy10YWInfSBpZD17J3VwbGlua3MtdGFiJ30gbGFiZWw9e3QoJ3RhYi51cGxpbmtzJyl9IC8+XG4gICAgICApfVxuICAgIDwvVGFicz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IERldGFpbENvbnRhaW5lclRhYnM7XG5cbmNvbnN0IFRhYnMgPSBzdHlsZWQoTXVpVGFicyk8eyB0aGVtZT86IFRoZW1lIH0+KHtcbiAgbWFyZ2luQm90dG9tOiAxNixcbn0pO1xuIl19 */",
+	toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 //#endregion
-export { s as default };
+exports.default = DetailContainerTabs;
 
 //# sourceMappingURL=Tabs.js.map

package/build/sections/Detail/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","names":["Tab","default","MuiTabs","React","useTranslation","Theme","Props","onChange","event","ChangeEvent","newValue","tabPosition","showUplinks","DetailContainerTabs","FC","t","Tabs","_styled","process","env","NODE_ENV","target","label","theme","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"sources":["../../../src/sections/Detail/Tabs.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Tab from '@mui/material/Tab';\nimport { default as MuiTabs } from '@mui/material/Tabs';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../Theme';\n\ninterface Props {\n  onChange: (event: React.ChangeEvent<{}>, newValue: number) => void;\n  tabPosition: number;\n  showUplinks?: boolean;\n}\n\nconst DetailContainerTabs: React.FC<Props> = ({ tabPosition, onChange, showUplinks }) => {\n  const { t } = useTranslation();\n  return (\n    <Tabs\n      allowScrollButtonsMobile={true}\n      onChange={onChange}\n      scrollButtons=\"auto\"\n      value={tabPosition}\n      variant=\"scrollable\"\n    >\n      <Tab data-testid={'readme-tab'} id={'readme-tab'} label={t('tab.readme')} />\n      <Tab data-testid={'dependencies-tab'} id={'dependencies-tab'} label={t('tab.dependencies')} />\n      <Tab data-testid={'versions-tab'} id={'versions-tab'} label={t('tab.versions')} />\n      {showUplinks && (\n        <Tab data-testid={'uplinks-tab'} id={'uplinks-tab'} label={t('tab.uplinks')} />\n      )}\n    </Tabs>\n  );\n};\n\nexport default DetailContainerTabs;\n\nconst Tabs = styled(MuiTabs)<{ theme?: Theme }>({\n  marginBottom: 16,\n});\n"],"mappings":";;;;;;;;;;AAcA,IAAMa,KAAwC,EAAEF,gBAAaJ,aAAUK,qBAAkB;CACvF,IAAM,EAAEG,SAAMX,GAAgB;AAC9B,QACE,kBAAC,GAAD;EACE,0BAA0B;EAChBG;EACV,eAAc;EACd,OAAOI;EACP,SAAQ;YALV;GAOE,kBAAC,GAAD;IAAK,eAAa;IAAc,IAAI;IAAc,OAAOI,EAAE,aAAa;IAAC,CAAA;GACzE,kBAAC,GAAD;IAAK,eAAa;IAAoB,IAAI;IAAoB,OAAOA,EAAE,mBAAmB;IAAC,CAAA;GAC3F,kBAAC,GAAD;IAAK,eAAa;IAAgB,IAAI;IAAgB,OAAOA,EAAE,eAAe;IAAC,CAAA;GAC9EH,KACC,kBAAC,GAAD;IAAK,eAAa;IAAe,IAAI;IAAe,OAAOG,EAAE,cAAc;IAC5E,CAAA;GACI;;GAMLC,IAAOC,kBAAOf,GAAAA,QAAAA,IAAAA,aAAO,eAAA,EAAAmB,QAAA,aAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,CAAA,QAAA,IAAA,aAAmB,eAAA;CAAAE,MAAA;CAAAC,QAAA;CAAA,GAAA;CAAAD,MAAA;CAAAC,QAAA;CAAAC,UAAAC;CAE9C,CAAC"}
+{"version":3,"file":"Tabs.js","names":["Tab","default","MuiTabs","useMediaQuery","React","useTranslation","Theme","Props","onChange","event","ChangeEvent","newValue","tabPosition","showUplinks","DetailContainerTabs","FC","t","isMobile","Tabs","_styled","process","env","NODE_ENV","target","label","theme","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"sources":["../../../src/sections/Detail/Tabs.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Tab from '@mui/material/Tab';\nimport { default as MuiTabs } from '@mui/material/Tabs';\nimport useMediaQuery from '@mui/material/useMediaQuery';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../Theme';\n\ninterface Props {\n  onChange: (event: React.ChangeEvent<{}>, newValue: number) => void;\n  tabPosition: number;\n  showUplinks?: boolean;\n}\n\nconst DetailContainerTabs: React.FC<Props> = ({ tabPosition, onChange, showUplinks }) => {\n  const { t } = useTranslation();\n  const isMobile = useMediaQuery('(max-width:599px)');\n\n  return (\n    <Tabs\n      allowScrollButtonsMobile={true}\n      onChange={onChange}\n      scrollButtons={isMobile ? 'auto' : false}\n      value={tabPosition}\n      variant={isMobile ? 'scrollable' : 'fullWidth'}\n    >\n      <Tab data-testid={'readme-tab'} id={'readme-tab'} label={t('tab.readme')} />\n      <Tab data-testid={'dependencies-tab'} id={'dependencies-tab'} label={t('tab.dependencies')} />\n      <Tab data-testid={'versions-tab'} id={'versions-tab'} label={t('tab.versions')} />\n      {showUplinks && (\n        <Tab data-testid={'uplinks-tab'} id={'uplinks-tab'} label={t('tab.uplinks')} />\n      )}\n    </Tabs>\n  );\n};\n\nexport default DetailContainerTabs;\n\nconst Tabs = styled(MuiTabs)<{ theme?: Theme }>({\n  marginBottom: 16,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;AAeA,IAAMc,uBAAwC,EAAEF,aAAaJ,UAAUK,kBAAkB;CACvF,MAAM,EAAEG,OAAAA,GAAAA,cAAAA,iBAAsB;CAC9B,MAAMC,YAAAA,GAAAA,4BAAAA,SAAyB,oBAAoB;AAEnD,QACE,iBAAA,GAAA,kBAAA,MAAC,MAAD;EACE,0BAA0B;EAChBT;EACV,eAAeS,WAAW,SAAS;EACnC,OAAOL;EACP,SAASK,WAAW,eAAe;YALrC;GAOE,iBAAA,GAAA,kBAAA,KAAC,kBAAA,SAAD;IAAK,eAAa;IAAc,IAAI;IAAc,OAAOD,EAAE,aAAa;IAAC,CAAA;GACzE,iBAAA,GAAA,kBAAA,KAAC,kBAAA,SAAD;IAAK,eAAa;IAAoB,IAAI;IAAoB,OAAOA,EAAE,mBAAmB;IAAC,CAAA;GAC3F,iBAAA,GAAA,kBAAA,KAAC,kBAAA,SAAD;IAAK,eAAa;IAAgB,IAAI;IAAgB,OAAOA,EAAE,eAAe;IAAC,CAAA;GAC9EH,eACC,iBAAA,GAAA,kBAAA,KAAC,kBAAA,SAAD;IAAK,eAAa;IAAe,IAAI;IAAe,OAAOG,EAAE,cAAc;IAC5E,CAAA;GACI;;;AAMX,IAAME,OAAOC,iBAAAA,GAAAA,qBAAAA,SAAOjB,mBAAAA,SAAAA,QAAAA,IAAAA,aAAO,eAAA,EAAAqB,QAAA,aAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,CAAA,QAAA,IAAA,aAAmB,eAAA;CAAAE,MAAA;CAAAC,QAAA;CAAA,GAAA;CAAAD,MAAA;CAAAC,QAAA;CAAAC,UAAAC;CAE9C,CAAC"}