@mui/material 5.12.3 → 5.13.1

package/legacy/Slider/Slider.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';
@@ -28,10 +29,10 @@ var SliderRoot = styled('span', {
     return [styles.root, styles["color".concat(capitalize(ownerState.color))], ownerState.size !== 'medium' && styles["size".concat(capitalize(ownerState.size))], ownerState.marked && styles.marked, ownerState.orientation === 'vertical' && styles.vertical, ownerState.track === 'inverted' && styles.trackInverted, ownerState.track === false && styles.trackFalse];
   }
 })(function (_ref) {
-  var _extends2;
+  var _objectSpread2;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread({
     borderRadius: 12,
     boxSizing: 'content-box',
     display: 'inline-block',
@@ -40,7 +41,7 @@ var SliderRoot = styled('span', {
     touchAction: 'none',
     color: (theme.vars || theme).palette[ownerState.color].main,
     WebkitTapHighlightColor: 'transparent'
-  }, ownerState.orientation === 'horizontal' && _extends({
+  }, ownerState.orientation === 'horizontal' && _objectSpread(_objectSpread({
     height: 4,
     width: '100%',
     padding: '13px 0',
@@ -51,9 +52,9 @@ var SliderRoot = styled('span', {
     }
   }, ownerState.size === 'small' && {
     height: 2
-  }, ownerState.marked && {
+  }), ownerState.marked && {
     marginBottom: 20
-  }), ownerState.orientation === 'vertical' && _extends({
+  })), ownerState.orientation === 'vertical' && _objectSpread(_objectSpread({
     height: '100%',
     width: 4,
     padding: '0 13px',
@@ -64,19 +65,19 @@ var SliderRoot = styled('span', {
     }
   }, ownerState.size === 'small' && {
     width: 2
-  }, ownerState.marked && {
+  }), ownerState.marked && {
     marginRight: 44
-  }), (_extends2 = {
+  })), {}, (_objectSpread2 = {
     '@media print': {
       colorAdjust: 'exact'
     }
-  }, _defineProperty(_extends2, "&.".concat(sliderClasses.disabled), {
+  }, _defineProperty(_objectSpread2, "&.".concat(sliderClasses.disabled), {
     pointerEvents: 'none',
     cursor: 'default',
     color: (theme.vars || theme).palette.grey[400]
-  }), _defineProperty(_extends2, "&.".concat(sliderClasses.dragging), _defineProperty({}, "& .".concat(sliderClasses.thumb, ", & .").concat(sliderClasses.track), {
+  }), _defineProperty(_objectSpread2, "&.".concat(sliderClasses.dragging), _defineProperty({}, "& .".concat(sliderClasses.thumb, ", & .").concat(sliderClasses.track), {
     transition: 'none'
-  })), _extends2));
+  })), _objectSpread2));
 });
 process.env.NODE_ENV !== "production" ? SliderRoot.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
@@ -97,7 +98,7 @@ var SliderRail = styled('span', {
   }
 })(function (_ref2) {
   var ownerState = _ref2.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread({
     display: 'block',
     position: 'absolute',
     borderRadius: 'inherit',
@@ -108,12 +109,12 @@ var SliderRail = styled('span', {
     height: 'inherit',
     top: '50%',
     transform: 'translateY(-50%)'
-  }, ownerState.orientation === 'vertical' && {
+  }), ownerState.orientation === 'vertical' && {
     height: '100%',
     width: 'inherit',
     left: '50%',
     transform: 'translateX(-50%)'
-  }, ownerState.track === 'inverted' && {
+  }), ownerState.track === 'inverted' && {
     opacity: 1
   });
 });
@@ -140,7 +141,7 @@ var SliderTrack = styled('span', {
   var color =
   // Same logic as the LinearProgress track color
   theme.palette.mode === 'light' ? lighten(theme.palette[ownerState.color].main, 0.62) : darken(theme.palette[ownerState.color].main, 0.5);
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
     display: 'block',
     position: 'absolute',
     borderRadius: 'inherit',
@@ -151,17 +152,17 @@ var SliderTrack = styled('span', {
     })
   }, ownerState.size === 'small' && {
     border: 'none'
-  }, ownerState.orientation === 'horizontal' && {
+  }), ownerState.orientation === 'horizontal' && {
     height: 'inherit',
     top: '50%',
     transform: 'translateY(-50%)'
-  }, ownerState.orientation === 'vertical' && {
+  }), ownerState.orientation === 'vertical' && {
     width: 'inherit',
     left: '50%',
     transform: 'translateX(-50%)'
-  }, ownerState.track === false && {
+  }), ownerState.track === false && {
     display: 'none'
-  }, ownerState.track === 'inverted' && {
+  }), ownerState.track === 'inverted' && {
     backgroundColor: theme.vars ? theme.vars.palette.Slider["".concat(ownerState.color, "Track")] : color,
     borderColor: theme.vars ? theme.vars.palette.Slider["".concat(ownerState.color, "Track")] : color
   });
@@ -185,10 +186,10 @@ var SliderThumb = styled('span', {
     return [styles.thumb, styles["thumbColor".concat(capitalize(ownerState.color))], ownerState.size !== 'medium' && styles["thumbSize".concat(capitalize(ownerState.size))]];
   }
 })(function (_ref4) {
-  var _extends3;
+  var _objectSpread3;
   var theme = _ref4.theme,
     ownerState = _ref4.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     position: 'absolute',
     width: 20,
     height: 20,
@@ -205,14 +206,14 @@ var SliderThumb = styled('span', {
   }, ownerState.size === 'small' && {
     width: 12,
     height: 12
-  }, ownerState.orientation === 'horizontal' && {
+  }), ownerState.orientation === 'horizontal' && {
     top: '50%',
     transform: 'translate(-50%, -50%)'
-  }, ownerState.orientation === 'vertical' && {
+  }), ownerState.orientation === 'vertical' && {
     left: '50%',
     transform: 'translate(-50%, 50%)'
-  }, (_extends3 = {
-    '&:before': _extends({
+  }), {}, (_objectSpread3 = {
+    '&:before': _objectSpread({
       position: 'absolute',
       content: '""',
       borderRadius: 'inherit',
@@ -233,18 +234,18 @@ var SliderThumb = styled('span', {
       left: '50%',
       transform: 'translate(-50%, -50%)'
     }
-  }, _defineProperty(_extends3, "&:hover, &.".concat(sliderClasses.focusVisible), {
+  }, _defineProperty(_objectSpread3, "&:hover, &.".concat(sliderClasses.focusVisible), {
     boxShadow: "0px 0px 0px 8px ".concat(theme.vars ? "rgba(".concat(theme.vars.palette[ownerState.color].mainChannel, " / 0.16)") : alpha(theme.palette[ownerState.color].main, 0.16)),
     '@media (hover: none)': {
       boxShadow: 'none'
     }
-  }), _defineProperty(_extends3, "&.".concat(sliderClasses.active), {
+  }), _defineProperty(_objectSpread3, "&.".concat(sliderClasses.active), {
     boxShadow: "0px 0px 0px 14px ".concat(theme.vars ? "rgba(".concat(theme.vars.palette[ownerState.color].mainChannel, " / 0.16)") : alpha(theme.palette[ownerState.color].main, 0.16))
-  }), _defineProperty(_extends3, "&.".concat(sliderClasses.disabled), {
+  }), _defineProperty(_objectSpread3, "&.".concat(sliderClasses.disabled), {
     '&:hover': {
       boxShadow: 'none'
     }
-  }), _extends3));
+  }), _objectSpread3));
 });
 process.env.NODE_ENV !== "production" ? SliderThumb.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
@@ -264,12 +265,12 @@ var StyledSliderValueLabel = styled(SliderValueLabel, {
     return styles.valueLabel;
   }
 })(function (_ref5) {
-  var _extends4;
+  var _objectSpread4;
   var theme = _ref5.theme,
     ownerState = _ref5.ownerState;
-  return _extends((_extends4 = {}, _defineProperty(_extends4, "&.".concat(sliderClasses.valueLabelOpen), {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread((_objectSpread4 = {}, _defineProperty(_objectSpread4, "&.".concat(sliderClasses.valueLabelOpen), {
     transform: "".concat(ownerState.orientation === 'vertical' ? 'translateY(-50%)' : 'translateY(-100%)', " scale(1)")
-  }), _defineProperty(_extends4, "zIndex", 1), _defineProperty(_extends4, "whiteSpace", 'nowrap'), _extends4), theme.typography.body2, {
+  }), _defineProperty(_objectSpread4, "zIndex", 1), _defineProperty(_objectSpread4, "whiteSpace", 'nowrap'), _objectSpread4), theme.typography.body2), {}, {
     fontWeight: 500,
     transition: theme.transitions.create(['transform'], {
       duration: theme.transitions.duration.shortest
@@ -296,7 +297,7 @@ var StyledSliderValueLabel = styled(SliderValueLabel, {
       bottom: 0,
       left: '50%'
     }
-  }, ownerState.orientation === 'vertical' && {
+  }), ownerState.orientation === 'vertical' && {
     right: ownerState.size === 'small' ? '20px' : '30px',
     top: '50%',
     transformOrigin: 'right center',
@@ -310,7 +311,7 @@ var StyledSliderValueLabel = styled(SliderValueLabel, {
       right: '-20%',
       top: '50%'
     }
-  }, ownerState.size === 'small' && {
+  }), ownerState.size === 'small' && {
     fontSize: theme.typography.pxToRem(12),
     padding: '0.25rem 0.5rem'
   });
@@ -340,7 +341,7 @@ var SliderMark = styled('span', {
   var theme = _ref6.theme,
     ownerState = _ref6.ownerState,
     markActive = _ref6.markActive;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread({
     position: 'absolute',
     width: 2,
     height: 2,
@@ -349,10 +350,10 @@ var SliderMark = styled('span', {
   }, ownerState.orientation === 'horizontal' && {
     top: '50%',
     transform: 'translate(-1px, -50%)'
-  }, ownerState.orientation === 'vertical' && {
+  }), ownerState.orientation === 'vertical' && {
     left: '50%',
     transform: 'translate(-50%, 1px)'
-  }, markActive && {
+  }), markActive && {
     backgroundColor: (theme.vars || theme).palette.background.paper,
     opacity: 0.8
   });
@@ -381,7 +382,7 @@ var SliderMarkLabel = styled('span', {
   var theme = _ref7.theme,
     ownerState = _ref7.ownerState,
     markLabelActive = _ref7.markLabelActive;
-  return _extends({}, theme.typography.body2, {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, theme.typography.body2), {}, {
     color: (theme.vars || theme).palette.text.secondary,
     position: 'absolute',
     whiteSpace: 'nowrap'
@@ -391,13 +392,13 @@ var SliderMarkLabel = styled('span', {
     '@media (pointer: coarse)': {
       top: 40
     }
-  }, ownerState.orientation === 'vertical' && {
+  }), ownerState.orientation === 'vertical' && {
     left: 36,
     transform: 'translateY(50%)',
     '@media (pointer: coarse)': {
       left: 44
     }
-  }, markLabelActive && {
+  }), markLabelActive && {
     color: (theme.vars || theme).palette.text.primary
   });
 });
@@ -496,7 +497,7 @@ var Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
     _props$valueLabelForm = props.valueLabelFormat,
     valueLabelFormat = _props$valueLabelForm === void 0 ? Identity : _props$valueLabelForm,
     other = _objectWithoutProperties(props, ["aria-label", "aria-valuetext", "aria-labelledby", "component", "components", "componentsProps", "color", "classes", "className", "disableSwap", "disabled", "getAriaLabel", "getAriaValueText", "marks", "max", "min", "name", "onChange", "onChangeCommitted", "orientation", "size", "step", "scale", "slotProps", "slots", "tabIndex", "track", "value", "valueLabelDisplay", "valueLabelFormat"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     isRtl: isRtl,
     max: max,
     min: min,
@@ -513,7 +514,7 @@ var Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
     valueLabelDisplay: valueLabelDisplay,
     valueLabelFormat: valueLabelFormat
   });
-  var _useSlider = useSlider(_extends({}, ownerState, {
+  var _useSlider = useSlider(_objectSpread(_objectSpread({}, ownerState), {}, {
       rootRef: ref
     })),
     axisProps = _useSlider.axisProps,
@@ -559,10 +560,10 @@ var Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
     getSlotProps: getRootProps,
     externalSlotProps: rootSlotProps,
     externalForwardedProps: other,
-    additionalProps: _extends({}, shouldSpreadAdditionalProps(RootSlot) && {
+    additionalProps: _objectSpread({}, shouldSpreadAdditionalProps(RootSlot) && {
       as: component
     }),
-    ownerState: _extends({}, ownerState, rootSlotProps == null ? void 0 : rootSlotProps.ownerState),
+    ownerState: _objectSpread(_objectSpread({}, ownerState), rootSlotProps == null ? void 0 : rootSlotProps.ownerState),
     className: [classes.root, className]
   });
   var railProps = useSlotProps({
@@ -575,22 +576,22 @@ var Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
     elementType: TrackSlot,
     externalSlotProps: trackSlotProps,
     additionalProps: {
-      style: _extends({}, axisProps[axis].offset(trackOffset), axisProps[axis].leap(trackLeap))
+      style: _objectSpread(_objectSpread({}, axisProps[axis].offset(trackOffset)), axisProps[axis].leap(trackLeap))
     },
-    ownerState: _extends({}, ownerState, trackSlotProps == null ? void 0 : trackSlotProps.ownerState),
+    ownerState: _objectSpread(_objectSpread({}, ownerState), trackSlotProps == null ? void 0 : trackSlotProps.ownerState),
     className: classes.track
   });
   var thumbProps = useSlotProps({
     elementType: ThumbSlot,
     getSlotProps: getThumbProps,
     externalSlotProps: thumbSlotProps,
-    ownerState: _extends({}, ownerState, thumbSlotProps == null ? void 0 : thumbSlotProps.ownerState),
+    ownerState: _objectSpread(_objectSpread({}, ownerState), thumbSlotProps == null ? void 0 : thumbSlotProps.ownerState),
     className: classes.thumb
   });
   var valueLabelProps = useSlotProps({
     elementType: ValueLabelSlot,
     externalSlotProps: valueLabelSlotProps,
-    ownerState: _extends({}, ownerState, valueLabelSlotProps == null ? void 0 : valueLabelSlotProps.ownerState),
+    ownerState: _objectSpread(_objectSpread({}, ownerState), valueLabelSlotProps == null ? void 0 : valueLabelSlotProps.ownerState),
     className: classes.valueLabel
   });
   var markProps = useSlotProps({
@@ -611,8 +612,8 @@ var Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
     externalSlotProps: inputSlotProps,
     ownerState: ownerState
   });
-  return /*#__PURE__*/_jsxs(RootSlot, _extends({}, rootProps, {
-    children: [/*#__PURE__*/_jsx(RailSlot, _extends({}, railProps)), /*#__PURE__*/_jsx(TrackSlot, _extends({}, trackProps)), marks.filter(function (mark) {
+  return /*#__PURE__*/_jsxs(RootSlot, _objectSpread(_objectSpread({}, rootProps), {}, {
+    children: [/*#__PURE__*/_jsx(RailSlot, _objectSpread({}, railProps)), /*#__PURE__*/_jsx(TrackSlot, _objectSpread({}, trackProps)), marks.filter(function (mark) {
       return mark.value >= min && mark.value <= max;
     }).map(function (mark, index) {
       var percent = valueToPercent(mark.value, min, max);
@@ -624,20 +625,20 @@ var Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
         markActive = track === 'normal' && (range ? mark.value >= values[0] && mark.value <= values[values.length - 1] : mark.value <= values[0]) || track === 'inverted' && (range ? mark.value <= values[0] || mark.value >= values[values.length - 1] : mark.value >= values[0]);
       }
       return /*#__PURE__*/_jsxs(React.Fragment, {
-        children: [/*#__PURE__*/_jsx(MarkSlot, _extends({
+        children: [/*#__PURE__*/_jsx(MarkSlot, _objectSpread(_objectSpread(_objectSpread({
           "data-index": index
-        }, markProps, !isHostComponent(MarkSlot) && {
+        }, markProps), !isHostComponent(MarkSlot) && {
           markActive: markActive
-        }, {
-          style: _extends({}, style, markProps.style),
+        }), {}, {
+          style: _objectSpread(_objectSpread({}, style), markProps.style),
           className: clsx(markProps.className, markActive && classes.markActive)
-        })), mark.label != null ? /*#__PURE__*/_jsx(MarkLabelSlot, _extends({
+        })), mark.label != null ? /*#__PURE__*/_jsx(MarkLabelSlot, _objectSpread(_objectSpread(_objectSpread({
           "aria-hidden": true,
           "data-index": index
-        }, markLabelProps, !isHostComponent(MarkLabelSlot) && {
+        }, markLabelProps), !isHostComponent(MarkLabelSlot) && {
           markLabelActive: markActive
-        }, {
-          style: _extends({}, style, markLabelProps.style),
+        }), {}, {
+          style: _objectSpread(_objectSpread({}, style), markLabelProps.style),
           className: clsx(classes.markLabel, markLabelProps.className, markActive && classes.markLabelActive),
           children: mark.label
         })) : null]
@@ -649,22 +650,22 @@ var Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
       return (
         /*#__PURE__*/
         /* TODO v6: Change component structure. It will help in avoiding the complicated React.cloneElement API added in SliderValueLabel component. Should be: Thumb -> Input, ValueLabel. Follow Joy UI's Slider structure. */
-        _jsx(ValueLabelComponent, _extends({}, !isHostComponent(ValueLabelComponent) && {
+        _jsx(ValueLabelComponent, _objectSpread(_objectSpread(_objectSpread({}, !isHostComponent(ValueLabelComponent) && {
           valueLabelFormat: valueLabelFormat,
           valueLabelDisplay: valueLabelDisplay,
           value: typeof valueLabelFormat === 'function' ? valueLabelFormat(scale(value), index) : valueLabelFormat,
           index: index,
           open: open === index || active === index || valueLabelDisplay === 'on',
           disabled: disabled
-        }, valueLabelProps, {
-          children: /*#__PURE__*/_jsx(ThumbSlot, _extends({
+        }), valueLabelProps), {}, {
+          children: /*#__PURE__*/_jsx(ThumbSlot, _objectSpread(_objectSpread({
             "data-index": index
-          }, thumbProps, {
+          }, thumbProps), {}, {
             className: clsx(classes.thumb, thumbProps.className, active === index && classes.active, focusedThumbIndex === index && classes.focusVisible),
-            style: _extends({}, style, {
+            style: _objectSpread(_objectSpread({}, style), {}, {
               pointerEvents: disableSwap && active !== index ? 'none' : undefined
             }, thumbProps.style),
-            children: /*#__PURE__*/_jsx(InputSlot, _extends({
+            children: /*#__PURE__*/_jsx(InputSlot, _objectSpread({
               "data-index": index,
               "aria-label": getAriaLabel ? getAriaLabel(index) : ariaLabel,
               "aria-valuenow": scale(value),

package/legacy/Snackbar/Snackbar.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 { unstable_composeClasses as composeClasses, useSlotProps } from '@mui/base';
@@ -37,7 +38,7 @@ var SnackbarRoot = styled('div', {
     right: 'auto',
     transform: 'translateX(-50%)'
   };
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     zIndex: (theme.vars || theme).zIndex.snackbar,
     position: 'fixed',
     display: 'flex',
@@ -49,18 +50,18 @@ var SnackbarRoot = styled('div', {
     top: 8
   } : {
     bottom: 8
-  }, ownerState.anchorOrigin.horizontal === 'left' && {
+  }), ownerState.anchorOrigin.horizontal === 'left' && {
     justifyContent: 'flex-start'
-  }, ownerState.anchorOrigin.horizontal === 'right' && {
+  }), ownerState.anchorOrigin.horizontal === 'right' && {
     justifyContent: 'flex-end'
-  }, _defineProperty({}, theme.breakpoints.up('sm'), _extends({}, ownerState.anchorOrigin.vertical === 'top' ? {
+  }), {}, _defineProperty({}, theme.breakpoints.up('sm'), _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, ownerState.anchorOrigin.vertical === 'top' ? {
     top: 24
   } : {
     bottom: 24
-  }, ownerState.anchorOrigin.horizontal === 'center' && center, ownerState.anchorOrigin.horizontal === 'left' && {
+  }), ownerState.anchorOrigin.horizontal === 'center' && center), ownerState.anchorOrigin.horizontal === 'left' && {
     left: 24,
     right: 'auto'
-  }, ownerState.anchorOrigin.horizontal === 'right' && {
+  }), ownerState.anchorOrigin.horizontal === 'right' && {
     right: 24,
     left: 'auto'
   })));
@@ -109,7 +110,7 @@ var Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     onExited = _props$TransitionProp2.onExited,
     TransitionProps = _objectWithoutProperties(_props$TransitionProp2, ["onEnter", "onExited"]),
     other = _objectWithoutProperties(props, ["action", "anchorOrigin", "autoHideDuration", "children", "className", "ClickAwayListenerProps", "ContentProps", "disableWindowBlurListener", "message", "onBlur", "onClose", "onFocus", "onMouseEnter", "onMouseLeave", "open", "resumeHideDuration", "TransitionComponent", "transitionDuration", "TransitionProps"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     anchorOrigin: {
       vertical: vertical,
       horizontal: horizontal
@@ -120,7 +121,7 @@ var Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     transitionDuration: transitionDuration
   });
   var classes = useUtilityClasses(ownerState);
-  var _useSnackbar = useSnackbar(_extends({}, ownerState)),
+  var _useSnackbar = useSnackbar(_objectSpread({}, ownerState)),
     getRootProps = _useSnackbar.getRootProps,
     onClickAway = _useSnackbar.onClickAway;
   var _React$useState = React.useState(true),
@@ -153,19 +154,19 @@ var Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
   if (!open && exited) {
     return null;
   }
-  return /*#__PURE__*/_jsx(ClickAwayListener, _extends({
+  return /*#__PURE__*/_jsx(ClickAwayListener, _objectSpread(_objectSpread({
     onClickAway: onClickAway
-  }, ClickAwayListenerProps, {
-    children: /*#__PURE__*/_jsx(SnackbarRoot, _extends({}, rootProps, {
-      children: /*#__PURE__*/_jsx(TransitionComponent, _extends({
+  }, ClickAwayListenerProps), {}, {
+    children: /*#__PURE__*/_jsx(SnackbarRoot, _objectSpread(_objectSpread({}, rootProps), {}, {
+      children: /*#__PURE__*/_jsx(TransitionComponent, _objectSpread(_objectSpread({
         appear: true,
         in: open,
         timeout: transitionDuration,
         direction: vertical === 'top' ? 'down' : 'up',
         onEnter: handleEnter,
         onExited: handleExited
-      }, TransitionProps, {
-        children: children || /*#__PURE__*/_jsx(SnackbarContent, _extends({
+      }, TransitionProps), {}, {
+        children: children || /*#__PURE__*/_jsx(SnackbarContent, _objectSpread({
           message: message,
           action: action
         }, ContentProps))

package/legacy/SnackbarContent/SnackbarContent.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';
@@ -31,7 +32,7 @@ var SnackbarContentRoot = styled(Paper, {
   var theme = _ref.theme;
   var emphasis = theme.palette.mode === 'light' ? 0.8 : 0.98;
   var backgroundColor = emphasize(theme.palette.background.default, emphasis);
-  return _extends({}, theme.typography.body2, _defineProperty({
+  return _objectSpread(_objectSpread({}, theme.typography.body2), {}, _defineProperty({
     color: theme.vars ? theme.vars.palette.SnackbarContent.color : theme.palette.getContrastText(backgroundColor),
     backgroundColor: theme.vars ? theme.vars.palette.SnackbarContent.bg : backgroundColor,
     display: 'flex',
@@ -80,14 +81,14 @@ var SnackbarContent = /*#__PURE__*/React.forwardRef(function SnackbarContent(inP
     other = _objectWithoutProperties(props, ["action", "className", "message", "role"]);
   var ownerState = props;
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(SnackbarContentRoot, _extends({
+  return /*#__PURE__*/_jsxs(SnackbarContentRoot, _objectSpread(_objectSpread({
     role: role,
     square: true,
     elevation: 6,
     className: clsx(classes.root, className),
     ownerState: ownerState,
     ref: ref
-  }, other, {
+  }, other), {}, {
     children: [/*#__PURE__*/_jsx(SnackbarContentMessage, {
       className: classes.message,
       ownerState: ownerState,

package/legacy/SpeedDial/SpeedDial.js

@@ -1,7 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 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 { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
@@ -60,7 +61,7 @@ var SpeedDialRoot = styled('div', {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     zIndex: (theme.vars || theme).zIndex.speedDial,
     display: 'flex',
     alignItems: 'center',
@@ -71,19 +72,19 @@ var SpeedDialRoot = styled('div', {
     flexDirection: 'column-reverse',
     marginBottom: -dialRadius,
     paddingBottom: spacingActions + dialRadius
-  }), ownerState.direction === 'down' && _defineProperty({
+  })), ownerState.direction === 'down' && _defineProperty({
     flexDirection: 'column'
   }, "& .".concat(speedDialClasses.actions), {
     flexDirection: 'column',
     marginTop: -dialRadius,
     paddingTop: spacingActions + dialRadius
-  }), ownerState.direction === 'left' && _defineProperty({
+  })), ownerState.direction === 'left' && _defineProperty({
     flexDirection: 'row-reverse'
   }, "& .".concat(speedDialClasses.actions), {
     flexDirection: 'row-reverse',
     marginRight: -dialRadius,
     paddingRight: spacingActions + dialRadius
-  }), ownerState.direction === 'right' && _defineProperty({
+  })), ownerState.direction === 'right' && _defineProperty({
     flexDirection: 'row'
   }, "& .".concat(speedDialClasses.actions), {
     flexDirection: 'row',
@@ -111,7 +112,7 @@ var SpeedDialActions = styled('div', {
   }
 })(function (_ref6) {
   var ownerState = _ref6.ownerState;
-  return _extends({
+  return _objectSpread({
     display: 'flex',
     pointerEvents: 'auto'
   }, !ownerState.open && {
@@ -165,7 +166,7 @@ var SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref) {
     _useControlled2 = _slicedToArray(_useControlled, 2),
     open = _useControlled2[0],
     setOpenState = _useControlled2[1];
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     open: open,
     direction: direction
   });
@@ -336,7 +337,7 @@ var SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref) {
       tooltipPlacementProp = _child$props.tooltipPlacement;
     var tooltipPlacement = tooltipPlacementProp || (getOrientation(direction) === 'vertical' ? 'left' : 'top');
     return /*#__PURE__*/React.cloneElement(child, {
-      FabProps: _extends({}, ChildFabProps, {
+      FabProps: _objectSpread(_objectSpread({}, ChildFabProps), {}, {
         ref: createHandleSpeedDialActionButtonRef(index, origButtonRef)
       }),
       delay: 30 * (open ? index : allItems.length - index),
@@ -345,7 +346,7 @@ var SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref) {
       id: "".concat(id, "-action-").concat(index)
     });
   });
-  return /*#__PURE__*/_jsxs(SpeedDialRoot, _extends({
+  return /*#__PURE__*/_jsxs(SpeedDialRoot, _objectSpread(_objectSpread({
     className: clsx(classes.root, className),
     ref: ref,
     role: "presentation",
@@ -355,19 +356,19 @@ var SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref) {
     onMouseEnter: handleOpen,
     onMouseLeave: handleClose,
     ownerState: ownerState
-  }, other, {
-    children: [/*#__PURE__*/_jsx(TransitionComponent, _extends({
+  }, other), {}, {
+    children: [/*#__PURE__*/_jsx(TransitionComponent, _objectSpread(_objectSpread({
       in: !hidden,
       timeout: transitionDuration,
       unmountOnExit: true
-    }, TransitionProps, {
-      children: /*#__PURE__*/_jsx(SpeedDialFab, _extends({
+    }, TransitionProps), {}, {
+      children: /*#__PURE__*/_jsx(SpeedDialFab, _objectSpread(_objectSpread({
         color: "primary",
         "aria-label": ariaLabel,
         "aria-haspopup": "true",
         "aria-expanded": open,
         "aria-controls": "".concat(id, "-actions")
-      }, FabProps, {
+      }, FabProps), {}, {
         onClick: handleClick,
         className: clsx(classes.fab, FabProps.className),
         ref: handleFabRef,