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

package/build/components/RawViewer/RawViewer.js

@@ -1,55 +1,66 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import n from "@mui/material/IconButton";
-import "react";
-import r from "@microlink/react-json-view";
-import i from "@mui/icons-material/Close";
-import a from "@mui/material/Dialog";
-import o from "@mui/material/DialogContent";
-import s from "@mui/material/DialogTitle";
-import { useTheme as c } from "@mui/material/styles";
-import { useTranslation as l } from "react-i18next";
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _mui_material_IconButton = require("@mui/material/IconButton");
+_mui_material_IconButton = require_runtime.__toESM(_mui_material_IconButton);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let _microlink_react_json_view = require("@microlink/react-json-view");
+_microlink_react_json_view = require_runtime.__toESM(_microlink_react_json_view);
+let _mui_icons_material_Close = require("@mui/icons-material/Close");
+_mui_icons_material_Close = require_runtime.__toESM(_mui_icons_material_Close);
+let _mui_material_Dialog = require("@mui/material/Dialog");
+_mui_material_Dialog = require_runtime.__toESM(_mui_material_Dialog);
+let _mui_material_DialogContent = require("@mui/material/DialogContent");
+_mui_material_DialogContent = require_runtime.__toESM(_mui_material_DialogContent);
+let _mui_material_DialogTitle = require("@mui/material/DialogTitle");
+_mui_material_DialogTitle = require_runtime.__toESM(_mui_material_DialogTitle);
+let _mui_material_styles = require("@mui/material/styles");
+let react_i18next = require("react-i18next");
 //#region src/components/RawViewer/RawViewer.tsx
-var u = (r) => {
-	let { children: a, onClose: o } = r;
-	return /* @__PURE__ */ t(s, {
+var ReactJson = _microlink_react_json_view.default ?? _microlink_react_json_view.reactJsonView ?? _microlink_react_json_view;
+var ViewerTitle = (props) => {
+	const { children, onClose } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_DialogTitle.default, {
 		sx: {
 			m: 0,
 			p: 2
 		},
-		children: [a, o ? /* @__PURE__ */ e(n, {
+		children: [children, onClose ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_IconButton.default, {
 			"aria-label": "close",
 			"data-testid": "close-raw-viewer",
-			onClick: o,
+			onClick: onClose,
 			sx: {
 				position: "absolute",
 				right: 8,
 				top: 8,
-				color: (e) => e.palette.grey[500]
+				color: (theme) => theme.palette.grey[500]
 			},
-			children: /* @__PURE__ */ e(i, {})
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_icons_material_Close.default, {})
 		}) : null]
 	});
-}, d = ({ isOpen: n = !1, onClose: i, packageMeta: s }) => {
-	let { t: d } = l(), f = c();
-	return /* @__PURE__ */ t(a, {
+};
+var RawViewer = ({ isOpen = false, onClose, packageMeta }) => {
+	const { t } = (0, react_i18next.useTranslation)();
+	const theme = (0, _mui_material_styles.useTheme)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_Dialog.default, {
 		"data-testid": "rawViewer--dialog",
-		fullScreen: !0,
-		open: n,
-		children: [/* @__PURE__ */ e(u, {
+		fullScreen: true,
+		open: isOpen,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ViewerTitle, {
 			id: "viewer-title",
-			onClose: i,
-			children: d("action-bar-action.raw-title", { package: s.latest.name })
-		}), /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(r, {
+			onClose,
+			children: t("action-bar-action.raw-title", { package: packageMeta.latest.name })
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_DialogContent.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReactJson, {
 			collapseStringsAfterLength: 200,
 			collapsed: 2,
-			enableClipboard: !0,
+			enableClipboard: true,
 			groupArraysAfterLength: 10,
-			src: s,
-			theme: f.palette.mode == "light" ? "bright:inverted" : "bright"
+			src: packageMeta,
+			theme: theme.palette.mode == "light" ? "bright:inverted" : "bright"
 		}) })]
 	});
 };
 //#endregion
-export { d as default };
+exports.default = RawViewer;
 
 //# sourceMappingURL=RawViewer.js.map

package/build/components/RawViewer/RawViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"RawViewer.js","names":["ReactJson","CloseIcon","Dialog","DialogContent","DialogTitle","IconButton","useTheme","React","useTranslation","Theme","ViewerTitleProps","id","children","ReactNode","onClose","ViewerTitle","props","m","p","position","right","top","color","theme","palette","grey","Props","isOpen","packageMeta","RawViewer","FC","t","package","latest","name","mode"],"sources":["../../../src/components/RawViewer/RawViewer.tsx"],"sourcesContent":["import ReactJson from '@microlink/react-json-view';\nimport CloseIcon from '@mui/icons-material/Close';\nimport Dialog from '@mui/material/Dialog';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport IconButton from '@mui/material/IconButton';\nimport { useTheme } from '@mui/material/styles';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../Theme';\n\nexport interface ViewerTitleProps {\n  id: string;\n  children?: React.ReactNode;\n  onClose: () => void;\n}\n\nconst ViewerTitle = (props: ViewerTitleProps) => {\n  const { children, onClose } = props;\n\n  return (\n    <DialogTitle sx={{ m: 0, p: 2 }}>\n      {children}\n      {onClose ? (\n        <IconButton\n          aria-label=\"close\"\n          data-testid=\"close-raw-viewer\"\n          onClick={onClose}\n          sx={{\n            position: 'absolute',\n            right: 8,\n            top: 8,\n            color: (theme) => theme.palette.grey[500],\n          }}\n        >\n          <CloseIcon />\n        </IconButton>\n      ) : null}\n    </DialogTitle>\n  );\n};\n\ntype Props = {\n  isOpen: boolean;\n  onClose: () => void;\n  packageMeta: any;\n};\n\nconst RawViewer: React.FC<Props> = ({ isOpen = false, onClose, packageMeta }) => {\n  const { t } = useTranslation();\n  const theme: Theme = useTheme();\n  return (\n    <Dialog data-testid={'rawViewer--dialog'} fullScreen={true} open={isOpen}>\n      <ViewerTitle id=\"viewer-title\" onClose={onClose}>\n        {t('action-bar-action.raw-title', { package: packageMeta.latest.name })}\n      </ViewerTitle>\n      <DialogContent>\n        <ReactJson\n          collapseStringsAfterLength={200}\n          collapsed={2}\n          enableClipboard={true}\n          groupArraysAfterLength={10}\n          src={packageMeta as any}\n          theme={theme.palette.mode == 'light' ? 'bright:inverted' : 'bright'}\n        />\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default RawViewer;\n"],"mappings":";;;;;;;;;;;AAkBA,IAAMe,KAAeC,MAA4B;CAC/C,IAAM,EAAEJ,aAAUE,eAAYE;AAE9B,QACE,kBAAC,GAAD;EAAa,IAAI;GAAEC,GAAG;GAAGC,GAAG;GAAG;YAA/B,CACGN,GACAE,IACC,kBAAC,GAAD;GACE,cAAW;GACX,eAAY;GACZ,SAASA;GACT,IAAI;IACFK,UAAU;IACVC,OAAO;IACPC,KAAK;IACLC,QAAQC,MAAUA,EAAMC,QAAQC,KAAK;IACtC;aAED,kBAAC,GAAD,EAAU,CAAA;GACC,CAAA,GACX,KACQ;;GAUZI,KAA8B,EAAEF,YAAS,IAAOb,YAASc,qBAAkB;CAC/E,IAAM,EAAEG,SAAMvB,GAAgB,EACxBe,IAAejB,GAAU;AAC/B,QACE,kBAAC,GAAD;EAAQ,eAAa;EAAqB,YAAY;EAAM,MAAMqB;YAAlE,CACE,kBAAC,GAAD;GAAa,IAAG;GAAwBb;aACrCiB,EAAE,+BAA+B,EAAEC,SAASJ,EAAYK,OAAOC,MAAM,CAAC;GAC5D,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,4BAA4B;GAC5B,WAAW;GACX,iBAAiB;GACjB,wBAAwB;GACxB,KAAKN;GACL,OAAOL,EAAMC,QAAQW,QAAQ,UAAU,oBAAoB;GAAS,CAAA,EAEzD,CAAA,CACR"}
+{"version":3,"file":"RawViewer.js","names":["ReactJsonViewModule","CloseIcon","Dialog","DialogContent","DialogTitle","IconButton","useTheme","React","useTranslation","Theme","ReactJson","default","reactJsonView","ComponentType","ViewerTitleProps","id","children","ReactNode","onClose","ViewerTitle","props","m","p","position","right","top","color","theme","palette","grey","Props","isOpen","packageMeta","RawViewer","FC","t","package","latest","name","mode"],"sources":["../../../src/components/RawViewer/RawViewer.tsx"],"sourcesContent":["import * as ReactJsonViewModule from '@microlink/react-json-view';\nimport CloseIcon from '@mui/icons-material/Close';\nimport Dialog from '@mui/material/Dialog';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport IconButton from '@mui/material/IconButton';\nimport { useTheme } from '@mui/material/styles';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../Theme';\n\nconst ReactJson = ((ReactJsonViewModule as any).default ??\n  (ReactJsonViewModule as any).reactJsonView ??\n  ReactJsonViewModule) as React.ComponentType<any>;\n\nexport interface ViewerTitleProps {\n  id: string;\n  children?: React.ReactNode;\n  onClose: () => void;\n}\n\nconst ViewerTitle = (props: ViewerTitleProps) => {\n  const { children, onClose } = props;\n\n  return (\n    <DialogTitle sx={{ m: 0, p: 2 }}>\n      {children}\n      {onClose ? (\n        <IconButton\n          aria-label=\"close\"\n          data-testid=\"close-raw-viewer\"\n          onClick={onClose}\n          sx={{\n            position: 'absolute',\n            right: 8,\n            top: 8,\n            color: (theme) => theme.palette.grey[500],\n          }}\n        >\n          <CloseIcon />\n        </IconButton>\n      ) : null}\n    </DialogTitle>\n  );\n};\n\ntype Props = {\n  isOpen: boolean;\n  onClose: () => void;\n  packageMeta: any;\n};\n\nconst RawViewer: React.FC<Props> = ({ isOpen = false, onClose, packageMeta }) => {\n  const { t } = useTranslation();\n  const theme: Theme = useTheme();\n  return (\n    <Dialog data-testid={'rawViewer--dialog'} fullScreen={true} open={isOpen}>\n      <ViewerTitle id=\"viewer-title\" onClose={onClose}>\n        {t('action-bar-action.raw-title', { package: packageMeta.latest.name })}\n      </ViewerTitle>\n      <DialogContent>\n        <ReactJson\n          collapseStringsAfterLength={200}\n          collapsed={2}\n          enableClipboard={true}\n          groupArraysAfterLength={10}\n          src={packageMeta as any}\n          theme={theme.palette.mode == 'light' ? 'bright:inverted' : 'bright'}\n        />\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default RawViewer;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAYA,IAAMU,YAAcV,2BAA4BW,WAC7CX,2BAA4BY,iBAC7BZ;AAQF,IAAMmB,eAAeC,UAA4B;CAC/C,MAAM,EAAEJ,UAAUE,YAAYE;AAE9B,QACE,iBAAA,GAAA,kBAAA,MAAC,0BAAA,SAAD;EAAa,IAAI;GAAEC,GAAG;GAAGC,GAAG;GAAG;YAA/B,CACGN,UACAE,UACC,iBAAA,GAAA,kBAAA,KAAC,yBAAA,SAAD;GACE,cAAW;GACX,eAAY;GACZ,SAASA;GACT,IAAI;IACFK,UAAU;IACVC,OAAO;IACPC,KAAK;IACLC,QAAQC,UAAUA,MAAMC,QAAQC,KAAK;IACtC;aAED,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD,EAAU,CAAA;GACC,CAAA,GACX,KACQ;;;AAUlB,IAAMI,aAA8B,EAAEF,SAAS,OAAOb,SAASc,kBAAkB;CAC/E,MAAM,EAAEG,OAAAA,GAAAA,cAAAA,iBAAsB;CAC9B,MAAMR,SAAAA,GAAAA,qBAAAA,WAAyB;AAC/B,QACE,iBAAA,GAAA,kBAAA,MAAC,qBAAA,SAAD;EAAQ,eAAa;EAAqB,YAAY;EAAM,MAAMI;YAAlE,CACE,iBAAA,GAAA,kBAAA,KAAC,aAAD;GAAa,IAAG;GAAwBb;aACrCiB,EAAE,+BAA+B,EAAEC,SAASJ,YAAYK,OAAOC,MAAM,CAAC;GAC5D,CAAA,EACb,iBAAA,GAAA,kBAAA,KAAC,4BAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;GACE,4BAA4B;GAC5B,WAAW;GACX,iBAAiB;GACjB,wBAAwB;GACxB,KAAKN;GACL,OAAOL,MAAMC,QAAQW,QAAQ,UAAU,oBAAoB;GAAS,CAAA,EAEzD,CAAA,CACR"}

package/build/components/RawViewer/RawViewer.mjs

@@ -0,0 +1,58 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import IconButton from "@mui/material/IconButton";
+import "react";
+import * as ReactJsonViewModule from "@microlink/react-json-view";
+import CloseIcon from "@mui/icons-material/Close";
+import Dialog from "@mui/material/Dialog";
+import DialogContent from "@mui/material/DialogContent";
+import DialogTitle from "@mui/material/DialogTitle";
+import { useTheme } from "@mui/material/styles";
+import { useTranslation } from "react-i18next";
+//#region src/components/RawViewer/RawViewer.tsx
+var ReactJson = ReactJsonViewModule.default ?? ReactJsonViewModule.reactJsonView ?? ReactJsonViewModule;
+var ViewerTitle = (props) => {
+	const { children, onClose } = props;
+	return /* @__PURE__ */ jsxs(DialogTitle, {
+		sx: {
+			m: 0,
+			p: 2
+		},
+		children: [children, onClose ? /* @__PURE__ */ jsx(IconButton, {
+			"aria-label": "close",
+			"data-testid": "close-raw-viewer",
+			onClick: onClose,
+			sx: {
+				position: "absolute",
+				right: 8,
+				top: 8,
+				color: (theme) => theme.palette.grey[500]
+			},
+			children: /* @__PURE__ */ jsx(CloseIcon, {})
+		}) : null]
+	});
+};
+var RawViewer = ({ isOpen = false, onClose, packageMeta }) => {
+	const { t } = useTranslation();
+	const theme = useTheme();
+	return /* @__PURE__ */ jsxs(Dialog, {
+		"data-testid": "rawViewer--dialog",
+		fullScreen: true,
+		open: isOpen,
+		children: [/* @__PURE__ */ jsx(ViewerTitle, {
+			id: "viewer-title",
+			onClose,
+			children: t("action-bar-action.raw-title", { package: packageMeta.latest.name })
+		}), /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(ReactJson, {
+			collapseStringsAfterLength: 200,
+			collapsed: 2,
+			enableClipboard: true,
+			groupArraysAfterLength: 10,
+			src: packageMeta,
+			theme: theme.palette.mode == "light" ? "bright:inverted" : "bright"
+		}) })]
+	});
+};
+//#endregion
+export { RawViewer as default };
+
+//# sourceMappingURL=RawViewer.mjs.map

package/build/components/RawViewer/RawViewer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RawViewer.mjs","names":["ReactJsonViewModule","CloseIcon","Dialog","DialogContent","DialogTitle","IconButton","useTheme","React","useTranslation","Theme","ReactJson","default","reactJsonView","ComponentType","ViewerTitleProps","id","children","ReactNode","onClose","ViewerTitle","props","m","p","position","right","top","color","theme","palette","grey","Props","isOpen","packageMeta","RawViewer","FC","t","package","latest","name","mode"],"sources":["../../../src/components/RawViewer/RawViewer.tsx"],"sourcesContent":["import * as ReactJsonViewModule from '@microlink/react-json-view';\nimport CloseIcon from '@mui/icons-material/Close';\nimport Dialog from '@mui/material/Dialog';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport IconButton from '@mui/material/IconButton';\nimport { useTheme } from '@mui/material/styles';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../Theme';\n\nconst ReactJson = ((ReactJsonViewModule as any).default ??\n  (ReactJsonViewModule as any).reactJsonView ??\n  ReactJsonViewModule) as React.ComponentType<any>;\n\nexport interface ViewerTitleProps {\n  id: string;\n  children?: React.ReactNode;\n  onClose: () => void;\n}\n\nconst ViewerTitle = (props: ViewerTitleProps) => {\n  const { children, onClose } = props;\n\n  return (\n    <DialogTitle sx={{ m: 0, p: 2 }}>\n      {children}\n      {onClose ? (\n        <IconButton\n          aria-label=\"close\"\n          data-testid=\"close-raw-viewer\"\n          onClick={onClose}\n          sx={{\n            position: 'absolute',\n            right: 8,\n            top: 8,\n            color: (theme) => theme.palette.grey[500],\n          }}\n        >\n          <CloseIcon />\n        </IconButton>\n      ) : null}\n    </DialogTitle>\n  );\n};\n\ntype Props = {\n  isOpen: boolean;\n  onClose: () => void;\n  packageMeta: any;\n};\n\nconst RawViewer: React.FC<Props> = ({ isOpen = false, onClose, packageMeta }) => {\n  const { t } = useTranslation();\n  const theme: Theme = useTheme();\n  return (\n    <Dialog data-testid={'rawViewer--dialog'} fullScreen={true} open={isOpen}>\n      <ViewerTitle id=\"viewer-title\" onClose={onClose}>\n        {t('action-bar-action.raw-title', { package: packageMeta.latest.name })}\n      </ViewerTitle>\n      <DialogContent>\n        <ReactJson\n          collapseStringsAfterLength={200}\n          collapsed={2}\n          enableClipboard={true}\n          groupArraysAfterLength={10}\n          src={packageMeta as any}\n          theme={theme.palette.mode == 'light' ? 'bright:inverted' : 'bright'}\n        />\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default RawViewer;\n"],"mappings":";;;;;;;;;;;AAYA,IAAMU,YAAcV,oBAA4BW,WAC7CX,oBAA4BY,iBAC7BZ;AAQF,IAAMmB,eAAeC,UAA4B;CAC/C,MAAM,EAAEJ,UAAUE,YAAYE;AAE9B,QACE,qBAAC,aAAD;EAAa,IAAI;GAAEC,GAAG;GAAGC,GAAG;GAAG;YAA/B,CACGN,UACAE,UACC,oBAAC,YAAD;GACE,cAAW;GACX,eAAY;GACZ,SAASA;GACT,IAAI;IACFK,UAAU;IACVC,OAAO;IACPC,KAAK;IACLC,QAAQC,UAAUA,MAAMC,QAAQC,KAAK;IACtC;aAED,oBAAC,WAAD,EAAU,CAAA;GACC,CAAA,GACX,KACQ;;;AAUlB,IAAMI,aAA8B,EAAEF,SAAS,OAAOb,SAASc,kBAAkB;CAC/E,MAAM,EAAEG,MAAM3B,gBAAgB;CAC9B,MAAMmB,QAAerB,UAAU;AAC/B,QACE,qBAAC,QAAD;EAAQ,eAAa;EAAqB,YAAY;EAAM,MAAMyB;YAAlE,CACE,oBAAC,aAAD;GAAa,IAAG;GAAwBb;aACrCiB,EAAE,+BAA+B,EAAEC,SAASJ,YAAYK,OAAOC,MAAM,CAAC;GAC5D,CAAA,EACb,oBAAC,eAAD,EAAA,UACE,oBAAC,WAAD;GACE,4BAA4B;GAC5B,WAAW;GACX,iBAAiB;GACjB,wBAAwB;GACxB,KAAKN;GACL,OAAOL,MAAMC,QAAQW,QAAQ,UAAU,oBAAoB;GAAS,CAAA,EAEzD,CAAA,CACR"}

package/build/components/RawViewer/index.js

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

package/build/components/RawViewer/index.mjs

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

package/build/components/Readme/Readme.js

@@ -1,33 +1,40 @@
-/* empty css                */
-import { parseReadme as e } from "./utils.js";
-import { useCustomTheme as t } from "../../Theme/ThemeProvider.js";
-import "../../index.js";
-import n from "@emotion/styled/base";
-import { jsx as r } from "react/jsx-runtime";
-import "react";
-import i from "@mui/material/Box";
-import a from "@mui/material/Card";
-import o from "@mui/material/CardContent";
-import "highlight.js/styles/github-dark.css";
-import "highlight.js/styles/github.css";
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+;/* empty css                 */
+const require_utils = require("./utils.js");
+const require_ThemeProvider = require("../../Theme/ThemeProvider.js");
+require("../../index.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 _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);
+require("highlight.js/styles/github-dark.css");
+require("highlight.js/styles/github.css");
 //#region src/components/Readme/Readme.tsx
-function s() {
+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 c = ({ description: n }) => {
-	let { isDarkMode: s } = t();
-	return /* @__PURE__ */ r(a, {
+var Readme = ({ description }) => {
+	const { isDarkMode } = require_ThemeProvider.useCustomTheme();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Card.default, {
 		sx: { mb: 2 },
-		children: /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r(i, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_CardContent.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Box.default, {
 			"data-testid": "readme",
 			sx: { m: 2 },
-			children: /* @__PURE__ */ r(l, {
-				className: `markdown-body ${s ? "markdown-dark" : "markdown-light"}`,
-				dangerouslySetInnerHTML: { __html: e(n) }
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Wrapper, {
+				className: `markdown-body ${isDarkMode ? "markdown-dark" : "markdown-light"}`,
+				dangerouslySetInnerHTML: { __html: require_utils.parseReadme(description) }
 			})
 		}) })
 	});
-}, l = /* @__PURE__ */ n("div", process.env.NODE_ENV === "production" ? { target: "e1gao54u0" } : {
+};
+var Wrapper = /* @__PURE__ */ (0, _emotion_styled_base.default)("div", process.env.NODE_ENV === "production" ? { target: "e1gao54u0" } : {
 	target: "e1gao54u0",
 	label: "Wrapper"
 })(process.env.NODE_ENV === "production" ? {
@@ -36,9 +43,9 @@ var c = ({ description: n }) => {
 } : {
 	name: "z0ebq4",
 	styles: "ul{list-style:disc;}img{max-width:100%;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9SZWFkbWUvUmVhZG1lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ2dCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9SZWFkbWUvUmVhZG1lLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBCb3ggZnJvbSAnQG11aS9tYXRlcmlhbC9Cb3gnO1xuaW1wb3J0IENhcmQgZnJvbSAnQG11aS9tYXRlcmlhbC9DYXJkJztcbmltcG9ydCBDYXJkQ29udGVudCBmcm9tICdAbXVpL21hdGVyaWFsL0NhcmRDb250ZW50JztcbmltcG9ydCAnaGlnaGxpZ2h0LmpzL3N0eWxlcy9naXRodWItZGFyay5jc3MnO1xuaW1wb3J0ICdoaWdobGlnaHQuanMvc3R5bGVzL2dpdGh1Yi5jc3MnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgdXNlQ3VzdG9tVGhlbWUgfSBmcm9tICcuLi8uLi8nO1xuaW1wb3J0ICcuL2dpdGh1Yi1tYXJrZG93bi5jc3MnO1xuaW1wb3J0IHR5cGUgeyBQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuaW1wb3J0IHsgcGFyc2VSZWFkbWUgfSBmcm9tICcuL3V0aWxzJztcblxuY29uc3QgUmVhZG1lOiBSZWFjdC5GQzxQcm9wcz4gPSAoeyBkZXNjcmlwdGlvbiB9KSA9PiB7XG4gIC8vIEB0cy1pZ25vcmVcbiAgY29uc3QgeyBpc0RhcmtNb2RlIH0gPSB1c2VDdXN0b21UaGVtZSgpO1xuXG4gIHJldHVybiAoXG4gICAgPENhcmQgc3g9e3sgbWI6IDIgfX0+XG4gICAgICA8Q2FyZENvbnRlbnQ+XG4gICAgICAgIDxCb3ggZGF0YS10ZXN0aWQ9XCJyZWFkbWVcIiBzeD17eyBtOiAyIH19PlxuICAgICAgICAgIDxXcmFwcGVyXG4gICAgICAgICAgICBjbGFzc05hbWU9e2BtYXJrZG93bi1ib2R5ICR7aXNEYXJrTW9kZSA/ICdtYXJrZG93bi1kYXJrJyA6ICdtYXJrZG93bi1saWdodCd9YH1cbiAgICAgICAgICAgIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7IF9faHRtbDogcGFyc2VSZWFkbWUoZGVzY3JpcHRpb24pIGFzIHN0cmluZyB9fVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9DYXJkQ29udGVudD5cbiAgICA8L0NhcmQ+XG4gICk7XG59O1xuZXhwb3J0IGRlZmF1bHQgUmVhZG1lO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkKCdkaXYnKSh7XG4gIHVsOiB7XG4gICAgbGlzdFN0eWxlOiAnZGlzYycsXG4gIH0sXG4gIGltZzoge1xuICAgIG1heFdpZHRoOiAnMTAwJScsXG4gIH0sXG59KTtcbiJdfQ== */",
-	toString: s
+	toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 //#endregion
-export { c as default };
+exports.default = Readme;
 
 //# sourceMappingURL=Readme.js.map

package/build/components/Readme/Readme.js.map

@@ -1 +1 @@
-{"version":3,"file":"Readme.js","names":["Box","Card","CardContent","React","useCustomTheme","Props","parseReadme","Readme","FC","description","isDarkMode","mb","m","__html","Wrapper","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"sources":["../../../src/components/Readme/Readme.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Box from '@mui/material/Box';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport 'highlight.js/styles/github-dark.css';\nimport 'highlight.js/styles/github.css';\nimport React from 'react';\n\nimport { useCustomTheme } from '../../';\nimport './github-markdown.css';\nimport type { Props } from './types';\nimport { parseReadme } from './utils';\n\nconst Readme: React.FC<Props> = ({ description }) => {\n  // @ts-ignore\n  const { isDarkMode } = useCustomTheme();\n\n  return (\n    <Card sx={{ mb: 2 }}>\n      <CardContent>\n        <Box data-testid=\"readme\" sx={{ m: 2 }}>\n          <Wrapper\n            className={`markdown-body ${isDarkMode ? 'markdown-dark' : 'markdown-light'}`}\n            dangerouslySetInnerHTML={{ __html: parseReadme(description) as string }}\n          />\n        </Box>\n      </CardContent>\n    </Card>\n  );\n};\nexport default Readme;\n\nconst Wrapper = styled('div')({\n  ul: {\n    listStyle: 'disc',\n  },\n  img: {\n    maxWidth: '100%',\n  },\n});\n"],"mappings":";;;;;;;;;;;;;;;;AAaA,IAAMO,KAA2B,EAAEE,qBAAkB;CAEnD,IAAM,EAAEC,kBAAeN,GAAgB;AAEvC,QACE,kBAAC,GAAD;EAAM,IAAI,EAAEO,IAAI,GAAG;YACjB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GAAK,eAAY;GAAS,IAAI,EAAEC,GAAG,GAAG;aACpC,kBAAC,GAAD;IACE,WAAW,iBAAiBF,IAAa,kBAAkB;IAC3D,yBAAyB,EAAEG,QAAQP,EAAYG,EAAY,EAAY;IAAC,CAAA;GAEvE,CAAA,EACM,CAAA;EACR,CAAA;GAKLK,IAAUC,kBAAO,OAAA,QAAA,IAAA,aAAK,eAAA,EAAAI,QAAA,aAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,CAAA,QAAA,IAAA,aAAA,eAAA;CAAAC,MAAA;CAAAC,QAAA;CAAA,GAAA;CAAAD,MAAA;CAAAC,QAAA;CAAAC,UAAAC;CAO5B,CAAC"}
+{"version":3,"file":"Readme.js","names":["Box","Card","CardContent","React","useCustomTheme","Props","parseReadme","Readme","FC","description","isDarkMode","mb","m","__html","Wrapper","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"sources":["../../../src/components/Readme/Readme.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Box from '@mui/material/Box';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport 'highlight.js/styles/github-dark.css';\nimport 'highlight.js/styles/github.css';\nimport React from 'react';\n\nimport { useCustomTheme } from '../../';\nimport './github-markdown.css';\nimport type { Props } from './types';\nimport { parseReadme } from './utils';\n\nconst Readme: React.FC<Props> = ({ description }) => {\n  // @ts-ignore\n  const { isDarkMode } = useCustomTheme();\n\n  return (\n    <Card sx={{ mb: 2 }}>\n      <CardContent>\n        <Box data-testid=\"readme\" sx={{ m: 2 }}>\n          <Wrapper\n            className={`markdown-body ${isDarkMode ? 'markdown-dark' : 'markdown-light'}`}\n            dangerouslySetInnerHTML={{ __html: parseReadme(description) as string }}\n          />\n        </Box>\n      </CardContent>\n    </Card>\n  );\n};\nexport default Readme;\n\nconst Wrapper = styled('div')({\n  ul: {\n    listStyle: 'disc',\n  },\n  img: {\n    maxWidth: '100%',\n  },\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAaA,IAAMO,UAA2B,EAAEE,kBAAkB;CAEnD,MAAM,EAAEC,eAAeN,sBAAAA,gBAAgB;AAEvC,QACE,iBAAA,GAAA,kBAAA,KAAC,mBAAA,SAAD;EAAM,IAAI,EAAEO,IAAI,GAAG;YACjB,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,kBAAA,SAAD;GAAK,eAAY;GAAS,IAAI,EAAEC,GAAG,GAAG;aACpC,iBAAA,GAAA,kBAAA,KAAC,SAAD;IACE,WAAW,iBAAiBF,aAAa,kBAAkB;IAC3D,yBAAyB,EAAEG,QAAQP,cAAAA,YAAYG,YAAY,EAAY;IAAC,CAAA;GAEvE,CAAA,EACM,CAAA;EACR,CAAA;;AAKX,IAAMK,UAAUC,iBAAAA,GAAAA,qBAAAA,SAAO,OAAA,QAAA,IAAA,aAAK,eAAA,EAAAI,QAAA,aAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,CAAA,QAAA,IAAA,aAAA,eAAA;CAAAC,MAAA;CAAAC,QAAA;CAAA,GAAA;CAAAD,MAAA;CAAAC,QAAA;CAAAC,UAAAC;CAO5B,CAAC"}

package/build/components/Readme/Readme.mjs

@@ -0,0 +1,45 @@
+/* empty css                 */
+import { parseReadme } from "./utils.mjs";
+import { useCustomTheme } from "../../Theme/ThemeProvider.mjs";
+import "../../index.mjs";
+import _styled from "@emotion/styled/base";
+import { jsx } from "react/jsx-runtime";
+import "react";
+import Box from "@mui/material/Box";
+import Card from "@mui/material/Card";
+import CardContent from "@mui/material/CardContent";
+import "highlight.js/styles/github-dark.css";
+import "highlight.js/styles/github.css";
+//#region src/components/Readme/Readme.tsx
+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 Readme = ({ description }) => {
+	const { isDarkMode } = useCustomTheme();
+	return /* @__PURE__ */ jsx(Card, {
+		sx: { mb: 2 },
+		children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Box, {
+			"data-testid": "readme",
+			sx: { m: 2 },
+			children: /* @__PURE__ */ jsx(Wrapper, {
+				className: `markdown-body ${isDarkMode ? "markdown-dark" : "markdown-light"}`,
+				dangerouslySetInnerHTML: { __html: parseReadme(description) }
+			})
+		}) })
+	});
+};
+var Wrapper = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? { target: "e1gao54u0" } : {
+	target: "e1gao54u0",
+	label: "Wrapper"
+})(process.env.NODE_ENV === "production" ? {
+	name: "z0ebq4",
+	styles: "ul{list-style:disc;}img{max-width:100%;}"
+} : {
+	name: "z0ebq4",
+	styles: "ul{list-style:disc;}img{max-width:100%;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9SZWFkbWUvUmVhZG1lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ2dCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9SZWFkbWUvUmVhZG1lLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBCb3ggZnJvbSAnQG11aS9tYXRlcmlhbC9Cb3gnO1xuaW1wb3J0IENhcmQgZnJvbSAnQG11aS9tYXRlcmlhbC9DYXJkJztcbmltcG9ydCBDYXJkQ29udGVudCBmcm9tICdAbXVpL21hdGVyaWFsL0NhcmRDb250ZW50JztcbmltcG9ydCAnaGlnaGxpZ2h0LmpzL3N0eWxlcy9naXRodWItZGFyay5jc3MnO1xuaW1wb3J0ICdoaWdobGlnaHQuanMvc3R5bGVzL2dpdGh1Yi5jc3MnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgdXNlQ3VzdG9tVGhlbWUgfSBmcm9tICcuLi8uLi8nO1xuaW1wb3J0ICcuL2dpdGh1Yi1tYXJrZG93bi5jc3MnO1xuaW1wb3J0IHR5cGUgeyBQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuaW1wb3J0IHsgcGFyc2VSZWFkbWUgfSBmcm9tICcuL3V0aWxzJztcblxuY29uc3QgUmVhZG1lOiBSZWFjdC5GQzxQcm9wcz4gPSAoeyBkZXNjcmlwdGlvbiB9KSA9PiB7XG4gIC8vIEB0cy1pZ25vcmVcbiAgY29uc3QgeyBpc0RhcmtNb2RlIH0gPSB1c2VDdXN0b21UaGVtZSgpO1xuXG4gIHJldHVybiAoXG4gICAgPENhcmQgc3g9e3sgbWI6IDIgfX0+XG4gICAgICA8Q2FyZENvbnRlbnQ+XG4gICAgICAgIDxCb3ggZGF0YS10ZXN0aWQ9XCJyZWFkbWVcIiBzeD17eyBtOiAyIH19PlxuICAgICAgICAgIDxXcmFwcGVyXG4gICAgICAgICAgICBjbGFzc05hbWU9e2BtYXJrZG93bi1ib2R5ICR7aXNEYXJrTW9kZSA/ICdtYXJrZG93bi1kYXJrJyA6ICdtYXJrZG93bi1saWdodCd9YH1cbiAgICAgICAgICAgIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7IF9faHRtbDogcGFyc2VSZWFkbWUoZGVzY3JpcHRpb24pIGFzIHN0cmluZyB9fVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9DYXJkQ29udGVudD5cbiAgICA8L0NhcmQ+XG4gICk7XG59O1xuZXhwb3J0IGRlZmF1bHQgUmVhZG1lO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkKCdkaXYnKSh7XG4gIHVsOiB7XG4gICAgbGlzdFN0eWxlOiAnZGlzYycsXG4gIH0sXG4gIGltZzoge1xuICAgIG1heFdpZHRoOiAnMTAwJScsXG4gIH0sXG59KTtcbiJdfQ== */",
+	toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+//#endregion
+export { Readme as default };
+
+//# sourceMappingURL=Readme.mjs.map

package/build/components/Readme/Readme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Readme.mjs","names":["Box","Card","CardContent","React","useCustomTheme","Props","parseReadme","Readme","FC","description","isDarkMode","mb","m","__html","Wrapper","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"sources":["../../../src/components/Readme/Readme.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Box from '@mui/material/Box';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport 'highlight.js/styles/github-dark.css';\nimport 'highlight.js/styles/github.css';\nimport React from 'react';\n\nimport { useCustomTheme } from '../../';\nimport './github-markdown.css';\nimport type { Props } from './types';\nimport { parseReadme } from './utils';\n\nconst Readme: React.FC<Props> = ({ description }) => {\n  // @ts-ignore\n  const { isDarkMode } = useCustomTheme();\n\n  return (\n    <Card sx={{ mb: 2 }}>\n      <CardContent>\n        <Box data-testid=\"readme\" sx={{ m: 2 }}>\n          <Wrapper\n            className={`markdown-body ${isDarkMode ? 'markdown-dark' : 'markdown-light'}`}\n            dangerouslySetInnerHTML={{ __html: parseReadme(description) as string }}\n          />\n        </Box>\n      </CardContent>\n    </Card>\n  );\n};\nexport default Readme;\n\nconst Wrapper = styled('div')({\n  ul: {\n    listStyle: 'disc',\n  },\n  img: {\n    maxWidth: '100%',\n  },\n});\n"],"mappings":";;;;;;;;;;;;;;;;AAaA,IAAMO,UAA2B,EAAEE,kBAAkB;CAEnD,MAAM,EAAEC,eAAeN,gBAAgB;AAEvC,QACE,oBAAC,MAAD;EAAM,IAAI,EAAEO,IAAI,GAAG;YACjB,oBAAC,aAAD,EAAA,UACE,oBAAC,KAAD;GAAK,eAAY;GAAS,IAAI,EAAEC,GAAG,GAAG;aACpC,oBAAC,SAAD;IACE,WAAW,iBAAiBF,aAAa,kBAAkB;IAC3D,yBAAyB,EAAEG,QAAQP,YAAYG,YAAY,EAAY;IAAC,CAAA;GAEvE,CAAA,EACM,CAAA;EACR,CAAA;;AAKX,IAAMK,UAAUC,wBAAO,OAAA,QAAA,IAAA,aAAK,eAAA,EAAAI,QAAA,aAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,CAAA,QAAA,IAAA,aAAA,eAAA;CAAAC,MAAA;CAAAC,QAAA;CAAA,GAAA;CAAAD,MAAA;CAAAC,QAAA;CAAAC,UAAAC;CAO5B,CAAC"}

package/build/components/Readme/index.js

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

package/build/components/Readme/index.mjs

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

package/build/components/Readme/utils.js

@@ -1,26 +1,29 @@
-import e from "dompurify";
-import t from "highlight.js";
-import { Marked as n } from "marked";
-import { markedHighlight as r } from "marked-highlight";
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+let dompurify = require("dompurify");
+dompurify = require_runtime.__toESM(dompurify);
+let highlight_js = require("highlight.js");
+highlight_js = require_runtime.__toESM(highlight_js);
+let marked = require("marked");
+let marked_highlight = require("marked-highlight");
 //#region src/components/Readme/utils.ts
-var i = new n(r({
-	async: !1,
-	highlight(e, n) {
-		let r = t.getLanguage(n) ? n : "plaintext";
-		return t.highlight(e, { language: r }).value;
+var marked$1 = new marked.Marked((0, marked_highlight.markedHighlight)({
+	async: false,
+	highlight(code, lang) {
+		const language = highlight_js.default.getLanguage(lang) ? lang : "plaintext";
+		return highlight_js.default.highlight(code, { language }).value;
 	}
 }));
-i.setOptions({
-	renderer: new i.Renderer(),
-	pedantic: !1,
-	gfm: !0,
-	breaks: !1
+marked$1.setOptions({
+	renderer: new marked$1.Renderer(),
+	pedantic: false,
+	gfm: true,
+	breaks: false
 });
-function a(t) {
-	let n = i.parse(t);
-	return e.sanitize(n);
+function parseReadme(readme) {
+	const html = marked$1.parse(readme);
+	return dompurify.default.sanitize(html);
 }
 //#endregion
-export { a as parseReadme };
+exports.parseReadme = parseReadme;
 
 //# sourceMappingURL=utils.js.map

package/build/components/Readme/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["DOMPurify","hljs","Marked","markedHighlight","marked","async","highlight","code","lang","language","getLanguage","value","setOptions","renderer","Renderer","pedantic","gfm","breaks","parseReadme","readme","html","parse","sanitize"],"sources":["../../../src/components/Readme/utils.ts"],"sourcesContent":["import DOMPurify from 'dompurify';\nimport hljs from 'highlight.js';\nimport { Marked } from 'marked';\nimport { markedHighlight } from 'marked-highlight';\n\nconst marked = new Marked(\n  markedHighlight({\n    async: false,\n    highlight(code, lang) {\n      const language = hljs.getLanguage(lang) ? lang : 'plaintext';\n      return hljs.highlight(code, { language }).value;\n    },\n  })\n);\n\nmarked.setOptions({\n  renderer: new marked.Renderer(),\n  pedantic: false,\n  gfm: true,\n  breaks: false,\n});\n\nexport function parseReadme(readme: string): string | void {\n  const html = marked.parse(readme);\n  return DOMPurify.sanitize(html as string);\n}\n"],"mappings":";;;;;AAKA,IAAMI,IAAS,IAAIF,EACjBC,EAAgB;CACdE,OAAO;CACPC,UAAUC,GAAMC,GAAM;EACpB,IAAMC,IAAWR,EAAKS,YAAYF,EAAK,GAAGA,IAAO;AACjD,SAAOP,EAAKK,UAAUC,GAAM,EAAEE,aAAU,CAAC,CAACE;;CAE7C,CACH,CAAC;AAEDP,EAAOQ,WAAW;CAChBC,UAAU,IAAIT,EAAOU,UAAU;CAC/BC,UAAU;CACVC,KAAK;CACLC,QAAQ;CACT,CAAC;AAEF,SAAgBC,EAAYC,GAA+B;CACzD,IAAMC,IAAOhB,EAAOiB,MAAMF,EAAO;AACjC,QAAOnB,EAAUsB,SAASF,EAAe"}
+{"version":3,"file":"utils.js","names":["DOMPurify","hljs","Marked","markedHighlight","marked","async","highlight","code","lang","language","getLanguage","value","setOptions","renderer","Renderer","pedantic","gfm","breaks","parseReadme","readme","html","parse","sanitize"],"sources":["../../../src/components/Readme/utils.ts"],"sourcesContent":["import DOMPurify from 'dompurify';\nimport hljs from 'highlight.js';\nimport { Marked } from 'marked';\nimport { markedHighlight } from 'marked-highlight';\n\nconst marked = new Marked(\n  markedHighlight({\n    async: false,\n    highlight(code, lang) {\n      const language = hljs.getLanguage(lang) ? lang : 'plaintext';\n      return hljs.highlight(code, { language }).value;\n    },\n  })\n);\n\nmarked.setOptions({\n  renderer: new marked.Renderer(),\n  pedantic: false,\n  gfm: true,\n  breaks: false,\n});\n\nexport function parseReadme(readme: string): string | void {\n  const html = marked.parse(readme);\n  return DOMPurify.sanitize(html as string);\n}\n"],"mappings":";;;;;;;;AAKA,IAAMI,WAAS,IAAIF,OAAAA,QAAAA,GAAAA,iBAAAA,iBACD;CACdG,OAAO;CACPC,UAAUC,MAAMC,MAAM;EACpB,MAAMC,WAAWR,aAAAA,QAAKS,YAAYF,KAAK,GAAGA,OAAO;AACjD,SAAOP,aAAAA,QAAKK,UAAUC,MAAM,EAAEE,UAAU,CAAC,CAACE;;CAE7C,CACH,CAAC;AAEDP,SAAOQ,WAAW;CAChBC,UAAU,IAAIT,SAAOU,UAAU;CAC/BC,UAAU;CACVC,KAAK;CACLC,QAAQ;CACT,CAAC;AAEF,SAAgBC,YAAYC,QAA+B;CACzD,MAAMC,OAAOhB,SAAOiB,MAAMF,OAAO;AACjC,QAAOnB,UAAAA,QAAUsB,SAASF,KAAe"}

package/build/components/Readme/utils.mjs

@@ -0,0 +1,26 @@
+import DOMPurify from "dompurify";
+import hljs from "highlight.js";
+import { Marked } from "marked";
+import { markedHighlight } from "marked-highlight";
+//#region src/components/Readme/utils.ts
+var marked = new Marked(markedHighlight({
+	async: false,
+	highlight(code, lang) {
+		const language = hljs.getLanguage(lang) ? lang : "plaintext";
+		return hljs.highlight(code, { language }).value;
+	}
+}));
+marked.setOptions({
+	renderer: new marked.Renderer(),
+	pedantic: false,
+	gfm: true,
+	breaks: false
+});
+function parseReadme(readme) {
+	const html = marked.parse(readme);
+	return DOMPurify.sanitize(html);
+}
+//#endregion
+export { parseReadme };
+
+//# sourceMappingURL=utils.mjs.map

package/build/components/Readme/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":["DOMPurify","hljs","Marked","markedHighlight","marked","async","highlight","code","lang","language","getLanguage","value","setOptions","renderer","Renderer","pedantic","gfm","breaks","parseReadme","readme","html","parse","sanitize"],"sources":["../../../src/components/Readme/utils.ts"],"sourcesContent":["import DOMPurify from 'dompurify';\nimport hljs from 'highlight.js';\nimport { Marked } from 'marked';\nimport { markedHighlight } from 'marked-highlight';\n\nconst marked = new Marked(\n  markedHighlight({\n    async: false,\n    highlight(code, lang) {\n      const language = hljs.getLanguage(lang) ? lang : 'plaintext';\n      return hljs.highlight(code, { language }).value;\n    },\n  })\n);\n\nmarked.setOptions({\n  renderer: new marked.Renderer(),\n  pedantic: false,\n  gfm: true,\n  breaks: false,\n});\n\nexport function parseReadme(readme: string): string | void {\n  const html = marked.parse(readme);\n  return DOMPurify.sanitize(html as string);\n}\n"],"mappings":";;;;;AAKA,IAAMI,SAAS,IAAIF,OACjBC,gBAAgB;CACdE,OAAO;CACPC,UAAUC,MAAMC,MAAM;EACpB,MAAMC,WAAWR,KAAKS,YAAYF,KAAK,GAAGA,OAAO;AACjD,SAAOP,KAAKK,UAAUC,MAAM,EAAEE,UAAU,CAAC,CAACE;;CAE7C,CACH,CAAC;AAEDP,OAAOQ,WAAW;CAChBC,UAAU,IAAIT,OAAOU,UAAU;CAC/BC,UAAU;CACVC,KAAK;CACLC,QAAQ;CACT,CAAC;AAEF,SAAgBC,YAAYC,QAA+B;CACzD,MAAMC,OAAOhB,OAAOiB,MAAMF,OAAO;AACjC,QAAOnB,UAAUsB,SAASF,KAAe"}

package/build/components/RegistryInfoDialog/RegistryInfoDialog.js

@@ -1,32 +1,37 @@
-import { Content as e, Title as t } from "./styles.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import "react";
-import i from "@mui/material/Dialog";
-import { useTranslation as a } from "react-i18next";
-import o from "@mui/material/Button";
-import s from "@mui/material/DialogActions";
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_styles = require("./styles.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let _mui_material_Dialog = require("@mui/material/Dialog");
+_mui_material_Dialog = require_runtime.__toESM(_mui_material_Dialog);
+let react_i18next = require("react-i18next");
+let _mui_material_Button = require("@mui/material/Button");
+_mui_material_Button = require_runtime.__toESM(_mui_material_Button);
+let _mui_material_DialogActions = require("@mui/material/DialogActions");
+_mui_material_DialogActions = require_runtime.__toESM(_mui_material_DialogActions);
 //#region src/components/RegistryInfoDialog/RegistryInfoDialog.tsx
-var c = ({ open: c = !1, children: l, onClose: u, title: d = "" }) => {
-	let { t: f } = a();
-	return /* @__PURE__ */ r(i, {
+var RegistryInfoDialog = ({ open = false, children, onClose, title = "" }) => {
+	const { t } = (0, react_i18next.useTranslation)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_Dialog.default, {
 		"data-testid": "registryInfo--dialog",
 		id: "registryInfo--dialog-container",
 		maxWidth: "sm",
-		onClose: u,
-		open: c,
+		onClose,
+		open,
 		children: [
-			/* @__PURE__ */ n(t, { children: d }),
-			/* @__PURE__ */ n(e, { children: l }),
-			/* @__PURE__ */ n(s, { children: /* @__PURE__ */ n(o, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.Title, { children: title }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.Content, { children }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_DialogActions.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Button.default, {
 				color: "inherit",
 				id: "registryInfo--dialog-close",
-				onClick: u,
-				children: f("button.close")
+				onClick: onClose,
+				children: t("button.close")
 			}) })
 		]
 	});
 };
 //#endregion
-export { c as default };
+exports.default = RegistryInfoDialog;
 
 //# sourceMappingURL=RegistryInfoDialog.js.map

package/build/components/RegistryInfoDialog/RegistryInfoDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"RegistryInfoDialog.js","names":["Button","Dialog","DialogActions","React","useTranslation","Content","Title","Props","RegistryInfoDialog","FC","open","children","onClose","title","t"],"sources":["../../../src/components/RegistryInfoDialog/RegistryInfoDialog.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Content, Title } from './styles';\nimport type { Props } from './types';\n\nconst RegistryInfoDialog: React.FC<Props> = ({ open = false, children, onClose, title = '' }) => {\n  const { t } = useTranslation();\n  return (\n    <Dialog\n      data-testid={'registryInfo--dialog'}\n      id=\"registryInfo--dialog-container\"\n      maxWidth=\"sm\"\n      onClose={onClose}\n      open={open}\n    >\n      <Title>{title}</Title>\n      <Content>{children}</Content>\n      <DialogActions>\n        <Button color=\"inherit\" id=\"registryInfo--dialog-close\" onClick={onClose}>\n          {t('button.close')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nexport default RegistryInfoDialog;\n"],"mappings":";;;;;;;;AASA,IAAMQ,KAAuC,EAAEE,UAAO,IAAOC,aAAUC,YAASC,WAAQ,SAAS;CAC/F,IAAM,EAAEC,SAAMV,GAAgB;AAC9B,QACE,kBAAC,GAAD;EACE,eAAa;EACb,IAAG;EACH,UAAS;EACAQ;EACHF;YALR;GAOE,kBAAC,GAAD,EAAA,UAAQG,GAAa,CAAA;GACrB,kBAAC,GAAD,EAAUF,aAAkB,CAAA;GAC5B,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAQ,OAAM;IAAU,IAAG;IAA6B,SAASC;cAC9DE,EAAE,eAAe;IACZ,CAAA,EACK,CAAA;GACR"}
+{"version":3,"file":"RegistryInfoDialog.js","names":["Button","Dialog","DialogActions","React","useTranslation","Content","Title","Props","RegistryInfoDialog","FC","open","children","onClose","title","t"],"sources":["../../../src/components/RegistryInfoDialog/RegistryInfoDialog.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Content, Title } from './styles';\nimport type { Props } from './types';\n\nconst RegistryInfoDialog: React.FC<Props> = ({ open = false, children, onClose, title = '' }) => {\n  const { t } = useTranslation();\n  return (\n    <Dialog\n      data-testid={'registryInfo--dialog'}\n      id=\"registryInfo--dialog-container\"\n      maxWidth=\"sm\"\n      onClose={onClose}\n      open={open}\n    >\n      <Title>{title}</Title>\n      <Content>{children}</Content>\n      <DialogActions>\n        <Button color=\"inherit\" id=\"registryInfo--dialog-close\" onClick={onClose}>\n          {t('button.close')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nexport default RegistryInfoDialog;\n"],"mappings":";;;;;;;;;;;;;AASA,IAAMQ,sBAAuC,EAAEE,OAAO,OAAOC,UAAUC,SAASC,QAAQ,SAAS;CAC/F,MAAM,EAAEC,OAAAA,GAAAA,cAAAA,iBAAsB;AAC9B,QACE,iBAAA,GAAA,kBAAA,MAAC,qBAAA,SAAD;EACE,eAAa;EACb,IAAG;EACH,UAAS;EACAF;EACHF;YALR;GAOE,iBAAA,GAAA,kBAAA,KAAC,eAAA,OAAD,EAAA,UAAQG,OAAa,CAAA;GACrB,iBAAA,GAAA,kBAAA,KAAC,eAAA,SAAD,EAAUF,UAAkB,CAAA;GAC5B,iBAAA,GAAA,kBAAA,KAAC,4BAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,qBAAA,SAAD;IAAQ,OAAM;IAAU,IAAG;IAA6B,SAASC;cAC9DE,EAAE,eAAe;IACZ,CAAA,EACK,CAAA;GACR"}

package/build/components/RegistryInfoDialog/RegistryInfoDialog.mjs

@@ -0,0 +1,32 @@
+import { Content, Title } from "./styles.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import Dialog from "@mui/material/Dialog";
+import { useTranslation } from "react-i18next";
+import Button from "@mui/material/Button";
+import DialogActions from "@mui/material/DialogActions";
+//#region src/components/RegistryInfoDialog/RegistryInfoDialog.tsx
+var RegistryInfoDialog = ({ open = false, children, onClose, title = "" }) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsxs(Dialog, {
+		"data-testid": "registryInfo--dialog",
+		id: "registryInfo--dialog-container",
+		maxWidth: "sm",
+		onClose,
+		open,
+		children: [
+			/* @__PURE__ */ jsx(Title, { children: title }),
+			/* @__PURE__ */ jsx(Content, { children }),
+			/* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, {
+				color: "inherit",
+				id: "registryInfo--dialog-close",
+				onClick: onClose,
+				children: t("button.close")
+			}) })
+		]
+	});
+};
+//#endregion
+export { RegistryInfoDialog as default };
+
+//# sourceMappingURL=RegistryInfoDialog.mjs.map

package/build/components/RegistryInfoDialog/RegistryInfoDialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RegistryInfoDialog.mjs","names":["Button","Dialog","DialogActions","React","useTranslation","Content","Title","Props","RegistryInfoDialog","FC","open","children","onClose","title","t"],"sources":["../../../src/components/RegistryInfoDialog/RegistryInfoDialog.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Content, Title } from './styles';\nimport type { Props } from './types';\n\nconst RegistryInfoDialog: React.FC<Props> = ({ open = false, children, onClose, title = '' }) => {\n  const { t } = useTranslation();\n  return (\n    <Dialog\n      data-testid={'registryInfo--dialog'}\n      id=\"registryInfo--dialog-container\"\n      maxWidth=\"sm\"\n      onClose={onClose}\n      open={open}\n    >\n      <Title>{title}</Title>\n      <Content>{children}</Content>\n      <DialogActions>\n        <Button color=\"inherit\" id=\"registryInfo--dialog-close\" onClick={onClose}>\n          {t('button.close')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nexport default RegistryInfoDialog;\n"],"mappings":";;;;;;;;AASA,IAAMQ,sBAAuC,EAAEE,OAAO,OAAOC,UAAUC,SAASC,QAAQ,SAAS;CAC/F,MAAM,EAAEC,MAAMV,gBAAgB;AAC9B,QACE,qBAAC,QAAD;EACE,eAAa;EACb,IAAG;EACH,UAAS;EACAQ;EACHF;YALR;GAOE,oBAAC,OAAD,EAAA,UAAQG,OAAa,CAAA;GACrB,oBAAC,SAAD,EAAUF,UAAkB,CAAA;GAC5B,oBAAC,eAAD,EAAA,UACE,oBAAC,QAAD;IAAQ,OAAM;IAAU,IAAG;IAA6B,SAASC;cAC9DE,EAAE,eAAe;IACZ,CAAA,EACK,CAAA;GACR"}

package/build/components/RegistryInfoDialog/index.js

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

package/build/components/RegistryInfoDialog/index.mjs

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