@mui/material 5.13.1 → 5.13.2

package/node/Snackbar/Snackbar.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 _base = require("@mui/base");
@@ -18,6 +20,8 @@ var _Grow = _interopRequireDefault(require("../Grow"));
 var _SnackbarContent = _interopRequireDefault(require("../SnackbarContent"));
 var _snackbarClasses = require("./snackbarClasses");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["onEnter", "onExited"],
+  _excluded2 = ["action", "anchorOrigin", "autoHideDuration", "children", "className", "ClickAwayListenerProps", "ContentProps", "disableWindowBlurListener", "message", "onBlur", "onClose", "onFocus", "onMouseEnter", "onMouseLeave", "open", "resumeHideDuration", "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 => {
@@ -48,42 +52,35 @@ const SnackbarRoot = (0, _styled.default)('div', {
     right: 'auto',
     transform: 'translateX(-50%)'
   };
-  return {
+  return (0, _extends2.default)({
     zIndex: (theme.vars || theme).zIndex.snackbar,
     position: 'fixed',
     display: 'flex',
     left: 8,
     right: 8,
     justifyContent: 'center',
-    alignItems: 'center',
-    ...(ownerState.anchorOrigin.vertical === 'top' ? {
-      top: 8
+    alignItems: 'center'
+  }, ownerState.anchorOrigin.vertical === 'top' ? {
+    top: 8
+  } : {
+    bottom: 8
+  }, ownerState.anchorOrigin.horizontal === 'left' && {
+    justifyContent: 'flex-start'
+  }, ownerState.anchorOrigin.horizontal === 'right' && {
+    justifyContent: 'flex-end'
+  }, {
+    [theme.breakpoints.up('sm')]: (0, _extends2.default)({}, ownerState.anchorOrigin.vertical === 'top' ? {
+      top: 24
     } : {
-      bottom: 8
-    }),
-    ...(ownerState.anchorOrigin.horizontal === 'left' && {
-      justifyContent: 'flex-start'
-    }),
-    ...(ownerState.anchorOrigin.horizontal === 'right' && {
-      justifyContent: 'flex-end'
-    }),
-    [theme.breakpoints.up('sm')]: {
-      ...(ownerState.anchorOrigin.vertical === 'top' ? {
-        top: 24
-      } : {
-        bottom: 24
-      }),
-      ...(ownerState.anchorOrigin.horizontal === 'center' && center),
-      ...(ownerState.anchorOrigin.horizontal === 'left' && {
-        left: 24,
-        right: 'auto'
-      }),
-      ...(ownerState.anchorOrigin.horizontal === 'right' && {
-        right: 24,
-        left: 'auto'
-      })
-    }
-  };
+      bottom: 24
+    }, ownerState.anchorOrigin.horizontal === 'center' && center, ownerState.anchorOrigin.horizontal === 'left' && {
+      left: 24,
+      right: 'auto'
+    }, ownerState.anchorOrigin.horizontal === 'right' && {
+      right: 24,
+      left: 'auto'
+    })
+  });
 });
 const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
   const props = (0, _useThemeProps.default)({
@@ -96,39 +93,32 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     exit: theme.transitions.duration.leavingScreen
   };
   const {
-    action,
-    anchorOrigin: {
-      vertical,
-      horizontal
-    } = {
-      vertical: 'bottom',
-      horizontal: 'left'
-    },
-    autoHideDuration = null,
-    children,
-    className,
-    ClickAwayListenerProps,
-    ContentProps,
-    disableWindowBlurListener = false,
-    message,
-    onBlur,
-    onClose,
-    onFocus,
-    onMouseEnter,
-    onMouseLeave,
-    open,
-    resumeHideDuration,
-    TransitionComponent = _Grow.default,
-    transitionDuration = defaultTransitionDuration,
-    TransitionProps: {
-      onEnter,
-      onExited,
-      ...TransitionProps
-    } = {},
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      action,
+      anchorOrigin: {
+        vertical,
+        horizontal
+      } = {
+        vertical: 'bottom',
+        horizontal: 'left'
+      },
+      autoHideDuration = null,
+      children,
+      className,
+      ClickAwayListenerProps,
+      ContentProps,
+      disableWindowBlurListener = false,
+      message,
+      open,
+      TransitionComponent = _Grow.default,
+      transitionDuration = defaultTransitionDuration,
+      TransitionProps: {
+        onEnter,
+        onExited
+      } = {}
+    } = props,
+    TransitionProps = (0, _objectWithoutPropertiesLoose2.default)(props.TransitionProps, _excluded),
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
+  const ownerState = (0, _extends2.default)({}, props, {
     anchorOrigin: {
       vertical,
       horizontal
@@ -137,14 +127,12 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     disableWindowBlurListener,
     TransitionComponent,
     transitionDuration
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   const {
     getRootProps,
     onClickAway
-  } = (0, _useSnackbar.default)({
-    ...ownerState
-  });
+  } = (0, _useSnackbar.default)((0, _extends2.default)({}, ownerState));
   const [exited, setExited] = React.useState(true);
   const rootProps = (0, _base.useSlotProps)({
     elementType: SnackbarRoot,
@@ -173,27 +161,25 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
   if (!open && exited) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickAwayListener.default, {
-    onClickAway: onClickAway,
-    ...ClickAwayListenerProps,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SnackbarRoot, {
-      ...rootProps,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickAwayListener.default, (0, _extends2.default)({
+    onClickAway: onClickAway
+  }, ClickAwayListenerProps, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SnackbarRoot, (0, _extends2.default)({}, rootProps, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, (0, _extends2.default)({
         appear: true,
         in: open,
         timeout: transitionDuration,
         direction: vertical === 'top' ? 'down' : 'up',
         onEnter: handleEnter,
-        onExited: handleExited,
-        ...TransitionProps,
-        children: children || /*#__PURE__*/(0, _jsxRuntime.jsx)(_SnackbarContent.default, {
+        onExited: handleExited
+      }, TransitionProps, {
+        children: children || /*#__PURE__*/(0, _jsxRuntime.jsx)(_SnackbarContent.default, (0, _extends2.default)({
           message: message,
-          action: action,
-          ...ContentProps
-        })
-      })
-    })
-  });
+          action: action
+        }, ContentProps))
+      }))
+    }))
+  }));
 });
 process.env.NODE_ENV !== "production" ? Snackbar.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/node/SnackbarContent/SnackbarContent.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"));
@@ -15,6 +17,7 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _Paper = _interopRequireDefault(require("../Paper"));
 var _snackbarContentClasses = require("./snackbarContentClasses");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["action", "className", "message", "role"];
 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 => {
@@ -37,8 +40,7 @@ const SnackbarContentRoot = (0, _styled.default)(_Paper.default, {
 }) => {
   const emphasis = theme.palette.mode === 'light' ? 0.8 : 0.98;
   const backgroundColor = (0, _system.emphasize)(theme.palette.background.default, emphasis);
-  return {
-    ...theme.typography.body2,
+  return (0, _extends2.default)({}, theme.typography.body2, {
     color: theme.vars ? theme.vars.palette.SnackbarContent.color : theme.palette.getContrastText(backgroundColor),
     backgroundColor: theme.vars ? theme.vars.palette.SnackbarContent.bg : backgroundColor,
     display: 'flex',
@@ -51,7 +53,7 @@ const SnackbarContentRoot = (0, _styled.default)(_Paper.default, {
       flexGrow: 'initial',
       minWidth: 288
     }
-  };
+  });
 });
 const SnackbarContentMessage = (0, _styled.default)('div', {
   name: 'MuiSnackbarContent',
@@ -77,22 +79,22 @@ const SnackbarContent = /*#__PURE__*/React.forwardRef(function SnackbarContent(i
     name: 'MuiSnackbarContent'
   });
   const {
-    action,
-    className,
-    message,
-    role = 'alert',
-    ...other
-  } = props;
+      action,
+      className,
+      message,
+      role = 'alert'
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SnackbarContentRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SnackbarContentRoot, (0, _extends2.default)({
     role: role,
     square: true,
     elevation: 6,
     className: (0, _clsx.default)(classes.root, className),
     ownerState: ownerState,
-    ref: ref,
-    ...other,
+    ref: ref
+  }, other, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SnackbarContentMessage, {
       className: classes.message,
       ownerState: ownerState,
@@ -102,7 +104,7 @@ const SnackbarContent = /*#__PURE__*/React.forwardRef(function SnackbarContent(i
       ownerState: ownerState,
       children: action
     }) : null]
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? SnackbarContent.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/node/SpeedDial/SpeedDial.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 _reactIs = require("react-is");
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -21,6 +23,9 @@ var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
 var _useControlled = _interopRequireDefault(require("../utils/useControlled"));
 var _speedDialClasses = _interopRequireWildcard(require("./speedDialClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["ref"],
+  _excluded2 = ["ariaLabel", "FabProps", "children", "className", "direction", "hidden", "icon", "onBlur", "onClose", "onFocus", "onKeyDown", "onMouseEnter", "onMouseLeave", "onOpen", "open", "openIcon", "TransitionComponent", "transitionDuration", "TransitionProps"],
+  _excluded3 = ["ref"];
 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 => {
@@ -68,43 +73,39 @@ const SpeedDialRoot = (0, _styled.default)('div', {
 })(({
   theme,
   ownerState
-}) => ({
+}) => (0, _extends2.default)({
   zIndex: (theme.vars || theme).zIndex.speedDial,
   display: 'flex',
   alignItems: 'center',
-  pointerEvents: 'none',
-  ...(ownerState.direction === 'up' && {
+  pointerEvents: 'none'
+}, ownerState.direction === 'up' && {
+  flexDirection: 'column-reverse',
+  [`& .${_speedDialClasses.default.actions}`]: {
     flexDirection: 'column-reverse',
-    [`& .${_speedDialClasses.default.actions}`]: {
-      flexDirection: 'column-reverse',
-      marginBottom: -dialRadius,
-      paddingBottom: spacingActions + dialRadius
-    }
-  }),
-  ...(ownerState.direction === 'down' && {
+    marginBottom: -dialRadius,
+    paddingBottom: spacingActions + dialRadius
+  }
+}, ownerState.direction === 'down' && {
+  flexDirection: 'column',
+  [`& .${_speedDialClasses.default.actions}`]: {
     flexDirection: 'column',
-    [`& .${_speedDialClasses.default.actions}`]: {
-      flexDirection: 'column',
-      marginTop: -dialRadius,
-      paddingTop: spacingActions + dialRadius
-    }
-  }),
-  ...(ownerState.direction === 'left' && {
+    marginTop: -dialRadius,
+    paddingTop: spacingActions + dialRadius
+  }
+}, ownerState.direction === 'left' && {
+  flexDirection: 'row-reverse',
+  [`& .${_speedDialClasses.default.actions}`]: {
     flexDirection: 'row-reverse',
-    [`& .${_speedDialClasses.default.actions}`]: {
-      flexDirection: 'row-reverse',
-      marginRight: -dialRadius,
-      paddingRight: spacingActions + dialRadius
-    }
-  }),
-  ...(ownerState.direction === 'right' && {
+    marginRight: -dialRadius,
+    paddingRight: spacingActions + dialRadius
+  }
+}, ownerState.direction === 'right' && {
+  flexDirection: 'row',
+  [`& .${_speedDialClasses.default.actions}`]: {
     flexDirection: 'row',
-    [`& .${_speedDialClasses.default.actions}`]: {
-      flexDirection: 'row',
-      marginLeft: -dialRadius,
-      paddingLeft: spacingActions + dialRadius
-    }
-  })
+    marginLeft: -dialRadius,
+    paddingLeft: spacingActions + dialRadius
+  }
 }));
 const SpeedDialFab = (0, _styled.default)(_Fab.default, {
   name: 'MuiSpeedDial',
@@ -124,13 +125,12 @@ const SpeedDialActions = (0, _styled.default)('div', {
   }
 })(({
   ownerState
-}) => ({
+}) => (0, _extends2.default)({
   display: 'flex',
-  pointerEvents: 'auto',
-  ...(!ownerState.open && {
-    transition: 'top 0s linear 0.2s',
-    pointerEvents: 'none'
-  })
+  pointerEvents: 'auto'
+}, !ownerState.open && {
+  transition: 'top 0s linear 0.2s',
+  pointerEvents: 'none'
 }));
 const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref) {
   const props = (0, _useThemeProps.default)({
@@ -143,41 +143,39 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
     exit: theme.transitions.duration.leavingScreen
   };
   const {
-    ariaLabel,
-    FabProps: {
-      ref: origDialButtonRef,
-      ...FabProps
-    } = {},
-    children: childrenProp,
-    className,
-    direction = 'up',
-    hidden = false,
-    icon,
-    onBlur,
-    onClose,
-    onFocus,
-    onKeyDown,
-    onMouseEnter,
-    onMouseLeave,
-    onOpen,
-    open: openProp,
-    openIcon,
-    TransitionComponent = _Zoom.default,
-    transitionDuration = defaultTransitionDuration,
-    TransitionProps,
-    ...other
-  } = props;
+      ariaLabel,
+      FabProps: {
+        ref: origDialButtonRef
+      } = {},
+      children: childrenProp,
+      className,
+      direction = 'up',
+      hidden = false,
+      icon,
+      onBlur,
+      onClose,
+      onFocus,
+      onKeyDown,
+      onMouseEnter,
+      onMouseLeave,
+      onOpen,
+      open: openProp,
+      TransitionComponent = _Zoom.default,
+      transitionDuration = defaultTransitionDuration,
+      TransitionProps
+    } = props,
+    FabProps = (0, _objectWithoutPropertiesLoose2.default)(props.FabProps, _excluded),
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
   const [open, setOpenState] = (0, _useControlled.default)({
     controlled: openProp,
     default: false,
     name: 'SpeedDial',
     state: 'open'
   });
-  const ownerState = {
-    ...props,
+  const ownerState = (0, _extends2.default)({}, props, {
     open,
     direction
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   const eventTimer = React.useRef();
   React.useEffect(() => {
@@ -338,26 +336,26 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
     return /*#__PURE__*/React.isValidElement(child);
   });
   const children = allItems.map((child, index) => {
-    const {
-      FabProps: {
-        ref: origButtonRef,
-        ...ChildFabProps
-      } = {},
-      tooltipPlacement: tooltipPlacementProp
-    } = child.props;
+    const _child$props = child.props,
+      {
+        FabProps: {
+          ref: origButtonRef
+        } = {},
+        tooltipPlacement: tooltipPlacementProp
+      } = _child$props,
+      ChildFabProps = (0, _objectWithoutPropertiesLoose2.default)(_child$props.FabProps, _excluded3);
     const tooltipPlacement = tooltipPlacementProp || (getOrientation(direction) === 'vertical' ? 'left' : 'top');
     return /*#__PURE__*/React.cloneElement(child, {
-      FabProps: {
-        ...ChildFabProps,
+      FabProps: (0, _extends2.default)({}, ChildFabProps, {
         ref: createHandleSpeedDialActionButtonRef(index, origButtonRef)
-      },
+      }),
       delay: 30 * (open ? index : allItems.length - index),
       open,
       tooltipPlacement,
       id: `${id}-action-${index}`
     });
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SpeedDialRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SpeedDialRoot, (0, _extends2.default)({
     className: (0, _clsx.default)(classes.root, className),
     ref: ref,
     role: "presentation",
@@ -366,20 +364,20 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
     onFocus: handleOpen,
     onMouseEnter: handleOpen,
     onMouseLeave: handleClose,
-    ownerState: ownerState,
-    ...other,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, {
+    ownerState: ownerState
+  }, other, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, (0, _extends2.default)({
       in: !hidden,
       timeout: transitionDuration,
-      unmountOnExit: true,
-      ...TransitionProps,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SpeedDialFab, {
+      unmountOnExit: true
+    }, TransitionProps, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SpeedDialFab, (0, _extends2.default)({
         color: "primary",
         "aria-label": ariaLabel,
         "aria-haspopup": "true",
         "aria-expanded": open,
-        "aria-controls": `${id}-actions`,
-        ...FabProps,
+        "aria-controls": `${id}-actions`
+      }, FabProps, {
         onClick: handleClick,
         className: (0, _clsx.default)(classes.fab, FabProps.className),
         ref: handleFabRef,
@@ -387,8 +385,8 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
         children: /*#__PURE__*/React.isValidElement(icon) && (0, _isMuiElement.default)(icon, ['SpeedDialIcon']) ? /*#__PURE__*/React.cloneElement(icon, {
           open
         }) : icon
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SpeedDialActions, {
+      }))
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(SpeedDialActions, {
       id: `${id}-actions`,
       role: "menu",
       "aria-orientation": getOrientation(direction),
@@ -396,7 +394,7 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
       ownerState: ownerState,
       children: children
     })]
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? SpeedDial.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------