@mui/docs 7.0.2 → 7.1.1

package/Ad/Ad.js

@@ -61,11 +61,6 @@ function PleaseDisableAdblock() {
 }
 const disableAd = process.env.NODE_ENV !== 'production' && process.env.ENABLE_AD_IN_DEV_MODE !== 'true';
 const inHouseAds = [{
-  name: 'scaffoldhub',
-  link: 'https://v2.scaffoldhub.io/scaffolds/react-material-ui?partner=1',
-  img: '/static/ads-in-house/scaffoldhub.png',
-  description: '<b>ScaffoldHub</b>. Automate building your full-stack Material UI web-app.'
-}, {
   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',
@@ -77,7 +72,7 @@ const inHouseAds = [{
   description: '<b>Premium Themes</b>. Kickstart your application development with a ready-made theme.'
 }, {
   name: 'tidelift',
-  link: 'https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=enterprise&utm_content=ad',
+  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.'
 }, {

package/Ad/ad.styles.d.ts

@@ -9,7 +9,7 @@ export declare const adBodyImageStyles: (theme: Theme) => {
     overflow: string;
     border: string;
     borderColor: string;
-    borderRadius: number;
+    borderRadius: string | number;
     padding: number;
     paddingLeft: number;
   };

package/CHANGELOG.md

@@ -1,5 +1,174 @@
 # [Versions](https://mui.com/versions/)
 
+## 7.1.1
+
+<!-- generated comparing v7.1.0..master -->
+
+_May 30, 2025_
+
+A big thanks to the 15 contributors who made this release possible.
+
+### `@mui/material@7.1.1`
+
+- [Autocomplete] Fix label shrink issue when `renderValue` is used with empty array in multiple mode (#46047) @ZeeshanTamboli
+- [Autocomplete] Prevent `renderValue` from being skipped when value is 0 (#46145) @LakshitAgarwal
+- [Autocomplete] Add note in JSDoc for non-TextField components in `renderInput` (#46141) @khllbnomrn
+- [Chip] Add slots and slotProps (#46098) @sai6855
+- [Menu] Remove depreacted `MenuListProps` from demos (#46144) @sai6855
+- [TablePaginationActions] Export TablePaginationActions as new component (#46149) @sai6855
+- [SnackbarContent] Fix `square` prop not working (#46196) @0210shivam
+- [SnackbarContent] Fix error when theme value is CSS variable (#46198) @0210shivam
+
+### `@mui/codemod@7.1.1`
+
+- Add package name option (#45977) @siriwatknp
+
+### `@mui/system@7.1.1`
+
+- Skip styled component from being transformed (#46129) @siriwatknp
+- Update the type for borderRadius (#46154) @codiini
+
+### `@mui/styled-engine@7.1.1`
+
+- Fix variant props callback type to spread `ownerState` (#46187) @siriwatknp
+
+### `@mui/stylis-plugin-rtl@7.1.1`
+
+- Fix RTL does not work with CSS layer with a new package (#46230) @siriwatknp
+
+### Docs
+
+- [Dialog] Remove deprecated TransitionComponent from demo (#46185) @sai6855
+- [Grid] Remove direction `column` and `column-reverse` from the demo (#46127) @0210shivam
+- [Grid] Update grid migration guide (#46057) @sai6855
+- [templates] Fix rendering of logos in dark mode (#46221) @sai6855
+- [ToggleButtonGroup] Add spacing demo (#46058) @sai6855
+- Fix typo in dark mode docs (#46229) @ZeeshanTamboli
+- Clarify Next.js + Tailwind CSS v3 integration requirements (#46176) @chaitanyasharma1011
+- Fix GridLegacy docs order (#46135) @oliviertassinari
+- Update upgrade guide for resolution of `react-is` (#46002) @siriwatknp
+- Remove oudated scaffoldhub ad (#46090) @oliviertassinari
+- Show how to target global state classes with CSS Modules (#45992) @RubemMazzetto
+
+### Core
+
+- [code-infra] Add plugin to check for index file access (#46178) @Janpot
+- [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
+- [code-infra] Remove unnecessary ref from `HighlightedCode` component (#46151) @ZeeshanTamboli
+- [code-infra] Import mocha type instead of global (#46108) @JCQuintas
+- [code-infra] Dependabot also create branches (795a481) @oliviertassinari
+- [code-infra] Avoid running continuous release on forks (#46103) @Janpot
+- [code-infra] Remove checkout job altogether (#46100) @Janpot
+- [code-infra] Remove required checkout workflows in circleci (#46099) @Janpot
+- Run pnpm docs:sync-team (c8f1da5) @oliviertassinari
+- Upgrade MUI X packages to v8 (#45990) @KenanYusuf
+- Minor detail to reduce confusion (4c64b72) @oliviertassinari
+- Update security.md (#45839) @DiegoAndai
+- Apply yml convention, blank line only at top level (f273220) @oliviertassinari
+- Add comment that lab should be in alpha (#45999) @oliviertassinari
+
+All contributors of this release in alphabetical order: @0210shivam, @brijeshb42, @chaitanyasharma1011, @codiini, @DiegoAndai, @Janpot, @JCQuintas, @KenanYusuf, @khllbnomrn, @LakshitAgarwal, @oliviertassinari, @RubemMazzetto, @sai6855, @siriwatknp, @ZeeshanTamboli
+
+## 7.1.0
+
+<!-- generated comparing v7.0.2..master -->
+
+_May 6, 2025_
+
+A big thanks to the 21 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎉 Material UI now works with **Tailwind CSS v4**! Check out the [setup guide](https://mui.com/material-ui/integrations/tailwindcss/tailwindcss-v4/).
+
+### `@mui/material@7.1.0`
+
+- [InputBase] Text cursor jumps several lines up when inserting text fragment with new line at the end (#45246) @yermartee
+- [OutlinedInput] Add missing `notchedOutline` slot (#45917) @siriwatknp
+- [Snackbar] Skip default `onClickAway` behavior when `defaultMuiPrevented` is provided (#45629) @sai6855
+- [Avatar] Fix img slot types and add missing slots (#45483) @siriwatknp
+- [Badge] Replace useSlotProps with useSlot hook (#45871) @sai6855
+- [BottomNavigationAction] Add slots and slotProps (#45776) @sai6855
+- [CardActionArea] Add slots and slotProps (#45866) @sai6855
+- [useMediaQuery] Add warning and docs for using `useMediaQuery('print')` (#44790) @good-jinu
+- Remove unnecessary clsx usages (#46084) @sai6855
+- Corrected generic type definition in `SelectChangeEvent` (#45941) @SuyashShukla0007
+- Fix theme object changes between renders (#45863) @siriwatknp
+
+### `@mui/material-nextjs@7.1.0`
+
+- Add option to enable CSS layers for pages router (#45596) @siriwatknp
+- Do not wrap `@layer` order rules in App Router (#45864) @Nayeem-XTREME
+
+### `@mui/system@7.1.0`
+
+- Fix `@mui/system` types organization (#45860) @Janpot
+
+### `@mui/styled-engine@7.1.0`
+
+- Infer `ownerState` from props in `styled` (#46083) @siriwatknp
+- Fix style overrides variants type (#45478) @siriwatknp
+
+### Docs
+
+- [Avatar] Add avatar upload demo (#45986) @Demianeen
+- [Dialog] Remove deprecated props usage in demos (#45923) @sai6855
+- [Menu] Update `paper` slot JSDoc default from `Paper` to `PopoverPaper` (#45722) @andreachiera
+- [examples] Remove create-react-app usages (#45426) @CodeLeom
+- Add `AccordionSummary` to the v5 breaking change migration (#45947) @siriwatknp
+- Update CSS variable usage in migration guide for Pigment CSS (#46033) @sai6855
+- Fix docs API dark mode color (#46086) @alexfauquette
+- Add a guide for extending Material UI classes in Tailwind CSS (#46039) @siriwatknp
+- Add `InitColorSchemeScript` docs and API (#45927) @siriwatknp
+- Add Tailwind CSS v4 integration guide (#45906) @siriwatknp
+- Fix 301 links to the system v6 (#45931) @oliviertassinari
+- Add notification for MUI X v8 announcement (#45942) @joserodolfofreitas
+- Fix som 301 redirections (ae84b35) @oliviertassinari
+- Fix some 301 redirections (057384e) @oliviertassinari
+- Fix logo is not centered on small screens (#45920) @crabsim
+- Fix line break typo (a2a62d5) @oliviertassinari
+- Fix markdown typo in templates.md (#45914) @scyzoryck
+- Add Next.js App Router guide for custom classnames (#45852) @siriwatknp
+
+### Core
+
+- [code-infra] Give a stable name to dev tool app (3889ded) @oliviertassinari
+- [code-infra] Normalize author package in org (8135638) @oliviertassinari
+- [code-infra] Correct some manually curated .d.ts files (#46054) @Janpot
+- [code-infra] Align deps versions (#46048) @Janpot
+- [code-infra] Fix dynamic import in imports resolver (#46046) @Janpot
+- [code-infra] Eliminate `@mui/utils` deep imports (#46004) @Janpot
+- [code-infra] Expand renovate.json for react types (#45935) @Janpot
+- [code-infra] Make Argos upload script reusable (#45883) @Janpot
+- [code-infra] Disallow redundant window prefixes for globals (#45880) @Janpot
+- [code-infra] Remove type generation of modern build (#45912) @Janpot
+- [code-infra] Clean up bundle size checker (#45622) @Janpot
+- [code-infra] Fix `StrictMode` effects not being called twice in React 19 tests (#45812) @bernardobelchior
+- [code-infra] Convert `@mui/utils` to typescript (#45671) @Janpot
+- [docs-infra] Improve export into sandbox package.json (#46044) @oliviertassinari
+- [docs-infra] Update feedback Node.js to v22 (#46064) @oliviertassinari
+- [docs-infra] Normalize netlify.toml in org (b101d5c) @oliviertassinari
+- [docs-infra] Uniformize Vale between repositories (0f79796) @oliviertassinari
+- [docs-infra] Fix Vale no longer working (#46029) @oliviertassinari
+- [docs-infra] Remove demo styling switch (#45926) @Janpot
+- [docs-infra] StackBlitz WebContainer demos (#45924) @Janpot
+- [docs-infra] Fix feedback management (#45872) @alexfauquette
+- [test] Replace `playwright` with `@playwright/test` (#45998) @ZeeshanTamboli
+- Fix internal version duplication (#46051) @oliviertassinari
+- Avoid the need for `@mui/material/themeCssVarsAugmentation` (#46053) @Janpot
+- Add security label to dependabot PRs (0a5c027) @oliviertassinari
+- Remove unecessary versions (#46034) @oliviertassinari
+- Remove redundant overrides resolver (#45970) @romgrk
+- Fix duplicate branch reference (#45915) @oliviertassinari
+- Fix outdated <link rel="shortcut icon" (#45916) @oliviertassinari
+- Fix redirection chains (#45930) @oliviertassinari
+- Run pnpm docs:sync-team (beee09f) @oliviertassinari
+- Add `pkg.pr.new` publishing (#42984) @Aslemammad
+- Remove @mui/base from the master branch (#45857) @mnajdova
+
+All contributors of this release in alphabetical order: @alexfauquette, @andreachiera, @Aslemammad, @bernardobelchior, @CodeLeom, @crabsim, @Demianeen, @good-jinu, @Janpot, @joserodolfofreitas, @mnajdova, @Nayeem-XTREME, @oliviertassinari, @renovate[bot], @romgrk, @sai6855, @scyzoryck, @siriwatknp, @SuyashShukla0007, @yermartee, @ZeeshanTamboli
+
 ## 7.0.2
 
 _Apr 9, 2025_

package/HighlightedCode/HighlightedCode.d.ts

@@ -11,4 +11,4 @@ export interface HighlightedCodeProps {
   preComponent?: React.ElementType;
   sx?: SxProps;
 }
-export declare const HighlightedCode: React.ForwardRefExoticComponent<HighlightedCodeProps & React.RefAttributes<HTMLDivElement>>;
+export declare function HighlightedCode(props: HighlightedCodeProps): React.JSX.Element;

package/HighlightedCode/HighlightedCode.js

@@ -5,7 +5,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.HighlightedCode = void 0;
+exports.HighlightedCode = HighlightedCode;
 var React = _interopRequireWildcard(require("react"));
 var _prism = _interopRequireDefault(require("@mui/internal-markdown/prism"));
 var _NoSsr = require("@mui/base/NoSsr");
@@ -31,7 +31,7 @@ const Pre = (0, _styles.styled)('pre')(({
     // https://github.com/necolas/normalize.css/blob/master/normalize.css#L102
   }
 }));
-const HighlightedCode = exports.HighlightedCode = /*#__PURE__*/React.forwardRef(function HighlightedCode(props, ref) {
+function HighlightedCode(props) {
   const {
     code,
     copyButtonHidden = false,
@@ -46,9 +46,9 @@ const HighlightedCode = exports.HighlightedCode = /*#__PURE__*/React.forwardRef(
     return (0, _prism.default)(code.trim(), language);
   }, [code, language]);
   const handlers = (0, _CodeCopy.useCodeCopy)();
+  const componentProps = !plainStyle ? other : undefined;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
-    ref: ref,
-    ...other,
+    ...componentProps,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "MuiCode-root",
       ...handlers,
@@ -72,4 +72,4 @@ const HighlightedCode = exports.HighlightedCode = /*#__PURE__*/React.forwardRef(
       })]
     })
   });
-});
+}

package/HighlightedCodeWithTabs/HighlightedCodeWithTabs.d.ts

@@ -1,17 +1,17 @@
 import * as React from 'react';
-export declare const CodeTabList: import("@emotion/styled").StyledComponent<import("@mui/base/TabsList").TabsListOwnProps & Omit<any, keyof import("@mui/base/TabsList").TabsListOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const CodeTabList: import("@emotion/styled").StyledComponent<import("@mui/base/TabsList").TabsListOwnProps & Omit<any, keyof import("@mui/base/TabsList").TabsListOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: {
     mounted: boolean;
     contained?: boolean;
   };
 }, {}, {}>;
-export declare const CodeTabPanel: import("@emotion/styled").StyledComponent<import("@mui/base/TabPanel").TabPanelOwnProps & Omit<any, keyof import("@mui/base/TabPanel").TabPanelOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const CodeTabPanel: import("@emotion/styled").StyledComponent<import("@mui/base/TabPanel").TabPanelOwnProps & Omit<any, keyof import("@mui/base/TabPanel").TabPanelOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: {
     mounted: boolean;
     contained?: boolean;
   };
 }, {}, {}>;
-export declare const CodeTab: import("@emotion/styled").StyledComponent<import("@mui/base/Tab").TabOwnProps & Omit<any, keyof import("@mui/base/Tab").TabOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const CodeTab: import("@emotion/styled").StyledComponent<import("@mui/base/Tab").TabOwnProps & Omit<any, keyof import("@mui/base/Tab").TabOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: {
     mounted: boolean;
     contained?: boolean;

package/NProgressBar/NProgressBar.js

@@ -10,7 +10,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _nprogress = _interopRequireDefault(require("nprogress"));
 var _NoSsr = require("@mui/base/NoSsr");
-var _utils = require("@mui/utils");
+var _exactProp = _interopRequireDefault(require("@mui/utils/exactProp"));
 var _GlobalStyles = _interopRequireDefault(require("@mui/material/GlobalStyles"));
 var _styles = require("@mui/material/styles");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -95,6 +95,6 @@ process.env.NODE_ENV !== "production" ? NProgressBar.propTypes = {
   children: _propTypes.default.node
 } : void 0;
 if (process.env.NODE_ENV !== 'production') {
-  process.env.NODE_ENV !== "production" ? NProgressBar.propTypes = (0, _utils.exactProp)(NProgressBar.propTypes) : void 0;
+  process.env.NODE_ENV !== "production" ? NProgressBar.propTypes = (0, _exactProp.default)(NProgressBar.propTypes) : void 0;
 }
 var _default = exports.default = NProgressBar;

package/esm/Ad/Ad.js

@@ -52,11 +52,6 @@ function PleaseDisableAdblock() {
 }
 const disableAd = process.env.NODE_ENV !== 'production' && process.env.ENABLE_AD_IN_DEV_MODE !== 'true';
 const inHouseAds = [{
-  name: 'scaffoldhub',
-  link: 'https://v2.scaffoldhub.io/scaffolds/react-material-ui?partner=1',
-  img: '/static/ads-in-house/scaffoldhub.png',
-  description: '<b>ScaffoldHub</b>. Automate building your full-stack Material UI web-app.'
-}, {
   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',
@@ -68,7 +63,7 @@ const inHouseAds = [{
   description: '<b>Premium Themes</b>. Kickstart your application development with a ready-made theme.'
 }, {
   name: 'tidelift',
-  link: 'https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=enterprise&utm_content=ad',
+  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.'
 }, {

package/esm/Ad/ad.styles.d.ts

@@ -9,7 +9,7 @@ export declare const adBodyImageStyles: (theme: Theme) => {
     overflow: string;
     border: string;
     borderColor: string;
-    borderRadius: number;
+    borderRadius: string | number;
     padding: number;
     paddingLeft: number;
   };

package/esm/HighlightedCode/HighlightedCode.d.ts

@@ -11,4 +11,4 @@ export interface HighlightedCodeProps {
   preComponent?: React.ElementType;
   sx?: SxProps;
 }
-export declare const HighlightedCode: React.ForwardRefExoticComponent<HighlightedCodeProps & React.RefAttributes<HTMLDivElement>>;
+export declare function HighlightedCode(props: HighlightedCodeProps): React.JSX.Element;

package/esm/HighlightedCode/HighlightedCode.js

@@ -23,7 +23,7 @@ const Pre = styled('pre')(({
     // https://github.com/necolas/normalize.css/blob/master/normalize.css#L102
   }
 }));
-export const HighlightedCode = /*#__PURE__*/React.forwardRef(function HighlightedCode(props, ref) {
+export function HighlightedCode(props) {
   const {
     code,
     copyButtonHidden = false,
@@ -38,9 +38,9 @@ export const HighlightedCode = /*#__PURE__*/React.forwardRef(function Highlighte
     return prism(code.trim(), language);
   }, [code, language]);
   const handlers = useCodeCopy();
+  const componentProps = !plainStyle ? other : undefined;
   return /*#__PURE__*/_jsx(Component, {
-    ref: ref,
-    ...other,
+    ...componentProps,
     children: /*#__PURE__*/_jsxs("div", {
       className: "MuiCode-root",
       ...handlers,
@@ -64,4 +64,4 @@ export const HighlightedCode = /*#__PURE__*/React.forwardRef(function Highlighte
       })]
     })
   });
-});
+}

package/esm/HighlightedCodeWithTabs/HighlightedCodeWithTabs.d.ts

@@ -1,17 +1,17 @@
 import * as React from 'react';
-export declare const CodeTabList: import("@emotion/styled").StyledComponent<import("@mui/base/TabsList").TabsListOwnProps & Omit<any, keyof import("@mui/base/TabsList").TabsListOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const CodeTabList: import("@emotion/styled").StyledComponent<import("@mui/base/TabsList").TabsListOwnProps & Omit<any, keyof import("@mui/base/TabsList").TabsListOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: {
     mounted: boolean;
     contained?: boolean;
   };
 }, {}, {}>;
-export declare const CodeTabPanel: import("@emotion/styled").StyledComponent<import("@mui/base/TabPanel").TabPanelOwnProps & Omit<any, keyof import("@mui/base/TabPanel").TabPanelOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const CodeTabPanel: import("@emotion/styled").StyledComponent<import("@mui/base/TabPanel").TabPanelOwnProps & Omit<any, keyof import("@mui/base/TabPanel").TabPanelOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: {
     mounted: boolean;
     contained?: boolean;
   };
 }, {}, {}>;
-export declare const CodeTab: import("@emotion/styled").StyledComponent<import("@mui/base/Tab").TabOwnProps & Omit<any, keyof import("@mui/base/Tab").TabOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const CodeTab: import("@emotion/styled").StyledComponent<import("@mui/base/Tab").TabOwnProps & Omit<any, keyof import("@mui/base/Tab").TabOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: {
     mounted: boolean;
     contained?: boolean;

package/esm/NProgressBar/NProgressBar.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import NProgress from 'nprogress';
 import { NoSsr } from '@mui/base/NoSsr';
-import { exactProp } from '@mui/utils';
+import exactProp from '@mui/utils/exactProp';
 import GlobalStyles from '@mui/material/GlobalStyles';
 import { keyframes } from '@mui/material/styles';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/esm/i18n/i18n.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { deepmerge } from '@mui/utils';
+import deepmerge from '@mui/utils/deepmerge';
 import defaultTranslations from "../translations/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const TranslationsContext = /*#__PURE__*/React.createContext(defaultTranslations);

package/esm/svgIcons/BundleSizeIcon.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 export default _default;

package/esm/svgIcons/FigmaIcon.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 export default _default;

package/esm/svgIcons/MaterialDesignIcon.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 export default _default;

package/esm/svgIcons/SketchIcon.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 export default _default;

package/esm/svgIcons/W3CIcon.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 export default _default;

package/i18n/i18n.js

@@ -12,7 +12,7 @@ exports.useTranslate = useTranslate;
 exports.useUserLanguage = useUserLanguage;
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("@mui/utils");
+var _deepmerge = _interopRequireDefault(require("@mui/utils/deepmerge"));
 var _translations = _interopRequireDefault(require("../translations"));
 var _jsxRuntime = require("react/jsx-runtime");
 const TranslationsContext = /*#__PURE__*/React.createContext(_translations.default);
@@ -21,7 +21,7 @@ function TranslationsProvider({
   children
 }) {
   const currentTranslations = React.useContext(TranslationsContext);
-  const mergedTranslations = React.useMemo(() => (0, _utils.deepmerge)(currentTranslations, translations), [currentTranslations, translations]);
+  const mergedTranslations = React.useMemo(() => (0, _deepmerge.default)(currentTranslations, translations), [currentTranslations, translations]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(TranslationsContext.Provider, {
     value: mergedTranslations,
     children: children

package/package.json

@@ -1,7 +1,6 @@
 {
   "name": "@mui/docs",
-  "version": "7.0.2",
-  "private": false,
+  "version": "7.1.1",
   "author": "MUI Team",
   "description": "MUI Docs - Documentation building blocks.",
   "main": "./index.js",
@@ -23,12 +22,12 @@
   },
   "homepage": "https://github.com/mui/material-ui/tree/master/packages/mui-docs",
   "dependencies": {
-    "@babel/runtime": "^7.27.0",
+    "@babel/runtime": "^7.27.1",
     "clipboard-copy": "^4.0.1",
     "clsx": "^2.1.1",
     "nprogress": "^0.2.0",
     "prop-types": "^15.8.1",
-    "@mui/internal-markdown": "^2.0.4"
+    "@mui/internal-markdown": "^2.0.6"
   },
   "peerDependencies": {
     "@mui/base": "*",
@@ -36,7 +35,7 @@
     "@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.4.1",
+    "chai": "^4.5.0",
     "csstype": "^3.1.3",
     "next": "^13.5.1 || ^14 || ^15.0.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
@@ -53,6 +52,7 @@
   "engines": {
     "node": ">=14.0.0"
   },
+  "private": false,
   "module": "./esm/index.js",
   "exports": {
     "./package.json": "./package.json",

package/svgIcons/BundleSizeIcon.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 export default _default;

package/svgIcons/FigmaIcon.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 export default _default;

package/svgIcons/MaterialDesignIcon.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 export default _default;

package/svgIcons/SketchIcon.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 export default _default;

package/svgIcons/W3CIcon.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 export default _default;

package/modern/Ad/Ad.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-export declare const AD_MARGIN_TOP = 3;
-export declare const AD_MARGIN_BOTTOM = 3;
-export declare const AD_HEIGHT = 126;
-export declare const AD_HEIGHT_MOBILE: number;
-export declare function Ad(): React.JSX.Element;

package/modern/Ad/AdCarbon.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-export declare function AdCarbonInline(): React.JSX.Element;
-export default function AdCarbon(): React.JSX.Element;

package/modern/Ad/AdDisplay.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-export interface AdParameters {
-  name: string;
-  link: string;
-  img?: string;
-  description: string;
-  poweredby: string;
-  label: string;
-}
-interface AdDisplayProps {
-  ad: AdParameters;
-  className?: string;
-  shape?: 'auto' | 'inline' | 'image';
-}
-export default function AdDisplay(props: AdDisplayProps): React.JSX.Element;
-export {};

package/modern/Ad/AdGuest.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-export interface AdGuestProps {
-  /**
-   * The querySelector use to target the element which will include the ad.
-   */
-  classSelector?: string;
-  children?: React.ReactNode | undefined;
-}
-declare function AdGuest(props: AdGuestProps): React.JSX.Element | null;
-export { AdGuest };

package/modern/Ad/AdInHouse.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import { AdParameters } from "./AdDisplay.js";
-export default function AdInHouse(props: {
-  ad: Omit<AdParameters, 'poweredby' | 'label'>;
-}): React.JSX.Element;

package/modern/Ad/AdManager.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-type AdPortal = {
-  placement: 'body-top';
-  element: Element | null;
-};
-interface AdManagerProps {
-  /**
-   * The querySelector use to target the element which will include the ad.
-   */
-  classSelector?: string;
-  children?: React.ReactNode | undefined;
-}
-export declare const AdContext: React.Context<AdPortal>;
-export declare const adShape: string;
-export declare function AdManager({
-  classSelector,
-  children
-}: AdManagerProps): React.JSX.Element;
-export {};

package/modern/Ad/AdProvider.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-export interface AdConfig {
-  /**
-   * The ratio of "ad display" event sent to Google Analytics.
-   * Used to avoid an exceed on the Google Analytics quotas.
-   * @default 0.1
-   */
-  GADisplayRatio: number;
-}
-export interface AdProviderProps {
-  children: React.ReactNode;
-  config?: Partial<AdConfig>;
-}
-export declare function AdProvider(props: AdProviderProps): React.JSX.Element;
-export declare function useAdConfig(): AdConfig;