@mui/material 5.0.0 → 5.0.4

package/modern/Tab/Tab.js

@@ -25,7 +25,8 @@ const useUtilityClasses = ownerState => {
     disabled
   } = ownerState;
   const slots = {
-    root: ['root', icon && label && 'labelIcon', `textColor${capitalize(textColor)}`, fullWidth && 'fullWidth', wrapped && 'wrapped', selected && 'selected', disabled && 'disabled']
+    root: ['root', icon && label && 'labelIcon', `textColor${capitalize(textColor)}`, fullWidth && 'fullWidth', wrapped && 'wrapped', selected && 'selected', disabled && 'disabled'],
+    iconWrapper: ['iconWrapper']
   };
   return composeClasses(slots, getTabUtilityClass, classes);
 };
@@ -58,7 +59,7 @@ const TabRoot = styled(ButtonBase, {
   minHeight: 72,
   paddingTop: 9,
   paddingBottom: 9,
-  [`& > *:first-child`]: {
+  [`& > .${tabClasses.iconWrapper}`]: {
     marginBottom: 6
   }
 }, ownerState.textColor === 'inherit' && {
@@ -107,7 +108,7 @@ const Tab = /*#__PURE__*/React.forwardRef(function Tab(inProps, ref) {
     disableFocusRipple = false,
     // eslint-disable-next-line react/prop-types
     fullWidth,
-    icon,
+    icon: iconProp,
     // eslint-disable-next-line react/prop-types
     indicator,
     label,
@@ -129,7 +130,7 @@ const Tab = /*#__PURE__*/React.forwardRef(function Tab(inProps, ref) {
     disabled,
     disableFocusRipple,
     selected,
-    icon: !!icon,
+    icon: !!iconProp,
     label: !!label,
     fullWidth,
     textColor,
@@ -137,6 +138,9 @@ const Tab = /*#__PURE__*/React.forwardRef(function Tab(inProps, ref) {
   });
 
   const classes = useUtilityClasses(ownerState);
+  const icon = iconProp && label && /*#__PURE__*/React.isValidElement(iconProp) ? /*#__PURE__*/React.cloneElement(iconProp, {
+    className: clsx(classes.iconWrapper, iconProp.props.className)
+  }) : iconProp;
 
   const handleClick = event => {
     if (!selected && onChange) {

package/modern/Tab/tabClasses.js

@@ -2,5 +2,5 @@ import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
 export function getTabUtilityClass(slot) {
   return generateUtilityClass('MuiTab', slot);
 }
-const tabClasses = generateUtilityClasses('MuiTab', ['root', 'labelIcon', 'textColorInherit', 'textColorPrimary', 'textColorSecondary', 'selected', 'disabled', 'fullWidth', 'wrapped']);
+const tabClasses = generateUtilityClasses('MuiTab', ['root', 'labelIcon', 'textColorInherit', 'textColorPrimary', 'textColorSecondary', 'selected', 'disabled', 'fullWidth', 'wrapped', 'iconWrapper']);
 export default tabClasses;

package/modern/Tooltip/Tooltip.js

@@ -1,11 +1,11 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["arrow", "children", "classes", "describeChild", "disableFocusListener", "disableHoverListener", "disableInteractive", "disableTouchListener", "enterDelay", "enterNextDelay", "enterTouchDelay", "followCursor", "id", "leaveDelay", "leaveTouchDelay", "onClose", "onOpen", "open", "placement", "PopperComponent", "PopperProps", "title", "TransitionComponent", "TransitionProps"];
+const _excluded = ["arrow", "children", "classes", "components", "componentsProps", "describeChild", "disableFocusListener", "disableHoverListener", "disableInteractive", "disableTouchListener", "enterDelay", "enterNextDelay", "enterTouchDelay", "followCursor", "id", "leaveDelay", "leaveTouchDelay", "onClose", "onOpen", "open", "placement", "PopperComponent", "PopperProps", "title", "TransitionComponent", "TransitionProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { elementAcceptingRef } from '@mui/utils';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses, appendOwnerState } from '@mui/core';
 import { alpha } from '@mui/system';
 import styled from '../styles/styled';
 import useTheme from '../styles/useTheme';
@@ -211,7 +211,8 @@ function composeEventHandler(handler, eventHandler) {
 
     handler(event);
   };
-}
+} // TODO (v6) Remove PopperComponent, PopperProps, TransitionComponent and TransitionProps.
+
 
 const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   const props = useThemeProps({
@@ -222,6 +223,8 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   const {
     arrow = false,
     children,
+    components = {},
+    componentsProps = {},
     describeChild = false,
     disableFocusListener = false,
     disableHoverListener = false,
@@ -238,10 +241,10 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
     onOpen,
     open: openProp,
     placement = 'bottom',
-    PopperComponent = Popper,
+    PopperComponent: PopperComponentProp,
     PopperProps = {},
     title,
-    TransitionComponent = Grow,
+    TransitionComponent: TransitionComponentProp = Grow,
     TransitionProps
   } = props,
         other = _objectWithoutPropertiesLoose(props, _excluded);
@@ -573,15 +576,22 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
     arrow,
     disableInteractive,
     placement,
-    PopperComponent,
+    PopperComponentProp,
     touch: ignoreNonTouchEvents.current
   });
 
   const classes = useUtilityClasses(ownerState);
+  const PopperComponent = components.Popper ?? TooltipPopper;
+  const TransitionComponent = TransitionComponentProp ?? components.Transition ?? Grow;
+  const TooltipComponent = components.Tooltip ?? TooltipTooltip;
+  const ArrowComponent = components.Arrow ?? TooltipArrow;
+  const popperProps = appendOwnerState(PopperComponent, _extends({}, PopperProps, componentsProps.popper), ownerState);
+  const transitionProps = appendOwnerState(TransitionComponent, _extends({}, TransitionProps, componentsProps.transition), ownerState);
+  const tooltipProps = appendOwnerState(TooltipComponent, _extends({}, componentsProps.tooltip), ownerState);
+  const tooltipArrowProps = appendOwnerState(ArrowComponent, _extends({}, componentsProps.arrow), ownerState);
   return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/React.cloneElement(children, childrenProps), /*#__PURE__*/_jsx(TooltipPopper, _extends({
-      as: PopperComponent,
-      className: classes.popper,
+    children: [/*#__PURE__*/React.cloneElement(children, childrenProps), /*#__PURE__*/_jsx(PopperComponent, _extends({
+      as: PopperComponentProp ?? Popper,
       placement: placement,
       anchorEl: followCursor ? {
         getBoundingClientRect: () => ({
@@ -597,23 +607,21 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       open: childNode ? open : false,
       id: id,
       transition: true
-    }, interactiveWrapperListeners, PopperProps, {
+    }, interactiveWrapperListeners, popperProps, {
+      className: clsx(classes.popper, componentsProps.popper?.className),
       popperOptions: popperOptions,
-      ownerState: ownerState,
       children: ({
         TransitionProps: TransitionPropsInner
       }) => /*#__PURE__*/_jsx(TransitionComponent, _extends({
         timeout: theme.transitions.duration.shorter
-      }, TransitionPropsInner, TransitionProps, {
-        children: /*#__PURE__*/_jsxs(TooltipTooltip, {
-          className: classes.tooltip,
-          ownerState: ownerState,
-          children: [title, arrow ? /*#__PURE__*/_jsx(TooltipArrow, {
-            className: classes.arrow,
-            ref: setArrowRef,
-            ownerState: ownerState
-          }) : null]
-        })
+      }, TransitionPropsInner, transitionProps, {
+        children: /*#__PURE__*/_jsxs(TooltipComponent, _extends({}, tooltipProps, {
+          className: clsx(classes.tooltip, componentsProps.tooltip?.className),
+          children: [title, arrow ? /*#__PURE__*/_jsx(ArrowComponent, _extends({}, tooltipArrowProps, {
+            className: clsx(classes.arrow, componentsProps.arrow?.className),
+            ref: setArrowRef
+          })) : null]
+        }))
       }))
     }))]
   });
@@ -647,6 +655,24 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes
    */
   className: PropTypes.string,
 
+  /**
+   * The components used for each slot inside the Tooltip.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  components: PropTypes.shape({
+    Arrow: PropTypes.elementType,
+    Popper: PropTypes.elementType,
+    Tooltip: PropTypes.elementType,
+    Transition: PropTypes.elementType
+  }),
+
+  /**
+   * The props used for each slot inside the Tooltip.
+   * @default {}
+   */
+  componentsProps: PropTypes.object,
+
   /**
    * Set to `true` if the `title` acts as an accessible description.
    * By default the `title` acts as an accessible label for the child.

package/modern/Zoom/Zoom.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
+const _excluded = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { Transition } from 'react-transition-group';
@@ -30,6 +30,7 @@ const defaultTimeout = {
 
 const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
   const {
+    addEndListener,
     appear = true,
     children,
     easing,
@@ -100,6 +101,14 @@ const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
     }
   });
   const handleExited = normalizedTransitionCallback(onExited);
+
+  const handleAddEndListener = next => {
+    if (addEndListener) {
+      // Old call signature before `react-transition-group` implemented `nodeRef`
+      addEndListener(nodeRef.current, next);
+    }
+  };
+
   return /*#__PURE__*/_jsx(TransitionComponent, _extends({
     appear: appear,
     in: inProp,
@@ -110,6 +119,7 @@ const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
     onExit: handleExit,
     onExited: handleExited,
     onExiting: handleExiting,
+    addEndListener: handleAddEndListener,
     timeout: timeout
   }, other, {
     children: (state, childProps) => {
@@ -131,6 +141,13 @@ process.env.NODE_ENV !== "production" ? Zoom.propTypes
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
 
+  /**
+   * Add a custom transition end trigger. Called with the transitioning DOM
+   * node and a done callback. Allows for more fine grained transition end
+   * logic. Note: Timeouts are still used as a fallback if provided.
+   */
+  addEndListener: PropTypes.func,
+
   /**
    * Perform the enter transition when it first mounts if `in` is also `true`.
    * Set this to `false` to disable this behavior.
@@ -141,7 +158,7 @@ process.env.NODE_ENV !== "production" ? Zoom.propTypes
   /**
    * A single child content element.
    */
-  children: elementAcceptingRef,
+  children: elementAcceptingRef.isRequired,
 
   /**
    * The transition timing function.

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.0
+/** @license MUI v5.0.4
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/modern/internal/SwitchBase.js

@@ -173,8 +173,9 @@ const SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref)
       required: required,
       ownerState: ownerState,
       tabIndex: tabIndex,
-      type: type,
-      value: value
+      type: type
+    }, type === 'checkbox' && value === undefined ? {} : {
+      value
     }, inputProps)), checked ? checkedIcon : icon]
   }));
 }); // NB: If changed, please update Checkbox, Switch and Radio

package/modern/useMediaQuery/useMediaQuery.js

@@ -1,36 +1,36 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { getThemeProps, useThemeWithoutDefault as useTheme } from '@mui/system';
 import useEnhancedEffect from '../utils/useEnhancedEffect';
-export default function useMediaQuery(queryInput, options = {}) {
-  const theme = useTheme();
-  const props = getThemeProps({
-    name: 'MuiUseMediaQuery',
-    props: {},
-    theme
-  });
-
-  if (process.env.NODE_ENV !== 'production') {
-    if (typeof queryInput === 'function' && theme === null) {
-      console.error(['MUI: The `query` argument provided is invalid.', 'You are providing a function without a theme in the context.', 'One of the parent elements needs to use a ThemeProvider.'].join('\n'));
-    }
-  }
+/**
+ * @deprecated Not used internally. Use `MediaQueryListEvent` from lib.dom.d.ts instead.
+ */
 
-  let query = typeof queryInput === 'function' ? queryInput(theme) : queryInput;
-  query = query.replace(/^@media( ?)/m, ''); // Wait for jsdom to support the match media feature.
+export default function useMediaQuery(queryInput, options = {}) {
+  const theme = useTheme(); // Wait for jsdom to support the match media feature.
   // All the browsers MUI support have this built-in.
   // This defensive check is here for simplicity.
   // Most of the time, the match media logic isn't central to people tests.
 
   const supportMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia !== 'undefined';
-
   const {
     defaultMatches = false,
     matchMedia = supportMatchMedia ? window.matchMedia : null,
     noSsr = false,
     ssrMatchMedia = null
-  } = _extends({}, props, options);
+  } = getThemeProps({
+    name: 'MuiUseMediaQuery',
+    props: options,
+    theme
+  });
 
+  if (process.env.NODE_ENV !== 'production') {
+    if (typeof queryInput === 'function' && theme === null) {
+      console.error(['MUI: The `query` argument provided is invalid.', 'You are providing a function without a theme in the context.', 'One of the parent elements needs to use a ThemeProvider.'].join('\n'));
+    }
+  }
+
+  let query = typeof queryInput === 'function' ? queryInput(theme) : queryInput;
+  query = query.replace(/^@media( ?)/m, '');
   const [match, setMatch] = React.useState(() => {
     if (noSsr && supportMatchMedia) {
       return matchMedia(query).matches;

package/node/Accordion/accordionClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getAccordionUtilityClass = getAccordionUtilityClass;
 exports.default = void 0;
+exports.getAccordionUtilityClass = getAccordionUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/Accordion/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   accordionClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "accordionClasses", {
   enumerable: true,
   get: function () {
-    return _Accordion.default;
+    return _accordionClasses.default;
   }
 });
-Object.defineProperty(exports, "accordionClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _accordionClasses.default;
+    return _Accordion.default;
   }
 });
 

package/node/AccordionActions/accordionActionsClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getAccordionActionsUtilityClass = getAccordionActionsUtilityClass;
 exports.default = void 0;
+exports.getAccordionActionsUtilityClass = getAccordionActionsUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/AccordionActions/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   accordionActionsClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "accordionActionsClasses", {
   enumerable: true,
   get: function () {
-    return _AccordionActions.default;
+    return _accordionActionsClasses.default;
   }
 });
-Object.defineProperty(exports, "accordionActionsClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _accordionActionsClasses.default;
+    return _AccordionActions.default;
   }
 });
 

package/node/AccordionDetails/accordionDetailsClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getAccordionDetailsUtilityClass = getAccordionDetailsUtilityClass;
 exports.default = void 0;
+exports.getAccordionDetailsUtilityClass = getAccordionDetailsUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/AccordionDetails/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   accordionDetailsClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "accordionDetailsClasses", {
   enumerable: true,
   get: function () {
-    return _AccordionDetails.default;
+    return _accordionDetailsClasses.default;
   }
 });
-Object.defineProperty(exports, "accordionDetailsClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _accordionDetailsClasses.default;
+    return _AccordionDetails.default;
   }
 });
 

package/node/AccordionSummary/accordionSummaryClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getAccordionSummaryUtilityClass = getAccordionSummaryUtilityClass;
 exports.default = void 0;
+exports.getAccordionSummaryUtilityClass = getAccordionSummaryUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/AccordionSummary/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   accordionSummaryClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "accordionSummaryClasses", {
   enumerable: true,
   get: function () {
-    return _AccordionSummary.default;
+    return _accordionSummaryClasses.default;
   }
 });
-Object.defineProperty(exports, "accordionSummaryClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _accordionSummaryClasses.default;
+    return _AccordionSummary.default;
   }
 });
 

package/node/Alert/Alert.js

@@ -257,6 +257,7 @@ process.env.NODE_ENV !== "production" ? Alert.propTypes
   /**
    * Override the icon displayed before the children.
    * Unless provided, the icon is mapped to the value of the `severity` prop.
+   * Set to `false` to remove the `icon`.
    */
   icon: _propTypes.default.node,
 

package/node/Alert/alertClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getAlertUtilityClass = getAlertUtilityClass;
 exports.default = void 0;
+exports.getAlertUtilityClass = getAlertUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/Alert/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   alertClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "alertClasses", {
   enumerable: true,
   get: function () {
-    return _Alert.default;
+    return _alertClasses.default;
   }
 });
-Object.defineProperty(exports, "alertClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _alertClasses.default;
+    return _Alert.default;
   }
 });
 

package/node/AlertTitle/alertTitleClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getAlertTitleUtilityClass = getAlertTitleUtilityClass;
 exports.default = void 0;
+exports.getAlertTitleUtilityClass = getAlertTitleUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/AlertTitle/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   alertTitleClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "alertTitleClasses", {
   enumerable: true,
   get: function () {
-    return _AlertTitle.default;
+    return _alertTitleClasses.default;
   }
 });
-Object.defineProperty(exports, "alertTitleClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _alertTitleClasses.default;
+    return _AlertTitle.default;
   }
 });
 

package/node/AppBar/appBarClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getAppBarUtilityClass = getAppBarUtilityClass;
 exports.default = void 0;
+exports.getAppBarUtilityClass = getAppBarUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/AppBar/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   appBarClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "appBarClasses", {
   enumerable: true,
   get: function () {
-    return _AppBar.default;
+    return _appBarClasses.default;
   }
 });
-Object.defineProperty(exports, "appBarClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _appBarClasses.default;
+    return _AppBar.default;
   }
 });
 

package/node/Autocomplete/Autocomplete.js

@@ -1022,7 +1022,7 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes
   /**
    * Render the group.
    *
-   * @param {any} option The group to render.
+   * @param {AutocompleteRenderGroupParams} params The group to render.
    * @returns {ReactNode}
    */
   renderGroup: _propTypes.default.func,

package/node/Autocomplete/autocompleteClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getAutocompleteUtilityClass = getAutocompleteUtilityClass;
 exports.default = void 0;
+exports.getAutocompleteUtilityClass = getAutocompleteUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/Autocomplete/index.js

@@ -7,10 +7,10 @@ var _exportNames = {
   createFilterOptions: true,
   autocompleteClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "autocompleteClasses", {
   enumerable: true,
   get: function () {
-    return _Autocomplete.default;
+    return _autocompleteClasses.default;
   }
 });
 Object.defineProperty(exports, "createFilterOptions", {
@@ -19,10 +19,10 @@ Object.defineProperty(exports, "createFilterOptions", {
     return _Autocomplete.createFilterOptions;
   }
 });
-Object.defineProperty(exports, "autocompleteClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _autocompleteClasses.default;
+    return _Autocomplete.default;
   }
 });
 

package/node/Avatar/Avatar.js

@@ -251,7 +251,7 @@ process.env.NODE_ENV !== "production" ? Avatar.propTypes
   component: _propTypes.default.elementType,
 
   /**
-   * <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes">Attributes</a> applied to the `img` element if the component is used to display an image.
+   * [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.
    */
   imgProps: _propTypes.default.object,

package/node/Avatar/avatarClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getAvatarUtilityClass = getAvatarUtilityClass;
 exports.default = void 0;
+exports.getAvatarUtilityClass = getAvatarUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/Avatar/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   avatarClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "avatarClasses", {
   enumerable: true,
   get: function () {
-    return _Avatar.default;
+    return _avatarClasses.default;
   }
 });
-Object.defineProperty(exports, "avatarClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _avatarClasses.default;
+    return _Avatar.default;
   }
 });