@mui/material 5.14.17 → 5.14.19

package/legacy/Switch/Switch.js

@@ -42,7 +42,6 @@ var SwitchRoot = styled('span', {
     return [styles.root, ownerState.edge && styles["edge".concat(capitalize(ownerState.edge))], styles["size".concat(capitalize(ownerState.size))]];
   }
 })(function (_ref) {
-  var _ref2;
   var ownerState = _ref.ownerState;
   return _extends({
     display: 'inline-flex',
@@ -64,18 +63,18 @@ var SwitchRoot = styled('span', {
     marginLeft: -8
   }, ownerState.edge === 'end' && {
     marginRight: -8
-  }, ownerState.size === 'small' && (_ref2 = {
+  }, ownerState.size === 'small' && _defineProperty(_defineProperty({
     width: 40,
     height: 24,
     padding: 7
-  }, _defineProperty(_ref2, "& .".concat(switchClasses.thumb), {
+  }, "& .".concat(switchClasses.thumb), {
     width: 16,
     height: 16
-  }), _defineProperty(_ref2, "& .".concat(switchClasses.switchBase), _defineProperty({
+  }), "& .".concat(switchClasses.switchBase), _defineProperty({
     padding: 4
   }, "&.".concat(switchClasses.checked), {
     transform: 'translateX(16px)'
-  })), _ref2));
+  })));
 });
 var SwitchSwitchBase = styled(SwitchBase, {
   name: 'MuiSwitch',
@@ -85,9 +84,8 @@ var SwitchSwitchBase = styled(SwitchBase, {
     return [styles.switchBase, _defineProperty({}, "& .".concat(switchClasses.input), styles.input), ownerState.color !== 'default' && styles["color".concat(capitalize(ownerState.color))]];
   }
 })(function (_ref4) {
-  var _ref5;
   var theme = _ref4.theme;
-  return _ref5 = {
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     position: 'absolute',
     top: 0,
     left: 0,
@@ -97,20 +95,19 @@ var SwitchSwitchBase = styled(SwitchBase, {
     transition: theme.transitions.create(['left', 'transform'], {
       duration: theme.transitions.duration.shortest
     })
-  }, _defineProperty(_ref5, "&.".concat(switchClasses.checked), {
+  }, "&.".concat(switchClasses.checked), {
     transform: 'translateX(20px)'
-  }), _defineProperty(_ref5, "&.".concat(switchClasses.disabled), {
+  }), "&.".concat(switchClasses.disabled), {
     color: theme.vars ? theme.vars.palette.Switch.defaultDisabledColor : "".concat(theme.palette.mode === 'light' ? theme.palette.grey[100] : theme.palette.grey[600])
-  }), _defineProperty(_ref5, "&.".concat(switchClasses.checked, " + .").concat(switchClasses.track), {
+  }), "&.".concat(switchClasses.checked, " + .").concat(switchClasses.track), {
     opacity: 0.5
-  }), _defineProperty(_ref5, "&.".concat(switchClasses.disabled, " + .").concat(switchClasses.track), {
+  }), "&.".concat(switchClasses.disabled, " + .").concat(switchClasses.track), {
     opacity: theme.vars ? theme.vars.opacity.switchTrackDisabled : "".concat(theme.palette.mode === 'light' ? 0.12 : 0.2)
-  }), _defineProperty(_ref5, "& .".concat(switchClasses.input), {
+  }), "& .".concat(switchClasses.input), {
     left: '-100%',
     width: '300%'
-  }), _ref5;
+  });
 }, function (_ref6) {
-  var _ref7;
   var theme = _ref6.theme,
     ownerState = _ref6.ownerState;
   return _extends({
@@ -121,7 +118,7 @@ var SwitchSwitchBase = styled(SwitchBase, {
         backgroundColor: 'transparent'
       }
     }
-  }, ownerState.color !== 'default' && (_ref7 = {}, _defineProperty(_ref7, "&.".concat(switchClasses.checked), _defineProperty({
+  }, ownerState.color !== 'default' && _defineProperty(_defineProperty({}, "&.".concat(switchClasses.checked), _defineProperty({
     color: (theme.vars || theme).palette[ownerState.color].main,
     '&:hover': {
       backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette[ownerState.color].mainChannel, " / ").concat(theme.vars.palette.action.hoverOpacity, ")") : alpha(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
@@ -131,9 +128,9 @@ var SwitchSwitchBase = styled(SwitchBase, {
     }
   }, "&.".concat(switchClasses.disabled), {
     color: theme.vars ? theme.vars.palette.Switch["".concat(ownerState.color, "DisabledColor")] : "".concat(theme.palette.mode === 'light' ? lighten(theme.palette[ownerState.color].main, 0.62) : darken(theme.palette[ownerState.color].main, 0.55))
-  })), _defineProperty(_ref7, "&.".concat(switchClasses.checked, " + .").concat(switchClasses.track), {
+  })), "&.".concat(switchClasses.checked, " + .").concat(switchClasses.track), {
     backgroundColor: (theme.vars || theme).palette[ownerState.color].main
-  }), _ref7));
+  }));
 });
 var SwitchTrack = styled('span', {
   name: 'MuiSwitch',

package/legacy/Tab/Tab.js

@@ -37,7 +37,6 @@ var TabRoot = styled(ButtonBase, {
     return [styles.root, ownerState.label && ownerState.icon && styles.labelIcon, styles["textColor".concat(capitalize(ownerState.textColor))], ownerState.fullWidth && styles.fullWidth, ownerState.wrapped && styles.wrapped];
   }
 })(function (_ref) {
-  var _ref3, _ref4, _ref5;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
   return _extends({}, theme.typography.button, {
@@ -66,26 +65,26 @@ var TabRoot = styled(ButtonBase, {
     marginRight: theme.spacing(1)
   }, ownerState.iconPosition === 'end' && {
     marginLeft: theme.spacing(1)
-  })), ownerState.textColor === 'inherit' && (_ref3 = {
+  })), ownerState.textColor === 'inherit' && _defineProperty(_defineProperty({
     color: 'inherit',
     opacity: 0.6
-  }, _defineProperty(_ref3, "&.".concat(tabClasses.selected), {
+  }, "&.".concat(tabClasses.selected), {
     opacity: 1
-  }), _defineProperty(_ref3, "&.".concat(tabClasses.disabled), {
+  }), "&.".concat(tabClasses.disabled), {
     opacity: (theme.vars || theme).palette.action.disabledOpacity
-  }), _ref3), ownerState.textColor === 'primary' && (_ref4 = {
+  }), ownerState.textColor === 'primary' && _defineProperty(_defineProperty({
     color: (theme.vars || theme).palette.text.secondary
-  }, _defineProperty(_ref4, "&.".concat(tabClasses.selected), {
+  }, "&.".concat(tabClasses.selected), {
     color: (theme.vars || theme).palette.primary.main
-  }), _defineProperty(_ref4, "&.".concat(tabClasses.disabled), {
+  }), "&.".concat(tabClasses.disabled), {
     color: (theme.vars || theme).palette.text.disabled
-  }), _ref4), ownerState.textColor === 'secondary' && (_ref5 = {
+  }), ownerState.textColor === 'secondary' && _defineProperty(_defineProperty({
     color: (theme.vars || theme).palette.text.secondary
-  }, _defineProperty(_ref5, "&.".concat(tabClasses.selected), {
+  }, "&.".concat(tabClasses.selected), {
     color: (theme.vars || theme).palette.secondary.main
-  }), _defineProperty(_ref5, "&.".concat(tabClasses.disabled), {
+  }), "&.".concat(tabClasses.disabled), {
     color: (theme.vars || theme).palette.text.disabled
-  }), _ref5), ownerState.fullWidth && {
+  }), ownerState.fullWidth && {
     flexShrink: 1,
     flexGrow: 1,
     flexBasis: 0,

package/legacy/TablePagination/TablePagination.js

@@ -47,20 +47,19 @@ var TablePaginationToolbar = styled(Toolbar, {
     return _extends(_defineProperty({}, "& .".concat(tablePaginationClasses.actions), styles.actions), styles.toolbar);
   }
 })(function (_ref2) {
-  var _ref3;
   var theme = _ref2.theme;
-  return _ref3 = {
+  return _defineProperty(_defineProperty(_defineProperty({
     minHeight: 52,
     paddingRight: 2
-  }, _defineProperty(_ref3, "".concat(theme.breakpoints.up('xs'), " and (orientation: landscape)"), {
+  }, "".concat(theme.breakpoints.up('xs'), " and (orientation: landscape)"), {
     minHeight: 52
-  }), _defineProperty(_ref3, theme.breakpoints.up('sm'), {
+  }), theme.breakpoints.up('sm'), {
     minHeight: 52,
     paddingRight: 2
-  }), _defineProperty(_ref3, "& .".concat(tablePaginationClasses.actions), {
+  }), "& .".concat(tablePaginationClasses.actions), {
     flexShrink: 0,
     marginLeft: 20
-  }), _ref3;
+  });
 });
 var TablePaginationSpacer = styled('div', {
   name: 'MuiTablePagination',
@@ -87,8 +86,7 @@ var TablePaginationSelect = styled(Select, {
   name: 'MuiTablePagination',
   slot: 'Select',
   overridesResolver: function overridesResolver(props, styles) {
-    var _extends3;
-    return _extends((_extends3 = {}, _defineProperty(_extends3, "& .".concat(tablePaginationClasses.selectIcon), styles.selectIcon), _defineProperty(_extends3, "& .".concat(tablePaginationClasses.select), styles.select), _extends3), styles.input, styles.selectRoot);
+    return _extends(_defineProperty(_defineProperty({}, "& .".concat(tablePaginationClasses.selectIcon), styles.selectIcon), "& .".concat(tablePaginationClasses.select), styles.select), styles.input, styles.selectRoot);
   }
 })(_defineProperty({
   color: 'inherit',
@@ -152,6 +150,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
  * A `TableCell` based component for placing inside `TableFooter` for pagination.
  */
 var TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(inProps, ref) {
+  var _slotProps$select;
   var props = useThemeProps({
     props: inProps,
     name: 'MuiTablePagination'
@@ -164,6 +163,8 @@ var TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(inP
     _props$component = props.component,
     component = _props$component === void 0 ? TableCell : _props$component,
     count = props.count,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
     _props$getItemAriaLab = props.getItemAriaLabel,
     getItemAriaLabel = _props$getItemAriaLab === void 0 ? defaultGetAriaLabel : _props$getItemAriaLab,
     _props$labelDisplayed = props.labelDisplayedRows,
@@ -183,17 +184,19 @@ var TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(inP
     showFirstButton = _props$showFirstButto === void 0 ? false : _props$showFirstButto,
     _props$showLastButton = props.showLastButton,
     showLastButton = _props$showLastButton === void 0 ? false : _props$showLastButton,
-    other = _objectWithoutProperties(props, ["ActionsComponent", "backIconButtonProps", "className", "colSpan", "component", "count", "getItemAriaLabel", "labelDisplayedRows", "labelRowsPerPage", "nextIconButtonProps", "onPageChange", "onRowsPerPageChange", "page", "rowsPerPage", "rowsPerPageOptions", "SelectProps", "showFirstButton", "showLastButton"]);
+    slotProps = props.slotProps,
+    other = _objectWithoutProperties(props, ["ActionsComponent", "backIconButtonProps", "className", "colSpan", "component", "count", "disabled", "getItemAriaLabel", "labelDisplayedRows", "labelRowsPerPage", "nextIconButtonProps", "onPageChange", "onRowsPerPageChange", "page", "rowsPerPage", "rowsPerPageOptions", "SelectProps", "showFirstButton", "showLastButton", "slotProps"]);
   var ownerState = props;
   var classes = useUtilityClasses(ownerState);
-  var MenuItemComponent = SelectProps.native ? 'option' : TablePaginationMenuItem;
+  var selectProps = (_slotProps$select = slotProps == null ? void 0 : slotProps.select) != null ? _slotProps$select : SelectProps;
+  var MenuItemComponent = selectProps.native ? 'option' : TablePaginationMenuItem;
   var colSpan;
   if (component === TableCell || component === 'td') {
     colSpan = colSpanProp || 1000; // col-span over everything
   }
 
-  var selectId = useId(SelectProps.id);
-  var labelId = useId(SelectProps.labelId);
+  var selectId = useId(selectProps.id);
+  var labelId = useId(selectProps.labelId);
   var getLabelDisplayedRowsTo = function getLabelDisplayedRowsTo() {
     if (count === -1) {
       return (page + 1) * rowsPerPage;
@@ -217,21 +220,22 @@ var TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(inP
         children: labelRowsPerPage
       }), rowsPerPageOptions.length > 1 && /*#__PURE__*/_jsx(TablePaginationSelect, _extends({
         variant: "standard"
-      }, !SelectProps.variant && {
+      }, !selectProps.variant && {
         input: _InputBase || (_InputBase = /*#__PURE__*/_jsx(InputBase, {}))
       }, {
         value: rowsPerPage,
         onChange: onRowsPerPageChange,
         id: selectId,
         labelId: labelId
-      }, SelectProps, {
-        classes: _extends({}, SelectProps.classes, {
+      }, selectProps, {
+        classes: _extends({}, selectProps.classes, {
           // TODO v5 remove `classes.input`
-          root: clsx(classes.input, classes.selectRoot, (SelectProps.classes || {}).root),
-          select: clsx(classes.select, (SelectProps.classes || {}).select),
+          root: clsx(classes.input, classes.selectRoot, (selectProps.classes || {}).root),
+          select: clsx(classes.select, (selectProps.classes || {}).select),
           // TODO v5 remove `selectIcon`
-          icon: clsx(classes.selectIcon, (SelectProps.classes || {}).icon)
+          icon: clsx(classes.selectIcon, (selectProps.classes || {}).icon)
         }),
+        disabled: disabled,
         children: rowsPerPageOptions.map(function (rowsPerPageOption) {
           return /*#__PURE__*/_createElement(MenuItemComponent, _extends({}, !isHostComponent(MenuItemComponent) && {
             ownerState: ownerState
@@ -259,7 +263,9 @@ var TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(inP
         rowsPerPage: rowsPerPage,
         showFirstButton: showFirstButton,
         showLastButton: showLastButton,
-        getItemAriaLabel: getItemAriaLabel
+        slotProps: slotProps == null ? void 0 : slotProps.actions,
+        getItemAriaLabel: getItemAriaLabel,
+        disabled: disabled
       })]
     })
   }));
@@ -277,6 +283,9 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
   ActionsComponent: PropTypes.elementType,
   /**
    * Props applied to the back arrow [`IconButton`](/material-ui/api/icon-button/) component.
+   *
+   * This prop is an alias for `slotProps.actions.previousButton` and will be overriden by it if both are used.
+   * @deprecated Use `slotProps.actions.previousButton` instead.
    */
   backIconButtonProps: PropTypes.object,
   /**
@@ -302,6 +311,11 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
    * To enable server side pagination for an unknown number of items, provide -1.
    */
   count: integerPropType.isRequired,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: PropTypes.bool,
   /**
    * 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.
@@ -333,6 +347,9 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
   labelRowsPerPage: PropTypes.node,
   /**
    * Props applied to the next arrow [`IconButton`](/material-ui/api/icon-button/) element.
+   *
+   * This prop is an alias for `slotProps.actions.nextButton` and will be overriden by it if both are used.
+   * @deprecated Use `slotProps.actions.nextButton` instead.
    */
   nextIconButtonProps: PropTypes.object,
   /**
@@ -382,6 +399,10 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
   })]).isRequired),
   /**
    * Props applied to the rows per page [`Select`](/material-ui/api/select/) element.
+   *
+   * This prop is an alias for `slotProps.select` and will be overriden by it if both are used.
+   * @deprecated Use `slotProps.select` instead.
+   *
    * @default {}
    */
   SelectProps: PropTypes.object,
@@ -395,6 +416,19 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
    * @default false
    */
   showLastButton: PropTypes.bool,
+  /**
+   * The props used for each slot inside the TablePagination.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    actions: PropTypes.shape({
+      firstButton: PropTypes.object,
+      lastButton: PropTypes.object,
+      nextButton: PropTypes.object,
+      previousButton: PropTypes.object
+    }),
+    select: PropTypes.object
+  }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/legacy/TablePagination/TablePaginationActions.js

@@ -18,8 +18,11 @@ import FirstPageIcon from '../internal/svg-icons/FirstPage';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePaginationActions(props, ref) {
+  var _slotProps$firstButto, _slotProps$previousBu, _slotProps$nextButton, _slotProps$lastButton;
   var backIconButtonProps = props.backIconButtonProps,
     count = props.count,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
     getItemAriaLabel = props.getItemAriaLabel,
     nextIconButtonProps = props.nextIconButtonProps,
     onPageChange = props.onPageChange,
@@ -27,7 +30,8 @@ var TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePaginat
     rowsPerPage = props.rowsPerPage,
     showFirstButton = props.showFirstButton,
     showLastButton = props.showLastButton,
-    other = _objectWithoutProperties(props, ["backIconButtonProps", "count", "getItemAriaLabel", "nextIconButtonProps", "onPageChange", "page", "rowsPerPage", "showFirstButton", "showLastButton"]);
+    slotProps = props.slotProps,
+    other = _objectWithoutProperties(props, ["backIconButtonProps", "count", "disabled", "getItemAriaLabel", "nextIconButtonProps", "onPageChange", "page", "rowsPerPage", "showFirstButton", "showLastButton", "slotProps"]);
   var theme = useTheme();
   var handleFirstPageButtonClick = function handleFirstPageButtonClick(event) {
     onPageChange(event, 0);
@@ -44,35 +48,37 @@ var TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePaginat
   return /*#__PURE__*/_jsxs("div", _extends({
     ref: ref
   }, other, {
-    children: [showFirstButton && /*#__PURE__*/_jsx(IconButton, {
+    children: [showFirstButton && /*#__PURE__*/_jsx(IconButton, _extends({
       onClick: handleFirstPageButtonClick,
-      disabled: page === 0,
+      disabled: disabled || page === 0,
       "aria-label": getItemAriaLabel('first', page),
-      title: getItemAriaLabel('first', page),
+      title: getItemAriaLabel('first', page)
+    }, (_slotProps$firstButto = slotProps == null ? void 0 : slotProps.firstButton) != null ? _slotProps$firstButto : {}, {
       children: theme.direction === 'rtl' ? _LastPageIcon || (_LastPageIcon = /*#__PURE__*/_jsx(LastPageIcon, {})) : _FirstPageIcon || (_FirstPageIcon = /*#__PURE__*/_jsx(FirstPageIcon, {}))
-    }), /*#__PURE__*/_jsx(IconButton, _extends({
+    })), /*#__PURE__*/_jsx(IconButton, _extends({
       onClick: handleBackButtonClick,
-      disabled: page === 0,
+      disabled: disabled || page === 0,
       color: "inherit",
       "aria-label": getItemAriaLabel('previous', page),
       title: getItemAriaLabel('previous', page)
-    }, backIconButtonProps, {
+    }, (_slotProps$previousBu = slotProps == null ? void 0 : slotProps.previousButton) != null ? _slotProps$previousBu : backIconButtonProps, {
       children: theme.direction === 'rtl' ? _KeyboardArrowRight || (_KeyboardArrowRight = /*#__PURE__*/_jsx(KeyboardArrowRight, {})) : _KeyboardArrowLeft || (_KeyboardArrowLeft = /*#__PURE__*/_jsx(KeyboardArrowLeft, {}))
     })), /*#__PURE__*/_jsx(IconButton, _extends({
       onClick: handleNextButtonClick,
-      disabled: count !== -1 ? page >= Math.ceil(count / rowsPerPage) - 1 : false,
+      disabled: disabled || (count !== -1 ? page >= Math.ceil(count / rowsPerPage) - 1 : false),
       color: "inherit",
       "aria-label": getItemAriaLabel('next', page),
       title: getItemAriaLabel('next', page)
-    }, nextIconButtonProps, {
+    }, (_slotProps$nextButton = slotProps == null ? void 0 : slotProps.nextButton) != null ? _slotProps$nextButton : nextIconButtonProps, {
       children: theme.direction === 'rtl' ? _KeyboardArrowLeft2 || (_KeyboardArrowLeft2 = /*#__PURE__*/_jsx(KeyboardArrowLeft, {})) : _KeyboardArrowRight2 || (_KeyboardArrowRight2 = /*#__PURE__*/_jsx(KeyboardArrowRight, {}))
-    })), showLastButton && /*#__PURE__*/_jsx(IconButton, {
+    })), showLastButton && /*#__PURE__*/_jsx(IconButton, _extends({
       onClick: handleLastPageButtonClick,
-      disabled: page >= Math.ceil(count / rowsPerPage) - 1,
+      disabled: disabled || page >= Math.ceil(count / rowsPerPage) - 1,
       "aria-label": getItemAriaLabel('last', page),
-      title: getItemAriaLabel('last', page),
+      title: getItemAriaLabel('last', page)
+    }, (_slotProps$lastButton = slotProps == null ? void 0 : slotProps.lastButton) != null ? _slotProps$lastButton : {}, {
       children: theme.direction === 'rtl' ? _FirstPageIcon2 || (_FirstPageIcon2 = /*#__PURE__*/_jsx(FirstPageIcon, {})) : _LastPageIcon2 || (_LastPageIcon2 = /*#__PURE__*/_jsx(LastPageIcon, {}))
-    })]
+    }))]
   }));
 });
 process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
@@ -84,6 +90,11 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
    * The total number of rows.
    */
   count: PropTypes.number.isRequired,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: PropTypes.bool,
   /**
    * Accepts a function which returns a string value that provides a user-friendly name for the current page.
    *
@@ -120,6 +131,16 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
   /**
    * If `true`, show the last-page button.
    */
-  showLastButton: PropTypes.bool.isRequired
+  showLastButton: PropTypes.bool.isRequired,
+  /**
+   * The props used for each slot inside the TablePaginationActions.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    firstButton: PropTypes.object,
+    lastButton: PropTypes.object,
+    nextButton: PropTypes.object,
+    previousButton: PropTypes.object
+  })
 } : void 0;
 export default TablePaginationActions;

package/legacy/TableRow/TableRow.js

@@ -32,22 +32,21 @@ var TableRowRoot = styled('tr', {
     return [styles.root, ownerState.head && styles.head, ownerState.footer && styles.footer];
   }
 })(function (_ref) {
-  var _ref2;
   var theme = _ref.theme;
-  return _ref2 = {
+  return _defineProperty(_defineProperty({
     color: 'inherit',
     display: 'table-row',
     verticalAlign: 'middle',
     // We disable the focus ring for mouse, touch and keyboard users.
     outline: 0
-  }, _defineProperty(_ref2, "&.".concat(tableRowClasses.hover, ":hover"), {
+  }, "&.".concat(tableRowClasses.hover, ":hover"), {
     backgroundColor: (theme.vars || theme).palette.action.hover
-  }), _defineProperty(_ref2, "&.".concat(tableRowClasses.selected), {
+  }), "&.".concat(tableRowClasses.selected), {
     backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.primary.mainChannel, " / ").concat(theme.vars.palette.action.selectedOpacity, ")") : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),
     '&:hover': {
       backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.primary.mainChannel, " / calc(").concat(theme.vars.palette.action.selectedOpacity, " + ").concat(theme.vars.palette.action.hoverOpacity, "))") : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity)
     }
-  }), _ref2;
+  });
 });
 var defaultComponent = 'tr';
 /**

package/legacy/Tabs/Tabs.js

@@ -347,7 +347,6 @@ var Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
     };
   };
   var updateIndicatorState = useEventCallback(function () {
-    var _newIndicatorStyle;
     var _getTabsMeta = getTabsMeta(),
       tabsMeta = _getTabsMeta.tabsMeta,
       tabMeta = _getTabsMeta.tabMeta;
@@ -365,7 +364,7 @@ var Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
         startValue = (isRtl ? -1 : 1) * (tabMeta[startIndicator] - tabsMeta[startIndicator] + correction);
       }
     }
-    var newIndicatorStyle = (_newIndicatorStyle = {}, _defineProperty(_newIndicatorStyle, startIndicator, startValue), _defineProperty(_newIndicatorStyle, size, tabMeta ? tabMeta[size] : 0), _newIndicatorStyle);
+    var newIndicatorStyle = _defineProperty(_defineProperty({}, startIndicator, startValue), size, tabMeta ? tabMeta[size] : 0);
 
     // IE11 support, replace with Number.isNaN
     // eslint-disable-next-line no-restricted-globals

package/legacy/ToggleButton/ToggleButton.js

@@ -35,7 +35,6 @@ var ToggleButtonRoot = styled(ButtonBase, {
     return [styles.root, styles["size".concat(capitalize(ownerState.size))]];
   }
 })(function (_ref) {
-  var _extends2;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
   var selectedColor = ownerState.color === 'standard' ? theme.palette.text.primary : theme.palette[ownerState.color].main;
@@ -51,17 +50,17 @@ var ToggleButtonRoot = styled(ButtonBase, {
     color: (theme.vars || theme).palette.action.active
   }, ownerState.fullWidth && {
     width: '100%'
-  }, (_extends2 = {}, _defineProperty(_extends2, "&.".concat(toggleButtonClasses.disabled), {
+  }, _defineProperty(_defineProperty(_defineProperty({}, "&.".concat(toggleButtonClasses.disabled), {
     color: (theme.vars || theme).palette.action.disabled,
     border: "1px solid ".concat((theme.vars || theme).palette.action.disabledBackground)
-  }), _defineProperty(_extends2, '&:hover', {
+  }), '&:hover', {
     textDecoration: 'none',
     // Reset on mouse devices
     backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.text.primaryChannel, " / ").concat(theme.vars.palette.action.hoverOpacity, ")") : alpha(theme.palette.text.primary, theme.palette.action.hoverOpacity),
     '@media (hover: none)': {
       backgroundColor: 'transparent'
     }
-  }), _defineProperty(_extends2, "&.".concat(toggleButtonClasses.selected), {
+  }), "&.".concat(toggleButtonClasses.selected), {
     color: selectedColor,
     backgroundColor: theme.vars ? "rgba(".concat(selectedColorChannel, " / ").concat(theme.vars.palette.action.selectedOpacity, ")") : alpha(selectedColor, theme.palette.action.selectedOpacity),
     '&:hover': {
@@ -71,7 +70,7 @@ var ToggleButtonRoot = styled(ButtonBase, {
         backgroundColor: theme.vars ? "rgba(".concat(selectedColorChannel, " / ").concat(theme.vars.palette.action.selectedOpacity, ")") : alpha(selectedColor, theme.palette.action.selectedOpacity)
       }
     }
-  }), _extends2), ownerState.size === 'small' && {
+  }), ownerState.size === 'small' && {
     padding: 7,
     fontSize: theme.typography.pxToRem(13)
   }, ownerState.size === 'large' && {

package/legacy/Tooltip/Tooltip.js

@@ -48,7 +48,6 @@ var TooltipPopper = styled(Popper, {
     return [styles.popper, !ownerState.disableInteractive && styles.popperInteractive, ownerState.arrow && styles.popperArrow, !ownerState.open && styles.popperClose];
   }
 })(function (_ref) {
-  var _ref2;
   var theme = _ref.theme,
     ownerState = _ref.ownerState,
     open = _ref.open;
@@ -59,19 +58,19 @@ var TooltipPopper = styled(Popper, {
     pointerEvents: 'auto'
   }, !open && {
     pointerEvents: 'none'
-  }, ownerState.arrow && (_ref2 = {}, _defineProperty(_ref2, "&[data-popper-placement*=\"bottom\"] .".concat(tooltipClasses.arrow), {
+  }, ownerState.arrow && _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "&[data-popper-placement*=\"bottom\"] .".concat(tooltipClasses.arrow), {
     top: 0,
     marginTop: '-0.71em',
     '&::before': {
       transformOrigin: '0 100%'
     }
-  }), _defineProperty(_ref2, "&[data-popper-placement*=\"top\"] .".concat(tooltipClasses.arrow), {
+  }), "&[data-popper-placement*=\"top\"] .".concat(tooltipClasses.arrow), {
     bottom: 0,
     marginBottom: '-0.71em',
     '&::before': {
       transformOrigin: '100% 0'
     }
-  }), _defineProperty(_ref2, "&[data-popper-placement*=\"right\"] .".concat(tooltipClasses.arrow), _extends({}, !ownerState.isRtl ? {
+  }), "&[data-popper-placement*=\"right\"] .".concat(tooltipClasses.arrow), _extends({}, !ownerState.isRtl ? {
     left: 0,
     marginLeft: '-0.71em'
   } : {
@@ -83,7 +82,7 @@ var TooltipPopper = styled(Popper, {
     '&::before': {
       transformOrigin: '100% 100%'
     }
-  })), _defineProperty(_ref2, "&[data-popper-placement*=\"left\"] .".concat(tooltipClasses.arrow), _extends({}, !ownerState.isRtl ? {
+  })), "&[data-popper-placement*=\"left\"] .".concat(tooltipClasses.arrow), _extends({}, !ownerState.isRtl ? {
     right: 0,
     marginRight: '-0.71em'
   } : {
@@ -95,7 +94,7 @@ var TooltipPopper = styled(Popper, {
     '&::before': {
       transformOrigin: '0 0'
     }
-  })), _ref2));
+  })));
 });
 var TooltipTooltip = styled('div', {
   name: 'MuiTooltip',
@@ -105,7 +104,6 @@ var TooltipTooltip = styled('div', {
     return [styles.tooltip, ownerState.touch && styles.touch, ownerState.arrow && styles.tooltipArrow, styles["tooltipPlacement".concat(capitalize(ownerState.placement.split('-')[0]))]];
   }
 })(function (_ref3) {
-  var _extends2;
   var theme = _ref3.theme,
     ownerState = _ref3.ownerState;
   return _extends({
@@ -127,7 +125,7 @@ var TooltipTooltip = styled('div', {
     fontSize: theme.typography.pxToRem(14),
     lineHeight: "".concat(round(16 / 14), "em"),
     fontWeight: theme.typography.fontWeightRegular
-  }, (_extends2 = {}, _defineProperty(_extends2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"left\"] &"), _extends({
+  }, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"left\"] &"), _extends({
     transformOrigin: 'right center'
   }, !ownerState.isRtl ? _extends({
     marginRight: '14px'
@@ -137,7 +135,7 @@ var TooltipTooltip = styled('div', {
     marginLeft: '14px'
   }, ownerState.touch && {
     marginLeft: '24px'
-  }))), _defineProperty(_extends2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"right\"] &"), _extends({
+  }))), ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"right\"] &"), _extends({
     transformOrigin: 'left center'
   }, !ownerState.isRtl ? _extends({
     marginLeft: '14px'
@@ -147,17 +145,17 @@ var TooltipTooltip = styled('div', {
     marginRight: '14px'
   }, ownerState.touch && {
     marginRight: '24px'
-  }))), _defineProperty(_extends2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"top\"] &"), _extends({
+  }))), ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"top\"] &"), _extends({
     transformOrigin: 'center bottom',
     marginBottom: '14px'
   }, ownerState.touch && {
     marginBottom: '24px'
-  })), _defineProperty(_extends2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"bottom\"] &"), _extends({
+  })), ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"bottom\"] &"), _extends({
     transformOrigin: 'center top',
     marginTop: '14px'
   }, ownerState.touch && {
     marginTop: '24px'
-  })), _extends2));
+  })));
 });
 var TooltipArrow = styled('span', {
   name: 'MuiTooltip',

package/legacy/index.js

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

package/legacy/styles/createMixins.js

@@ -1,16 +1,15 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
 export default function createMixins(breakpoints, mixins) {
-  var _toolbar;
   return _extends({
-    toolbar: (_toolbar = {
+    toolbar: _defineProperty(_defineProperty({
       minHeight: 56
-    }, _defineProperty(_toolbar, breakpoints.up('xs'), {
+    }, breakpoints.up('xs'), {
       '@media (orientation: landscape)': {
         minHeight: 48
       }
-    }), _defineProperty(_toolbar, breakpoints.up('sm'), {
+    }), breakpoints.up('sm'), {
       minHeight: 64
-    }), _toolbar)
+    })
   }, mixins);
 }