@mui/material 5.15.9 → 5.15.10

package/Avatar/Avatar.d.ts

@@ -4,9 +4,30 @@ import { OverridableStringUnion } from '@mui/types';
 import { Theme } from '../styles';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { AvatarClasses } from './avatarClasses';
+import { CreateSlotsAndSlotProps, SlotProps } from '../utils/types';
+
+export interface AvatarSlots {
+  /**
+   * The component that renders the transition.
+   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * @default Collapse
+   */
+  img?: React.JSXElementConstructor<React.ImgHTMLAttributes<HTMLImageElement>>;
+}
 
 export interface AvatarPropsVariantOverrides {}
 
+export type AvatarSlotsAndSlotProps = CreateSlotsAndSlotProps<
+  AvatarSlots,
+  {
+    img: SlotProps<
+      React.ElementType<React.ImgHTMLAttributes<HTMLImageElement>>,
+      {},
+      AvatarOwnProps
+    >;
+  }
+>;
+
 export interface AvatarOwnProps {
   /**
    * Used in combination with `src` or `srcSet` to
@@ -25,6 +46,7 @@ export interface AvatarOwnProps {
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attributes) applied to the `img` element if the component is used to display an image.
    * It can be used to listen for the loading error event.
+   * @deprecated Use `slotProps.img` instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
    */
   imgProps?: React.ImgHTMLAttributes<HTMLImageElement> & {
     sx?: SxProps<Theme>;
@@ -57,7 +79,7 @@ export interface AvatarTypeMap<
   AdditionalProps = {},
   RootComponent extends React.ElementType = 'div',
 > {
-  props: AdditionalProps & AvatarOwnProps;
+  props: AdditionalProps & AvatarOwnProps & AvatarSlotsAndSlotProps;
   defaultComponent: RootComponent;
 }
 

package/Avatar/Avatar.js

@@ -2,7 +2,7 @@
 
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["alt", "children", "className", "component", "imgProps", "sizes", "src", "srcSet", "variant"];
+const _excluded = ["alt", "children", "className", "component", "slots", "slotProps", "imgProps", "sizes", "src", "srcSet", "variant"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -11,6 +11,7 @@ import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import Person from '../internal/svg-icons/Person';
 import { getAvatarUtilityClass } from './avatarClasses';
+import useSlot from '../utils/useSlot';
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
@@ -150,6 +151,8 @@ const Avatar = /*#__PURE__*/React.forwardRef(function Avatar(inProps, ref) {
       children: childrenProp,
       className,
       component = 'div',
+      slots = {},
+      slotProps = {},
       imgProps,
       sizes,
       src,
@@ -172,16 +175,25 @@ const Avatar = /*#__PURE__*/React.forwardRef(function Avatar(inProps, ref) {
     variant
   });
   const classes = useUtilityClasses(ownerState);
+  const [ImgSlot, imgSlotProps] = useSlot('img', {
+    className: classes.img,
+    elementType: AvatarImg,
+    externalForwardedProps: {
+      slots,
+      slotProps: {
+        img: _extends({}, imgProps, slotProps.img)
+      }
+    },
+    additionalProps: {
+      alt,
+      src,
+      srcSet,
+      sizes
+    },
+    ownerState
+  });
   if (hasImgNotFailing) {
-    children = /*#__PURE__*/_jsx(AvatarImg, _extends({
-      alt: alt,
-      srcSet: srcSet,
-      src: src,
-      sizes: sizes,
-      ownerState: ownerState,
-      className: classes.img
-    }, imgProps));
-
+    children = /*#__PURE__*/_jsx(ImgSlot, _extends({}, imgSlotProps));
     // We only render valid children, non valid children are rendered with a fallback
     // We consider that invalid children are all falsy values, except 0, which is valid.
   } else if (!!childrenProp || childrenProp === 0) {
@@ -234,12 +246,27 @@ process.env.NODE_ENV !== "production" ? Avatar.propTypes /* remove-proptypes */
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attributes) applied to the `img` element if the component is used to display an image.
    * It can be used to listen for the loading error event.
+   * @deprecated Use `slotProps.img` instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
    */
   imgProps: PropTypes.object,
   /**
    * The `sizes` attribute for the `img` element.
    */
   sizes: PropTypes.string,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    img: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: PropTypes.shape({
+    img: PropTypes.elementType
+  }),
   /**
    * The `src` attribute for the `img` element.
    */

package/CHANGELOG.md

@@ -1,5 +1,56 @@
 # [Versions](https://mui.com/versions/)
 
+## v5.15.10
+
+<!-- generated comparing v5.15.9..master -->
+
+_Feb 12, 2024_
+
+A big thanks to the 8 contributors who made this release possible.
+This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
+
+### `@mui/material@5.15.10`
+
+- [Avatar] Add props deprecation with a codemod (#40853) @siriwatknp
+
+### `@mui/system@5.15.10`
+
+- [Stack] Update import statement for Stack component (#41032) @sai6855
+
+### `@mui/joy@5.0.0-beta.28`
+
+- [Button] Fix `disabled` prop priority when inside button group (#41000) @Smileek
+- [IconButton] Support loading prop (#40949) @Smileek
+
+### Docs
+
+- [Button][material-ui] Fix 'File upload' demo a11y (#40943) @oliviertassinari
+- [TableRow][material-ui] Escape markup in `children` prop so docgen tools don't parse it as HTML (#40992) @millerized
+- [material-ui] Remove outdated example projects link (it uses Joy UI now) (#40913) @oliviertassinari
+- [material-ui] Fix the "Intro to the MUI ecosystem" link placement (#40988) @danilo-leal
+- Fix 301 redirection to StackBlitz @oliviertassinari
+- Fix h1 on Joy UI templates @oliviertassinari
+- Have MUI workspace own the CodeSandbox @oliviertassinari
+- Add notification for mui x v7 beta (#41001) @joserodolfofreitas
+- Fix 301 links @oliviertassinari
+- Fix Next.js v13.5.1 <title> SEO regression (#40302) @oliviertassinari
+- Add a 404 page (#40884) @danilo-leal
+- Fix missing GitHub label when opening new issue @oliviertassinari
+
+### Core
+
+- [blog] Add post about upcoming plans for Base UI (#40882) @danilo-leal
+- [core] Simplify CodeSandbox reproduction @oliviertassinari
+- [core] Missing redirection @oliviertassinari
+- [core] Export functions from `copyFiles` script to reuse in MUI X repo (#40970) @cherniavskii
+- [core] Avoid variable shorthands @oliviertassinari
+- [docs-infra] Fix search icon issue (#40957) @oliviertassinari
+- [docs-infra] Ignore classes tagged with `@ignore` (#41009) @cherniavskii
+- [docs-infra] Fix selected tab on codeblocks (#41036) @danilo-leal
+- [website] Polish Customer Support Agent role @oliviertassinari
+
+All contributors of this release in alphabetical order: @cherniavskii, @danilo-leal, @joserodolfofreitas, @millerized, @oliviertassinari, @sai6855, @siriwatknp, @Smileek
+
 ## v5.15.9<!-- generated comparing v5.15.8..master -->
 
 _Feb 8, 2024_

package/TableRow/TableRow.d.ts

@@ -6,7 +6,7 @@ import { TableRowClasses } from './tableRowClasses';
 
 export interface TableRowOwnProps {
   /**
-   * Should be valid <tr> children such as `TableCell`.
+   * Should be valid `<tr>` children such as `TableCell`.
    */
   children?: React.ReactNode;
   /**

package/TableRow/TableRow.js

@@ -93,7 +93,7 @@ process.env.NODE_ENV !== "production" ? TableRow.propTypes /* remove-proptypes *
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
   // └─────────────────────────────────────────────────────────────────────┘
   /**
-   * Should be valid <tr> children such as `TableCell`.
+   * Should be valid `<tr>` children such as `TableCell`.
    */
   children: PropTypes.node,
   /**

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.15.9
+ * @mui/material v5.15.10
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/Avatar/Avatar.js

@@ -1,5 +1,6 @@
 'use client';
 
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
@@ -10,6 +11,7 @@ import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import Person from '../internal/svg-icons/Person';
 import { getAvatarUtilityClass } from './avatarClasses';
+import useSlot from '../utils/useSlot';
 import { jsx as _jsx } from "react/jsx-runtime";
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
@@ -151,13 +153,17 @@ var Avatar = /*#__PURE__*/React.forwardRef(function Avatar(inProps, ref) {
     className = props.className,
     _props$component = props.component,
     component = _props$component === void 0 ? 'div' : _props$component,
+    _props$slots = props.slots,
+    slots = _props$slots === void 0 ? {} : _props$slots,
+    _props$slotProps = props.slotProps,
+    slotProps = _props$slotProps === void 0 ? {} : _props$slotProps,
     imgProps = props.imgProps,
     sizes = props.sizes,
     src = props.src,
     srcSet = props.srcSet,
     _props$variant = props.variant,
     variant = _props$variant === void 0 ? 'circular' : _props$variant,
-    other = _objectWithoutProperties(props, ["alt", "children", "className", "component", "imgProps", "sizes", "src", "srcSet", "variant"]);
+    other = _objectWithoutProperties(props, ["alt", "children", "className", "component", "slots", "slotProps", "imgProps", "sizes", "src", "srcSet", "variant"]);
   var children = null;
 
   // Use a hook instead of onError on the img element to support server-side rendering.
@@ -173,16 +179,28 @@ var Avatar = /*#__PURE__*/React.forwardRef(function Avatar(inProps, ref) {
     variant: variant
   });
   var classes = useUtilityClasses(ownerState);
+  var _useSlot = useSlot('img', {
+      className: classes.img,
+      elementType: AvatarImg,
+      externalForwardedProps: {
+        slots: slots,
+        slotProps: {
+          img: _extends({}, imgProps, slotProps.img)
+        }
+      },
+      additionalProps: {
+        alt: alt,
+        src: src,
+        srcSet: srcSet,
+        sizes: sizes
+      },
+      ownerState: ownerState
+    }),
+    _useSlot2 = _slicedToArray(_useSlot, 2),
+    ImgSlot = _useSlot2[0],
+    imgSlotProps = _useSlot2[1];
   if (hasImgNotFailing) {
-    children = /*#__PURE__*/_jsx(AvatarImg, _extends({
-      alt: alt,
-      srcSet: srcSet,
-      src: src,
-      sizes: sizes,
-      ownerState: ownerState,
-      className: classes.img
-    }, imgProps));
-
+    children = /*#__PURE__*/_jsx(ImgSlot, _extends({}, imgSlotProps));
     // We only render valid children, non valid children are rendered with a fallback
     // We consider that invalid children are all falsy values, except 0, which is valid.
   } else if (!!childrenProp || childrenProp === 0) {
@@ -235,12 +253,27 @@ process.env.NODE_ENV !== "production" ? Avatar.propTypes /* remove-proptypes */
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attributes) applied to the `img` element if the component is used to display an image.
    * It can be used to listen for the loading error event.
+   * @deprecated Use `slotProps.img` instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
    */
   imgProps: PropTypes.object,
   /**
    * The `sizes` attribute for the `img` element.
    */
   sizes: PropTypes.string,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    img: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: PropTypes.shape({
+    img: PropTypes.elementType
+  }),
   /**
    * The `src` attribute for the `img` element.
    */

package/legacy/TableRow/TableRow.js

@@ -89,7 +89,7 @@ process.env.NODE_ENV !== "production" ? TableRow.propTypes /* remove-proptypes *
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
   // └─────────────────────────────────────────────────────────────────────┘
   /**
-   * Should be valid <tr> children such as `TableCell`.
+   * Should be valid `<tr>` children such as `TableCell`.
    */
   children: PropTypes.node,
   /**

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.15.9
+ * @mui/material v5.15.10
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/Avatar/Avatar.js

@@ -2,7 +2,7 @@
 
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["alt", "children", "className", "component", "imgProps", "sizes", "src", "srcSet", "variant"];
+const _excluded = ["alt", "children", "className", "component", "slots", "slotProps", "imgProps", "sizes", "src", "srcSet", "variant"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -11,6 +11,7 @@ import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import Person from '../internal/svg-icons/Person';
 import { getAvatarUtilityClass } from './avatarClasses';
+import useSlot from '../utils/useSlot';
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
@@ -150,6 +151,8 @@ const Avatar = /*#__PURE__*/React.forwardRef(function Avatar(inProps, ref) {
       children: childrenProp,
       className,
       component = 'div',
+      slots = {},
+      slotProps = {},
       imgProps,
       sizes,
       src,
@@ -172,16 +175,25 @@ const Avatar = /*#__PURE__*/React.forwardRef(function Avatar(inProps, ref) {
     variant
   });
   const classes = useUtilityClasses(ownerState);
+  const [ImgSlot, imgSlotProps] = useSlot('img', {
+    className: classes.img,
+    elementType: AvatarImg,
+    externalForwardedProps: {
+      slots,
+      slotProps: {
+        img: _extends({}, imgProps, slotProps.img)
+      }
+    },
+    additionalProps: {
+      alt,
+      src,
+      srcSet,
+      sizes
+    },
+    ownerState
+  });
   if (hasImgNotFailing) {
-    children = /*#__PURE__*/_jsx(AvatarImg, _extends({
-      alt: alt,
-      srcSet: srcSet,
-      src: src,
-      sizes: sizes,
-      ownerState: ownerState,
-      className: classes.img
-    }, imgProps));
-
+    children = /*#__PURE__*/_jsx(ImgSlot, _extends({}, imgSlotProps));
     // We only render valid children, non valid children are rendered with a fallback
     // We consider that invalid children are all falsy values, except 0, which is valid.
   } else if (!!childrenProp || childrenProp === 0) {
@@ -234,12 +246,27 @@ process.env.NODE_ENV !== "production" ? Avatar.propTypes /* remove-proptypes */
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attributes) applied to the `img` element if the component is used to display an image.
    * It can be used to listen for the loading error event.
+   * @deprecated Use `slotProps.img` instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
    */
   imgProps: PropTypes.object,
   /**
    * The `sizes` attribute for the `img` element.
    */
   sizes: PropTypes.string,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    img: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: PropTypes.shape({
+    img: PropTypes.elementType
+  }),
   /**
    * The `src` attribute for the `img` element.
    */

package/modern/TableRow/TableRow.js

@@ -93,7 +93,7 @@ process.env.NODE_ENV !== "production" ? TableRow.propTypes /* remove-proptypes *
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
   // └─────────────────────────────────────────────────────────────────────┘
   /**
-   * Should be valid <tr> children such as `TableCell`.
+   * Should be valid `<tr>` children such as `TableCell`.
    */
   children: PropTypes.node,
   /**

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.15.9
+ * @mui/material v5.15.10
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/Avatar/Avatar.js

@@ -16,8 +16,9 @@ var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _Person = _interopRequireDefault(require("../internal/svg-icons/Person"));
 var _avatarClasses = require("./avatarClasses");
+var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["alt", "children", "className", "component", "imgProps", "sizes", "src", "srcSet", "variant"];
+const _excluded = ["alt", "children", "className", "component", "slots", "slotProps", "imgProps", "sizes", "src", "srcSet", "variant"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const useUtilityClasses = ownerState => {
@@ -158,6 +159,8 @@ const Avatar = /*#__PURE__*/React.forwardRef(function Avatar(inProps, ref) {
       children: childrenProp,
       className,
       component = 'div',
+      slots = {},
+      slotProps = {},
       imgProps,
       sizes,
       src,
@@ -180,16 +183,25 @@ const Avatar = /*#__PURE__*/React.forwardRef(function Avatar(inProps, ref) {
     variant
   });
   const classes = useUtilityClasses(ownerState);
+  const [ImgSlot, imgSlotProps] = (0, _useSlot.default)('img', {
+    className: classes.img,
+    elementType: AvatarImg,
+    externalForwardedProps: {
+      slots,
+      slotProps: {
+        img: (0, _extends2.default)({}, imgProps, slotProps.img)
+      }
+    },
+    additionalProps: {
+      alt,
+      src,
+      srcSet,
+      sizes
+    },
+    ownerState
+  });
   if (hasImgNotFailing) {
-    children = /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarImg, (0, _extends2.default)({
-      alt: alt,
-      srcSet: srcSet,
-      src: src,
-      sizes: sizes,
-      ownerState: ownerState,
-      className: classes.img
-    }, imgProps));
-
+    children = /*#__PURE__*/(0, _jsxRuntime.jsx)(ImgSlot, (0, _extends2.default)({}, imgSlotProps));
     // We only render valid children, non valid children are rendered with a fallback
     // We consider that invalid children are all falsy values, except 0, which is valid.
   } else if (!!childrenProp || childrenProp === 0) {
@@ -242,12 +254,27 @@ process.env.NODE_ENV !== "production" ? Avatar.propTypes /* remove-proptypes */
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attributes) applied to the `img` element if the component is used to display an image.
    * It can be used to listen for the loading error event.
+   * @deprecated Use `slotProps.img` instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
    */
   imgProps: _propTypes.default.object,
   /**
    * The `sizes` attribute for the `img` element.
    */
   sizes: _propTypes.default.string,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: _propTypes.default.shape({
+    img: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: _propTypes.default.shape({
+    img: _propTypes.default.elementType
+  }),
   /**
    * The `src` attribute for the `img` element.
    */

package/node/TableRow/TableRow.js

@@ -101,7 +101,7 @@ process.env.NODE_ENV !== "production" ? TableRow.propTypes /* remove-proptypes *
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
   // └─────────────────────────────────────────────────────────────────────┘
   /**
-   * Should be valid <tr> children such as `TableCell`.
+   * Should be valid `<tr>` children such as `TableCell`.
    */
   children: _propTypes.default.node,
   /**

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.15.9
+ * @mui/material v5.15.10
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "5.15.9",
+  "version": "5.15.10",
   "private": false,
   "author": "MUI Team",
   "description": "Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.",
@@ -34,11 +34,11 @@
     "prop-types": "^15.8.1",
     "react-is": "^18.2.0",
     "react-transition-group": "^4.4.5",
-    "@mui/types": "^7.2.13",
-    "@mui/base": "5.0.0-beta.36",
-    "@mui/utils": "^5.15.9",
+    "@mui/core-downloads-tracker": "^5.15.10",
     "@mui/system": "^5.15.9",
-    "@mui/core-downloads-tracker": "^5.15.9"
+    "@mui/utils": "^5.15.9",
+    "@mui/types": "^7.2.13",
+    "@mui/base": "5.0.0-beta.36"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",

package/umd/material-ui.development.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.15.9
+ * @mui/material v5.15.10
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -23974,13 +23974,17 @@
       className = props.className,
       _props$component = props.component,
       component = _props$component === void 0 ? 'div' : _props$component,
+      _props$slots = props.slots,
+      slots = _props$slots === void 0 ? {} : _props$slots,
+      _props$slotProps = props.slotProps,
+      slotProps = _props$slotProps === void 0 ? {} : _props$slotProps,
       imgProps = props.imgProps,
       sizes = props.sizes,
       src = props.src,
       srcSet = props.srcSet,
       _props$variant = props.variant,
       variant = _props$variant === void 0 ? 'circular' : _props$variant,
-      other = _objectWithoutProperties(props, ["alt", "children", "className", "component", "imgProps", "sizes", "src", "srcSet", "variant"]);
+      other = _objectWithoutProperties(props, ["alt", "children", "className", "component", "slots", "slotProps", "imgProps", "sizes", "src", "srcSet", "variant"]);
     var children = null;
 
     // Use a hook instead of onError on the img element to support server-side rendering.
@@ -23996,16 +24000,28 @@
       variant: variant
     });
     var classes = useUtilityClasses$1w(ownerState);
+    var _useSlot = useSlot('img', {
+        className: classes.img,
+        elementType: AvatarImg,
+        externalForwardedProps: {
+          slots: slots,
+          slotProps: {
+            img: _extends({}, imgProps, slotProps.img)
+          }
+        },
+        additionalProps: {
+          alt: alt,
+          src: src,
+          srcSet: srcSet,
+          sizes: sizes
+        },
+        ownerState: ownerState
+      }),
+      _useSlot2 = _slicedToArray(_useSlot, 2),
+      ImgSlot = _useSlot2[0],
+      imgSlotProps = _useSlot2[1];
     if (hasImgNotFailing) {
-      children = /*#__PURE__*/jsxRuntime_1(AvatarImg, _extends({
-        alt: alt,
-        srcSet: srcSet,
-        src: src,
-        sizes: sizes,
-        ownerState: ownerState,
-        className: classes.img
-      }, imgProps));
-
+      children = /*#__PURE__*/jsxRuntime_1(ImgSlot, _extends({}, imgSlotProps));
       // We only render valid children, non valid children are rendered with a fallback
       // We consider that invalid children are all falsy values, except 0, which is valid.
     } else if (!!childrenProp || childrenProp === 0) {
@@ -24058,12 +24074,27 @@
     /**
      * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attributes) applied to the `img` element if the component is used to display an image.
      * It can be used to listen for the loading error event.
+     * @deprecated Use `slotProps.img` instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
      */
     imgProps: PropTypes.object,
     /**
      * The `sizes` attribute for the `img` element.
      */
     sizes: PropTypes.string,
+    /**
+     * The props used for each slot inside.
+     * @default {}
+     */
+    slotProps: PropTypes.shape({
+      img: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+    }),
+    /**
+     * The components used for each slot inside.
+     * @default {}
+     */
+    slots: PropTypes.shape({
+      img: PropTypes.elementType
+    }),
     /**
      * The `src` attribute for the `img` element.
      */
@@ -48112,7 +48143,7 @@
     // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
     // └─────────────────────────────────────────────────────────────────────┘
     /**
-     * Should be valid <tr> children such as `TableCell`.
+     * Should be valid `<tr>` children such as `TableCell`.
      */
     children: PropTypes.node,
     /**