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

package/modern/SpeedDial/SpeedDial.js

@@ -1,10 +1,5 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-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"];
 import * as React from 'react';
 import { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
@@ -154,41 +149,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 = _objectWithoutPropertiesLoose(props.FabProps, _excluded),
-    other = _objectWithoutPropertiesLoose(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] = useControlled({
     controlled: openProp,
     default: false,
     name: 'SpeedDial',
     state: 'open'
   });
-  const ownerState = _extends({}, props, {
+  const ownerState = {
+    ...props,
     open,
     direction
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const eventTimer = useTimeout();
 
@@ -344,31 +341,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 = _objectWithoutPropertiesLoose(_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: _extends({}, ChildFabProps, {
+      FabProps: {
+        ...ChildFabProps,
         ref: createHandleSpeedDialActionButtonRef(index, origButtonRef)
-      }),
+      },
       delay: 30 * (open ? index : allItems.length - index),
       open,
       tooltipPlacement,
       id: `${id}-action-${index}`
     });
   });
-  const backwardCompatibleSlots = _extends({
-    transition: TransitionComponentProp
-  }, slots);
-  const backwardCompatibleSlotProps = _extends({
-    transition: TransitionPropsProp
-  }, slotProps);
+  const backwardCompatibleSlots = {
+    transition: TransitionComponentProp,
+    ...slots
+  };
+  const backwardCompatibleSlotProps = {
+    transition: TransitionPropsProp,
+    ...slotProps
+  };
   const externalForwardedProps = {
     slots: backwardCompatibleSlots,
     slotProps: backwardCompatibleSlotProps
@@ -378,7 +377,7 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
     externalForwardedProps,
     ownerState
   });
-  return /*#__PURE__*/_jsxs(SpeedDialRoot, _extends({
+  return /*#__PURE__*/_jsxs(SpeedDialRoot, {
     className: clsx(classes.root, className),
     ref: ref,
     role: "presentation",
@@ -387,20 +386,20 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
     onFocus: handleOpen,
     onMouseEnter: handleOpen,
     onMouseLeave: handleClose,
-    ownerState: ownerState
-  }, other, {
-    children: [/*#__PURE__*/_jsx(TransitionSlot, _extends({
+    ownerState: ownerState,
+    ...other,
+    children: [/*#__PURE__*/_jsx(TransitionSlot, {
       in: !hidden,
       timeout: transitionDuration,
-      unmountOnExit: true
-    }, transitionProps, {
-      children: /*#__PURE__*/_jsx(SpeedDialFab, _extends({
+      unmountOnExit: true,
+      ...transitionProps,
+      children: /*#__PURE__*/_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: clsx(classes.fab, FabProps.className),
         ref: handleFabRef,
@@ -408,8 +407,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),
@@ -417,7 +416,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/modern/SpeedDialAction/SpeedDialAction.js

@@ -1,9 +1,6 @@
 'use client';
 
 // @inheritedComponent Tooltip
-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"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -123,9 +120,9 @@ const SpeedDialActionStaticTooltipLabel = styled('span', {
   overridesResolver: (props, styles) => styles.staticTooltipLabel
 })(({
   theme
-}) => _extends({
-  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],
@@ -139,21 +136,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 = _objectWithoutPropertiesLoose(props, _excluded);
-  const ownerState = _extends({}, 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 = () => {
@@ -165,23 +163,26 @@ const SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(i
   const transitionStyle = {
     transitionDelay: `${delay}ms`
   };
-  const fab = /*#__PURE__*/_jsx(SpeedDialActionFab, _extends({
+  const fab = /*#__PURE__*/_jsx(SpeedDialActionFab, {
     size: "small",
     className: clsx(classes.fab, className),
     tabIndex: -1,
     role: "menuitem",
-    ownerState: ownerState
-  }, FabProps, {
-    style: _extends({}, transitionStyle, FabProps.style),
+    ownerState: ownerState,
+    ...FabProps,
+    style: {
+      ...transitionStyle,
+      ...FabProps.style
+    },
     children: icon
-  }));
+  });
   if (tooltipOpenProp) {
-    return /*#__PURE__*/_jsxs(SpeedDialActionStaticTooltip, _extends({
+    return /*#__PURE__*/_jsxs(SpeedDialActionStaticTooltip, {
       id: id,
       ref: ref,
       className: classes.staticTooltip,
-      ownerState: ownerState
-    }, other, {
+      ownerState: ownerState,
+      ...other,
       children: [/*#__PURE__*/_jsx(SpeedDialActionStaticTooltipLabel, {
         style: transitionStyle,
         id: `${id}-label`,
@@ -191,12 +192,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, _extends({
+  return /*#__PURE__*/_jsx(Tooltip, {
     id: id,
     ref: ref,
     title: tooltipTitle,
@@ -204,10 +205,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/modern/SpeedDialIcon/SpeedDialIcon.js

@@ -1,8 +1,5 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["className", "icon", "open", "openIcon"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -97,11 +94,12 @@ const SpeedDialIcon = /*#__PURE__*/React.forwardRef(function SpeedDialIcon(inPro
     name: 'MuiSpeedDialIcon'
   });
   const {
-      className,
-      icon: iconProp,
-      openIcon: openIconProp
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    className,
+    icon: iconProp,
+    open,
+    openIcon: openIconProp,
+    ...other
+  } = props;
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   function formatIcon(icon, newClassName) {
@@ -112,15 +110,15 @@ const SpeedDialIcon = /*#__PURE__*/React.forwardRef(function SpeedDialIcon(inPro
     }
     return icon;
   }
-  return /*#__PURE__*/_jsxs(SpeedDialIconRoot, _extends({
+  return /*#__PURE__*/_jsxs(SpeedDialIconRoot, {
     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/modern/Step/Step.js

@@ -1,8 +1,5 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["active", "children", "className", "component", "completed", "disabled", "expanded", "index", "last"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -60,17 +57,17 @@ const Step = /*#__PURE__*/React.forwardRef(function Step(inProps, ref) {
     name: 'MuiStep'
   });
   const {
-      active: activeProp,
-      children,
-      className,
-      component = 'div',
-      completed: completedProp,
-      disabled: disabledProp,
-      expanded = false,
-      index,
-      last
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    active: activeProp,
+    children,
+    className,
+    component = 'div',
+    completed: completedProp,
+    disabled: disabledProp,
+    expanded = false,
+    index,
+    last,
+    ...other
+  } = props;
   const {
     activeStep,
     connector,
@@ -95,7 +92,8 @@ const Step = /*#__PURE__*/React.forwardRef(function Step(inProps, ref) {
     completed,
     disabled
   }), [index, last, expanded, active, completed, disabled]);
-  const ownerState = _extends({}, props, {
+  const ownerState = {
+    ...props,
     active,
     orientation,
     alternativeLabel,
@@ -103,16 +101,16 @@ const Step = /*#__PURE__*/React.forwardRef(function Step(inProps, ref) {
     disabled,
     expanded,
     component
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  const newChildren = /*#__PURE__*/_jsxs(StepRoot, _extends({
+  const newChildren = /*#__PURE__*/_jsxs(StepRoot, {
     as: component,
     className: clsx(classes.root, className),
     ref: ref,
-    ownerState: ownerState
-  }, other, {
+    ownerState: ownerState,
+    ...other,
     children: [connector && alternativeLabel && index !== 0 ? connector : null, children]
-  }));
+  });
   return /*#__PURE__*/_jsx(StepContext.Provider, {
     value: contextValue,
     children: connector && !alternativeLabel && index !== 0 ? /*#__PURE__*/_jsxs(React.Fragment, {

package/modern/StepButton/StepButton.js

@@ -1,8 +1,5 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["children", "className", "icon", "optional"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -63,12 +60,12 @@ const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, re
     name: 'MuiStepButton'
   });
   const {
-      children,
-      className,
-      icon,
-      optional
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    children,
+    className,
+    icon,
+    optional,
+    ...other
+  } = props;
   const {
     disabled,
     active
@@ -76,18 +73,20 @@ const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, re
   const {
     orientation
   } = React.useContext(StepperContext);
-  const ownerState = _extends({}, props, {
+  const ownerState = {
+    ...props,
     orientation
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const childProps = {
     icon,
     optional
   };
-  const child = isMuiElement(children, ['StepLabel']) ? ( /*#__PURE__*/React.cloneElement(children, childProps)) : /*#__PURE__*/_jsx(StepLabel, _extends({}, childProps, {
+  const child = isMuiElement(children, ['StepLabel']) ? ( /*#__PURE__*/React.cloneElement(children, childProps)) : /*#__PURE__*/_jsx(StepLabel, {
+    ...childProps,
     children: children
-  }));
-  return /*#__PURE__*/_jsx(StepButtonRoot, _extends({
+  });
+  return /*#__PURE__*/_jsx(StepButtonRoot, {
     focusRipple: true,
     disabled: disabled,
     TouchRippleProps: {
@@ -96,10 +95,10 @@ const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, re
     className: clsx(classes.root, className),
     ref: ref,
     ownerState: ownerState,
-    "aria-current": active ? 'step' : undefined
-  }, other, {
+    "aria-current": active ? 'step' : undefined,
+    ...other,
     children: child
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? StepButton.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/modern/StepConnector/StepConnector.js

@@ -1,8 +1,5 @@
 'use client';
 
-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';
@@ -101,9 +98,9 @@ const StepConnector = /*#__PURE__*/React.forwardRef(function StepConnector(inPro
     name: 'MuiStepConnector'
   });
   const {
-      className
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    className,
+    ...other
+  } = props;
   const {
     alternativeLabel,
     orientation = 'horizontal'
@@ -113,24 +110,25 @@ const StepConnector = /*#__PURE__*/React.forwardRef(function StepConnector(inPro
     disabled,
     completed
   } = React.useContext(StepContext);
-  const ownerState = _extends({}, props, {
+  const ownerState = {
+    ...props,
     alternativeLabel,
     orientation,
     active,
     completed,
     disabled
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(StepConnectorRoot, _extends({
+  return /*#__PURE__*/_jsx(StepConnectorRoot, {
     className: clsx(classes.root, className),
     ref: ref,
-    ownerState: ownerState
-  }, other, {
+    ownerState: ownerState,
+    ...other,
     children: /*#__PURE__*/_jsx(StepConnectorLine, {
       className: classes.line,
       ownerState: ownerState
     })
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? StepConnector.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/modern/StepContent/StepContent.js

@@ -1,8 +1,5 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["children", "className", "TransitionComponent", "transitionDuration", "TransitionProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -63,13 +60,13 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
     name: 'MuiStepContent'
   });
   const {
-      children,
-      className,
-      TransitionComponent = Collapse,
-      transitionDuration: transitionDurationProp = 'auto',
-      TransitionProps
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    children,
+    className,
+    TransitionComponent = Collapse,
+    transitionDuration: transitionDurationProp = 'auto',
+    TransitionProps,
+    ...other
+  } = props;
   const {
     orientation
   } = React.useContext(StepperContext);
@@ -78,9 +75,10 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
     last,
     expanded
   } = React.useContext(StepContext);
-  const ownerState = _extends({}, props, {
+  const ownerState = {
+    ...props,
     last
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   if (process.env.NODE_ENV !== 'production') {
     if (orientation !== 'vertical') {
@@ -91,22 +89,22 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
   if (transitionDurationProp === 'auto' && !TransitionComponent.muiSupportAuto) {
     transitionDuration = undefined;
   }
-  return /*#__PURE__*/_jsx(StepContentRoot, _extends({
+  return /*#__PURE__*/_jsx(StepContentRoot, {
     className: clsx(classes.root, className),
     ref: ref,
-    ownerState: ownerState
-  }, other, {
-    children: /*#__PURE__*/_jsx(StepContentTransition, _extends({
+    ownerState: ownerState,
+    ...other,
+    children: /*#__PURE__*/_jsx(StepContentTransition, {
       as: TransitionComponent,
       in: active || expanded,
       className: classes.transition,
       ownerState: ownerState,
       timeout: transitionDuration,
-      unmountOnExit: true
-    }, TransitionProps, {
+      unmountOnExit: true,
+      ...TransitionProps,
       children: children
-    }))
-  }));
+    })
+  });
 });
 process.env.NODE_ENV !== "production" ? StepContent.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐