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

package/build/components/Package/styles.d.ts

@@ -1,43 +1,53 @@
-import type { Theme } from '../../';
-export declare const OverviewItem: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+import { Theme } from '../../';
+export declare const OverviewItem: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 } & {
     theme?: Theme;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const Published: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const Published: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const Details: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const Details: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const Author: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const Author: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Avatar: import("@emotion/styled").StyledComponent<any, {}, {}>;
-export declare const WrapperLink: import("@emotion/styled").StyledComponent<import("react-router").LinkProps & import("react").RefAttributes<HTMLAnchorElement> & {
-    theme?: import("@emotion/react").Theme;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Avatar: import('@emotion/styled').StyledComponent<import('@mui/material/Avatar').AvatarOwnProps & import('@mui/material/Avatar').AvatarSlotsAndSlotProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children" | "style" | "className" | "classes" | "sx" | "variant" | "slots" | "slotProps" | "alt" | "imgProps" | "sizes" | "src" | "srcSet"> & {
+    theme?: import('@emotion/react').Theme;
 }, {}, {}>;
-export declare const PackageTitle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+export declare const WrapperLink: import('@emotion/styled').StyledComponent<import('react-router').LinkProps & import('react').RefAttributes<HTMLAnchorElement> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;
+export declare const PackageTitle: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 } & {
     theme?: Theme;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const GridRightAligned: import("@emotion/styled").StyledComponent<any, {}, {
-    ref?: import("react").Ref<any> | undefined;
-}>;
-export declare const Wrapper: import("@emotion/styled").StyledComponent<any, {}, {}>;
-export declare const IconButton: import("@emotion/styled").StyledComponent<any, {}, {}>;
-export declare const PackageListItemText: import("@emotion/styled").StyledComponent<import("@mui/material/ListItemText").ListItemTextProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>, import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & {
-    theme?: import("@emotion/react").Theme;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const GridRightAligned: import('@emotion/styled').StyledComponent<import('@mui/material/Grid').GridBaseProps & {
+    sx?: import('@mui/system').SxProps<import('@mui/material').Theme> | undefined;
+} & import('@mui/system').SystemProps<import('@mui/material').Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "sx" | ("p" | "zIndex" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint") | keyof import('@mui/material/Grid').GridBaseProps> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;
+export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/material/List').ListOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "children" | "style" | "className" | "classes" | "sx" | "dense" | "disablePadding" | "subheader"> & {
+    theme?: import('@emotion/react').Theme;
+} & {
+    theme?: Theme;
+}, {}, {}>;
+export declare const IconButton: import('@emotion/styled').StyledComponent<import('@mui/material/IconButton').IconButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "style" | "color" | "className" | "classes" | "sx" | "tabIndex" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loading" | "loadingIndicator" | "size"> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;
+export declare const PackageListItemText: import('@emotion/styled').StyledComponent<import('@mui/material/ListItemText').ListItemTextProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>, import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>> & {
+    theme?: import('@emotion/react').Theme;
 }, {}, {}>;
-export declare const Description: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+export declare const Description: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 } & {
     theme?: Theme;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/build/components/Package/styles.mjs

@@ -6,7 +6,7 @@ import { Link } from "react-router";
 import List from "@mui/material/List";
 import Avatar from "@mui/material/Avatar";
 import Grid from "@mui/material/Grid";
-import ListItemText from "@mui/material/ListItemText";
+import MuiListItemText from "@mui/material/ListItemText";
 //#region src/components/Package/styles.ts
 var OverviewItem = styled("span")(({ theme }) => ({
 	display: "flex",
@@ -53,7 +53,7 @@ var IconButton$1 = styled(IconButton)({
 	padding: 6,
 	svg: { fontSize: 16 }
 });
-var PackageListItemText = styled(ListItemText)({ paddingRight: 0 });
+var PackageListItemText = styled(MuiListItemText)({ paddingRight: 0 });
 var Description = styled("span")(({ theme }) => ({
 	color: theme.palette.mode === "light" ? greyDark : common.white,
 	fontSize: "14px",

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"}