@mui/material 5.12.3 → 5.13.1

package/Accordion/Accordion.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", "defaultExpanded", "disabled", "disableGutters", "expanded", "onChange", "square", "TransitionComponent", "TransitionProps"];
 import * as React from 'react';
 import { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
@@ -91,25 +88,28 @@ const AccordionRoot = styled(Paper, {
 }, ({
   theme,
   ownerState
-}) => _extends({}, !ownerState.square && {
-  borderRadius: 0,
-  '&:first-of-type': {
-    borderTopLeftRadius: (theme.vars || theme).shape.borderRadius,
-    borderTopRightRadius: (theme.vars || theme).shape.borderRadius
-  },
-  '&:last-of-type': {
-    borderBottomLeftRadius: (theme.vars || theme).shape.borderRadius,
-    borderBottomRightRadius: (theme.vars || theme).shape.borderRadius,
-    // Fix a rendering issue on Edge
-    '@supports (-ms-ime-align: auto)': {
-      borderBottomLeftRadius: 0,
-      borderBottomRightRadius: 0
+}) => ({
+  ...(!ownerState.square && {
+    borderRadius: 0,
+    '&:first-of-type': {
+      borderTopLeftRadius: (theme.vars || theme).shape.borderRadius,
+      borderTopRightRadius: (theme.vars || theme).shape.borderRadius
+    },
+    '&:last-of-type': {
+      borderBottomLeftRadius: (theme.vars || theme).shape.borderRadius,
+      borderBottomRightRadius: (theme.vars || theme).shape.borderRadius,
+      // Fix a rendering issue on Edge
+      '@supports (-ms-ime-align: auto)': {
+        borderBottomLeftRadius: 0,
+        borderBottomRightRadius: 0
+      }
     }
-  }
-}, !ownerState.disableGutters && {
-  [`&.${accordionClasses.expanded}`]: {
-    margin: '16px 0'
-  }
+  }),
+  ...(!ownerState.disableGutters && {
+    [`&.${accordionClasses.expanded}`]: {
+      margin: '16px 0'
+    }
+  })
 }));
 const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref) {
   const props = useThemeProps({
@@ -117,18 +117,18 @@ const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref)
     name: 'MuiAccordion'
   });
   const {
-      children: childrenProp,
-      className,
-      defaultExpanded = false,
-      disabled = false,
-      disableGutters = false,
-      expanded: expandedProp,
-      onChange,
-      square = false,
-      TransitionComponent = Collapse,
-      TransitionProps
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    children: childrenProp,
+    className,
+    defaultExpanded = false,
+    disabled = false,
+    disableGutters = false,
+    expanded: expandedProp,
+    onChange,
+    square = false,
+    TransitionComponent = Collapse,
+    TransitionProps,
+    ...other
+  } = props;
   const [expanded, setExpandedState] = useControlled({
     controlled: expandedProp,
     default: defaultExpanded,
@@ -148,26 +148,27 @@ const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref)
     disableGutters,
     toggle: handleChange
   }), [expanded, disabled, disableGutters, handleChange]);
-  const ownerState = _extends({}, props, {
+  const ownerState = {
+    ...props,
     square,
     disabled,
     disableGutters,
     expanded
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(AccordionRoot, _extends({
+  return /*#__PURE__*/_jsxs(AccordionRoot, {
     className: clsx(classes.root, className),
     ref: ref,
     ownerState: ownerState,
-    square: square
-  }, other, {
+    square: square,
+    ...other,
     children: [/*#__PURE__*/_jsx(AccordionContext.Provider, {
       value: contextValue,
       children: summary
-    }), /*#__PURE__*/_jsx(TransitionComponent, _extends({
+    }), /*#__PURE__*/_jsx(TransitionComponent, {
       in: expanded,
-      timeout: "auto"
-    }, TransitionProps, {
+      timeout: "auto",
+      ...TransitionProps,
       children: /*#__PURE__*/_jsx("div", {
         "aria-labelledby": summary.props.id,
         id: summary.props['aria-controls'],
@@ -175,8 +176,8 @@ const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref)
         className: classes.region,
         children: children
       })
-    }))]
-  }));
+    })]
+  });
 });
 process.env.NODE_ENV !== "production" ? Accordion.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/Accordion/accordionClasses.d.ts

@@ -1,18 +1,18 @@
-export interface AccordionClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element unless `square={true}`. */
-    rounded: string;
-    /** State class applied to the root element if `expanded={true}`. */
-    expanded: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the root element unless `disableGutters={true}`. */
-    gutters: string;
-    /** Styles applied to the region element, the container of the children. */
-    region: string;
-}
-export type AccordionClassKey = keyof AccordionClasses;
-export declare function getAccordionUtilityClass(slot: string): string;
-declare const accordionClasses: AccordionClasses;
-export default accordionClasses;
+export interface AccordionClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element unless `square={true}`. */
+    rounded: string;
+    /** State class applied to the root element if `expanded={true}`. */
+    expanded: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the root element unless `disableGutters={true}`. */
+    gutters: string;
+    /** Styles applied to the region element, the container of the children. */
+    region: string;
+}
+export type AccordionClassKey = keyof AccordionClasses;
+export declare function getAccordionUtilityClass(slot: string): string;
+declare const accordionClasses: AccordionClasses;
+export default accordionClasses;

package/AccordionActions/AccordionActions.js

@@ -1,6 +1,3 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["className", "disableSpacing"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -30,15 +27,16 @@ const AccordionActionsRoot = styled('div', {
   }
 })(({
   ownerState
-}) => _extends({
+}) => ({
   display: 'flex',
   alignItems: 'center',
   padding: 8,
-  justifyContent: 'flex-end'
-}, !ownerState.disableSpacing && {
-  '& > :not(:first-of-type)': {
-    marginLeft: 8
-  }
+  justifyContent: 'flex-end',
+  ...(!ownerState.disableSpacing && {
+    '& > :not(:first-of-type)': {
+      marginLeft: 8
+    }
+  })
 }));
 const AccordionActions = /*#__PURE__*/React.forwardRef(function AccordionActions(inProps, ref) {
   const props = useThemeProps({
@@ -46,19 +44,21 @@ const AccordionActions = /*#__PURE__*/React.forwardRef(function AccordionActions
     name: 'MuiAccordionActions'
   });
   const {
-      className,
-      disableSpacing = false
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const ownerState = _extends({}, props, {
+    className,
+    disableSpacing = false,
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     disableSpacing
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(AccordionActionsRoot, _extends({
+  return /*#__PURE__*/_jsx(AccordionActionsRoot, {
     className: clsx(classes.root, className),
     ref: ref,
-    ownerState: ownerState
-  }, other));
+    ownerState: ownerState,
+    ...other
+  });
 });
 process.env.NODE_ENV !== "production" ? AccordionActions.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/AccordionActions/accordionActionsClasses.d.ts

@@ -1,10 +1,10 @@
-export interface AccordionActionsClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element unless `disableSpacing={true}`. */
-    spacing: string;
-}
-export type AccordionActionsClassKey = keyof AccordionActionsClasses;
-export declare function getAccordionActionsUtilityClass(slot: string): string;
-declare const accordionActionsClasses: AccordionActionsClasses;
-export default accordionActionsClasses;
+export interface AccordionActionsClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element unless `disableSpacing={true}`. */
+    spacing: string;
+}
+export type AccordionActionsClassKey = keyof AccordionActionsClasses;
+export declare function getAccordionActionsUtilityClass(slot: string): string;
+declare const accordionActionsClasses: AccordionActionsClasses;
+export default accordionActionsClasses;

package/AccordionDetails/AccordionDetails.js

@@ -1,6 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -33,16 +30,17 @@ const AccordionDetails = /*#__PURE__*/React.forwardRef(function AccordionDetails
     name: 'MuiAccordionDetails'
   });
   const {
-      className
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    className,
+    ...other
+  } = props;
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(AccordionDetailsRoot, _extends({
+  return /*#__PURE__*/_jsx(AccordionDetailsRoot, {
     className: clsx(classes.root, className),
     ref: ref,
-    ownerState: ownerState
-  }, other));
+    ownerState: ownerState,
+    ...other
+  });
 });
 process.env.NODE_ENV !== "production" ? AccordionDetails.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/AccordionDetails/accordionDetailsClasses.d.ts

@@ -1,8 +1,8 @@
-export interface AccordionDetailsClasses {
-    /** Styles applied to the root element. */
-    root: string;
-}
-export type AccordionDetailsClassKey = keyof AccordionDetailsClasses;
-export declare function getAccordionDetailsUtilityClass(slot: string): string;
-declare const accordionDetailsClasses: AccordionDetailsClasses;
-export default accordionDetailsClasses;
+export interface AccordionDetailsClasses {
+    /** Styles applied to the root element. */
+    root: string;
+}
+export type AccordionDetailsClassKey = keyof AccordionDetailsClasses;
+export declare function getAccordionDetailsUtilityClass(slot: string): string;
+declare const accordionDetailsClasses: AccordionDetailsClasses;
+export default accordionDetailsClasses;

package/AccordionSummary/AccordionSummary.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", "expandIcon", "focusVisibleClassName", "onClick"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -38,7 +35,7 @@ const AccordionSummaryRoot = styled(ButtonBase, {
   const transition = {
     duration: theme.transitions.duration.shortest
   };
-  return _extends({
+  return {
     display: 'flex',
     minHeight: 48,
     padding: theme.spacing(0, 2),
@@ -51,12 +48,13 @@ const AccordionSummaryRoot = styled(ButtonBase, {
     },
     [`&:hover:not(.${accordionSummaryClasses.disabled})`]: {
       cursor: 'pointer'
-    }
-  }, !ownerState.disableGutters && {
-    [`&.${accordionSummaryClasses.expanded}`]: {
-      minHeight: 64
-    }
-  });
+    },
+    ...(!ownerState.disableGutters && {
+      [`&.${accordionSummaryClasses.expanded}`]: {
+        minHeight: 64
+      }
+    })
+  };
 });
 const AccordionSummaryContent = styled('div', {
   name: 'MuiAccordionSummary',
@@ -65,17 +63,18 @@ const AccordionSummaryContent = styled('div', {
 })(({
   theme,
   ownerState
-}) => _extends({
+}) => ({
   display: 'flex',
   flexGrow: 1,
-  margin: '12px 0'
-}, !ownerState.disableGutters && {
-  transition: theme.transitions.create(['margin'], {
-    duration: theme.transitions.duration.shortest
-  }),
-  [`&.${accordionSummaryClasses.expanded}`]: {
-    margin: '20px 0'
-  }
+  margin: '12px 0',
+  ...(!ownerState.disableGutters && {
+    transition: theme.transitions.create(['margin'], {
+      duration: theme.transitions.duration.shortest
+    }),
+    [`&.${accordionSummaryClasses.expanded}`]: {
+      margin: '20px 0'
+    }
+  })
 }));
 const AccordionSummaryExpandIconWrapper = styled('div', {
   name: 'MuiAccordionSummary',
@@ -100,13 +99,13 @@ const AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary
     name: 'MuiAccordionSummary'
   });
   const {
-      children,
-      className,
-      expandIcon,
-      focusVisibleClassName,
-      onClick
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    children,
+    className,
+    expandIcon,
+    focusVisibleClassName,
+    onClick,
+    ...other
+  } = props;
   const {
     disabled = false,
     disableGutters,
@@ -121,13 +120,14 @@ const AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary
       onClick(event);
     }
   };
-  const ownerState = _extends({}, props, {
+  const ownerState = {
+    ...props,
     expanded,
     disabled,
     disableGutters
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(AccordionSummaryRoot, _extends({
+  return /*#__PURE__*/_jsxs(AccordionSummaryRoot, {
     focusRipple: false,
     disableRipple: true,
     disabled: disabled,
@@ -137,8 +137,8 @@ const AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary
     focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName),
     onClick: handleChange,
     ref: ref,
-    ownerState: ownerState
-  }, other, {
+    ownerState: ownerState,
+    ...other,
     children: [/*#__PURE__*/_jsx(AccordionSummaryContent, {
       className: classes.content,
       ownerState: ownerState,
@@ -148,7 +148,7 @@ const AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary
       ownerState: ownerState,
       children: expandIcon
     })]
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? AccordionSummary.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/AccordionSummary/accordionSummaryClasses.d.ts

@@ -1,22 +1,22 @@
-export interface AccordionSummaryClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** State class applied to the root element, children wrapper element and `IconButton` component if `expanded={true}`. */
-    expanded: string;
-    /** State class applied to the ButtonBase root element if the button is keyboard focused. */
-    focusVisible: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the root element unless `disableGutters={true}`. */
-    gutters: string;
-    /** Styles applied to the children wrapper element unless `disableGutters={true}`. */
-    contentGutters: string;
-    /** Styles applied to the children wrapper element. */
-    content: string;
-    /** Styles applied to the `expandIcon`'s wrapper element. */
-    expandIconWrapper: string;
-}
-export type AccordionSummaryClassKey = keyof AccordionSummaryClasses;
-export declare function getAccordionSummaryUtilityClass(slot: string): string;
-declare const accordionSummaryClasses: AccordionSummaryClasses;
-export default accordionSummaryClasses;
+export interface AccordionSummaryClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** State class applied to the root element, children wrapper element and `IconButton` component if `expanded={true}`. */
+    expanded: string;
+    /** State class applied to the ButtonBase root element if the button is keyboard focused. */
+    focusVisible: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the root element unless `disableGutters={true}`. */
+    gutters: string;
+    /** Styles applied to the children wrapper element unless `disableGutters={true}`. */
+    contentGutters: string;
+    /** Styles applied to the children wrapper element. */
+    content: string;
+    /** Styles applied to the `expandIcon`'s wrapper element. */
+    expandIconWrapper: string;
+}
+export type AccordionSummaryClassKey = keyof AccordionSummaryClasses;
+export declare function getAccordionSummaryUtilityClass(slot: string): string;
+declare const accordionSummaryClasses: AccordionSummaryClasses;
+export default accordionSummaryClasses;

package/Alert/Alert.js

@@ -1,6 +1,3 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["action", "children", "className", "closeText", "color", "components", "componentsProps", "icon", "iconMapping", "onClose", "role", "severity", "slotProps", "slots", "variant"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -50,35 +47,40 @@ const AlertRoot = styled(Paper, {
   const getColor = theme.palette.mode === 'light' ? darken : lighten;
   const getBackgroundColor = theme.palette.mode === 'light' ? lighten : darken;
   const color = ownerState.color || ownerState.severity;
-  return _extends({}, theme.typography.body2, {
+  return {
+    ...theme.typography.body2,
     backgroundColor: 'transparent',
     display: 'flex',
-    padding: '6px 16px'
-  }, color && ownerState.variant === 'standard' && {
-    color: theme.vars ? theme.vars.palette.Alert[`${color}Color`] : getColor(theme.palette[color].light, 0.6),
-    backgroundColor: theme.vars ? theme.vars.palette.Alert[`${color}StandardBg`] : getBackgroundColor(theme.palette[color].light, 0.9),
-    [`& .${alertClasses.icon}`]: theme.vars ? {
-      color: theme.vars.palette.Alert[`${color}IconColor`]
-    } : {
-      color: theme.palette[color].main
-    }
-  }, color && ownerState.variant === 'outlined' && {
-    color: theme.vars ? theme.vars.palette.Alert[`${color}Color`] : getColor(theme.palette[color].light, 0.6),
-    border: `1px solid ${(theme.vars || theme).palette[color].light}`,
-    [`& .${alertClasses.icon}`]: theme.vars ? {
-      color: theme.vars.palette.Alert[`${color}IconColor`]
-    } : {
-      color: theme.palette[color].main
-    }
-  }, color && ownerState.variant === 'filled' && _extends({
-    fontWeight: theme.typography.fontWeightMedium
-  }, theme.vars ? {
-    color: theme.vars.palette.Alert[`${color}FilledColor`],
-    backgroundColor: theme.vars.palette.Alert[`${color}FilledBg`]
-  } : {
-    backgroundColor: theme.palette.mode === 'dark' ? theme.palette[color].dark : theme.palette[color].main,
-    color: theme.palette.getContrastText(theme.palette[color].main)
-  }));
+    padding: '6px 16px',
+    ...(color && ownerState.variant === 'standard' && {
+      color: theme.vars ? theme.vars.palette.Alert[`${color}Color`] : getColor(theme.palette[color].light, 0.6),
+      backgroundColor: theme.vars ? theme.vars.palette.Alert[`${color}StandardBg`] : getBackgroundColor(theme.palette[color].light, 0.9),
+      [`& .${alertClasses.icon}`]: theme.vars ? {
+        color: theme.vars.palette.Alert[`${color}IconColor`]
+      } : {
+        color: theme.palette[color].main
+      }
+    }),
+    ...(color && ownerState.variant === 'outlined' && {
+      color: theme.vars ? theme.vars.palette.Alert[`${color}Color`] : getColor(theme.palette[color].light, 0.6),
+      border: `1px solid ${(theme.vars || theme).palette[color].light}`,
+      [`& .${alertClasses.icon}`]: theme.vars ? {
+        color: theme.vars.palette.Alert[`${color}IconColor`]
+      } : {
+        color: theme.palette[color].main
+      }
+    }),
+    ...(color && ownerState.variant === 'filled' && {
+      fontWeight: theme.typography.fontWeightMedium,
+      ...(theme.vars ? {
+        color: theme.vars.palette.Alert[`${color}FilledColor`],
+        backgroundColor: theme.vars.palette.Alert[`${color}FilledBg`]
+      } : {
+        backgroundColor: theme.palette.mode === 'dark' ? theme.palette[color].dark : theme.palette[color].main,
+        color: theme.palette.getContrastText(theme.palette[color].main)
+      })
+    })
+  };
 });
 const AlertIcon = styled('div', {
   name: 'MuiAlert',
@@ -132,40 +134,41 @@ const Alert = /*#__PURE__*/React.forwardRef(function Alert(inProps, ref) {
     name: 'MuiAlert'
   });
   const {
-      action,
-      children,
-      className,
-      closeText = 'Close',
-      color,
-      components = {},
-      componentsProps = {},
-      icon,
-      iconMapping = defaultIconMapping,
-      onClose,
-      role = 'alert',
-      severity = 'success',
-      slotProps = {},
-      slots = {},
-      variant = 'standard'
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const ownerState = _extends({}, props, {
+    action,
+    children,
+    className,
+    closeText = 'Close',
+    color,
+    components = {},
+    componentsProps = {},
+    icon,
+    iconMapping = defaultIconMapping,
+    onClose,
+    role = 'alert',
+    severity = 'success',
+    slotProps = {},
+    slots = {},
+    variant = 'standard',
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     color,
     severity,
     variant
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const AlertCloseButton = (_ref = (_slots$closeButton = slots.closeButton) != null ? _slots$closeButton : components.CloseButton) != null ? _ref : IconButton;
   const AlertCloseIcon = (_ref2 = (_slots$closeIcon = slots.closeIcon) != null ? _slots$closeIcon : components.CloseIcon) != null ? _ref2 : CloseIcon;
   const closeButtonProps = (_slotProps$closeButto = slotProps.closeButton) != null ? _slotProps$closeButto : componentsProps.closeButton;
   const closeIconProps = (_slotProps$closeIcon = slotProps.closeIcon) != null ? _slotProps$closeIcon : componentsProps.closeIcon;
-  return /*#__PURE__*/_jsxs(AlertRoot, _extends({
+  return /*#__PURE__*/_jsxs(AlertRoot, {
     role: role,
     elevation: 0,
     ownerState: ownerState,
     className: clsx(classes.root, className),
-    ref: ref
-  }, other, {
+    ref: ref,
+    ...other,
     children: [icon !== false ? /*#__PURE__*/_jsx(AlertIcon, {
       ownerState: ownerState,
       className: classes.icon,
@@ -181,19 +184,20 @@ const Alert = /*#__PURE__*/React.forwardRef(function Alert(inProps, ref) {
     }) : null, action == null && onClose ? /*#__PURE__*/_jsx(AlertAction, {
       ownerState: ownerState,
       className: classes.action,
-      children: /*#__PURE__*/_jsx(AlertCloseButton, _extends({
+      children: /*#__PURE__*/_jsx(AlertCloseButton, {
         size: "small",
         "aria-label": closeText,
         title: closeText,
         color: "inherit",
-        onClick: onClose
-      }, closeButtonProps, {
-        children: /*#__PURE__*/_jsx(AlertCloseIcon, _extends({
-          fontSize: "small"
-        }, closeIconProps))
-      }))
+        onClick: onClose,
+        ...closeButtonProps,
+        children: /*#__PURE__*/_jsx(AlertCloseIcon, {
+          fontSize: "small",
+          ...closeIconProps
+        })
+      })
     }) : null]
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? Alert.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------