@mui/docs 7.3.1 → 7.3.3

package/Ad/Ad.js

@@ -64,22 +64,26 @@ const inHouseAds = [{
   name: 'templates',
   link: 'https://mui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=in-house-templates',
   img: '/static/ads-in-house/themes-2.jpg',
-  description: '<b>Premium Templates</b>. Start your project with the best templates for admins, dashboards, and more.'
+  descriptionHeader: 'Premium Templates',
+  description: 'Start your project with the best templates for admins, dashboards, and more.'
 }, {
   name: 'themes',
   link: 'https://mui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=in-house-themes',
   img: '/static/ads-in-house/themes.png',
-  description: '<b>Premium Themes</b>. Kickstart your application development with a ready-made theme.'
+  descriptionHeader: 'Premium Themes',
+  description: 'Kickstart your application development with a ready-made theme.'
 }, {
   name: 'tidelift',
   link: 'https://tidelift.com/?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=enterprise&utm_content=ad',
   img: '/static/ads-in-house/tidelift.png',
-  description: '<b>MUI for enterprise</b>. Save time and reduce risk. Managed open source — backed by maintainers.'
+  descriptionHeader: 'MUI for enterprise',
+  description: 'Save time and reduce risk. Managed open source — backed by maintainers.'
 }, {
   name: 'figma',
   link: 'https://mui.com/store/items/figma-react/?utm_source=docs&utm_medium=referral&utm_campaign=in-house-figma',
   img: '/static/ads-in-house/figma.png',
-  description: '<b>For Figma</b>. A large UI kit with over 600 handcrafted Material UI, MUI X, Joy UI components 🎨.'
+  descriptionHeader: 'For Figma',
+  description: 'A large UI kit with over 600 handcrafted Material UI, MUI X, Joy UI components 🎨.'
 }];
 class AdErrorBoundary extends React.Component {
   state = {

package/Ad/AdCarbon.js

@@ -117,7 +117,8 @@ function AdCarbonInline() {
         link: ad.statlink,
         img: ad.image,
         name: ad.company,
-        description: `<strong>${ad.company}</strong> - ${ad.description}`,
+        descriptionHeader: ad.company,
+        description: ad.description,
         poweredby: 'Carbon',
         label: 'carbon-demo-inline'
       }

package/Ad/AdDisplay.d.ts

@@ -3,6 +3,7 @@ export interface AdParameters {
   name: string;
   link: string;
   img?: string;
+  descriptionHeader: string;
   description: string;
   poweredby: string;
   label: string;

package/Ad/AdDisplay.js

@@ -60,8 +60,6 @@ function AdDisplay(props) {
   }, [GADisplayRatio, ad.label]);
   const shape = shapeProp === 'auto' ? _AdManager.adShape : shapeProp;
   const Root = shape === 'image' ? ImageShape : InlineShape;
-
-  /* eslint-disable react/no-danger */
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
     className: className,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("a", {
@@ -81,16 +79,15 @@ function AdDisplay(props) {
           src: ad.img,
           alt: ad.name
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
         className: "AdDisplay-description",
-        dangerouslySetInnerHTML: {
-          __html: ad.description
-        }
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
+          children: ad.descriptionHeader
+        }), " - ", ad.description]
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: "AdDisplay-poweredby",
       children: t('adPublisher').replace('{{publisher}}', ad.poweredby)
     })]
   });
-  /* eslint-enable react/no-danger */
 }

package/CHANGELOG.md

@@ -1,5 +1,154 @@
 # [Versions](https://mui.com/versions/)
 
+## 7.3.3
+
+<!-- generated comparing v7.3.2..master -->
+
+_Sep 30, 2025_
+
+A big thanks to the 14 contributors who made this release possible.
+
+### `@mui/material@7.3.3`
+
+- [Autocomplete] Sync highlighted index when popup is opened (#46894) @ZeeshanTamboli
+- [CircularProgress] Add track slot via enableTrackSlot (#46907) @monam2
+- [locale] Split locales into separate files (#46933) @christopherschroer
+- [Tabs] Fix not scrolling to correct tab after refresh when auto scrollable (#46869) @Jayesh-11
+
+### Docs
+
+- Add a guide for building extensible themes (#46896) @siriwatknp
+- Add v7 community course to resources page (#46944) @alelthomas
+- Improve performance of Default Theme Viewer (#46841) @sai6855
+- Fix typo in blog component MainContent (#46868) @jonyen
+- [Steppers] Replace TransitionProps with slotProps.transition (#46898) @sai6855
+
+### Core
+
+- [blog] Fix year in Punta Cana retreat post (#46943) @mapache-salvaje
+- [blog] Punta Cana retreat post (#46892) @mapache-salvaje
+- [code-infra] Publish from CI (#46851) @Janpot
+- [code-infra] Convert reportBrokenLink script to ts (#47002) @brijeshb42
+- [code-infra] Update module resolution for typescript@next (#46940) @Janpot
+- [code-infra] Run continuous releases during ci-check (#46948) @Janpot
+- [code-infra] Fix github actions check for continuous release (#46941) @Janpot
+- [code-infra] Address high/critical dependabot reports (#46937) @Janpot
+- [code-infra] Update ci.yml triggers (#46860) @Janpot
+- [code-infra] Exact match for renovate file name (#46916) @Janpot
+- [code-infra] Disable dependency update for `@material-ui/core` in codemod (#46899) @Janpot
+- [code-infra] Transpile `assertion-error` in karma tests (#46909) @Janpot
+- [code-infra] Disable browserstack on circleci cron jobs (#46905) @Janpot
+- [code-infra] Remove `copy-files` command usage from packages (#46902) @brijeshb42
+- [code-infra] Low-hanging ts conversion (#46903) @Janpot
+- [code-infra] Bring batch of changes from vitest PR (#46795) @Janpot
+- [code-infra] Remove dependency on `fs-extra` (#46755) @bernardobelchior
+- [code-infra] Make error code extraction independent of build (#46865) @brijeshb42
+- [docs-infra] Fix markdown generation script to find correct files (#46954) @siriwatknp
+- [docs-infra] Fix unnecessary redirects (#46951) @Janpot
+- [docs-infra] Remove `dangerouslySetInnerHTML` for ad description (#46936) @Janpot
+- [docs-infra] Display "View as Markdown" only on Material UI (#46861) @siriwatknp
+- [infra] Fix JSON files not being imported in TS demos (#47000) @bernardobelchior
+- [infra] Turn `literal | (string & {})` to `PropTypes.string` (#46934) @siriwatknp
+- [infra] Bump node.js version and make local usage strict (#46834) @brijeshb42
+- [infra] Remove "main" fields from publishable packages (#46856) @brijeshb42
+- [internal] Refactor `useForkRef` TS types: tighten `cleanupRef` and simplify ref typing (#46967) @wo-o29
+- [internal] Fix naming to match convention (2099cb0) @oliviertassinari
+- [internal] Fix naming to match convention (29aad62) @oliviertassinari
+- [internal] Use same option as other repositories (eabda77) @oliviertassinari
+- [internal] Normalize <meta name='viewport' (9d1922a) @oliviertassinari
+- [internal] Normalize charset='utf-8' (f1aae00) @oliviertassinari
+- [test] Split infinitive (0237fda) @oliviertassinari
+
+All contributors of this release in alphabetical order: @alelthomas, @bernardobelchior, @brijeshb42, @christopherschroer, @Janpot, @Jayesh-11, @jonyen, @mapache-salvaje, @monam2, @oliviertassinari, @sai6855, @siriwatknp, @wo-o29, @ZeeshanTamboli
+
+## 7.3.2
+
+<!-- generated comparing v7.3.1..master -->
+
+_Sep 1, 2025_
+
+A big thanks to the 16 contributors who made this release possible.
+
+### `@mui/material@7.3.2`
+
+- [Chip] Remove unnecessary optional chaining from key event handlers (#46752) @ZeeshanTamboli
+- [Drawer] Add dialog role and aria-modal for `temporary` variant (#46690) @Yashkanekar
+- [PaginationItem] Add slot descriptions and default components in API documentation (#46677) @sai6855
+- [utils] Remove duplicate isHostComponent function (#46721) @frontman-git
+
+### `@mui/codemod@7.3.2`
+
+- Add codemod to convert top-level to path imports (#46657) @neemski
+
+### Docs
+
+- Remove outdated Next.js lint command (#46847) @oliviertassinari
+- Add `View as Markdown` to component link header (#46835) @siriwatknp
+- Add a link to open `llms.txt` (#46832) @siriwatknp
+- Fix typos in Material UI API docs (#46787) @noritaka1166
+- Fix typo extra "to" word (#46783) @danpeleg4
+- Remove past employees from about page (#46780) @Janpot
+- Fix typos in `docs/pages` folder (#46761) @noritaka1166
+- Add clarification on `react-is` resolution with Material UI v6 and v7 for React 18 and below (#46633) @alisasanib
+- Fix typos in `joy` and `utils` package (#46713) @noritaka1166
+- [autocomplete] Fix console in unstyled demo (#46804) @oliviertassinari
+- [autocomplete] Fix Google Maps brand attribution (#46803) @oliviertassinari
+- [autocomplete] Fix header sentence case (#46805) @oliviertassinari
+- [autocomplete] Fix Google Maps demo (#46793) @oliviertassinari
+- [Select] Fix labeling issues in grouped select demo (#46722) @mj12albert
+- [table] Remove outdated unstyled section (#46786) @mj12albert
+- [TextField] Add note about removal of `sizeMedium` class from InputLabel in v7 upgrade guide (#46693) @checcoux
+
+### Core
+
+- Update `cipher-base` transitive dependency (#46800) @Janpot
+- [charts] Marked Treemap chart as Pro (#46691) @prakhargupta1
+- [code-infra] Remove some csbci references (#46797) @Janpot
+- [code-infra] update build tool (#46801) @Janpot
+- [code-infra] Align pkg.pr.new with other projects (#46467) @Janpot
+- [code-infra] Prepare for incoming `execa` update (#46781) @Janpot
+- [code-infra] Remove `@mui/internal-babel-plugin-resolve-imports` override config (#46754) @ZeeshanTamboli
+- [core] Fix typo in `docs/mui-vale` folder (#46760) @noritaka1166
+- [core] Fix typos in `docs/data/material` folder (#46757) @noritaka1166
+- [core] Fix typos in `netlify` folder (#46756) @noritaka1166
+- [core] Upgrade brace-expansion (#46747) @oliviertassinari
+- [core] Fix typos in Joy UI docs and `test` folder (#46738) @noritaka1166
+- [core] Upgrade KaTeX (#46731) @oliviertassinari
+- [core] Avoid Polynomial regex backtracking (#46732) @oliviertassinari
+- [core] Remove dead @toolpad/core dependency (#46730) @oliviertassinari
+- [core] Fix typos in `markdown` and `system` packages (#46720) @noritaka1166
+- [core] Fix typos in `api-docs-builder` package (#46719) @noritaka1166
+- [core] Fix typos in `codemod` package (#46715) @noritaka1166
+- [core] pnpm prettier:all (#46685) @oliviertassinari
+- [docs-infra] Set origin to generated `llms.txt` (#46833) @siriwatknp
+- [docs-infra] Fix AbortController error (#46408) @oliviertassinari
+- [docs-infra] Block than more feedback submissions (#46824) @oliviertassinari
+- [docs-infra] Fix ESLint references (#46680) @oliviertassinari
+- [infra] Migrate away from airbnb's eslint config (#46794) @brijeshb42
+- [infra] Remove `fs-extra` from docs scripts (#46749) @bernardobelchior
+- [infra] Remove dependency on `react-spring` (but keep `@react-spring/web`) (#46748) @bernardobelchior
+- [infra] Remove `fs-extra` from `mui-icons-material` (#46745) @bernardobelchior
+- [infra] Remove `api-docs-builder` dependency on `fs-extra` (#46742) @bernardobelchior
+- [infra] Migrate build command to code-infra (#46614) @brijeshb42
+- [infra] move testBuiltTypes step (#46735) @Janpot
+- [infra] Remove `fs-extra` from `netlify-plugin-cache-docs` (#46740) @bernardobelchior
+- [infra] Supply `document` to `userEvent.setup()` (#46714) @Janpot
+- [infra] Remove useless test step (#46679) @Janpot
+- [infra] Stagger daily cron jobs to avoid browserstack timeouts (#46676) @Janpot
+- [internal] Improve useControlled() strict mode handling (#46807) @oliviertassinari
+- [internal] Sentence case (55a9d8f) @oliviertassinari
+- [internal] Fix typos in code comments (#46784) @noritaka1166
+- [internal] Fix console regression in dev mode (925f02b) @oliviertassinari
+- [internal] Prettier all if dependencies changes (1f63b03) @oliviertassinari
+- [internal] Fix renovate.json (84be632) @oliviertassinari
+- [internal] Polish renovate schedule (#46727) @oliviertassinari
+- [internal] Update link to GitHub labels (8ab4813) @oliviertassinari
+- [internal] Bump brace-expansion (06de338) @oliviertassinari
+- [internal] Normalize Action description (4a2fbcb) @oliviertassinari
+- [toolpad] Remove it from website and docs (#46595) @prakhargupta1
+
+All contributors of this release in alphabetical order: @alisasanib, @bernardobelchior, @brijeshb42, @checcoux, @danpeleg4, @frontman-git, @Janpot, @mj12albert, @neemski, @noritaka1166, @oliviertassinari, @prakhargupta1, @sai6855, @siriwatknp, @Yashkanekar, @ZeeshanTamboli
+
 ## 7.3.1
 
 <!-- generated comparing v7.3.0..master -->
@@ -71,7 +220,7 @@ A big thanks to the 24 contributors who made this release possible. Here are som
 - Fix unpinned version regression (#46438) @oliviertassinari
 - [code-infra] Accomodate build requirements from mui-x (#46551) @brijeshb42
 - [code-infra] Extend renovate preset from infra repo (#46483) @brijeshb42
-- [code-infra] Use flat eslint config (#46258) @brijeshb42
+- [code-infra] Use flat ESLint config (#46258) @brijeshb42
 - [docs-infra] Remove comment saving in G-sheet option (#46617) @alexfauquette
 - [docs-infra] Move `Open in MUI Chat` to Demo toolbar and adjust styles (#46579) @siriwatknp
 - [docs-infra] Fix codeblock issues (#46323) @atharva3333
@@ -143,11 +292,11 @@ A big thanks to the 17 contributors who made this release possible. Here are the
 ### Core
 
 - pnpm docs:sync-team (3641a0b) @oliviertassinari
-- Add cross-env to eslint script (#46358) @ZeeshanTamboli
+- Add cross-env to ESLint script (#46358) @ZeeshanTamboli
 - Support merging of className and style from theme (#45975) @sai6855
 - [code-infra] Create bundle size package (#45911) @Janpot
 - [docs-infra] Add a script to generate Material UI `llms.txt` and docs markdown. (#46308) @siriwatknp
-- [docs-infra] Fix stackblitz for js projects (#46220) @Janpot
+- [docs-infra] Fix StackBlitz for js projects (#46220) @Janpot
 - [infra] Add emotion as external for bundle monitor (#46372) @Janpot
 - [infra] Create update PR on every canary publish for internal packages (#46367) @Janpot
 - [infra] Remove deprecated esmExternals (#46365) @Janpot
@@ -225,7 +374,7 @@ A big thanks to the 15 contributors who made this release possible.
 ### Core
 
 - [code-infra] Add plugin to check for index file access (#46178) @Janpot
-- [code-infra] Bump eslint to v9 (#46222) @brijeshb42
+- [code-infra] Bump ESLint to v9 (#46222) @brijeshb42
 - [code-infra] Move packages to mui/mui-public (#46155) @Janpot
 - [code-infra] Move `chai` to peerDep (#46227) @JCQuintas
 - [code-infra] Avoid loading barrel file during type checking (#46177) @Janpot

package/ComponentLinkHeader/ComponentLinkHeader.js

@@ -7,11 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 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"));
@@ -19,7 +21,7 @@ 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;
+var _MarkdownIcon, _ChatRounded, _BundleSizeIcon, _GitHubIcon, _W3CIcon, _MaterialDesignIcon, _li, _li2;
 const Root = (0, _styles.styled)('ul')(({
   theme
 }) => ({
@@ -57,9 +59,25 @@ function ComponentLinkHeader(props) {
     design
   } = props;
   const t = (0, _i18n.useTranslate)();
+  const router = (0, _router.useRouter)();
   const packageName = headers.packageName ?? defaultPackageNames[headers.productId] ?? '@mui/material';
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
-    children: [headers.githubLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+    children: [packageName === '@mui/material' && /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+        clickable: true,
+        role: undefined,
+        component: "a",
+        size: "small",
+        variant: "outlined",
+        href: `${router.pathname}.md`,
+        icon: _MarkdownIcon || (_MarkdownIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_MarkdownIcon2.default, {})),
+        "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, {
         clickable: true,
         role: undefined,

package/esm/Ad/Ad.js

@@ -55,22 +55,26 @@ const inHouseAds = [{
   name: 'templates',
   link: 'https://mui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=in-house-templates',
   img: '/static/ads-in-house/themes-2.jpg',
-  description: '<b>Premium Templates</b>. Start your project with the best templates for admins, dashboards, and more.'
+  descriptionHeader: 'Premium Templates',
+  description: 'Start your project with the best templates for admins, dashboards, and more.'
 }, {
   name: 'themes',
   link: 'https://mui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=in-house-themes',
   img: '/static/ads-in-house/themes.png',
-  description: '<b>Premium Themes</b>. Kickstart your application development with a ready-made theme.'
+  descriptionHeader: 'Premium Themes',
+  description: 'Kickstart your application development with a ready-made theme.'
 }, {
   name: 'tidelift',
   link: 'https://tidelift.com/?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=enterprise&utm_content=ad',
   img: '/static/ads-in-house/tidelift.png',
-  description: '<b>MUI for enterprise</b>. Save time and reduce risk. Managed open source — backed by maintainers.'
+  descriptionHeader: 'MUI for enterprise',
+  description: 'Save time and reduce risk. Managed open source — backed by maintainers.'
 }, {
   name: 'figma',
   link: 'https://mui.com/store/items/figma-react/?utm_source=docs&utm_medium=referral&utm_campaign=in-house-figma',
   img: '/static/ads-in-house/figma.png',
-  description: '<b>For Figma</b>. A large UI kit with over 600 handcrafted Material UI, MUI X, Joy UI components 🎨.'
+  descriptionHeader: 'For Figma',
+  description: 'A large UI kit with over 600 handcrafted Material UI, MUI X, Joy UI components 🎨.'
 }];
 class AdErrorBoundary extends React.Component {
   state = {

package/esm/Ad/AdCarbon.js

@@ -108,7 +108,8 @@ export function AdCarbonInline() {
         link: ad.statlink,
         img: ad.image,
         name: ad.company,
-        description: `<strong>${ad.company}</strong> - ${ad.description}`,
+        descriptionHeader: ad.company,
+        description: ad.description,
         poweredby: 'Carbon',
         label: 'carbon-demo-inline'
       }

package/esm/Ad/AdDisplay.d.ts

@@ -3,6 +3,7 @@ export interface AdParameters {
   name: string;
   link: string;
   img?: string;
+  descriptionHeader: string;
   description: string;
   poweredby: string;
   label: string;

package/esm/Ad/AdDisplay.js

@@ -53,8 +53,6 @@ export default function AdDisplay(props) {
   }, [GADisplayRatio, ad.label]);
   const shape = shapeProp === 'auto' ? adShape : shapeProp;
   const Root = shape === 'image' ? ImageShape : InlineShape;
-
-  /* eslint-disable react/no-danger */
   return /*#__PURE__*/_jsxs(Root, {
     className: className,
     children: [/*#__PURE__*/_jsxs("a", {
@@ -74,16 +72,15 @@ export default function AdDisplay(props) {
           src: ad.img,
           alt: ad.name
         })
-      }), /*#__PURE__*/_jsx("span", {
+      }), /*#__PURE__*/_jsxs("span", {
         className: "AdDisplay-description",
-        dangerouslySetInnerHTML: {
-          __html: ad.description
-        }
+        children: [/*#__PURE__*/_jsx("strong", {
+          children: ad.descriptionHeader
+        }), " - ", ad.description]
       })]
     }), /*#__PURE__*/_jsx("span", {
       className: "AdDisplay-poweredby",
       children: t('adPublisher').replace('{{publisher}}', ad.poweredby)
     })]
   });
-  /* eslint-enable react/no-danger */
 }

package/esm/ComponentLinkHeader/ComponentLinkHeader.js

@@ -1,10 +1,12 @@
-var _ChatRounded, _BundleSizeIcon, _GitHubIcon, _W3CIcon, _MaterialDesignIcon, _li, _li2;
+var _MarkdownIcon, _ChatRounded, _BundleSizeIcon, _GitHubIcon, _W3CIcon, _MaterialDesignIcon, _li, _li2;
 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";
@@ -49,9 +51,25 @@ export function ComponentLinkHeader(props) {
     design
   } = props;
   const t = useTranslate();
+  const router = useRouter();
   const packageName = headers.packageName ?? defaultPackageNames[headers.productId] ?? '@mui/material';
   return /*#__PURE__*/_jsxs(Root, {
-    children: [headers.githubLabel ? /*#__PURE__*/_jsx("li", {
+    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__*/_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__*/_jsx("li", {
       children: /*#__PURE__*/_jsx(Chip, {
         clickable: true,
         role: undefined,

package/esm/package.json

@@ -1 +1 @@
-{"type":"module"}
+{"type":"module","sideEffects":false}

package/esm/svgIcons/MarkdownIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { SvgIconProps } from '@mui/material/SvgIcon';
+export default function MarkdownIcon(props: SvgIconProps): React.JSX.Element;

package/esm/svgIcons/MarkdownIcon.js

@@ -0,0 +1,23 @@
+var _svg;
+import * as React from 'react';
+import SvgIcon from '@mui/material/SvgIcon';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function MarkdownIcon(props) {
+  return /*#__PURE__*/_jsx(SvgIcon, {
+    ...props,
+    children: _svg || (_svg = /*#__PURE__*/_jsxs("svg", {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: [/*#__PURE__*/_jsx("title", {
+        children: "Markdown"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M22.269 19.385H1.731a1.73 1.73 0 0 1-1.73-1.73V6.345a1.73 1.73 0 0 1 1.73-1.73h20.538a1.73 1.73 0 0 1 1.73 1.73v11.308a1.73 1.73 0 0 1-1.73 1.731zm-16.5-3.462v-4.5l2.308 2.885 2.307-2.885v4.5h2.308V8.078h-2.308l-2.307 2.885-2.308-2.885H3.461v7.847zM21.231 12h-2.308V8.077h-2.307V12h-2.308l3.461 4.039z",
+        fill: "currentColor"
+      })]
+    }))
+  });
+}

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "@mui/docs",
-  "version": "7.3.1",
+  "version": "7.3.3",
   "author": "MUI Team",
   "description": "MUI Docs - Documentation building blocks.",
-  "main": "./index.js",
   "keywords": [
     "react",
     "react-component",
@@ -22,20 +21,20 @@
   },
   "homepage": "https://github.com/mui/material-ui/tree/master/packages/mui-docs",
   "dependencies": {
-    "@babel/runtime": "^7.28.2",
+    "@babel/runtime": "^7.28.4",
     "clipboard-copy": "^4.0.1",
     "clsx": "^2.1.1",
     "nprogress": "^0.2.0",
     "prop-types": "^15.8.1",
-    "@mui/internal-markdown": "^2.0.9"
+    "@mui/internal-markdown": "^2.0.11"
   },
   "peerDependencies": {
-    "@mui/base": "*",
+    "@mui/base": "^5.0.0 || ^5.0.0-beta || ^7.0.0 || ^7.0.0-beta",
     "@mui/icons-material": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^7.0.0-beta",
     "@mui/material": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^7.0.0-beta",
     "@mui/system": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^7.0.0-beta",
     "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "chai": "^4.5.0",
+    "chai": "^6.0.1",
     "csstype": "^3.1.3",
     "next": "^13.5.1 || ^14 || ^15.0.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
@@ -51,30 +50,19 @@
   "engines": {
     "node": ">=14.0.0"
   },
-  "private": false,
+  "type": "commonjs",
   "exports": {
     "./package.json": "./package.json",
-    ".": {
-      "require": {
-        "types": "./index.d.ts",
-        "default": "./index.js"
-      },
-      "import": {
-        "types": "./esm/index.d.ts",
-        "default": "./esm/index.js"
-      }
-    },
     "./*": {
       "require": {
         "types": "./*/index.d.ts",
         "default": "./*/index.js"
       },
-      "import": {
+      "default": {
         "types": "./esm/*/index.d.ts",
         "default": "./esm/*/index.js"
       }
     },
-    "./esm": null,
-    "./modern": null
+    "./esm": null
   }
 }

package/svgIcons/MarkdownIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { SvgIconProps } from '@mui/material/SvgIcon';
+export default function MarkdownIcon(props: SvgIconProps): React.JSX.Element;

package/svgIcons/MarkdownIcon.js

@@ -0,0 +1,31 @@
+"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.default = MarkdownIcon;
+var React = _interopRequireWildcard(require("react"));
+var _SvgIcon = _interopRequireDefault(require("@mui/material/SvgIcon"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _svg;
+function MarkdownIcon(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SvgIcon.default, {
+    ...props,
+    children: _svg || (_svg = /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
+        children: "Markdown"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M22.269 19.385H1.731a1.73 1.73 0 0 1-1.73-1.73V6.345a1.73 1.73 0 0 1 1.73-1.73h20.538a1.73 1.73 0 0 1 1.73 1.73v11.308a1.73 1.73 0 0 1-1.73 1.731zm-16.5-3.462v-4.5l2.308 2.885 2.307-2.885v4.5h2.308V8.078h-2.308l-2.307 2.885-2.308-2.885H3.461v7.847zM21.231 12h-2.308V8.077h-2.307V12h-2.308l3.461 4.039z",
+        fill: "currentColor"
+      })]
+    }))
+  });
+}

package/modern/translations/translations.json

@@ -1,223 +0,0 @@
-{
-  "adblock": "If you don't mind tech-related ads (no tracking or remarketing), and want to keep us running, please whitelist us in your blocker.",
-  "adPublisher": "ad by {{publisher}}",
-  "aiCustomizeDemo": "Want to customize this?",
-  "aiChatFailed": "Failed to open MUI Chat",
-  "api-docs": {
-    "componentName": "Component name",
-    "componentsApi": "Components API",
-    "themeDefaultProps": "Theme default props",
-    "themeDefaultPropsDescription": "You can use <code>{{muiName}}</code> to change the default props of this component <a href={{defaultPropsLink}}>with the theme</a>.",
-    "classes": "CSS classes",
-    "classesDescription": "These class names are useful for styling with CSS. They are applied to the component's slots when specific states are triggered.",
-    "className": "Class name",
-    "cssDescription": "The following class names are useful for styling with CSS (the <a href=\"/material-ui/customization/how-to-customize/#state-classes\">state classes</a> are marked). <br /> To learn more, visit the <a href=\"/material-ui/customization/theme-components/\">component customization</a> page.",
-    "css": "CSS",
-    "cssComponent": "As a CSS utility, the {{name}} component also supports all <a href=\"/system/properties/\"><code>system</code></a> properties. You can use them as props directly on the component.",
-    "default": "Default",
-    "defaultComponent": "Default component",
-    "defaultValue": "Default value",
-    "defaultHTMLTag": "Default HTML tag",
-    "defaultDeprecationMessage": "This API is deprecated.",
-    "demos": "Demos",
-    "deprecated": "Deprecated",
-    "description": "Description",
-    "globalClass": "Global class",
-    "defaultClass": "Default class",
-    "hookName": "Hook name",
-    "hooksApi": "Hooks API",
-    "hooksNoParameters": "This hook does not accept any input parameters.",
-    "hooksPageDescription": "API reference docs for the {{name}} hook. Learn about the input parameters and other APIs of this exported module.",
-    "import": "Import",
-    "importDifference": "Learn about the difference by <a href=\"/material-ui/guides/minimizing-bundle-size/\">reading this guide on minimizing bundle size</a>.",
-    "inheritance": "Inheritance",
-    "inheritanceDescription": "While not explicitly documented above, the props of the <a href=\"{{pathname}}\">{{component}}</a> component{{suffix}} are also available in {{name}}. You can take advantage of this to <a href=\"/material-ui/guides/api/#spread\">target nested components</a>.",
-    "inheritanceSuffixTransition": " from react-transition-group",
-    "name": "Name",
-    "nativeElement": "native",
-    "overrideStyles": "You can override the style of the component using one of these customization options:\n",
-    "overrideStylesStyledComponent": "<ul>\n<li>With a <a href=\"/material-ui/integrations/interoperability/#global-css\">global class name</a>.</li>\n<li>With a rule name as part of the component's <a href=\"{{styleOverridesLink}}\"><code>styleOverrides</code> property</a> in a custom theme.</li>\n</ul>",
-    "pageDescription": "API reference docs for the React {{name}} component. Learn about the props, CSS, and other APIs of this exported module.",
-    "props": "Props",
-    "properties": "Properties",
-    "parameters": "Parameters",
-    "requires-ref": "This <a href=\"/material-ui/guides/composition/#caveat-with-refs\">needs to be able to hold a ref</a>.",
-    "returns": "Returns: ",
-    "returnValue": "Return value",
-    "refNotHeld": "The component cannot hold a ref.",
-    "refRootElement": "The <code>ref</code> is forwarded to the root element.",
-    "ruleName": "Rule name",
-    "seeSourceCode": "If you did not find the information in this page, consider having a look at the <a href=\"{{href}}\">implementation of the component</a> for more detail.",
-    "signature": "Signature",
-    "slots": "Slots",
-    "spreadHint": "Props of the {{spreadHintElement}} component are also available.",
-    "state": "STATE",
-    "styleOverrides": "The name <code>{{componentStyles.name}}</code> can be used when providing <a href={{defaultPropsLink}}>default props</a> or <a href={{styleOverridesLink}}>style overrides</a> in the theme.",
-    "slotDescription": "To learn how to customize the slot, check out the <a href={{slotGuideLink}}>Overriding component structure</a> guide.",
-    "slotName": "Slot name",
-    "source-code": "Source code",
-    "type": "Type",
-    "required": "Required",
-    "optional": "Optional",
-    "additional-info": {
-      "cssApi": "See <a href='#classes'>CSS classes API</a> below for more details.",
-      "sx": "See the <a href='/system/getting-started/the-sx-prop/'>`sx` page</a> for more details.",
-      "slotsApi": "See <a href='#slots'>Slots API</a> below for more details.",
-      "joy-size": "To learn how to add custom sizes to the component, check out <a href='/joy-ui/customization/themed-components/#extend-sizes'>Themed components—Extend sizes</a>.",
-      "joy-color": "To learn how to add your own colors, check out <a href='/joy-ui/customization/themed-components/#extend-colors'>Themed components—Extend colors</a>.",
-      "joy-variant": "To learn how to add your own variants, check out <a href='/joy-ui/customization/themed-components/#extend-variants'>Themed components—Extend variants</a>."
-    }
-  },
-  "marketingPageDescr": "A responsive marketing page layout with sections for product features, testimonials, pricing, and FAQs.",
-  "marketingPageTitle": "Marketing page",
-  "searchButton": "Search…",
-  "algoliaSearch": "What are you looking for?",
-  "appFrame": {
-    "changeLanguage": "Change language",
-    "github": "GitHub repository",
-    "helpToTranslate": "Help to translate",
-    "openDrawer": "Open main navigation",
-    "skipToContent": "Skip to content",
-    "toggleSettings": "Toggle settings drawer"
-  },
-  "backToTop": "Scroll back to top",
-  "backToOpenRoles": "Back to open roles",
-  "blogDescr": "A sleek, modern blog homepage layout with Markdown support via markdown-to-jsx.",
-  "blogTitle": "Blog",
-  "bundleSize": "Bundle size",
-  "bundleSizeTooltip": "Scroll down to 'Exports Analysis' for a more detailed report.",
-  "cancel": "Cancel",
-  "cdn": "or use a CDN.",
-  "checkoutDescr": "A sophisticated checkout flow with fully customizable steps.",
-  "checkoutTitle": "Checkout",
-  "clickToCopy": "Click to copy",
-  "close": "Close",
-  "codesandbox": "Edit in CodeSandbox",
-  "copied": "Copied",
-  "copiedSource": "The source code has been copied to your clipboard.",
-  "copiedSourceLink": "Link to the source code has been copied to your clipboard.",
-  "copySource": "Copy the source",
-  "copySourceLinkJS": "Copy link to JavaScript source",
-  "copySourceLinkTS": "Copy link to TypeScript source",
-  "dashboardDescr": "A complex data visualization dashboard featuring the MUI X Data Grid and Charts.",
-  "dashboardTitle": "Dashboard",
-  "decreaseSpacing": "decrease spacing",
-  "demoToolbarLabel": "demo source",
-  "demoStylingSelectSystem": "MUI System",
-  "demoStylingSelectTailwind": "Tailwind CSS",
-  "demoStylingSelectCSS": "Plain CSS",
-  "diamondSponsors": "Diamond sponsors",
-  "becomeADiamondSponsor": "Become a Diamond sponsor",
-  "diamondSponsorVacancies": "One spot left!",
-  "editorHint": "Press <kbd>Enter</kbd> to start editing",
-  "editPage": "Edit this page",
-  "emojiLove": "Love",
-  "emojiWarning": "Warning",
-  "expandAll": "Expand all",
-  "feedbackCommentLabel": "Comment",
-  "feedbackFailed": "Couldn't submit feedback. Please try again later.",
-  "feedbackMessage": "Was this page helpful?",
-  "feedbackMessageDown": "How can we improve this page? (optional)",
-  "feedbackMessageUp": "What did you like about this page? (optional)",
-  "feedbackSectionSpecific": "How can we improve the <strong>{{sectionName}}</strong> section? (optional)",
-  "feedbackMessageToGitHub": {
-    "usecases": "If something is broken or if you need a reply to a problem you've encountered, please",
-    "reasonWhy": "Otherwise, the team won't be able to answer back or ask for more information.",
-    "callToAction": {
-      "link": "open an issue instead."
-    }
-  },
-  "feedbackNo": "No",
-  "feedbackSubmitted": "Feedback submitted",
-  "feedbackYes": "Yes",
-  "footerCompany": "Company",
-  "goToHome": "go to homepage",
-  "getProfessionalSupport": "Get Professional Support",
-  "getStarted": "Get Started",
-  "githubLabel": "Feedback",
-  "headTitle": "MUI: A popular React UI framework",
-  "hideFullSource": "Collapse code",
-  "hideSource": "Hide code",
-  "homeQuickWord": "A quick word from our sponsors:",
-  "increaseSpacing": "increase spacing",
-  "initialFocusLabel": "A generic container that is programmatically focused to test keyboard navigation of our components.",
-  "installation": "Installation",
-  "installButton": "Read installation docs",
-  "installDescr": "Install MUI's source files via npm. We take care of injecting the CSS needed.",
-  "joinThese": "Join these and other great organizations!",
-  "JS": "JavaScript",
-  "letUsKnow": "Let us know!",
-  "likeMui": "Help us keep running",
-  "loadFont": "Load the default Roboto font.",
-  "mainNavigation": "documentation",
-  "newest": "Newest",
-  "openDrawer": "Open documentation navigation",
-  "or": "or",
-  "pageTOC": "Page table of contents",
-  "praise": "Praise for MUI",
-  "praiseDescr": "Here's what some of our users are saying.",
-  "pricingDescr": "Quickly build an effective pricing table for your potential customers.",
-  "pricingTitle": "Pricing",
-  "resetDemo": "Reset demo",
-  "resetDensity": "Reset density",
-  "resetFocus": "Reset focus to test keyboard navigation",
-  "searchIcons": {
-    "learnMore": "Learn more about the import"
-  },
-  "seeMore": "See more",
-  "settings": {
-    "color": "Color",
-    "dark": "Dark",
-    "direction": "Direction",
-    "editDocsColors": "Edit documentation colors",
-    "light": "Light",
-    "ltr": "Left to right",
-    "mode": "Mode",
-    "rtl": "Right to left",
-    "settings": "Settings",
-    "system": "System",
-    "language": "Language"
-  },
-  "showFullSource": "Expand code",
-  "showJSSource": "Show JavaScript source",
-  "showSource": "Show code",
-  "showTSSource": "Show TypeScript source",
-  "signInDescr": "A clean and efficient sign-in page, ready for your favorite auth provider.",
-  "signInSideDescr": "A responsive, two-column sign-in page for adding content alongside the form.",
-  "signInSideTitle": "Sign-in side",
-  "signInTitle": "Sign-in",
-  "signUpDescr": "A clean and efficient sign-up page, perfect for pairing with a sign-in template.",
-  "signUpTitle": "Sign-up",
-  "crudDashboardTitle": "CRUD dashboard",
-  "crudDashboardDescr": "Dashboard with CRUD pages and mobile-friendly layout with highly customizable sidebar.",
-  "sourceCode": "Source code",
-  "spacingUnit": "Spacing unit",
-  "stackblitz": "Edit in StackBlitz",
-  "stars": "GitHub stars",
-  "stickyFooterDescr": "Attach a footer to the bottom of the viewport when page content is short.",
-  "stickyFooterTitle": "Sticky footer",
-  "strapline": "MUI provides a simple, customizable, and accessible library of React components. Follow your own design system, or start with Material Design.",
-  "submit": "Submit",
-  "tableOfContents": "Contents",
-  "thanks": "Thank you!",
-  "themes": "Premium themes",
-  "themesButton": "Browse themes",
-  "themesDescr": "Take your project to the next level with premium themes from our store – all built on MUI.",
-  "toggleNotifications": "Toggle notifications panel",
-  "toggleRTL": "Toggle right-to-left/left-to-right",
-  "traffic": "Traffic",
-  "TS": "TypeScript",
-  "v5IsOut": "🎉 v5 release candidate is out! Head to the",
-  "v5docsLink": "v5 documentation",
-  "v5startAdoption": "to get started.",
-  "unreadNotifications": "unread notifications",
-  "usage": "Usage",
-  "usageButton": "Explore the docs",
-  "usageDescr": "MUI components work without any additional setup, and don't pollute the global scope.",
-  "useDarkTheme": "Use dark theme",
-  "useHighDensity": "Apply higher density via props",
-  "usingMui": "Are you using MUI?",
-  "viewGitHub": "View the source on GitHub",
-  "visit": "Visit the website",
-  "whosUsing": "Who's using MUI?"
-}