@mui/material 5.13.1 → 5.13.2

package/SpeedDial/SpeedDial.js

@@ -1,3 +1,8 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+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"];
 import * as React from 'react';
 import { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
@@ -60,43 +65,39 @@ const SpeedDialRoot = styled('div', {
 })(({
   theme,
   ownerState
-}) => ({
+}) => _extends({
   zIndex: (theme.vars || theme).zIndex.speedDial,
   display: 'flex',
   alignItems: 'center',
-  pointerEvents: 'none',
-  ...(ownerState.direction === 'up' && {
+  pointerEvents: 'none'
+}, ownerState.direction === 'up' && {
+  flexDirection: 'column-reverse',
+  [`& .${speedDialClasses.actions}`]: {
     flexDirection: 'column-reverse',
-    [`& .${speedDialClasses.actions}`]: {
-      flexDirection: 'column-reverse',
-      marginBottom: -dialRadius,
-      paddingBottom: spacingActions + dialRadius
-    }
-  }),
-  ...(ownerState.direction === 'down' && {
+    marginBottom: -dialRadius,
+    paddingBottom: spacingActions + dialRadius
+  }
+}, ownerState.direction === 'down' && {
+  flexDirection: 'column',
+  [`& .${speedDialClasses.actions}`]: {
     flexDirection: 'column',
-    [`& .${speedDialClasses.actions}`]: {
-      flexDirection: 'column',
-      marginTop: -dialRadius,
-      paddingTop: spacingActions + dialRadius
-    }
-  }),
-  ...(ownerState.direction === 'left' && {
+    marginTop: -dialRadius,
+    paddingTop: spacingActions + dialRadius
+  }
+}, ownerState.direction === 'left' && {
+  flexDirection: 'row-reverse',
+  [`& .${speedDialClasses.actions}`]: {
     flexDirection: 'row-reverse',
-    [`& .${speedDialClasses.actions}`]: {
-      flexDirection: 'row-reverse',
-      marginRight: -dialRadius,
-      paddingRight: spacingActions + dialRadius
-    }
-  }),
-  ...(ownerState.direction === 'right' && {
+    marginRight: -dialRadius,
+    paddingRight: spacingActions + dialRadius
+  }
+}, ownerState.direction === 'right' && {
+  flexDirection: 'row',
+  [`& .${speedDialClasses.actions}`]: {
     flexDirection: 'row',
-    [`& .${speedDialClasses.actions}`]: {
-      flexDirection: 'row',
-      marginLeft: -dialRadius,
-      paddingLeft: spacingActions + dialRadius
-    }
-  })
+    marginLeft: -dialRadius,
+    paddingLeft: spacingActions + dialRadius
+  }
 }));
 const SpeedDialFab = styled(Fab, {
   name: 'MuiSpeedDial',
@@ -116,13 +117,12 @@ const SpeedDialActions = styled('div', {
   }
 })(({
   ownerState
-}) => ({
+}) => _extends({
   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 = useThemeProps({
@@ -135,41 +135,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,
-    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,
+      transitionDuration = defaultTransitionDuration,
+      TransitionProps
+    } = props,
+    FabProps = _objectWithoutPropertiesLoose(props.FabProps, _excluded),
+    other = _objectWithoutPropertiesLoose(props, _excluded2);
   const [open, setOpenState] = useControlled({
     controlled: openProp,
     default: false,
     name: 'SpeedDial',
     state: 'open'
   });
-  const ownerState = {
-    ...props,
+  const ownerState = _extends({}, props, {
     open,
     direction
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   const eventTimer = React.useRef();
   React.useEffect(() => {
@@ -330,26 +328,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 = _objectWithoutPropertiesLoose(_child$props.FabProps, _excluded3);
     const tooltipPlacement = tooltipPlacementProp || (getOrientation(direction) === 'vertical' ? 'left' : 'top');
     return /*#__PURE__*/React.cloneElement(child, {
-      FabProps: {
-        ...ChildFabProps,
+      FabProps: _extends({}, ChildFabProps, {
         ref: createHandleSpeedDialActionButtonRef(index, origButtonRef)
-      },
+      }),
       delay: 30 * (open ? index : allItems.length - index),
       open,
       tooltipPlacement,
       id: `${id}-action-${index}`
     });
   });
-  return /*#__PURE__*/_jsxs(SpeedDialRoot, {
+  return /*#__PURE__*/_jsxs(SpeedDialRoot, _extends({
     className: clsx(classes.root, className),
     ref: ref,
     role: "presentation",
@@ -358,20 +356,20 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
     onFocus: handleOpen,
     onMouseEnter: handleOpen,
     onMouseLeave: handleClose,
-    ownerState: ownerState,
-    ...other,
-    children: [/*#__PURE__*/_jsx(TransitionComponent, {
+    ownerState: ownerState
+  }, other, {
+    children: [/*#__PURE__*/_jsx(TransitionComponent, _extends({
       in: !hidden,
       timeout: transitionDuration,
-      unmountOnExit: true,
-      ...TransitionProps,
-      children: /*#__PURE__*/_jsx(SpeedDialFab, {
+      unmountOnExit: true
+    }, TransitionProps, {
+      children: /*#__PURE__*/_jsx(SpeedDialFab, _extends({
         color: "primary",
         "aria-label": ariaLabel,
         "aria-haspopup": "true",
         "aria-expanded": open,
-        "aria-controls": `${id}-actions`,
-        ...FabProps,
+        "aria-controls": `${id}-actions`
+      }, FabProps, {
         onClick: handleClick,
         className: clsx(classes.fab, FabProps.className),
         ref: handleFabRef,
@@ -379,8 +377,8 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
         children: /*#__PURE__*/React.isValidElement(icon) && isMuiElement(icon, ['SpeedDialIcon']) ? /*#__PURE__*/React.cloneElement(icon, {
           open
         }) : icon
-      })
-    }), /*#__PURE__*/_jsx(SpeedDialActions, {
+      }))
+    })), /*#__PURE__*/_jsx(SpeedDialActions, {
       id: `${id}-actions`,
       role: "menu",
       "aria-orientation": getOrientation(direction),
@@ -388,7 +386,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/SpeedDial/speedDialClasses.d.ts

@@ -1,22 +1,22 @@
-export interface SpeedDialClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the Fab component. */
-    fab: string;
-    /** Styles applied to the root element if direction="up" */
-    directionUp: string;
-    /** Styles applied to the root element if direction="down" */
-    directionDown: string;
-    /** Styles applied to the root element if direction="left" */
-    directionLeft: string;
-    /** Styles applied to the root element if direction="right" */
-    directionRight: string;
-    /** Styles applied to the actions (`children` wrapper) element. */
-    actions: string;
-    /** Styles applied to the actions (`children` wrapper) element if `open={false}`. */
-    actionsClosed: string;
-}
-export type SpeedDialClassKey = keyof SpeedDialClasses;
-export declare function getSpeedDialUtilityClass(slot: string): string;
-declare const speedDialClasses: SpeedDialClasses;
-export default speedDialClasses;
+export interface SpeedDialClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the Fab component. */
+    fab: string;
+    /** Styles applied to the root element if direction="up" */
+    directionUp: string;
+    /** Styles applied to the root element if direction="down" */
+    directionDown: string;
+    /** Styles applied to the root element if direction="left" */
+    directionLeft: string;
+    /** Styles applied to the root element if direction="right" */
+    directionRight: string;
+    /** Styles applied to the actions (`children` wrapper) element. */
+    actions: string;
+    /** Styles applied to the actions (`children` wrapper) element if `open={false}`. */
+    actionsClosed: string;
+}
+export type SpeedDialClassKey = keyof SpeedDialClasses;
+export declare function getSpeedDialUtilityClass(slot: string): string;
+declare const speedDialClasses: SpeedDialClasses;
+export default speedDialClasses;

package/SpeedDialAction/SpeedDialAction.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["className", "delay", "FabProps", "icon", "id", "open", "TooltipClasses", "tooltipOpen", "tooltipPlacement", "tooltipTitle"];
 // @inheritedComponent Tooltip
 import * as React from 'react';
 import PropTypes from 'prop-types';
@@ -38,7 +41,7 @@ const SpeedDialActionFab = styled(Fab, {
 })(({
   theme,
   ownerState
-}) => ({
+}) => _extends({
   margin: 8,
   color: (theme.vars || theme).palette.text.secondary,
   backgroundColor: (theme.vars || theme).palette.background.paper,
@@ -48,11 +51,10 @@ const SpeedDialActionFab = styled(Fab, {
   transition: `${theme.transitions.create('transform', {
     duration: theme.transitions.duration.shorter
   })}, opacity 0.8s`,
-  opacity: 1,
-  ...(!ownerState.open && {
-    opacity: 0,
-    transform: 'scale(0)'
-  })
+  opacity: 1
+}, !ownerState.open && {
+  opacity: 0,
+  transform: 'scale(0)'
 }));
 const SpeedDialActionStaticTooltip = styled('span', {
   name: 'MuiSpeedDialAction',
@@ -70,26 +72,23 @@ const SpeedDialActionStaticTooltip = styled('span', {
   position: 'relative',
   display: 'flex',
   alignItems: 'center',
-  [`& .${speedDialActionClasses.staticTooltipLabel}`]: {
+  [`& .${speedDialActionClasses.staticTooltipLabel}`]: _extends({
     transition: theme.transitions.create(['transform', 'opacity'], {
       duration: theme.transitions.duration.shorter
     }),
-    opacity: 1,
-    ...(!ownerState.open && {
-      opacity: 0,
-      transform: 'scale(0.5)'
-    }),
-    ...(ownerState.tooltipPlacement === 'left' && {
-      transformOrigin: '100% 50%',
-      right: '100%',
-      marginRight: 8
-    }),
-    ...(ownerState.tooltipPlacement === 'right' && {
-      transformOrigin: '0% 50%',
-      left: '100%',
-      marginLeft: 8
-    })
-  }
+    opacity: 1
+  }, !ownerState.open && {
+    opacity: 0,
+    transform: 'scale(0.5)'
+  }, ownerState.tooltipPlacement === 'left' && {
+    transformOrigin: '100% 50%',
+    right: '100%',
+    marginRight: 8
+  }, ownerState.tooltipPlacement === 'right' && {
+    transformOrigin: '0% 50%',
+    left: '100%',
+    marginLeft: 8
+  })
 }));
 const SpeedDialActionStaticTooltipLabel = styled('span', {
   name: 'MuiSpeedDialAction',
@@ -97,9 +96,9 @@ const SpeedDialActionStaticTooltipLabel = styled('span', {
   overridesResolver: (props, styles) => styles.staticTooltipLabel
 })(({
   theme
-}) => ({
-  position: 'absolute',
-  ...theme.typography.body1,
+}) => _extends({
+  position: 'absolute'
+}, theme.typography.body1, {
   backgroundColor: (theme.vars || theme).palette.background.paper,
   borderRadius: (theme.vars || theme).shape.borderRadius,
   boxShadow: (theme.vars || theme).shadows[1],
@@ -113,22 +112,21 @@ 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,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      className,
+      delay = 0,
+      FabProps = {},
+      icon,
+      id,
+      open,
+      TooltipClasses,
+      tooltipOpen: tooltipOpenProp = false,
+      tooltipPlacement = 'left',
+      tooltipTitle
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const ownerState = _extends({}, props, {
     tooltipPlacement
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   const [tooltipOpen, setTooltipOpen] = React.useState(tooltipOpenProp);
   const handleTooltipClose = () => {
@@ -140,26 +138,23 @@ const SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(i
   const transitionStyle = {
     transitionDelay: `${delay}ms`
   };
-  const fab = /*#__PURE__*/_jsx(SpeedDialActionFab, {
+  const fab = /*#__PURE__*/_jsx(SpeedDialActionFab, _extends({
     size: "small",
     className: clsx(classes.fab, className),
     tabIndex: -1,
     role: "menuitem",
-    ownerState: ownerState,
-    ...FabProps,
-    style: {
-      ...transitionStyle,
-      ...FabProps.style
-    },
+    ownerState: ownerState
+  }, FabProps, {
+    style: _extends({}, transitionStyle, FabProps.style),
     children: icon
-  });
+  }));
   if (tooltipOpenProp) {
-    return /*#__PURE__*/_jsxs(SpeedDialActionStaticTooltip, {
+    return /*#__PURE__*/_jsxs(SpeedDialActionStaticTooltip, _extends({
       id: id,
       ref: ref,
       className: classes.staticTooltip,
-      ownerState: ownerState,
-      ...other,
+      ownerState: ownerState
+    }, other, {
       children: [/*#__PURE__*/_jsx(SpeedDialActionStaticTooltipLabel, {
         style: transitionStyle,
         id: `${id}-label`,
@@ -169,12 +164,12 @@ const SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(i
       }), /*#__PURE__*/React.cloneElement(fab, {
         'aria-labelledby': `${id}-label`
       })]
-    });
+    }));
   }
   if (!open && tooltipOpen) {
     setTooltipOpen(false);
   }
-  return /*#__PURE__*/_jsx(Tooltip, {
+  return /*#__PURE__*/_jsx(Tooltip, _extends({
     id: id,
     ref: ref,
     title: tooltipTitle,
@@ -182,10 +177,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/SpeedDialAction/speedDialActionClasses.d.ts

@@ -1,20 +1,20 @@
-export interface SpeedDialActionClasses {
-    /** Styles applied to the Fab component. */
-    fab: string;
-    /** Styles applied to the Fab component if `open={false}`. */
-    fabClosed: string;
-    /** Styles applied to the root element if `tooltipOpen={true}`. */
-    staticTooltip: string;
-    /** Styles applied to the root element if `tooltipOpen={true}` and `open={false}`. */
-    staticTooltipClosed: string;
-    /** Styles applied to the static tooltip label if `tooltipOpen={true}`. */
-    staticTooltipLabel: string;
-    /** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="left"`` */
-    tooltipPlacementLeft: string;
-    /** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="right"`` */
-    tooltipPlacementRight: string;
-}
-export type SpeedDialActionClassKey = keyof SpeedDialActionClasses;
-export declare function getSpeedDialActionUtilityClass(slot: string): string;
-declare const speedDialActionClasses: SpeedDialActionClasses;
-export default speedDialActionClasses;
+export interface SpeedDialActionClasses {
+    /** Styles applied to the Fab component. */
+    fab: string;
+    /** Styles applied to the Fab component if `open={false}`. */
+    fabClosed: string;
+    /** Styles applied to the root element if `tooltipOpen={true}`. */
+    staticTooltip: string;
+    /** Styles applied to the root element if `tooltipOpen={true}` and `open={false}`. */
+    staticTooltipClosed: string;
+    /** Styles applied to the static tooltip label if `tooltipOpen={true}`. */
+    staticTooltipLabel: string;
+    /** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="left"`` */
+    tooltipPlacementLeft: string;
+    /** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="right"`` */
+    tooltipPlacementRight: string;
+}
+export type SpeedDialActionClassKey = keyof SpeedDialActionClasses;
+export declare function getSpeedDialActionUtilityClass(slot: string): string;
+declare const speedDialActionClasses: SpeedDialActionClasses;
+export default speedDialActionClasses;

package/SpeedDialIcon/SpeedDialIcon.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["className", "icon", "open", "openIcon"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -45,29 +48,26 @@ const SpeedDialIconRoot = styled('span', {
   ownerState
 }) => ({
   height: 24,
-  [`& .${speedDialIconClasses.icon}`]: {
+  [`& .${speedDialIconClasses.icon}`]: _extends({
     transition: theme.transitions.create(['transform', 'opacity'], {
       duration: theme.transitions.duration.short
-    }),
-    ...(ownerState.open && {
-      transform: 'rotate(45deg)',
-      ...(ownerState.openIcon && {
-        opacity: 0
-      })
     })
-  },
-  [`& .${speedDialIconClasses.openIcon}`]: {
+  }, ownerState.open && _extends({
+    transform: 'rotate(45deg)'
+  }, ownerState.openIcon && {
+    opacity: 0
+  })),
+  [`& .${speedDialIconClasses.openIcon}`]: _extends({
     position: 'absolute',
     transition: theme.transitions.create(['transform', 'opacity'], {
       duration: theme.transitions.duration.short
     }),
     opacity: 0,
-    transform: 'rotate(-45deg)',
-    ...(ownerState.open && {
-      transform: 'rotate(0deg)',
-      opacity: 1
-    })
-  }
+    transform: 'rotate(-45deg)'
+  }, ownerState.open && {
+    transform: 'rotate(0deg)',
+    opacity: 1
+  })
 }));
 const SpeedDialIcon = /*#__PURE__*/React.forwardRef(function SpeedDialIcon(inProps, ref) {
   const props = useThemeProps({
@@ -75,12 +75,11 @@ const SpeedDialIcon = /*#__PURE__*/React.forwardRef(function SpeedDialIcon(inPro
     name: 'MuiSpeedDialIcon'
   });
   const {
-    className,
-    icon: iconProp,
-    open,
-    openIcon: openIconProp,
-    ...other
-  } = props;
+      className,
+      icon: iconProp,
+      openIcon: openIconProp
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   function formatIcon(icon, newClassName) {
@@ -91,15 +90,15 @@ const SpeedDialIcon = /*#__PURE__*/React.forwardRef(function SpeedDialIcon(inPro
     }
     return icon;
   }
-  return /*#__PURE__*/_jsxs(SpeedDialIconRoot, {
+  return /*#__PURE__*/_jsxs(SpeedDialIconRoot, _extends({
     className: clsx(classes.root, className),
     ref: ref,
-    ownerState: ownerState,
-    ...other,
+    ownerState: ownerState
+  }, other, {
     children: [openIconProp ? formatIcon(openIconProp, classes.openIcon) : null, iconProp ? formatIcon(iconProp, classes.icon) : /*#__PURE__*/_jsx(AddIcon, {
       className: classes.icon
     })]
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? SpeedDialIcon.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/SpeedDialIcon/speedDialIconClasses.d.ts

@@ -1,18 +1,18 @@
-export interface SpeedDialIconClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the icon component. */
-    icon: string;
-    /** Styles applied to the icon component if `open={true}`. */
-    iconOpen: string;
-    /** Styles applied to the icon when an `openIcon` is provided and if `open={true}`. */
-    iconWithOpenIconOpen: string;
-    /** Styles applied to the `openIcon` if provided. */
-    openIcon: string;
-    /** Styles applied to the `openIcon` if provided and if `open={true}`. */
-    openIconOpen: string;
-}
-export type SpeedDialIconClassKey = keyof SpeedDialIconClasses;
-export declare function getSpeedDialIconUtilityClass(slot: string): string;
-declare const speedDialIconClasses: SpeedDialIconClasses;
-export default speedDialIconClasses;
+export interface SpeedDialIconClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the icon component. */
+    icon: string;
+    /** Styles applied to the icon component if `open={true}`. */
+    iconOpen: string;
+    /** Styles applied to the icon when an `openIcon` is provided and if `open={true}`. */
+    iconWithOpenIconOpen: string;
+    /** Styles applied to the `openIcon` if provided. */
+    openIcon: string;
+    /** Styles applied to the `openIcon` if provided and if `open={true}`. */
+    openIconOpen: string;
+}
+export type SpeedDialIconClassKey = keyof SpeedDialIconClasses;
+export declare function getSpeedDialIconUtilityClass(slot: string): string;
+declare const speedDialIconClasses: SpeedDialIconClasses;
+export default speedDialIconClasses;

package/Stack/stackClasses.d.ts

@@ -1,6 +1,6 @@
-import { StackClasses } from '@mui/system';
-export type { StackClassKey } from '@mui/system';
-export type { StackClasses };
-export declare function getStackUtilityClass(slot: string): string;
-declare const stackClasses: StackClasses;
-export default stackClasses;
+import { StackClasses } from '@mui/system';
+export type { StackClassKey } from '@mui/system';
+export type { StackClasses };
+export declare function getStackUtilityClass(slot: string): string;
+declare const stackClasses: StackClasses;
+export default stackClasses;