@verdaccio/ui-components 5.0.0-next-9.7 → 5.0.0-next-9.9

package/build/components/Package/styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.mjs","names":[],"sources":["../../../src/components/Package/styles.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { default as Photo } from '@mui/material/Avatar';\nimport Grid from '@mui/material/Grid';\nimport { default as MuiIconButton } from '@mui/material/IconButton';\nimport List from '@mui/material/List';\nimport ListItemText from '@mui/material/ListItemText';\nimport { common } from '@mui/material/colors';\nimport { Link } from 'react-router';\n\nimport type { Theme } from '../../';\nimport { greyDark } from '../../Theme/colors';\n\nexport const OverviewItem = styled('span')<{ theme?: Theme }>(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  margin: '0 20px 0 0',\n  color: theme.palette.mode === 'light' ? theme.palette.greyDark2 : common.white,\n  fontSize: 12,\n  [`@media (max-width: ${theme.breakPoints.medium}px)`]: {\n    ':nth-of-type(3)': {\n      display: 'none',\n    },\n  },\n  [`@media (max-width: ${theme.breakPoints.small}px)`]: {\n    ':nth-of-type(4)': {\n      display: 'none',\n    },\n  },\n}));\n\nexport const Published = styled('span')({\n  margin: '0 5px 0 0',\n});\n\nexport const Details = styled('span')({\n  marginLeft: '5px',\n  lineHeight: 1.5,\n  display: 'flex',\n  flexDirection: 'column',\n});\n\nexport const Author = styled('div')({\n  display: 'flex',\n  alignItems: 'center',\n});\n\nexport const Avatar = styled(Photo)({\n  width: '20px',\n  height: '20px',\n});\n\nexport const WrapperLink = styled(Link)({\n  textDecoration: 'none',\n});\n\nexport const PackageTitle = styled('span')<{ theme?: Theme }>(({ theme }) => ({\n  fontWeight: theme.fontWeight.bold,\n  fontSize: 20,\n  display: 'block',\n  color: theme.palette.primary.main,\n  cursor: 'pointer',\n  textDecoration: 'none',\n  wordBreak: 'break-word',\n  [`@media (max-width: ${theme.breakPoints.small}px)`]: {\n    fontSize: 16,\n  },\n}));\n\nexport const GridRightAligned = styled(Grid)({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'flex-end',\n});\n\nexport const Wrapper = styled(List)<{ theme?: Theme }>(({ theme }) => ({\n  '&:hover': {\n    backgroundColor: theme.palette.action.hover,\n  },\n}));\n\nexport const IconButton = styled(MuiIconButton)({\n  padding: 6,\n  svg: {\n    fontSize: 16,\n  },\n});\n\nexport const PackageListItemText = styled(ListItemText)({\n  paddingRight: 0,\n});\n\nexport const Description = styled('span')<{ theme?: Theme }>(({ theme }) => ({\n  color: theme.palette.mode === 'light' ? greyDark : common.white,\n  fontSize: '14px',\n  paddingRight: 0,\n}));\n"],"mappings":";;;;;;;;;;AAYA,IAAa,eAAe,OAAO,OAAO,EAAqB,EAAE,aAAa;CAC5E,SAAS;CACT,YAAY;CACZ,QAAQ;CACR,OAAO,MAAM,QAAQ,SAAS,UAAU,MAAM,QAAQ,YAAY,OAAO;CACzE,UAAU;EACT,sBAAsB,MAAM,YAAY,OAAO,OAAO,EACrD,mBAAmB,EACjB,SAAS,QACV,EACF;EACA,sBAAsB,MAAM,YAAY,MAAM,OAAO,EACpD,mBAAmB,EACjB,SAAS,QACV,EACF;CACF,EAAE;AAEH,IAAa,YAAY,OAAO,OAAO,CAAC,EACtC,QAAQ,aACT,CAAC;AAEF,IAAa,UAAU,OAAO,OAAO,CAAC;CACpC,YAAY;CACZ,YAAY;CACZ,SAAS;CACT,eAAe;CAChB,CAAC;AAEF,IAAa,SAAS,OAAO,MAAM,CAAC;CAClC,SAAS;CACT,YAAY;CACb,CAAC;AAEF,IAAa,WAAS,OAAO,OAAM,CAAC;CAClC,OAAO;CACP,QAAQ;CACT,CAAC;AAEF,IAAa,cAAc,OAAO,KAAK,CAAC,EACtC,gBAAgB,QACjB,CAAC;AAEF,IAAa,eAAe,OAAO,OAAO,EAAqB,EAAE,aAAa;CAC5E,YAAY,MAAM,WAAW;CAC7B,UAAU;CACV,SAAS;CACT,OAAO,MAAM,QAAQ,QAAQ;CAC7B,QAAQ;CACR,gBAAgB;CAChB,WAAW;EACV,sBAAsB,MAAM,YAAY,MAAM,OAAO,EACpD,UAAU,IACX;CACF,EAAE;AAEH,IAAa,mBAAmB,OAAO,KAAK,CAAC;CAC3C,SAAS;CACT,YAAY;CACZ,gBAAgB;CACjB,CAAC;AAEF,IAAa,UAAU,OAAO,KAAK,EAAqB,EAAE,aAAa,EACrE,WAAW,EACT,iBAAiB,MAAM,QAAQ,OAAO,OACvC,EACF,EAAE;AAEH,IAAa,eAAa,OAAO,WAAc,CAAC;CAC9C,SAAS;CACT,KAAK,EACH,UAAU,IACX;CACF,CAAC;AAEF,IAAa,sBAAsB,OAAO,aAAa,CAAC,EACtD,cAAc,GACf,CAAC;AAEF,IAAa,cAAc,OAAO,OAAO,EAAqB,EAAE,aAAa;CAC3E,OAAO,MAAM,QAAQ,SAAS,UAAU,WAAW,OAAO;CAC1D,UAAU;CACV,cAAc;CACf,EAAE"}
+{"version":3,"file":"styles.mjs","names":[],"sources":["../../../src/components/Package/styles.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { default as Photo } from '@mui/material/Avatar';\nimport Grid from '@mui/material/Grid';\nimport { default as MuiIconButton } from '@mui/material/IconButton';\nimport List from '@mui/material/List';\nimport ListItemText from '@mui/material/ListItemText';\nimport { common } from '@mui/material/colors';\nimport { Link } from 'react-router';\n\nimport type { Theme } from '../../';\nimport { greyDark } from '../../Theme/colors';\n\nexport const OverviewItem = styled('span')<{ theme?: Theme }>(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  margin: '0 20px 0 0',\n  color: theme.palette.mode === 'light' ? theme.palette.greyDark2 : common.white,\n  fontSize: 12,\n  [`@media (max-width: ${theme.breakPoints.medium}px)`]: {\n    ':nth-of-type(3)': {\n      display: 'none',\n    },\n  },\n  [`@media (max-width: ${theme.breakPoints.small}px)`]: {\n    ':nth-of-type(4)': {\n      display: 'none',\n    },\n  },\n}));\n\nexport const Published = styled('span')({\n  margin: '0 5px 0 0',\n});\n\nexport const Details = styled('span')({\n  marginLeft: '5px',\n  lineHeight: 1.5,\n  display: 'flex',\n  flexDirection: 'column',\n});\n\nexport const Author = styled('div')({\n  display: 'flex',\n  alignItems: 'center',\n});\n\nexport const Avatar = styled(Photo)({\n  width: '20px',\n  height: '20px',\n});\n\nexport const WrapperLink = styled(Link)({\n  textDecoration: 'none',\n});\n\nexport const PackageTitle = styled('span')<{ theme?: Theme }>(({ theme }) => ({\n  fontWeight: theme.fontWeight.bold,\n  fontSize: 20,\n  display: 'block',\n  color: theme.palette.primary.main,\n  cursor: 'pointer',\n  textDecoration: 'none',\n  wordBreak: 'break-word',\n  [`@media (max-width: ${theme.breakPoints.small}px)`]: {\n    fontSize: 16,\n  },\n}));\n\nexport const GridRightAligned = styled(Grid)({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'flex-end',\n});\n\nexport const Wrapper = styled(List)<{ theme?: Theme }>(({ theme }) => ({\n  '&:hover': {\n    backgroundColor: theme.palette.action.hover,\n  },\n}));\n\nexport const IconButton = styled(MuiIconButton)({\n  padding: 6,\n  svg: {\n    fontSize: 16,\n  },\n});\n\nexport const PackageListItemText = styled(ListItemText)({\n  paddingRight: 0,\n});\n\nexport const Description = styled('span')<{ theme?: Theme }>(({ theme }) => ({\n  color: theme.palette.mode === 'light' ? greyDark : common.white,\n  fontSize: '14px',\n  paddingRight: 0,\n}));\n"],"mappings":";;;;;;;;;;AAYA,IAAa,eAAe,OAAO,OAAO,EAAqB,EAAE,aAAa;CAC5E,SAAS;CACT,YAAY;CACZ,QAAQ;CACR,OAAO,MAAM,QAAQ,SAAS,UAAU,MAAM,QAAQ,YAAY,OAAO;CACzE,UAAU;EACT,sBAAsB,MAAM,YAAY,OAAO,OAAO,EACrD,mBAAmB,EACjB,SAAS,QACV,EACF;EACA,sBAAsB,MAAM,YAAY,MAAM,OAAO,EACpD,mBAAmB,EACjB,SAAS,QACV,EACF;CACF,EAAE;AAEH,IAAa,YAAY,OAAO,OAAO,CAAC,EACtC,QAAQ,aACT,CAAC;AAEF,IAAa,UAAU,OAAO,OAAO,CAAC;CACpC,YAAY;CACZ,YAAY;CACZ,SAAS;CACT,eAAe;CAChB,CAAC;AAEF,IAAa,SAAS,OAAO,MAAM,CAAC;CAClC,SAAS;CACT,YAAY;CACb,CAAC;AAEF,IAAa,WAAS,OAAO,OAAM,CAAC;CAClC,OAAO;CACP,QAAQ;CACT,CAAC;AAEF,IAAa,cAAc,OAAO,KAAK,CAAC,EACtC,gBAAgB,QACjB,CAAC;AAEF,IAAa,eAAe,OAAO,OAAO,EAAqB,EAAE,aAAa;CAC5E,YAAY,MAAM,WAAW;CAC7B,UAAU;CACV,SAAS;CACT,OAAO,MAAM,QAAQ,QAAQ;CAC7B,QAAQ;CACR,gBAAgB;CAChB,WAAW;EACV,sBAAsB,MAAM,YAAY,MAAM,OAAO,EACpD,UAAU,IACX;CACF,EAAE;AAEH,IAAa,mBAAmB,OAAO,KAAK,CAAC;CAC3C,SAAS;CACT,YAAY;CACZ,gBAAgB;CACjB,CAAC;AAEF,IAAa,UAAU,OAAO,KAAK,EAAqB,EAAE,aAAa,EACrE,WAAW,EACT,iBAAiB,MAAM,QAAQ,OAAO,OACvC,EACF,EAAE;AAEH,IAAa,eAAa,OAAO,WAAc,CAAC;CAC9C,SAAS;CACT,KAAK,EACH,UAAU,IACX;CACF,CAAC;AAEF,IAAa,sBAAsB,OAAO,gBAAa,CAAC,EACtD,cAAc,GACf,CAAC;AAEF,IAAa,cAAc,OAAO,OAAO,EAAqB,EAAE,aAAa;CAC3E,OAAO,MAAM,QAAQ,SAAS,UAAU,WAAW,OAAO;CAC1D,UAAU;CACV,cAAc;CACf,EAAE"}

package/build/components/PackageList/PackageList.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { ManifestWeb } from '../../providers/ManifestsProvider/ManifestsProvider';
+import { default as React } from 'react';
+import { ManifestWeb } from '../../providers/ManifestsProvider/ManifestsProvider';
 interface Props {
     packages: ManifestWeb[];
 }

package/build/components/Person/Person.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { Developer } from '../../types/packageMeta';
+import { default as React } from 'react';
+import { Developer } from '../../types/packageMeta';
 declare const Person: React.FC<{
     person: Developer;
     packageName: string;

package/build/components/Person/PersonTooltip.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { Developer } from '../../types/packageMeta';
+import { default as React } from 'react';
+import { Developer } from '../../types/packageMeta';
 declare const PersonTooltip: React.FC<{
     person: Developer;
 }>;

package/build/components/Person/PersonTooltip.mjs

@@ -4,9 +4,9 @@ import LinkExternal from "../LinkExternal/LinkExternal.mjs";
 import "../LinkExternal/index.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import MaterialUITypography from "@mui/material/Typography";
+import Typography from "@mui/material/Typography";
 //#region src/components/Person/PersonTooltip.tsx
-var PersonTooltip = ({ person }) => /* @__PURE__ */ jsxs(MaterialUITypography, {
+var PersonTooltip = ({ person }) => /* @__PURE__ */ jsxs(Typography, {
 	"data-testid": person.name + "-tooltip",
 	children: [
 		person.name,

package/build/components/Person/PersonTooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PersonTooltip.mjs","names":[],"sources":["../../../src/components/Person/PersonTooltip.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport React from 'react';\n\nimport type { Developer } from '../../types/packageMeta';\nimport { url } from '../../utils';\nimport LinkExternal from '../LinkExternal';\n\nconst PersonTooltip: React.FC<{ person: Developer }> = ({ person }) => (\n  <Typography data-testid={person.name + '-tooltip'}>\n    {person.name}\n    {person.email && url.isEmail(person.email) && (\n      <LinkExternal to={`mailto:${person.email}`}>\n        <br />\n        {person.email}\n      </LinkExternal>\n    )}\n    {person.url && url.isURL(person.url) && (\n      <LinkExternal to={person.url}>\n        <br />\n        {person.url}\n      </LinkExternal>\n    )}\n  </Typography>\n);\n\nexport default PersonTooltip;\n"],"mappings":";;;;;;;;AAOA,IAAM,iBAAkD,EAAE,aACxD,qBAAC,sBAAD;CAAY,eAAa,OAAO,OAAO;WAAvC;EACG,OAAO;EACP,OAAO,SAAS,QAAY,OAAO,MAAM,IACxC,qBAAC,cAAD;GAAc,IAAI,UAAU,OAAO;aAAnC,CACE,oBAAC,MAAD,EAAM,CAAA,EACL,OAAO,MACK;;EAEhB,OAAO,OAAO,MAAU,OAAO,IAAI,IAClC,qBAAC,cAAD;GAAc,IAAI,OAAO;aAAzB,CACE,oBAAC,MAAD,EAAM,CAAA,EACL,OAAO,IACK;;EAEN"}
+{"version":3,"file":"PersonTooltip.mjs","names":[],"sources":["../../../src/components/Person/PersonTooltip.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport React from 'react';\n\nimport type { Developer } from '../../types/packageMeta';\nimport { url } from '../../utils';\nimport LinkExternal from '../LinkExternal';\n\nconst PersonTooltip: React.FC<{ person: Developer }> = ({ person }) => (\n  <Typography data-testid={person.name + '-tooltip'}>\n    {person.name}\n    {person.email && url.isEmail(person.email) && (\n      <LinkExternal to={`mailto:${person.email}`}>\n        <br />\n        {person.email}\n      </LinkExternal>\n    )}\n    {person.url && url.isURL(person.url) && (\n      <LinkExternal to={person.url}>\n        <br />\n        {person.url}\n      </LinkExternal>\n    )}\n  </Typography>\n);\n\nexport default PersonTooltip;\n"],"mappings":";;;;;;;;AAOA,IAAM,iBAAkD,EAAE,aACxD,qBAAC,YAAD;CAAY,eAAa,OAAO,OAAO;WAAvC;EACG,OAAO;EACP,OAAO,SAAS,QAAY,OAAO,MAAM,IACxC,qBAAC,cAAD;GAAc,IAAI,UAAU,OAAO;aAAnC,CACE,oBAAC,MAAD,EAAM,CAAA,EACL,OAAO,MACK;;EAEhB,OAAO,OAAO,MAAU,OAAO,IAAI,IAClC,qBAAC,cAAD;GAAc,IAAI,OAAO;aAAzB,CACE,oBAAC,MAAD,EAAM,CAAA,EACL,OAAO,IACK;;EAEN"}

package/build/components/Person/utils.d.ts

@@ -1,3 +1,3 @@
-import type { Developer } from '../../types/packageMeta';
+import { Developer } from '../../types/packageMeta';
 export declare function getLink(person: Developer, packageName: string, version: string): string;
 export declare function getName(name?: string): string;

package/build/components/RawViewer/RawViewer.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface ViewerTitleProps {
     id: string;
     children?: React.ReactNode;

package/build/components/Readme/Readme.d.ts

@@ -1,7 +1,4 @@
-import 'highlight.js/styles/github-dark.css';
-import 'highlight.js/styles/github.css';
-import React from 'react';
-import './github-markdown.css';
-import type { Props } from './types';
+import { default as React } from 'react';
+import { Props } from './types';
 declare const Readme: React.FC<Props>;
 export default Readme;

package/build/components/Readme/Readme.js

@@ -1,8 +1,8 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 ;/* empty css                 */
+;/* empty css                  */
+;/* empty css                   */
 const require_utils = require("./utils.js");
-const require_ThemeProvider = require("../../Theme/ThemeProvider.js");
-require("../../index.js");
 let _emotion_styled = require("@emotion/styled");
 _emotion_styled = require_runtime.__toESM(_emotion_styled);
 let react = require("react");
@@ -10,22 +10,22 @@ react = require_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_material_Box = require("@mui/material/Box");
 _mui_material_Box = require_runtime.__toESM(_mui_material_Box);
+let _mui_material_styles = require("@mui/material/styles");
 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
 var Readme = ({ description }) => {
-	const { isDarkMode } = require_ThemeProvider.useCustomTheme();
+	const dataTheme = (0, _mui_material_styles.useTheme)().palette.mode;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Card.default, {
 		sx: { mb: 2 },
 		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__ */ (0, react_jsx_runtime.jsx)(Wrapper, {
-				className: `markdown-body ${isDarkMode ? "markdown-dark" : "markdown-light"}`,
+				className: "markdown-body hljs",
+				"data-theme": dataTheme,
 				dangerouslySetInnerHTML: { __html: require_utils.parseReadme(description) }
 			})
 		}) })

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

@@ -1 +1 @@
-{"version":3,"file":"Readme.js","names":[],"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,IAAM,UAA2B,EAAE,kBAAkB;CAEnD,MAAM,EAAE,eAAe,sBAAA,gBAAgB;AAEvC,QACE,iBAAA,GAAA,kBAAA,KAAC,mBAAA,SAAD;EAAM,IAAI,EAAE,IAAI,GAAG;YACjB,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,kBAAA,SAAD;GAAK,eAAY;GAAS,IAAI,EAAE,GAAG,GAAG;aACpC,iBAAA,GAAA,kBAAA,KAAC,SAAD;IACE,WAAW,iBAAiB,aAAa,kBAAkB;IAC3D,yBAAyB,EAAE,QAAQ,cAAA,YAAY,YAAY,EAAY;IACvE,CAAA;GACE,CAAA,EACM,CAAA;EACT,CAAA;;AAKX,IAAM,WAAA,GAAA,gBAAA,SAAiB,MAAM,CAAC;CAC5B,IAAI,EACF,WAAW,QACZ;CACD,KAAK,EACH,UAAU,QACX;CACF,CAAC"}
+{"version":3,"file":"Readme.js","names":[],"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 { useTheme } from '@mui/material/styles';\nimport React from 'react';\n\nimport './github-markdown.css';\nimport './hljs-github-dark.css';\nimport './hljs-github-light.css';\nimport type { Props } from './types';\nimport { parseReadme } from './utils';\n\nconst Readme: React.FC<Props> = ({ description }) => {\n  const theme = useTheme();\n  const dataTheme = theme.palette.mode;\n\n  return (\n    <Card sx={{ mb: 2 }}>\n      <CardContent>\n        <Box data-testid=\"readme\" sx={{ m: 2 }}>\n          <Wrapper\n            className=\"markdown-body hljs\"\n            data-theme={dataTheme}\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,IAAM,UAA2B,EAAE,kBAAkB;CAEnD,MAAM,aAAA,GAAA,qBAAA,WADkB,CACA,QAAQ;AAEhC,QACE,iBAAA,GAAA,kBAAA,KAAC,mBAAA,SAAD;EAAM,IAAI,EAAE,IAAI,GAAG;YACjB,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,kBAAA,SAAD;GAAK,eAAY;GAAS,IAAI,EAAE,GAAG,GAAG;aACpC,iBAAA,GAAA,kBAAA,KAAC,SAAD;IACE,WAAU;IACV,cAAY;IACZ,yBAAyB,EAAE,QAAQ,cAAA,YAAY,YAAY,EAAY;IACvE,CAAA;GACE,CAAA,EACM,CAAA;EACT,CAAA;;AAKX,IAAM,WAAA,GAAA,gBAAA,SAAiB,MAAM,CAAC;CAC5B,IAAI,EACF,WAAW,QACZ;CACD,KAAK,EACH,UAAU,QACX;CACF,CAAC"}

package/build/components/Readme/Readme.mjs

@@ -1,25 +1,25 @@
 /* empty css                 */
+/* empty css                  */
+/* empty css                   */
 import { parseReadme } from "./utils.mjs";
-import { useCustomTheme } from "../../Theme/ThemeProvider.mjs";
-import "../../index.mjs";
 import styled from "@emotion/styled";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import Box from "@mui/material/Box";
+import { useTheme } from "@mui/material/styles";
 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
 var Readme = ({ description }) => {
-	const { isDarkMode } = useCustomTheme();
+	const dataTheme = useTheme().palette.mode;
 	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"}`,
+				className: "markdown-body hljs",
+				"data-theme": dataTheme,
 				dangerouslySetInnerHTML: { __html: parseReadme(description) }
 			})
 		}) })

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

@@ -1 +1 @@
-{"version":3,"file":"Readme.mjs","names":[],"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,IAAM,UAA2B,EAAE,kBAAkB;CAEnD,MAAM,EAAE,eAAe,gBAAgB;AAEvC,QACE,oBAAC,MAAD;EAAM,IAAI,EAAE,IAAI,GAAG;YACjB,oBAAC,aAAD,EAAA,UACE,oBAAC,KAAD;GAAK,eAAY;GAAS,IAAI,EAAE,GAAG,GAAG;aACpC,oBAAC,SAAD;IACE,WAAW,iBAAiB,aAAa,kBAAkB;IAC3D,yBAAyB,EAAE,QAAQ,YAAY,YAAY,EAAY;IACvE,CAAA;GACE,CAAA,EACM,CAAA;EACT,CAAA;;AAKX,IAAM,UAAU,OAAO,MAAM,CAAC;CAC5B,IAAI,EACF,WAAW,QACZ;CACD,KAAK,EACH,UAAU,QACX;CACF,CAAC"}
+{"version":3,"file":"Readme.mjs","names":[],"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 { useTheme } from '@mui/material/styles';\nimport React from 'react';\n\nimport './github-markdown.css';\nimport './hljs-github-dark.css';\nimport './hljs-github-light.css';\nimport type { Props } from './types';\nimport { parseReadme } from './utils';\n\nconst Readme: React.FC<Props> = ({ description }) => {\n  const theme = useTheme();\n  const dataTheme = theme.palette.mode;\n\n  return (\n    <Card sx={{ mb: 2 }}>\n      <CardContent>\n        <Box data-testid=\"readme\" sx={{ m: 2 }}>\n          <Wrapper\n            className=\"markdown-body hljs\"\n            data-theme={dataTheme}\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,IAAM,UAA2B,EAAE,kBAAkB;CAEnD,MAAM,YADQ,UAAU,CACA,QAAQ;AAEhC,QACE,oBAAC,MAAD;EAAM,IAAI,EAAE,IAAI,GAAG;YACjB,oBAAC,aAAD,EAAA,UACE,oBAAC,KAAD;GAAK,eAAY;GAAS,IAAI,EAAE,GAAG,GAAG;aACpC,oBAAC,SAAD;IACE,WAAU;IACV,cAAY;IACZ,yBAAyB,EAAE,QAAQ,YAAY,YAAY,EAAY;IACvE,CAAA;GACE,CAAA,EACM,CAAA;EACT,CAAA;;AAKX,IAAM,UAAU,OAAO,MAAM,CAAC;CAC5B,IAAI,EACF,WAAW,QACZ;CACD,KAAK,EACH,UAAU,QACX;CACF,CAAC"}