@mui/material 5.6.0 → 5.6.3

package/legacy/Dialog/Dialog.js

@@ -351,6 +351,7 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes
 
   /**
    * Callback fired when the backdrop is clicked.
+   * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
    */
   onBackdropClick: PropTypes.func,
 
@@ -374,7 +375,7 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes
   PaperComponent: PropTypes.elementType,
 
   /**
-   * Props applied to the [`Paper`](/api/paper/) element.
+   * Props applied to the [`Paper`](/material-ui/api/paper/) element.
    * @default {}
    */
   PaperProps: PropTypes.object,
@@ -392,7 +393,7 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes
 
   /**
    * The component used for the transition.
-   * [Follow this guide](/components/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Fade
    */
   TransitionComponent: PropTypes.elementType,

package/legacy/Drawer/Drawer.js

@@ -118,7 +118,7 @@ export function getAnchor(theme, anchor) {
   return theme.direction === 'rtl' && isHorizontal(anchor) ? oppositeDirection[anchor] : anchor;
 }
 /**
- * The props of the [Modal](/api/modal/) component are available
+ * The props of the [Modal](/material-ui/api/modal/) component are available
  * when `variant="temporary"` is set.
  */
 
@@ -279,7 +279,7 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes
   hideBackdrop: PropTypes.bool,
 
   /**
-   * Props applied to the [`Modal`](/api/modal/) element.
+   * Props applied to the [`Modal`](/material-ui/api/modal/) element.
    * @default {}
    */
   ModalProps: PropTypes.object,
@@ -298,13 +298,13 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes
   open: PropTypes.bool,
 
   /**
-   * Props applied to the [`Paper`](/api/paper/) element.
+   * Props applied to the [`Paper`](/material-ui/api/paper/) element.
    * @default {}
    */
   PaperProps: PropTypes.object,
 
   /**
-   * Props applied to the [`Slide`](/api/slide/) element.
+   * Props applied to the [`Slide`](/material-ui/api/slide/) element.
    */
   SlideProps: PropTypes.object,
 

package/legacy/Fab/Fab.js

@@ -180,7 +180,7 @@ process.env.NODE_ENV !== "production" ? Fab.propTypes
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'default'
    */
   color: PropTypes.oneOf(['default', 'error', 'info', 'inherit', 'primary', 'secondary', 'success', 'warning']),

package/legacy/Fade/Fade.js

@@ -17,7 +17,7 @@ var styles = {
   }
 };
 /**
- * The Fade transition is used by the [Modal](/components/modal/) component.
+ * The Fade transition is used by the [Modal](/material-ui/react-modal/) component.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  */
 

package/legacy/FilledInput/FilledInput.js

@@ -80,7 +80,9 @@ var FilledInputRoot = styled(InputBaseRoot, {
 
     }
   }, _defineProperty(_ref2, "&.".concat(filledInputClasses.focused, ":after"), {
-    transform: 'scaleX(1)'
+    // translateX(0) is a workaround for Safari transform scale bug
+    // See https://github.com/mui/material-ui/issues/31766
+    transform: 'scaleX(1) translateX(0)'
   }), _defineProperty(_ref2, "&.".concat(filledInputClasses.error, ":after"), {
     borderBottomColor: theme.palette.error.main,
     transform: 'scaleX(1)' // error is always underlined in red
@@ -236,7 +238,7 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
    */
   color: PropTypes
@@ -344,7 +346,7 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes
   minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 
   /**
-   * If `true`, a [TextareaAutosize](/components/textarea-autosize/) element is rendered.
+   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
    * @default false
    */
   multiline: PropTypes.bool,

package/legacy/FormControl/FormControl.js

@@ -63,7 +63,7 @@ var FormControlRoot = styled('div', {
  *  - Input
  *  - InputLabel
  *
- * You can find one composition example below and more going to [the demos](/components/text-fields/#components).
+ * You can find one composition example below and more going to [the demos](/material-ui/react-text-field/#components).
  *
  * ```jsx
  * <FormControl>
@@ -263,7 +263,7 @@ process.env.NODE_ENV !== "production" ? FormControl.propTypes
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'primary'
    */
   color: PropTypes

package/legacy/FormLabel/FormLabel.js

@@ -142,7 +142,7 @@ process.env.NODE_ENV !== "production" ? FormLabel.propTypes
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    */
   color: PropTypes
   /* @typescript-to-proptypes-ignore */

package/legacy/Grow/Grow.js

@@ -24,14 +24,14 @@ var styles = {
   }
 };
 /**
- * Conditionally apply a workaround for the CSS transition bug in Safari 15.4.
- * Remove this workaround once the Safari bug is fixed.
+ * Conditionally apply a workaround for the CSS transition bug in Safari 15.4 / WebKit browsers.
+ * Remove this workaround once the WebKit bug fix is released.
  */
 
-var isSafari154 = typeof navigator !== 'undefined' && /^((?!chrome|android).)*safari/i.test(navigator.userAgent) && /version\/15\.[4-9]/i.test(navigator.userAgent);
+var isWebKit154 = typeof navigator !== 'undefined' && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)[4-9]/i.test(navigator.userAgent);
 /**
- * The Grow transition is used by the [Tooltip](/components/tooltips/) and
- * [Popover](/components/popover/) components.
+ * The Grow transition is used by the [Tooltip](/material-ui/react-tooltip/) and
+ * [Popover](/material-ui/react-popover/) components.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  */
 
@@ -104,7 +104,7 @@ var Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       duration: duration,
       delay: delay
     }), theme.transitions.create('transform', {
-      duration: isSafari154 ? duration : duration * 0.666,
+      duration: isWebKit154 ? duration : duration * 0.666,
       delay: delay,
       easing: transitionTimingFunction
     })].join(',');
@@ -140,8 +140,8 @@ var Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       duration: duration,
       delay: delay
     }), theme.transitions.create('transform', {
-      duration: isSafari154 ? duration : duration * 0.666,
-      delay: isSafari154 ? delay : delay || duration * 0.333,
+      duration: isWebKit154 ? duration : duration * 0.666,
+      delay: isWebKit154 ? delay : delay || duration * 0.333,
       easing: transitionTimingFunction
     })].join(',');
     node.style.opacity = 0;

package/legacy/Icon/Icon.js

@@ -130,7 +130,7 @@ process.env.NODE_ENV !== "production" ? Icon.propTypes
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'inherit'
    */
   color: PropTypes

package/legacy/IconButton/IconButton.js

@@ -88,7 +88,7 @@ var IconButtonRoot = styled(ButtonBase, {
   }));
 });
 /**
- * Refer to the [Icons](/components/icons/) section of the documentation
+ * Refer to the [Icons](/material-ui/icons/) section of the documentation
  * regarding the available icon options.
  */
 
@@ -168,7 +168,7 @@ process.env.NODE_ENV !== "production" ? IconButton.propTypes
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'default'
    */
   color: PropTypes

package/legacy/Input/Input.js

@@ -65,7 +65,9 @@ var InputRoot = styled(InputBaseRoot, {
 
     }
   }, _defineProperty(_ref2, "&.".concat(inputClasses.focused, ":after"), {
-    transform: 'scaleX(1)'
+    // translateX(0) is a workaround for Safari transform scale bug
+    // See https://github.com/mui/material-ui/issues/31766
+    transform: 'scaleX(1) translateX(0)'
   }), _defineProperty(_ref2, "&.".concat(inputClasses.error, ":after"), {
     borderBottomColor: theme.palette.error.main,
     transform: 'scaleX(1)' // error is always underlined in red
@@ -171,7 +173,7 @@ process.env.NODE_ENV !== "production" ? Input.propTypes
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
    */
   color: PropTypes
@@ -271,7 +273,7 @@ process.env.NODE_ENV !== "production" ? Input.propTypes
   minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 
   /**
-   * If `true`, a [TextareaAutosize](/components/textarea-autosize/) element is rendered.
+   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
    * @default false
    */
   multiline: PropTypes.bool,

package/legacy/InputBase/InputBase.js

@@ -542,7 +542,7 @@ process.env.NODE_ENV !== "production" ? InputBase.propTypes
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
    */
   color: PropTypes
@@ -644,7 +644,7 @@ process.env.NODE_ENV !== "production" ? InputBase.propTypes
   minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 
   /**
-   * If `true`, a [TextareaAutosize](/components/textarea-autosize/) element is rendered.
+   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
    * @default false
    */
   multiline: PropTypes.bool,

package/legacy/InputLabel/InputLabel.js

@@ -164,7 +164,7 @@ process.env.NODE_ENV !== "production" ? InputLabel.propTypes
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    */
   color: PropTypes
   /* @typescript-to-proptypes-ignore */

package/legacy/LinearProgress/LinearProgress.js

@@ -274,7 +274,7 @@ process.env.NODE_ENV !== "production" ? LinearProgress.propTypes
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'primary'
    */
   color: PropTypes

package/legacy/Link/Link.js

@@ -114,6 +114,8 @@ var Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
       sx = props.sx,
       other = _objectWithoutProperties(props, ["className", "color", "component", "onBlur", "onFocus", "TypographyClasses", "underline", "variant", "sx"]);
 
+  var sxColor = typeof sx === 'function' ? sx(theme).color : sx == null ? void 0 : sx.color;
+
   var _useIsFocusVisible = useIsFocusVisible(),
       isFocusVisibleRef = _useIsFocusVisible.isFocusVisibleRef,
       handleBlurVisible = _useIsFocusVisible.onBlur,
@@ -153,7 +155,7 @@ var Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
   var ownerState = _extends({}, props, {
     // It is too complex to support any types of `sx`.
     // Need to find a better way to get rid of the color manipulation for `textDecorationColor`.
-    color: (typeof sx === 'function' ? sx(theme).color : sx == null ? void 0 : sx.color) || color,
+    color: (typeof sxColor === 'function' ? sxColor(theme) : sxColor) || color,
     component: component,
     focusVisible: focusVisible,
     underline: underline,
@@ -162,6 +164,7 @@ var Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
 
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(LinkRoot, _extends({
+    color: color,
     className: clsx(classes.root, className),
     classes: TypographyClasses,
     component: component,
@@ -170,9 +173,9 @@ var Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
     ref: handlerRef,
     ownerState: ownerState,
     variant: variant,
-    sx: [{
+    sx: [].concat(_toConsumableArray(inProps.color ? [{
       color: colorTransformations[color] || color
-    }].concat(_toConsumableArray(Array.isArray(sx) ? sx : [sx]))
+    }] : []), _toConsumableArray(Array.isArray(sx) ? sx : [sx]))
   }, other));
 });
 process.env.NODE_ENV !== "production" ? Link.propTypes
@@ -228,7 +231,7 @@ process.env.NODE_ENV !== "production" ? Link.propTypes
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
 
   /**
-   * `classes` prop applied to the [`Typography`](/api/typography/) element.
+   * `classes` prop applied to the [`Typography`](/material-ui/api/typography/) element.
    */
   TypographyClasses: PropTypes.object,
 

package/legacy/ListItem/ListItem.js

@@ -281,7 +281,7 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes
    * If `true`, the list item is focused during the first mount.
    * Focus will also be triggered if the value changes from false to true.
    * @default false
-   * @deprecated checkout [ListItemButton](/api/list-item-button/) instead
+   * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
    */
   autoFocus: PropTypes.bool,
 
@@ -289,7 +289,7 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes
    * If `true`, the list item is a button (using `ButtonBase`). Props intended
    * for `ButtonBase` can then be applied to `ListItem`.
    * @default false
-   * @deprecated checkout [ListItemButton](/api/list-item-button/) instead
+   * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
    */
   button: PropTypes.bool,
 
@@ -376,7 +376,7 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes
   /**
    * If `true`, the component is disabled.
    * @default false
-   * @deprecated checkout [ListItemButton](/api/list-item-button/) instead
+   * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
    */
   disabled: PropTypes.bool,
 
@@ -411,7 +411,7 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes
   /**
    * Use to apply selected styling.
    * @default false
-   * @deprecated checkout [ListItemButton](/api/list-item-button/) instead
+   * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
    */
   selected: PropTypes.bool,
 

package/legacy/Menu/Menu.js

@@ -243,7 +243,7 @@ process.env.NODE_ENV !== "production" ? Menu.propTypes
   disableAutoFocusItem: PropTypes.bool,
 
   /**
-   * Props applied to the [`MenuList`](/api/menu-list/) element.
+   * Props applied to the [`MenuList`](/material-ui/api/menu-list/) element.
    * @default {}
    */
   MenuListProps: PropTypes.object,
@@ -267,7 +267,7 @@ process.env.NODE_ENV !== "production" ? Menu.propTypes
   PaperProps: PropTypes.object,
 
   /**
-   * `classes` prop applied to the [`Popover`](/api/popover/) element.
+   * `classes` prop applied to the [`Popover`](/material-ui/api/popover/) element.
    */
   PopoverClasses: PropTypes.object,
 

package/legacy/MenuList/MenuList.js

@@ -89,7 +89,7 @@ function moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable,
 }
 /**
  * A permanently displayed menu following https://www.w3.org/TR/wai-aria-practices/#menubutton.
- * It's exposed to help customization of the [`Menu`](/api/menu/) component if you
+ * It's exposed to help customization of the [`Menu`](/material-ui/api/menu/) component if you
  * use it separately you need to move focus into the component manually. Once
  * the focus is placed inside the component it is fully keyboard accessible.
  */

package/legacy/Modal/Modal.js

@@ -48,12 +48,12 @@ var ModalBackdrop = styled(Backdrop, {
 /**
  * Modal is a lower-level construct that is leveraged by the following components:
  *
- * - [Dialog](/api/dialog/)
- * - [Drawer](/api/drawer/)
- * - [Menu](/api/menu/)
- * - [Popover](/api/popover/)
+ * - [Dialog](/material-ui/api/dialog/)
+ * - [Drawer](/material-ui/api/drawer/)
+ * - [Menu](/material-ui/api/menu/)
+ * - [Popover](/material-ui/api/popover/)
  *
- * If you are creating a modal dialog, you probably want to use the [Dialog](/api/dialog/) component
+ * If you are creating a modal dialog, you probably want to use the [Dialog](/material-ui/api/dialog/) component
  * rather than directly using Modal.
  *
  * This component shares many concepts with [react-overlays](https://react-bootstrap.github.io/react-overlays/#modals).
@@ -161,7 +161,7 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes
   BackdropComponent: PropTypes.elementType,
 
   /**
-   * Props applied to the [`Backdrop`](/api/backdrop/) element.
+   * Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
    */
   BackdropProps: PropTypes.object,
 
@@ -270,6 +270,7 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes
 
   /**
    * Callback fired when the backdrop is clicked.
+   * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
    */
   onBackdropClick: PropTypes.func,
 

package/legacy/OutlinedInput/OutlinedInput.js

@@ -182,7 +182,7 @@ process.env.NODE_ENV !== "production" ? OutlinedInput.propTypes
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
    */
   color: PropTypes
@@ -274,7 +274,7 @@ process.env.NODE_ENV !== "production" ? OutlinedInput.propTypes
   minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 
   /**
-   * If `true`, a [TextareaAutosize](/components/textarea-autosize/) element is rendered.
+   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
    * @default false
    */
   multiline: PropTypes.bool,

package/legacy/Pagination/Pagination.js

@@ -171,7 +171,7 @@ process.env.NODE_ENV !== "production" ? Pagination.propTypes
   /**
    * The active color.
    * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'standard'
    */
   color: PropTypes
@@ -200,7 +200,7 @@ process.env.NODE_ENV !== "production" ? Pagination.propTypes
    * Accepts a function which returns a string value that provides a user-friendly name for the current page.
    * This is important for screen reader users.
    *
-   * For localization purposes, you can use the provided [translations](/guides/localization/).
+   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
    * @param {string} type The link or button type to format ('page' | 'first' | 'last' | 'next' | 'previous'). Defaults to 'page'.
    * @param {number} page The page number to format.
    * @param {bool} selected If true, the current page is selected.

package/legacy/PaginationItem/PaginationItem.js

@@ -294,7 +294,7 @@ process.env.NODE_ENV !== "production" ? PaginationItem.propTypes
   /**
    * The active color.
    * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'standard'
    */
   color: PropTypes

package/legacy/Popover/Popover.js

@@ -459,7 +459,7 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes
   open: PropTypes.bool.isRequired,
 
   /**
-   * Props applied to the [`Paper`](/api/paper/) element.
+   * Props applied to the [`Paper`](/material-ui/api/paper/) element.
    * @default {}
    */
   PaperProps: PropTypes
@@ -492,7 +492,7 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes
 
   /**
    * The component used for the transition.
-   * [Follow this guide](/components/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Grow
    */
   TransitionComponent: PropTypes.elementType,

package/legacy/Popper/Popper.js

@@ -17,13 +17,13 @@ var PopperRoot = styled(PopperUnstyled, {
  *
  * Demos:
  *
- * - [Autocomplete](https://mui.com/components/autocomplete/)
- * - [Menus](https://mui.com/components/menus/)
- * - [Popper](https://mui.com/components/popper/)
+ * - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
+ * - [Menus](https://mui.com/material-ui/react-menu/)
+ * - [Popper](https://mui.com/material-ui/react-popper/)
  *
  * API:
  *
- * - [Popper API](https://mui.com/api/popper/)
+ * - [Popper API](https://mui.com/material-ui/api/popper/)
  */
 
 var Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {

package/legacy/Radio/Radio.js

@@ -155,7 +155,7 @@ process.env.NODE_ENV !== "production" ? Radio.propTypes
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'primary'
    */
   color: PropTypes

package/legacy/Rating/Rating.js

@@ -644,7 +644,7 @@ process.env.NODE_ENV !== "production" ? Rating.propTypes
    * Accepts a function which returns a string value that provides a user-friendly name for the current value of the rating.
    * This is important for screen reader users.
    *
-   * For localization purposes, you can use the provided [translations](/guides/localization/).
+   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
    * @param {number} value The rating label's value to format.
    * @returns {string}
    * @default function defaultLabelText(value) {

package/legacy/Select/Select.js

@@ -216,7 +216,7 @@ process.env.NODE_ENV !== "production" ? Select.propTypes
   inputProps: PropTypes.object,
 
   /**
-   * See [OutlinedInput#label](/api/outlined-input/#props)
+   * See [OutlinedInput#label](/material-ui/api/outlined-input/#props)
    */
   label: PropTypes.node,
 
@@ -227,7 +227,7 @@ process.env.NODE_ENV !== "production" ? Select.propTypes
   labelId: PropTypes.string,
 
   /**
-   * Props applied to the [`Menu`](/api/menu/) element.
+   * Props applied to the [`Menu`](/material-ui/api/menu/) element.
    */
   MenuProps: PropTypes.object,
 

package/legacy/Select/SelectInput.js

@@ -370,7 +370,7 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
     }
   }
 
-  var items = childrenArray.map(function (child) {
+  var items = childrenArray.map(function (child, index, arr) {
     if (! /*#__PURE__*/React.isValidElement(child)) {
       return null;
     }
@@ -407,6 +407,29 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
       foundMatch = true;
     }
 
+    if (child.props.value === undefined) {
+      return /*#__PURE__*/React.cloneElement(child, {
+        'aria-readonly': true,
+        role: 'option'
+      });
+    }
+
+    var isFirstSelectableElement = function isFirstSelectableElement() {
+      if (value) {
+        return selected;
+      }
+
+      var firstSelectableElement = arr.find(function (item) {
+        return item.props.value !== undefined && item.props.disabled !== true;
+      });
+
+      if (child === firstSelectableElement) {
+        return true;
+      }
+
+      return selected;
+    };
+
     return /*#__PURE__*/React.cloneElement(child, {
       'aria-selected': selected ? 'true' : 'false',
       onClick: handleItemClick(child),
@@ -423,7 +446,7 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
         }
       },
       role: 'option',
-      selected: selected,
+      selected: arr[0].props.value === undefined || arr[0].props.disabled === true ? isFirstSelectableElement() : selected,
       value: undefined,
       // The value is most likely not a valid HTML attribute.
       'data-value': child.props.value // Instead, we provide it as a data attribute.
@@ -637,7 +660,7 @@ process.env.NODE_ENV !== "production" ? SelectInput.propTypes = {
   labelId: PropTypes.string,
 
   /**
-   * Props applied to the [`Menu`](/api/menu/) element.
+   * Props applied to the [`Menu`](/material-ui/api/menu/) element.
    */
   MenuProps: PropTypes.object,
 

package/legacy/Slide/Slide.js

@@ -81,7 +81,7 @@ export function setTranslateValue(direction, node, containerProp) {
   }
 }
 /**
- * The Slide transition is used by the [Drawer](/components/drawers/) component.
+ * The Slide transition is used by the [Drawer](/material-ui/react-drawer/) component.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  */
 

package/legacy/Slider/Slider.js

@@ -558,7 +558,7 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'primary'
    */
   color: PropTypes