@mui/material 5.13.1 → 5.13.2

package/StepIcon/stepIconClasses.d.ts

@@ -1,16 +1,16 @@
-export interface StepIconClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the SVG text element. */
-    text: string;
-    /** State class applied to the root element if `active={true}`. */
-    active: string;
-    /** State class applied to the root element if `completed={true}`. */
-    completed: string;
-    /** State class applied to the root element if `error={true}`. */
-    error: string;
-}
-export type StepIconClassKey = keyof StepIconClasses;
-export declare function getStepIconUtilityClass(slot: string): string;
-declare const stepIconClasses: StepIconClasses;
-export default stepIconClasses;
+export interface StepIconClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the SVG text element. */
+    text: string;
+    /** State class applied to the root element if `active={true}`. */
+    active: string;
+    /** State class applied to the root element if `completed={true}`. */
+    completed: string;
+    /** State class applied to the root element if `error={true}`. */
+    error: string;
+}
+export type StepIconClassKey = keyof StepIconClasses;
+export declare function getStepIconUtilityClass(slot: string): string;
+declare const stepIconClasses: StepIconClasses;
+export default stepIconClasses;

package/StepLabel/StepLabel.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["children", "className", "componentsProps", "error", "icon", "optional", "slotProps", "StepIconComponent", "StepIconProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -39,7 +42,7 @@ const StepLabelRoot = styled('span', {
   }
 })(({
   ownerState
-}) => ({
+}) => _extends({
   display: 'flex',
   alignItems: 'center',
   [`&.${stepLabelClasses.alternativeLabel}`]: {
@@ -47,11 +50,10 @@ const StepLabelRoot = styled('span', {
   },
   [`&.${stepLabelClasses.disabled}`]: {
     cursor: 'default'
-  },
-  ...(ownerState.orientation === 'vertical' && {
-    textAlign: 'left',
-    padding: '8px 0'
-  })
+  }
+}, ownerState.orientation === 'vertical' && {
+  textAlign: 'left',
+  padding: '8px 0'
 }));
 const StepLabelLabel = styled('span', {
   name: 'MuiStepLabel',
@@ -59,8 +61,7 @@ const StepLabelLabel = styled('span', {
   overridesResolver: (props, styles) => styles.label
 })(({
   theme
-}) => ({
-  ...theme.typography.body2,
+}) => _extends({}, theme.typography.body2, {
   display: 'block',
   transition: theme.transitions.create('color', {
     duration: theme.transitions.duration.shortest
@@ -113,17 +114,17 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
     name: 'MuiStepLabel'
   });
   const {
-    children,
-    className,
-    componentsProps = {},
-    error = false,
-    icon: iconProp,
-    optional,
-    slotProps = {},
-    StepIconComponent: StepIconComponentProp,
-    StepIconProps,
-    ...other
-  } = props;
+      children,
+      className,
+      componentsProps = {},
+      error = false,
+      icon: iconProp,
+      optional,
+      slotProps = {},
+      StepIconComponent: StepIconComponentProp,
+      StepIconProps
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     alternativeLabel,
     orientation
@@ -139,43 +140,41 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
   if (icon && !StepIconComponent) {
     StepIconComponent = StepIcon;
   }
-  const ownerState = {
-    ...props,
+  const ownerState = _extends({}, props, {
     active,
     alternativeLabel,
     completed,
     disabled,
     error,
     orientation
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   const labelSlotProps = (_slotProps$label = slotProps.label) != null ? _slotProps$label : componentsProps.label;
-  return /*#__PURE__*/_jsxs(StepLabelRoot, {
+  return /*#__PURE__*/_jsxs(StepLabelRoot, _extends({
     className: clsx(classes.root, className),
     ref: ref,
-    ownerState: ownerState,
-    ...other,
+    ownerState: ownerState
+  }, other, {
     children: [icon || StepIconComponent ? /*#__PURE__*/_jsx(StepLabelIconContainer, {
       className: classes.iconContainer,
       ownerState: ownerState,
-      children: /*#__PURE__*/_jsx(StepIconComponent, {
+      children: /*#__PURE__*/_jsx(StepIconComponent, _extends({
         completed: completed,
         active: active,
         error: error,
-        icon: icon,
-        ...StepIconProps
-      })
+        icon: icon
+      }, StepIconProps))
     }) : null, /*#__PURE__*/_jsxs(StepLabelLabelContainer, {
       className: classes.labelContainer,
       ownerState: ownerState,
-      children: [children ? /*#__PURE__*/_jsx(StepLabelLabel, {
-        ownerState: ownerState,
-        ...labelSlotProps,
+      children: [children ? /*#__PURE__*/_jsx(StepLabelLabel, _extends({
+        ownerState: ownerState
+      }, labelSlotProps, {
         className: clsx(classes.label, labelSlotProps == null ? void 0 : labelSlotProps.className),
         children: children
-      }) : null, optional]
+      })) : null, optional]
     })]
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? StepLabel.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/StepLabel/stepLabelClasses.d.ts

@@ -1,28 +1,28 @@
-export interface StepLabelClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `orientation="horizontal"`. */
-    horizontal: string;
-    /** Styles applied to the root element if `orientation="vertical"`. */
-    vertical: string;
-    /** Styles applied to the label element that wraps `children`. */
-    label: string;
-    /** State class applied to the label element if `active={true}`. */
-    active: string;
-    /** State class applied to the label element if `completed={true}`. */
-    completed: string;
-    /** State class applied to the root and label elements if `error={true}`. */
-    error: string;
-    /** State class applied to the root and label elements if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the `icon` container element. */
-    iconContainer: string;
-    /** State class applied to the root and icon container and label if `alternativeLabel={true}`. */
-    alternativeLabel: string;
-    /** Styles applied to the container element which wraps label and `optional`. */
-    labelContainer: string;
-}
-export type StepLabelClassKey = keyof StepLabelClasses;
-export declare function getStepLabelUtilityClass(slot: string): string;
-declare const stepLabelClasses: StepLabelClasses;
-export default stepLabelClasses;
+export interface StepLabelClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `orientation="horizontal"`. */
+    horizontal: string;
+    /** Styles applied to the root element if `orientation="vertical"`. */
+    vertical: string;
+    /** Styles applied to the label element that wraps `children`. */
+    label: string;
+    /** State class applied to the label element if `active={true}`. */
+    active: string;
+    /** State class applied to the label element if `completed={true}`. */
+    completed: string;
+    /** State class applied to the root and label elements if `error={true}`. */
+    error: string;
+    /** State class applied to the root and label elements if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the `icon` container element. */
+    iconContainer: string;
+    /** State class applied to the root and icon container and label if `alternativeLabel={true}`. */
+    alternativeLabel: string;
+    /** Styles applied to the container element which wraps label and `optional`. */
+    labelContainer: string;
+}
+export type StepLabelClassKey = keyof StepLabelClasses;
+export declare function getStepLabelUtilityClass(slot: string): string;
+declare const stepLabelClasses: StepLabelClasses;
+export default stepLabelClasses;

package/Stepper/Stepper.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["activeStep", "alternativeLabel", "children", "className", "component", "connector", "nonLinear", "orientation"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -31,18 +34,15 @@ const StepperRoot = styled('div', {
   }
 })(({
   ownerState
-}) => ({
-  display: 'flex',
-  ...(ownerState.orientation === 'horizontal' && {
-    flexDirection: 'row',
-    alignItems: 'center'
-  }),
-  ...(ownerState.orientation === 'vertical' && {
-    flexDirection: 'column'
-  }),
-  ...(ownerState.alternativeLabel && {
-    alignItems: 'flex-start'
-  })
+}) => _extends({
+  display: 'flex'
+}, ownerState.orientation === 'horizontal' && {
+  flexDirection: 'row',
+  alignItems: 'center'
+}, ownerState.orientation === 'vertical' && {
+  flexDirection: 'column'
+}, ownerState.alternativeLabel && {
+  alignItems: 'flex-start'
 }));
 const defaultConnector = /*#__PURE__*/_jsx(StepConnector, {});
 const Stepper = /*#__PURE__*/React.forwardRef(function Stepper(inProps, ref) {
@@ -51,30 +51,28 @@ const Stepper = /*#__PURE__*/React.forwardRef(function Stepper(inProps, ref) {
     name: 'MuiStepper'
   });
   const {
-    activeStep = 0,
-    alternativeLabel = false,
-    children,
-    className,
-    component = 'div',
-    connector = defaultConnector,
-    nonLinear = false,
-    orientation = 'horizontal',
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      activeStep = 0,
+      alternativeLabel = false,
+      children,
+      className,
+      component = 'div',
+      connector = defaultConnector,
+      nonLinear = false,
+      orientation = 'horizontal'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const ownerState = _extends({}, props, {
     alternativeLabel,
     orientation,
     component
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   const childrenArray = React.Children.toArray(children).filter(Boolean);
   const steps = childrenArray.map((step, index) => {
-    return /*#__PURE__*/React.cloneElement(step, {
+    return /*#__PURE__*/React.cloneElement(step, _extends({
       index,
-      last: index + 1 === childrenArray.length,
-      ...step.props
-    });
+      last: index + 1 === childrenArray.length
+    }, step.props));
   });
   const contextValue = React.useMemo(() => ({
     activeStep,
@@ -85,14 +83,14 @@ const Stepper = /*#__PURE__*/React.forwardRef(function Stepper(inProps, ref) {
   }), [activeStep, alternativeLabel, connector, nonLinear, orientation]);
   return /*#__PURE__*/_jsx(StepperContext.Provider, {
     value: contextValue,
-    children: /*#__PURE__*/_jsx(StepperRoot, {
+    children: /*#__PURE__*/_jsx(StepperRoot, _extends({
       as: component,
       ownerState: ownerState,
       className: clsx(classes.root, className),
-      ref: ref,
-      ...other,
+      ref: ref
+    }, other, {
       children: steps
-    })
+    }))
   });
 });
 process.env.NODE_ENV !== "production" ? Stepper.propTypes /* remove-proptypes */ = {

package/Stepper/StepperContext.d.ts

@@ -1,18 +1,18 @@
-import * as React from 'react';
-export interface StepperContextType {
-    activeStep: number;
-    alternativeLabel: boolean;
-    connector: React.ReactNode;
-    nonLinear: boolean;
-    orientation: 'horizontal' | 'vertical';
-}
-/**
- * Provides information about the current step in Stepper.
- */
-declare const StepperContext: React.Context<{} | StepperContextType>;
-/**
- * Returns the current StepperContext or an empty object if no StepperContext
- * has been defined in the component tree.
- */
-export declare function useStepperContext(): StepperContextType | {};
-export default StepperContext;
+import * as React from 'react';
+export interface StepperContextType {
+    activeStep: number;
+    alternativeLabel: boolean;
+    connector: React.ReactNode;
+    nonLinear: boolean;
+    orientation: 'horizontal' | 'vertical';
+}
+/**
+ * Provides information about the current step in Stepper.
+ */
+declare const StepperContext: React.Context<{} | StepperContextType>;
+/**
+ * Returns the current StepperContext or an empty object if no StepperContext
+ * has been defined in the component tree.
+ */
+export declare function useStepperContext(): StepperContextType | {};
+export default StepperContext;

package/Stepper/stepperClasses.d.ts

@@ -1,14 +1,14 @@
-export interface StepperClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `orientation="horizontal"`. */
-    horizontal: string;
-    /** Styles applied to the root element if `orientation="vertical"`. */
-    vertical: string;
-    /** Styles applied to the root element if `alternativeLabel={true}`. */
-    alternativeLabel: string;
-}
-export type StepperClassKey = keyof StepperClasses;
-export declare function getStepperUtilityClass(slot: string): string;
-declare const stepperClasses: StepperClasses;
-export default stepperClasses;
+export interface StepperClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `orientation="horizontal"`. */
+    horizontal: string;
+    /** Styles applied to the root element if `orientation="vertical"`. */
+    vertical: string;
+    /** Styles applied to the root element if `alternativeLabel={true}`. */
+    alternativeLabel: string;
+}
+export type StepperClassKey = keyof StepperClasses;
+export declare function getStepperUtilityClass(slot: string): string;
+declare const stepperClasses: StepperClasses;
+export default stepperClasses;

package/SvgIcon/SvgIcon.js

@@ -1,3 +1,6 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -63,46 +66,44 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
     name: 'MuiSvgIcon'
   });
   const {
-    children,
-    className,
-    color = 'inherit',
-    component = 'svg',
-    fontSize = 'medium',
-    htmlColor,
-    inheritViewBox = false,
-    titleAccess,
-    viewBox = '0 0 24 24',
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      children,
+      className,
+      color = 'inherit',
+      component = 'svg',
+      fontSize = 'medium',
+      htmlColor,
+      inheritViewBox = false,
+      titleAccess,
+      viewBox = '0 0 24 24'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const ownerState = _extends({}, props, {
     color,
     component,
     fontSize,
     instanceFontSize: inProps.fontSize,
     inheritViewBox,
     viewBox
-  };
+  });
   const more = {};
   if (!inheritViewBox) {
     more.viewBox = viewBox;
   }
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(SvgIconRoot, {
+  return /*#__PURE__*/_jsxs(SvgIconRoot, _extends({
     as: component,
     className: clsx(classes.root, className),
     focusable: "false",
     color: htmlColor,
     "aria-hidden": titleAccess ? undefined : true,
     role: titleAccess ? 'img' : undefined,
-    ref: ref,
-    ...more,
-    ...other,
+    ref: ref
+  }, more, other, {
     ownerState: ownerState,
     children: [children, titleAccess ? /*#__PURE__*/_jsx("title", {
       children: titleAccess
     }) : null]
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? SvgIcon.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/SvgIcon/svgIconClasses.d.ts

@@ -1,26 +1,26 @@
-export interface SvgIconClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `color="primary"`. */
-    colorPrimary: string;
-    /** Styles applied to the root element if `color="secondary"`. */
-    colorSecondary: string;
-    /** Styles applied to the root element if `color="action"`. */
-    colorAction: string;
-    /** Styles applied to the root element if `color="error"`. */
-    colorError: string;
-    /** Styles applied to the root element if `color="disabled"`. */
-    colorDisabled: string;
-    /** Styles applied to the root element if `fontSize="inherit"`. */
-    fontSizeInherit: string;
-    /** Styles applied to the root element if `fontSize="small"`. */
-    fontSizeSmall: string;
-    /** Styles applied to the root element if `fontSize="medium"`. */
-    fontSizeMedium: string;
-    /** Styles applied to the root element if `fontSize="large"`. */
-    fontSizeLarge: string;
-}
-export type SvgIconClassKey = keyof SvgIconClasses;
-export declare function getSvgIconUtilityClass(slot: string): string;
-declare const svgIconClasses: SvgIconClasses;
-export default svgIconClasses;
+export interface SvgIconClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `color="primary"`. */
+    colorPrimary: string;
+    /** Styles applied to the root element if `color="secondary"`. */
+    colorSecondary: string;
+    /** Styles applied to the root element if `color="action"`. */
+    colorAction: string;
+    /** Styles applied to the root element if `color="error"`. */
+    colorError: string;
+    /** Styles applied to the root element if `color="disabled"`. */
+    colorDisabled: string;
+    /** Styles applied to the root element if `fontSize="inherit"`. */
+    fontSizeInherit: string;
+    /** Styles applied to the root element if `fontSize="small"`. */
+    fontSizeSmall: string;
+    /** Styles applied to the root element if `fontSize="medium"`. */
+    fontSizeMedium: string;
+    /** Styles applied to the root element if `fontSize="large"`. */
+    fontSizeLarge: string;
+}
+export type SvgIconClassKey = keyof SvgIconClasses;
+export declare function getSvgIconUtilityClass(slot: string): string;
+declare const svgIconClasses: SvgIconClasses;
+export default svgIconClasses;

package/SwipeableDrawer/SwipeArea.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["anchor", "classes", "className", "width", "style"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -8,28 +11,24 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const SwipeAreaRoot = styled('div')(({
   theme,
   ownerState
-}) => ({
+}) => _extends({
   position: 'fixed',
   top: 0,
   left: 0,
   bottom: 0,
-  zIndex: theme.zIndex.drawer - 1,
-  ...(ownerState.anchor === 'left' && {
-    right: 'auto'
-  }),
-  ...(ownerState.anchor === 'right' && {
-    left: 'auto',
-    right: 0
-  }),
-  ...(ownerState.anchor === 'top' && {
-    bottom: 'auto',
-    right: 0
-  }),
-  ...(ownerState.anchor === 'bottom' && {
-    top: 'auto',
-    bottom: 0,
-    right: 0
-  })
+  zIndex: theme.zIndex.drawer - 1
+}, ownerState.anchor === 'left' && {
+  right: 'auto'
+}, ownerState.anchor === 'right' && {
+  left: 'auto',
+  right: 0
+}, ownerState.anchor === 'top' && {
+  bottom: 'auto',
+  right: 0
+}, ownerState.anchor === 'bottom' && {
+  top: 'auto',
+  bottom: 0,
+  right: 0
 }));
 
 /**
@@ -37,24 +36,22 @@ const SwipeAreaRoot = styled('div')(({
  */
 const SwipeArea = /*#__PURE__*/React.forwardRef(function SwipeArea(props, ref) {
   const {
-    anchor,
-    classes = {},
-    className,
-    width,
-    style,
-    ...other
-  } = props;
+      anchor,
+      classes = {},
+      className,
+      width,
+      style
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = props;
-  return /*#__PURE__*/_jsx(SwipeAreaRoot, {
+  return /*#__PURE__*/_jsx(SwipeAreaRoot, _extends({
     className: clsx('PrivateSwipeArea-root', classes.root, classes[`anchor${capitalize(anchor)}`], className),
     ref: ref,
-    style: {
-      [isHorizontal(anchor) ? 'width' : 'height']: width,
-      ...style
-    },
-    ownerState: ownerState,
-    ...other
-  });
+    style: _extends({
+      [isHorizontal(anchor) ? 'width' : 'height']: width
+    }, style),
+    ownerState: ownerState
+  }, other));
 });
 process.env.NODE_ENV !== "production" ? SwipeArea.propTypes = {
   /**