@mui/docs 6.4.4 → 7.0.0-alpha.1

package/HighlightedCode/HighlightedCode.js

@@ -1,11 +1,19 @@
-import * as React from 'react';
-import prism from '@mui/internal-markdown/prism';
-import { NoSsr } from '@mui/base/NoSsr';
-import { styled } from '@mui/material/styles';
-import { useCodeCopy, CodeCopyButton } from "../CodeCopy/index.js";
-import { MarkdownElement } from "../MarkdownElement/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const Pre = styled('pre')(({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HighlightedCode = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _prism = _interopRequireDefault(require("@mui/internal-markdown/prism"));
+var _NoSsr = require("@mui/base/NoSsr");
+var _styles = require("@mui/material/styles");
+var _CodeCopy = require("../CodeCopy");
+var _MarkdownElement = require("../MarkdownElement");
+var _jsxRuntime = require("react/jsx-runtime");
+const Pre = (0, _styles.styled)('pre')(({
   theme
 }) => ({
   margin: 0,
@@ -23,37 +31,37 @@ const Pre = styled('pre')(({
     // https://github.com/necolas/normalize.css/blob/master/normalize.css#L102
   }
 }));
-export const HighlightedCode = /*#__PURE__*/React.forwardRef(function HighlightedCode(props, ref) {
+const HighlightedCode = exports.HighlightedCode = /*#__PURE__*/React.forwardRef(function HighlightedCode(props, ref) {
   const {
     code,
     copyButtonHidden = false,
     copyButtonProps,
     language,
     plainStyle,
-    parentComponent: Component = plainStyle ? React.Fragment : MarkdownElement,
+    parentComponent: Component = plainStyle ? React.Fragment : _MarkdownElement.MarkdownElement,
     preComponent: PreComponent = plainStyle ? Pre : 'pre',
     ...other
   } = props;
   const renderedCode = React.useMemo(() => {
-    return prism(code.trim(), language);
+    return (0, _prism.default)(code.trim(), language);
   }, [code, language]);
-  const handlers = useCodeCopy();
-  return /*#__PURE__*/_jsx(Component, {
+  const handlers = (0, _CodeCopy.useCodeCopy)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
     ref: ref,
     ...other,
-    children: /*#__PURE__*/_jsxs("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "MuiCode-root",
       ...handlers,
       style: {
         height: '100%'
       },
-      children: [copyButtonHidden ? null : /*#__PURE__*/_jsx(NoSsr, {
-        children: /*#__PURE__*/_jsx(CodeCopyButton, {
+      children: [copyButtonHidden ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_NoSsr.NoSsr, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CodeCopy.CodeCopyButton, {
           code: code,
           ...copyButtonProps
         })
-      }), /*#__PURE__*/_jsx(PreComponent, {
-        children: /*#__PURE__*/_jsx("code", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PreComponent, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("code", {
           className: `language-${language}`
           // eslint-disable-next-line react/no-danger
           ,

package/HighlightedCode/index.d.ts

@@ -1 +1 @@
-export * from './HighlightedCode';
+export * from "./HighlightedCode.js";

package/HighlightedCode/index.js

@@ -1 +1,16 @@
-export * from "./HighlightedCode.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _HighlightedCode = require("./HighlightedCode");
+Object.keys(_HighlightedCode).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _HighlightedCode[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _HighlightedCode[key];
+    }
+  });
+});

package/HighlightedCodeWithTabs/HighlightedCodeWithTabs.d.ts

@@ -1,29 +1,29 @@
 import * as React from 'react';
 export declare const CodeTabList: import("@emotion/styled").StyledComponent<import("@mui/base/TabsList").TabsListOwnProps & Omit<any, keyof import("@mui/base/TabsList").TabsListOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    ownerState: {
-        mounted: boolean;
-        contained?: boolean;
-    };
+  ownerState: {
+    mounted: boolean;
+    contained?: boolean;
+  };
 }, {}, {}>;
 export declare const CodeTabPanel: import("@emotion/styled").StyledComponent<import("@mui/base/TabPanel").TabPanelOwnProps & Omit<any, keyof import("@mui/base/TabPanel").TabPanelOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    ownerState: {
-        mounted: boolean;
-        contained?: boolean;
-    };
+  ownerState: {
+    mounted: boolean;
+    contained?: boolean;
+  };
 }, {}, {}>;
 export declare const CodeTab: import("@emotion/styled").StyledComponent<import("@mui/base/Tab").TabOwnProps & Omit<any, keyof import("@mui/base/Tab").TabOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    ownerState: {
-        mounted: boolean;
-        contained?: boolean;
-    };
+  ownerState: {
+    mounted: boolean;
+    contained?: boolean;
+  };
 }, {}, {}>;
 type TabsConfig = {
-    code: string | ((tab: string) => string);
-    language: string;
-    tab: string;
+  code: string | ((tab: string) => string);
+  language: string;
+  tab: string;
 };
 export declare function HighlightedCodeWithTabs(props: {
-    tabs: Array<TabsConfig>;
-    storageKey?: string;
+  tabs: Array<TabsConfig>;
+  storageKey?: string;
 } & Record<string, any>): React.JSX.Element;
-export {};
+export {};

package/HighlightedCodeWithTabs/HighlightedCodeWithTabs.js

@@ -1,13 +1,22 @@
-import * as React from 'react';
-import { styled, alpha } from '@mui/material/styles';
-import { Tabs } from '@mui/base/Tabs';
-import { TabsList as TabsListBase } from '@mui/base/TabsList';
-import { TabPanel as TabPanelBase } from '@mui/base/TabPanel';
-import { Tab as TabBase } from '@mui/base/Tab';
-import useLocalStorageState from '@mui/utils/useLocalStorageState';
-import { HighlightedCode } from "../HighlightedCode/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const CodeTabList = styled(TabsListBase)(({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CodeTabPanel = exports.CodeTabList = exports.CodeTab = void 0;
+exports.HighlightedCodeWithTabs = HighlightedCodeWithTabs;
+var React = _interopRequireWildcard(require("react"));
+var _styles = require("@mui/material/styles");
+var _Tabs = require("@mui/base/Tabs");
+var _TabsList = require("@mui/base/TabsList");
+var _TabPanel = require("@mui/base/TabPanel");
+var _Tab = require("@mui/base/Tab");
+var _useLocalStorageState = _interopRequireDefault(require("@mui/utils/useLocalStorageState"));
+var _HighlightedCode = require("../HighlightedCode");
+var _jsxRuntime = require("react/jsx-runtime");
+const CodeTabList = exports.CodeTabList = (0, _styles.styled)(_TabsList.TabsList)(({
   theme
 }) => ({
   display: 'flex',
@@ -16,7 +25,7 @@ export const CodeTabList = styled(TabsListBase)(({
   borderRight: '1px solid',
   overflowX: 'auto',
   ...theme.applyDarkStyles({
-    backgroundColor: alpha(theme.palette.primaryDark[800], 0.2)
+    backgroundColor: (0, _styles.alpha)(theme.palette.primaryDark[800], 0.2)
   }),
   variants: [{
     props: ({
@@ -107,7 +116,7 @@ export const CodeTabList = styled(TabsListBase)(({
       ownerState
     }) => ownerState?.contained,
     style: {
-      backgroundColor: alpha(theme.palette.grey[50], 0.2)
+      backgroundColor: (0, _styles.alpha)(theme.palette.grey[50], 0.2)
     }
   }, {
     props: ({
@@ -118,7 +127,7 @@ export const CodeTabList = styled(TabsListBase)(({
     }
   }]
 }));
-export const CodeTabPanel = styled(TabPanelBase)({
+const CodeTabPanel = exports.CodeTabPanel = (0, _styles.styled)(_TabPanel.TabPanel)({
   '& pre': {
     borderTopLeftRadius: 0,
     borderTopRightRadius: 0,
@@ -180,7 +189,7 @@ export const CodeTabPanel = styled(TabPanelBase)({
     }
   }]
 });
-export const CodeTab = styled(TabBase)(({
+const CodeTab = exports.CodeTab = (0, _styles.styled)(_Tab.Tab)(({
   theme
 }) => ({
   variants: [{
@@ -261,7 +270,7 @@ export const CodeTab = styled(TabBase)(({
     }) => !ownerState?.contained,
     style: {
       '&:hover': {
-        backgroundColor: alpha(theme.palette.primaryDark[500], 0.5),
+        backgroundColor: (0, _styles.alpha)(theme.palette.primaryDark[500], 0.5),
         color: (theme.vars || theme).palette.grey[400]
       }
     }
@@ -305,7 +314,7 @@ export const CodeTab = styled(TabBase)(({
     }
   })
 }));
-export function HighlightedCodeWithTabs(props) {
+function HighlightedCodeWithTabs(props) {
   const {
     tabs,
     storageKey
@@ -313,7 +322,7 @@ export function HighlightedCodeWithTabs(props) {
   const availableTabs = React.useMemo(() => tabs.map(({
     tab
   }) => tab), [tabs]);
-  const [activeTab, setActiveTab] = useLocalStorageState(storageKey ?? null, availableTabs[0]);
+  const [activeTab, setActiveTab] = (0, _useLocalStorageState.default)(storageKey ?? null, availableTabs[0]);
   // During hydration, activeTab is null, default to first value.
   const defaultizedActiveTab = activeTab ?? availableTabs[0];
   const [mounted, setMounted] = React.useState(false);
@@ -326,15 +335,15 @@ export function HighlightedCodeWithTabs(props) {
   const ownerState = {
     mounted
   };
-  return /*#__PURE__*/_jsxs(Tabs, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Tabs.Tabs, {
     selectionFollowsFocus: true,
     value: defaultizedActiveTab,
     onChange: handleChange,
-    children: [/*#__PURE__*/_jsx(CodeTabList, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CodeTabList, {
       ownerState: ownerState,
       children: tabs.map(({
         tab
-      }) => /*#__PURE__*/_jsx(CodeTab, {
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(CodeTab, {
         ownerState: ownerState,
         value: tab,
         children: tab
@@ -343,10 +352,10 @@ export function HighlightedCodeWithTabs(props) {
       tab,
       language,
       code
-    }) => /*#__PURE__*/_jsx(CodeTabPanel, {
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(CodeTabPanel, {
       ownerState: ownerState,
       value: tab,
-      children: /*#__PURE__*/_jsx(HighlightedCode, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_HighlightedCode.HighlightedCode, {
         language: language || 'bash',
         code: typeof code === 'function' ? code(tab) : code
       })

package/HighlightedCodeWithTabs/index.d.ts

@@ -1,2 +1,2 @@
-export * from './HighlightedCodeWithTabs';
-export { HighlightedCodeWithTabs as default } from './HighlightedCodeWithTabs';
+export * from "./HighlightedCodeWithTabs.js";
+export { HighlightedCodeWithTabs as default } from "./HighlightedCodeWithTabs.js";

package/HighlightedCodeWithTabs/index.js

@@ -1,2 +1,24 @@
-export * from "./HighlightedCodeWithTabs.js";
-export { HighlightedCodeWithTabs as default } from "./HighlightedCodeWithTabs.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _HighlightedCodeWithTabs.HighlightedCodeWithTabs;
+  }
+});
+var _HighlightedCodeWithTabs = require("./HighlightedCodeWithTabs");
+Object.keys(_HighlightedCodeWithTabs).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _HighlightedCodeWithTabs[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _HighlightedCodeWithTabs[key];
+    }
+  });
+});

package/InfoCard/InfoCard.d.ts

@@ -1,20 +1,22 @@
 import * as React from 'react';
 import { TypographyProps } from '@mui/material/Typography';
-import { LinkProps } from '../Link';
+import { LinkProps } from "../Link/index.js";
 interface GlowingIconContainerProps {
-    icon: React.ReactNode;
+  icon: React.ReactNode;
 }
-export declare function GlowingIconContainer({ icon }: GlowingIconContainerProps): React.JSX.Element;
+export declare function GlowingIconContainer({
+  icon
+}: GlowingIconContainerProps): React.JSX.Element;
 interface InfoCardProps {
-    classNameDescription?: string;
-    classNameTitle?: string;
-    description?: string;
-    icon?: React.ReactNode;
-    link?: string;
-    prefetch?: LinkProps['prefetch'];
-    svg?: React.ReactNode;
-    title: string;
-    titleProps?: TypographyProps;
+  classNameDescription?: string;
+  classNameTitle?: string;
+  description?: string;
+  icon?: React.ReactNode;
+  link?: string;
+  prefetch?: LinkProps['prefetch'];
+  svg?: React.ReactNode;
+  title: string;
+  titleProps?: TypographyProps;
 }
 export declare function InfoCard(props: InfoCardProps): React.JSX.Element;
-export {};
+export {};

package/InfoCard/InfoCard.js

@@ -1,14 +1,23 @@
-import * as React from 'react';
-import { alpha } from '@mui/material/styles';
-import Box from '@mui/material/Box';
-import Paper from '@mui/material/Paper';
-import Typography from '@mui/material/Typography';
-import { Link } from "../Link/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function GlowingIconContainer({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GlowingIconContainer = GlowingIconContainer;
+exports.InfoCard = InfoCard;
+var React = _interopRequireWildcard(require("react"));
+var _styles = require("@mui/material/styles");
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _Link = require("../Link");
+var _jsxRuntime = require("react/jsx-runtime");
+function GlowingIconContainer({
   icon
 }) {
-  return /*#__PURE__*/_jsx(Box, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
     sx: theme => ({
       width: 36,
       height: 36,
@@ -20,20 +29,20 @@ export function GlowingIconContainer({
       border: '1px solid',
       borderColor: 'primary.200',
       bgcolor: 'primary.50',
-      boxShadow: `0px 0 0 2px ${alpha(theme.palette.primary[500], 0.1)}, 0px 2px 12px 0px rgba(234, 237, 241, 0.3) inset`,
+      boxShadow: `0px 0 0 2px ${(0, _styles.alpha)(theme.palette.primary[500], 0.1)}, 0px 2px 12px 0px rgba(234, 237, 241, 0.3) inset`,
       '& .MuiSvgIcon-root': {
         fontSize: theme.typography.pxToRem(18)
       },
       ...theme.applyDarkStyles({
-        borderColor: alpha(theme.palette.primary[400], 0.25),
-        bgcolor: alpha(theme.palette.primary[900], 0.2),
-        boxShadow: `0 0 0 2px ${alpha(theme.palette.primary[600], 0.1)}, 0px 2px 12px 0px rgba(0, 0, 0, 0.25) inset`
+        borderColor: (0, _styles.alpha)(theme.palette.primary[400], 0.25),
+        bgcolor: (0, _styles.alpha)(theme.palette.primary[900], 0.2),
+        boxShadow: `0 0 0 2px ${(0, _styles.alpha)(theme.palette.primary[600], 0.1)}, 0px 2px 12px 0px rgba(0, 0, 0, 0.25) inset`
       })
     }),
     children: icon
   });
 }
-export function InfoCard(props) {
+function InfoCard(props) {
   const {
     classNameDescription,
     classNameTitle,
@@ -45,9 +54,9 @@ export function InfoCard(props) {
     titleProps,
     ...other
   } = props;
-  return /*#__PURE__*/_jsxs(Paper, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Paper.default, {
     variant: "outlined",
-    component: link ? Link : 'div',
+    component: link ? _Link.Link : 'div',
     href: link,
     ...(link ? {
       noLinkStyle: true,
@@ -59,15 +68,15 @@ export function InfoCard(props) {
       height: '100%',
       background: `${(theme.vars || theme).palette.gradients.linearSubtle}`,
       ...theme.applyDarkStyles({
-        bgcolor: alpha(theme.palette.primaryDark[800], 0.25),
+        bgcolor: (0, _styles.alpha)(theme.palette.primaryDark[800], 0.25),
         background: `${(theme.vars || theme).palette.gradients.linearSubtle}`,
         borderColor: 'primaryDark.700'
       })
     }),
     ...other,
-    children: [svg && svg, icon && /*#__PURE__*/_jsx(GlowingIconContainer, {
+    children: [svg && svg, icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(GlowingIconContainer, {
       icon: icon
-    }), /*#__PURE__*/_jsx(Typography, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
       fontWeight: "semiBold",
       component: "h3",
       color: "text.primary",
@@ -77,7 +86,7 @@ export function InfoCard(props) {
       className: classNameTitle,
       ...titleProps,
       children: title
-    }), /*#__PURE__*/_jsx(Typography, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
       variant: "body2",
       color: "text.secondary",
       className: classNameDescription,

package/InfoCard/index.d.ts

@@ -1 +1 @@
-export * from './InfoCard';
+export * from "./InfoCard.js";

package/InfoCard/index.js

@@ -1 +1,16 @@
-export * from "./InfoCard.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _InfoCard = require("./InfoCard");
+Object.keys(_InfoCard).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _InfoCard[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _InfoCard[key];
+    }
+  });
+});

package/Link/Link.d.ts

@@ -1,16 +1,22 @@
 import * as React from 'react';
 import { LinkProps as NextLinkProps } from 'next/link';
 import { LinkProps as MuiLinkProps } from '@mui/material/Link';
+/**
+ * File to keep in sync with:
+ *
+ * - /examples/material-ui-nextjs-pages-router/src/Link.js
+ * - /examples/material-ui-nextjs-pages-router-ts/src/Link.tsx
+ */
 interface NextLinkComposedProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>, Omit<NextLinkProps, 'href' | 'as' | 'passHref' | 'onMouseEnter' | 'onClick' | 'onTouchStart'> {
-    to: NextLinkProps['href'];
-    linkAs?: NextLinkProps['as'];
+  to: NextLinkProps['href'];
+  linkAs?: NextLinkProps['as'];
 }
 export type LinkProps = {
-    activeClassName?: string;
-    as?: NextLinkProps['as'];
-    href: NextLinkProps['href'];
-    linkAs?: NextLinkProps['as'];
-    noLinkStyle?: boolean;
+  activeClassName?: string;
+  as?: NextLinkProps['as'];
+  href: NextLinkProps['href'];
+  linkAs?: NextLinkProps['as'];
+  noLinkStyle?: boolean;
 } & Omit<NextLinkComposedProps, 'to' | 'linkAs' | 'href'> & Omit<MuiLinkProps, 'href'>;
 export declare const Link: React.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export {};
+export {};

package/Link/Link.js

@@ -1,23 +1,26 @@
-import * as React from 'react';
-import clsx from 'clsx';
-import { useRouter } from 'next/router';
-import NextLink from 'next/link';
-import MuiLink from '@mui/material/Link';
-import { styled } from '@mui/material/styles';
-import { useUserLanguage } from "../i18n/index.js";
-import { useDocsConfig } from "../DocsProvider/index.js";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Link = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _router = require("next/router");
+var _link = _interopRequireDefault(require("next/link"));
+var _Link = _interopRequireDefault(require("@mui/material/Link"));
+var _i18n = require("../i18n");
+var _DocsProvider = require("../DocsProvider");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * File to keep in sync with:
  *
- * - /docs/src/modules/components/Link.tsx
  * - /examples/material-ui-nextjs-pages-router/src/Link.js
  * - /examples/material-ui-nextjs-pages-router-ts/src/Link.tsx
  */
 
-// Add support for the sx prop for consistency with the other branches.
-import { jsx as _jsx } from "react/jsx-runtime";
-const Anchor = styled('a')({});
 const NextLinkComposed = /*#__PURE__*/React.forwardRef(function NextLinkComposed(props, ref) {
   const {
     to,
@@ -26,11 +29,10 @@ const NextLinkComposed = /*#__PURE__*/React.forwardRef(function NextLinkComposed
     scroll,
     shallow,
     prefetch,
-    legacyBehavior = true,
     locale,
     ...other
   } = props;
-  return /*#__PURE__*/_jsx(NextLink, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_link.default, {
     href: to,
     prefetch: prefetch,
     as: linkAs,
@@ -39,23 +41,19 @@ const NextLinkComposed = /*#__PURE__*/React.forwardRef(function NextLinkComposed
     shallow: shallow,
     passHref: true,
     locale: locale,
-    legacyBehavior: legacyBehavior,
-    children: /*#__PURE__*/_jsx(Anchor, {
-      "data-no-markdown-link": "true",
-      ref: ref,
-      ...other
-    })
+    "data-no-markdown-link": "true",
+    ref: ref,
+    ...other
   });
 });
 // A styled version of the Next.js Pages Router Link component:
 // https://nextjs.org/docs/pages/api-reference/components/link
-export const Link = /*#__PURE__*/React.forwardRef(function Link(props, ref) {
+const Link = exports.Link = /*#__PURE__*/React.forwardRef(function Link(props, ref) {
   const {
     activeClassName = 'active',
     as,
     className: classNameProps,
     href,
-    legacyBehavior,
     linkAs: linkAsProp,
     locale,
     noLinkStyle,
@@ -65,15 +63,15 @@ export const Link = /*#__PURE__*/React.forwardRef(function Link(props, ref) {
     shallow,
     ...other
   } = props;
-  const router = useRouter();
+  const router = (0, _router.useRouter)();
   const pathname = typeof href === 'string' ? href : href?.pathname;
   const routerPathname = router.pathname.replace('/[docsTab]', '');
   const shouldBeActive = routerPathname === pathname;
-  const className = clsx(classNameProps, shouldBeActive && activeClassName);
-  const userLanguage = useUserLanguage();
+  const className = (0, _clsx.default)(classNameProps, shouldBeActive && activeClassName);
+  const userLanguage = (0, _i18n.useUserLanguage)();
   const {
     LANGUAGES_IGNORE_PAGES
-  } = useDocsConfig();
+  } = (0, _DocsProvider.useDocsConfig)();
   let linkAs = linkAsProp || as || href;
   if (userLanguage !== 'en' && pathname && pathname.startsWith('/') && !LANGUAGES_IGNORE_PAGES(pathname) && !pathname.startsWith(`/${userLanguage}/`)) {
     linkAs = `/${userLanguage}${linkAs}`;
@@ -84,19 +82,18 @@ export const Link = /*#__PURE__*/React.forwardRef(function Link(props, ref) {
     replace,
     scroll,
     shallow,
-    legacyBehavior,
     prefetch,
     locale
   };
   if (noLinkStyle) {
-    return /*#__PURE__*/_jsx(NextLinkComposed, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(NextLinkComposed, {
       className: className,
       ref: ref,
       ...nextjsProps,
       ...other
     });
   }
-  return /*#__PURE__*/_jsx(MuiLink, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.default, {
     component: NextLinkComposed,
     className: className,
     ref: ref,

package/Link/index.d.ts

@@ -1 +1 @@
-export * from './Link';
+export * from "./Link.js";

package/Link/index.js

@@ -1 +1,16 @@
-export * from "./Link.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Link = require("./Link");
+Object.keys(_Link).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Link[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Link[key];
+    }
+  });
+});

package/MarkdownElement/MarkdownElement.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 export interface MarkdownElementProps {
-    className?: string;
-    renderedMarkdown?: string;
-    children?: React.ReactNode;
+  className?: string;
+  renderedMarkdown?: string;
+  children?: React.ReactNode;
 }
-export declare const MarkdownElement: React.ForwardRefExoticComponent<MarkdownElementProps & React.RefAttributes<HTMLDivElement>>;
+export declare const MarkdownElement: React.ForwardRefExoticComponent<MarkdownElementProps & React.RefAttributes<HTMLDivElement>>;