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

package/legacy/Divider/Divider.js

@@ -1,316 +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 composeClasses from '@mui/utils/composeClasses';
-import { alpha } from '@mui/system/colorManipulator';
-import { styled, createUseThemeProps } from '../zero-styled';
-import { getDividerUtilityClass } from './dividerClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-var useThemeProps = createUseThemeProps('MuiDivider');
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var absolute = ownerState.absolute,
-    children = ownerState.children,
-    classes = ownerState.classes,
-    flexItem = ownerState.flexItem,
-    light = ownerState.light,
-    orientation = ownerState.orientation,
-    textAlign = ownerState.textAlign,
-    variant = ownerState.variant;
-  var slots = {
-    root: ['root', absolute && 'absolute', variant, light && 'light', orientation === 'vertical' && 'vertical', flexItem && 'flexItem', children && 'withChildren', children && orientation === 'vertical' && 'withChildrenVertical', textAlign === 'right' && orientation !== 'vertical' && 'textAlignRight', textAlign === 'left' && orientation !== 'vertical' && 'textAlignLeft'],
-    wrapper: ['wrapper', orientation === 'vertical' && 'wrapperVertical']
-  };
-  return composeClasses(slots, getDividerUtilityClass, classes);
-};
-var DividerRoot = styled('div', {
-  name: 'MuiDivider',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    var ownerState = props.ownerState;
-    return [styles.root, ownerState.absolute && styles.absolute, styles[ownerState.variant], ownerState.light && styles.light, ownerState.orientation === 'vertical' && styles.vertical, ownerState.flexItem && styles.flexItem, ownerState.children && styles.withChildren, ownerState.children && ownerState.orientation === 'vertical' && styles.withChildrenVertical, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && styles.textAlignRight, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && styles.textAlignLeft];
-  }
-})(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    margin: 0,
-    // Reset browser default style.
-    flexShrink: 0,
-    borderWidth: 0,
-    borderStyle: 'solid',
-    borderColor: (theme.vars || theme).palette.divider,
-    borderBottomWidth: 'thin',
-    variants: [{
-      props: {
-        absolute: true
-      },
-      style: {
-        position: 'absolute',
-        bottom: 0,
-        left: 0,
-        width: '100%'
-      }
-    }, {
-      props: {
-        light: true
-      },
-      style: {
-        borderColor: theme.vars ? "rgba(".concat(theme.vars.palette.dividerChannel, " / 0.08)") : alpha(theme.palette.divider, 0.08)
-      }
-    }, {
-      props: {
-        variant: 'inset'
-      },
-      style: {
-        marginLeft: 72
-      }
-    }, {
-      props: {
-        variant: 'middle',
-        orientation: 'horizontal'
-      },
-      style: {
-        marginLeft: theme.spacing(2),
-        marginRight: theme.spacing(2)
-      }
-    }, {
-      props: {
-        variant: 'middle',
-        orientation: 'vertical'
-      },
-      style: {
-        marginTop: theme.spacing(1),
-        marginBottom: theme.spacing(1)
-      }
-    }, {
-      props: {
-        orientation: 'vertical'
-      },
-      style: {
-        height: '100%',
-        borderBottomWidth: 0,
-        borderRightWidth: 'thin'
-      }
-    }, {
-      props: {
-        flexItem: true
-      },
-      style: {
-        alignSelf: 'stretch',
-        height: 'auto'
-      }
-    }, {
-      props: function props(_ref2) {
-        var ownerState = _ref2.ownerState;
-        return !!ownerState.children;
-      },
-      style: {
-        display: 'flex',
-        whiteSpace: 'nowrap',
-        textAlign: 'center',
-        border: 0,
-        '&::before, &::after': {
-          content: '""',
-          alignSelf: 'center'
-        }
-      }
-    }, {
-      props: function props(_ref3) {
-        var ownerState = _ref3.ownerState;
-        return ownerState.children && ownerState.orientation !== 'vertical';
-      },
-      style: {
-        '&::before, &::after': {
-          width: '100%',
-          borderTop: "thin solid ".concat((theme.vars || theme).palette.divider)
-        }
-      }
-    }, {
-      props: function props(_ref4) {
-        var ownerState = _ref4.ownerState;
-        return ownerState.orientation === 'vertical' && ownerState.children;
-      },
-      style: {
-        flexDirection: 'column',
-        '&::before, &::after': {
-          height: '100%',
-          borderLeft: "thin solid ".concat((theme.vars || theme).palette.divider)
-        }
-      }
-    }, {
-      props: function props(_ref5) {
-        var ownerState = _ref5.ownerState;
-        return ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical';
-      },
-      style: {
-        '&::before': {
-          width: '90%'
-        },
-        '&::after': {
-          width: '10%'
-        }
-      }
-    }, {
-      props: function props(_ref6) {
-        var ownerState = _ref6.ownerState;
-        return ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical';
-      },
-      style: {
-        '&::before': {
-          width: '10%'
-        },
-        '&::after': {
-          width: '90%'
-        }
-      }
-    }]
-  };
-});
-var DividerWrapper = styled('span', {
-  name: 'MuiDivider',
-  slot: 'Wrapper',
-  overridesResolver: function overridesResolver(props, styles) {
-    var ownerState = props.ownerState;
-    return [styles.wrapper, ownerState.orientation === 'vertical' && styles.wrapperVertical];
-  }
-})(function (_ref7) {
-  var theme = _ref7.theme;
-  return {
-    display: 'inline-block',
-    paddingLeft: "calc(".concat(theme.spacing(1), " * 1.2)"),
-    paddingRight: "calc(".concat(theme.spacing(1), " * 1.2)"),
-    variants: [{
-      props: {
-        orientation: 'vertical'
-      },
-      style: {
-        paddingTop: "calc(".concat(theme.spacing(1), " * 1.2)"),
-        paddingBottom: "calc(".concat(theme.spacing(1), " * 1.2)")
-      }
-    }]
-  };
-});
-var Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiDivider'
-  });
-  var _props$absolute = props.absolute,
-    absolute = _props$absolute === void 0 ? false : _props$absolute,
-    children = props.children,
-    className = props.className,
-    _props$component = props.component,
-    component = _props$component === void 0 ? children ? 'div' : 'hr' : _props$component,
-    _props$flexItem = props.flexItem,
-    flexItem = _props$flexItem === void 0 ? false : _props$flexItem,
-    _props$light = props.light,
-    light = _props$light === void 0 ? false : _props$light,
-    _props$orientation = props.orientation,
-    orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
-    _props$role = props.role,
-    role = _props$role === void 0 ? component !== 'hr' ? 'separator' : undefined : _props$role,
-    _props$textAlign = props.textAlign,
-    textAlign = _props$textAlign === void 0 ? 'center' : _props$textAlign,
-    _props$variant = props.variant,
-    variant = _props$variant === void 0 ? 'fullWidth' : _props$variant,
-    other = _objectWithoutProperties(props, ["absolute", "children", "className", "component", "flexItem", "light", "orientation", "role", "textAlign", "variant"]);
-  var ownerState = _extends({}, props, {
-    absolute: absolute,
-    component: component,
-    flexItem: flexItem,
-    light: light,
-    orientation: orientation,
-    role: role,
-    textAlign: textAlign,
-    variant: variant
-  });
-  var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(DividerRoot, _extends({
-    as: component,
-    className: clsx(classes.root, className),
-    role: role,
-    ref: ref,
-    ownerState: ownerState
-  }, other, {
-    children: children ? /*#__PURE__*/_jsx(DividerWrapper, {
-      className: classes.wrapper,
-      ownerState: ownerState,
-      children: children
-    }) : null
-  }));
-});
-
-/**
- * The following flag is used to ensure that this component isn't tabbable i.e.
- * does not get highlight/focus inside of MUI List.
- */
-if (Divider) {
-  Divider.muiSkipListHighlight = true;
-}
-process.env.NODE_ENV !== "production" ? Divider.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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Absolutely position the element.
-   * @default false
-   */
-  absolute: PropTypes.bool,
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * If `true`, a vertical divider will have the correct height when used in flex container.
-   * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)
-   * @default false
-   */
-  flexItem: PropTypes.bool,
-  /**
-   * If `true`, the divider will have a lighter color.
-   * @default false
-   * @deprecated Use <Divider sx={{ opacity: 0.6 }} /> (or any opacity or color) instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
-   */
-  light: PropTypes.bool,
-  /**
-   * The component orientation.
-   * @default 'horizontal'
-   */
-  orientation: PropTypes.oneOf(['horizontal', 'vertical']),
-  /**
-   * @ignore
-   */
-  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]),
-  /**
-   * The text alignment.
-   * @default 'center'
-   */
-  textAlign: PropTypes.oneOf(['center', 'left', 'right']),
-  /**
-   * The variant to use.
-   * @default 'fullWidth'
-   */
-  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['fullWidth', 'inset', 'middle']), PropTypes.string])
-} : void 0;
-export default Divider;

package/legacy/Divider/dividerClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getDividerUtilityClass(slot) {
-  return generateUtilityClass('MuiDivider', slot);
-}
-var dividerClasses = generateUtilityClasses('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'light', 'vertical', 'withChildren', 'withChildrenVertical', 'textAlignRight', 'textAlignLeft', 'wrapper', 'wrapperVertical']);
-export default dividerClasses;

package/legacy/Divider/index.js

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

package/legacy/Drawer/Drawer.js

@@ -1,316 +0,0 @@
-'use client';
-
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
-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 { useRtl } from '@mui/system/RtlProvider';
-import Modal from '../Modal';
-import Slide from '../Slide';
-import Paper from '../Paper';
-import capitalize from '../utils/capitalize';
-import useTheme from '../styles/useTheme';
-import useThemeProps from '../styles/useThemeProps';
-import styled, { rootShouldForwardProp } from '../styles/styled';
-import { getDrawerUtilityClass } from './drawerClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-var overridesResolver = function overridesResolver(props, styles) {
-  var ownerState = props.ownerState;
-  return [styles.root, (ownerState.variant === 'permanent' || ownerState.variant === 'persistent') && styles.docked, styles.modal];
-};
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes,
-    anchor = ownerState.anchor,
-    variant = ownerState.variant;
-  var slots = {
-    root: ['root'],
-    docked: [(variant === 'permanent' || variant === 'persistent') && 'docked'],
-    modal: ['modal'],
-    paper: ['paper', "paperAnchor".concat(capitalize(anchor)), variant !== 'temporary' && "paperAnchorDocked".concat(capitalize(anchor))]
-  };
-  return composeClasses(slots, getDrawerUtilityClass, classes);
-};
-var DrawerRoot = styled(Modal, {
-  name: 'MuiDrawer',
-  slot: 'Root',
-  overridesResolver: overridesResolver
-})(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    zIndex: (theme.vars || theme).zIndex.drawer
-  };
-});
-var DrawerDockedRoot = styled('div', {
-  shouldForwardProp: rootShouldForwardProp,
-  name: 'MuiDrawer',
-  slot: 'Docked',
-  skipVariantsResolver: false,
-  overridesResolver: overridesResolver
-})({
-  flex: '0 0 auto'
-});
-var DrawerPaper = styled(Paper, {
-  name: 'MuiDrawer',
-  slot: 'Paper',
-  overridesResolver: function overridesResolver(props, styles) {
-    var ownerState = props.ownerState;
-    return [styles.paper, styles["paperAnchor".concat(capitalize(ownerState.anchor))], ownerState.variant !== 'temporary' && styles["paperAnchorDocked".concat(capitalize(ownerState.anchor))]];
-  }
-})(function (_ref2) {
-  var theme = _ref2.theme,
-    ownerState = _ref2.ownerState;
-  return _extends({
-    overflowY: 'auto',
-    display: 'flex',
-    flexDirection: 'column',
-    height: '100%',
-    flex: '1 0 auto',
-    zIndex: (theme.vars || theme).zIndex.drawer,
-    // Add iOS momentum scrolling for iOS < 13.0
-    WebkitOverflowScrolling: 'touch',
-    // temporary style
-    position: 'fixed',
-    top: 0,
-    // We disable the focus ring for mouse, touch and keyboard users.
-    // At some point, it would be better to keep it for keyboard users.
-    // :focus-ring CSS pseudo-class will help.
-    outline: 0
-  }, ownerState.anchor === 'left' && {
-    left: 0
-  }, ownerState.anchor === 'top' && {
-    top: 0,
-    left: 0,
-    right: 0,
-    height: 'auto',
-    maxHeight: '100%'
-  }, ownerState.anchor === 'right' && {
-    right: 0
-  }, ownerState.anchor === 'bottom' && {
-    top: 'auto',
-    left: 0,
-    bottom: 0,
-    right: 0,
-    height: 'auto',
-    maxHeight: '100%'
-  }, ownerState.anchor === 'left' && ownerState.variant !== 'temporary' && {
-    borderRight: "1px solid ".concat((theme.vars || theme).palette.divider)
-  }, ownerState.anchor === 'top' && ownerState.variant !== 'temporary' && {
-    borderBottom: "1px solid ".concat((theme.vars || theme).palette.divider)
-  }, ownerState.anchor === 'right' && ownerState.variant !== 'temporary' && {
-    borderLeft: "1px solid ".concat((theme.vars || theme).palette.divider)
-  }, ownerState.anchor === 'bottom' && ownerState.variant !== 'temporary' && {
-    borderTop: "1px solid ".concat((theme.vars || theme).palette.divider)
-  });
-});
-var oppositeDirection = {
-  left: 'right',
-  right: 'left',
-  top: 'down',
-  bottom: 'up'
-};
-export function isHorizontal(anchor) {
-  return ['left', 'right'].indexOf(anchor) !== -1;
-}
-export function getAnchor(_ref3, anchor) {
-  var direction = _ref3.direction;
-  return direction === 'rtl' && isHorizontal(anchor) ? oppositeDirection[anchor] : anchor;
-}
-
-/**
- * The props of the [Modal](/material-ui/api/modal/) component are available
- * when `variant="temporary"` is set.
- */
-var Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiDrawer'
-  });
-  var theme = useTheme();
-  var isRtl = useRtl();
-  var defaultTransitionDuration = {
-    enter: theme.transitions.duration.enteringScreen,
-    exit: theme.transitions.duration.leavingScreen
-  };
-  var _props$anchor = props.anchor,
-    anchorProp = _props$anchor === void 0 ? 'left' : _props$anchor,
-    BackdropProps = props.BackdropProps,
-    children = props.children,
-    className = props.className,
-    _props$elevation = props.elevation,
-    elevation = _props$elevation === void 0 ? 16 : _props$elevation,
-    _props$hideBackdrop = props.hideBackdrop,
-    hideBackdrop = _props$hideBackdrop === void 0 ? false : _props$hideBackdrop,
-    _props$ModalProps = props.ModalProps,
-    _props$ModalProps2 = _props$ModalProps === void 0 ? {} : _props$ModalProps,
-    BackdropPropsProp = _props$ModalProps2.BackdropProps,
-    ModalProps = _objectWithoutProperties(_props$ModalProps2, ["BackdropProps"]),
-    onClose = props.onClose,
-    _props$open = props.open,
-    open = _props$open === void 0 ? false : _props$open,
-    _props$PaperProps = props.PaperProps,
-    PaperProps = _props$PaperProps === void 0 ? {} : _props$PaperProps,
-    SlideProps = props.SlideProps,
-    _props$TransitionComp = props.TransitionComponent,
-    TransitionComponent = _props$TransitionComp === void 0 ? Slide : _props$TransitionComp,
-    _props$transitionDura = props.transitionDuration,
-    transitionDuration = _props$transitionDura === void 0 ? defaultTransitionDuration : _props$transitionDura,
-    _props$variant = props.variant,
-    variant = _props$variant === void 0 ? 'temporary' : _props$variant,
-    other = _objectWithoutProperties(props, ["anchor", "BackdropProps", "children", "className", "elevation", "hideBackdrop", "ModalProps", "onClose", "open", "PaperProps", "SlideProps", "TransitionComponent", "transitionDuration", "variant"]); // Let's assume that the Drawer will always be rendered on user space.
-  // We use this state is order to skip the appear transition during the
-  // initial mount of the component.
-  var mounted = React.useRef(false);
-  React.useEffect(function () {
-    mounted.current = true;
-  }, []);
-  var anchorInvariant = getAnchor({
-    direction: isRtl ? 'rtl' : 'ltr'
-  }, anchorProp);
-  var anchor = anchorProp;
-  var ownerState = _extends({}, props, {
-    anchor: anchor,
-    elevation: elevation,
-    open: open,
-    variant: variant
-  }, other);
-  var classes = useUtilityClasses(ownerState);
-  var drawer = /*#__PURE__*/_jsx(DrawerPaper, _extends({
-    elevation: variant === 'temporary' ? elevation : 0,
-    square: true
-  }, PaperProps, {
-    className: clsx(classes.paper, PaperProps.className),
-    ownerState: ownerState,
-    children: children
-  }));
-  if (variant === 'permanent') {
-    return /*#__PURE__*/_jsx(DrawerDockedRoot, _extends({
-      className: clsx(classes.root, classes.docked, className),
-      ownerState: ownerState,
-      ref: ref
-    }, other, {
-      children: drawer
-    }));
-  }
-  var slidingDrawer = /*#__PURE__*/_jsx(TransitionComponent, _extends({
-    in: open,
-    direction: oppositeDirection[anchorInvariant],
-    timeout: transitionDuration,
-    appear: mounted.current
-  }, SlideProps, {
-    children: drawer
-  }));
-  if (variant === 'persistent') {
-    return /*#__PURE__*/_jsx(DrawerDockedRoot, _extends({
-      className: clsx(classes.root, classes.docked, className),
-      ownerState: ownerState,
-      ref: ref
-    }, other, {
-      children: slidingDrawer
-    }));
-  }
-
-  // variant === temporary
-  return /*#__PURE__*/_jsx(DrawerRoot, _extends({
-    BackdropProps: _extends({}, BackdropProps, BackdropPropsProp, {
-      transitionDuration: transitionDuration
-    }),
-    className: clsx(classes.root, classes.modal, className),
-    open: open,
-    ownerState: ownerState,
-    onClose: onClose,
-    hideBackdrop: hideBackdrop,
-    ref: ref
-  }, other, ModalProps, {
-    children: slidingDrawer
-  }));
-});
-process.env.NODE_ENV !== "production" ? Drawer.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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Side from which the drawer will appear.
-   * @default 'left'
-   */
-  anchor: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),
-  /**
-   * @ignore
-   */
-  BackdropProps: PropTypes.object,
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The elevation of the drawer.
-   * @default 16
-   */
-  elevation: integerPropType,
-  /**
-   * If `true`, the backdrop is not rendered.
-   * @default false
-   */
-  hideBackdrop: PropTypes.bool,
-  /**
-   * Props applied to the [`Modal`](/material-ui/api/modal/) element.
-   * @default {}
-   */
-  ModalProps: PropTypes.object,
-  /**
-   * 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,
-  /**
-   * If `true`, the component is shown.
-   * @default false
-   */
-  open: PropTypes.bool,
-  /**
-   * Props applied to the [`Paper`](/material-ui/api/paper/) element.
-   * @default {}
-   */
-  PaperProps: PropTypes.object,
-  /**
-   * Props applied to the [`Slide`](/material-ui/api/slide/) element.
-   */
-  SlideProps: PropTypes.object,
-  /**
-   * 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 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
-  })]),
-  /**
-   * The variant to use.
-   * @default 'temporary'
-   */
-  variant: PropTypes.oneOf(['permanent', 'persistent', 'temporary'])
-} : void 0;
-export default Drawer;

package/legacy/Drawer/drawerClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getDrawerUtilityClass(slot) {
-  return generateUtilityClass('MuiDrawer', slot);
-}
-var drawerClasses = generateUtilityClasses('MuiDrawer', ['root', 'docked', 'paper', 'paperAnchorLeft', 'paperAnchorRight', 'paperAnchorTop', 'paperAnchorBottom', 'paperAnchorDockedLeft', 'paperAnchorDockedRight', 'paperAnchorDockedTop', 'paperAnchorDockedBottom', 'modal']);
-export default drawerClasses;

package/legacy/Drawer/index.js

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