@mui/material 6.0.0-alpha.1 → 6.0.0-alpha.3

package/legacy/MobileStepper/MobileStepper.js

@@ -1,254 +0,0 @@
-'use client';
-
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import integerPropType from '@mui/utils/integerPropType';
-import composeClasses from '@mui/utils/composeClasses';
-import Paper from '../Paper';
-import capitalize from '../utils/capitalize';
-import LinearProgress from '../LinearProgress';
-import { styled, createUseThemeProps } from '../zero-styled';
-import slotShouldForwardProp from '../styles/slotShouldForwardProp';
-import { getMobileStepperUtilityClass } from './mobileStepperClasses';
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-var useThemeProps = createUseThemeProps('MuiMobileStepper');
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes,
-    position = ownerState.position;
-  var slots = {
-    root: ['root', "position".concat(capitalize(position))],
-    dots: ['dots'],
-    dot: ['dot'],
-    dotActive: ['dotActive'],
-    progress: ['progress']
-  };
-  return composeClasses(slots, getMobileStepperUtilityClass, classes);
-};
-var MobileStepperRoot = styled(Paper, {
-  name: 'MuiMobileStepper',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    var ownerState = props.ownerState;
-    return [styles.root, styles["position".concat(capitalize(ownerState.position))]];
-  }
-})(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    display: 'flex',
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    background: (theme.vars || theme).palette.background.default,
-    padding: 8,
-    variants: [{
-      props: function props(_ref2) {
-        var position = _ref2.position;
-        return position === 'top' || position === 'bottom';
-      },
-      style: {
-        position: 'fixed',
-        left: 0,
-        right: 0,
-        zIndex: (theme.vars || theme).zIndex.mobileStepper
-      }
-    }, {
-      props: {
-        position: 'top'
-      },
-      style: {
-        top: 0
-      }
-    }, {
-      props: {
-        position: 'bottom'
-      },
-      style: {
-        bottom: 0
-      }
-    }]
-  };
-});
-var MobileStepperDots = styled('div', {
-  name: 'MuiMobileStepper',
-  slot: 'Dots',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.dots;
-  }
-})({
-  variants: [{
-    props: {
-      variant: 'dots'
-    },
-    style: {
-      display: 'flex',
-      flexDirection: 'row'
-    }
-  }]
-});
-var MobileStepperDot = styled('div', {
-  name: 'MuiMobileStepper',
-  slot: 'Dot',
-  shouldForwardProp: function shouldForwardProp(prop) {
-    return slotShouldForwardProp(prop) && prop !== 'dotActive';
-  },
-  overridesResolver: function overridesResolver(props, styles) {
-    var dotActive = props.dotActive;
-    return [styles.dot, dotActive && styles.dotActive];
-  }
-})(function (_ref3) {
-  var theme = _ref3.theme;
-  return {
-    variants: [{
-      props: {
-        variant: 'dots'
-      },
-      style: {
-        transition: theme.transitions.create('background-color', {
-          duration: theme.transitions.duration.shortest
-        }),
-        backgroundColor: (theme.vars || theme).palette.action.disabled,
-        borderRadius: '50%',
-        width: 8,
-        height: 8,
-        margin: '0 2px'
-      }
-    }, {
-      props: {
-        variant: 'dots',
-        dotActive: true
-      },
-      style: {
-        backgroundColor: (theme.vars || theme).palette.primary.main
-      }
-    }]
-  };
-});
-var MobileStepperProgress = styled(LinearProgress, {
-  name: 'MuiMobileStepper',
-  slot: 'Progress',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.progress;
-  }
-})({
-  variants: [{
-    props: {
-      variant: 'progress'
-    },
-    style: {
-      width: '50%'
-    }
-  }]
-});
-var MobileStepper = /*#__PURE__*/React.forwardRef(function MobileStepper(inProps, ref) {
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiMobileStepper'
-  });
-  var _props$activeStep = props.activeStep,
-    activeStep = _props$activeStep === void 0 ? 0 : _props$activeStep,
-    backButton = props.backButton,
-    className = props.className,
-    LinearProgressProps = props.LinearProgressProps,
-    nextButton = props.nextButton,
-    _props$position = props.position,
-    position = _props$position === void 0 ? 'bottom' : _props$position,
-    steps = props.steps,
-    _props$variant = props.variant,
-    variant = _props$variant === void 0 ? 'dots' : _props$variant,
-    other = _objectWithoutProperties(props, ["activeStep", "backButton", "className", "LinearProgressProps", "nextButton", "position", "steps", "variant"]);
-  var ownerState = _extends({}, props, {
-    activeStep: activeStep,
-    position: position,
-    variant: variant
-  });
-  var value;
-  if (variant === 'progress') {
-    if (steps === 1) {
-      value = 100;
-    } else {
-      value = Math.ceil(activeStep / (steps - 1) * 100);
-    }
-  }
-  var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(MobileStepperRoot, _extends({
-    square: true,
-    elevation: 0,
-    className: clsx(classes.root, className),
-    ref: ref,
-    ownerState: ownerState
-  }, other, {
-    children: [backButton, variant === 'text' && /*#__PURE__*/_jsxs(React.Fragment, {
-      children: [activeStep + 1, " / ", steps]
-    }), variant === 'dots' && /*#__PURE__*/_jsx(MobileStepperDots, {
-      ownerState: ownerState,
-      className: classes.dots,
-      children: _toConsumableArray(new Array(steps)).map(function (_, index) {
-        return /*#__PURE__*/_jsx(MobileStepperDot, {
-          className: clsx(classes.dot, index === activeStep && classes.dotActive),
-          ownerState: ownerState,
-          dotActive: index === activeStep
-        }, index);
-      })
-    }), variant === 'progress' && /*#__PURE__*/_jsx(MobileStepperProgress, _extends({
-      ownerState: ownerState,
-      className: classes.progress,
-      variant: "determinate",
-      value: value
-    }, LinearProgressProps)), nextButton]
-  }));
-});
-process.env.NODE_ENV !== "production" ? MobileStepper.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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Set the active step (zero based index).
-   * Defines which dot is highlighted when the variant is 'dots'.
-   * @default 0
-   */
-  activeStep: integerPropType,
-  /**
-   * A back button element. For instance, it can be a `Button` or an `IconButton`.
-   */
-  backButton: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * Props applied to the `LinearProgress` element.
-   */
-  LinearProgressProps: PropTypes.object,
-  /**
-   * A next button element. For instance, it can be a `Button` or an `IconButton`.
-   */
-  nextButton: PropTypes.node,
-  /**
-   * Set the positioning type.
-   * @default 'bottom'
-   */
-  position: PropTypes.oneOf(['bottom', 'static', 'top']),
-  /**
-   * The total steps.
-   */
-  steps: integerPropType.isRequired,
-  /**
-   * 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 variant to use.
-   * @default 'dots'
-   */
-  variant: PropTypes.oneOf(['dots', 'progress', 'text'])
-} : void 0;
-export default MobileStepper;

package/legacy/MobileStepper/index.js

@@ -1,5 +0,0 @@
-'use client';
-
-export { default } from './MobileStepper';
-export { default as mobileStepperClasses } from './mobileStepperClasses';
-export * from './mobileStepperClasses';

package/legacy/MobileStepper/mobileStepperClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getMobileStepperUtilityClass(slot) {
-  return generateUtilityClass('MuiMobileStepper', slot);
-}
-var mobileStepperClasses = generateUtilityClasses('MuiMobileStepper', ['root', 'positionBottom', 'positionTop', 'positionStatic', 'dots', 'dot', 'dotActive', 'progress']);
-export default mobileStepperClasses;

package/legacy/Modal/Modal.js

@@ -1,398 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import HTMLElementType from '@mui/utils/HTMLElementType';
-import elementAcceptingRef from '@mui/utils/elementAcceptingRef';
-import { useSlotProps } from '@mui/base/utils';
-import { unstable_useModal as useModal } from '@mui/base/unstable_useModal';
-import composeClasses from '@mui/utils/composeClasses';
-import FocusTrap from '../Unstable_TrapFocus';
-import Portal from '../Portal';
-import { styled, createUseThemeProps } from '../zero-styled';
-import Backdrop from '../Backdrop';
-import { getModalUtilityClass } from './modalClasses';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var useThemeProps = createUseThemeProps('MuiModal');
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var open = ownerState.open,
-    exited = ownerState.exited,
-    classes = ownerState.classes;
-  var slots = {
-    root: ['root', !open && exited && 'hidden'],
-    backdrop: ['backdrop']
-  };
-  return composeClasses(slots, getModalUtilityClass, classes);
-};
-var ModalRoot = styled('div', {
-  name: 'MuiModal',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    var ownerState = props.ownerState;
-    return [styles.root, !ownerState.open && ownerState.exited && styles.hidden];
-  }
-})(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    position: 'fixed',
-    zIndex: (theme.vars || theme).zIndex.modal,
-    right: 0,
-    bottom: 0,
-    top: 0,
-    left: 0,
-    variants: [{
-      props: function props(_ref2) {
-        var ownerState = _ref2.ownerState;
-        return !ownerState.open && ownerState.exited;
-      },
-      style: {
-        visibility: 'hidden'
-      }
-    }]
-  };
-});
-var ModalBackdrop = styled(Backdrop, {
-  name: 'MuiModal',
-  slot: 'Backdrop',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.backdrop;
-  }
-})({
-  zIndex: -1
-});
-
-/**
- * Modal is a lower-level construct that is leveraged by the following components:
- *
- * - [Dialog](/material-ui/api/dialog/)
- * - [Drawer](/material-ui/api/drawer/)
- * - [Menu](/material-ui/api/menu/)
- * - [Popover](/material-ui/api/popover/)
- *
- * If you are creating a modal dialog, you probably want to use the [Dialog](/material-ui/api/dialog/) component
- * rather than directly using Modal.
- *
- * This component shares many concepts with [react-overlays](https://react-bootstrap.github.io/react-overlays/#modals).
- */
-var Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
-  var _ref3, _slots$root, _ref4, _slots$backdrop, _slotProps$root, _slotProps$backdrop;
-  var props = useThemeProps({
-    name: 'MuiModal',
-    props: inProps
-  });
-  var _props$BackdropCompon = props.BackdropComponent,
-    BackdropComponent = _props$BackdropCompon === void 0 ? ModalBackdrop : _props$BackdropCompon,
-    BackdropProps = props.BackdropProps,
-    classesProp = props.classes,
-    className = props.className,
-    _props$closeAfterTran = props.closeAfterTransition,
-    closeAfterTransition = _props$closeAfterTran === void 0 ? false : _props$closeAfterTran,
-    children = props.children,
-    container = props.container,
-    component = props.component,
-    _props$components = props.components,
-    components = _props$components === void 0 ? {} : _props$components,
-    _props$componentsProp = props.componentsProps,
-    componentsProps = _props$componentsProp === void 0 ? {} : _props$componentsProp,
-    _props$disableAutoFoc = props.disableAutoFocus,
-    disableAutoFocus = _props$disableAutoFoc === void 0 ? false : _props$disableAutoFoc,
-    _props$disableEnforce = props.disableEnforceFocus,
-    disableEnforceFocus = _props$disableEnforce === void 0 ? false : _props$disableEnforce,
-    _props$disableEscapeK = props.disableEscapeKeyDown,
-    disableEscapeKeyDown = _props$disableEscapeK === void 0 ? false : _props$disableEscapeK,
-    _props$disablePortal = props.disablePortal,
-    disablePortal = _props$disablePortal === void 0 ? false : _props$disablePortal,
-    _props$disableRestore = props.disableRestoreFocus,
-    disableRestoreFocus = _props$disableRestore === void 0 ? false : _props$disableRestore,
-    _props$disableScrollL = props.disableScrollLock,
-    disableScrollLock = _props$disableScrollL === void 0 ? false : _props$disableScrollL,
-    _props$hideBackdrop = props.hideBackdrop,
-    hideBackdrop = _props$hideBackdrop === void 0 ? false : _props$hideBackdrop,
-    _props$keepMounted = props.keepMounted,
-    keepMounted = _props$keepMounted === void 0 ? false : _props$keepMounted,
-    onBackdropClick = props.onBackdropClick,
-    onClose = props.onClose,
-    onTransitionEnter = props.onTransitionEnter,
-    onTransitionExited = props.onTransitionExited,
-    open = props.open,
-    slotProps = props.slotProps,
-    slots = props.slots,
-    theme = props.theme,
-    other = _objectWithoutProperties(props, ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onTransitionEnter", "onTransitionExited", "open", "slotProps", "slots", "theme"]);
-  var propsWithDefaults = _extends({}, props, {
-    closeAfterTransition: closeAfterTransition,
-    disableAutoFocus: disableAutoFocus,
-    disableEnforceFocus: disableEnforceFocus,
-    disableEscapeKeyDown: disableEscapeKeyDown,
-    disablePortal: disablePortal,
-    disableRestoreFocus: disableRestoreFocus,
-    disableScrollLock: disableScrollLock,
-    hideBackdrop: hideBackdrop,
-    keepMounted: keepMounted
-  });
-  var _useModal = useModal(_extends({}, propsWithDefaults, {
-      rootRef: ref
-    })),
-    getRootProps = _useModal.getRootProps,
-    getBackdropProps = _useModal.getBackdropProps,
-    getTransitionProps = _useModal.getTransitionProps,
-    portalRef = _useModal.portalRef,
-    isTopModal = _useModal.isTopModal,
-    exited = _useModal.exited,
-    hasTransition = _useModal.hasTransition;
-  var ownerState = _extends({}, propsWithDefaults, {
-    exited: exited
-  });
-  var classes = useUtilityClasses(ownerState);
-  var childProps = {};
-  if (children.props.tabIndex === undefined) {
-    childProps.tabIndex = '-1';
-  }
-
-  // It's a Transition like component
-  if (hasTransition) {
-    var _getTransitionProps = getTransitionProps(),
-      onEnter = _getTransitionProps.onEnter,
-      onExited = _getTransitionProps.onExited;
-    childProps.onEnter = onEnter;
-    childProps.onExited = onExited;
-  }
-  var RootSlot = (_ref3 = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : components.Root) != null ? _ref3 : ModalRoot;
-  var BackdropSlot = (_ref4 = (_slots$backdrop = slots == null ? void 0 : slots.backdrop) != null ? _slots$backdrop : components.Backdrop) != null ? _ref4 : BackdropComponent;
-  var rootSlotProps = (_slotProps$root = slotProps == null ? void 0 : slotProps.root) != null ? _slotProps$root : componentsProps.root;
-  var backdropSlotProps = (_slotProps$backdrop = slotProps == null ? void 0 : slotProps.backdrop) != null ? _slotProps$backdrop : componentsProps.backdrop;
-  var rootProps = useSlotProps({
-    elementType: RootSlot,
-    externalSlotProps: rootSlotProps,
-    externalForwardedProps: other,
-    getSlotProps: getRootProps,
-    additionalProps: {
-      ref: ref,
-      as: component
-    },
-    ownerState: ownerState,
-    className: clsx(className, rootSlotProps == null ? void 0 : rootSlotProps.className, classes == null ? void 0 : classes.root, !ownerState.open && ownerState.exited && (classes == null ? void 0 : classes.hidden))
-  });
-  var backdropProps = useSlotProps({
-    elementType: BackdropSlot,
-    externalSlotProps: backdropSlotProps,
-    additionalProps: BackdropProps,
-    getSlotProps: function getSlotProps(otherHandlers) {
-      return getBackdropProps(_extends({}, otherHandlers, {
-        onClick: function onClick(e) {
-          if (onBackdropClick) {
-            onBackdropClick(e);
-          }
-          if (otherHandlers != null && otherHandlers.onClick) {
-            otherHandlers.onClick(e);
-          }
-        }
-      }));
-    },
-    className: clsx(backdropSlotProps == null ? void 0 : backdropSlotProps.className, BackdropProps == null ? void 0 : BackdropProps.className, classes == null ? void 0 : classes.backdrop),
-    ownerState: ownerState
-  });
-  if (!keepMounted && !open && (!hasTransition || exited)) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(Portal, {
-    ref: portalRef,
-    container: container,
-    disablePortal: disablePortal,
-    children: /*#__PURE__*/_jsxs(RootSlot, _extends({}, rootProps, {
-      children: [!hideBackdrop && BackdropComponent ? /*#__PURE__*/_jsx(BackdropSlot, _extends({}, backdropProps)) : null, /*#__PURE__*/_jsx(FocusTrap, {
-        disableEnforceFocus: disableEnforceFocus,
-        disableAutoFocus: disableAutoFocus,
-        disableRestoreFocus: disableRestoreFocus,
-        isEnabled: isTopModal,
-        open: open,
-        children: /*#__PURE__*/React.cloneElement(children, childProps)
-      })]
-    }))
-  });
-});
-process.env.NODE_ENV !== "production" ? Modal.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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * A backdrop component. This prop enables custom backdrop rendering.
-   * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
-   * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
-   * @default styled(Backdrop, {
-   *   name: 'MuiModal',
-   *   slot: 'Backdrop',
-   *   overridesResolver: (props, styles) => {
-   *     return styles.backdrop;
-   *   },
-   * })({
-   *   zIndex: -1,
-   * })
-   */
-  BackdropComponent: PropTypes.elementType,
-  /**
-   * Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
-   * @deprecated Use `slotProps.backdrop` instead.
-   */
-  BackdropProps: PropTypes.object,
-  /**
-   * A single child content element.
-   */
-  children: elementAcceptingRef.isRequired,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * When set to true the Modal waits until a nested Transition is completed before closing.
-   * @default false
-   */
-  closeAfterTransition: PropTypes.bool,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * The components used for each slot inside.
-   *
-   * This prop is an alias for the `slots` prop.
-   * It's recommended to use the `slots` prop instead.
-   *
-   * @default {}
-   */
-  components: PropTypes.shape({
-    Backdrop: PropTypes.elementType,
-    Root: PropTypes.elementType
-  }),
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * This prop is an alias for the `slotProps` prop.
-   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
-   *
-   * @default {}
-   */
-  componentsProps: PropTypes.shape({
-    backdrop: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-  }),
-  /**
-   * An HTML element or function that returns one.
-   * The `container` will have the portal children appended to it.
-   *
-   * You can also provide a callback, which is called in a React layout effect.
-   * This lets you set the container from a ref, and also makes server-side rendering possible.
-   *
-   * By default, it uses the body of the top-level document object,
-   * so it's simply `document.body` most of the time.
-   */
-  container: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([HTMLElementType, PropTypes.func]),
-  /**
-   * If `true`, the modal will not automatically shift focus to itself when it opens, and
-   * replace it to the last focused element when it closes.
-   * This also works correctly with any modal children that have the `disableAutoFocus` prop.
-   *
-   * Generally this should never be set to `true` as it makes the modal less
-   * accessible to assistive technologies, like screen readers.
-   * @default false
-   */
-  disableAutoFocus: PropTypes.bool,
-  /**
-   * If `true`, the modal will not prevent focus from leaving the modal while open.
-   *
-   * Generally this should never be set to `true` as it makes the modal less
-   * accessible to assistive technologies, like screen readers.
-   * @default false
-   */
-  disableEnforceFocus: PropTypes.bool,
-  /**
-   * If `true`, hitting escape will not fire the `onClose` callback.
-   * @default false
-   */
-  disableEscapeKeyDown: PropTypes.bool,
-  /**
-   * The `children` will be under the DOM hierarchy of the parent component.
-   * @default false
-   */
-  disablePortal: PropTypes.bool,
-  /**
-   * If `true`, the modal will not restore focus to previously focused element once
-   * modal is hidden or unmounted.
-   * @default false
-   */
-  disableRestoreFocus: PropTypes.bool,
-  /**
-   * Disable the scroll lock behavior.
-   * @default false
-   */
-  disableScrollLock: PropTypes.bool,
-  /**
-   * If `true`, the backdrop is not rendered.
-   * @default false
-   */
-  hideBackdrop: PropTypes.bool,
-  /**
-   * Always keep the children in the DOM.
-   * This prop can be useful in SEO situation or
-   * when you want to maximize the responsiveness of the Modal.
-   * @default false
-   */
-  keepMounted: PropTypes.bool,
-  /**
-   * Callback fired when the backdrop is clicked.
-   * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
-   */
-  onBackdropClick: PropTypes.func,
-  /**
-   * Callback fired when the component requests to be closed.
-   * The `reason` parameter can optionally be used to control the response to `onClose`.
-   *
-   * @param {object} event The event source of the callback.
-   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
-   */
-  onClose: PropTypes.func,
-  /**
-   * A function called when a transition enters.
-   */
-  onTransitionEnter: PropTypes.func,
-  /**
-   * A function called when a transition has exited.
-   */
-  onTransitionExited: PropTypes.func,
-  /**
-   * If `true`, the component is shown.
-   */
-  open: PropTypes.bool.isRequired,
-  /**
-   * The props used for each slot inside the Modal.
-   * @default {}
-   */
-  slotProps: PropTypes.shape({
-    backdrop: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-  }),
-  /**
-   * The components used for each slot inside the Modal.
-   * Either a string to use a HTML element or a component.
-   * @default {}
-   */
-  slots: PropTypes.shape({
-    backdrop: PropTypes.elementType,
-    root: 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])
-} : void 0;
-export default Modal;

package/legacy/Modal/index.js

@@ -1,6 +0,0 @@
-'use client';
-
-export { ModalManager } from '@mui/base/unstable_useModal';
-export { default } from './Modal';
-export { default as modalClasses } from './modalClasses';
-export * from './modalClasses';

package/legacy/Modal/modalClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getModalUtilityClass(slot) {
-  return generateUtilityClass('MuiModal', slot);
-}
-var modalClasses = generateUtilityClasses('MuiModal', ['root', 'hidden', 'backdrop']);
-export default modalClasses;