@mui/material 7.3.5 → 7.3.7

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/Modal/ModalManager.js

@@ -25,7 +25,7 @@ function ariaHidden(element, hide) {
   }
 }
 function getPaddingRight(element) {
-  return parseInt((0, _ownerWindow.default)(element).getComputedStyle(element).paddingRight, 10) || 0;
+  return parseFloat((0, _ownerWindow.default)(element).getComputedStyle(element).paddingRight) || 0;
 }
 function isAriaHiddenForbiddenOnElement(element) {
   // The forbidden HTML tags are the ones from ARIA specification that

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/README.md

@@ -33,7 +33,7 @@ Our documentation features [a collection of example projects using Material UI]
 
 ## Contributing
 
-Read the [contributing guide](/CONTRIBUTING.md) to learn about our development process, how to propose bug fixes and improvements, and how to build and test your changes.
+Read the [contributing guide](../../CONTRIBUTING.md) to learn about our development process, how to propose bug fixes and improvements, and how to build and test your changes.
 
 Contributing to Material UI is about more than just issues and pull requests!
 There are many other ways to [support Material UI](https://mui.com/material-ui/getting-started/faq/#mui-is-awesome-how-can-i-support-the-project) beyond contributing to the code base.
@@ -49,7 +49,7 @@ Future plans and high-priority features and enhancements can be found in the [ro
 ## License
 
 This project is licensed under the terms of the
-[MIT license](/LICENSE).
+[MIT license](../../LICENSE).
 
 ## Security
 

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,
@@ -180,6 +184,22 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
     node: inputRef.current,
     value
   }), [value]);
+  const open = displayNode !== null && openState;
+  React.useEffect(() => {
+    if (!open || !anchorElement || autoWidth) {
+      return undefined;
+    }
+    if (typeof ResizeObserver === 'undefined') {
+      return undefined;
+    }
+    const observer = new ResizeObserver(() => {
+      setMenuMinWidthState(anchorElement.clientWidth);
+    });
+    observer.observe(anchorElement);
+    return () => {
+      observer.disconnect();
+    };
+  }, [open, anchorElement, autoWidth]);
 
   // Resize menu on `defaultOpen` automatic toggle.
   React.useEffect(() => {
@@ -215,8 +235,8 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
     }
     return undefined;
   }, [labelId]);
-  const update = (open, event) => {
-    if (open) {
+  const update = (openParam, event) => {
+    if (openParam) {
       if (onOpen) {
         onOpen(event);
       }
@@ -225,10 +245,11 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
     }
     if (!isOpenControlled) {
       setMenuMinWidthState(autoWidth ? null : anchorElement.clientWidth);
-      setOpenState(open);
+      setOpenState(openParam);
     }
   };
   const handleMouseDown = event => {
+    onMouseDown?.(event);
     // Ignore everything but left-click
     if (event.button !== 0) {
       return;
@@ -308,9 +329,9 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
         event.preventDefault();
         update(true, event);
       }
+      onKeyDown?.(event);
     }
   };
-  const open = displayNode !== null && openState;
   const handleBlur = event => {
     // if open event.stopImmediatePropagation
     if (!open && onBlur) {

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.d.ts

@@ -87,7 +87,7 @@ export type TabsSlotsAndSlotProps = CreateSlotsAndSlotProps<TabsSlots, {
    */
   indicator: SlotProps<'span', TabsIndicatorSlotPropsOverrides, TabsOwnerState>;
   /**
-   * Props forwarded to the scrollButton slot.
+   * Props forwarded to the scrollButtons slot.
    * By default, the available props are based on the [TabScrollButton](https://mui.com/material-ui/api/tab-scroll-button/#props) component.
    */
   scrollButtons: SlotProps<typeof TabScrollButton, TabsScrollButtonsSlotPropsOverrides, TabsOwnerState>;

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) => {
@@ -351,7 +352,7 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
     slots,
     slotProps: {
       indicator: TabIndicatorProps,
-      scrollButton: TabScrollButtonProps,
+      scrollButtons: TabScrollButtonProps,
       ...slotProps
     }
   };
@@ -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;
     }

package/TextField/TextField.d.ts

@@ -47,22 +47,27 @@ export interface TextFieldSlots {
    */
   select: React.ElementType;
 }
+export interface TextFieldRootSlotPropsOverrides {}
+export interface TextFieldInputSlotPropsOverrides {}
+export interface TextFieldInputLabelSlotPropsOverrides {}
+export interface TextFieldFormHelperTextSlotPropsOverrides {}
+export interface TextFieldSelectSlotPropsOverrides {}
 export type TextFieldSlotsAndSlotProps<InputPropsType> = CreateSlotsAndSlotProps<TextFieldSlots, {
   /**
    * Props forwarded to the root slot.
    * By default, the available props are based on the [FormControl](https://mui.com/material-ui/api/form-control/#props) component.
    */
-  root: SlotProps<React.ElementType<FormControlProps>, {}, TextFieldOwnerState>;
+  root: SlotProps<React.ElementType<FormControlProps>, TextFieldRootSlotPropsOverrides, TextFieldOwnerState>;
   /**
    * Props forwarded to the input slot.
    * By default, the available props are based on the [Input](https://mui.com/material-ui/api/input/#props) component.
    */
-  input: SlotProps<React.ElementType<InputPropsType>, {}, TextFieldOwnerState>;
+  input: SlotProps<React.ElementType<InputPropsType>, TextFieldInputSlotPropsOverrides, TextFieldOwnerState>;
   /**
    * Props forwarded to the input label slot.
    * By default, the available props are based on the [InputLabel](https://mui.com/material-ui/api/input-label/#props) component.
    */
-  inputLabel: SlotProps<React.ElementType<InputLabelProps>, {}, TextFieldOwnerState>;
+  inputLabel: SlotProps<React.ElementType<InputLabelProps>, TextFieldInputLabelSlotPropsOverrides, TextFieldOwnerState>;
   /**
    * Props forwarded to the html input slot.
    * By default, the available props are based on the html input element.
@@ -72,12 +77,12 @@ export type TextFieldSlotsAndSlotProps<InputPropsType> = CreateSlotsAndSlotProps
    * Props forwarded to the form helper text slot.
    * By default, the available props are based on the [FormHelperText](https://mui.com/material-ui/api/form-helper-text/#props) component.
    */
-  formHelperText: SlotProps<React.ElementType<FormHelperTextProps>, {}, TextFieldOwnerState>;
+  formHelperText: SlotProps<React.ElementType<FormHelperTextProps>, TextFieldFormHelperTextSlotPropsOverrides, TextFieldOwnerState>;
   /**
    * Props forwarded to the select slot.
    * By default, the available props are based on the [Select](https://mui.com/material-ui/api/select/#props) component.
    */
-  select: SlotProps<React.ElementType<SelectProps>, {}, TextFieldOwnerState>;
+  select: SlotProps<React.ElementType<SelectProps>, TextFieldSelectSlotPropsOverrides, TextFieldOwnerState>;
 }>;
 export interface BaseTextFieldProps extends StandardProps<FormControlProps,
 // event handlers are declared on derived interfaces

package/Unstable_TrapFocus/FocusTrap.js

@@ -15,6 +15,7 @@ var _ownerDocument = _interopRequireDefault(require("@mui/utils/ownerDocument"))
 var _getReactElementRef = _interopRequireDefault(require("@mui/utils/getReactElementRef"));
 var _exactProp = _interopRequireDefault(require("@mui/utils/exactProp"));
 var _elementAcceptingRef = _interopRequireDefault(require("@mui/utils/elementAcceptingRef"));
+var _getActiveElement = _interopRequireDefault(require("../utils/getActiveElement"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Inspired by https://github.com/focus-trap/tabbable
 const candidatesSelector = ['input', 'select', 'textarea', 'a[href]', 'button', '[tabindex]', 'audio[controls]', 'video[controls]', '[contenteditable]:not([contenteditable="false"])'].join(',');
@@ -118,7 +119,8 @@ function FocusTrap(props) {
       return;
     }
     const doc = (0, _ownerDocument.default)(rootRef.current);
-    if (!rootRef.current.contains(doc.activeElement)) {
+    const activeElement = (0, _getActiveElement.default)(doc);
+    if (!rootRef.current.contains(activeElement)) {
       if (!rootRef.current.hasAttribute('tabIndex')) {
         if (process.env.NODE_ENV !== 'production') {
           console.error(['MUI: The modal content node does not accept focus.', 'For the benefit of assistive technologies, ' + 'the tabIndex of the node is being set to "-1".'].join('\n'));
@@ -158,10 +160,11 @@ function FocusTrap(props) {
       if (disableEnforceFocus || !isEnabled() || nativeEvent.key !== 'Tab') {
         return;
       }
+      const activeElement = (0, _getActiveElement.default)(doc);
 
       // Make sure the next tab starts from the right place.
-      // doc.activeElement refers to the origin.
-      if (doc.activeElement === rootRef.current && nativeEvent.shiftKey) {
+      // activeElement refers to the origin.
+      if (activeElement === rootRef.current && nativeEvent.shiftKey) {
         // We need to ignore the next contain as
         // it will try to move the focus back to the rootRef element.
         ignoreNextEnforceFocus.current = true;
@@ -178,23 +181,24 @@ function FocusTrap(props) {
       if (rootElement === null) {
         return;
       }
+      const activeEl = (0, _getActiveElement.default)(doc);
       if (!doc.hasFocus() || !isEnabled() || ignoreNextEnforceFocus.current) {
         ignoreNextEnforceFocus.current = false;
         return;
       }
 
       // The focus is already inside
-      if (rootElement.contains(doc.activeElement)) {
+      if (rootElement.contains(activeEl)) {
         return;
       }
 
       // The disableEnforceFocus is set and the focus is outside of the focus trap (and sentinel nodes)
-      if (disableEnforceFocus && doc.activeElement !== sentinelStart.current && doc.activeElement !== sentinelEnd.current) {
+      if (disableEnforceFocus && activeEl !== sentinelStart.current && activeEl !== sentinelEnd.current) {
         return;
       }
 
       // if the focus event is not coming from inside the children's react tree, reset the refs
-      if (doc.activeElement !== reactFocusEventTarget.current) {
+      if (activeEl !== reactFocusEventTarget.current) {
         reactFocusEventTarget.current = null;
       } else if (reactFocusEventTarget.current !== null) {
         return;
@@ -203,7 +207,7 @@ function FocusTrap(props) {
         return;
       }
       let tabbable = [];
-      if (doc.activeElement === sentinelStart.current || doc.activeElement === sentinelEnd.current) {
+      if (activeEl === sentinelStart.current || activeEl === sentinelEnd.current) {
         tabbable = getTabbable(rootRef.current);
       }
 
@@ -235,7 +239,8 @@ function FocusTrap(props) {
     // The whatwg spec defines how the browser should behave but does not explicitly mention any events:
     // https://html.spec.whatwg.org/multipage/interaction.html#focus-fixup-rule.
     const interval = setInterval(() => {
-      if (doc.activeElement && doc.activeElement.tagName === 'BODY') {
+      const activeEl = (0, _getActiveElement.default)(doc);
+      if (activeEl && activeEl.tagName === 'BODY') {
         contain();
       }
     }, 50);

package/esm/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 prevents the increased height when expanded.
+   * @default false
+   */
+  disableGutters?: boolean;
+  /**
+   * If `true`, expands the accordion, otherwise collapses 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/esm/Accordion/Accordion.js

@@ -142,7 +142,6 @@ const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref)
     disableGutters = false,
     expanded: expandedProp,
     onChange,
-    square = false,
     slots = {},
     slotProps = {},
     TransitionComponent: TransitionComponentProp,
@@ -170,7 +169,6 @@ const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref)
   }), [expanded, disabled, disableGutters, handleChange]);
   const ownerState = {
     ...props,
-    square,
     disabled,
     disableGutters,
     expanded
@@ -197,10 +195,7 @@ const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref)
     className: clsx(classes.root, className),
     shouldForwardComponentProp: true,
     ownerState,
-    ref,
-    additionalProps: {
-      square
-    }
+    ref
   });
   const [AccordionHeadingSlot, accordionProps] = useSlot('heading', {
     elementType: AccordionHeading,
@@ -280,12 +275,12 @@ process.env.NODE_ENV !== "production" ? Accordion.propTypes /* remove-proptypes
    */
   disabled: PropTypes.bool,
   /**
-   * If `true`, it removes the margin between two expanded accordion items and the increase of height.
+   * If `true`, it removes the margin between two expanded accordion items and prevents the increased height when expanded.
    * @default false
    */
   disableGutters: PropTypes.bool,
   /**
-   * If `true`, expands the accordion, otherwise collapse it.
+   * If `true`, expands the accordion, otherwise collapses it.
    * Setting this prop enables control over the accordion.
    */
   expanded: PropTypes.bool,
@@ -316,11 +311,6 @@ process.env.NODE_ENV !== "production" ? Accordion.propTypes /* remove-proptypes
     root: PropTypes.elementType,
     transition: PropTypes.elementType
   }),
-  /**
-   * If `true`, rounded corners are disabled.
-   * @default false
-   */
-  square: PropTypes.bool,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/esm/Alert/Alert.js

@@ -230,7 +230,7 @@ const Alert = /*#__PURE__*/React.forwardRef(function Alert(inProps, ref) {
     ...rootSlotProps,
     children: [icon !== false ? /*#__PURE__*/_jsx(IconSlot, {
       ...iconSlotProps,
-      children: icon || iconMapping[severity] || defaultIconMapping[severity]
+      children: icon || iconMapping[severity]
     }) : null, /*#__PURE__*/_jsx(MessageSlot, {
       ...messageSlotProps,
       children: children