@mui/docs 7.3.4 → 7.3.6

package/CHANGELOG.md

@@ -1,5 +1,147 @@
 # [Versions](https://mui.com/versions/)
 
+## 7.3.6
+
+<!-- generated comparing v7.3.5..master -->
+
+_Dec 3, 2025_
+
+A big thanks to the 22 contributors who made this release possible.
+
+### @mui/material@7.3.6
+
+- [Accordion] Move properties to the AccordionOwnProps interface (#47348) @Aleksan4e3
+- [Autocomplete] Remove unnecessary `filterSelectedOptions` dependency from `syncHighlightedIndex` useCallback (#47378) @ZeeshanTamboli
+- [Autocomplete] Fix input caret not showing when focusing after chip navigation (#47249) @vrachuri28
+- [Autocomplete] Fix ArrowLeft crash when value is not set with single-value rendering (#47214) @rithik56
+- [Button] Fix running formAction when passed (#47185) @sai6855
+- [Chip] Remove leftover closing parenthesis in CSS class key (#47345) @ZeeshanTamboli
+- [ListItem] Add `secondaryAction` slot to `ListItem` (#47399) @sai6855
+- [NumberField] Fix scroll behavior (#47397) @oliviertassinari
+- [Select] Fix keyboard navigation while rendering in shadow DOM (#47380) @xBlizZer
+- [Select] Fix cannot pass certain event handlers (#47366) @ZeeshanTamboli
+- [Slider] Accept readonly array for `marks` prop (#47370) @pcorpet
+- [Snackbar] Avoid unnecessary `ownerState` spread into `useSnackbar` (#47373) @ZeeshanTamboli
+- [TextField] Allow custom props in slot props via TS module augmentation (#47367) @kumarvishwajeettrivedi
+- [Tabs] Fix Arrow key navigation failing when component is rendered in shadow DOM (#47178) @sai6855
+- Fix typings for theme `applyStyles` with custom color schemes (#47242) @akankshahu
+
+### @mui/system@7.3.6
+
+- Fix unwanted attribute on DOM from InitColorSchemeScript `class` attribute (#47200) @siriwatknp
+
+### @mui/lab@7.3.6
+
+- [Masonry] Fix layout flicker and single column issue (#43903) @Fanzzzd
+
+### Docs
+
+- Fix default theme viewer styling (#47400) @sai6855
+- Remove repetitive words (#47384) @rifeplight
+- Fix link to Portal API docs (#47383) @ZeeshanTamboli
+- Remove mentions of MUI Base from Material UI docs (#47324) @mapache-salvaje
+- Update CSP guidance (#47342) @rossdakin
+- Fix pathname collision in LLMs docs generator (#47209) @siriwatknp
+- Resolve redirected urls to their final location (#47193) @Janpot
+- Document correct default values for `elevation` and `square` props (#47261) @Ad1tya-007
+- Fix display of colors in dark mode in palette customization page (#47403) @sai6855
+- Add Number Field component page (#47165) @siriwatknp
+- Fix mcp schema change (#47171) @sai6855
+
+### Core
+
+- [code-infra] Add types for markdown loader (#47075) @Janpot
+- [code-infra] Build test utils with code-infra pipeline (#47405) @Janpot
+- [code-infra] Vitest test migration (#44325) @JCQuintas
+- [code-infra] Revive docs bundle analyzer (#47401) @Janpot
+- [code-infra] Update tests from vitest PR (#47344) @Janpot
+- [code-infra] Use util from code-infra to fetch changelogs (#47350) @brijeshb42
+- [code-infra] Enable production sourcemaps (#47352) @Janpot
+- [code-infra] Use code-infra orb utils in circle ci (#47179) @brijeshb42
+- [code-infra] Use `next/font` for local fonts (#47351) @Janpot
+- [code-infra] New broken links checker (#47113) @Janpot
+- [code-infra] Remove profiler (#47258) @Janpot
+- [code-infra] Api doc optimizations (#47188) @Janpot
+- [code-infra] Increase type check parallelism (#47192) @Janpot
+- [code-infra] Remove deprecated baseUrl (#47210) @Janpot
+- [code-infra] Disable next.js cache (#47233) @Janpot
+- [code-infra] release:build for bundle checker (#47207) @Janpot
+- [code-infra] Parallelize module augmentation tests (#47208) @Janpot
+- [code-infra] Fix next.js parallelism at 2 for macos runner (#47201) @Janpot
+- [code-infra] Fix bash escape (#46969) @oliviertassinari
+- [code-infra] Utilise eslint cache in CI (#47194) @Janpot
+- [code-infra] Enable Next.js build cache to improve CI performance (#47176) @Copilot
+- [code-infra] Remove `apps` folder (#47183) @Janpot
+- [code-infra] Migrate everything to getStaticProps (#47152) @Janpot
+- [docs-infra] Migrate to `next/font` (#47347) @Janpot
+- [docs-infra] Add some `ComponentLinkHeader` bottom margin (#47328) @Janpot
+- [docs-infra] Exclude a few pages from llms-txt (#47111) @Janpot
+- [examples] Add missing .gitignore to NextJS App Router example (#47251) @shamblonaut
+- [examples] Migrate Next.js `next.config.js` to `next.config.mjs` (#44040) @albarv340
+- [internal] Remove leftover testing-library libraries from `mui-material` package (#47392) @ZeeshanTamboli
+- [internal] Remove unnecessary `clean-css` package from docs (#47314) @ZeeshanTamboli
+- [internal] Fix typo `buidApiDocs` -> `buildApiDocs` (#47235) @Ad1tya-007
+- [internal] Remove unused `@vitest/browser` and `@vitest/coverage-v8` (#47189) @ZeeshanTamboli
+- [test] Update e2e test app (#47252) @Ad1tya-007
+- [test] Fix flaky Virtualize Autocomplete regression test (#47199) @ZeeshanTamboli
+
+All contributors of this release in alphabetical order: @Ad1tya-007, @akankshahu, @albarv340, @Aleksan4e3, @brijeshb42, @Copilot, @Fanzzzd, @Janpot, @JCQuintas, @kumarvishwajeettrivedi, @mapache-salvaje, @oliviertassinari, @pcorpet, @rifeplight, @rithik56, @rossdakin, @sai6855, @shamblonaut, @siriwatknp, @vrachuri28, @xBlizZer, @ZeeshanTamboli
+
+## 7.3.5
+
+<!-- generated comparing v7.3.4..master -->
+
+_Nov 4, 2025_
+
+A big thanks to the 11 contributors who made this release possible.
+
+### `@mui/material@7.3.5`
+
+- [Collapse] Add slots and slotProps props (#47168) @sai6855
+- [l10n] Add missing Catalan (ca-ES) locale (#47156) @frncesc
+- Fix regression on `theme.vars.shape` module augmentation (#47164) @siriwatknp
+
+### `@mui/material-nextjs@7.3.5`
+
+- Support Next.js 16 (#47134) @siriwatknp
+
+### Docs
+
+- [Autocomplete] Update virtualization example to use react-window v2 (#47054) @sai6855
+- [autocomplete] Add note about unique key extraction for duplicate labels (#47010) @PossiblyAShrub
+- [Snackbar] Fix typo in docs (#47038) @sai6855
+- [Transition] Fix horizontal scroll in SimpleFade demo in mobile screens (#47169) @sai6855
+- Replace deprecated `inputProps` with `slotProps.input` in checkbox demos (#47083) @CODEKRUNCH
+
+### Core
+
+- [code-infra] gitignore next-env.d.ts (#47167) @Janpot
+- [code-infra] Migrate versions page to getStaticProps (#47151) @Janpot
+- [code-infra] Fix breaking change for ci publish (#47147) @brijeshb42
+- [code-infra] Remove React import requirement for jsx (#47146) @brijeshb42
+- [code-infra] Update vitest usage detection in `@mui/internal-test-utils` (#47141) @bernardobelchior
+- [code-infra] Setup eslint-plugin-compat (#47133) @brijeshb42
+- [code-infra] Filter out @mui/joy and @mui/base from search results (#47076) @Janpot
+- [code-infra] Fix hotfix instructions (#47015) @Janpot
+- [code-infra] Disable pigment regression tests (#47045) @Janpot
+- [code-infra] Fix moderate dependabot issue (#46946) @Janpot
+- [code-infra] Enable testing-library eslint rules (#47074) @brijeshb42
+- [code-infra] Lint json through eslint (#47056) @Janpot
+- [code-infra] Support custom npm dist tags during release (#47021) @Janpot
+- [code-infra] Remove tsconfig `baseUrl` (#47044) @Janpot
+- [code-infra] Centralize stylelint (#46955) @Janpot
+- [code-infra] Remove legacy feedback (#46981) @Janpot
+- [code-infra] Remove repo build scripts (#47036) @brijeshb42
+- [code-infra] Publish docs from upstream (#47018) @Janpot
+- [code-infra] Migrate `lodash` to `es-toolkit` (#46974) @sukvvon
+- [docs-infra] Do not escape pipes (`|`) inside code blocks (#47139) @ZeeshanTamboli
+- [docs-infra] Fix broken link targets (#47104) @Janpot
+- [docs-infra] Fix broken link for DOMRect docs (#47106) @Janpot
+- [docs-infra] Use published netlify cache plugin package (#47071) @brijeshb42
+- [examples] Remove Next.js text from React Router example (#47055) @HeinrichFilter
+
+All contributors of this release in alphabetical order: @bernardobelchior, @brijeshb42, @CODEKRUNCH, @frncesc, @HeinrichFilter, @Janpot, @PossiblyAShrub, @sai6855, @siriwatknp, @sukvvon, @ZeeshanTamboli
+
 ## 7.3.4
 
 <!-- generated comparing v7.3.3..master -->

package/CodeCopy/CodeCopy.d.ts

@@ -18,5 +18,5 @@ interface CodeCopyProviderProps {
  */
 export declare function CodeCopyProvider({
   children
-}: CodeCopyProviderProps): React.JSX.Element;
+}: CodeCopyProviderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/CodeCopy/CodeCopyButton.d.ts

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

package/CodeCopy/CodeCopyButton.js

@@ -1,12 +1,10 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CodeCopyButton = CodeCopyButton;
-var React = _interopRequireWildcard(require("react"));
 var _useClipboardCopy = _interopRequireDefault(require("./useClipboardCopy"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _span, _span2;

package/ComponentLinkHeader/ComponentLinkHeader.d.ts

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

package/ComponentLinkHeader/ComponentLinkHeader.js

@@ -25,8 +25,7 @@ var _MarkdownIcon, _ChatRounded, _BundleSizeIcon, _GitHubIcon, _W3CIcon, _Materi
 const Root = (0, _styles.styled)('ul')(({
   theme
 }) => ({
-  margin: 0,
-  marginTop: theme.spacing(2),
+  margin: theme.spacing(2, 0),
   padding: 0,
   listStyle: 'none',
   display: 'flex',

package/DocsProvider/DocsProvider.d.ts

@@ -20,5 +20,5 @@ export declare function DocsProvider({
   defaultUserLanguage,
   translations,
   children
-}: DocsProviderProps): React.JSX.Element;
+}: DocsProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useDocsConfig(): DocsConfig;

package/HighlightedCode/HighlightedCode.d.ts

@@ -11,4 +11,4 @@ export interface HighlightedCodeProps {
   preComponent?: React.ElementType;
   sx?: SxProps;
 }
-export declare function HighlightedCode(props: HighlightedCodeProps): React.JSX.Element;
+export declare function HighlightedCode(props: HighlightedCodeProps): import("react/jsx-runtime").JSX.Element;

package/HighlightedCodeWithTabs/HighlightedCodeWithTabs.d.ts

@@ -1,4 +1,3 @@
-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/styles").Theme> & {
   ownerState: {
     mounted: boolean;
@@ -25,5 +24,5 @@ type TabsConfig = {
 export declare function HighlightedCodeWithTabs(props: {
   tabs: Array<TabsConfig>;
   storageKey?: string;
-} & Record<string, any>): React.JSX.Element;
+} & Record<string, any>): import("react/jsx-runtime").JSX.Element;
 export {};

package/InfoCard/InfoCard.d.ts

@@ -6,7 +6,7 @@ interface GlowingIconContainerProps {
 }
 export declare function GlowingIconContainer({
   icon
-}: GlowingIconContainerProps): React.JSX.Element;
+}: GlowingIconContainerProps): import("react/jsx-runtime").JSX.Element;
 interface InfoCardProps {
   classNameDescription?: string;
   classNameTitle?: string;
@@ -18,5 +18,5 @@ interface InfoCardProps {
   title: string;
   titleProps?: TypographyProps;
 }
-export declare function InfoCard(props: InfoCardProps): React.JSX.Element;
+export declare function InfoCard(props: InfoCardProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/NProgressBar/NProgressBar.js

@@ -1,12 +1,10 @@
 "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 = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _nprogress = _interopRequireDefault(require("nprogress"));
 var _NoSsr = require("@mui/base/NoSsr");

package/SectionTitle/SectionTitle.d.ts

@@ -1,7 +1,6 @@
-import * as React from 'react';
 export interface SectionTitleProps<Hash extends string = string> {
   title: string;
   hash: Hash;
   level?: 'h2' | 'h3' | 'h4';
 }
-export declare function SectionTitle(props: SectionTitleProps): React.JSX.Element;
+export declare function SectionTitle(props: SectionTitleProps): import("react/jsx-runtime").JSX.Element;

package/SectionTitle/SectionTitle.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SectionTitle = SectionTitle;
-var React = _interopRequireWildcard(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _span;
 function SectionTitle(props) {

package/branding/BrandingProvider.d.ts

@@ -6,4 +6,4 @@ export interface BrandingProviderProps {
    */
   mode?: 'light' | 'dark';
 }
-export declare function BrandingProvider(props: BrandingProviderProps): React.JSX.Element;
+export declare function BrandingProvider(props: BrandingProviderProps): import("react/jsx-runtime").JSX.Element;

package/esm/Ad/Ad.d.ts

@@ -1,6 +1,5 @@
-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;
+export declare function Ad(): import("react/jsx-runtime").JSX.Element;

package/esm/Ad/Ad.js

@@ -65,7 +65,7 @@ const inHouseAds = [{
   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',
+  link: 'https://tidelift.com/',
   img: '/static/ads-in-house/tidelift.png',
   descriptionHeader: 'MUI for enterprise',
   description: 'Save time and reduce risk. Managed open source — backed by maintainers.'

package/esm/Ad/AdCarbon.d.ts

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

package/esm/Ad/AdDisplay.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 export interface AdParameters {
   name: string;
   link: string;
@@ -13,5 +12,5 @@ interface AdDisplayProps {
   className?: string;
   shape?: 'auto' | 'inline' | 'image';
 }
-export default function AdDisplay(props: AdDisplayProps): React.JSX.Element;
+export default function AdDisplay(props: AdDisplayProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/esm/Ad/AdGuest.d.ts

@@ -6,5 +6,5 @@ export interface AdGuestProps {
   classSelector?: string;
   children?: React.ReactNode | undefined;
 }
-declare function AdGuest(props: AdGuestProps): React.JSX.Element | null;
+declare function AdGuest(props: AdGuestProps): import("react/jsx-runtime").JSX.Element | null;
 export { AdGuest };

package/esm/Ad/AdInHouse.d.ts

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

package/esm/Ad/AdInHouse.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import AdDisplay from "./AdDisplay.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function AdInHouse(props) {

package/esm/Ad/AdManager.d.ts

@@ -15,5 +15,5 @@ export declare const adShape: string;
 export declare function AdManager({
   classSelector,
   children
-}: AdManagerProps): React.JSX.Element;
+}: AdManagerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/esm/Ad/AdProvider.d.ts

@@ -11,5 +11,5 @@ export interface AdProviderProps {
   children: React.ReactNode;
   config?: Partial<AdConfig>;
 }
-export declare function AdProvider(props: AdProviderProps): React.JSX.Element;
+export declare function AdProvider(props: AdProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useAdConfig(): AdConfig;