@mui/docs 9.0.0-alpha.2 → 9.0.0-alpha.4

package/CHANGELOG.md

@@ -1,5 +1,196 @@
 # [Versions](https://mui.com/versions/)
 
+## 9.0.0-alpha.4
+
+<!-- generated comparing v9.0.0-alpha.3..master -->
+
+_Mar 20, 2026_
+
+A big thanks to the 11 contributors who made this release possible.
+
+### `@mui/material@9.0.0-alpha.4`
+
+#### Breaking Changes
+
+- [accordion] Remove deprecated props (#47963) @silviuaavram
+  - `TransitionComponent`
+  - `TransitionProps`
+- [accordionsummary] Remove deprecated CSS class (#48006) @silviuaavram
+  - `contentGutters`
+- [alert] Remove deprecated CSS classes (#48011) @silviuaavram
+  - `standardSuccess`
+  - `standardInfo`
+  - `standardWarning`
+  - `standardError`
+  - `outlinedSuccess`
+  - `outlinedInfo`
+  - `outlinedWarning`
+  - `outlinedError`
+  - `filledSuccess`
+  - `filledInfo`
+  - `filledWarning`
+  - `filledError`
+- [alert] Remove deprecated props (#47965) @silviuaavram
+  - `components`
+  - `componentsProps`
+- [autocomplete] Remove deprecated props (#47864) @ZeeshanTamboli
+  - `ChipProps`
+  - `componentsProps`
+  - `ListboxComponent`
+  - `ListboxProps`
+  - `PaperComponent`
+  - `PopperComponent`
+  - `renderTags`
+- [avatar] Remove deprecated props (#47966) @silviuaavram
+  - `imgProps`
+- [avatargroup] Remove deprecated props (#47968) @silviuaavram
+  - `componentsProps`
+- [backdrop] Remove deprecated props (#47991) @silviuaavram
+  - `components`
+  - `componentsProps`
+  - `TransitionComponent`
+- [badge] Remove deprecated props (#47993) @silviuaavram
+  - `components`
+  - `componentsProps`
+- [button] Remove deprecated CSS classes (#48012) @silviuaavram
+  - Color variant classes: `textInherit`, `outlinedPrimary`, `containedSecondary`, etc.
+  - Size classes: `textSizeSmall`, `iconSizeMedium`, etc.
+- [circularprogress] Remove deprecated CSS classes (#48014) @silviuaavram
+  - `circleDeterminate`
+  - `circleIndeterminate`
+- [divider] Remove deprecated prop (#48013) @atharva3333
+  - `light`
+- [formcontrollabel] Remove deprecated props (#48032) @atharva3333
+  - `componentsProps`
+- [menu] Remove deprecated props (#48021) @siriwatknp
+  - `MenuListProps`
+  - `PaperProps`
+  - `TransitionProps`
+- [mobilestepper] Remove deprecated props (#48041) @siriwatknp
+  - `LinearProgressProps`
+- [popover] Remove deprecated props (#48021) @siriwatknp
+  - `BackdropComponent`
+  - `BackdropProps`
+  - `PaperProps`
+  - `TransitionComponent`
+  - `TransitionProps`
+- [popper] Remove deprecated props (#48020) @siriwatknp
+  - `components`
+  - `componentsProps`
+- [select] Remove deprecated props passed via `MenuProps` (#48021) @siriwatknp
+  - `MenuListProps`
+  - `PaperProps`
+  - `TransitionProps`
+- [slider] Remove deprecated props (#47996) @siriwatknp
+  - `components`
+  - `componentsProps`
+- [speeddial] Remove deprecated props (#47998) @siriwatknp
+  - `TransitionComponent`
+  - `TransitionProps`
+- [speeddialaction] Remove deprecated props (#47998) @siriwatknp
+  - `FabProps`
+  - `tooltipTitle`
+  - `tooltipPlacement`
+  - `tooltipOpen`
+  - `TooltipClasses`
+- [tabs] Remove deprecated props (#48017) @siriwatknp
+  - `ScrollButtonComponent`
+  - `TabIndicatorProps`
+  - `TabScrollButtonProps`
+  - `slots.StartScrollButtonIcon`
+  - `slots.EndScrollButtonIcon`
+- [textfield] Remove deprecated props (#47878) @ZeeshanTamboli
+  - `InputProps`
+  - `inputProps`
+  - `SelectProps`
+  - `InputLabelProps`
+  - `FormHelperTextProps`
+- [tooltip] Remove deprecated props (#47988) @siriwatknp
+  - `components`
+  - `componentsProps`
+  - `PopperComponent`
+  - `PopperProps`
+  - `TransitionComponent`
+  - `TransitionProps`
+- [typography] Remove deprecated prop (#47986) @siriwatknp
+  - `paragraph`
+- [buttonbase] Key handlers should not run on a disabled non-native button (#48003) @mj12albert
+- [tablepagination] Format pagination numbers according to locale (#47803) @siriwatknp
+- [textfield] Use non-native label for `<TextField select/>` (#47958) @mj12albert
+
+Check out the [v9 upgrade guide](https://mui.com/material-ui/migration/upgrade-to-v9/).
+
+#### Changes
+
+- [autocomplete] Optimize selected option lookup (#47953) @anchmelev
+- [buttonbase] Fix native button detection (#47985) @mj12albert
+- [inputbase] Fix test using removed InputProps on TextField (#48000) @siriwatknp
+- [popper] Add missing classes export (#48031) @mj12albert
+- [select] Fix focus visible always set on menu item (#47912) @silviuaavram
+- [slider] Fix focus visible styles incorrectly applied by pointer (#47894) @mj12albert
+- [slider] Accept readonly array for the value prop (#47936) @pcorpet
+
+### `@mui/codemod@9.0.0-alpha.4`
+
+- [codemod] Add slot key rename to `tabs-props` codemod and add to README (#48035) @siriwatknp
+- [codemod] Add card-header-props migration guide (#48005) @siriwatknp
+
+### Docs
+
+- [blog] Lowercase 2026-MUI-X-price-changes blog post URL (#47871) @Janpot
+- [docs] Wide docs layout (#47950) @noraleonte
+- [docs] Mention the list of props removed in upgrade guide (#48010) @silviuaavram
+- [docs] Update Autocomplete deprecated props removal migration guide docs (#47990) @ZeeshanTamboli
+- [docs-infra] Extract shared App component from \_app into @mui/docs (#47933) @brijeshb42
+- [docs-infra] Expose global theme object (#47964) @Janpot
+- [docs][system] Update `styled` API docs for easier understanding (#47957) @olivier-lxo
+
+### Core
+
+- [code-infra] Add pkg-pr-new as dev dependency (#47992) @Janpot
+- [code-infra] Remove CI coverage collection and upload to Codecov (#47930) @Janpot
+- [core] Migrate to ESLint 10 (#47872) @brijeshb42
+- [core] Remove GridLegacy component (#47956) @siriwatknp
+
+All contributors of this release in alphabetical order: @anchmelev, @atharva3333, @brijeshb42, @Janpot, @mj12albert, @noraleonte, @olivier-lxo, @pcorpet, @silviuaavram, @siriwatknp, @ZeeshanTamboli
+
+## 9.0.0-alpha.3
+
+<!-- generated comparing v9.0.0-alpha.2..master -->
+
+_Mar 12, 2026_
+
+A big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
+
+- 📖 A new [Menubar](https://mui.com/material-ui/react-menubar/) component page integrated with [Base UI](https://base-ui.com/react/components/menubar)
+- ♿️ Improved the Roving TabIndex keyboard navigation for the Stepper, Tabs and MenuList components.
+
+### `@mui/material@9.0.0-alpha.3`
+
+- [autocomplete] Add `root` slot (#47852) @GerardasB
+- [autocomplete] Fix popup reopening on window focus regain with openOnFocus (#47790) @aman44444
+- [autocomplete] Support full slots for clearIndicator and popupIndicator (#47891) @silviuaavram
+- [material-ui] Partially revert "[material-ui] Clean up duplicated CSS rules (#47838)" (#47927) @sai6855
+- [stepper][menulist][tabs] Improve accessibility (#47687) @silviuaavram
+
+### Docs
+
+- [docs][codemod] Add v7 migration docs for deprecated Autocomplete APIs and Autocomplete codemod (#47945) @ZeeshanTamboli
+- [docs] Update faq about vendor chunks (#47747) @Janpot
+- [docs] Use direct palette vars in Tailwind v4 snippet (#47940) @Ahmad-Alaziz
+- [docs][menubar] Add Menubar component page (#47616) @siriwatknp
+
+### Core
+
+- [core] Fix the release prepare steps (#47951) @silviuaavram
+- [core] Remove Joy UI code and docs (#47939) @mnajdova
+- [code-infra] Add previously missed export of themeCssVarsAugmentation (#47918) @brijeshb42
+- [docs-infra] Import font module for nextjs transpilation (#47935) @brijeshb42
+- [docs-infra] Migrate simpler modules from docs to mui-docs (#47897) @brijeshb42
+- [test] Fix detached anchorEl elements in tests (#47929) @Janpot
+
+All contributors of this release in alphabetical order: @Ahmad-Alaziz, @aman44444, @brijeshb42, @GerardasB, @Janpot, @mnajdova, @sai6855, @silviuaavram, @siriwatknp, @ZeeshanTamboli
+
 ## 9.0.0-alpha.2
 
 <!-- generated comparing v9.0.0-alpha.1..master -->

package/CodeCopy/CodeCopy.js

@@ -1,17 +1,8 @@
-"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
 });
@@ -25,7 +16,7 @@ const CodeBlockContext = /*#__PURE__*/React.createContext({
  *  <button className="MuiCode-copy">...</button>
  * </div>
  */
-function useCodeCopy() {
+export function useCodeCopy() {
   const rootNode = React.useContext(CodeBlockContext);
   return {
     onMouseEnter: event => {
@@ -49,7 +40,7 @@ function useCodeCopy() {
 }
 function InitCodeCopy() {
   const rootNode = React.useContext(CodeBlockContext);
-  const router = (0, _router.useRouter)();
+  const router = useRouter();
   React.useEffect(() => {
     let key = 'Ctrl + ';
     if (typeof window !== 'undefined') {
@@ -103,7 +94,7 @@ function InitCodeCopy() {
           }, 2000);
           try {
             if (pre.textContent) {
-              await (0, _clipboardCopy.default)(pre.textContent);
+              await clipboardCopy(pre.textContent);
             }
             // eslint-disable-next-line no-empty
           } catch (error) {}
@@ -147,7 +138,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.
  */
-function CodeCopyProvider({
+export function CodeCopyProvider({
   children
 }) {
   const rootNode = React.useRef(null);
@@ -174,8 +165,8 @@ function CodeCopyProvider({
       copyBtn.dataset.gaEventAction = initialEventAction; // reset the 'data-ga-event-action' back to initial
     });
   }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(CodeBlockContext.Provider, {
+  return /*#__PURE__*/_jsxs(CodeBlockContext.Provider, {
     value: rootNode,
-    children: [_InitCodeCopy || (_InitCodeCopy = /*#__PURE__*/(0, _jsxRuntime.jsx)(InitCodeCopy, {})), children]
+    children: [_InitCodeCopy || (_InitCodeCopy = /*#__PURE__*/_jsx(InitCodeCopy, {})), children]
   });
 }

package/CodeCopy/CodeCopyButton.js

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

package/CodeCopy/index.js

@@ -1,40 +1,3 @@
-"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"));
+export * from "./CodeCopy.js";
+export * from "./CodeCopyButton.js";
+export { default as useClipboardCopy } from "./useClipboardCopy.js";

package/CodeCopy/useClipboardCopy.js

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

package/ComponentLinkHeader/ComponentLinkHeader.js

@@ -1,28 +1,20 @@
-"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 _router = require("next/router");
-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 _MarkdownIcon2 = _interopRequireDefault(require("../svgIcons/MarkdownIcon"));
-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 _MarkdownIcon, _ChatRounded, _BundleSizeIcon, _GitHubIcon, _W3CIcon, _MaterialDesignIcon, _li, _li2;
-const Root = (0, _styles.styled)('ul')(({
+import * as React from 'react';
+import { useRouter } from 'next/router';
+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 MarkdownIcon from "../svgIcons/MarkdownIcon.js";
+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')(({
   theme
 }) => ({
   margin: theme.spacing(2, 0),
@@ -50,34 +42,34 @@ const defaultPackageNames = {
   'base-ui': '@mui/base',
   system: '@mui/system'
 };
-function ComponentLinkHeader(props) {
+export function ComponentLinkHeader(props) {
   const {
     markdown: {
       headers
     },
     design
   } = props;
-  const t = (0, _i18n.useTranslate)();
-  const router = (0, _router.useRouter)();
+  const t = useTranslate();
+  const router = useRouter();
   const packageName = headers.packageName ?? defaultPackageNames[headers.productId] ?? '@mui/material';
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
-    children: [packageName === '@mui/material' && /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+  return /*#__PURE__*/_jsxs(Root, {
+    children: [packageName === '@mui/material' && /*#__PURE__*/_jsx("li", {
+      children: /*#__PURE__*/_jsx(Chip, {
         clickable: true,
         role: undefined,
         component: "a",
         size: "small",
         variant: "outlined",
         href: `${router.pathname}.md`,
-        icon: _MarkdownIcon || (_MarkdownIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_MarkdownIcon2.default, {})),
+        icon: _MarkdownIcon || (_MarkdownIcon = /*#__PURE__*/_jsx(MarkdownIcon, {})),
         "data-ga-event-category": "ComponentLinkHeader",
         "data-ga-event-action": "click",
         "data-ga-event-label": "Markdown",
         "data-ga-event-split": "0.1",
         label: "View as Markdown"
       })
-    }), headers.githubLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+    }), headers.githubLabel ? /*#__PURE__*/_jsx("li", {
+      children: /*#__PURE__*/_jsx(Chip, {
         clickable: true,
         role: undefined,
         component: "a",
@@ -85,7 +77,7 @@ function ComponentLinkHeader(props) {
         variant: "outlined",
         rel: "nofollow",
         href: `${process.env.SOURCE_CODE_REPO}/labels/${encodeURIComponent(headers.githubLabel)}`,
-        icon: _ChatRounded || (_ChatRounded = /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatRounded2.default, {
+        icon: _ChatRounded || (_ChatRounded = /*#__PURE__*/_jsx(ChatRounded, {
           color: "primary"
         })),
         "data-ga-event-category": "ComponentLinkHeader",
@@ -94,11 +86,11 @@ function ComponentLinkHeader(props) {
         "data-ga-event-split": "0.1",
         label: t('githubLabel')
       })
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+    }) : null, /*#__PURE__*/_jsx("li", {
+      children: /*#__PURE__*/_jsx(Tooltip, {
         title: t('bundleSizeTooltip'),
         describeChild: true,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+        children: /*#__PURE__*/_jsx(Chip, {
           clickable: true,
           role: undefined,
           component: "a",
@@ -106,7 +98,7 @@ function ComponentLinkHeader(props) {
           variant: "outlined",
           rel: "nofollow",
           href: `https://bundlephobia.com/package/${packageName}@latest`,
-          icon: _BundleSizeIcon || (_BundleSizeIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_BundleSizeIcon2.default, {
+          icon: _BundleSizeIcon || (_BundleSizeIcon = /*#__PURE__*/_jsx(BundleSizeIcon, {
             color: "primary"
           })),
           "data-ga-event-category": "ComponentLinkHeader",
@@ -116,8 +108,8 @@ function ComponentLinkHeader(props) {
           label: t('bundleSize')
         })
       })
-    }), headers.githubSource ? /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+    }), headers.githubSource ? /*#__PURE__*/_jsx("li", {
+      children: /*#__PURE__*/_jsx(Chip, {
         clickable: true,
         role: undefined,
         component: "a",
@@ -125,15 +117,15 @@ 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__*/(0, _jsxRuntime.jsx)(_GitHub.default, {})),
+        icon: _GitHubIcon || (_GitHubIcon = /*#__PURE__*/_jsx(GitHubIcon, {})),
         "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__*/(0, _jsxRuntime.jsx)("li", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+    }) : null, headers.waiAria ? /*#__PURE__*/_jsx("li", {
+      children: /*#__PURE__*/_jsx(Chip, {
         clickable: true,
         role: undefined,
         component: "a",
@@ -141,7 +133,7 @@ function ComponentLinkHeader(props) {
         variant: "outlined",
         rel: "nofollow",
         href: headers.waiAria,
-        icon: _W3CIcon || (_W3CIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_W3CIcon2.default, {
+        icon: _W3CIcon || (_W3CIcon = /*#__PURE__*/_jsx(W3CIcon, {
           color: "primary"
         })),
         "data-ga-event-category": "ComponentLinkHeader",
@@ -150,8 +142,8 @@ function ComponentLinkHeader(props) {
         "data-ga-event-split": "0.1",
         label: "WAI-ARIA"
       })
-    }) : null, headers.materialDesign ? /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+    }) : null, headers.materialDesign ? /*#__PURE__*/_jsx("li", {
+      children: /*#__PURE__*/_jsx(Chip, {
         clickable: true,
         role: undefined,
         component: "a",
@@ -159,16 +151,16 @@ function ComponentLinkHeader(props) {
         variant: "outlined",
         rel: "nofollow",
         href: headers.materialDesign,
-        icon: _MaterialDesignIcon || (_MaterialDesignIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_MaterialDesignIcon2.default, {})),
+        icon: _MaterialDesignIcon || (_MaterialDesignIcon = /*#__PURE__*/_jsx(MaterialDesignIcon, {})),
         "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__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-      children: [_li || (_li = /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+    }) : null, design === false ? null : /*#__PURE__*/_jsxs(React.Fragment, {
+      children: [_li || (_li = /*#__PURE__*/_jsx("li", {
+        children: /*#__PURE__*/_jsx(Chip, {
           clickable: true,
           role: undefined,
           component: "a",
@@ -176,15 +168,15 @@ 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__*/(0, _jsxRuntime.jsx)(_FigmaIcon.default, {}),
+          icon: /*#__PURE__*/_jsx(FigmaIcon, {}),
           "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__*/(0, _jsxRuntime.jsx)("li", {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+      })), packageName === '@mui/joy' ? null : _li2 || (_li2 = /*#__PURE__*/_jsx("li", {
+        children: /*#__PURE__*/_jsx(Chip, {
           clickable: true,
           role: undefined,
           component: "a",
@@ -192,7 +184,7 @@ 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__*/(0, _jsxRuntime.jsx)(_SketchIcon.default, {}),
+          icon: /*#__PURE__*/_jsx(SketchIcon, {}),
           "data-ga-event-category": "ComponentLinkHeader",
           "data-ga-event-action": "click",
           "data-ga-event-label": "Sketch",

package/ComponentLinkHeader/index.js

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