@mui/docs 7.0.0-alpha.0 → 7.0.0-alpha.1

package/Ad/ad.styles.js

@@ -1,5 +1,11 @@
-import { alpha } from '@mui/material/styles';
-export const adBodyImageStyles = theme => ({
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.adBodyInlineStyles = exports.adBodyImageStyles = void 0;
+var _styles = require("@mui/material/styles");
+const adBodyImageStyles = theme => ({
   root: {
     display: 'block',
     overflow: 'hidden',
@@ -43,7 +49,8 @@ export const adBodyImageStyles = theme => ({
     fontWeight: theme.typography.fontWeightRegular
   }
 });
-export const adBodyInlineStyles = theme => {
+exports.adBodyImageStyles = adBodyImageStyles;
+const adBodyInlineStyles = theme => {
   const baseline = adBodyImageStyles(theme);
   return {
     ...baseline,
@@ -73,7 +80,7 @@ export const adBodyInlineStyles = theme => {
         // Style taken from the Link component & MarkdownElement.
         color: theme.palette.primary[600],
         textDecoration: 'underline',
-        textDecorationColor: alpha(theme.palette.primary.main, 0.4),
+        textDecorationColor: (0, _styles.alpha)(theme.palette.primary.main, 0.4),
         ...theme.applyStyles('dark', {
           color: theme.palette.primary[300]
         })
@@ -88,4 +95,5 @@ export const adBodyInlineStyles = theme => {
       display: 'none'
     }
   };
-};
+};
+exports.adBodyInlineStyles = adBodyInlineStyles;

package/Ad/index.d.ts

@@ -1,5 +1,5 @@
-export * from './Ad';
-export * from './AdManager';
-export * from './AdProvider';
-export * from './AdGuest';
-export { AdCarbonInline } from './AdCarbon';
+export * from "./Ad.js";
+export * from "./AdManager.js";
+export * from "./AdProvider.js";
+export * from "./AdGuest.js";
+export { AdCarbonInline } from "./AdCarbon.js";

package/Ad/index.js

@@ -1,7 +1,63 @@
-/// <reference types="gtag.js" />
+"use strict";
 
-export * from "./Ad.js";
-export * from "./AdManager.js";
-export * from "./AdProvider.js";
-export * from "./AdGuest.js";
-export { AdCarbonInline } from "./AdCarbon.js";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  AdCarbonInline: true
+};
+Object.defineProperty(exports, "AdCarbonInline", {
+  enumerable: true,
+  get: function () {
+    return _AdCarbon.AdCarbonInline;
+  }
+});
+var _Ad = require("./Ad");
+Object.keys(_Ad).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Ad[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Ad[key];
+    }
+  });
+});
+var _AdManager = require("./AdManager");
+Object.keys(_AdManager).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AdManager[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AdManager[key];
+    }
+  });
+});
+var _AdProvider = require("./AdProvider");
+Object.keys(_AdProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AdProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AdProvider[key];
+    }
+  });
+});
+var _AdGuest = require("./AdGuest");
+Object.keys(_AdGuest).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AdGuest[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AdGuest[key];
+    }
+  });
+});
+var _AdCarbon = require("./AdCarbon");

package/CHANGELOG.md

@@ -1,5 +1,66 @@
 # [Versions](https://mui.com/versions/)
 
+## 7.0.0-alpha.1
+
+<!-- generated comparing v7.0.0-alpha.0..master -->
+
+_Feb 11, 2025_
+
+A big thanks to the 11 contributors who made this release possible.
+
+### `@mui/material@7.0.0-alpha.1`
+
+- [Checkbox] Add slots and slotProps (#44974) @sai6855
+- [LinearProgress][CircularProgress] Add variant overrides for module augumentation (#45163) @kingflamez
+- [Drawer] Deprecate \*Props and complete `slots`, `slotProps` (#44960) @siriwatknp
+- Fix wrong `slotProps` of `DetailsHTMLAttributes` types (#45215) @siriwatknp
+- [MobileStepper] deprecate `LinearProgressProps` and complete `slots`, `slotProps` (#45033) @siriwatknp
+- [Radio] Add slots and slotProps (#44972) @sai6855
+- [Radio] Remove empty line (#45184) @sai6855
+- [Slider] Deprecate composed classes (#45201) @sai6855
+- [Snackbar] Fix generated proptypes (#45156) @siriwatknp
+- [SpeedDialAction] Add slots and slotProps (#45065) @sai6855
+- [SwitchBase] Fix spreading of `handlers` in getSlotProps (#45197) @sai6855
+- [Tabs] Deprecate \*Props and complete `slots`, `slotProps` (#45012) @siriwatknp
+- [TextField] Remove deprecated props from documentation (#45199) @sai6855
+
+### `@mui/icons-material@7.0.0-alpha.1`
+
+- Change icon source URL and add overrides (#45020) @siriwatknp
+
+### `@mui/lab@7.0.0-beta.1`
+
+- Remove components which were moved from lab to material (#45232) @DiegoAndai
+
+### Docs
+
+- [Autocomplete] Improve Google Maps search example (#44708) @oliviertassinari
+- [Dialog] Removes deprecated PaperProps from docs (#45195) @sai6855
+- [Menu] Add Grouped Menu demo (#45241) @noobDev31
+- [material] Add disableInteractive on colorTool grid Tooltips (#37800) @Janpot
+- [blog] Consistent Base UI terminology (#45264) @oliviertassinari
+- A quick first step to update docs for Tailwind v4 (#45147) @oliviertassinari
+- Fix `element.ref` accessing warning on docs (#45155) @DiegoAndai
+- Mention Toolpad as experimental (#45273) @prakhargupta1
+- [joy-ui] Update "Set up providers" section of integration with Material UI (#45183) @mateuseap
+
+### Core
+
+- Update branch switch tags (#45198) @DiegoAndai
+- Fix double redirection to Base UI (#45146) @oliviertassinari
+- Fix corepack and pnpm installation in CircleCI (#45185) @mj12albert
+- Fix typo on Netlify script (#45278) @maximevtush
+- [code-infra] Fix testing library resolution with custom react (#44061) @Janpot
+- [code-infra] Update package layout for better ESM support (#43264) @Janpot
+- Update `@typescript-eslint/*` packages and remove deprecated `eslint-config-airbnb-typescript` package (#45245) @ZeeshanTamboli
+- [docs] Restore utility component docs from MUI Base to Material UI (#45213) @mapache-salvaje
+- [docs] Sync active sponsors (#45204) @oliviertassinari
+- [docs] Fix links in CONTRIBUTING.md (#45202) @bernardobelchior
+- [docs-infra] Point to MUI X next docs (#45207) @cherniavskii
+- [test] Fix React 18 tests (#45161) @DiegoAndai
+
+All contributors of this release in alphabetical order: @bernardobelchior, @cherniavskii, @DiegoAndai, @Janpot, @kingflamez, @mapache-salvaje, @mateuseap, @maximevtush, @mj12albert, @noobDev31, @oliviertassinari, @prakhargupta1, @sai6855, @siriwatknp, @ZeeshanTamboli
+
 ## 7.0.0-alpha.0
 
 <!-- generated comparing v6.4.1..master -->

package/CodeCopy/CodeCopy.d.ts

@@ -10,11 +10,13 @@ import * as React from 'react';
  */
 export declare function useCodeCopy(): React.HTMLAttributes<HTMLDivElement>;
 interface CodeCopyProviderProps {
-    children: React.ReactNode;
+  children: React.ReactNode;
 }
 /**
  * Place <CodeCopyProvider> at the page level. It will check the keydown event and try to initiate copy click if rootNode exist.
  * Any code block inside the tree can set the rootNode when mouse enter to leverage keyboard copy.
  */
-export declare function CodeCopyProvider({ children }: CodeCopyProviderProps): React.JSX.Element;
-export {};
+export declare function CodeCopyProvider({
+  children
+}: CodeCopyProviderProps): React.JSX.Element;
+export {};

package/CodeCopy/CodeCopy.js

@@ -1,8 +1,17 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CodeCopyProvider = CodeCopyProvider;
+exports.useCodeCopy = useCodeCopy;
+var React = _interopRequireWildcard(require("react"));
+var _router = require("next/router");
+var _clipboardCopy = _interopRequireDefault(require("clipboard-copy"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _InitCodeCopy;
-import * as React from 'react';
-import { useRouter } from 'next/router';
-import clipboardCopy from 'clipboard-copy';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const CodeBlockContext = /*#__PURE__*/React.createContext({
   current: null
 });
@@ -16,7 +25,7 @@ const CodeBlockContext = /*#__PURE__*/React.createContext({
  *  <button className="MuiCode-copy">...</button>
  * </div>
  */
-export function useCodeCopy() {
+function useCodeCopy() {
   const rootNode = React.useContext(CodeBlockContext);
   return {
     onMouseEnter: event => {
@@ -40,7 +49,7 @@ export function useCodeCopy() {
 }
 function InitCodeCopy() {
   const rootNode = React.useContext(CodeBlockContext);
-  const router = useRouter();
+  const router = (0, _router.useRouter)();
   React.useEffect(() => {
     let key = 'Ctrl + ';
     if (typeof window !== 'undefined') {
@@ -94,7 +103,7 @@ function InitCodeCopy() {
           }, 2000);
           try {
             if (pre.textContent) {
-              await clipboardCopy(pre.textContent);
+              await (0, _clipboardCopy.default)(pre.textContent);
             }
             // eslint-disable-next-line no-empty
           } catch (error) {}
@@ -138,7 +147,7 @@ function hasNativeSelection(element) {
  * Place <CodeCopyProvider> at the page level. It will check the keydown event and try to initiate copy click if rootNode exist.
  * Any code block inside the tree can set the rootNode when mouse enter to leverage keyboard copy.
  */
-export function CodeCopyProvider({
+function CodeCopyProvider({
   children
 }) {
   const rootNode = React.useRef(null);
@@ -165,8 +174,8 @@ export function CodeCopyProvider({
       copyBtn.dataset.gaEventAction = initialEventAction; // reset the 'data-ga-event-action' back to initial
     });
   }, []);
-  return /*#__PURE__*/_jsxs(CodeBlockContext.Provider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(CodeBlockContext.Provider, {
     value: rootNode,
-    children: [_InitCodeCopy || (_InitCodeCopy = /*#__PURE__*/_jsx(InitCodeCopy, {})), children]
+    children: [_InitCodeCopy || (_InitCodeCopy = /*#__PURE__*/(0, _jsxRuntime.jsx)(InitCodeCopy, {})), children]
   });
 }

package/CodeCopy/CodeCopyButton.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 export interface CodeCopyButtonProps {
-    code: string;
+  code: string;
 }
-export declare function CodeCopyButton(props: CodeCopyButtonProps): React.JSX.Element;
+export declare function CodeCopyButton(props: CodeCopyButtonProps): React.JSX.Element;

package/CodeCopy/CodeCopyButton.js

@@ -1,8 +1,16 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CodeCopyButton = CodeCopyButton;
+var React = _interopRequireWildcard(require("react"));
+var _useClipboardCopy = _interopRequireDefault(require("./useClipboardCopy"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _span, _span2;
-import * as React from 'react';
-import useClipboardCopy from "./useClipboardCopy.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function CodeCopyButton(props) {
+function CodeCopyButton(props) {
   const {
     code,
     ...other
@@ -10,13 +18,13 @@ export function CodeCopyButton(props) {
   const {
     copy,
     isCopied
-  } = useClipboardCopy();
+  } = (0, _useClipboardCopy.default)();
   // This component is designed to be wrapped in NoSsr
   const macOS = window.navigator.platform.toUpperCase().includes('MAC');
   const key = macOS ? '⌘' : 'Ctrl + ';
-  return /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "MuiCode-copy-container",
-    children: /*#__PURE__*/_jsxs("button", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
       ...other,
       "aria-label": "Copy the code",
       type: "button",
@@ -25,14 +33,14 @@ export function CodeCopyButton(props) {
         // event.stopPropagation();
         await copy(code);
       },
-      children: [isCopied ? 'Copied' : 'Copy', /*#__PURE__*/_jsxs("span", {
+      children: [isCopied ? 'Copied' : 'Copy', /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
         className: "MuiCode-copyKeypress",
         style: {
           opacity: isCopied ? 0 : 1
         },
-        children: [_span || (_span = /*#__PURE__*/_jsx("span", {
+        children: [_span || (_span = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           children: "(or"
-        })), " ", key, "C", _span2 || (_span2 = /*#__PURE__*/_jsx("span", {
+        })), " ", key, "C", _span2 || (_span2 = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           children: ")"
         }))]
       })]

package/CodeCopy/index.d.ts

@@ -1,3 +1,3 @@
-export * from './CodeCopy';
-export * from './CodeCopyButton';
-export { default as useClipboardCopy } from './useClipboardCopy';
+export * from "./CodeCopy.js";
+export * from "./CodeCopyButton.js";
+export { default as useClipboardCopy } from "./useClipboardCopy.js";

package/CodeCopy/index.js

@@ -1,3 +1,40 @@
-export * from "./CodeCopy.js";
-export * from "./CodeCopyButton.js";
-export { default as useClipboardCopy } from "./useClipboardCopy.js";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  useClipboardCopy: true
+};
+Object.defineProperty(exports, "useClipboardCopy", {
+  enumerable: true,
+  get: function () {
+    return _useClipboardCopy.default;
+  }
+});
+var _CodeCopy = require("./CodeCopy");
+Object.keys(_CodeCopy).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _CodeCopy[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CodeCopy[key];
+    }
+  });
+});
+var _CodeCopyButton = require("./CodeCopyButton");
+Object.keys(_CodeCopyButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _CodeCopyButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CodeCopyButton[key];
+    }
+  });
+});
+var _useClipboardCopy = _interopRequireDefault(require("./useClipboardCopy"));

package/CodeCopy/useClipboardCopy.d.ts

@@ -1,4 +1,4 @@
 export default function useClipboardCopy(): {
-    copy: (text: string) => Promise<void>;
-    isCopied: boolean;
-};
+  copy: (text: string) => Promise<void>;
+  isCopied: boolean;
+};

package/CodeCopy/useClipboardCopy.js

@@ -1,13 +1,21 @@
-import * as React from 'react';
-import clipboardCopy from 'clipboard-copy';
-export default function useClipboardCopy() {
+"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.default = useClipboardCopy;
+var React = _interopRequireWildcard(require("react"));
+var _clipboardCopy = _interopRequireDefault(require("clipboard-copy"));
+function useClipboardCopy() {
   const [isCopied, setIsCopied] = React.useState(false);
   const timeout = React.useRef(undefined);
   React.useEffect(() => () => {
     clearTimeout(timeout.current);
   }, []);
   const copy = async text => {
-    await clipboardCopy(text);
+    await (0, _clipboardCopy.default)(text);
     setIsCopied(true);
     clearTimeout(timeout.current);
     timeout.current = setTimeout(() => {

package/ComponentLinkHeader/ComponentLinkHeader.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { MarkdownHeaders } from '@mui/internal-markdown';
 export interface ComponentLinkHeaderProps {
-    design?: boolean;
-    markdown: {
-        headers: MarkdownHeaders;
-    };
+  design?: boolean;
+  markdown: {
+    headers: MarkdownHeaders;
+  };
 }
-export declare function ComponentLinkHeader(props: ComponentLinkHeaderProps): React.JSX.Element;
+export declare function ComponentLinkHeader(props: ComponentLinkHeaderProps): React.JSX.Element;

package/ComponentLinkHeader/ComponentLinkHeader.js

@@ -1,18 +1,26 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ComponentLinkHeader = ComponentLinkHeader;
+var React = _interopRequireWildcard(require("react"));
+var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _ChatRounded2 = _interopRequireDefault(require("@mui/icons-material/ChatRounded"));
+var _GitHub = _interopRequireDefault(require("@mui/icons-material/GitHub"));
+var _styles = require("@mui/material/styles");
+var _SketchIcon = _interopRequireDefault(require("../svgIcons/SketchIcon"));
+var _FigmaIcon = _interopRequireDefault(require("../svgIcons/FigmaIcon"));
+var _BundleSizeIcon2 = _interopRequireDefault(require("../svgIcons/BundleSizeIcon"));
+var _W3CIcon2 = _interopRequireDefault(require("../svgIcons/W3CIcon"));
+var _MaterialDesignIcon2 = _interopRequireDefault(require("../svgIcons/MaterialDesignIcon"));
+var _i18n = require("../i18n");
+var _jsxRuntime = require("react/jsx-runtime");
 var _ChatRounded, _BundleSizeIcon, _GitHubIcon, _W3CIcon, _MaterialDesignIcon, _li, _li2;
-import * as React from 'react';
-import Chip from '@mui/material/Chip';
-import Tooltip from '@mui/material/Tooltip';
-import ChatRounded from '@mui/icons-material/ChatRounded';
-import GitHubIcon from '@mui/icons-material/GitHub';
-import { styled } from '@mui/material/styles';
-import SketchIcon from "../svgIcons/SketchIcon.js";
-import FigmaIcon from "../svgIcons/FigmaIcon.js";
-import BundleSizeIcon from "../svgIcons/BundleSizeIcon.js";
-import W3CIcon from "../svgIcons/W3CIcon.js";
-import MaterialDesignIcon from "../svgIcons/MaterialDesignIcon.js";
-import { useTranslate } from "../i18n/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const Root = styled('ul')(({
+const Root = (0, _styles.styled)('ul')(({
   theme
 }) => ({
   margin: 0,
@@ -41,18 +49,18 @@ const defaultPackageNames = {
   'base-ui': '@mui/base',
   system: '@mui/system'
 };
-export function ComponentLinkHeader(props) {
+function ComponentLinkHeader(props) {
   const {
     markdown: {
       headers
     },
     design
   } = props;
-  const t = useTranslate();
+  const t = (0, _i18n.useTranslate)();
   const packageName = headers.packageName ?? defaultPackageNames[headers.productId] ?? '@mui/material';
-  return /*#__PURE__*/_jsxs(Root, {
-    children: [headers.githubLabel ? /*#__PURE__*/_jsx("li", {
-      children: /*#__PURE__*/_jsx(Chip, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
+    children: [headers.githubLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
         clickable: true,
         role: undefined,
         component: "a",
@@ -60,7 +68,7 @@ export function ComponentLinkHeader(props) {
         variant: "outlined",
         rel: "nofollow",
         href: `${process.env.SOURCE_CODE_REPO}/labels/${encodeURIComponent(headers.githubLabel)}`,
-        icon: _ChatRounded || (_ChatRounded = /*#__PURE__*/_jsx(ChatRounded, {
+        icon: _ChatRounded || (_ChatRounded = /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatRounded2.default, {
           color: "primary"
         })),
         "data-ga-event-category": "ComponentLinkHeader",
@@ -69,11 +77,11 @@ export function ComponentLinkHeader(props) {
         "data-ga-event-split": "0.1",
         label: t('githubLabel')
       })
-    }) : null, /*#__PURE__*/_jsx("li", {
-      children: /*#__PURE__*/_jsx(Tooltip, {
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
         title: t('bundleSizeTooltip'),
         describeChild: true,
-        children: /*#__PURE__*/_jsx(Chip, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
           clickable: true,
           role: undefined,
           component: "a",
@@ -81,7 +89,7 @@ export function ComponentLinkHeader(props) {
           variant: "outlined",
           rel: "nofollow",
           href: `https://bundlephobia.com/package/${packageName}@latest`,
-          icon: _BundleSizeIcon || (_BundleSizeIcon = /*#__PURE__*/_jsx(BundleSizeIcon, {
+          icon: _BundleSizeIcon || (_BundleSizeIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_BundleSizeIcon2.default, {
             color: "primary"
           })),
           "data-ga-event-category": "ComponentLinkHeader",
@@ -91,8 +99,8 @@ export function ComponentLinkHeader(props) {
           label: t('bundleSize')
         })
       })
-    }), headers.githubSource ? /*#__PURE__*/_jsx("li", {
-      children: /*#__PURE__*/_jsx(Chip, {
+    }), headers.githubSource ? /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
         clickable: true,
         role: undefined,
         component: "a",
@@ -100,15 +108,15 @@ export function ComponentLinkHeader(props) {
         variant: "outlined",
         rel: "nofollow",
         href: `${process.env.SOURCE_CODE_REPO}/tree/v${process.env.LIB_VERSION}/${headers.githubSource}`,
-        icon: _GitHubIcon || (_GitHubIcon = /*#__PURE__*/_jsx(GitHubIcon, {})),
+        icon: _GitHubIcon || (_GitHubIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_GitHub.default, {})),
         "data-ga-event-category": "ComponentLinkHeader",
         "data-ga-event-action": "click",
         "data-ga-event-label": "Source",
         "data-ga-event-split": "0.1",
         label: "Source"
       })
-    }) : null, headers.waiAria ? /*#__PURE__*/_jsx("li", {
-      children: /*#__PURE__*/_jsx(Chip, {
+    }) : null, headers.waiAria ? /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
         clickable: true,
         role: undefined,
         component: "a",
@@ -116,7 +124,7 @@ export function ComponentLinkHeader(props) {
         variant: "outlined",
         rel: "nofollow",
         href: headers.waiAria,
-        icon: _W3CIcon || (_W3CIcon = /*#__PURE__*/_jsx(W3CIcon, {
+        icon: _W3CIcon || (_W3CIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_W3CIcon2.default, {
           color: "primary"
         })),
         "data-ga-event-category": "ComponentLinkHeader",
@@ -125,8 +133,8 @@ export function ComponentLinkHeader(props) {
         "data-ga-event-split": "0.1",
         label: "WAI-ARIA"
       })
-    }) : null, headers.materialDesign ? /*#__PURE__*/_jsx("li", {
-      children: /*#__PURE__*/_jsx(Chip, {
+    }) : null, headers.materialDesign ? /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
         clickable: true,
         role: undefined,
         component: "a",
@@ -134,16 +142,16 @@ export function ComponentLinkHeader(props) {
         variant: "outlined",
         rel: "nofollow",
         href: headers.materialDesign,
-        icon: _MaterialDesignIcon || (_MaterialDesignIcon = /*#__PURE__*/_jsx(MaterialDesignIcon, {})),
+        icon: _MaterialDesignIcon || (_MaterialDesignIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_MaterialDesignIcon2.default, {})),
         "data-ga-event-category": "ComponentLinkHeader",
         "data-ga-event-action": "click",
         "data-ga-event-label": "Material Design",
         "data-ga-event-split": "0.1",
         label: "Material Design"
       })
-    }) : null, design === false ? null : /*#__PURE__*/_jsxs(React.Fragment, {
-      children: [_li || (_li = /*#__PURE__*/_jsx("li", {
-        children: /*#__PURE__*/_jsx(Chip, {
+    }) : null, design === false ? null : /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+      children: [_li || (_li = /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
           clickable: true,
           role: undefined,
           component: "a",
@@ -151,15 +159,15 @@ export function ComponentLinkHeader(props) {
           variant: "outlined",
           rel: "nofollow",
           href: "https://mui.com/store/items/figma-react/?utm_source=docs&utm_medium=referral&utm_campaign=component-link-header",
-          icon: /*#__PURE__*/_jsx(FigmaIcon, {}),
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FigmaIcon.default, {}),
           "data-ga-event-category": "ComponentLinkHeader",
           "data-ga-event-action": "click",
           "data-ga-event-label": "Figma",
           "data-ga-event-split": "0.1",
           label: "Figma"
         })
-      })), packageName === '@mui/joy' ? null : _li2 || (_li2 = /*#__PURE__*/_jsx("li", {
-        children: /*#__PURE__*/_jsx(Chip, {
+      })), packageName === '@mui/joy' ? null : _li2 || (_li2 = /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
           clickable: true,
           role: undefined,
           component: "a",
@@ -167,7 +175,7 @@ export function ComponentLinkHeader(props) {
           variant: "outlined",
           rel: "nofollow",
           href: "https://mui.com/store/items/sketch-react/?utm_source=docs&utm_medium=referral&utm_campaign=component-link-header",
-          icon: /*#__PURE__*/_jsx(SketchIcon, {}),
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SketchIcon.default, {}),
           "data-ga-event-category": "ComponentLinkHeader",
           "data-ga-event-action": "click",
           "data-ga-event-label": "Sketch",

package/ComponentLinkHeader/index.d.ts

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