@mui/material 6.0.0-alpha.6 → 6.0.0-alpha.8

package/node/Snackbar/Snackbar.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("@mui/base/utils");
@@ -21,8 +19,6 @@ 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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiSnackbar');
@@ -121,32 +117,39 @@ 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,
-      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, {
+    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,
     anchorOrigin: {
       vertical,
       horizontal
@@ -155,12 +158,14 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     disableWindowBlurListener,
     TransitionComponent,
     transitionDuration
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const {
     getRootProps,
     onClickAway
-  } = (0, _useSnackbar.useSnackbar)((0, _extends2.default)({}, ownerState));
+  } = (0, _useSnackbar.useSnackbar)({
+    ...ownerState
+  });
   const [exited, setExited] = React.useState(true);
   const rootProps = (0, _utils.useSlotProps)({
     elementType: SnackbarRoot,
@@ -189,25 +194,27 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
   if (!open && exited) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickAwayListener.ClickAwayListener, (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)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickAwayListener.ClickAwayListener, {
+    onClickAway: onClickAway,
+    ...ClickAwayListenerProps,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SnackbarRoot, {
+      ...rootProps,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, {
         appear: true,
         in: open,
         timeout: transitionDuration,
         direction: vertical === 'top' ? 'down' : 'up',
         onEnter: handleEnter,
-        onExited: handleExited
-      }, TransitionProps, {
-        children: children || /*#__PURE__*/(0, _jsxRuntime.jsx)(_SnackbarContent.default, (0, _extends2.default)({
+        onExited: handleExited,
+        ...TransitionProps,
+        children: children || /*#__PURE__*/(0, _jsxRuntime.jsx)(_SnackbarContent.default, {
           message: message,
-          action: action
-        }, ContentProps))
-      }))
-    }))
-  }));
+          action: action,
+          ...ContentProps
+        })
+      })
+    })
+  });
 });
 process.env.NODE_ENV !== "production" ? Snackbar.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/node/SnackbarContent/SnackbarContent.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -17,7 +15,6 @@ var _zeroStyled = require("../zero-styled");
 var _Paper = _interopRequireDefault(require("../Paper"));
 var _snackbarContentClasses = require("./snackbarContentClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["action", "className", "message", "role"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiSnackbarContent');
@@ -41,7 +38,8 @@ const SnackbarContentRoot = (0, _zeroStyled.styled)(_Paper.default, {
 }) => {
   const emphasis = theme.palette.mode === 'light' ? 0.8 : 0.98;
   const backgroundColor = (0, _colorManipulator.emphasize)(theme.palette.background.default, emphasis);
-  return (0, _extends2.default)({}, theme.typography.body2, {
+  return {
+    ...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',
@@ -54,7 +52,7 @@ const SnackbarContentRoot = (0, _zeroStyled.styled)(_Paper.default, {
       flexGrow: 'initial',
       minWidth: 288
     }
-  });
+  };
 });
 const SnackbarContentMessage = (0, _zeroStyled.styled)('div', {
   name: 'MuiSnackbarContent',
@@ -80,22 +78,22 @@ const SnackbarContent = /*#__PURE__*/React.forwardRef(function SnackbarContent(i
     name: 'MuiSnackbarContent'
   });
   const {
-      action,
-      className,
-      message,
-      role = 'alert'
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    action,
+    className,
+    message,
+    role = 'alert',
+    ...other
+  } = props;
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SnackbarContentRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SnackbarContentRoot, {
     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,
@@ -105,7 +103,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

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _reactIs = require("react-is");
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -26,9 +24,6 @@ var _useControlled = _interopRequireDefault(require("../utils/useControlled"));
 var _speedDialClasses = _interopRequireWildcard(require("./speedDialClasses"));
 var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
 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", "slots", "slotProps", "TransitionComponent", "TransitionProps", "transitionDuration"],
-  _excluded3 = ["ref"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiSpeedDial');
@@ -162,41 +157,43 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
     exit: theme.transitions.duration.leavingScreen
   };
   const {
-      ariaLabel,
-      FabProps: {
-        ref: origDialButtonRef
-      } = {},
-      children: childrenProp,
-      className,
-      direction = 'up',
-      hidden = false,
-      icon,
-      onBlur,
-      onClose,
-      onFocus,
-      onKeyDown,
-      onMouseEnter,
-      onMouseLeave,
-      onOpen,
-      open: openProp,
-      slots = {},
-      slotProps = {},
-      TransitionComponent: TransitionComponentProp,
-      TransitionProps: TransitionPropsProp,
-      transitionDuration = defaultTransitionDuration
-    } = props,
-    FabProps = (0, _objectWithoutPropertiesLoose2.default)(props.FabProps, _excluded),
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
+    ariaLabel,
+    FabProps: {
+      ref: origDialButtonRef,
+      ...FabProps
+    } = {},
+    children: childrenProp,
+    className,
+    direction = 'up',
+    hidden = false,
+    icon,
+    onBlur,
+    onClose,
+    onFocus,
+    onKeyDown,
+    onMouseEnter,
+    onMouseLeave,
+    onOpen,
+    open: openProp,
+    openIcon,
+    slots = {},
+    slotProps = {},
+    TransitionComponent: TransitionComponentProp,
+    TransitionProps: TransitionPropsProp,
+    transitionDuration = defaultTransitionDuration,
+    ...other
+  } = props;
   const [open, setOpenState] = (0, _useControlled.default)({
     controlled: openProp,
     default: false,
     name: 'SpeedDial',
     state: 'open'
   });
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = {
+    ...props,
     open,
     direction
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const eventTimer = (0, _useTimeout.default)();
 
@@ -352,31 +349,33 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
     return /*#__PURE__*/React.isValidElement(child);
   });
   const children = allItems.map((child, index) => {
-    const _child$props = child.props,
-      {
-        FabProps: {
-          ref: origButtonRef
-        } = {},
-        tooltipPlacement: tooltipPlacementProp
-      } = _child$props,
-      ChildFabProps = (0, _objectWithoutPropertiesLoose2.default)(_child$props.FabProps, _excluded3);
+    const {
+      FabProps: {
+        ref: origButtonRef,
+        ...ChildFabProps
+      } = {},
+      tooltipPlacement: tooltipPlacementProp
+    } = child.props;
     const tooltipPlacement = tooltipPlacementProp || (getOrientation(direction) === 'vertical' ? 'left' : 'top');
     return /*#__PURE__*/React.cloneElement(child, {
-      FabProps: (0, _extends2.default)({}, ChildFabProps, {
+      FabProps: {
+        ...ChildFabProps,
         ref: createHandleSpeedDialActionButtonRef(index, origButtonRef)
-      }),
+      },
       delay: 30 * (open ? index : allItems.length - index),
       open,
       tooltipPlacement,
       id: `${id}-action-${index}`
     });
   });
-  const backwardCompatibleSlots = (0, _extends2.default)({
-    transition: TransitionComponentProp
-  }, slots);
-  const backwardCompatibleSlotProps = (0, _extends2.default)({
-    transition: TransitionPropsProp
-  }, slotProps);
+  const backwardCompatibleSlots = {
+    transition: TransitionComponentProp,
+    ...slots
+  };
+  const backwardCompatibleSlotProps = {
+    transition: TransitionPropsProp,
+    ...slotProps
+  };
   const externalForwardedProps = {
     slots: backwardCompatibleSlots,
     slotProps: backwardCompatibleSlotProps
@@ -386,7 +385,7 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
     externalForwardedProps,
     ownerState
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SpeedDialRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SpeedDialRoot, {
     className: (0, _clsx.default)(classes.root, className),
     ref: ref,
     role: "presentation",
@@ -395,20 +394,20 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
     onFocus: handleOpen,
     onMouseEnter: handleOpen,
     onMouseLeave: handleClose,
-    ownerState: ownerState
-  }, other, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionSlot, (0, _extends2.default)({
+    ownerState: ownerState,
+    ...other,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionSlot, {
       in: !hidden,
       timeout: transitionDuration,
-      unmountOnExit: true
-    }, transitionProps, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SpeedDialFab, (0, _extends2.default)({
+      unmountOnExit: true,
+      ...transitionProps,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SpeedDialFab, {
         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,
@@ -416,8 +415,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),
@@ -425,7 +424,7 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
       ownerState: ownerState,
       children: children
     })]
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? SpeedDial.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/node/SpeedDialAction/SpeedDialAction.js

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -20,7 +18,6 @@ var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _speedDialActionClasses = _interopRequireWildcard(require("./speedDialActionClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className", "delay", "FabProps", "icon", "id", "open", "TooltipClasses", "tooltipOpen", "tooltipPlacement", "tooltipTitle"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiSpeedDialAction');
@@ -131,9 +128,9 @@ const SpeedDialActionStaticTooltipLabel = (0, _zeroStyled.styled)('span', {
   overridesResolver: (props, styles) => styles.staticTooltipLabel
 })(({
   theme
-}) => (0, _extends2.default)({
-  position: 'absolute'
-}, theme.typography.body1, {
+}) => ({
+  position: 'absolute',
+  ...theme.typography.body1,
   backgroundColor: (theme.vars || theme).palette.background.paper,
   borderRadius: (theme.vars || theme).shape.borderRadius,
   boxShadow: (theme.vars || theme).shadows[1],
@@ -147,21 +144,22 @@ const SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(i
     name: 'MuiSpeedDialAction'
   });
   const {
-      className,
-      delay = 0,
-      FabProps = {},
-      icon,
-      id,
-      open,
-      TooltipClasses,
-      tooltipOpen: tooltipOpenProp = false,
-      tooltipPlacement = 'left',
-      tooltipTitle
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props, {
+    className,
+    delay = 0,
+    FabProps = {},
+    icon,
+    id,
+    open,
+    TooltipClasses,
+    tooltipOpen: tooltipOpenProp = false,
+    tooltipPlacement = 'left',
+    tooltipTitle,
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     tooltipPlacement
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const [tooltipOpen, setTooltipOpen] = React.useState(tooltipOpenProp);
   const handleTooltipClose = () => {
@@ -173,23 +171,26 @@ const SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(i
   const transitionStyle = {
     transitionDelay: `${delay}ms`
   };
-  const fab = /*#__PURE__*/(0, _jsxRuntime.jsx)(SpeedDialActionFab, (0, _extends2.default)({
+  const fab = /*#__PURE__*/(0, _jsxRuntime.jsx)(SpeedDialActionFab, {
     size: "small",
     className: (0, _clsx.default)(classes.fab, className),
     tabIndex: -1,
     role: "menuitem",
-    ownerState: ownerState
-  }, FabProps, {
-    style: (0, _extends2.default)({}, transitionStyle, FabProps.style),
+    ownerState: ownerState,
+    ...FabProps,
+    style: {
+      ...transitionStyle,
+      ...FabProps.style
+    },
     children: icon
-  }));
+  });
   if (tooltipOpenProp) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SpeedDialActionStaticTooltip, (0, _extends2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SpeedDialActionStaticTooltip, {
       id: id,
       ref: ref,
       className: classes.staticTooltip,
-      ownerState: ownerState
-    }, other, {
+      ownerState: ownerState,
+      ...other,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SpeedDialActionStaticTooltipLabel, {
         style: transitionStyle,
         id: `${id}-label`,
@@ -199,12 +200,12 @@ const SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(i
       }), /*#__PURE__*/React.cloneElement(fab, {
         'aria-labelledby': `${id}-label`
       })]
-    }));
+    });
   }
   if (!open && tooltipOpen) {
     setTooltipOpen(false);
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
     id: id,
     ref: ref,
     title: tooltipTitle,
@@ -212,10 +213,10 @@ const SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(i
     onClose: handleTooltipClose,
     onOpen: handleTooltipOpen,
     open: open && tooltipOpen,
-    classes: TooltipClasses
-  }, other, {
+    classes: TooltipClasses,
+    ...other,
     children: fab
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? SpeedDialAction.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/node/SpeedDialIcon/SpeedDialIcon.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -16,7 +14,6 @@ var _zeroStyled = require("../zero-styled");
 var _Add = _interopRequireDefault(require("../internal/svg-icons/Add"));
 var _speedDialIconClasses = _interopRequireWildcard(require("./speedDialIconClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className", "icon", "open", "openIcon"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiSpeedDialIcon');
@@ -105,11 +102,12 @@ const SpeedDialIcon = /*#__PURE__*/React.forwardRef(function SpeedDialIcon(inPro
     name: 'MuiSpeedDialIcon'
   });
   const {
-      className,
-      icon: iconProp,
-      openIcon: openIconProp
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    className,
+    icon: iconProp,
+    open,
+    openIcon: openIconProp,
+    ...other
+  } = props;
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   function formatIcon(icon, newClassName) {
@@ -120,15 +118,15 @@ const SpeedDialIcon = /*#__PURE__*/React.forwardRef(function SpeedDialIcon(inPro
     }
     return icon;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SpeedDialIconRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SpeedDialIconRoot, {
     className: (0, _clsx.default)(classes.root, className),
     ref: ref,
-    ownerState: ownerState
-  }, other, {
+    ownerState: ownerState,
+    ...other,
     children: [openIconProp ? formatIcon(openIconProp, classes.openIcon) : null, iconProp ? formatIcon(iconProp, classes.icon) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Add.default, {
       className: classes.icon
     })]
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? SpeedDialIcon.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐