@mui/material 5.13.0 → 5.13.1

package/node/StepContent/StepContent.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -18,7 +16,6 @@ var _StepperContext = _interopRequireDefault(require("../Stepper/StepperContext"
 var _StepContext = _interopRequireDefault(require("../Step/StepContext"));
 var _stepContentClasses = require("./stepContentClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "className", "TransitionComponent", "transitionDuration", "TransitionProps"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useUtilityClasses = ownerState => {
@@ -44,15 +41,16 @@ const StepContentRoot = (0, _styled.default)('div', {
 })(({
   ownerState,
   theme
-}) => (0, _extends2.default)({
+}) => ({
   marginLeft: 12,
   // half icon
   paddingLeft: 8 + 12,
   // margin + half icon
   paddingRight: 8,
-  borderLeft: theme.vars ? `1px solid ${theme.vars.palette.StepContent.border}` : `1px solid ${theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[600]}`
-}, ownerState.last && {
-  borderLeft: 'none'
+  borderLeft: theme.vars ? `1px solid ${theme.vars.palette.StepContent.border}` : `1px solid ${theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[600]}`,
+  ...(ownerState.last && {
+    borderLeft: 'none'
+  })
 }));
 const StepContentTransition = (0, _styled.default)(_Collapse.default, {
   name: 'MuiStepContent',
@@ -65,13 +63,13 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
     name: 'MuiStepContent'
   });
   const {
-      children,
-      className,
-      TransitionComponent = _Collapse.default,
-      transitionDuration: transitionDurationProp = 'auto',
-      TransitionProps
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    children,
+    className,
+    TransitionComponent = _Collapse.default,
+    transitionDuration: transitionDurationProp = 'auto',
+    TransitionProps,
+    ...other
+  } = props;
   const {
     orientation
   } = React.useContext(_StepperContext.default);
@@ -80,9 +78,10 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
     last,
     expanded
   } = React.useContext(_StepContext.default);
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = {
+    ...props,
     last
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   if (process.env.NODE_ENV !== 'production') {
     if (orientation !== 'vertical') {
@@ -93,22 +92,22 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
   if (transitionDurationProp === 'auto' && !TransitionComponent.muiSupportAuto) {
     transitionDuration = undefined;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepContentRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepContentRoot, {
     className: (0, _clsx.default)(classes.root, className),
     ref: ref,
-    ownerState: ownerState
-  }, other, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StepContentTransition, (0, _extends2.default)({
+    ownerState: ownerState,
+    ...other,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StepContentTransition, {
       as: TransitionComponent,
       in: active || expanded,
       className: classes.transition,
       ownerState: ownerState,
       timeout: transitionDuration,
-      unmountOnExit: true
-    }, TransitionProps, {
+      unmountOnExit: true,
+      ...TransitionProps,
       children: children
-    }))
-  }));
+    })
+  });
 });
 process.env.NODE_ENV !== "production" ? StepContent.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/node/StepIcon/StepIcon.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -19,7 +17,6 @@ var _SvgIcon = _interopRequireDefault(require("../SvgIcon"));
 var _stepIconClasses = _interopRequireWildcard(require("./stepIconClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _circle;
-const _excluded = ["active", "className", "completed", "error", "icon"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useUtilityClasses = ownerState => {
@@ -74,42 +71,45 @@ const StepIcon = /*#__PURE__*/React.forwardRef(function StepIcon(inProps, ref) {
     name: 'MuiStepIcon'
   });
   const {
-      active = false,
-      className: classNameProp,
-      completed = false,
-      error = false,
-      icon
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props, {
+    active = false,
+    className: classNameProp,
+    completed = false,
+    error = false,
+    icon,
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     active,
     completed,
     error
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   if (typeof icon === 'number' || typeof icon === 'string') {
     const className = (0, _clsx.default)(classNameProp, classes.root);
     if (error) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepIconRoot, (0, _extends2.default)({
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepIconRoot, {
         as: _Warning.default,
         className: className,
         ref: ref,
-        ownerState: ownerState
-      }, other));
+        ownerState: ownerState,
+        ...other
+      });
     }
     if (completed) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepIconRoot, (0, _extends2.default)({
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepIconRoot, {
         as: _CheckCircle.default,
         className: className,
         ref: ref,
-        ownerState: ownerState
-      }, other));
+        ownerState: ownerState,
+        ...other
+      });
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StepIconRoot, (0, _extends2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StepIconRoot, {
       className: className,
       ref: ref,
-      ownerState: ownerState
-    }, other, {
+      ownerState: ownerState,
+      ...other,
       children: [_circle || (_circle = /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
         cx: "12",
         cy: "12",
@@ -123,7 +123,7 @@ const StepIcon = /*#__PURE__*/React.forwardRef(function StepIcon(inProps, ref) {
         ownerState: ownerState,
         children: icon
       })]
-    }));
+    });
   }
   return icon;
 });

package/node/StepLabel/StepLabel.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -18,7 +16,6 @@ var _StepperContext = _interopRequireDefault(require("../Stepper/StepperContext"
 var _StepContext = _interopRequireDefault(require("../Step/StepContext"));
 var _stepLabelClasses = _interopRequireWildcard(require("./stepLabelClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "className", "componentsProps", "error", "icon", "optional", "slotProps", "StepIconComponent", "StepIconProps"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useUtilityClasses = ownerState => {
@@ -50,7 +47,7 @@ const StepLabelRoot = (0, _styled.default)('span', {
   }
 })(({
   ownerState
-}) => (0, _extends2.default)({
+}) => ({
   display: 'flex',
   alignItems: 'center',
   [`&.${_stepLabelClasses.default.alternativeLabel}`]: {
@@ -58,10 +55,11 @@ const StepLabelRoot = (0, _styled.default)('span', {
   },
   [`&.${_stepLabelClasses.default.disabled}`]: {
     cursor: 'default'
-  }
-}, ownerState.orientation === 'vertical' && {
-  textAlign: 'left',
-  padding: '8px 0'
+  },
+  ...(ownerState.orientation === 'vertical' && {
+    textAlign: 'left',
+    padding: '8px 0'
+  })
 }));
 const StepLabelLabel = (0, _styled.default)('span', {
   name: 'MuiStepLabel',
@@ -69,7 +67,8 @@ const StepLabelLabel = (0, _styled.default)('span', {
   overridesResolver: (props, styles) => styles.label
 })(({
   theme
-}) => (0, _extends2.default)({}, theme.typography.body2, {
+}) => ({
+  ...theme.typography.body2,
   display: 'block',
   transition: theme.transitions.create('color', {
     duration: theme.transitions.duration.shortest
@@ -122,17 +121,17 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
     name: 'MuiStepLabel'
   });
   const {
-      children,
-      className,
-      componentsProps = {},
-      error = false,
-      icon: iconProp,
-      optional,
-      slotProps = {},
-      StepIconComponent: StepIconComponentProp,
-      StepIconProps
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    children,
+    className,
+    componentsProps = {},
+    error = false,
+    icon: iconProp,
+    optional,
+    slotProps = {},
+    StepIconComponent: StepIconComponentProp,
+    StepIconProps,
+    ...other
+  } = props;
   const {
     alternativeLabel,
     orientation
@@ -148,41 +147,43 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
   if (icon && !StepIconComponent) {
     StepIconComponent = _StepIcon.default;
   }
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = {
+    ...props,
     active,
     alternativeLabel,
     completed,
     disabled,
     error,
     orientation
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const labelSlotProps = (_slotProps$label = slotProps.label) != null ? _slotProps$label : componentsProps.label;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StepLabelRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StepLabelRoot, {
     className: (0, _clsx.default)(classes.root, className),
     ref: ref,
-    ownerState: ownerState
-  }, other, {
+    ownerState: ownerState,
+    ...other,
     children: [icon || StepIconComponent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(StepLabelIconContainer, {
       className: classes.iconContainer,
       ownerState: ownerState,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StepIconComponent, (0, _extends2.default)({
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StepIconComponent, {
         completed: completed,
         active: active,
         error: error,
-        icon: icon
-      }, StepIconProps))
+        icon: icon,
+        ...StepIconProps
+      })
     }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(StepLabelLabelContainer, {
       className: classes.labelContainer,
       ownerState: ownerState,
-      children: [children ? /*#__PURE__*/(0, _jsxRuntime.jsx)(StepLabelLabel, (0, _extends2.default)({
-        ownerState: ownerState
-      }, labelSlotProps, {
+      children: [children ? /*#__PURE__*/(0, _jsxRuntime.jsx)(StepLabelLabel, {
+        ownerState: ownerState,
+        ...labelSlotProps,
         className: (0, _clsx.default)(classes.label, labelSlotProps == null ? void 0 : labelSlotProps.className),
         children: children
-      })) : null, optional]
+      }) : null, optional]
     })]
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? StepLabel.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/node/Stepper/Stepper.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -18,7 +16,6 @@ var _stepperClasses = require("./stepperClasses");
 var _StepConnector = _interopRequireDefault(require("../StepConnector"));
 var _StepperContext = _interopRequireDefault(require("./StepperContext"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["activeStep", "alternativeLabel", "children", "className", "component", "connector", "nonLinear", "orientation"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useUtilityClasses = ownerState => {
@@ -43,15 +40,18 @@ const StepperRoot = (0, _styled.default)('div', {
   }
 })(({
   ownerState
-}) => (0, _extends2.default)({
-  display: 'flex'
-}, ownerState.orientation === 'horizontal' && {
-  flexDirection: 'row',
-  alignItems: 'center'
-}, ownerState.orientation === 'vertical' && {
-  flexDirection: 'column'
-}, ownerState.alternativeLabel && {
-  alignItems: 'flex-start'
+}) => ({
+  display: 'flex',
+  ...(ownerState.orientation === 'horizontal' && {
+    flexDirection: 'row',
+    alignItems: 'center'
+  }),
+  ...(ownerState.orientation === 'vertical' && {
+    flexDirection: 'column'
+  }),
+  ...(ownerState.alternativeLabel && {
+    alignItems: 'flex-start'
+  })
 }));
 const defaultConnector = /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepConnector.default, {});
 const Stepper = /*#__PURE__*/React.forwardRef(function Stepper(inProps, ref) {
@@ -60,28 +60,30 @@ const Stepper = /*#__PURE__*/React.forwardRef(function Stepper(inProps, ref) {
     name: 'MuiStepper'
   });
   const {
-      activeStep = 0,
-      alternativeLabel = false,
-      children,
-      className,
-      component = 'div',
-      connector = defaultConnector,
-      nonLinear = false,
-      orientation = 'horizontal'
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props, {
+    activeStep = 0,
+    alternativeLabel = false,
+    children,
+    className,
+    component = 'div',
+    connector = defaultConnector,
+    nonLinear = false,
+    orientation = 'horizontal',
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     alternativeLabel,
     orientation,
     component
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const childrenArray = React.Children.toArray(children).filter(Boolean);
   const steps = childrenArray.map((step, index) => {
-    return /*#__PURE__*/React.cloneElement(step, (0, _extends2.default)({
+    return /*#__PURE__*/React.cloneElement(step, {
       index,
-      last: index + 1 === childrenArray.length
-    }, step.props));
+      last: index + 1 === childrenArray.length,
+      ...step.props
+    });
   });
   const contextValue = React.useMemo(() => ({
     activeStep,
@@ -92,14 +94,14 @@ const Stepper = /*#__PURE__*/React.forwardRef(function Stepper(inProps, ref) {
   }), [activeStep, alternativeLabel, connector, nonLinear, orientation]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepperContext.default.Provider, {
     value: contextValue,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StepperRoot, (0, _extends2.default)({
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StepperRoot, {
       as: component,
       ownerState: ownerState,
       className: (0, _clsx.default)(classes.root, className),
-      ref: ref
-    }, other, {
+      ref: ref,
+      ...other,
       children: steps
-    }))
+    })
   });
 });
 process.env.NODE_ENV !== "production" ? Stepper.propTypes /* remove-proptypes */ = {

package/node/SvgIcon/SvgIcon.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -16,7 +14,6 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _svgIconClasses = require("./svgIconClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useUtilityClasses = ownerState => {
@@ -74,44 +71,46 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
     name: 'MuiSvgIcon'
   });
   const {
-      children,
-      className,
-      color = 'inherit',
-      component = 'svg',
-      fontSize = 'medium',
-      htmlColor,
-      inheritViewBox = false,
-      titleAccess,
-      viewBox = '0 0 24 24'
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props, {
+    children,
+    className,
+    color = 'inherit',
+    component = 'svg',
+    fontSize = 'medium',
+    htmlColor,
+    inheritViewBox = false,
+    titleAccess,
+    viewBox = '0 0 24 24',
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     color,
     component,
     fontSize,
     instanceFontSize: inProps.fontSize,
     inheritViewBox,
     viewBox
-  });
+  };
   const more = {};
   if (!inheritViewBox) {
     more.viewBox = viewBox;
   }
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SvgIconRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SvgIconRoot, {
     as: component,
     className: (0, _clsx.default)(classes.root, className),
     focusable: "false",
     color: htmlColor,
     "aria-hidden": titleAccess ? undefined : true,
     role: titleAccess ? 'img' : undefined,
-    ref: ref
-  }, more, other, {
+    ref: ref,
+    ...more,
+    ...other,
     ownerState: ownerState,
     children: [children, titleAccess ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
       children: titleAccess
     }) : null]
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? SvgIcon.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/node/SwipeableDrawer/SwipeArea.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -14,30 +12,33 @@ var _styled = _interopRequireDefault(require("../styles/styled"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _Drawer = require("../Drawer/Drawer");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["anchor", "classes", "className", "width", "style"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const SwipeAreaRoot = (0, _styled.default)('div')(({
   theme,
   ownerState
-}) => (0, _extends2.default)({
+}) => ({
   position: 'fixed',
   top: 0,
   left: 0,
   bottom: 0,
-  zIndex: theme.zIndex.drawer - 1
-}, ownerState.anchor === 'left' && {
-  right: 'auto'
-}, ownerState.anchor === 'right' && {
-  left: 'auto',
-  right: 0
-}, ownerState.anchor === 'top' && {
-  bottom: 'auto',
-  right: 0
-}, ownerState.anchor === 'bottom' && {
-  top: 'auto',
-  bottom: 0,
-  right: 0
+  zIndex: theme.zIndex.drawer - 1,
+  ...(ownerState.anchor === 'left' && {
+    right: 'auto'
+  }),
+  ...(ownerState.anchor === 'right' && {
+    left: 'auto',
+    right: 0
+  }),
+  ...(ownerState.anchor === 'top' && {
+    bottom: 'auto',
+    right: 0
+  }),
+  ...(ownerState.anchor === 'bottom' && {
+    top: 'auto',
+    bottom: 0,
+    right: 0
+  })
 }));
 
 /**
@@ -45,22 +46,24 @@ const SwipeAreaRoot = (0, _styled.default)('div')(({
  */
 const SwipeArea = /*#__PURE__*/React.forwardRef(function SwipeArea(props, ref) {
   const {
-      anchor,
-      classes = {},
-      className,
-      width,
-      style
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    anchor,
+    classes = {},
+    className,
+    width,
+    style,
+    ...other
+  } = props;
   const ownerState = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SwipeAreaRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SwipeAreaRoot, {
     className: (0, _clsx.default)('PrivateSwipeArea-root', classes.root, classes[`anchor${(0, _capitalize.default)(anchor)}`], className),
     ref: ref,
-    style: (0, _extends2.default)({
-      [(0, _Drawer.isHorizontal)(anchor) ? 'width' : 'height']: width
-    }, style),
-    ownerState: ownerState
-  }, other));
+    style: {
+      [(0, _Drawer.isHorizontal)(anchor) ? 'width' : 'height']: width,
+      ...style
+    },
+    ownerState: ownerState,
+    ...other
+  });
 });
 process.env.NODE_ENV !== "production" ? SwipeArea.propTypes = {
   /**