@mui/material 5.5.3 → 5.6.2

package/node/ListItem/ListItem.js

@@ -308,7 +308,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.default.bool,
 
@@ -316,7 +316,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.default.bool,
 
@@ -403,7 +403,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.default.bool,
 
@@ -438,7 +438,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.default.bool,
 

package/node/ListItemButton/ListItemButton.js

@@ -84,6 +84,7 @@ const ListItemButtonRoot = (0, _styled.default)(_ButtonBase.default, {
   alignItems: 'center',
   position: 'relative',
   textDecoration: 'none',
+  minWidth: 0,
   boxSizing: 'border-box',
   textAlign: 'left',
   paddingTop: 8,

package/node/Menu/Menu.js

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

package/node/MenuList/MenuList.js

@@ -114,7 +114,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/node/Modal/Modal.js

@@ -76,12 +76,12 @@ const ModalBackdrop = (0, _styled.default)(_Backdrop.default, {
 /**
  * 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).
@@ -168,7 +168,7 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes
   BackdropComponent: _propTypes.default.elementType,
 
   /**
-   * Props applied to the [`Backdrop`](/api/backdrop/) element.
+   * Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
    */
   BackdropProps: _propTypes.default.object,
 
@@ -277,6 +277,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.default.func,
 

package/node/OutlinedInput/OutlinedInput.js

@@ -204,7 +204,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.default
@@ -296,7 +296,7 @@ process.env.NODE_ENV !== "production" ? OutlinedInput.propTypes
   minRows: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.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.default.bool,

package/node/Pagination/Pagination.js

@@ -178,7 +178,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.default
@@ -207,7 +207,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/node/PaginationItem/PaginationItem.js

@@ -328,7 +328,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.default

package/node/Popover/Popover.js

@@ -477,7 +477,7 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes
   open: _propTypes.default.bool.isRequired,
 
   /**
-   * Props applied to the [`Paper`](/api/paper/) element.
+   * Props applied to the [`Paper`](/material-ui/api/paper/) element.
    * @default {}
    */
   PaperProps: _propTypes.default
@@ -510,7 +510,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.default.elementType,

package/node/Popper/Popper.js

@@ -36,13 +36,13 @@ const PopperRoot = (0, _styles.styled)(_PopperUnstyled.default, {
  *
  * 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/)
  */
 
 const Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {

package/node/Radio/Radio.js

@@ -181,7 +181,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.default

package/node/Rating/Rating.js

@@ -633,7 +633,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/node/Select/Select.js

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

package/node/Select/SelectInput.js

@@ -384,7 +384,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
     }
   }
 
-  const items = childrenArray.map(child => {
+  const items = childrenArray.map((child, index, arr) => {
     if (! /*#__PURE__*/React.isValidElement(child)) {
       return null;
     }
@@ -419,6 +419,27 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
       foundMatch = true;
     }
 
+    if (child.props.value === undefined) {
+      return /*#__PURE__*/React.cloneElement(child, {
+        'aria-readonly': true,
+        role: 'option'
+      });
+    }
+
+    const isFirstSelectableElement = () => {
+      if (value) {
+        return selected;
+      }
+
+      const firstSelectableElement = arr.find(item => 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),
@@ -435,7 +456,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
         }
       },
       role: 'option',
-      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.
@@ -641,7 +662,7 @@ process.env.NODE_ENV !== "production" ? SelectInput.propTypes = {
   labelId: _propTypes.default.string,
 
   /**
-   * Props applied to the [`Menu`](/api/menu/) element.
+   * Props applied to the [`Menu`](/material-ui/api/menu/) element.
    */
   MenuProps: _propTypes.default.object,
 

package/node/Slide/Slide.js

@@ -108,7 +108,7 @@ 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/node/Slider/Slider.js

@@ -569,7 +569,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.default

package/node/Snackbar/Snackbar.js

@@ -389,7 +389,7 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes
   ClickAwayListenerProps: _propTypes.default.object,
 
   /**
-   * Props applied to the [`SnackbarContent`](/api/snackbar-content/) element.
+   * Props applied to the [`SnackbarContent`](/material-ui/api/snackbar-content/) element.
    */
   ContentProps: _propTypes.default.object,
 
@@ -464,7 +464,7 @@ process.env.NODE_ENV !== "production" ? Snackbar.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.default.elementType,

package/node/SpeedDial/SpeedDial.js

@@ -485,7 +485,7 @@ process.env.NODE_ENV !== "production" ? SpeedDial.propTypes
   direction: _propTypes.default.oneOf(['down', 'left', 'right', 'up']),
 
   /**
-   * Props applied to the [`Fab`](/api/fab/) element.
+   * Props applied to the [`Fab`](/material-ui/api/fab/) element.
    * @default {}
    */
   FabProps: _propTypes.default.object,
@@ -560,7 +560,7 @@ process.env.NODE_ENV !== "production" ? SpeedDial.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 Zoom
    */
   TransitionComponent: _propTypes.default.elementType,

package/node/SpeedDialAction/SpeedDialAction.js

@@ -240,7 +240,7 @@ process.env.NODE_ENV !== "production" ? SpeedDialAction.propTypes
   delay: _propTypes.default.number,
 
   /**
-   * Props applied to the [`Fab`](/api/fab/) component.
+   * Props applied to the [`Fab`](/material-ui/api/fab/) component.
    * @default {}
    */
   FabProps: _propTypes.default.object,
@@ -267,7 +267,7 @@ process.env.NODE_ENV !== "production" ? SpeedDialAction.propTypes
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
-   * `classes` prop applied to the [`Tooltip`](/api/tooltip/) element.
+   * `classes` prop applied to the [`Tooltip`](/material-ui/api/tooltip/) element.
    */
   TooltipClasses: _propTypes.default.object,
 

package/node/StepContent/StepContent.js

@@ -163,7 +163,7 @@ process.env.NODE_ENV !== "production" ? StepContent.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 Collapse
    */
   TransitionComponent: _propTypes.default.elementType,

package/node/StepLabel/StepLabel.js

@@ -248,12 +248,12 @@ process.env.NODE_ENV !== "production" ? StepLabel.propTypes
   optional: _propTypes.default.node,
 
   /**
-   * The component to render in place of the [`StepIcon`](/api/step-icon/).
+   * The component to render in place of the [`StepIcon`](/material-ui/api/step-icon/).
    */
   StepIconComponent: _propTypes.default.elementType,
 
   /**
-   * Props applied to the [`StepIcon`](/api/step-icon/) element.
+   * Props applied to the [`StepIcon`](/material-ui/api/step-icon/) element.
    */
   StepIconProps: _propTypes.default.object,
 

package/node/SvgIcon/SvgIcon.js

@@ -159,7 +159,7 @@ process.env.NODE_ENV !== "production" ? SvgIcon.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).
    * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
    * @default 'inherit'
    */

package/node/Switch/Switch.js

@@ -278,7 +278,7 @@ process.env.NODE_ENV !== "production" ? Switch.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.default

package/node/TablePagination/TablePagination.js

@@ -298,7 +298,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
   ActionsComponent: _propTypes.default.elementType,
 
   /**
-   * Props applied to the back arrow [`IconButton`](/api/icon-button/) component.
+   * Props applied to the back arrow [`IconButton`](/material-ui/api/icon-button/) component.
    */
   backIconButtonProps: _propTypes.default.object,
 
@@ -334,7 +334,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.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 ('first' | 'last' | 'next' | 'previous').
    * @returns {string}
    * @default function defaultGetAriaLabel(type) {
@@ -347,7 +347,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
    * Customize the displayed rows label. Invoked with a `{ from, to, count, page }`
    * object.
    *
-   * For localization purposes, you can use the provided [translations](/guides/localization/).
+   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
    * @default function defaultLabelDisplayedRows({ from, to, count }) {
    *   return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
    * }
@@ -357,13 +357,13 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
   /**
    * Customize the rows per page label.
    *
-   * For localization purposes, you can use the provided [translations](/guides/localization/).
+   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
    * @default 'Rows per page:'
    */
   labelRowsPerPage: _propTypes.default.node,
 
   /**
-   * Props applied to the next arrow [`IconButton`](/api/icon-button/) element.
+   * Props applied to the next arrow [`IconButton`](/material-ui/api/icon-button/) element.
    */
   nextIconButtonProps: _propTypes.default.object,
 
@@ -424,7 +424,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
   })]).isRequired),
 
   /**
-   * Props applied to the rows per page [`Select`](/api/select/) element.
+   * Props applied to the rows per page [`Select`](/material-ui/api/select/) element.
    * @default {}
    */
   SelectProps: _propTypes.default.object,

package/node/TablePagination/TablePaginationActions.js

@@ -107,7 +107,7 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
 });
 process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
   /**
-   * Props applied to the back arrow [`IconButton`](/api/icon-button/) element.
+   * Props applied to the back arrow [`IconButton`](/material-ui/api/icon-button/) element.
    */
   backIconButtonProps: _propTypes.default.object,
 
@@ -119,7 +119,7 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
   /**
    * Accepts a function which returns a string value that provides a user-friendly name for the current page.
    *
-   * 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.
@@ -128,7 +128,7 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
   getItemAriaLabel: _propTypes.default.func.isRequired,
 
   /**
-   * Props applied to the next arrow [`IconButton`](/api/icon-button/) element.
+   * Props applied to the next arrow [`IconButton`](/material-ui/api/icon-button/) element.
    */
   nextIconButtonProps: _propTypes.default.object,
 

package/node/Tabs/Tabs.js

@@ -843,7 +843,7 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes
   TabIndicatorProps: _propTypes.default.object,
 
   /**
-   * Props applied to the [`TabScrollButton`](/api/tab-scroll-button/) element.
+   * Props applied to the [`TabScrollButton`](/material-ui/api/tab-scroll-button/) element.
    * @default {}
    */
   TabScrollButtonProps: _propTypes.default.object,

package/node/TextField/TextField.js

@@ -79,12 +79,12 @@ const TextFieldRoot = (0, _styled.default)(_FormControl.default, {
  * It's important to understand that the text field is a simple abstraction
  * on top of the following components:
  *
- * - [FormControl](/api/form-control/)
- * - [InputLabel](/api/input-label/)
- * - [FilledInput](/api/filled-input/)
- * - [OutlinedInput](/api/outlined-input/)
- * - [Input](/api/input/)
- * - [FormHelperText](/api/form-helper-text/)
+ * - [FormControl](/material-ui/api/form-control/)
+ * - [InputLabel](/material-ui/api/input-label/)
+ * - [FilledInput](/material-ui/api/filled-input/)
+ * - [OutlinedInput](/material-ui/api/outlined-input/)
+ * - [Input](/material-ui/api/input/)
+ * - [FormHelperText](/material-ui/api/form-helper-text/)
  *
  * If you wish to alter the props applied to the `input` element, you can do so as follows:
  *
@@ -276,7 +276,7 @@ process.env.NODE_ENV !== "production" ? TextField.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.default
@@ -301,7 +301,7 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes
   error: _propTypes.default.bool,
 
   /**
-   * Props applied to the [`FormHelperText`](/api/form-helper-text/) element.
+   * Props applied to the [`FormHelperText`](/material-ui/api/form-helper-text/) element.
    */
   FormHelperTextProps: _propTypes.default.object,
 
@@ -323,7 +323,7 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes
   id: _propTypes.default.string,
 
   /**
-   * Props applied to the [`InputLabel`](/api/input-label/) element.
+   * Props applied to the [`InputLabel`](/material-ui/api/input-label/) element.
    * Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
    */
   InputLabelProps: _propTypes.default.object,
@@ -335,8 +335,8 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes
 
   /**
    * Props applied to the Input element.
-   * It will be a [`FilledInput`](/api/filled-input/),
-   * [`OutlinedInput`](/api/outlined-input/) or [`Input`](/api/input/)
+   * It will be a [`FilledInput`](/material-ui/api/filled-input/),
+   * [`OutlinedInput`](/material-ui/api/outlined-input/) or [`Input`](/material-ui/api/input/)
    * component depending on the `variant` prop value.
    */
   InputProps: _propTypes.default.object,
@@ -413,14 +413,14 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes
   rows: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
 
   /**
-   * Render a [`Select`](/api/select/) element while passing the Input element to `Select` as `input` parameter.
+   * Render a [`Select`](/material-ui/api/select/) element while passing the Input element to `Select` as `input` parameter.
    * If this option is set you must pass the options of the select as children.
    * @default false
    */
   select: _propTypes.default.bool,
 
   /**
-   * Props applied to the [`Select`](/api/select/) element.
+   * Props applied to the [`Select`](/material-ui/api/select/) element.
    */
   SelectProps: _propTypes.default.object,
 

package/node/ToggleButton/ToggleButton.js

@@ -189,7 +189,7 @@ process.env.NODE_ENV !== "production" ? ToggleButton.propTypes
   /**
    * The color of the button when it is in an active state.
    * 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.default

package/node/ToggleButtonGroup/ToggleButtonGroup.js

@@ -216,7 +216,7 @@ process.env.NODE_ENV !== "production" ? ToggleButtonGroup.propTypes
   /**
    * The color of the button when it is selected.
    * 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.default

package/node/Tooltip/Tooltip.js

@@ -827,7 +827,7 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes
   PopperComponent: _propTypes.default.elementType,
 
   /**
-   * Props applied to the [`Popper`](/api/popper/) element.
+   * Props applied to the [`Popper`](/material-ui/api/popper/) element.
    * @default {}
    */
   PopperProps: _propTypes.default.object,
@@ -846,7 +846,7 @@ process.env.NODE_ENV !== "production" ? Tooltip.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.default.elementType,

package/node/Zoom/Zoom.js

@@ -43,7 +43,7 @@ const styles = {
 };
 /**
  * The Zoom transition can be used for the floating variant of the
- * [Button](/components/buttons/#floating-action-buttons) component.
+ * [Button](/material-ui/react-button/#floating-action-buttons) component.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  */
 

package/node/index.js

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