@mui/material 5.13.1 → 5.13.3

package/node/SwipeableDrawer/SwipeableDrawer.js

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.reset = reset;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var ReactDOM = _interopRequireWildcard(require("react-dom"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -22,10 +24,11 @@ var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
 var _utils2 = require("../transitions/utils");
 var _SwipeArea = _interopRequireDefault(require("./SwipeArea"));
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["BackdropProps"],
+  _excluded2 = ["anchor", "disableBackdropTransition", "disableDiscovery", "disableSwipeToOpen", "hideBackdrop", "hysteresis", "allowSwipeInChildren", "minFlingVelocity", "ModalProps", "onClose", "onOpen", "open", "PaperProps", "SwipeAreaProps", "swipeAreaWidth", "transitionDuration", "variant"]; // This value is closed to what browsers are using internally to
+// trigger a native scroll.
 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; }
-// This value is closed to what browsers are using internally to
-// trigger a native scroll.
 const UNCERTAINTY_THRESHOLD = 3; // px
 
 // This is the part of the drawer displayed on touch start.
@@ -131,29 +134,28 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
     exit: theme.transitions.duration.leavingScreen
   };
   const {
-    anchor = 'left',
-    disableBackdropTransition = false,
-    disableDiscovery = false,
-    disableSwipeToOpen = iOS,
-    hideBackdrop,
-    hysteresis = 0.52,
-    allowSwipeInChildren = false,
-    minFlingVelocity = 450,
-    ModalProps: {
-      BackdropProps,
-      ...ModalPropsProp
-    } = {},
-    onClose,
-    onOpen,
-    open = false,
-    PaperProps = {},
-    SwipeAreaProps,
-    swipeAreaWidth = 20,
-    transitionDuration = transitionDurationDefault,
-    variant = 'temporary',
-    // Mobile first.
-    ...other
-  } = props;
+      anchor = 'left',
+      disableBackdropTransition = false,
+      disableDiscovery = false,
+      disableSwipeToOpen = iOS,
+      hideBackdrop,
+      hysteresis = 0.52,
+      allowSwipeInChildren = false,
+      minFlingVelocity = 450,
+      ModalProps: {
+        BackdropProps
+      } = {},
+      onClose,
+      onOpen,
+      open = false,
+      PaperProps = {},
+      SwipeAreaProps,
+      swipeAreaWidth = 20,
+      transitionDuration = transitionDurationDefault,
+      variant = 'temporary' // Mobile first.
+    } = props,
+    ModalPropsProp = (0, _objectWithoutPropertiesLoose2.default)(props.ModalProps, _excluded),
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
   const [maybeSwiping, setMaybeSwiping] = React.useState(false);
   const swipeInstance = React.useRef({
     isSwiping: null
@@ -458,42 +460,33 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
     }
   }, [open]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Drawer.default, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Drawer.default, (0, _extends2.default)({
       open: variant === 'temporary' && maybeSwiping ? true : open,
       variant: variant,
-      ModalProps: {
-        BackdropProps: {
-          ...BackdropProps,
+      ModalProps: (0, _extends2.default)({
+        BackdropProps: (0, _extends2.default)({}, BackdropProps, {
           ref: backdropRef
-        },
-        // Ensures that paperRef.current will be defined inside the touch start event handler
-        // See https://github.com/mui/material-ui/issues/30414 for more information
-        ...(variant === 'temporary' && {
-          keepMounted: true
-        }),
-        ...ModalPropsProp
-      },
+        })
+      }, variant === 'temporary' && {
+        keepMounted: true
+      }, ModalPropsProp),
       hideBackdrop: hideBackdrop,
-      PaperProps: {
-        ...PaperProps,
-        style: {
-          pointerEvents: variant === 'temporary' && !open && !allowSwipeInChildren ? 'none' : '',
-          ...PaperProps.style
-        },
+      PaperProps: (0, _extends2.default)({}, PaperProps, {
+        style: (0, _extends2.default)({
+          pointerEvents: variant === 'temporary' && !open && !allowSwipeInChildren ? 'none' : ''
+        }, PaperProps.style),
         ref: handleRef
-      },
+      }),
       anchor: anchor,
       transitionDuration: calculatedDurationRef.current || transitionDuration,
       onClose: onClose,
-      ref: ref,
-      ...other
-    }), !disableSwipeToOpen && variant === 'temporary' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.NoSsr, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SwipeArea.default, {
+      ref: ref
+    }, other)), !disableSwipeToOpen && variant === 'temporary' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.NoSsr, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SwipeArea.default, (0, _extends2.default)({
         anchor: anchor,
         ref: swipeAreaRef,
-        width: swipeAreaWidth,
-        ...SwipeAreaProps
-      })
+        width: swipeAreaWidth
+      }, SwipeAreaProps))
     })]
   });
 });

package/node/Switch/Switch.js

@@ -5,6 +5,8 @@ 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"));
@@ -17,10 +19,9 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _switchClasses = _interopRequireWildcard(require("./switchClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "color", "edge", "size", "sx"]; // @inheritedComponent IconButton
 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; }
-// @inheritedComponent IconButton
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -38,11 +39,7 @@ const useUtilityClasses = ownerState => {
     input: ['input']
   };
   const composedClasses = (0, _base.unstable_composeClasses)(slots, _switchClasses.getSwitchUtilityClass, classes);
-  return {
-    ...classes,
-    // forward the disabled and checked classes to the SwitchBase
-    ...composedClasses
-  };
+  return (0, _extends2.default)({}, classes, composedClasses);
 };
 const SwitchRoot = (0, _styled.default)('span', {
   name: 'MuiSwitch',
@@ -55,7 +52,7 @@ const SwitchRoot = (0, _styled.default)('span', {
   }
 })(({
   ownerState
-}) => ({
+}) => (0, _extends2.default)({
   display: 'inline-flex',
   width: 34 + 12 * 2,
   height: 14 + 12 * 2,
@@ -70,28 +67,25 @@ const SwitchRoot = (0, _styled.default)('span', {
   // For correct alignment with the text.
   '@media print': {
     colorAdjust: 'exact'
+  }
+}, ownerState.edge === 'start' && {
+  marginLeft: -8
+}, ownerState.edge === 'end' && {
+  marginRight: -8
+}, ownerState.size === 'small' && {
+  width: 40,
+  height: 24,
+  padding: 7,
+  [`& .${_switchClasses.default.thumb}`]: {
+    width: 16,
+    height: 16
   },
-  ...(ownerState.edge === 'start' && {
-    marginLeft: -8
-  }),
-  ...(ownerState.edge === 'end' && {
-    marginRight: -8
-  }),
-  ...(ownerState.size === 'small' && {
-    width: 40,
-    height: 24,
-    padding: 7,
-    [`& .${_switchClasses.default.thumb}`]: {
-      width: 16,
-      height: 16
-    },
-    [`& .${_switchClasses.default.switchBase}`]: {
-      padding: 4,
-      [`&.${_switchClasses.default.checked}`]: {
-        transform: 'translateX(16px)'
-      }
+  [`& .${_switchClasses.default.switchBase}`]: {
+    padding: 4,
+    [`&.${_switchClasses.default.checked}`]: {
+      transform: 'translateX(16px)'
     }
-  })
+  }
 }));
 const SwitchSwitchBase = (0, _styled.default)(_SwitchBase.default, {
   name: 'MuiSwitch',
@@ -135,31 +129,30 @@ const SwitchSwitchBase = (0, _styled.default)(_SwitchBase.default, {
 }), ({
   theme,
   ownerState
-}) => ({
+}) => (0, _extends2.default)({
   '&:hover': {
     backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.activeChannel} / ${theme.vars.palette.action.hoverOpacity})` : (0, _system.alpha)(theme.palette.action.active, theme.palette.action.hoverOpacity),
     // Reset on touch devices, it doesn't add specificity
     '@media (hover: none)': {
       backgroundColor: 'transparent'
     }
-  },
-  ...(ownerState.color !== 'default' && {
-    [`&.${_switchClasses.default.checked}`]: {
-      color: (theme.vars || theme).palette[ownerState.color].main,
-      '&:hover': {
-        backgroundColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : (0, _system.alpha)(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
-        '@media (hover: none)': {
-          backgroundColor: 'transparent'
-        }
-      },
-      [`&.${_switchClasses.default.disabled}`]: {
-        color: theme.vars ? theme.vars.palette.Switch[`${ownerState.color}DisabledColor`] : `${theme.palette.mode === 'light' ? (0, _system.lighten)(theme.palette[ownerState.color].main, 0.62) : (0, _system.darken)(theme.palette[ownerState.color].main, 0.55)}`
+  }
+}, ownerState.color !== 'default' && {
+  [`&.${_switchClasses.default.checked}`]: {
+    color: (theme.vars || theme).palette[ownerState.color].main,
+    '&:hover': {
+      backgroundColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : (0, _system.alpha)(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
+      '@media (hover: none)': {
+        backgroundColor: 'transparent'
       }
     },
-    [`&.${_switchClasses.default.checked} + .${_switchClasses.default.track}`]: {
-      backgroundColor: (theme.vars || theme).palette[ownerState.color].main
+    [`&.${_switchClasses.default.disabled}`]: {
+      color: theme.vars ? theme.vars.palette.Switch[`${ownerState.color}DisabledColor`] : `${theme.palette.mode === 'light' ? (0, _system.lighten)(theme.palette[ownerState.color].main, 0.62) : (0, _system.darken)(theme.palette[ownerState.color].main, 0.55)}`
     }
-  })
+  },
+  [`&.${_switchClasses.default.checked} + .${_switchClasses.default.track}`]: {
+    backgroundColor: (theme.vars || theme).palette[ownerState.color].main
+  }
 }));
 const SwitchTrack = (0, _styled.default)('span', {
   name: 'MuiSwitch',
@@ -197,19 +190,18 @@ const Switch = /*#__PURE__*/React.forwardRef(function Switch(inProps, ref) {
     name: 'MuiSwitch'
   });
   const {
-    className,
-    color = 'primary',
-    edge = false,
-    size = 'medium',
-    sx,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      className,
+      color = 'primary',
+      edge = false,
+      size = 'medium',
+      sx
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const ownerState = (0, _extends2.default)({}, props, {
     color,
     edge,
     size
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   const icon = /*#__PURE__*/(0, _jsxRuntime.jsx)(SwitchThumb, {
     className: classes.thumb,
@@ -219,18 +211,17 @@ const Switch = /*#__PURE__*/React.forwardRef(function Switch(inProps, ref) {
     className: (0, _clsx.default)(classes.root, className),
     sx: sx,
     ownerState: ownerState,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SwitchSwitchBase, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SwitchSwitchBase, (0, _extends2.default)({
       type: "checkbox",
       icon: icon,
       checkedIcon: icon,
       ref: ref,
-      ownerState: ownerState,
-      ...other,
-      classes: {
-        ...classes,
+      ownerState: ownerState
+    }, other, {
+      classes: (0, _extends2.default)({}, classes, {
         root: classes.switchBase
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SwitchTrack, {
+      })
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(SwitchTrack, {
       className: classes.track,
       ownerState: ownerState
     })]

package/node/Tab/Tab.js

@@ -5,6 +5,8 @@ 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"));
@@ -16,6 +18,7 @@ var _styled = _interopRequireDefault(require("../styles/styled"));
 var _unsupportedProp = _interopRequireDefault(require("../utils/unsupportedProp"));
 var _tabClasses = _interopRequireWildcard(require("./tabClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "disabled", "disableFocusRipple", "fullWidth", "icon", "iconPosition", "indicator", "label", "onChange", "onClick", "onFocus", "selected", "selectionFollowsFocus", "textColor", "value", "wrapped"];
 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 => {
@@ -47,8 +50,7 @@ const TabRoot = (0, _styled.default)(_ButtonBase.default, {
 })(({
   theme,
   ownerState
-}) => ({
-  ...theme.typography.button,
+}) => (0, _extends2.default)({}, theme.typography.button, {
   maxWidth: 360,
   minWidth: 90,
   position: 'relative',
@@ -57,68 +59,57 @@ const TabRoot = (0, _styled.default)(_ButtonBase.default, {
   padding: '12px 16px',
   overflow: 'hidden',
   whiteSpace: 'normal',
-  textAlign: 'center',
-  ...(ownerState.label && {
-    flexDirection: ownerState.iconPosition === 'top' || ownerState.iconPosition === 'bottom' ? 'column' : 'row'
-  }),
-  lineHeight: 1.25,
-  ...(ownerState.icon && ownerState.label && {
-    minHeight: 72,
-    paddingTop: 9,
-    paddingBottom: 9,
-    [`& > .${_tabClasses.default.iconWrapper}`]: {
-      ...(ownerState.iconPosition === 'top' && {
-        marginBottom: 6
-      }),
-      ...(ownerState.iconPosition === 'bottom' && {
-        marginTop: 6
-      }),
-      ...(ownerState.iconPosition === 'start' && {
-        marginRight: theme.spacing(1)
-      }),
-      ...(ownerState.iconPosition === 'end' && {
-        marginLeft: theme.spacing(1)
-      })
-    }
-  }),
-  ...(ownerState.textColor === 'inherit' && {
-    color: 'inherit',
-    opacity: 0.6,
-    // same opacity as theme.palette.text.secondary
-    [`&.${_tabClasses.default.selected}`]: {
-      opacity: 1
-    },
-    [`&.${_tabClasses.default.disabled}`]: {
-      opacity: (theme.vars || theme).palette.action.disabledOpacity
-    }
-  }),
-  ...(ownerState.textColor === 'primary' && {
-    color: (theme.vars || theme).palette.text.secondary,
-    [`&.${_tabClasses.default.selected}`]: {
-      color: (theme.vars || theme).palette.primary.main
-    },
-    [`&.${_tabClasses.default.disabled}`]: {
-      color: (theme.vars || theme).palette.text.disabled
-    }
-  }),
-  ...(ownerState.textColor === 'secondary' && {
-    color: (theme.vars || theme).palette.text.secondary,
-    [`&.${_tabClasses.default.selected}`]: {
-      color: (theme.vars || theme).palette.secondary.main
-    },
-    [`&.${_tabClasses.default.disabled}`]: {
-      color: (theme.vars || theme).palette.text.disabled
-    }
-  }),
-  ...(ownerState.fullWidth && {
-    flexShrink: 1,
-    flexGrow: 1,
-    flexBasis: 0,
-    maxWidth: 'none'
-  }),
-  ...(ownerState.wrapped && {
-    fontSize: theme.typography.pxToRem(12)
+  textAlign: 'center'
+}, ownerState.label && {
+  flexDirection: ownerState.iconPosition === 'top' || ownerState.iconPosition === 'bottom' ? 'column' : 'row'
+}, {
+  lineHeight: 1.25
+}, ownerState.icon && ownerState.label && {
+  minHeight: 72,
+  paddingTop: 9,
+  paddingBottom: 9,
+  [`& > .${_tabClasses.default.iconWrapper}`]: (0, _extends2.default)({}, ownerState.iconPosition === 'top' && {
+    marginBottom: 6
+  }, ownerState.iconPosition === 'bottom' && {
+    marginTop: 6
+  }, ownerState.iconPosition === 'start' && {
+    marginRight: theme.spacing(1)
+  }, ownerState.iconPosition === 'end' && {
+    marginLeft: theme.spacing(1)
   })
+}, ownerState.textColor === 'inherit' && {
+  color: 'inherit',
+  opacity: 0.6,
+  // same opacity as theme.palette.text.secondary
+  [`&.${_tabClasses.default.selected}`]: {
+    opacity: 1
+  },
+  [`&.${_tabClasses.default.disabled}`]: {
+    opacity: (theme.vars || theme).palette.action.disabledOpacity
+  }
+}, ownerState.textColor === 'primary' && {
+  color: (theme.vars || theme).palette.text.secondary,
+  [`&.${_tabClasses.default.selected}`]: {
+    color: (theme.vars || theme).palette.primary.main
+  },
+  [`&.${_tabClasses.default.disabled}`]: {
+    color: (theme.vars || theme).palette.text.disabled
+  }
+}, ownerState.textColor === 'secondary' && {
+  color: (theme.vars || theme).palette.text.secondary,
+  [`&.${_tabClasses.default.selected}`]: {
+    color: (theme.vars || theme).palette.secondary.main
+  },
+  [`&.${_tabClasses.default.disabled}`]: {
+    color: (theme.vars || theme).palette.text.disabled
+  }
+}, ownerState.fullWidth && {
+  flexShrink: 1,
+  flexGrow: 1,
+  flexBasis: 0,
+  maxWidth: 'none'
+}, ownerState.wrapped && {
+  fontSize: theme.typography.pxToRem(12)
 }));
 const Tab = /*#__PURE__*/React.forwardRef(function Tab(inProps, ref) {
   const props = (0, _useThemeProps.default)({
@@ -126,31 +117,30 @@ const Tab = /*#__PURE__*/React.forwardRef(function Tab(inProps, ref) {
     name: 'MuiTab'
   });
   const {
-    className,
-    disabled = false,
-    disableFocusRipple = false,
-    // eslint-disable-next-line react/prop-types
-    fullWidth,
-    icon: iconProp,
-    iconPosition = 'top',
-    // eslint-disable-next-line react/prop-types
-    indicator,
-    label,
-    onChange,
-    onClick,
-    onFocus,
-    // eslint-disable-next-line react/prop-types
-    selected,
-    // eslint-disable-next-line react/prop-types
-    selectionFollowsFocus,
-    // eslint-disable-next-line react/prop-types
-    textColor = 'inherit',
-    value,
-    wrapped = false,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      className,
+      disabled = false,
+      disableFocusRipple = false,
+      // eslint-disable-next-line react/prop-types
+      fullWidth,
+      icon: iconProp,
+      iconPosition = 'top',
+      // eslint-disable-next-line react/prop-types
+      indicator,
+      label,
+      onChange,
+      onClick,
+      onFocus,
+      // eslint-disable-next-line react/prop-types
+      selected,
+      // eslint-disable-next-line react/prop-types
+      selectionFollowsFocus,
+      // eslint-disable-next-line react/prop-types
+      textColor = 'inherit',
+      value,
+      wrapped = false
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const ownerState = (0, _extends2.default)({}, props, {
     disabled,
     disableFocusRipple,
     selected,
@@ -160,7 +150,7 @@ const Tab = /*#__PURE__*/React.forwardRef(function Tab(inProps, ref) {
     fullWidth,
     textColor,
     wrapped
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   const icon = iconProp && label && /*#__PURE__*/React.isValidElement(iconProp) ? /*#__PURE__*/React.cloneElement(iconProp, {
     className: (0, _clsx.default)(classes.iconWrapper, iconProp.props.className)
@@ -181,7 +171,7 @@ const Tab = /*#__PURE__*/React.forwardRef(function Tab(inProps, ref) {
       onFocus(event);
     }
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TabRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TabRoot, (0, _extends2.default)({
     focusRipple: !disableFocusRipple,
     className: (0, _clsx.default)(classes.root, className),
     ref: ref,
@@ -191,14 +181,14 @@ const Tab = /*#__PURE__*/React.forwardRef(function Tab(inProps, ref) {
     onClick: handleClick,
     onFocus: handleFocus,
     ownerState: ownerState,
-    tabIndex: selected ? 0 : -1,
-    ...other,
+    tabIndex: selected ? 0 : -1
+  }, other, {
     children: [iconPosition === 'top' || iconPosition === 'start' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
       children: [icon, label]
     }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
       children: [label, icon]
     }), indicator]
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? Tab.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------