@mui/material 7.0.0 → 7.0.2

package/modern/Snackbar/Snackbar.js

@@ -1,426 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import composeClasses from '@mui/utils/composeClasses';
-import useSnackbar from "./useSnackbar.js";
-import ClickAwayListener from "../ClickAwayListener/index.js";
-import { styled, useTheme } from "../zero-styled/index.js";
-import memoTheme from "../utils/memoTheme.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import capitalize from "../utils/capitalize.js";
-import Grow from "../Grow/index.js";
-import SnackbarContent from "../SnackbarContent/index.js";
-import { getSnackbarUtilityClass } from "./snackbarClasses.js";
-import useSlot from "../utils/useSlot.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    anchorOrigin
-  } = ownerState;
-  const slots = {
-    root: ['root', `anchorOrigin${capitalize(anchorOrigin.vertical)}${capitalize(anchorOrigin.horizontal)}`]
-  };
-  return composeClasses(slots, getSnackbarUtilityClass, classes);
-};
-const SnackbarRoot = styled('div', {
-  name: 'MuiSnackbar',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, styles[`anchorOrigin${capitalize(ownerState.anchorOrigin.vertical)}${capitalize(ownerState.anchorOrigin.horizontal)}`]];
-  }
-})(memoTheme(({
-  theme
-}) => ({
-  zIndex: (theme.vars || theme).zIndex.snackbar,
-  position: 'fixed',
-  display: 'flex',
-  left: 8,
-  right: 8,
-  justifyContent: 'center',
-  alignItems: 'center',
-  variants: [{
-    props: ({
-      ownerState
-    }) => ownerState.anchorOrigin.vertical === 'top',
-    style: {
-      top: 8,
-      [theme.breakpoints.up('sm')]: {
-        top: 24
-      }
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.anchorOrigin.vertical !== 'top',
-    style: {
-      bottom: 8,
-      [theme.breakpoints.up('sm')]: {
-        bottom: 24
-      }
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.anchorOrigin.horizontal === 'left',
-    style: {
-      justifyContent: 'flex-start',
-      [theme.breakpoints.up('sm')]: {
-        left: 24,
-        right: 'auto'
-      }
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.anchorOrigin.horizontal === 'right',
-    style: {
-      justifyContent: 'flex-end',
-      [theme.breakpoints.up('sm')]: {
-        right: 24,
-        left: 'auto'
-      }
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.anchorOrigin.horizontal === 'center',
-    style: {
-      [theme.breakpoints.up('sm')]: {
-        left: '50%',
-        right: 'auto',
-        transform: 'translateX(-50%)'
-      }
-    }
-  }]
-})));
-const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiSnackbar'
-  });
-  const theme = useTheme();
-  const defaultTransitionDuration = {
-    enter: theme.transitions.duration.enteringScreen,
-    exit: theme.transitions.duration.leavingScreen
-  };
-  const {
-    action,
-    anchorOrigin: {
-      vertical,
-      horizontal
-    } = {
-      vertical: 'bottom',
-      horizontal: 'left'
-    },
-    autoHideDuration = null,
-    children,
-    className,
-    ClickAwayListenerProps: ClickAwayListenerPropsProp,
-    ContentProps: ContentPropsProp,
-    disableWindowBlurListener = false,
-    message,
-    onBlur,
-    onClose,
-    onFocus,
-    onMouseEnter,
-    onMouseLeave,
-    open,
-    resumeHideDuration,
-    slots = {},
-    slotProps = {},
-    TransitionComponent: TransitionComponentProp,
-    transitionDuration = defaultTransitionDuration,
-    TransitionProps: {
-      onEnter,
-      onExited,
-      ...TransitionPropsProp
-    } = {},
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    anchorOrigin: {
-      vertical,
-      horizontal
-    },
-    autoHideDuration,
-    disableWindowBlurListener,
-    TransitionComponent: TransitionComponentProp,
-    transitionDuration
-  };
-  const classes = useUtilityClasses(ownerState);
-  const {
-    getRootProps,
-    onClickAway
-  } = useSnackbar({
-    ...ownerState
-  });
-  const [exited, setExited] = React.useState(true);
-  const handleExited = node => {
-    setExited(true);
-    if (onExited) {
-      onExited(node);
-    }
-  };
-  const handleEnter = (node, isAppearing) => {
-    setExited(false);
-    if (onEnter) {
-      onEnter(node, isAppearing);
-    }
-  };
-  const externalForwardedProps = {
-    slots: {
-      transition: TransitionComponentProp,
-      ...slots
-    },
-    slotProps: {
-      content: ContentPropsProp,
-      clickAwayListener: ClickAwayListenerPropsProp,
-      transition: TransitionPropsProp,
-      ...slotProps
-    }
-  };
-  const [Root, rootProps] = useSlot('root', {
-    ref,
-    className: [classes.root, className],
-    elementType: SnackbarRoot,
-    getSlotProps: getRootProps,
-    externalForwardedProps: {
-      ...externalForwardedProps,
-      ...other
-    },
-    ownerState
-  });
-  const [ClickAwaySlot, {
-    ownerState: clickAwayOwnerStateProp,
-    ...clickAwayListenerProps
-  }] = useSlot('clickAwayListener', {
-    elementType: ClickAwayListener,
-    externalForwardedProps,
-    getSlotProps: handlers => ({
-      onClickAway: (...params) => {
-        handlers.onClickAway?.(...params);
-        onClickAway(...params);
-      }
-    }),
-    ownerState
-  });
-  const [ContentSlot, contentSlotProps] = useSlot('content', {
-    elementType: SnackbarContent,
-    shouldForwardComponentProp: true,
-    externalForwardedProps,
-    additionalProps: {
-      message,
-      action
-    },
-    ownerState
-  });
-  const [TransitionSlot, transitionProps] = useSlot('transition', {
-    elementType: Grow,
-    externalForwardedProps,
-    getSlotProps: handlers => ({
-      onEnter: (...params) => {
-        handlers.onEnter?.(...params);
-        handleEnter(...params);
-      },
-      onExited: (...params) => {
-        handlers.onExited?.(...params);
-        handleExited(...params);
-      }
-    }),
-    additionalProps: {
-      appear: true,
-      in: open,
-      timeout: transitionDuration,
-      direction: vertical === 'top' ? 'down' : 'up'
-    },
-    ownerState
-  });
-
-  // So we only render active snackbars.
-  if (!open && exited) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(ClickAwaySlot, {
-    ...clickAwayListenerProps,
-    ...(slots.clickAwayListener && {
-      ownerState: clickAwayOwnerStateProp
-    }),
-    children: /*#__PURE__*/_jsx(Root, {
-      ...rootProps,
-      children: /*#__PURE__*/_jsx(TransitionSlot, {
-        ...transitionProps,
-        children: children || /*#__PURE__*/_jsx(ContentSlot, {
-          ...contentSlotProps
-        })
-      })
-    })
-  });
-});
-process.env.NODE_ENV !== "production" ? Snackbar.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The action to display. It renders after the message, at the end of the snackbar.
-   */
-  action: PropTypes.node,
-  /**
-   * The anchor of the `Snackbar`.
-   * On smaller screens, the component grows to occupy all the available width,
-   * the horizontal alignment is ignored.
-   * @default { vertical: 'bottom', horizontal: 'left' }
-   */
-  anchorOrigin: PropTypes.shape({
-    horizontal: PropTypes.oneOf(['center', 'left', 'right']).isRequired,
-    vertical: PropTypes.oneOf(['bottom', 'top']).isRequired
-  }),
-  /**
-   * The number of milliseconds to wait before automatically calling the
-   * `onClose` function. `onClose` should then set the state of the `open`
-   * prop to hide the Snackbar. This behavior is disabled by default with
-   * the `null` value.
-   * @default null
-   */
-  autoHideDuration: PropTypes.number,
-  /**
-   * Replace the `SnackbarContent` component.
-   */
-  children: PropTypes.element,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * Props applied to the `ClickAwayListener` element.
-   * @deprecated Use `slotProps.clickAwayListener` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  ClickAwayListenerProps: PropTypes.object,
-  /**
-   * Props applied to the [`SnackbarContent`](https://mui.com/material-ui/api/snackbar-content/) element.
-   * @deprecated Use `slotProps.content` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  ContentProps: PropTypes.object,
-  /**
-   * If `true`, the `autoHideDuration` timer will expire even if the window is not focused.
-   * @default false
-   */
-  disableWindowBlurListener: PropTypes.bool,
-  /**
-   * When displaying multiple consecutive snackbars using a single parent-rendered
-   * `<Snackbar/>`, add the `key` prop to ensure independent treatment of each message.
-   * For instance, use `<Snackbar key={message} />`. Otherwise, messages might update
-   * in place, and features like `autoHideDuration` could be affected.
-   */
-  key: () => null,
-  /**
-   * The message to display.
-   */
-  message: PropTypes.node,
-  /**
-   * @ignore
-   */
-  onBlur: PropTypes.func,
-  /**
-   * Callback fired when the component requests to be closed.
-   * Typically `onClose` is used to set state in the parent component,
-   * which is used to control the `Snackbar` `open` prop.
-   * The `reason` parameter can optionally be used to control the response to `onClose`,
-   * for example ignoring `clickaway`.
-   *
-   * @param {React.SyntheticEvent<any> | Event} event The event source of the callback.
-   * @param {string} reason Can be: `"timeout"` (`autoHideDuration` expired), `"clickaway"`, or `"escapeKeyDown"`.
-   */
-  onClose: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onFocus: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onMouseEnter: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onMouseLeave: PropTypes.func,
-  /**
-   * If `true`, the component is shown.
-   */
-  open: PropTypes.bool,
-  /**
-   * The number of milliseconds to wait before dismissing after user interaction.
-   * If `autoHideDuration` prop isn't specified, it does nothing.
-   * If `autoHideDuration` prop is specified but `resumeHideDuration` isn't,
-   * we default to `autoHideDuration / 2` ms.
-   */
-  resumeHideDuration: PropTypes.number,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: PropTypes.shape({
-    clickAwayListener: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-      children: PropTypes.element.isRequired,
-      disableReactTree: PropTypes.bool,
-      mouseEvent: PropTypes.oneOf(['onClick', 'onMouseDown', 'onMouseUp', 'onPointerDown', 'onPointerUp', false]),
-      onClickAway: PropTypes.func,
-      touchEvent: PropTypes.oneOf(['onTouchEnd', 'onTouchStart', false])
-    })]),
-    content: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    transition: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: PropTypes.shape({
-    clickAwayListener: PropTypes.elementType,
-    content: PropTypes.elementType,
-    root: PropTypes.elementType,
-    transition: PropTypes.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  /**
-   * The component used for the transition.
-   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @deprecated Use `slots.transition` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   * @default Grow
-   */
-  TransitionComponent: PropTypes.elementType,
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   * @default {
-   *   enter: theme.transitions.duration.enteringScreen,
-   *   exit: theme.transitions.duration.leavingScreen,
-   * }
-   */
-  transitionDuration: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
-    appear: PropTypes.number,
-    enter: PropTypes.number,
-    exit: PropTypes.number
-  })]),
-  /**
-   * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
-   * @deprecated Use `slotProps.transition` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   * @default {}
-   */
-  TransitionProps: PropTypes.object
-} : void 0;
-export default Snackbar;

package/modern/Snackbar/index.js

@@ -1,3 +0,0 @@
-export { default } from "./Snackbar.js";
-export { default as snackbarClasses } from "./snackbarClasses.js";
-export * from "./snackbarClasses.js";

package/modern/Snackbar/snackbarClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getSnackbarUtilityClass(slot) {
-  return generateUtilityClass('MuiSnackbar', slot);
-}
-const snackbarClasses = generateUtilityClasses('MuiSnackbar', ['root', 'anchorOriginTopCenter', 'anchorOriginBottomCenter', 'anchorOriginTopRight', 'anchorOriginBottomRight', 'anchorOriginTopLeft', 'anchorOriginBottomLeft']);
-export default snackbarClasses;

package/modern/Snackbar/useSnackbar.js

@@ -1,133 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { unstable_useEventCallback as useEventCallback, unstable_useTimeout as useTimeout } from '@mui/utils';
-import extractEventHandlers from '@mui/utils/extractEventHandlers';
-/**
- * The basic building block for creating custom snackbar.
- *
- * Demos:
- *
- * - [Snackbar](https://mui.com/base-ui/react-snackbar/#hook)
- *
- * API:
- *
- * - [useSnackbar API](https://mui.com/base-ui/react-snackbar/hooks-api/#use-snackbar)
- */
-function useSnackbar(parameters = {}) {
-  const {
-    autoHideDuration = null,
-    disableWindowBlurListener = false,
-    onClose,
-    open,
-    resumeHideDuration
-  } = parameters;
-  const timerAutoHide = useTimeout();
-  React.useEffect(() => {
-    if (!open) {
-      return undefined;
-    }
-
-    /**
-     * @param {KeyboardEvent} nativeEvent
-     */
-    function handleKeyDown(nativeEvent) {
-      if (!nativeEvent.defaultPrevented) {
-        if (nativeEvent.key === 'Escape') {
-          // not calling `preventDefault` since we don't know if people may ignore this event e.g. a permanently open snackbar
-          onClose?.(nativeEvent, 'escapeKeyDown');
-        }
-      }
-    }
-    document.addEventListener('keydown', handleKeyDown);
-    return () => {
-      document.removeEventListener('keydown', handleKeyDown);
-    };
-  }, [open, onClose]);
-  const handleClose = useEventCallback((event, reason) => {
-    onClose?.(event, reason);
-  });
-  const setAutoHideTimer = useEventCallback(autoHideDurationParam => {
-    if (!onClose || autoHideDurationParam == null) {
-      return;
-    }
-    timerAutoHide.start(autoHideDurationParam, () => {
-      handleClose(null, 'timeout');
-    });
-  });
-  React.useEffect(() => {
-    if (open) {
-      setAutoHideTimer(autoHideDuration);
-    }
-    return timerAutoHide.clear;
-  }, [open, autoHideDuration, setAutoHideTimer, timerAutoHide]);
-  const handleClickAway = event => {
-    onClose?.(event, 'clickaway');
-  };
-
-  // Pause the timer when the user is interacting with the Snackbar
-  // or when the user hide the window.
-  const handlePause = timerAutoHide.clear;
-
-  // Restart the timer when the user is no longer interacting with the Snackbar
-  // or when the window is shown back.
-  const handleResume = React.useCallback(() => {
-    if (autoHideDuration != null) {
-      setAutoHideTimer(resumeHideDuration != null ? resumeHideDuration : autoHideDuration * 0.5);
-    }
-  }, [autoHideDuration, resumeHideDuration, setAutoHideTimer]);
-  const createHandleBlur = otherHandlers => event => {
-    const onBlurCallback = otherHandlers.onBlur;
-    onBlurCallback?.(event);
-    handleResume();
-  };
-  const createHandleFocus = otherHandlers => event => {
-    const onFocusCallback = otherHandlers.onFocus;
-    onFocusCallback?.(event);
-    handlePause();
-  };
-  const createMouseEnter = otherHandlers => event => {
-    const onMouseEnterCallback = otherHandlers.onMouseEnter;
-    onMouseEnterCallback?.(event);
-    handlePause();
-  };
-  const createMouseLeave = otherHandlers => event => {
-    const onMouseLeaveCallback = otherHandlers.onMouseLeave;
-    onMouseLeaveCallback?.(event);
-    handleResume();
-  };
-  React.useEffect(() => {
-    // TODO: window global should be refactored here
-    if (!disableWindowBlurListener && open) {
-      window.addEventListener('focus', handleResume);
-      window.addEventListener('blur', handlePause);
-      return () => {
-        window.removeEventListener('focus', handleResume);
-        window.removeEventListener('blur', handlePause);
-      };
-    }
-    return undefined;
-  }, [disableWindowBlurListener, open, handleResume, handlePause]);
-  const getRootProps = (externalProps = {}) => {
-    const externalEventHandlers = {
-      ...extractEventHandlers(parameters),
-      ...extractEventHandlers(externalProps)
-    };
-    return {
-      // ClickAwayListener adds an `onClick` prop which results in the alert not being announced.
-      // See https://github.com/mui/material-ui/issues/29080
-      role: 'presentation',
-      ...externalProps,
-      ...externalEventHandlers,
-      onBlur: createHandleBlur(externalEventHandlers),
-      onFocus: createHandleFocus(externalEventHandlers),
-      onMouseEnter: createMouseEnter(externalEventHandlers),
-      onMouseLeave: createMouseLeave(externalEventHandlers)
-    };
-  };
-  return {
-    getRootProps,
-    onClickAway: handleClickAway
-  };
-}
-export default useSnackbar;

package/modern/Snackbar/useSnackbar.types.js

@@ -1 +0,0 @@
-export {};

package/modern/SnackbarContent/SnackbarContent.js

@@ -1,132 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import composeClasses from '@mui/utils/composeClasses';
-import { emphasize } from '@mui/system/colorManipulator';
-import { styled } from "../zero-styled/index.js";
-import memoTheme from "../utils/memoTheme.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import Paper from "../Paper/index.js";
-import { getSnackbarContentUtilityClass } from "./snackbarContentClasses.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['root'],
-    action: ['action'],
-    message: ['message']
-  };
-  return composeClasses(slots, getSnackbarContentUtilityClass, classes);
-};
-const SnackbarContentRoot = styled(Paper, {
-  name: 'MuiSnackbarContent',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})(memoTheme(({
-  theme
-}) => {
-  const emphasis = theme.palette.mode === 'light' ? 0.8 : 0.98;
-  const backgroundColor = emphasize(theme.palette.background.default, emphasis);
-  return {
-    ...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',
-    alignItems: 'center',
-    flexWrap: 'wrap',
-    padding: '6px 16px',
-    borderRadius: (theme.vars || theme).shape.borderRadius,
-    flexGrow: 1,
-    [theme.breakpoints.up('sm')]: {
-      flexGrow: 'initial',
-      minWidth: 288
-    }
-  };
-}));
-const SnackbarContentMessage = styled('div', {
-  name: 'MuiSnackbarContent',
-  slot: 'Message',
-  overridesResolver: (props, styles) => styles.message
-})({
-  padding: '8px 0'
-});
-const SnackbarContentAction = styled('div', {
-  name: 'MuiSnackbarContent',
-  slot: 'Action',
-  overridesResolver: (props, styles) => styles.action
-})({
-  display: 'flex',
-  alignItems: 'center',
-  marginLeft: 'auto',
-  paddingLeft: 16,
-  marginRight: -8
-});
-const SnackbarContent = /*#__PURE__*/React.forwardRef(function SnackbarContent(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiSnackbarContent'
-  });
-  const {
-    action,
-    className,
-    message,
-    role = 'alert',
-    ...other
-  } = props;
-  const ownerState = props;
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(SnackbarContentRoot, {
-    role: role,
-    square: true,
-    elevation: 6,
-    className: clsx(classes.root, className),
-    ownerState: ownerState,
-    ref: ref,
-    ...other,
-    children: [/*#__PURE__*/_jsx(SnackbarContentMessage, {
-      className: classes.message,
-      ownerState: ownerState,
-      children: message
-    }), action ? /*#__PURE__*/_jsx(SnackbarContentAction, {
-      className: classes.action,
-      ownerState: ownerState,
-      children: action
-    }) : null]
-  });
-});
-process.env.NODE_ENV !== "production" ? SnackbarContent.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The action to display. It renders after the message, at the end of the snackbar.
-   */
-  action: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The message to display.
-   */
-  message: PropTypes.node,
-  /**
-   * The ARIA role attribute of the element.
-   * @default 'alert'
-   */
-  role: PropTypes /* @typescript-to-proptypes-ignore */.string,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export default SnackbarContent;