@mui/material 5.13.0 → 5.13.1

package/AvatarGroup/AvatarGroup.js

@@ -1,6 +1,3 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["children", "className", "component", "componentsProps", "max", "slotProps", "spacing", "total", "variant"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { isFragment } from 'react-is';
@@ -29,9 +26,10 @@ const useUtilityClasses = ownerState => {
 const AvatarGroupRoot = styled('div', {
   name: 'MuiAvatarGroup',
   slot: 'Root',
-  overridesResolver: (props, styles) => _extends({
-    [`& .${avatarGroupClasses.avatar}`]: styles.avatar
-  }, styles.root)
+  overridesResolver: (props, styles) => ({
+    [`& .${avatarGroupClasses.avatar}`]: styles.avatar,
+    ...styles.root
+  })
 })(({
   theme
 }) => ({
@@ -67,24 +65,25 @@ const AvatarGroup = /*#__PURE__*/React.forwardRef(function AvatarGroup(inProps,
     name: 'MuiAvatarGroup'
   });
   const {
-      children: childrenProp,
-      className,
-      component = 'div',
-      componentsProps = {},
-      max = 5,
-      slotProps = {},
-      spacing = 'medium',
-      total,
-      variant = 'circular'
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    children: childrenProp,
+    className,
+    component = 'div',
+    componentsProps = {},
+    max = 5,
+    slotProps = {},
+    spacing = 'medium',
+    total,
+    variant = 'circular',
+    ...other
+  } = props;
   let clampedMax = max < 2 ? 2 : max;
-  const ownerState = _extends({}, props, {
+  const ownerState = {
+    ...props,
     max,
     spacing,
     component,
     variant
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const children = React.Children.toArray(childrenProp).filter(child => {
     if (process.env.NODE_ENV !== 'production') {
@@ -103,33 +102,35 @@ const AvatarGroup = /*#__PURE__*/React.forwardRef(function AvatarGroup(inProps,
   const extraAvatars = Math.max(totalAvatars - clampedMax, totalAvatars - maxAvatars, 0);
   const marginLeft = spacing && SPACINGS[spacing] !== undefined ? SPACINGS[spacing] : -spacing;
   const additionalAvatarSlotProps = (_slotProps$additional = slotProps.additionalAvatar) != null ? _slotProps$additional : componentsProps.additionalAvatar;
-  return /*#__PURE__*/_jsxs(AvatarGroupRoot, _extends({
+  return /*#__PURE__*/_jsxs(AvatarGroupRoot, {
     as: component,
     ownerState: ownerState,
     className: clsx(classes.root, className),
-    ref: ref
-  }, other, {
-    children: [extraAvatars ? /*#__PURE__*/_jsxs(AvatarGroupAvatar, _extends({
+    ref: ref,
+    ...other,
+    children: [extraAvatars ? /*#__PURE__*/_jsxs(AvatarGroupAvatar, {
       ownerState: ownerState,
-      variant: variant
-    }, additionalAvatarSlotProps, {
+      variant: variant,
+      ...additionalAvatarSlotProps,
       className: clsx(classes.avatar, additionalAvatarSlotProps == null ? void 0 : additionalAvatarSlotProps.className),
-      style: _extends({
-        marginLeft
-      }, additionalAvatarSlotProps == null ? void 0 : additionalAvatarSlotProps.style),
+      style: {
+        marginLeft,
+        ...(additionalAvatarSlotProps == null ? void 0 : additionalAvatarSlotProps.style)
+      },
       children: ["+", extraAvatars]
-    })) : null, children.slice(0, maxAvatars).reverse().map((child, index) => {
+    }) : null, children.slice(0, maxAvatars).reverse().map((child, index) => {
       return /*#__PURE__*/React.cloneElement(child, {
         className: clsx(child.props.className, classes.avatar),
-        style: _extends({
+        style: {
           // Consistent with "&:last-child" styling for the default spacing,
           // we do not apply custom marginLeft spacing on the last child
-          marginLeft: index === maxAvatars - 1 ? undefined : marginLeft
-        }, child.props.style),
+          marginLeft: index === maxAvatars - 1 ? undefined : marginLeft,
+          ...child.props.style
+        },
         variant: child.props.variant || variant
       });
     })]
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? AvatarGroup.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/Backdrop/Backdrop.js

@@ -1,6 +1,3 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -31,7 +28,7 @@ const BackdropRoot = styled('div', {
   }
 })(({
   ownerState
-}) => _extends({
+}) => ({
   position: 'fixed',
   display: 'flex',
   alignItems: 'center',
@@ -41,9 +38,10 @@ const BackdropRoot = styled('div', {
   top: 0,
   left: 0,
   backgroundColor: 'rgba(0, 0, 0, 0.5)',
-  WebkitTapHighlightColor: 'transparent'
-}, ownerState.invisible && {
-  backgroundColor: 'transparent'
+  WebkitTapHighlightColor: 'transparent',
+  ...(ownerState.invisible && {
+    backgroundColor: 'transparent'
+  })
 }));
 const Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(inProps, ref) {
   var _slotProps$root, _ref, _slots$root;
@@ -52,40 +50,44 @@ const Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(inProps, ref) {
     name: 'MuiBackdrop'
   });
   const {
-      children,
-      className,
-      component = 'div',
-      components = {},
-      componentsProps = {},
-      invisible = false,
-      open,
-      slotProps = {},
-      slots = {},
-      TransitionComponent = Fade,
-      transitionDuration
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const ownerState = _extends({}, props, {
+    children,
+    className,
+    component = 'div',
+    components = {},
+    componentsProps = {},
+    invisible = false,
+    open,
+    slotProps = {},
+    slots = {},
+    TransitionComponent = Fade,
+    transitionDuration,
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     component,
     invisible
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const rootSlotProps = (_slotProps$root = slotProps.root) != null ? _slotProps$root : componentsProps.root;
-  return /*#__PURE__*/_jsx(TransitionComponent, _extends({
+  return /*#__PURE__*/_jsx(TransitionComponent, {
     in: open,
-    timeout: transitionDuration
-  }, other, {
-    children: /*#__PURE__*/_jsx(BackdropRoot, _extends({
-      "aria-hidden": true
-    }, rootSlotProps, {
+    timeout: transitionDuration,
+    ...other,
+    children: /*#__PURE__*/_jsx(BackdropRoot, {
+      "aria-hidden": true,
+      ...rootSlotProps,
       as: (_ref = (_slots$root = slots.root) != null ? _slots$root : components.Root) != null ? _ref : component,
       className: clsx(classes.root, className, rootSlotProps == null ? void 0 : rootSlotProps.className),
-      ownerState: _extends({}, ownerState, rootSlotProps == null ? void 0 : rootSlotProps.ownerState),
+      ownerState: {
+        ...ownerState,
+        ...(rootSlotProps == null ? void 0 : rootSlotProps.ownerState)
+      },
       classes: classes,
       ref: ref,
       children: children
-    }))
-  }));
+    })
+  });
 });
 process.env.NODE_ENV !== "production" ? Backdrop.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/Badge/Badge.js

@@ -1,6 +1,3 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["anchorOrigin", "className", "classes", "component", "components", "componentsProps", "children", "overlap", "color", "invisible", "max", "badgeContent", "slots", "slotProps", "showZero", "variant"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -54,7 +51,7 @@ const BadgeBadge = styled('span', {
 })(({
   theme,
   ownerState
-}) => _extends({
+}) => ({
   display: 'flex',
   flexDirection: 'row',
   flexWrap: 'wrap',
@@ -76,83 +73,94 @@ const BadgeBadge = styled('span', {
   transition: theme.transitions.create('transform', {
     easing: theme.transitions.easing.easeInOut,
     duration: theme.transitions.duration.enteringScreen
-  })
-}, ownerState.color !== 'default' && {
-  backgroundColor: (theme.vars || theme).palette[ownerState.color].main,
-  color: (theme.vars || theme).palette[ownerState.color].contrastText
-}, ownerState.variant === 'dot' && {
-  borderRadius: RADIUS_DOT,
-  height: RADIUS_DOT * 2,
-  minWidth: RADIUS_DOT * 2,
-  padding: 0
-}, ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'rectangular' && {
-  top: 0,
-  right: 0,
-  transform: 'scale(1) translate(50%, -50%)',
-  transformOrigin: '100% 0%',
-  [`&.${badgeClasses.invisible}`]: {
-    transform: 'scale(0) translate(50%, -50%)'
-  }
-}, ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'rectangular' && {
-  bottom: 0,
-  right: 0,
-  transform: 'scale(1) translate(50%, 50%)',
-  transformOrigin: '100% 100%',
-  [`&.${badgeClasses.invisible}`]: {
-    transform: 'scale(0) translate(50%, 50%)'
-  }
-}, ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'rectangular' && {
-  top: 0,
-  left: 0,
-  transform: 'scale(1) translate(-50%, -50%)',
-  transformOrigin: '0% 0%',
-  [`&.${badgeClasses.invisible}`]: {
-    transform: 'scale(0) translate(-50%, -50%)'
-  }
-}, ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'rectangular' && {
-  bottom: 0,
-  left: 0,
-  transform: 'scale(1) translate(-50%, 50%)',
-  transformOrigin: '0% 100%',
-  [`&.${badgeClasses.invisible}`]: {
-    transform: 'scale(0) translate(-50%, 50%)'
-  }
-}, ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'circular' && {
-  top: '14%',
-  right: '14%',
-  transform: 'scale(1) translate(50%, -50%)',
-  transformOrigin: '100% 0%',
-  [`&.${badgeClasses.invisible}`]: {
-    transform: 'scale(0) translate(50%, -50%)'
-  }
-}, ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'circular' && {
-  bottom: '14%',
-  right: '14%',
-  transform: 'scale(1) translate(50%, 50%)',
-  transformOrigin: '100% 100%',
-  [`&.${badgeClasses.invisible}`]: {
-    transform: 'scale(0) translate(50%, 50%)'
-  }
-}, ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'circular' && {
-  top: '14%',
-  left: '14%',
-  transform: 'scale(1) translate(-50%, -50%)',
-  transformOrigin: '0% 0%',
-  [`&.${badgeClasses.invisible}`]: {
-    transform: 'scale(0) translate(-50%, -50%)'
-  }
-}, ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'circular' && {
-  bottom: '14%',
-  left: '14%',
-  transform: 'scale(1) translate(-50%, 50%)',
-  transformOrigin: '0% 100%',
-  [`&.${badgeClasses.invisible}`]: {
-    transform: 'scale(0) translate(-50%, 50%)'
-  }
-}, ownerState.invisible && {
-  transition: theme.transitions.create('transform', {
-    easing: theme.transitions.easing.easeInOut,
-    duration: theme.transitions.duration.leavingScreen
+  }),
+  ...(ownerState.color !== 'default' && {
+    backgroundColor: (theme.vars || theme).palette[ownerState.color].main,
+    color: (theme.vars || theme).palette[ownerState.color].contrastText
+  }),
+  ...(ownerState.variant === 'dot' && {
+    borderRadius: RADIUS_DOT,
+    height: RADIUS_DOT * 2,
+    minWidth: RADIUS_DOT * 2,
+    padding: 0
+  }),
+  ...(ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'rectangular' && {
+    top: 0,
+    right: 0,
+    transform: 'scale(1) translate(50%, -50%)',
+    transformOrigin: '100% 0%',
+    [`&.${badgeClasses.invisible}`]: {
+      transform: 'scale(0) translate(50%, -50%)'
+    }
+  }),
+  ...(ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'rectangular' && {
+    bottom: 0,
+    right: 0,
+    transform: 'scale(1) translate(50%, 50%)',
+    transformOrigin: '100% 100%',
+    [`&.${badgeClasses.invisible}`]: {
+      transform: 'scale(0) translate(50%, 50%)'
+    }
+  }),
+  ...(ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'rectangular' && {
+    top: 0,
+    left: 0,
+    transform: 'scale(1) translate(-50%, -50%)',
+    transformOrigin: '0% 0%',
+    [`&.${badgeClasses.invisible}`]: {
+      transform: 'scale(0) translate(-50%, -50%)'
+    }
+  }),
+  ...(ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'rectangular' && {
+    bottom: 0,
+    left: 0,
+    transform: 'scale(1) translate(-50%, 50%)',
+    transformOrigin: '0% 100%',
+    [`&.${badgeClasses.invisible}`]: {
+      transform: 'scale(0) translate(-50%, 50%)'
+    }
+  }),
+  ...(ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'circular' && {
+    top: '14%',
+    right: '14%',
+    transform: 'scale(1) translate(50%, -50%)',
+    transformOrigin: '100% 0%',
+    [`&.${badgeClasses.invisible}`]: {
+      transform: 'scale(0) translate(50%, -50%)'
+    }
+  }),
+  ...(ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'circular' && {
+    bottom: '14%',
+    right: '14%',
+    transform: 'scale(1) translate(50%, 50%)',
+    transformOrigin: '100% 100%',
+    [`&.${badgeClasses.invisible}`]: {
+      transform: 'scale(0) translate(50%, 50%)'
+    }
+  }),
+  ...(ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'circular' && {
+    top: '14%',
+    left: '14%',
+    transform: 'scale(1) translate(-50%, -50%)',
+    transformOrigin: '0% 0%',
+    [`&.${badgeClasses.invisible}`]: {
+      transform: 'scale(0) translate(-50%, -50%)'
+    }
+  }),
+  ...(ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'circular' && {
+    bottom: '14%',
+    left: '14%',
+    transform: 'scale(1) translate(-50%, 50%)',
+    transformOrigin: '0% 100%',
+    [`&.${badgeClasses.invisible}`]: {
+      transform: 'scale(0) translate(-50%, 50%)'
+    }
+  }),
+  ...(ownerState.invisible && {
+    transition: theme.transitions.create('transform', {
+      easing: theme.transitions.easing.easeInOut,
+      duration: theme.transitions.duration.leavingScreen
+    })
   })
 }));
 const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
@@ -162,26 +170,27 @@ const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
     name: 'MuiBadge'
   });
   const {
-      anchorOrigin: anchorOriginProp = {
-        vertical: 'top',
-        horizontal: 'right'
-      },
-      className,
-      component,
-      components = {},
-      componentsProps = {},
-      children,
-      overlap: overlapProp = 'rectangular',
-      color: colorProp = 'default',
-      invisible: invisibleProp = false,
-      max: maxProp = 99,
-      badgeContent: badgeContentProp,
-      slots,
-      slotProps,
-      showZero = false,
-      variant: variantProp = 'standard'
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    anchorOrigin: anchorOriginProp = {
+      vertical: 'top',
+      horizontal: 'right'
+    },
+    className,
+    classes: classesProp,
+    component,
+    components = {},
+    componentsProps = {},
+    children,
+    overlap: overlapProp = 'rectangular',
+    color: colorProp = 'default',
+    invisible: invisibleProp = false,
+    max: maxProp = 99,
+    badgeContent: badgeContentProp,
+    slots,
+    slotProps,
+    showZero = false,
+    variant: variantProp = 'standard',
+    ...other
+  } = props;
   const {
     badgeContent,
     invisible: invisibleFromHook,
@@ -208,7 +217,8 @@ const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
     variant = variantProp
   } = invisible ? prevProps : props;
   const displayValue = variant !== 'dot' ? displayValueFromHook : undefined;
-  const ownerState = _extends({}, props, {
+  const ownerState = {
+    ...props,
     badgeContent,
     invisible,
     max,
@@ -218,7 +228,7 @@ const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
     color,
     overlap,
     variant
-  });
+  };
   const classes = useUtilityClasses(ownerState);
 
   // support both `slots` and `components` for backward compatibility
@@ -243,11 +253,13 @@ const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
     ownerState,
     className: clsx(classes.badge, badgeSlotProps == null ? void 0 : badgeSlotProps.className)
   });
-  return /*#__PURE__*/_jsxs(RootSlot, _extends({}, rootProps, {
-    children: [children, /*#__PURE__*/_jsx(BadgeSlot, _extends({}, badgeProps, {
+  return /*#__PURE__*/_jsxs(RootSlot, {
+    ...rootProps,
+    children: [children, /*#__PURE__*/_jsx(BadgeSlot, {
+      ...badgeProps,
       children: displayValue
-    }))]
-  }));
+    })]
+  });
 });
 process.env.NODE_ENV !== "production" ? Badge.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/BottomNavigation/BottomNavigation.js

@@ -1,6 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["children", "className", "component", "onChange", "showLabels", "value"];
 import * as React from 'react';
 import { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
@@ -37,25 +34,26 @@ const BottomNavigation = /*#__PURE__*/React.forwardRef(function BottomNavigation
     name: 'MuiBottomNavigation'
   });
   const {
-      children,
-      className,
-      component = 'div',
-      onChange,
-      showLabels = false,
-      value
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const ownerState = _extends({}, props, {
+    children,
+    className,
+    component = 'div',
+    onChange,
+    showLabels = false,
+    value,
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     component,
     showLabels
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(BottomNavigationRoot, _extends({
+  return /*#__PURE__*/_jsx(BottomNavigationRoot, {
     as: component,
     className: clsx(classes.root, className),
     ref: ref,
-    ownerState: ownerState
-  }, other, {
+    ownerState: ownerState,
+    ...other,
     children: React.Children.map(children, (child, childIndex) => {
       if (! /*#__PURE__*/React.isValidElement(child)) {
         return null;
@@ -73,7 +71,7 @@ const BottomNavigation = /*#__PURE__*/React.forwardRef(function BottomNavigation
         onChange
       });
     })
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? BottomNavigation.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/BottomNavigationAction/BottomNavigationAction.js

@@ -1,6 +1,3 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["className", "icon", "label", "onChange", "onClick", "selected", "showLabel", "value"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -36,7 +33,7 @@ const BottomNavigationActionRoot = styled(ButtonBase, {
 })(({
   theme,
   ownerState
-}) => _extends({
+}) => ({
   transition: theme.transitions.create(['color', 'padding-top'], {
     duration: theme.transitions.duration.short
   }),
@@ -45,12 +42,13 @@ const BottomNavigationActionRoot = styled(ButtonBase, {
   maxWidth: 168,
   color: (theme.vars || theme).palette.text.secondary,
   flexDirection: 'column',
-  flex: '1'
-}, !ownerState.showLabel && !ownerState.selected && {
-  paddingTop: 14
-}, !ownerState.showLabel && !ownerState.selected && !ownerState.label && {
-  paddingTop: 0
-}, {
+  flex: '1',
+  ...(!ownerState.showLabel && !ownerState.selected && {
+    paddingTop: 14
+  }),
+  ...(!ownerState.showLabel && !ownerState.selected && !ownerState.label && {
+    paddingTop: 0
+  }),
   [`&.${bottomNavigationActionClasses.selected}`]: {
     color: (theme.vars || theme).palette.primary.main
   }
@@ -62,16 +60,16 @@ const BottomNavigationActionLabel = styled('span', {
 })(({
   theme,
   ownerState
-}) => _extends({
+}) => ({
   fontFamily: theme.typography.fontFamily,
   fontSize: theme.typography.pxToRem(12),
   opacity: 1,
   transition: 'font-size 0.2s, opacity 0.2s',
-  transitionDelay: '0.1s'
-}, !ownerState.showLabel && !ownerState.selected && {
-  opacity: 0,
-  transitionDelay: '0s'
-}, {
+  transitionDelay: '0.1s',
+  ...(!ownerState.showLabel && !ownerState.selected && {
+    opacity: 0,
+    transitionDelay: '0s'
+  }),
   [`&.${bottomNavigationActionClasses.selected}`]: {
     fontSize: theme.typography.pxToRem(14)
   }
@@ -82,17 +80,17 @@ const BottomNavigationAction = /*#__PURE__*/React.forwardRef(function BottomNavi
     name: 'MuiBottomNavigationAction'
   });
   const {
-      className,
-      icon,
-      label,
-      onChange,
-      onClick
-      // eslint-disable-next-line react/prop-types -- private, always overridden by BottomNavigation
-      ,
-
-      value
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    className,
+    icon,
+    label,
+    onChange,
+    onClick,
+    // eslint-disable-next-line react/prop-types -- private, always overridden by BottomNavigation
+    selected,
+    showLabel,
+    value,
+    ...other
+  } = props;
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   const handleChange = event => {
@@ -103,19 +101,19 @@ const BottomNavigationAction = /*#__PURE__*/React.forwardRef(function BottomNavi
       onClick(event);
     }
   };
-  return /*#__PURE__*/_jsxs(BottomNavigationActionRoot, _extends({
+  return /*#__PURE__*/_jsxs(BottomNavigationActionRoot, {
     ref: ref,
     className: clsx(classes.root, className),
     focusRipple: true,
     onClick: handleChange,
-    ownerState: ownerState
-  }, other, {
+    ownerState: ownerState,
+    ...other,
     children: [icon, /*#__PURE__*/_jsx(BottomNavigationActionLabel, {
       className: classes.label,
       ownerState: ownerState,
       children: label
     })]
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? BottomNavigationAction.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------