@mui/material 5.13.1 → 5.13.2

package/Slider/SliderValueLabel.d.ts

@@ -1,15 +1,15 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { SliderValueLabelProps } from './SliderValueLabel.types';
-/**
- * @ignore - internal component.
- */
-declare function SliderValueLabel(props: SliderValueLabelProps): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
-declare namespace SliderValueLabel {
-    var propTypes: {
-        children: PropTypes.Validator<PropTypes.ReactElementLike>;
-        className: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
-}
-export default SliderValueLabel;
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { SliderValueLabelProps } from './SliderValueLabel.types';
+/**
+ * @ignore - internal component.
+ */
+declare function SliderValueLabel(props: SliderValueLabelProps): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+declare namespace SliderValueLabel {
+    var propTypes: {
+        children: PropTypes.Validator<PropTypes.ReactElementLike>;
+        className: PropTypes.Requireable<string>;
+        value: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+}
+export default SliderValueLabel;

package/Slider/SliderValueLabel.types.d.ts

@@ -1,24 +1,24 @@
-/// <reference types="react" />
-export interface SliderValueLabelProps {
-    children?: React.ReactElement;
-    className?: string;
-    style?: React.CSSProperties;
-    /**
-     * If `true`, the value label is visible.
-     */
-    open: boolean;
-    /**
-     * The value of the slider.
-     * For ranged sliders, provide an array with two values.
-     */
-    value: number;
-    /**
-     * Controls when the value label is displayed:
-     *
-     * - `auto` the value label will display when the thumb is hovered or focused.
-     * - `on` will display persistently.
-     * - `off` will never display.
-     * @default 'off'
-     */
-    valueLabelDisplay?: 'on' | 'auto' | 'off';
-}
+/// <reference types="react" />
+export interface SliderValueLabelProps {
+    children?: React.ReactElement;
+    className?: string;
+    style?: React.CSSProperties;
+    /**
+     * If `true`, the value label is visible.
+     */
+    open: boolean;
+    /**
+     * The value of the slider.
+     * For ranged sliders, provide an array with two values.
+     */
+    value: number;
+    /**
+     * Controls when the value label is displayed:
+     *
+     * - `auto` the value label will display when the thumb is hovered or focused.
+     * - `on` will display persistently.
+     * - `off` will never display.
+     * @default 'off'
+     */
+    valueLabelDisplay?: 'on' | 'auto' | 'off';
+}

package/Slider/sliderClasses.d.ts

@@ -1,58 +1,58 @@
-export interface SliderClasses {
-    /** 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 `marks` is provided with at least one label. */
-    marked: string;
-    /** Styles applied to the root element if `orientation="vertical"`. */
-    vertical: string;
-    /** State class applied to the root and thumb element if `disabled={true}`. */
-    disabled: string;
-    /** State class applied to the root if a thumb is being dragged. */
-    dragging: string;
-    /** Styles applied to the rail element. */
-    rail: string;
-    /** Styles applied to the track element. */
-    track: string;
-    /** Styles applied to the root element if `track={false}`. */
-    trackFalse: string;
-    /** Styles applied to the root element if `track="inverted"`. */
-    trackInverted: string;
-    /** Styles applied to the thumb element. */
-    thumb: string;
-    /** State class applied to the thumb element if it's active. */
-    active: string;
-    /** State class applied to the thumb element if keyboard focused. */
-    focusVisible: string;
-    /** Styles applied to the mark element. */
-    mark: string;
-    /** Styles applied to the mark element if active (depending on the value). */
-    markActive: string;
-    /** Styles applied to the mark label element. */
-    markLabel: string;
-    /** Styles applied to the mark label element if active (depending on the value). */
-    markLabelActive: string;
-    /** Styles applied to the root element if `size="small"`. */
-    sizeSmall: string;
-    /** Styles applied to the thumb element if `color="primary"`. */
-    thumbColorPrimary: string;
-    /** Styles applied to the thumb element if `color="secondary"`. */
-    thumbColorSecondary: string;
-    /** Styles applied to the thumb element if `size="small"`. */
-    thumbSizeSmall: string;
-    /** Styles applied to the thumb label element. */
-    valueLabel: string;
-    /** Styles applied to the thumb label element if it's open. */
-    valueLabelOpen: string;
-    /** Styles applied to the thumb label's circle element. */
-    valueLabelCircle: string;
-    /** Styles applied to the thumb label's label element. */
-    valueLabelLabel: string;
-}
-export type SliderClassKey = keyof SliderClasses;
-export declare function getSliderUtilityClass(slot: string): string;
-declare const sliderClasses: SliderClasses;
-export default sliderClasses;
+export interface SliderClasses {
+    /** 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 `marks` is provided with at least one label. */
+    marked: string;
+    /** Styles applied to the root element if `orientation="vertical"`. */
+    vertical: string;
+    /** State class applied to the root and thumb element if `disabled={true}`. */
+    disabled: string;
+    /** State class applied to the root if a thumb is being dragged. */
+    dragging: string;
+    /** Styles applied to the rail element. */
+    rail: string;
+    /** Styles applied to the track element. */
+    track: string;
+    /** Styles applied to the root element if `track={false}`. */
+    trackFalse: string;
+    /** Styles applied to the root element if `track="inverted"`. */
+    trackInverted: string;
+    /** Styles applied to the thumb element. */
+    thumb: string;
+    /** State class applied to the thumb element if it's active. */
+    active: string;
+    /** State class applied to the thumb element if keyboard focused. */
+    focusVisible: string;
+    /** Styles applied to the mark element. */
+    mark: string;
+    /** Styles applied to the mark element if active (depending on the value). */
+    markActive: string;
+    /** Styles applied to the mark label element. */
+    markLabel: string;
+    /** Styles applied to the mark label element if active (depending on the value). */
+    markLabelActive: string;
+    /** Styles applied to the root element if `size="small"`. */
+    sizeSmall: string;
+    /** Styles applied to the thumb element if `color="primary"`. */
+    thumbColorPrimary: string;
+    /** Styles applied to the thumb element if `color="secondary"`. */
+    thumbColorSecondary: string;
+    /** Styles applied to the thumb element if `size="small"`. */
+    thumbSizeSmall: string;
+    /** Styles applied to the thumb label element. */
+    valueLabel: string;
+    /** Styles applied to the thumb label element if it's open. */
+    valueLabelOpen: string;
+    /** Styles applied to the thumb label's circle element. */
+    valueLabelCircle: string;
+    /** Styles applied to the thumb label's label element. */
+    valueLabelLabel: string;
+}
+export type SliderClassKey = keyof SliderClasses;
+export declare function getSliderUtilityClass(slot: string): string;
+declare const sliderClasses: SliderClasses;
+export default sliderClasses;

package/Snackbar/Snackbar.js

@@ -1,3 +1,7 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["onEnter", "onExited"],
+  _excluded2 = ["action", "anchorOrigin", "autoHideDuration", "children", "className", "ClickAwayListenerProps", "ContentProps", "disableWindowBlurListener", "message", "onBlur", "onClose", "onFocus", "onMouseEnter", "onMouseLeave", "open", "resumeHideDuration", "TransitionComponent", "transitionDuration", "TransitionProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { unstable_composeClasses as composeClasses, useSlotProps } from '@mui/base';
@@ -39,42 +43,35 @@ const SnackbarRoot = styled('div', {
     right: 'auto',
     transform: 'translateX(-50%)'
   };
-  return {
+  return _extends({
     zIndex: (theme.vars || theme).zIndex.snackbar,
     position: 'fixed',
     display: 'flex',
     left: 8,
     right: 8,
     justifyContent: 'center',
-    alignItems: 'center',
-    ...(ownerState.anchorOrigin.vertical === 'top' ? {
-      top: 8
+    alignItems: 'center'
+  }, ownerState.anchorOrigin.vertical === 'top' ? {
+    top: 8
+  } : {
+    bottom: 8
+  }, ownerState.anchorOrigin.horizontal === 'left' && {
+    justifyContent: 'flex-start'
+  }, ownerState.anchorOrigin.horizontal === 'right' && {
+    justifyContent: 'flex-end'
+  }, {
+    [theme.breakpoints.up('sm')]: _extends({}, ownerState.anchorOrigin.vertical === 'top' ? {
+      top: 24
     } : {
-      bottom: 8
-    }),
-    ...(ownerState.anchorOrigin.horizontal === 'left' && {
-      justifyContent: 'flex-start'
-    }),
-    ...(ownerState.anchorOrigin.horizontal === 'right' && {
-      justifyContent: 'flex-end'
-    }),
-    [theme.breakpoints.up('sm')]: {
-      ...(ownerState.anchorOrigin.vertical === 'top' ? {
-        top: 24
-      } : {
-        bottom: 24
-      }),
-      ...(ownerState.anchorOrigin.horizontal === 'center' && center),
-      ...(ownerState.anchorOrigin.horizontal === 'left' && {
-        left: 24,
-        right: 'auto'
-      }),
-      ...(ownerState.anchorOrigin.horizontal === 'right' && {
-        right: 24,
-        left: 'auto'
-      })
-    }
-  };
+      bottom: 24
+    }, ownerState.anchorOrigin.horizontal === 'center' && center, ownerState.anchorOrigin.horizontal === 'left' && {
+      left: 24,
+      right: 'auto'
+    }, ownerState.anchorOrigin.horizontal === 'right' && {
+      right: 24,
+      left: 'auto'
+    })
+  });
 });
 const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
   const props = useThemeProps({
@@ -87,39 +84,32 @@ 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,
-    onBlur,
-    onClose,
-    onFocus,
-    onMouseEnter,
-    onMouseLeave,
-    open,
-    resumeHideDuration,
-    TransitionComponent = Grow,
-    transitionDuration = defaultTransitionDuration,
-    TransitionProps: {
-      onEnter,
-      onExited,
-      ...TransitionProps
-    } = {},
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      action,
+      anchorOrigin: {
+        vertical,
+        horizontal
+      } = {
+        vertical: 'bottom',
+        horizontal: 'left'
+      },
+      autoHideDuration = null,
+      children,
+      className,
+      ClickAwayListenerProps,
+      ContentProps,
+      disableWindowBlurListener = false,
+      message,
+      open,
+      TransitionComponent = Grow,
+      transitionDuration = defaultTransitionDuration,
+      TransitionProps: {
+        onEnter,
+        onExited
+      } = {}
+    } = props,
+    TransitionProps = _objectWithoutPropertiesLoose(props.TransitionProps, _excluded),
+    other = _objectWithoutPropertiesLoose(props, _excluded2);
+  const ownerState = _extends({}, props, {
     anchorOrigin: {
       vertical,
       horizontal
@@ -128,14 +118,12 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     disableWindowBlurListener,
     TransitionComponent,
     transitionDuration
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   const {
     getRootProps,
     onClickAway
-  } = useSnackbar({
-    ...ownerState
-  });
+  } = useSnackbar(_extends({}, ownerState));
   const [exited, setExited] = React.useState(true);
   const rootProps = useSlotProps({
     elementType: SnackbarRoot,
@@ -164,27 +152,25 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
   if (!open && exited) {
     return null;
   }
-  return /*#__PURE__*/_jsx(ClickAwayListener, {
-    onClickAway: onClickAway,
-    ...ClickAwayListenerProps,
-    children: /*#__PURE__*/_jsx(SnackbarRoot, {
-      ...rootProps,
-      children: /*#__PURE__*/_jsx(TransitionComponent, {
+  return /*#__PURE__*/_jsx(ClickAwayListener, _extends({
+    onClickAway: onClickAway
+  }, ClickAwayListenerProps, {
+    children: /*#__PURE__*/_jsx(SnackbarRoot, _extends({}, rootProps, {
+      children: /*#__PURE__*/_jsx(TransitionComponent, _extends({
         appear: true,
         in: open,
         timeout: transitionDuration,
         direction: vertical === 'top' ? 'down' : 'up',
         onEnter: handleEnter,
-        onExited: handleExited,
-        ...TransitionProps,
-        children: children || /*#__PURE__*/_jsx(SnackbarContent, {
+        onExited: handleExited
+      }, TransitionProps, {
+        children: children || /*#__PURE__*/_jsx(SnackbarContent, _extends({
           message: message,
-          action: action,
-          ...ContentProps
-        })
-      })
-    })
-  });
+          action: action
+        }, ContentProps))
+      }))
+    }))
+  }));
 });
 process.env.NODE_ENV !== "production" ? Snackbar.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/Snackbar/snackbarClasses.d.ts

@@ -1,20 +1,20 @@
-export interface SnackbarClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'center' }}`. */
-    anchorOriginTopCenter: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'center' }}`. */
-    anchorOriginBottomCenter: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'right' }}`. */
-    anchorOriginTopRight: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'right' }}`. */
-    anchorOriginBottomRight: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'left' }}`. */
-    anchorOriginTopLeft: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'left' }}`. */
-    anchorOriginBottomLeft: string;
-}
-export type SnackbarClassKey = keyof SnackbarClasses;
-export declare function getSnackbarUtilityClass(slot: string): string;
-declare const snackbarClasses: SnackbarClasses;
-export default snackbarClasses;
+export interface SnackbarClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'center' }}`. */
+    anchorOriginTopCenter: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'center' }}`. */
+    anchorOriginBottomCenter: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'right' }}`. */
+    anchorOriginTopRight: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'right' }}`. */
+    anchorOriginBottomRight: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'left' }}`. */
+    anchorOriginTopLeft: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'left' }}`. */
+    anchorOriginBottomLeft: string;
+}
+export type SnackbarClassKey = keyof SnackbarClasses;
+export declare function getSnackbarUtilityClass(slot: string): string;
+declare const snackbarClasses: SnackbarClasses;
+export default snackbarClasses;

package/SnackbarContent/SnackbarContent.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["action", "className", "message", "role"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -29,8 +32,7 @@ const SnackbarContentRoot = styled(Paper, {
 }) => {
   const emphasis = theme.palette.mode === 'light' ? 0.8 : 0.98;
   const backgroundColor = emphasize(theme.palette.background.default, emphasis);
-  return {
-    ...theme.typography.body2,
+  return _extends({}, 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',
@@ -43,7 +45,7 @@ const SnackbarContentRoot = styled(Paper, {
       flexGrow: 'initial',
       minWidth: 288
     }
-  };
+  });
 });
 const SnackbarContentMessage = styled('div', {
   name: 'MuiSnackbarContent',
@@ -69,22 +71,22 @@ const SnackbarContent = /*#__PURE__*/React.forwardRef(function SnackbarContent(i
     name: 'MuiSnackbarContent'
   });
   const {
-    action,
-    className,
-    message,
-    role = 'alert',
-    ...other
-  } = props;
+      action,
+      className,
+      message,
+      role = 'alert'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(SnackbarContentRoot, {
+  return /*#__PURE__*/_jsxs(SnackbarContentRoot, _extends({
     role: role,
     square: true,
     elevation: 6,
     className: clsx(classes.root, className),
     ownerState: ownerState,
-    ref: ref,
-    ...other,
+    ref: ref
+  }, other, {
     children: [/*#__PURE__*/_jsx(SnackbarContentMessage, {
       className: classes.message,
       ownerState: ownerState,
@@ -94,7 +96,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/SnackbarContent/snackbarContentClasses.d.ts

@@ -1,12 +1,12 @@
-export interface SnackbarContentClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the message wrapper element. */
-    message: string;
-    /** Styles applied to the action wrapper element if `action` is provided. */
-    action: string;
-}
-export type SnackbarContentClassKey = keyof SnackbarContentClasses;
-export declare function getSnackbarContentUtilityClass(slot: string): string;
-declare const snackbarContentClasses: SnackbarContentClasses;
-export default snackbarContentClasses;
+export interface SnackbarContentClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the message wrapper element. */
+    message: string;
+    /** Styles applied to the action wrapper element if `action` is provided. */
+    action: string;
+}
+export type SnackbarContentClassKey = keyof SnackbarContentClasses;
+export declare function getSnackbarContentUtilityClass(slot: string): string;
+declare const snackbarContentClasses: SnackbarContentClasses;
+export default snackbarContentClasses;