@mui/material 5.12.3 → 5.13.1

package/legacy/Toolbar/Toolbar.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,7 +29,7 @@ var ToolbarRoot = styled('div', {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread({
     position: 'relative',
     display: 'flex',
     alignItems: 'center'
@@ -38,7 +39,7 @@ var ToolbarRoot = styled('div', {
   }, theme.breakpoints.up('sm'), {
     paddingLeft: theme.spacing(3),
     paddingRight: theme.spacing(3)
-  }), ownerState.variant === 'dense' && {
+  })), ownerState.variant === 'dense' && {
     minHeight: 48
   });
 }, function (_ref3) {
@@ -59,13 +60,13 @@ var Toolbar = /*#__PURE__*/React.forwardRef(function Toolbar(inProps, ref) {
     _props$variant = props.variant,
     variant = _props$variant === void 0 ? 'regular' : _props$variant,
     other = _objectWithoutProperties(props, ["className", "component", "disableGutters", "variant"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     component: component,
     disableGutters: disableGutters,
     variant: variant
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(ToolbarRoot, _extends({
+  return /*#__PURE__*/_jsx(ToolbarRoot, _objectSpread({
     as: component,
     className: clsx(classes.root, className),
     ref: ref,

package/legacy/Tooltip/Tooltip.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 PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -50,14 +51,14 @@ var TooltipPopper = styled(Popper, {
   var theme = _ref.theme,
     ownerState = _ref.ownerState,
     open = _ref.open;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread({
     zIndex: (theme.vars || theme).zIndex.tooltip,
     pointerEvents: 'none'
   }, !ownerState.disableInteractive && {
     pointerEvents: 'auto'
-  }, !open && {
+  }), !open && {
     pointerEvents: 'none'
-  }, ownerState.arrow && (_ref2 = {}, _defineProperty(_ref2, "&[data-popper-placement*=\"bottom\"] .".concat(tooltipClasses.arrow), {
+  }), ownerState.arrow && (_ref2 = {}, _defineProperty(_ref2, "&[data-popper-placement*=\"bottom\"] .".concat(tooltipClasses.arrow), {
     top: 0,
     marginTop: '-0.71em',
     '&::before': {
@@ -69,25 +70,25 @@ var TooltipPopper = styled(Popper, {
     '&::before': {
       transformOrigin: '100% 0'
     }
-  }), _defineProperty(_ref2, "&[data-popper-placement*=\"right\"] .".concat(tooltipClasses.arrow), _extends({}, !ownerState.isRtl ? {
+  }), _defineProperty(_ref2, "&[data-popper-placement*=\"right\"] .".concat(tooltipClasses.arrow), _objectSpread(_objectSpread({}, !ownerState.isRtl ? {
     left: 0,
     marginLeft: '-0.71em'
   } : {
     right: 0,
     marginRight: '-0.71em'
-  }, {
+  }), {}, {
     height: '1em',
     width: '0.71em',
     '&::before': {
       transformOrigin: '100% 100%'
     }
-  })), _defineProperty(_ref2, "&[data-popper-placement*=\"left\"] .".concat(tooltipClasses.arrow), _extends({}, !ownerState.isRtl ? {
+  })), _defineProperty(_ref2, "&[data-popper-placement*=\"left\"] .".concat(tooltipClasses.arrow), _objectSpread(_objectSpread({}, !ownerState.isRtl ? {
     right: 0,
     marginRight: '-0.71em'
   } : {
     left: 0,
     marginLeft: '-0.71em'
-  }, {
+  }), {}, {
     height: '1em',
     width: '0.71em',
     '&::before': {
@@ -103,10 +104,10 @@ var TooltipTooltip = styled('div', {
     return [styles.tooltip, ownerState.touch && styles.touch, ownerState.arrow && styles.tooltipArrow, styles["tooltipPlacement".concat(capitalize(ownerState.placement.split('-')[0]))]];
   }
 })(function (_ref3) {
-  var _extends2;
+  var _objectSpread2;
   var theme = _ref3.theme,
     ownerState = _ref3.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread({
     backgroundColor: theme.vars ? theme.vars.palette.Tooltip.bg : alpha(theme.palette.grey[700], 0.92),
     borderRadius: (theme.vars || theme).shape.borderRadius,
     color: (theme.vars || theme).palette.common.white,
@@ -120,42 +121,42 @@ var TooltipTooltip = styled('div', {
   }, ownerState.arrow && {
     position: 'relative',
     margin: 0
-  }, ownerState.touch && {
+  }), ownerState.touch && {
     padding: '8px 16px',
     fontSize: theme.typography.pxToRem(14),
     lineHeight: "".concat(round(16 / 14), "em"),
     fontWeight: theme.typography.fontWeightRegular
-  }, (_extends2 = {}, _defineProperty(_extends2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"left\"] &"), _extends({
+  }), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"left\"] &"), _objectSpread({
     transformOrigin: 'right center'
-  }, !ownerState.isRtl ? _extends({
+  }, !ownerState.isRtl ? _objectSpread({
     marginRight: '14px'
   }, ownerState.touch && {
     marginRight: '24px'
-  }) : _extends({
+  }) : _objectSpread({
     marginLeft: '14px'
   }, ownerState.touch && {
     marginLeft: '24px'
-  }))), _defineProperty(_extends2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"right\"] &"), _extends({
+  }))), _defineProperty(_objectSpread2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"right\"] &"), _objectSpread({
     transformOrigin: 'left center'
-  }, !ownerState.isRtl ? _extends({
+  }, !ownerState.isRtl ? _objectSpread({
     marginLeft: '14px'
   }, ownerState.touch && {
     marginLeft: '24px'
-  }) : _extends({
+  }) : _objectSpread({
     marginRight: '14px'
   }, ownerState.touch && {
     marginRight: '24px'
-  }))), _defineProperty(_extends2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"top\"] &"), _extends({
+  }))), _defineProperty(_objectSpread2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"top\"] &"), _objectSpread({
     transformOrigin: 'center bottom',
     marginBottom: '14px'
   }, ownerState.touch && {
     marginBottom: '24px'
-  })), _defineProperty(_extends2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"bottom\"] &"), _extends({
+  })), _defineProperty(_objectSpread2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"bottom\"] &"), _objectSpread({
     transformOrigin: 'center top',
     marginTop: '14px'
   }, ownerState.touch && {
     marginTop: '24px'
-  })), _extends2));
+  })), _objectSpread2));
 });
 var TooltipArrow = styled('span', {
   name: 'MuiTooltip',
@@ -474,7 +475,7 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
     nameOrDescProps['aria-label'] = titleIsString ? title : null;
     nameOrDescProps['aria-labelledby'] = open && !titleIsString ? id : null;
   }
-  var childrenProps = _extends({}, nameOrDescProps, other, children.props, {
+  var childrenProps = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, nameOrDescProps), other), children.props), {}, {
     className: clsx(other.className, children.props.className),
     onTouchStart: detectTouchStart,
     ref: handleRef
@@ -530,11 +531,11 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
     if ((_PopperProps$popperOp = PopperProps.popperOptions) != null && _PopperProps$popperOp.modifiers) {
       tooltipModifiers = tooltipModifiers.concat(PopperProps.popperOptions.modifiers);
     }
-    return _extends({}, PopperProps.popperOptions, {
+    return _objectSpread(_objectSpread({}, PopperProps.popperOptions), {}, {
       modifiers: tooltipModifiers
     });
   }, [arrowRef, PopperProps]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     isRtl: isRtl,
     arrow: arrow,
     disableInteractive: disableInteractive,
@@ -547,18 +548,18 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   var TransitionComponent = (_ref6 = (_ref7 = (_slots$transition = slots.transition) != null ? _slots$transition : components.Transition) != null ? _ref7 : TransitionComponentProp) != null ? _ref6 : Grow;
   var TooltipComponent = (_ref8 = (_slots$tooltip = slots.tooltip) != null ? _slots$tooltip : components.Tooltip) != null ? _ref8 : TooltipTooltip;
   var ArrowComponent = (_ref9 = (_slots$arrow = slots.arrow) != null ? _slots$arrow : components.Arrow) != null ? _ref9 : TooltipArrow;
-  var popperProps = appendOwnerState(PopperComponent, _extends({}, PopperProps, (_slotProps$popper = slotProps.popper) != null ? _slotProps$popper : componentsProps.popper, {
+  var popperProps = appendOwnerState(PopperComponent, _objectSpread(_objectSpread(_objectSpread({}, PopperProps), (_slotProps$popper = slotProps.popper) != null ? _slotProps$popper : componentsProps.popper), {}, {
     className: clsx(classes.popper, PopperProps == null ? void 0 : PopperProps.className, (_ref10 = (_slotProps$popper2 = slotProps.popper) != null ? _slotProps$popper2 : componentsProps.popper) == null ? void 0 : _ref10.className)
   }), ownerState);
-  var transitionProps = appendOwnerState(TransitionComponent, _extends({}, TransitionProps, (_slotProps$transition = slotProps.transition) != null ? _slotProps$transition : componentsProps.transition), ownerState);
-  var tooltipProps = appendOwnerState(TooltipComponent, _extends({}, (_slotProps$tooltip = slotProps.tooltip) != null ? _slotProps$tooltip : componentsProps.tooltip, {
+  var transitionProps = appendOwnerState(TransitionComponent, _objectSpread(_objectSpread({}, TransitionProps), (_slotProps$transition = slotProps.transition) != null ? _slotProps$transition : componentsProps.transition), ownerState);
+  var tooltipProps = appendOwnerState(TooltipComponent, _objectSpread(_objectSpread({}, (_slotProps$tooltip = slotProps.tooltip) != null ? _slotProps$tooltip : componentsProps.tooltip), {}, {
     className: clsx(classes.tooltip, (_ref11 = (_slotProps$tooltip2 = slotProps.tooltip) != null ? _slotProps$tooltip2 : componentsProps.tooltip) == null ? void 0 : _ref11.className)
   }), ownerState);
-  var tooltipArrowProps = appendOwnerState(ArrowComponent, _extends({}, (_slotProps$arrow = slotProps.arrow) != null ? _slotProps$arrow : componentsProps.arrow, {
+  var tooltipArrowProps = appendOwnerState(ArrowComponent, _objectSpread(_objectSpread({}, (_slotProps$arrow = slotProps.arrow) != null ? _slotProps$arrow : componentsProps.arrow), {}, {
     className: clsx(classes.arrow, (_ref12 = (_slotProps$arrow2 = slotProps.arrow) != null ? _slotProps$arrow2 : componentsProps.arrow) == null ? void 0 : _ref12.className)
   }), ownerState);
   return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/React.cloneElement(children, childrenProps), /*#__PURE__*/_jsx(PopperComponent, _extends({
+    children: [/*#__PURE__*/React.cloneElement(children, childrenProps), /*#__PURE__*/_jsx(PopperComponent, _objectSpread(_objectSpread(_objectSpread({
       as: PopperComponentProp != null ? PopperComponentProp : Popper,
       placement: placement,
       anchorEl: followCursor ? {
@@ -577,15 +578,15 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       open: childNode ? open : false,
       id: id,
       transition: true
-    }, interactiveWrapperListeners, popperProps, {
+    }, interactiveWrapperListeners), popperProps), {}, {
       popperOptions: popperOptions,
       children: function children(_ref13) {
         var TransitionPropsInner = _ref13.TransitionProps;
-        return /*#__PURE__*/_jsx(TransitionComponent, _extends({
+        return /*#__PURE__*/_jsx(TransitionComponent, _objectSpread(_objectSpread(_objectSpread({
           timeout: theme.transitions.duration.shorter
-        }, TransitionPropsInner, transitionProps, {
-          children: /*#__PURE__*/_jsxs(TooltipComponent, _extends({}, tooltipProps, {
-            children: [title, arrow ? /*#__PURE__*/_jsx(ArrowComponent, _extends({}, tooltipArrowProps, {
+        }, TransitionPropsInner), transitionProps), {}, {
+          children: /*#__PURE__*/_jsxs(TooltipComponent, _objectSpread(_objectSpread({}, tooltipProps), {}, {
+            children: [title, arrow ? /*#__PURE__*/_jsx(ArrowComponent, _objectSpread(_objectSpread({}, tooltipArrowProps), {}, {
               ref: setArrowRef
             })) : null]
           }))

package/legacy/Typography/Typography.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';
@@ -32,17 +34,17 @@ export var TypographyRoot = styled('span', {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
     margin: 0
-  }, ownerState.variant && theme.typography[ownerState.variant], ownerState.align !== 'inherit' && {
+  }, ownerState.variant && theme.typography[ownerState.variant]), ownerState.align !== 'inherit' && {
     textAlign: ownerState.align
-  }, ownerState.noWrap && {
+  }), ownerState.noWrap && {
     overflow: 'hidden',
     textOverflow: 'ellipsis',
     whiteSpace: 'nowrap'
-  }, ownerState.gutterBottom && {
+  }), ownerState.gutterBottom && {
     marginBottom: '0.35em'
-  }, ownerState.paragraph && {
+  }), ownerState.paragraph && {
     marginBottom: 16
   });
 });
@@ -77,7 +79,7 @@ var Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, ref)
     name: 'MuiTypography'
   });
   var color = transformDeprecatedColors(themeProps.color);
-  var props = extendSxProp(_extends({}, themeProps, {
+  var props = extendSxProp(_objectSpread(_objectSpread({}, themeProps), {}, {
     color: color
   }));
   var _props$align = props.align,
@@ -95,7 +97,7 @@ var Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, ref)
     _props$variantMapping = props.variantMapping,
     variantMapping = _props$variantMapping === void 0 ? defaultVariantMapping : _props$variantMapping,
     other = _objectWithoutProperties(props, ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     align: align,
     color: color,
     className: className,
@@ -108,7 +110,7 @@ var Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, ref)
   });
   var Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(TypographyRoot, _extends({
+  return /*#__PURE__*/_jsx(TypographyRoot, _objectSpread({
     as: Component,
     ref: ref,
     ownerState: ownerState,

package/legacy/Zoom/Zoom.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';
@@ -102,7 +104,7 @@ var Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
       addEndListener(nodeRef.current, next);
     }
   };
-  return /*#__PURE__*/_jsx(TransitionComponent, _extends({
+  return /*#__PURE__*/_jsx(TransitionComponent, _objectSpread(_objectSpread({
     appear: appear,
     in: inProp,
     nodeRef: nodeRef,
@@ -114,13 +116,13 @@ var Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
     onExiting: handleExiting,
     addEndListener: handleAddEndListener,
     timeout: timeout
-  }, other, {
+  }, other), {}, {
     children: function children(state, childProps) {
-      return /*#__PURE__*/React.cloneElement(_children, _extends({
-        style: _extends({
+      return /*#__PURE__*/React.cloneElement(_children, _objectSpread({
+        style: _objectSpread(_objectSpread(_objectSpread({
           transform: 'scale(0)',
           visibility: state === 'exited' && !inProp ? 'hidden' : undefined
-        }, styles[state], style, _children.props.style),
+        }, styles[state]), style), _children.props.style),
         ref: handleRef
       }, childProps));
     }

package/legacy/index.js

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

package/legacy/internal/SwitchBase.js

@@ -1,6 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 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 useUtilityClasses = function useUtilityClasses(ownerState) {
 };
 var SwitchBaseRoot = styled(ButtonBase)(function (_ref) {
   var ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread({
     padding: 9,
     borderRadius: '50%'
   }, ownerState.edge === 'start' && {
     marginLeft: ownerState.size === 'small' ? -3 : -12
-  }, ownerState.edge === 'end' && {
+  }), ownerState.edge === 'end' && {
     marginRight: ownerState.size === 'small' ? -3 : -12
   });
 });
@@ -123,14 +125,14 @@ var SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref) {
     }
   }
   var hasLabelFor = type === 'checkbox' || type === 'radio';
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     checked: checked,
     disabled: disabled,
     disableFocusRipple: disableFocusRipple,
     edge: edge
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(SwitchBaseRoot, _extends({
+  return /*#__PURE__*/_jsxs(SwitchBaseRoot, _objectSpread(_objectSpread({
     component: "span",
     className: clsx(classes.root, className),
     centerRipple: true,
@@ -142,8 +144,8 @@ var SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref) {
     onBlur: handleBlur,
     ownerState: ownerState,
     ref: ref
-  }, other, {
-    children: [/*#__PURE__*/_jsx(SwitchBaseInput, _extends({
+  }, other), {}, {
+    children: [/*#__PURE__*/_jsx(SwitchBaseInput, _objectSpread(_objectSpread({
       autoFocus: autoFocus,
       checked: checkedProp,
       defaultChecked: defaultChecked,
@@ -160,7 +162,7 @@ var SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref) {
       type: type
     }, type === 'checkbox' && value === undefined ? {} : {
       value: value
-    }, inputProps)), checked ? checkedIcon : icon]
+    }), inputProps)), checked ? checkedIcon : icon]
   }));
 });