@mui/material 7.3.5 → 7.3.6

package/Accordion/Accordion.d.ts

@@ -55,62 +55,63 @@ export type AccordionSlotsAndSlotProps = CreateSlotsAndSlotProps<AccordionSlots,
    */
   region: SlotProps<'div', AccordionRegionSlotPropsOverrides, AccordionOwnerState>;
 }>;
+export interface AccordionOwnProps {
+  /**
+   * The content of the component.
+   */
+  children: NonNullable<React.ReactNode>;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<AccordionClasses>;
+  /**
+   * If `true`, expands the accordion by default.
+   * @default false
+   */
+  defaultExpanded?: boolean;
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * If `true`, it removes the margin between two expanded accordion items and the increase of height.
+   * @default false
+   */
+  disableGutters?: boolean;
+  /**
+   * If `true`, expands the accordion, otherwise collapse it.
+   * Setting this prop enables control over the accordion.
+   */
+  expanded?: boolean;
+  /**
+   * Callback fired when the expand/collapse state is changed.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
+   * @param {boolean} expanded The `expanded` state of the accordion.
+   */
+  onChange?: (event: React.SyntheticEvent, expanded: boolean) => void;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The component used for the transition.
+   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
+    children?: React.ReactElement<unknown, any>;
+  }>;
+  /**
+   * Props applied to the transition element.
+   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
+   * @deprecated Use `slotProps.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  TransitionProps?: TransitionProps;
+}
 export type AccordionTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> = ExtendPaperTypeMap<{
-  props: AdditionalProps & {
-    /**
-     * The content of the component.
-     */
-    children: NonNullable<React.ReactNode>;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<AccordionClasses>;
-    /**
-     * If `true`, expands the accordion by default.
-     * @default false
-     */
-    defaultExpanded?: boolean;
-    /**
-     * If `true`, the component is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * If `true`, it removes the margin between two expanded accordion items and the increase of height.
-     * @default false
-     */
-    disableGutters?: boolean;
-    /**
-     * If `true`, expands the accordion, otherwise collapse it.
-     * Setting this prop enables control over the accordion.
-     */
-    expanded?: boolean;
-    /**
-     * Callback fired when the expand/collapse state is changed.
-     *
-     * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
-     * @param {boolean} expanded The `expanded` state of the accordion.
-     */
-    onChange?: (event: React.SyntheticEvent, expanded: boolean) => void;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * The component used for the transition.
-     * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-     * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-     */
-    TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
-      children?: React.ReactElement<unknown, any>;
-    }>;
-    /**
-     * Props applied to the transition element.
-     * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
-     * @deprecated Use `slotProps.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-     */
-    TransitionProps?: TransitionProps;
-  } & AccordionSlotsAndSlotProps;
+  props: AdditionalProps & AccordionOwnProps & AccordionSlotsAndSlotProps;
   defaultComponent: RootComponent;
 }, 'onChange' | 'classes'>;
 

package/AppBar/AppBar.d.ts

@@ -18,6 +18,12 @@ export interface AppBarOwnProps {
    * @default 'primary'
    */
   color?: OverridableStringUnion<PropTypes.Color | 'transparent' | 'error' | 'info' | 'success' | 'warning', AppBarPropsColorOverrides>;
+  /**
+   * Shadow depth, corresponds to `dp` in the spec.
+   * It accepts values between 0 and 24 inclusive.
+   * @default 4
+   */
+  elevation?: number;
   /**
    * If true, the `color` prop is applied in dark mode.
    * @default false
@@ -25,11 +31,16 @@ export interface AppBarOwnProps {
   enableColorOnDark?: boolean;
   /**
    * The positioning type. The behavior of the different options is described
-   * [in the MDN web docs](https://developer.mozilla.org/en-US/docs/Web/CSS/position).
+   * [in the MDN web docs](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/position).
    * Note: `sticky` is not universally supported and will fall back to `static` when unavailable.
    * @default 'fixed'
    */
   position?: 'fixed' | 'absolute' | 'sticky' | 'static' | 'relative';
+  /**
+   * If `false`, rounded corners are enabled.
+   * @default true
+   */
+  square?: boolean;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
@@ -38,7 +49,7 @@ export interface AppBarOwnProps {
 export type AppBarTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'header'> = ExtendPaperTypeMap<{
   props: AdditionalProps & AppBarOwnProps;
   defaultComponent: RootComponent;
-}, 'position' | 'color' | 'classes'>;
+}, 'position' | 'color' | 'classes' | 'elevation' | 'square'>;
 
 /**
  *

package/AppBar/AppBar.js

@@ -214,6 +214,12 @@ process.env.NODE_ENV !== "production" ? AppBar.propTypes /* remove-proptypes */
    * @default 'primary'
    */
   color: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['default', 'inherit', 'primary', 'secondary', 'transparent', 'error', 'info', 'success', 'warning']), _propTypes.default.string]),
+  /**
+   * Shadow depth, corresponds to `dp` in the spec.
+   * It accepts values between 0 and 24 inclusive.
+   * @default 4
+   */
+  elevation: _propTypes.default.number,
   /**
    * If true, the `color` prop is applied in dark mode.
    * @default false
@@ -221,11 +227,16 @@ process.env.NODE_ENV !== "production" ? AppBar.propTypes /* remove-proptypes */
   enableColorOnDark: _propTypes.default.bool,
   /**
    * The positioning type. The behavior of the different options is described
-   * [in the MDN web docs](https://developer.mozilla.org/en-US/docs/Web/CSS/position).
+   * [in the MDN web docs](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/position).
    * Note: `sticky` is not universally supported and will fall back to `static` when unavailable.
    * @default 'fixed'
    */
   position: _propTypes.default.oneOf(['absolute', 'fixed', 'relative', 'static', 'sticky']),
+  /**
+   * If `false`, rounded corners are enabled.
+   * @default true
+   */
+  square: _propTypes.default.bool,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/Button/Button.d.ts

@@ -117,6 +117,7 @@ export type ExtendButton<TypeMap extends OverridableTypeMap> = ((props: {
  *
  * - [Button Group](https://mui.com/material-ui/react-button-group/)
  * - [Button](https://mui.com/material-ui/react-button/)
+ * - [Number Field](https://mui.com/material-ui/react-number-field/)
  *
  * API:
  *

package/ButtonBase/ButtonBase.js

@@ -229,7 +229,10 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
   }
   const buttonProps = {};
   if (ComponentProp === 'button') {
-    buttonProps.type = type === undefined ? 'button' : type;
+    const hasFormAttributes = !!other.formAction;
+    // ButtonBase was defaulting to type="button" when no type prop was provided, which prevented form submission and broke formAction functionality.
+    // The fix checks for form-related attributes and skips the default type to allow the browser's natural submit behavior (type="submit").
+    buttonProps.type = type === undefined && !hasFormAttributes ? 'button' : type;
     buttonProps.disabled = disabled;
   } else {
     if (!other.href && !other.to) {
@@ -357,6 +360,10 @@ process.env.NODE_ENV !== "production" ? ButtonBase.propTypes /* remove-proptypes
    * if needed.
    */
   focusVisibleClassName: _propTypes.default.string,
+  /**
+   * @ignore
+   */
+  formAction: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string]),
   /**
    * @ignore
    */

package/ButtonBase/TouchRipple.js

@@ -235,7 +235,7 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
       rippleSize = Math.sqrt(sizeX ** 2 + sizeY ** 2);
     }
 
-    // Touche devices
+    // Touch devices
     if (event?.touches) {
       // check that this isn't another touchstart due to multitouch
       // otherwise we will only clear a single timer when unmounting while two

package/CHANGELOG.md

@@ -1,5 +1,92 @@
 # [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 -->

package/Chip/Chip.js

@@ -78,7 +78,7 @@ const ChipRoot = (0, _zeroStyled.styled)('div', {
       [`& .${_chipClasses.default.deleteIcon}`]: styles[`deleteIconColor${(0, _capitalize.default)(color)}`]
     }, {
       [`& .${_chipClasses.default.deleteIcon}`]: styles[`deleteIcon${(0, _capitalize.default)(variant)}Color${(0, _capitalize.default)(color)}`]
-    }, styles.root, styles[`size${(0, _capitalize.default)(size)}`], styles[`color${(0, _capitalize.default)(color)}`], clickable && styles.clickable, clickable && color !== 'default' && styles[`clickableColor${(0, _capitalize.default)(color)})`], onDelete && styles.deletable, onDelete && color !== 'default' && styles[`deletableColor${(0, _capitalize.default)(color)}`], styles[variant], styles[`${variant}${(0, _capitalize.default)(color)}`]];
+    }, styles.root, styles[`size${(0, _capitalize.default)(size)}`], styles[`color${(0, _capitalize.default)(color)}`], clickable && styles.clickable, clickable && color !== 'default' && styles[`clickableColor${(0, _capitalize.default)(color)}`], onDelete && styles.deletable, onDelete && color !== 'default' && styles[`deletableColor${(0, _capitalize.default)(color)}`], styles[variant], styles[`${variant}${(0, _capitalize.default)(color)}`]];
   }
 })((0, _memoTheme.default)(({
   theme

package/CssBaseline/CssBaseline.d.ts

@@ -7,7 +7,7 @@ export interface CssBaselineProps extends StyledComponentProps<never> {
   children?: React.ReactNode;
   /**
    * Enable `color-scheme` CSS property to use `theme.palette.mode`.
-   * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
+   * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/color-scheme
    * For browser support, check out https://caniuse.com/?search=color-scheme
    * @default false
    */

package/CssBaseline/CssBaseline.js

@@ -161,7 +161,7 @@ process.env.NODE_ENV !== "production" ? CssBaseline.propTypes /* remove-proptype
   children: _propTypes.default.node,
   /**
    * Enable `color-scheme` CSS property to use `theme.palette.mode`.
-   * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
+   * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/color-scheme
    * For browser support, check out https://caniuse.com/?search=color-scheme
    * @default false
    */

package/FormControl/FormControl.d.ts

@@ -105,6 +105,7 @@ export interface FormControlTypeMap<AdditionalProps = {}, RootComponent extends
  * Demos:
  *
  * - [Checkbox](https://mui.com/material-ui/react-checkbox/)
+ * - [Number Field](https://mui.com/material-ui/react-number-field/)
  * - [Radio Group](https://mui.com/material-ui/react-radio-button/)
  * - [Switch](https://mui.com/material-ui/react-switch/)
  * - [Text Field](https://mui.com/material-ui/react-text-field/)

package/FormHelperText/FormHelperText.d.ts

@@ -58,6 +58,7 @@ export interface FormHelperTextTypeMap<AdditionalProps = {}, RootComponent exten
  *
  * Demos:
  *
+ * - [Number Field](https://mui.com/material-ui/react-number-field/)
  * - [Text Field](https://mui.com/material-ui/react-text-field/)
  *
  * API:

package/FormLabel/FormLabel.d.ts

@@ -60,6 +60,7 @@ export interface FormLabelTypeMap<AdditionalProps = {}, RootComponent extends Re
  * Demos:
  *
  * - [Checkbox](https://mui.com/material-ui/react-checkbox/)
+ * - [Number Field](https://mui.com/material-ui/react-number-field/)
  * - [Radio Group](https://mui.com/material-ui/react-radio-button/)
  * - [Switch](https://mui.com/material-ui/react-switch/)
  *

package/IconButton/IconButton.d.ts

@@ -77,6 +77,7 @@ export type IconButtonTypeMap<AdditionalProps = {}, RootComponent extends React.
  * Demos:
  *
  * - [Button](https://mui.com/material-ui/react-button/)
+ * - [Number Field](https://mui.com/material-ui/react-number-field/)
  *
  * API:
  *

package/InputLabel/InputLabel.d.ts

@@ -65,6 +65,7 @@ export type InputLabelTypeMap<AdditionalProps = {}, RootComponent extends React.
  *
  * Demos:
  *
+ * - [Number Field](https://mui.com/material-ui/react-number-field/)
  * - [Text Field](https://mui.com/material-ui/react-text-field/)
  *
  * API:

package/ListItem/ListItem.d.ts

@@ -3,7 +3,9 @@ import { SxProps } from '@mui/system';
 import { Theme } from "../styles/index.js";
 import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
 import { ListItemClasses } from "./listItemClasses.js";
+import { SlotProps } from "../utils/types.js";
 export interface ListItemComponentsPropsOverrides {}
+export interface ListItemSecondaryActionSlotPropsOverrides {}
 
 /**
  * This type is kept for compatibility. Use `ListItemOwnProps` instead.
@@ -65,6 +67,7 @@ export interface ListItemBaseProps {
    */
   sx?: SxProps<Theme>;
 }
+export interface ListItemOwnerState extends Omit<ListItemProps, 'slots' | 'slotProps'> {}
 export interface ListItemOwnProps extends ListItemBaseProps {
   /**
    * The components used for each slot inside.
@@ -93,6 +96,7 @@ export interface ListItemOwnProps extends ListItemBaseProps {
    */
   slotProps?: {
     root?: React.HTMLAttributes<HTMLDivElement> & ListItemComponentsPropsOverrides;
+    secondaryAction?: SlotProps<React.ElementType<React.HTMLAttributes<HTMLDivElement>>, ListItemSecondaryActionSlotPropsOverrides, ListItemOwnerState>;
   };
   /**
    * The components used for each slot inside.
@@ -101,6 +105,7 @@ export interface ListItemOwnProps extends ListItemBaseProps {
    */
   slots?: {
     root?: React.ElementType;
+    secondaryAction?: React.ElementType;
   };
 }
 export interface ListItemTypeMap<AdditionalProps, RootComponent extends React.ElementType> {

package/ListItem/ListItem.js

@@ -19,6 +19,7 @@ var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
 var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _isMuiElement = _interopRequireDefault(require("../utils/isMuiElement"));
 var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
+var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
 var _ListContext = _interopRequireDefault(require("../List/ListContext"));
 var _listItemClasses = require("./listItemClasses");
 var _ListItemButton = require("../ListItemButton");
@@ -43,7 +44,8 @@ const useUtilityClasses = ownerState => {
   } = ownerState;
   const slots = {
     root: ['root', dense && 'dense', !disableGutters && 'gutters', !disablePadding && 'padding', divider && 'divider', alignItems === 'flex-start' && 'alignItemsFlexStart', hasSecondaryAction && 'secondaryAction'],
-    container: ['container']
+    container: ['container'],
+    secondaryAction: ['secondaryAction']
   };
   return (0, _composeClasses.default)(slots, _listItemClasses.getListItemUtilityClass, classes);
 };
@@ -205,6 +207,16 @@ const ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
   };
   const classes = useUtilityClasses(ownerState);
   const handleRef = (0, _useForkRef.default)(listItemRef, ref);
+  const externalForwardedProps = {
+    slots,
+    slotProps
+  };
+  const [SecondaryActionSlot, secondaryActionSlotProps] = (0, _useSlot.default)('secondaryAction', {
+    elementType: _ListItemSecondaryAction.default,
+    externalForwardedProps,
+    ownerState,
+    className: classes.secondaryAction
+  });
   const Root = slots.root || components.Root || ListItemRoot;
   const rootProps = slotProps.root || componentsProps.root || {};
   const componentProps = {
@@ -262,7 +274,8 @@ const ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
         }
       }),
       ...componentProps,
-      children: [children, secondaryAction && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemSecondaryAction.default, {
+      children: [children, secondaryAction && /*#__PURE__*/(0, _jsxRuntime.jsx)(SecondaryActionSlot, {
+        ...secondaryActionSlotProps,
         children: secondaryAction
       })]
     })
@@ -377,7 +390,8 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes /* remove-proptypes *
    * @default {}
    */
   slotProps: _propTypes.default.shape({
-    root: _propTypes.default.object
+    root: _propTypes.default.object,
+    secondaryAction: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
   }),
   /**
    * The components used for each slot inside.
@@ -385,7 +399,8 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes /* remove-proptypes *
    * @default {}
    */
   slots: _propTypes.default.shape({
-    root: _propTypes.default.elementType
+    root: _propTypes.default.elementType,
+    secondaryAction: _propTypes.default.elementType
   }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.

package/MenuList/MenuList.js

@@ -12,6 +12,7 @@ var _reactIs = require("react-is");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ownerDocument = _interopRequireDefault(require("../utils/ownerDocument"));
 var _List = _interopRequireDefault(require("../List"));
+var _getActiveElement = _interopRequireDefault(require("../utils/getActiveElement"));
 var _getScrollbarSize = _interopRequireDefault(require("../utils/getScrollbarSize"));
 var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
 var _useEnhancedEffect = _interopRequireDefault(require("../utils/useEnhancedEffect"));
@@ -143,7 +144,7 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
      * or document.body or document.documentElement. Only the first case will
      * trigger this specific handler.
      */
-    const currentFocus = (0, _ownerDocument.default)(list).activeElement;
+    const currentFocus = (0, _getActiveElement.default)((0, _ownerDocument.default)(list));
     if (key === 'ArrowDown') {
       // Prevent scroll of the page
       event.preventDefault();

package/OutlinedInput/OutlinedInput.d.ts

@@ -43,6 +43,7 @@ export interface OutlinedInputOwnerState extends Omit<OutlinedInputProps, 'slots
  *
  * Demos:
  *
+ * - [Number Field](https://mui.com/material-ui/react-number-field/)
  * - [Text Field](https://mui.com/material-ui/react-text-field/)
  *
  * API:

package/ScopedCssBaseline/ScopedCssBaseline.d.ts

@@ -14,7 +14,7 @@ export interface ScopedCssBaselineOwnProps {
   classes?: Partial<ScopedCssBaselineClasses>;
   /**
    * Enable `color-scheme` CSS property to use `theme.palette.mode`.
-   * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
+   * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/color-scheme
    * For browser support, check out https://caniuse.com/?search=color-scheme
    */
   enableColorScheme?: boolean;

package/ScopedCssBaseline/ScopedCssBaseline.js

@@ -114,7 +114,7 @@ process.env.NODE_ENV !== "production" ? ScopedCssBaseline.propTypes /* remove-pr
   component: _propTypes.default.elementType,
   /**
    * Enable `color-scheme` CSS property to use `theme.palette.mode`.
-   * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
+   * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/color-scheme
    * For browser support, check out https://caniuse.com/?search=color-scheme
    */
   enableColorScheme: _propTypes.default.bool,

package/Select/SelectInput.d.ts

@@ -41,6 +41,8 @@ export interface SelectInputProps<Value = unknown> {
   onChange?: (event: SelectChangeEvent<Value>, child: React.ReactNode) => void;
   onClose?: (event: React.SyntheticEvent) => void;
   onFocus?: React.FocusEventHandler<any>;
+  onKeyDown?: React.KeyboardEventHandler;
+  onMouseDown?: React.MouseEventHandler;
   onOpen?: (event: React.SyntheticEvent) => void;
   open?: boolean;
   readOnly?: boolean;

package/Select/SelectInput.js

@@ -135,6 +135,10 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
     onChange,
     onClose,
     onFocus,
+    // eslint-disable-next-line react/prop-types
+    onKeyDown,
+    // eslint-disable-next-line react/prop-types
+    onMouseDown,
     onOpen,
     open: openProp,
     readOnly,
@@ -229,6 +233,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
     }
   };
   const handleMouseDown = event => {
+    onMouseDown?.(event);
     // Ignore everything but left-click
     if (event.button !== 0) {
       return;
@@ -308,6 +313,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
         event.preventDefault();
         update(true, event);
       }
+      onKeyDown?.(event);
     }
   };
   const open = displayNode !== null && openState;

package/Slider/Slider.d.ts

@@ -113,7 +113,7 @@ export interface SliderOwnProps<Value extends number | number[]> {
    * If an array, it should contain objects with `value` and an optional `label` keys.
    * @default false
    */
-  marks?: boolean | Mark[];
+  marks?: boolean | readonly Mark[];
   /**
    * The maximum allowed value of the slider.
    * Should not be equal to min.

package/Slider/useSlider.types.d.ts

@@ -198,7 +198,7 @@ export interface UseSliderReturnValue {
   /**
    * The marks of the slider. Marks indicate predetermined values to which the user can move the slider.
    */
-  marks: Mark[];
+  marks: readonly Mark[];
   /**
    * The thumb index for the current value when in hover state.
    */

package/Snackbar/Snackbar.js

@@ -164,9 +164,7 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
   const {
     getRootProps,
     onClickAway
-  } = (0, _useSnackbar.default)({
-    ...ownerState
-  });
+  } = (0, _useSnackbar.default)(ownerState);
   const [exited, setExited] = React.useState(true);
   const handleExited = node => {
     setExited(true);

package/Tabs/Tabs.js

@@ -26,6 +26,7 @@ var _useEventCallback = _interopRequireDefault(require("../utils/useEventCallbac
 var _tabsClasses = _interopRequireWildcard(require("./tabsClasses"));
 var _ownerDocument = _interopRequireDefault(require("../utils/ownerDocument"));
 var _ownerWindow = _interopRequireDefault(require("../utils/ownerWindow"));
+var _getActiveElement = _interopRequireDefault(require("../utils/getActiveElement"));
 var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
 var _jsxRuntime = require("react/jsx-runtime");
 const nextItem = (list, item) => {
@@ -704,11 +705,11 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
       return;
     }
     const list = tabListRef.current;
-    const currentFocus = (0, _ownerDocument.default)(list).activeElement;
+    const currentFocus = (0, _getActiveElement.default)((0, _ownerDocument.default)(list));
     // Keyboard navigation assumes that [role="tab"] are siblings
     // though we might warn in the future about nested, interactive elements
     // as a a11y violation
-    const role = currentFocus.getAttribute('role');
+    const role = currentFocus?.getAttribute('role');
     if (role !== 'tab') {
       return;
     }