@mui/material 5.13.1 → 5.13.2

package/CircularProgress/CircularProgress.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["className", "color", "disableShrink", "size", "style", "thickness", "value", "variant"];
 let _ = t => t,
   _t,
   _t2,
@@ -66,14 +69,12 @@ const CircularProgressRoot = styled('span', {
 })(({
   ownerState,
   theme
-}) => ({
-  display: 'inline-block',
-  ...(ownerState.variant === 'determinate' && {
-    transition: theme.transitions.create('transform')
-  }),
-  ...(ownerState.color !== 'inherit' && {
-    color: (theme.vars || theme).palette[ownerState.color].main
-  })
+}) => _extends({
+  display: 'inline-block'
+}, ownerState.variant === 'determinate' && {
+  transition: theme.transitions.create('transform')
+}, ownerState.color !== 'inherit' && {
+  color: (theme.vars || theme).palette[ownerState.color].main
 }), ({
   ownerState
 }) => ownerState.variant === 'indeterminate' && css(_t3 || (_t3 = _`
@@ -99,18 +100,14 @@ const CircularProgressCircle = styled('circle', {
 })(({
   ownerState,
   theme
-}) => ({
-  stroke: 'currentColor',
-  // Use butt to follow the specification, by chance, it's already the default CSS value.
-  // strokeLinecap: 'butt',
-  ...(ownerState.variant === 'determinate' && {
-    transition: theme.transitions.create('stroke-dashoffset')
-  }),
-  ...(ownerState.variant === 'indeterminate' && {
-    // Some default value that looks fine waiting for the animation to kicks in.
-    strokeDasharray: '80px, 200px',
-    strokeDashoffset: 0 // Add the unit to fix a Edge 16 and below bug.
-  })
+}) => _extends({
+  stroke: 'currentColor'
+}, ownerState.variant === 'determinate' && {
+  transition: theme.transitions.create('stroke-dashoffset')
+}, ownerState.variant === 'indeterminate' && {
+  // Some default value that looks fine waiting for the animation to kicks in.
+  strokeDasharray: '80px, 200px',
+  strokeDashoffset: 0 // Add the unit to fix a Edge 16 and below bug.
 }), ({
   ownerState
 }) => ownerState.variant === 'indeterminate' && !ownerState.disableShrink && css(_t4 || (_t4 = _`
@@ -130,25 +127,24 @@ const CircularProgress = /*#__PURE__*/React.forwardRef(function CircularProgress
     name: 'MuiCircularProgress'
   });
   const {
-    className,
-    color = 'primary',
-    disableShrink = false,
-    size = 40,
-    style,
-    thickness = 3.6,
-    value = 0,
-    variant = 'indeterminate',
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      className,
+      color = 'primary',
+      disableShrink = false,
+      size = 40,
+      style,
+      thickness = 3.6,
+      value = 0,
+      variant = 'indeterminate'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const ownerState = _extends({}, props, {
     color,
     disableShrink,
     size,
     thickness,
     value,
     variant
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   const circleStyle = {};
   const rootStyle = {};
@@ -160,19 +156,16 @@ const CircularProgress = /*#__PURE__*/React.forwardRef(function CircularProgress
     circleStyle.strokeDashoffset = `${((100 - value) / 100 * circumference).toFixed(3)}px`;
     rootStyle.transform = 'rotate(-90deg)';
   }
-  return /*#__PURE__*/_jsx(CircularProgressRoot, {
+  return /*#__PURE__*/_jsx(CircularProgressRoot, _extends({
     className: clsx(classes.root, className),
-    style: {
+    style: _extends({
       width: size,
-      height: size,
-      ...rootStyle,
-      ...style
-    },
+      height: size
+    }, rootStyle, style),
     ownerState: ownerState,
     ref: ref,
-    role: "progressbar",
-    ...rootProps,
-    ...other,
+    role: "progressbar"
+  }, rootProps, other, {
     children: /*#__PURE__*/_jsx(CircularProgressSVG, {
       className: classes.svg,
       ownerState: ownerState,
@@ -188,7 +181,7 @@ const CircularProgress = /*#__PURE__*/React.forwardRef(function CircularProgress
         strokeWidth: thickness
       })
     })
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? CircularProgress.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/CircularProgress/circularProgressClasses.d.ts

@@ -1,26 +1,26 @@
-export interface CircularProgressClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `variant="determinate"`. */
-    determinate: string;
-    /** Styles applied to the root element if `variant="indeterminate"`. */
-    indeterminate: 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 svg element. */
-    svg: string;
-    /** Styles applied to the `circle` svg path. */
-    circle: string;
-    /** Styles applied to the `circle` svg path if `variant="determinate"`. */
-    circleDeterminate: string;
-    /** Styles applied to the `circle` svg path if `variant="indeterminate"`. */
-    circleIndeterminate: string;
-    /** Styles applied to the `circle` svg path if `disableShrink={true}`. */
-    circleDisableShrink: string;
-}
-export type CircularProgressClassKey = keyof CircularProgressClasses;
-export declare function getCircularProgressUtilityClass(slot: string): string;
-declare const circularProgressClasses: CircularProgressClasses;
-export default circularProgressClasses;
+export interface CircularProgressClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `variant="determinate"`. */
+    determinate: string;
+    /** Styles applied to the root element if `variant="indeterminate"`. */
+    indeterminate: 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 svg element. */
+    svg: string;
+    /** Styles applied to the `circle` svg path. */
+    circle: string;
+    /** Styles applied to the `circle` svg path if `variant="determinate"`. */
+    circleDeterminate: string;
+    /** Styles applied to the `circle` svg path if `variant="indeterminate"`. */
+    circleIndeterminate: string;
+    /** Styles applied to the `circle` svg path if `disableShrink={true}`. */
+    circleDisableShrink: string;
+}
+export type CircularProgressClassKey = keyof CircularProgressClasses;
+export declare function getCircularProgressUtilityClass(slot: string): string;
+declare const circularProgressClasses: CircularProgressClasses;
+export default circularProgressClasses;

package/ClickAwayListener/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from '@mui/base/ClickAwayListener';
-export * from '@mui/base/ClickAwayListener';
+export { default } from '@mui/base/ClickAwayListener';
+export * from '@mui/base/ClickAwayListener';

package/Collapse/Collapse.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["addEndListener", "children", "className", "collapsedSize", "component", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "orientation", "style", "timeout", "TransitionComponent"];
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -38,25 +41,21 @@ const CollapseRoot = styled('div', {
 })(({
   theme,
   ownerState
-}) => ({
+}) => _extends({
   height: 0,
   overflow: 'hidden',
-  transition: theme.transitions.create('height'),
-  ...(ownerState.orientation === 'horizontal' && {
-    height: 'auto',
-    width: 0,
-    transition: theme.transitions.create('width')
-  }),
-  ...(ownerState.state === 'entered' && {
-    height: 'auto',
-    overflow: 'visible',
-    ...(ownerState.orientation === 'horizontal' && {
-      width: 'auto'
-    })
-  }),
-  ...(ownerState.state === 'exited' && !ownerState.in && ownerState.collapsedSize === '0px' && {
-    visibility: 'hidden'
-  })
+  transition: theme.transitions.create('height')
+}, ownerState.orientation === 'horizontal' && {
+  height: 'auto',
+  width: 0,
+  transition: theme.transitions.create('width')
+}, ownerState.state === 'entered' && _extends({
+  height: 'auto',
+  overflow: 'visible'
+}, ownerState.orientation === 'horizontal' && {
+  width: 'auto'
+}), ownerState.state === 'exited' && !ownerState.in && ownerState.collapsedSize === '0px' && {
+  visibility: 'hidden'
 }));
 const CollapseWrapper = styled('div', {
   name: 'MuiCollapse',
@@ -64,14 +63,13 @@ const CollapseWrapper = styled('div', {
   overridesResolver: (props, styles) => styles.wrapper
 })(({
   ownerState
-}) => ({
+}) => _extends({
   // Hack to get children with a negative margin to not falsify the height computation.
   display: 'flex',
-  width: '100%',
-  ...(ownerState.orientation === 'horizontal' && {
-    width: 'auto',
-    height: '100%'
-  })
+  width: '100%'
+}, ownerState.orientation === 'horizontal' && {
+  width: 'auto',
+  height: '100%'
 }));
 const CollapseWrapperInner = styled('div', {
   name: 'MuiCollapse',
@@ -79,12 +77,11 @@ const CollapseWrapperInner = styled('div', {
   overridesResolver: (props, styles) => styles.wrapperInner
 })(({
   ownerState
-}) => ({
-  width: '100%',
-  ...(ownerState.orientation === 'horizontal' && {
-    width: 'auto',
-    height: '100%'
-  })
+}) => _extends({
+  width: '100%'
+}, ownerState.orientation === 'horizontal' && {
+  width: 'auto',
+  height: '100%'
 }));
 
 /**
@@ -98,31 +95,30 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
     name: 'MuiCollapse'
   });
   const {
-    addEndListener,
-    children,
-    className,
-    collapsedSize: collapsedSizeProp = '0px',
-    component,
-    easing,
-    in: inProp,
-    onEnter,
-    onEntered,
-    onEntering,
-    onExit,
-    onExited,
-    onExiting,
-    orientation = 'vertical',
-    style,
-    timeout = duration.standard,
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent = Transition,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      addEndListener,
+      children,
+      className,
+      collapsedSize: collapsedSizeProp = '0px',
+      component,
+      easing,
+      in: inProp,
+      onEnter,
+      onEntered,
+      onEntering,
+      onExit,
+      onExited,
+      onExiting,
+      orientation = 'vertical',
+      style,
+      timeout = duration.standard,
+      // eslint-disable-next-line react/prop-types
+      TransitionComponent = Transition
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const ownerState = _extends({}, props, {
     orientation,
     collapsedSize: collapsedSizeProp
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   const theme = useTheme();
   const timer = React.useRef();
@@ -239,7 +235,7 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
       addEndListener(nodeRef.current, next);
     }
   };
-  return /*#__PURE__*/_jsx(TransitionComponent, {
+  return /*#__PURE__*/_jsx(TransitionComponent, _extends({
     in: inProp,
     onEnter: handleEnter,
     onEntered: handleEntered,
@@ -249,42 +245,38 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
     onExiting: handleExiting,
     addEndListener: handleAddEndListener,
     nodeRef: nodeRef,
-    timeout: timeout === 'auto' ? null : timeout,
-    ...other,
-    children: (state, childProps) => /*#__PURE__*/_jsx(CollapseRoot, {
+    timeout: timeout === 'auto' ? null : timeout
+  }, other, {
+    children: (state, childProps) => /*#__PURE__*/_jsx(CollapseRoot, _extends({
       as: component,
       className: clsx(classes.root, className, {
         'entered': classes.entered,
         'exited': !inProp && collapsedSize === '0px' && classes.hidden
       }[state]),
-      style: {
-        [isHorizontal ? 'minWidth' : 'minHeight']: collapsedSize,
-        ...style
-      },
-      ownerState: {
-        ...ownerState,
+      style: _extends({
+        [isHorizontal ? 'minWidth' : 'minHeight']: collapsedSize
+      }, style),
+      ownerState: _extends({}, ownerState, {
         state
-      },
-      ref: handleRef,
-      ...childProps,
+      }),
+      ref: handleRef
+    }, childProps, {
       children: /*#__PURE__*/_jsx(CollapseWrapper, {
-        ownerState: {
-          ...ownerState,
+        ownerState: _extends({}, ownerState, {
           state
-        },
+        }),
         className: classes.wrapper,
         ref: wrapperRef,
         children: /*#__PURE__*/_jsx(CollapseWrapperInner, {
-          ownerState: {
-            ...ownerState,
+          ownerState: _extends({}, ownerState, {
             state
-          },
+          }),
           className: classes.wrapperInner,
           children: children
         })
       })
-    })
-  });
+    }))
+  }));
 });
 process.env.NODE_ENV !== "production" ? Collapse.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/Collapse/collapseClasses.d.ts

@@ -1,18 +1,18 @@
-export interface CollapseClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** State class applied to the root element if `orientation="horizontal"`. */
-    horizontal: string;
-    /** Styles applied to the root element when the transition has entered. */
-    entered: string;
-    /** Styles applied to the root element when the transition has exited and `collapsedSize` = 0px. */
-    hidden: string;
-    /** Styles applied to the outer wrapper element. */
-    wrapper: string;
-    /** Styles applied to the inner wrapper element. */
-    wrapperInner: string;
-}
-export type CollapseClassKey = keyof CollapseClasses;
-export declare function getCollapseUtilityClass(slot: string): string;
-declare const collapseClasses: CollapseClasses;
-export default collapseClasses;
+export interface CollapseClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** State class applied to the root element if `orientation="horizontal"`. */
+    horizontal: string;
+    /** Styles applied to the root element when the transition has entered. */
+    entered: string;
+    /** Styles applied to the root element when the transition has exited and `collapsedSize` = 0px. */
+    hidden: string;
+    /** Styles applied to the outer wrapper element. */
+    wrapper: string;
+    /** Styles applied to the inner wrapper element. */
+    wrapperInner: string;
+}
+export type CollapseClassKey = keyof CollapseClasses;
+export declare function getCollapseUtilityClass(slot: string): string;
+declare const collapseClasses: CollapseClasses;
+export default collapseClasses;

package/Container/containerClasses.d.ts

@@ -1,6 +1,6 @@
-import { ContainerClasses } from '@mui/system';
-export type { ContainerClassKey } from '@mui/system';
-export type { ContainerClasses };
-export declare function getContainerUtilityClass(slot: string): string;
-declare const containerClasses: ContainerClasses;
-export default containerClasses;
+import { ContainerClasses } from '@mui/system';
+export type { ContainerClassKey } from '@mui/system';
+export type { ContainerClasses };
+export declare function getContainerUtilityClass(slot: string): string;
+declare const containerClasses: ContainerClasses;
+export default containerClasses;

package/CssBaseline/CssBaseline.js

@@ -1,10 +1,11 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import useThemeProps from '../styles/useThemeProps';
 import GlobalStyles from '../GlobalStyles';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export const html = (theme, enableColorScheme) => ({
+export const html = (theme, enableColorScheme) => _extends({
   WebkitFontSmoothing: 'antialiased',
   // Antialiasing.
   MozOsxFontSmoothing: 'grayscale',
@@ -13,15 +14,13 @@ export const html = (theme, enableColorScheme) => ({
   // is not affected by `padding` or `border`.
   boxSizing: 'border-box',
   // Fix font resize problem in iOS
-  WebkitTextSizeAdjust: '100%',
-  // When used under CssVarsProvider, colorScheme should not be applied dynamically because it will generate the stylesheet twice for server-rendered applications.
-  ...(enableColorScheme && !theme.vars && {
-    colorScheme: theme.palette.mode
-  })
+  WebkitTextSizeAdjust: '100%'
+}, enableColorScheme && !theme.vars && {
+  colorScheme: theme.palette.mode
 });
-export const body = theme => ({
-  color: (theme.vars || theme).palette.text.primary,
-  ...theme.typography.body1,
+export const body = theme => _extends({
+  color: (theme.vars || theme).palette.text.primary
+}, theme.typography.body1, {
   backgroundColor: (theme.vars || theme).palette.background.default,
   '@media print': {
     // Save printer ink.
@@ -39,7 +38,7 @@ export const styles = (theme, enableColorScheme = false) => {
       };
     });
   }
-  let defaultStyles = {
+  let defaultStyles = _extends({
     html: html(theme, enableColorScheme),
     '*, *::before, *::after': {
       boxSizing: 'inherit'
@@ -47,18 +46,16 @@ export const styles = (theme, enableColorScheme = false) => {
     'strong, b': {
       fontWeight: theme.typography.fontWeightBold
     },
-    body: {
-      margin: 0,
-      // Remove the margin in all browsers.
-      ...body(theme),
+    body: _extends({
+      margin: 0
+    }, body(theme), {
       // Add support for document.body.requestFullScreen().
       // Other elements, if background transparent, are not supported.
       '&::backdrop': {
         backgroundColor: (theme.vars || theme).palette.background.default
       }
-    },
-    ...colorSchemeStyles
-  };
+    })
+  }, colorSchemeStyles);
   const themeOverrides = (_theme$components = theme.components) == null ? void 0 : (_theme$components$Mui = _theme$components.MuiCssBaseline) == null ? void 0 : _theme$components$Mui.styleOverrides;
   if (themeOverrides) {
     defaultStyles = [defaultStyles, themeOverrides];