@mui/material 5.12.3 → 5.13.1

package/legacy/TablePagination/TablePagination.js

@@ -1,7 +1,8 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
 var _InputBase;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -42,7 +43,7 @@ var TablePaginationToolbar = styled(Toolbar, {
   name: 'MuiTablePagination',
   slot: 'Toolbar',
   overridesResolver: function overridesResolver(props, styles) {
-    return _extends(_defineProperty({}, "& .".concat(tablePaginationClasses.actions), styles.actions), styles.toolbar);
+    return _objectSpread(_defineProperty({}, "& .".concat(tablePaginationClasses.actions), styles.actions), styles.toolbar);
   }
 })(function (_ref2) {
   var _ref3;
@@ -77,7 +78,7 @@ var TablePaginationSelectLabel = styled('p', {
   }
 })(function (_ref4) {
   var theme = _ref4.theme;
-  return _extends({}, theme.typography.body2, {
+  return _objectSpread(_objectSpread({}, theme.typography.body2), {}, {
     flexShrink: 0
   });
 });
@@ -85,8 +86,8 @@ 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);
+    var _objectSpread3;
+    return _objectSpread(_objectSpread((_objectSpread3 = {}, _defineProperty(_objectSpread3, "& .".concat(tablePaginationClasses.selectIcon), styles.selectIcon), _defineProperty(_objectSpread3, "& .".concat(tablePaginationClasses.select), styles.select), _objectSpread3), styles.input), styles.selectRoot);
   }
 })(_defineProperty({
   color: 'inherit',
@@ -116,7 +117,7 @@ var TablePaginationDisplayedRows = styled('p', {
   }
 })(function (_ref5) {
   var theme = _ref5.theme;
-  return _extends({}, theme.typography.body2, {
+  return _objectSpread(_objectSpread({}, theme.typography.body2), {}, {
     flexShrink: 0
   });
 });
@@ -198,13 +199,13 @@ var TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(inP
     }
     return rowsPerPage === -1 ? count : Math.min(count, (page + 1) * rowsPerPage);
   };
-  return /*#__PURE__*/_jsx(TablePaginationRoot, _extends({
+  return /*#__PURE__*/_jsx(TablePaginationRoot, _objectSpread(_objectSpread({
     colSpan: colSpan,
     ref: ref,
     as: component,
     ownerState: ownerState,
     className: clsx(classes.root, className)
-  }, other, {
+  }, other), {}, {
     children: /*#__PURE__*/_jsxs(TablePaginationToolbar, {
       className: classes.toolbar,
       children: [/*#__PURE__*/_jsx(TablePaginationSpacer, {
@@ -213,17 +214,17 @@ var TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(inP
         className: classes.selectLabel,
         id: labelId,
         children: labelRowsPerPage
-      }), rowsPerPageOptions.length > 1 && /*#__PURE__*/_jsx(TablePaginationSelect, _extends({
+      }), rowsPerPageOptions.length > 1 && /*#__PURE__*/_jsx(TablePaginationSelect, _objectSpread(_objectSpread(_objectSpread({
         variant: "standard"
       }, !SelectProps.variant && {
         input: _InputBase || (_InputBase = /*#__PURE__*/_jsx(InputBase, {}))
-      }, {
+      }), {}, {
         value: rowsPerPage,
         onChange: onRowsPerPageChange,
         id: selectId,
         labelId: labelId
-      }, SelectProps, {
-        classes: _extends({}, SelectProps.classes, {
+      }, SelectProps), {}, {
+        classes: _objectSpread(_objectSpread({}, SelectProps.classes), {}, {
           // TODO v5 remove `classes.input`
           root: clsx(classes.input, classes.selectRoot, (SelectProps.classes || {}).root),
           select: clsx(classes.select, (SelectProps.classes || {}).select),
@@ -231,9 +232,9 @@ var TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(inP
           icon: clsx(classes.selectIcon, (SelectProps.classes || {}).icon)
         }),
         children: rowsPerPageOptions.map(function (rowsPerPageOption) {
-          return /*#__PURE__*/_createElement(MenuItemComponent, _extends({}, !isHostComponent(MenuItemComponent) && {
+          return /*#__PURE__*/_createElement(MenuItemComponent, _objectSpread(_objectSpread({}, !isHostComponent(MenuItemComponent) && {
             ownerState: ownerState
-          }, {
+          }), {}, {
             className: classes.menuItem,
             key: rowsPerPageOption.label ? rowsPerPageOption.label : rowsPerPageOption,
             value: rowsPerPageOption.value ? rowsPerPageOption.value : rowsPerPageOption

package/legacy/TablePagination/TablePaginationActions.js

@@ -1,6 +1,8 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _LastPageIcon, _FirstPageIcon, _KeyboardArrowRight, _KeyboardArrowLeft, _KeyboardArrowLeft2, _KeyboardArrowRight2, _FirstPageIcon2, _LastPageIcon2;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import KeyboardArrowLeft from '../internal/svg-icons/KeyboardArrowLeft';
@@ -39,30 +41,30 @@ var TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePaginat
   var handleLastPageButtonClick = function handleLastPageButtonClick(event) {
     onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));
   };
-  return /*#__PURE__*/_jsxs("div", _extends({
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
     ref: ref
-  }, other, {
+  }, other), {}, {
     children: [showFirstButton && /*#__PURE__*/_jsx(IconButton, {
       onClick: handleFirstPageButtonClick,
       disabled: page === 0,
       "aria-label": getItemAriaLabel('first', page),
       title: getItemAriaLabel('first', page),
       children: theme.direction === 'rtl' ? _LastPageIcon || (_LastPageIcon = /*#__PURE__*/_jsx(LastPageIcon, {})) : _FirstPageIcon || (_FirstPageIcon = /*#__PURE__*/_jsx(FirstPageIcon, {}))
-    }), /*#__PURE__*/_jsx(IconButton, _extends({
+    }), /*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread({
       onClick: handleBackButtonClick,
       disabled: page === 0,
       color: "inherit",
       "aria-label": getItemAriaLabel('previous', page),
       title: getItemAriaLabel('previous', page)
-    }, backIconButtonProps, {
+    }, backIconButtonProps), {}, {
       children: theme.direction === 'rtl' ? _KeyboardArrowRight || (_KeyboardArrowRight = /*#__PURE__*/_jsx(KeyboardArrowRight, {})) : _KeyboardArrowLeft || (_KeyboardArrowLeft = /*#__PURE__*/_jsx(KeyboardArrowLeft, {}))
-    })), /*#__PURE__*/_jsx(IconButton, _extends({
+    })), /*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread({
       onClick: handleNextButtonClick,
       disabled: count !== -1 ? page >= Math.ceil(count / rowsPerPage) - 1 : false,
       color: "inherit",
       "aria-label": getItemAriaLabel('next', page),
       title: getItemAriaLabel('next', page)
-    }, nextIconButtonProps, {
+    }, nextIconButtonProps), {}, {
       children: theme.direction === 'rtl' ? _KeyboardArrowLeft2 || (_KeyboardArrowLeft2 = /*#__PURE__*/_jsx(KeyboardArrowLeft, {})) : _KeyboardArrowRight2 || (_KeyboardArrowRight2 = /*#__PURE__*/_jsx(KeyboardArrowRight, {}))
     })), showLastButton && /*#__PURE__*/_jsx(IconButton, {
       onClick: handleLastPageButtonClick,

package/legacy/TableRow/TableRow.js

@@ -1,6 +1,7 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -66,7 +67,7 @@ var TableRow = /*#__PURE__*/React.forwardRef(function TableRow(inProps, ref) {
     selected = _props$selected === void 0 ? false : _props$selected,
     other = _objectWithoutProperties(props, ["className", "component", "hover", "selected"]);
   var tablelvl2 = React.useContext(Tablelvl2Context);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     component: component,
     hover: hover,
     selected: selected,
@@ -74,7 +75,7 @@ var TableRow = /*#__PURE__*/React.forwardRef(function TableRow(inProps, ref) {
     footer: tablelvl2 && tablelvl2.variant === 'footer'
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(TableRowRoot, _extends({
+  return /*#__PURE__*/_jsx(TableRowRoot, _objectSpread({
     as: component,
     ref: ref,
     className: clsx(classes.root, className),

package/legacy/TableSortLabel/TableSortLabel.js

@@ -1,6 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { unstable_composeClasses as composeClasses } from '@mui/base';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -63,7 +64,7 @@ var TableSortLabelIcon = styled('span', {
 })(function (_ref3) {
   var theme = _ref3.theme,
     ownerState = _ref3.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread({
     fontSize: 18,
     marginRight: 4,
     marginLeft: 4,
@@ -74,7 +75,7 @@ var TableSortLabelIcon = styled('span', {
     userSelect: 'none'
   }, ownerState.direction === 'desc' && {
     transform: 'rotate(0deg)'
-  }, ownerState.direction === 'asc' && {
+  }), ownerState.direction === 'asc' && {
     transform: 'rotate(180deg)'
   });
 });
@@ -98,20 +99,20 @@ var TableSortLabel = /*#__PURE__*/React.forwardRef(function TableSortLabel(inPro
     _props$IconComponent = props.IconComponent,
     IconComponent = _props$IconComponent === void 0 ? ArrowDownwardIcon : _props$IconComponent,
     other = _objectWithoutProperties(props, ["active", "children", "className", "direction", "hideSortIcon", "IconComponent"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     active: active,
     direction: direction,
     hideSortIcon: hideSortIcon,
     IconComponent: IconComponent
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(TableSortLabelRoot, _extends({
+  return /*#__PURE__*/_jsxs(TableSortLabelRoot, _objectSpread(_objectSpread({
     className: clsx(classes.root, className),
     component: "span",
     disableRipple: true,
     ownerState: ownerState,
     ref: ref
-  }, other, {
+  }, other), {}, {
     children: [children, hideSortIcon && !active ? null : /*#__PURE__*/_jsx(TableSortLabelIcon, {
       as: IconComponent,
       className: clsx(classes.icon),

package/legacy/Tabs/ScrollbarSize.js

@@ -1,5 +1,7 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import debounce from '../utils/debounce';
@@ -45,7 +47,7 @@ export default function ScrollbarSize(props) {
     setMeasurements();
     onChange(scrollbarHeight.current);
   }, [onChange]);
-  return /*#__PURE__*/_jsx("div", _extends({
+  return /*#__PURE__*/_jsx("div", _objectSpread({
     style: styles,
     ref: nodeRef
   }, other));

package/legacy/Tabs/Tabs.js

@@ -1,6 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
@@ -92,7 +93,7 @@ var TabsRoot = styled('div', {
 })(function (_ref3) {
   var ownerState = _ref3.ownerState,
     theme = _ref3.theme;
-  return _extends({
+  return _objectSpread(_objectSpread({
     overflow: 'hidden',
     minHeight: 48,
     // Add iOS momentum scrolling for iOS < 13.0
@@ -100,7 +101,7 @@ var TabsRoot = styled('div', {
     display: 'flex'
   }, ownerState.vertical && {
     flexDirection: 'column'
-  }, ownerState.scrollButtonsHideMobile && _defineProperty({}, "& .".concat(tabsClasses.scrollButtons), _defineProperty({}, theme.breakpoints.down('sm'), {
+  }), ownerState.scrollButtonsHideMobile && _defineProperty({}, "& .".concat(tabsClasses.scrollButtons), _defineProperty({}, theme.breakpoints.down('sm'), {
     display: 'none'
   })));
 });
@@ -113,7 +114,7 @@ var TabsScroller = styled('div', {
   }
 })(function (_ref5) {
   var ownerState = _ref5.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     position: 'relative',
     display: 'inline-block',
     flex: '1 1 auto',
@@ -121,17 +122,17 @@ var TabsScroller = styled('div', {
   }, ownerState.fixed && {
     overflowX: 'hidden',
     width: '100%'
-  }, ownerState.hideScrollbar && {
+  }), ownerState.hideScrollbar && {
     // Hide dimensionless scrollbar on macOS
     scrollbarWidth: 'none',
     // Firefox
     '&::-webkit-scrollbar': {
       display: 'none' // Safari + Chrome
     }
-  }, ownerState.scrollableX && {
+  }), ownerState.scrollableX && {
     overflowX: 'auto',
     overflowY: 'hidden'
-  }, ownerState.scrollableY && {
+  }), ownerState.scrollableY && {
     overflowY: 'auto',
     overflowX: 'hidden'
   });
@@ -145,11 +146,11 @@ var FlexContainer = styled('div', {
   }
 })(function (_ref6) {
   var ownerState = _ref6.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread({
     display: 'flex'
   }, ownerState.vertical && {
     flexDirection: 'column'
-  }, ownerState.centered && {
+  }), ownerState.centered && {
     justifyContent: 'center'
   });
 });
@@ -162,7 +163,7 @@ var TabsIndicator = styled('span', {
 })(function (_ref7) {
   var ownerState = _ref7.ownerState,
     theme = _ref7.theme;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread({
     position: 'absolute',
     height: 2,
     bottom: 0,
@@ -170,9 +171,9 @@ var TabsIndicator = styled('span', {
     transition: theme.transitions.create()
   }, ownerState.indicatorColor === 'primary' && {
     backgroundColor: (theme.vars || theme).palette.primary.main
-  }, ownerState.indicatorColor === 'secondary' && {
+  }), ownerState.indicatorColor === 'secondary' && {
     backgroundColor: (theme.vars || theme).palette.secondary.main
-  }, ownerState.vertical && {
+  }), ownerState.vertical && {
     height: '100%',
     width: 2,
     right: 0
@@ -245,7 +246,7 @@ var Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
   var end = vertical ? 'bottom' : 'right';
   var clientSize = vertical ? 'clientHeight' : 'clientWidth';
   var size = vertical ? 'height' : 'width';
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     component: component,
     allowScrollButtonsMobile: allowScrollButtonsMobile,
     indicatorColor: indicatorColor,
@@ -441,7 +442,7 @@ var Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
     }) : null;
     var scrollButtonsActive = displayScroll.start || displayScroll.end;
     var showScrollButtons = scrollable && (scrollButtons === 'auto' && scrollButtonsActive || scrollButtons === true);
-    conditionalElements.scrollButtonStart = showScrollButtons ? /*#__PURE__*/_jsx(ScrollButtonComponent, _extends({
+    conditionalElements.scrollButtonStart = showScrollButtons ? /*#__PURE__*/_jsx(ScrollButtonComponent, _objectSpread(_objectSpread({
       slots: {
         StartScrollButtonIcon: slots.StartScrollButtonIcon
       },
@@ -452,10 +453,10 @@ var Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
       direction: isRtl ? 'right' : 'left',
       onClick: handleStartScrollClick,
       disabled: !displayScroll.start
-    }, TabScrollButtonProps, {
+    }, TabScrollButtonProps), {}, {
       className: clsx(classes.scrollButtons, TabScrollButtonProps.className)
     })) : null;
-    conditionalElements.scrollButtonEnd = showScrollButtons ? /*#__PURE__*/_jsx(ScrollButtonComponent, _extends({
+    conditionalElements.scrollButtonEnd = showScrollButtons ? /*#__PURE__*/_jsx(ScrollButtonComponent, _objectSpread(_objectSpread({
       slots: {
         EndScrollButtonIcon: slots.EndScrollButtonIcon
       },
@@ -466,7 +467,7 @@ var Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
       direction: isRtl ? 'left' : 'right',
       onClick: handleEndScrollClick,
       disabled: !displayScroll.end
-    }, TabScrollButtonProps, {
+    }, TabScrollButtonProps), {}, {
       className: clsx(classes.scrollButtons, TabScrollButtonProps.className)
     })) : null;
     return conditionalElements;
@@ -576,10 +577,10 @@ var Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
       updateScrollButtons: updateScrollButtonState
     };
   }, [updateIndicatorState, updateScrollButtonState]);
-  var indicator = /*#__PURE__*/_jsx(TabsIndicator, _extends({}, TabIndicatorProps, {
+  var indicator = /*#__PURE__*/_jsx(TabsIndicator, _objectSpread(_objectSpread({}, TabIndicatorProps), {}, {
     className: clsx(classes.indicator, TabIndicatorProps.className),
     ownerState: ownerState,
-    style: _extends({}, indicatorStyle, TabIndicatorProps.style)
+    style: _objectSpread(_objectSpread({}, indicatorStyle), TabIndicatorProps.style)
   }));
   var childIndex = 0;
   var children = React.Children.map(childrenProp, function (child) {
@@ -595,7 +596,7 @@ var Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
     valueToIndex.set(childValue, childIndex);
     var selected = childValue === value;
     childIndex += 1;
-    return /*#__PURE__*/React.cloneElement(child, _extends({
+    return /*#__PURE__*/React.cloneElement(child, _objectSpread({
       fullWidth: variant === 'fullWidth',
       indicator: selected && !mounted && indicator,
       selected: selected,
@@ -646,12 +647,12 @@ var Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
     }
   };
   var conditionalElements = getConditionalElements();
-  return /*#__PURE__*/_jsxs(TabsRoot, _extends({
+  return /*#__PURE__*/_jsxs(TabsRoot, _objectSpread(_objectSpread({
     className: clsx(classes.root, className),
     ownerState: ownerState,
     ref: ref,
     as: component
-  }, other, {
+  }, other), {}, {
     children: [conditionalElements.scrollButtonStart, conditionalElements.scrollbarSizeListener, /*#__PURE__*/_jsxs(TabsScroller, {
       className: classes.scroller,
       ownerState: ownerState,

package/legacy/TextField/TextField.js

@@ -1,5 +1,7 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -117,7 +119,7 @@ var TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref) {
     _props$variant = props.variant,
     variant = _props$variant === void 0 ? 'outlined' : _props$variant,
     other = _objectWithoutProperties(props, ["autoComplete", "autoFocus", "children", "className", "color", "defaultValue", "disabled", "error", "FormHelperTextProps", "fullWidth", "helperText", "id", "InputLabelProps", "inputProps", "InputProps", "inputRef", "label", "maxRows", "minRows", "multiline", "name", "onBlur", "onChange", "onClick", "onFocus", "placeholder", "required", "rows", "select", "SelectProps", "type", "value", "variant"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     autoFocus: autoFocus,
     color: color,
     disabled: disabled,
@@ -152,7 +154,7 @@ var TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref) {
   var helperTextId = helperText && id ? "".concat(id, "-helper-text") : undefined;
   var inputLabelId = label && id ? "".concat(id, "-label") : undefined;
   var InputComponent = variantComponent[variant];
-  var InputElement = /*#__PURE__*/_jsx(InputComponent, _extends({
+  var InputElement = /*#__PURE__*/_jsx(InputComponent, _objectSpread(_objectSpread({
     "aria-describedby": helperTextId,
     autoComplete: autoComplete,
     autoFocus: autoFocus,
@@ -173,8 +175,8 @@ var TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref) {
     onClick: onClick,
     placeholder: placeholder,
     inputProps: inputProps
-  }, InputMore, InputProps));
-  return /*#__PURE__*/_jsxs(TextFieldRoot, _extends({
+  }, InputMore), InputProps));
+  return /*#__PURE__*/_jsxs(TextFieldRoot, _objectSpread(_objectSpread({
     className: clsx(classes.root, className),
     disabled: disabled,
     error: error,
@@ -184,23 +186,23 @@ var TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref) {
     color: color,
     variant: variant,
     ownerState: ownerState
-  }, other, {
-    children: [label != null && label !== '' && /*#__PURE__*/_jsx(InputLabel, _extends({
+  }, other), {}, {
+    children: [label != null && label !== '' && /*#__PURE__*/_jsx(InputLabel, _objectSpread(_objectSpread({
       htmlFor: id,
       id: inputLabelId
-    }, InputLabelProps, {
+    }, InputLabelProps), {}, {
       children: label
-    })), select ? /*#__PURE__*/_jsx(Select, _extends({
+    })), select ? /*#__PURE__*/_jsx(Select, _objectSpread(_objectSpread({
       "aria-describedby": helperTextId,
       id: id,
       labelId: inputLabelId,
       value: value,
       input: InputElement
-    }, SelectProps, {
+    }, SelectProps), {}, {
       children: children
-    })) : InputElement, helperText && /*#__PURE__*/_jsx(FormHelperText, _extends({
+    })) : InputElement, helperText && /*#__PURE__*/_jsx(FormHelperText, _objectSpread(_objectSpread({
       id: helperTextId
-    }, FormHelperTextProps, {
+    }, FormHelperTextProps), {}, {
       children: helperText
     }))]
   }));

package/legacy/ToggleButton/ToggleButton.js

@@ -1,6 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 // @inheritedComponent ButtonBase
 import * as React from 'react';
 import PropTypes from 'prop-types';
@@ -33,7 +34,7 @@ var ToggleButtonRoot = styled(ButtonBase, {
     return [styles.root, styles["size".concat(capitalize(ownerState.size))]];
   }
 })(function (_ref) {
-  var _extends2;
+  var _objectSpread2;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
   var selectedColor = ownerState.color === 'standard' ? theme.palette.text.primary : theme.palette[ownerState.color].main;
@@ -42,24 +43,24 @@ var ToggleButtonRoot = styled(ButtonBase, {
     selectedColor = ownerState.color === 'standard' ? theme.vars.palette.text.primary : theme.vars.palette[ownerState.color].main;
     selectedColorChannel = ownerState.color === 'standard' ? theme.vars.palette.text.primaryChannel : theme.vars.palette[ownerState.color].mainChannel;
   }
-  return _extends({}, theme.typography.button, {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, theme.typography.button), {}, {
     borderRadius: (theme.vars || theme).shape.borderRadius,
     padding: 11,
     border: "1px solid ".concat((theme.vars || theme).palette.divider),
     color: (theme.vars || theme).palette.action.active
   }, ownerState.fullWidth && {
     width: '100%'
-  }, (_extends2 = {}, _defineProperty(_extends2, "&.".concat(toggleButtonClasses.disabled), {
+  }), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, "&.".concat(toggleButtonClasses.disabled), {
     color: (theme.vars || theme).palette.action.disabled,
     border: "1px solid ".concat((theme.vars || theme).palette.action.disabledBackground)
-  }), _defineProperty(_extends2, '&:hover', {
+  }), _defineProperty(_objectSpread2, '&: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), {
+  }), _defineProperty(_objectSpread2, "&.".concat(toggleButtonClasses.selected), {
     color: selectedColor,
     backgroundColor: theme.vars ? "rgba(".concat(selectedColorChannel, " / ").concat(theme.vars.palette.action.selectedOpacity, ")") : alpha(selectedColor, theme.palette.action.selectedOpacity),
     '&:hover': {
@@ -69,10 +70,10 @@ 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' && {
+  }), _objectSpread2), ownerState.size === 'small' && {
     padding: 7,
     fontSize: theme.typography.pxToRem(13)
-  }, ownerState.size === 'large' && {
+  }), ownerState.size === 'large' && {
     padding: 15,
     fontSize: theme.typography.pxToRem(15)
   });
@@ -99,7 +100,7 @@ var ToggleButton = /*#__PURE__*/React.forwardRef(function ToggleButton(inProps,
     size = _props$size === void 0 ? 'medium' : _props$size,
     value = props.value,
     other = _objectWithoutProperties(props, ["children", "className", "color", "disabled", "disableFocusRipple", "fullWidth", "onChange", "onClick", "selected", "size", "value"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     color: color,
     disabled: disabled,
     disableFocusRipple: disableFocusRipple,
@@ -118,7 +119,7 @@ var ToggleButton = /*#__PURE__*/React.forwardRef(function ToggleButton(inProps,
       onChange(event, value);
     }
   };
-  return /*#__PURE__*/_jsx(ToggleButtonRoot, _extends({
+  return /*#__PURE__*/_jsx(ToggleButtonRoot, _objectSpread(_objectSpread({
     className: clsx(classes.root, className),
     disabled: disabled,
     focusRipple: !disableFocusRipple,
@@ -128,7 +129,7 @@ var ToggleButton = /*#__PURE__*/React.forwardRef(function ToggleButton(inProps,
     value: value,
     ownerState: ownerState,
     "aria-pressed": selected
-  }, other, {
+  }, other), {}, {
     children: children
   }));
 });

package/legacy/ToggleButtonGroup/ToggleButtonGroup.js

@@ -1,6 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
@@ -33,14 +34,14 @@ var ToggleButtonGroupRoot = styled('div', {
 })(function (_ref3) {
   var ownerState = _ref3.ownerState,
     theme = _ref3.theme;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread({
     display: 'inline-flex',
     borderRadius: (theme.vars || theme).shape.borderRadius
   }, ownerState.orientation === 'vertical' && {
     flexDirection: 'column'
-  }, ownerState.fullWidth && {
+  }), ownerState.fullWidth && {
     width: '100%'
-  }, _defineProperty({}, "& .".concat(toggleButtonGroupClasses.grouped), _extends({}, ownerState.orientation === 'horizontal' ? _defineProperty({
+  }), {}, _defineProperty({}, "& .".concat(toggleButtonGroupClasses.grouped), _objectSpread({}, ownerState.orientation === 'horizontal' ? _defineProperty({
     '&:not(:first-of-type)': {
       marginLeft: -1,
       borderLeft: '1px solid transparent',
@@ -92,7 +93,7 @@ var ToggleButtonGroup = /*#__PURE__*/React.forwardRef(function ToggleButtonGroup
     size = _props$size === void 0 ? 'medium' : _props$size,
     value = props.value,
     other = _objectWithoutProperties(props, ["children", "className", "color", "disabled", "exclusive", "fullWidth", "onChange", "orientation", "size", "value"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     disabled: disabled,
     fullWidth: fullWidth,
     orientation: orientation,
@@ -119,12 +120,12 @@ var ToggleButtonGroup = /*#__PURE__*/React.forwardRef(function ToggleButtonGroup
     }
     onChange(event, value === buttonValue ? null : buttonValue);
   };
-  return /*#__PURE__*/_jsx(ToggleButtonGroupRoot, _extends({
+  return /*#__PURE__*/_jsx(ToggleButtonGroupRoot, _objectSpread(_objectSpread({
     role: "group",
     className: clsx(classes.root, className),
     ref: ref,
     ownerState: ownerState
-  }, other, {
+  }, other), {}, {
     children: React.Children.map(children, function (child) {
       if (! /*#__PURE__*/React.isValidElement(child)) {
         return null;