@mui/material 5.13.0 → 5.13.1

package/legacy/Skeleton/Skeleton.js

@@ -1,7 +1,9 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+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 clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -38,7 +40,7 @@ var SkeletonRoot = styled('span', {
     ownerState = _ref.ownerState;
   var radiusUnit = getUnit(theme.shape.borderRadius) || 'px';
   var radiusValue = toUnitless(theme.shape.borderRadius);
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
     display: 'block',
     // Create a "on paper" color with sufficient contrast retaining the color
     backgroundColor: theme.vars ? theme.vars.palette.Skeleton.bg : alpha(theme.palette.text.primary, theme.palette.mode === 'light' ? 0.11 : 0.13),
@@ -53,17 +55,17 @@ var SkeletonRoot = styled('span', {
     '&:empty:before': {
       content: '"\\00a0"'
     }
-  }, ownerState.variant === 'circular' && {
+  }), ownerState.variant === 'circular' && {
     borderRadius: '50%'
-  }, ownerState.variant === 'rounded' && {
+  }), ownerState.variant === 'rounded' && {
     borderRadius: (theme.vars || theme).shape.borderRadius
-  }, ownerState.hasChildren && {
+  }), ownerState.hasChildren && {
     '& > *': {
       visibility: 'hidden'
     }
-  }, ownerState.hasChildren && !ownerState.width && {
+  }), ownerState.hasChildren && !ownerState.width && {
     maxWidth: 'fit-content'
-  }, ownerState.hasChildren && !ownerState.height && {
+  }), ownerState.hasChildren && !ownerState.height && {
     height: 'auto'
   });
 }, function (_ref2) {
@@ -90,20 +92,20 @@ var Skeleton = /*#__PURE__*/React.forwardRef(function Skeleton(inProps, ref) {
     variant = _props$variant === void 0 ? 'text' : _props$variant,
     width = props.width,
     other = _objectWithoutProperties(props, ["animation", "className", "component", "height", "style", "variant", "width"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     animation: animation,
     component: component,
     variant: variant,
     hasChildren: Boolean(other.children)
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(SkeletonRoot, _extends({
+  return /*#__PURE__*/_jsx(SkeletonRoot, _objectSpread(_objectSpread({
     as: component,
     ref: ref,
     className: clsx(classes.root, className),
     ownerState: ownerState
-  }, other, {
-    style: _extends({
+  }, other), {}, {
+    style: _objectSpread({
       width: width,
       height: height
     }, style)

package/legacy/Slide/Slide.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 { Transition } from 'react-transition-group';
@@ -133,8 +135,8 @@ var Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     }, {
       mode: 'enter'
     });
-    node.style.webkitTransition = theme.transitions.create('-webkit-transform', _extends({}, transitionProps));
-    node.style.transition = theme.transitions.create('transform', _extends({}, transitionProps));
+    node.style.webkitTransition = theme.transitions.create('-webkit-transform', _objectSpread({}, transitionProps));
+    node.style.transition = theme.transitions.create('transform', _objectSpread({}, transitionProps));
     node.style.webkitTransform = 'none';
     node.style.transform = 'none';
     if (onEntering) {
@@ -201,7 +203,7 @@ var Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
       updatePosition();
     }
   }, [inProp, updatePosition]);
-  return /*#__PURE__*/_jsx(TransitionComponent, _extends({
+  return /*#__PURE__*/_jsx(TransitionComponent, _objectSpread(_objectSpread({
     nodeRef: childrenRef,
     onEnter: handleEnter,
     onEntered: handleEntered,
@@ -213,13 +215,13 @@ var Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     appear: appear,
     in: inProp,
     timeout: timeout
-  }, other, {
+  }, other), {}, {
     children: function children(state, childProps) {
-      return /*#__PURE__*/React.cloneElement(_children, _extends({
+      return /*#__PURE__*/React.cloneElement(_children, _objectSpread({
         ref: handleRef,
-        style: _extends({
+        style: _objectSpread(_objectSpread({
           visibility: state === 'exited' && !inProp ? 'hidden' : undefined
-        }, style, _children.props.style)
+        }, style), _children.props.style)
       }, childProps));
     }
   }));

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,