@mui/material 5.13.0 → 5.13.1

package/legacy/Stepper/Stepper.js

@@ -1,5 +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 PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -29,14 +31,14 @@ var StepperRoot = styled('div', {
   }
 })(function (_ref) {
   var ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread({
     display: 'flex'
   }, ownerState.orientation === 'horizontal' && {
     flexDirection: 'row',
     alignItems: 'center'
-  }, ownerState.orientation === 'vertical' && {
+  }), ownerState.orientation === 'vertical' && {
     flexDirection: 'column'
-  }, ownerState.alternativeLabel && {
+  }), ownerState.alternativeLabel && {
     alignItems: 'flex-start'
   });
 });
@@ -61,7 +63,7 @@ var Stepper = /*#__PURE__*/React.forwardRef(function Stepper(inProps, ref) {
     _props$orientation = props.orientation,
     orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
     other = _objectWithoutProperties(props, ["activeStep", "alternativeLabel", "children", "className", "component", "connector", "nonLinear", "orientation"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     alternativeLabel: alternativeLabel,
     orientation: orientation,
     component: component
@@ -69,7 +71,7 @@ var Stepper = /*#__PURE__*/React.forwardRef(function Stepper(inProps, ref) {
   var classes = useUtilityClasses(ownerState);
   var childrenArray = React.Children.toArray(children).filter(Boolean);
   var steps = childrenArray.map(function (step, index) {
-    return /*#__PURE__*/React.cloneElement(step, _extends({
+    return /*#__PURE__*/React.cloneElement(step, _objectSpread({
       index: index,
       last: index + 1 === childrenArray.length
     }, step.props));
@@ -85,12 +87,12 @@ var Stepper = /*#__PURE__*/React.forwardRef(function Stepper(inProps, ref) {
   }, [activeStep, alternativeLabel, connector, nonLinear, orientation]);
   return /*#__PURE__*/_jsx(StepperContext.Provider, {
     value: contextValue,
-    children: /*#__PURE__*/_jsx(StepperRoot, _extends({
+    children: /*#__PURE__*/_jsx(StepperRoot, _objectSpread(_objectSpread({
       as: component,
       ownerState: ownerState,
       className: clsx(classes.root, className),
       ref: ref
-    }, other, {
+    }, other), {}, {
       children: steps
     }))
   });

package/legacy/SvgIcon/SvgIcon.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';
@@ -74,7 +76,7 @@ var SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
     _props$viewBox = props.viewBox,
     viewBox = _props$viewBox === void 0 ? '0 0 24 24' : _props$viewBox,
     other = _objectWithoutProperties(props, ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     color: color,
     component: component,
     fontSize: fontSize,
@@ -87,7 +89,7 @@ var SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
     more.viewBox = viewBox;
   }
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(SvgIconRoot, _extends({
+  return /*#__PURE__*/_jsxs(SvgIconRoot, _objectSpread(_objectSpread(_objectSpread({
     as: component,
     className: clsx(classes.root, className),
     focusable: "false",
@@ -95,7 +97,7 @@ var SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
     "aria-hidden": titleAccess ? undefined : true,
     role: titleAccess ? 'img' : undefined,
     ref: ref
-  }, more, other, {
+  }, more), other), {}, {
     ownerState: ownerState,
     children: [children, titleAccess ? /*#__PURE__*/_jsx("title", {
       children: titleAccess

package/legacy/SwipeableDrawer/SwipeArea.js

@@ -1,6 +1,7 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 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 PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -11,7 +12,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 var SwipeAreaRoot = styled('div')(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     position: 'fixed',
     top: 0,
     left: 0,
@@ -19,13 +20,13 @@ var SwipeAreaRoot = styled('div')(function (_ref) {
     zIndex: theme.zIndex.drawer - 1
   }, ownerState.anchor === 'left' && {
     right: 'auto'
-  }, ownerState.anchor === 'right' && {
+  }), ownerState.anchor === 'right' && {
     left: 'auto',
     right: 0
-  }, ownerState.anchor === 'top' && {
+  }), ownerState.anchor === 'top' && {
     bottom: 'auto',
     right: 0
-  }, ownerState.anchor === 'bottom' && {
+  }), ownerState.anchor === 'bottom' && {
     top: 'auto',
     bottom: 0,
     right: 0
@@ -44,10 +45,10 @@ var SwipeArea = /*#__PURE__*/React.forwardRef(function SwipeArea(props, ref) {
     style = props.style,
     other = _objectWithoutProperties(props, ["anchor", "classes", "className", "width", "style"]);
   var ownerState = props;
-  return /*#__PURE__*/_jsx(SwipeAreaRoot, _extends({
+  return /*#__PURE__*/_jsx(SwipeAreaRoot, _objectSpread({
     className: clsx('PrivateSwipeArea-root', classes.root, classes["anchor".concat(capitalize(anchor))], className),
     ref: ref,
-    style: _extends(_defineProperty({}, isHorizontal(anchor) ? 'width' : 'height', width), style),
+    style: _objectSpread(_defineProperty({}, isHorizontal(anchor) ? 'width' : 'height', width), style),
     ownerState: ownerState
   }, other));
 });

package/legacy/SwipeableDrawer/SwipeableDrawer.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 * as ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
@@ -466,19 +468,19 @@ var SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(inP
     }
   }, [open]);
   return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(Drawer, _extends({
+    children: [/*#__PURE__*/_jsx(Drawer, _objectSpread({
       open: variant === 'temporary' && maybeSwiping ? true : open,
       variant: variant,
-      ModalProps: _extends({
-        BackdropProps: _extends({}, BackdropProps, {
+      ModalProps: _objectSpread(_objectSpread({
+        BackdropProps: _objectSpread(_objectSpread({}, BackdropProps), {}, {
           ref: backdropRef
         })
       }, variant === 'temporary' && {
         keepMounted: true
-      }, ModalPropsProp),
+      }), ModalPropsProp),
       hideBackdrop: hideBackdrop,
-      PaperProps: _extends({}, PaperProps, {
-        style: _extends({
+      PaperProps: _objectSpread(_objectSpread({}, PaperProps), {}, {
+        style: _objectSpread({
           pointerEvents: variant === 'temporary' && !open && !allowSwipeInChildren ? 'none' : ''
         }, PaperProps.style),
         ref: handleRef
@@ -488,7 +490,7 @@ var SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(inP
       onClose: onClose,
       ref: ref
     }, other)), !disableSwipeToOpen && variant === 'temporary' && /*#__PURE__*/_jsx(NoSsr, {
-      children: /*#__PURE__*/_jsx(SwipeArea, _extends({
+      children: /*#__PURE__*/_jsx(SwipeArea, _objectSpread({
         anchor: anchor,
         ref: swipeAreaRef,
         width: swipeAreaWidth

package/legacy/Switch/Switch.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 IconButton
 import * as React from 'react';
 import PropTypes from 'prop-types';
@@ -30,7 +31,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
     input: ['input']
   };
   var composedClasses = composeClasses(slots, getSwitchUtilityClass, classes);
-  return _extends({}, classes, composedClasses);
+  return _objectSpread(_objectSpread({}, classes), composedClasses);
 };
 var SwitchRoot = styled('span', {
   name: 'MuiSwitch',
@@ -42,7 +43,7 @@ var SwitchRoot = styled('span', {
 })(function (_ref) {
   var _ref2;
   var ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread({
     display: 'inline-flex',
     width: 34 + 12 * 2,
     height: 14 + 12 * 2,
@@ -60,9 +61,9 @@ var SwitchRoot = styled('span', {
     }
   }, ownerState.edge === 'start' && {
     marginLeft: -8
-  }, ownerState.edge === 'end' && {
+  }), ownerState.edge === 'end' && {
     marginRight: -8
-  }, ownerState.size === 'small' && (_ref2 = {
+  }), ownerState.size === 'small' && (_ref2 = {
     width: 40,
     height: 24,
     padding: 7
@@ -111,7 +112,7 @@ var SwitchSwitchBase = styled(SwitchBase, {
   var _ref7;
   var theme = _ref6.theme,
     ownerState = _ref6.ownerState;
-  return _extends({
+  return _objectSpread({
     '&:hover': {
       backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.action.activeChannel, " / ").concat(theme.vars.palette.action.hoverOpacity, ")") : alpha(theme.palette.action.active, theme.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
@@ -183,7 +184,7 @@ var Switch = /*#__PURE__*/React.forwardRef(function Switch(inProps, ref) {
     size = _props$size === void 0 ? 'medium' : _props$size,
     sx = props.sx,
     other = _objectWithoutProperties(props, ["className", "color", "edge", "size", "sx"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     color: color,
     edge: edge,
     size: size
@@ -197,14 +198,14 @@ var Switch = /*#__PURE__*/React.forwardRef(function Switch(inProps, ref) {
     className: clsx(classes.root, className),
     sx: sx,
     ownerState: ownerState,
-    children: [/*#__PURE__*/_jsx(SwitchSwitchBase, _extends({
+    children: [/*#__PURE__*/_jsx(SwitchSwitchBase, _objectSpread(_objectSpread({
       type: "checkbox",
       icon: icon,
       checkedIcon: icon,
       ref: ref,
       ownerState: ownerState
-    }, other, {
-      classes: _extends({}, classes, {
+    }, other), {}, {
+      classes: _objectSpread(_objectSpread({}, classes), {}, {
         root: classes.switchBase
       })
     })), /*#__PURE__*/_jsx(SwitchTrack, {

package/legacy/Tab/Tab.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; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -38,7 +39,7 @@ var TabRoot = styled(ButtonBase, {
   var _ref3, _ref4, _ref5;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({}, theme.typography.button, {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, theme.typography.button), {}, {
     maxWidth: 360,
     minWidth: 90,
     position: 'relative',
@@ -50,45 +51,45 @@ var TabRoot = styled(ButtonBase, {
     textAlign: 'center'
   }, ownerState.label && {
     flexDirection: ownerState.iconPosition === 'top' || ownerState.iconPosition === 'bottom' ? 'column' : 'row'
-  }, {
+  }), {}, {
     lineHeight: 1.25
   }, ownerState.icon && ownerState.label && _defineProperty({
     minHeight: 72,
     paddingTop: 9,
     paddingBottom: 9
-  }, "& > .".concat(tabClasses.iconWrapper), _extends({}, ownerState.iconPosition === 'top' && {
+  }, "& > .".concat(tabClasses.iconWrapper), _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, ownerState.iconPosition === 'top' && {
     marginBottom: 6
-  }, ownerState.iconPosition === 'bottom' && {
+  }), ownerState.iconPosition === 'bottom' && {
     marginTop: 6
-  }, ownerState.iconPosition === 'start' && {
+  }), ownerState.iconPosition === 'start' && {
     marginRight: theme.spacing(1)
-  }, ownerState.iconPosition === 'end' && {
+  }), ownerState.iconPosition === 'end' && {
     marginLeft: theme.spacing(1)
-  })), ownerState.textColor === 'inherit' && (_ref3 = {
+  }))), ownerState.textColor === 'inherit' && (_ref3 = {
     color: 'inherit',
     opacity: 0.6
   }, _defineProperty(_ref3, "&.".concat(tabClasses.selected), {
     opacity: 1
   }), _defineProperty(_ref3, "&.".concat(tabClasses.disabled), {
     opacity: (theme.vars || theme).palette.action.disabledOpacity
-  }), _ref3), ownerState.textColor === 'primary' && (_ref4 = {
+  }), _ref3)), ownerState.textColor === 'primary' && (_ref4 = {
     color: (theme.vars || theme).palette.text.secondary
   }, _defineProperty(_ref4, "&.".concat(tabClasses.selected), {
     color: (theme.vars || theme).palette.primary.main
   }), _defineProperty(_ref4, "&.".concat(tabClasses.disabled), {
     color: (theme.vars || theme).palette.text.disabled
-  }), _ref4), ownerState.textColor === 'secondary' && (_ref5 = {
+  }), _ref4)), ownerState.textColor === 'secondary' && (_ref5 = {
     color: (theme.vars || theme).palette.text.secondary
   }, _defineProperty(_ref5, "&.".concat(tabClasses.selected), {
     color: (theme.vars || theme).palette.secondary.main
   }), _defineProperty(_ref5, "&.".concat(tabClasses.disabled), {
     color: (theme.vars || theme).palette.text.disabled
-  }), _ref5), ownerState.fullWidth && {
+  }), _ref5)), ownerState.fullWidth && {
     flexShrink: 1,
     flexGrow: 1,
     flexBasis: 0,
     maxWidth: 'none'
-  }, ownerState.wrapped && {
+  }), ownerState.wrapped && {
     fontSize: theme.typography.pxToRem(12)
   });
 });
@@ -119,7 +120,7 @@ var Tab = /*#__PURE__*/React.forwardRef(function Tab(inProps, ref) {
     _props$wrapped = props.wrapped,
     wrapped = _props$wrapped === void 0 ? false : _props$wrapped,
     other = _objectWithoutProperties(props, ["className", "disabled", "disableFocusRipple", "fullWidth", "icon", "iconPosition", "indicator", "label", "onChange", "onClick", "onFocus", "selected", "selectionFollowsFocus", "textColor", "value", "wrapped"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     disabled: disabled,
     disableFocusRipple: disableFocusRipple,
     selected: selected,
@@ -150,7 +151,7 @@ var Tab = /*#__PURE__*/React.forwardRef(function Tab(inProps, ref) {
       onFocus(event);
     }
   };
-  return /*#__PURE__*/_jsxs(TabRoot, _extends({
+  return /*#__PURE__*/_jsxs(TabRoot, _objectSpread(_objectSpread({
     focusRipple: !disableFocusRipple,
     className: clsx(classes.root, className),
     ref: ref,
@@ -161,7 +162,7 @@ var Tab = /*#__PURE__*/React.forwardRef(function Tab(inProps, ref) {
     onFocus: handleFocus,
     ownerState: ownerState,
     tabIndex: selected ? 0 : -1
-  }, other, {
+  }, other), {}, {
     children: [iconPosition === 'top' || iconPosition === 'start' ? /*#__PURE__*/_jsxs(React.Fragment, {
       children: [icon, label]
     }) : /*#__PURE__*/_jsxs(React.Fragment, {

package/legacy/TabScrollButton/TabScrollButton.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; }
 /* eslint-disable jsx-a11y/aria-role */
 import * as React from 'react';
 import PropTypes from 'prop-types';
@@ -32,7 +33,7 @@ var TabScrollButtonRoot = styled(ButtonBase, {
   }
 })(function (_ref) {
   var ownerState = _ref.ownerState;
-  return _extends(_defineProperty({
+  return _objectSpread(_defineProperty({
     width: 40,
     flexShrink: 0,
     opacity: 0.8
@@ -63,7 +64,7 @@ var TabScrollButton = /*#__PURE__*/React.forwardRef(function TabScrollButton(inP
     other = _objectWithoutProperties(props, ["className", "slots", "slotProps", "direction", "orientation", "disabled"]);
   var theme = useTheme();
   var isRtl = theme.direction === 'rtl';
-  var ownerState = _extends({
+  var ownerState = _objectSpread({
     isRtl: isRtl
   }, props);
   var classes = useUtilityClasses(ownerState);
@@ -85,15 +86,15 @@ var TabScrollButton = /*#__PURE__*/React.forwardRef(function TabScrollButton(inP
     },
     ownerState: ownerState
   });
-  return /*#__PURE__*/_jsx(TabScrollButtonRoot, _extends({
+  return /*#__PURE__*/_jsx(TabScrollButtonRoot, _objectSpread(_objectSpread({
     component: "div",
     className: clsx(classes.root, className),
     ref: ref,
     role: null,
     ownerState: ownerState,
     tabIndex: null
-  }, other, {
-    children: direction === 'left' ? /*#__PURE__*/_jsx(StartButtonIcon, _extends({}, startButtonIconProps)) : /*#__PURE__*/_jsx(EndButtonIcon, _extends({}, endButtonIconProps))
+  }, other), {}, {
+    children: direction === 'left' ? /*#__PURE__*/_jsx(StartButtonIcon, _objectSpread({}, startButtonIconProps)) : /*#__PURE__*/_jsx(EndButtonIcon, _objectSpread({}, endButtonIconProps))
   }));
 });
 process.env.NODE_ENV !== "production" ? TabScrollButton.propTypes /* remove-proptypes */ = {

package/legacy/Table/Table.js

@@ -1,5 +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 PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -27,12 +29,12 @@ var TableRoot = styled('table', {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread({
     display: 'table',
     width: '100%',
     borderCollapse: 'collapse',
     borderSpacing: 0,
-    '& caption': _extends({}, theme.typography.body2, {
+    '& caption': _objectSpread(_objectSpread({}, theme.typography.body2), {}, {
       padding: theme.spacing(2),
       color: (theme.vars || theme).palette.text.secondary,
       textAlign: 'left',
@@ -58,7 +60,7 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(inProps, ref) {
     _props$stickyHeader = props.stickyHeader,
     stickyHeader = _props$stickyHeader === void 0 ? false : _props$stickyHeader,
     other = _objectWithoutProperties(props, ["className", "component", "padding", "size", "stickyHeader"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     component: component,
     padding: padding,
     size: size,
@@ -74,7 +76,7 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(inProps, ref) {
   }, [padding, size, stickyHeader]);
   return /*#__PURE__*/_jsx(TableContext.Provider, {
     value: table,
-    children: /*#__PURE__*/_jsx(TableRoot, _extends({
+    children: /*#__PURE__*/_jsx(TableRoot, _objectSpread({
       as: component,
       role: component === defaultComponent ? null : 'table',
       ref: ref,

package/legacy/TableBody/TableBody.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';
@@ -38,13 +40,13 @@ var TableBody = /*#__PURE__*/React.forwardRef(function TableBody(inProps, ref) {
     _props$component = props.component,
     component = _props$component === void 0 ? defaultComponent : _props$component,
     other = _objectWithoutProperties(props, ["className", "component"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     component: component
   });
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(Tablelvl2Context.Provider, {
     value: tablelvl2,
-    children: /*#__PURE__*/_jsx(TableBodyRoot, _extends({
+    children: /*#__PURE__*/_jsx(TableBodyRoot, _objectSpread({
       className: clsx(classes.root, className),
       as: component,
       ref: ref,

package/legacy/TableCell/TableCell.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; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -35,7 +36,7 @@ var TableCellRoot = styled('td', {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({}, theme.typography.body2, {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, theme.typography.body2), {}, {
     display: 'table-cell',
     verticalAlign: 'inherit',
     // Workaround for a rendering bug with spanned columns in Chrome 62.0.
@@ -47,13 +48,13 @@ var TableCellRoot = styled('td', {
     color: (theme.vars || theme).palette.text.primary,
     lineHeight: theme.typography.pxToRem(24),
     fontWeight: theme.typography.fontWeightMedium
-  }, ownerState.variant === 'body' && {
+  }), ownerState.variant === 'body' && {
     color: (theme.vars || theme).palette.text.primary
-  }, ownerState.variant === 'footer' && {
+  }), ownerState.variant === 'footer' && {
     color: (theme.vars || theme).palette.text.secondary,
     lineHeight: theme.typography.pxToRem(21),
     fontSize: theme.typography.pxToRem(12)
-  }, ownerState.size === 'small' && _defineProperty({
+  }), ownerState.size === 'small' && _defineProperty({
     padding: '6px 16px'
   }, "&.".concat(tableCellClasses.paddingCheckbox), {
     width: 24,
@@ -62,22 +63,22 @@ var TableCellRoot = styled('td', {
     '& > *': {
       padding: 0
     }
-  }), ownerState.padding === 'checkbox' && {
+  })), ownerState.padding === 'checkbox' && {
     width: 48,
     // prevent the checkbox column from growing
     padding: '0 0 0 4px'
-  }, ownerState.padding === 'none' && {
+  }), ownerState.padding === 'none' && {
     padding: 0
-  }, ownerState.align === 'left' && {
+  }), ownerState.align === 'left' && {
     textAlign: 'left'
-  }, ownerState.align === 'center' && {
+  }), ownerState.align === 'center' && {
     textAlign: 'center'
-  }, ownerState.align === 'right' && {
+  }), ownerState.align === 'right' && {
     textAlign: 'right',
     flexDirection: 'row-reverse'
-  }, ownerState.align === 'justify' && {
+  }), ownerState.align === 'justify' && {
     textAlign: 'justify'
-  }, ownerState.stickyHeader && {
+  }), ownerState.stickyHeader && {
     position: 'sticky',
     top: 0,
     zIndex: 2,
@@ -122,7 +123,7 @@ var TableCell = /*#__PURE__*/React.forwardRef(function TableCell(inProps, ref) {
     scope = 'col';
   }
   var variant = variantProp || tablelvl2 && tablelvl2.variant;
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     align: align,
     component: component,
     padding: paddingProp || (table && table.padding ? table.padding : 'normal'),
@@ -136,7 +137,7 @@ var TableCell = /*#__PURE__*/React.forwardRef(function TableCell(inProps, ref) {
   if (sortDirection) {
     ariaSort = sortDirection === 'asc' ? 'ascending' : 'descending';
   }
-  return /*#__PURE__*/_jsx(TableCellRoot, _extends({
+  return /*#__PURE__*/_jsx(TableCellRoot, _objectSpread({
     as: component,
     ref: ref,
     className: clsx(classes.root, className),

package/legacy/TableContainer/TableContainer.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';
@@ -34,11 +36,11 @@ var TableContainer = /*#__PURE__*/React.forwardRef(function TableContainer(inPro
     _props$component = props.component,
     component = _props$component === void 0 ? 'div' : _props$component,
     other = _objectWithoutProperties(props, ["className", "component"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     component: component
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(TableContainerRoot, _extends({
+  return /*#__PURE__*/_jsx(TableContainerRoot, _objectSpread({
     ref: ref,
     as: component,
     className: clsx(classes.root, className),

package/legacy/TableFooter/TableFooter.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';
@@ -38,13 +40,13 @@ var TableFooter = /*#__PURE__*/React.forwardRef(function TableFooter(inProps, re
     _props$component = props.component,
     component = _props$component === void 0 ? defaultComponent : _props$component,
     other = _objectWithoutProperties(props, ["className", "component"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     component: component
   });
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(Tablelvl2Context.Provider, {
     value: tablelvl2,
-    children: /*#__PURE__*/_jsx(TableFooterRoot, _extends({
+    children: /*#__PURE__*/_jsx(TableFooterRoot, _objectSpread({
       as: component,
       className: clsx(classes.root, className),
       ref: ref,