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

package/legacy/CircularProgress/CircularProgress.js

@@ -1,224 +0,0 @@
-'use client';
-
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import chainPropTypes from '@mui/utils/chainPropTypes';
-import composeClasses from '@mui/utils/composeClasses';
-import { keyframes, css } from '@mui/system';
-import capitalize from '../utils/capitalize';
-import useThemeProps from '../styles/useThemeProps';
-import styled from '../styles/styled';
-import { getCircularProgressUtilityClass } from './circularProgressClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-var SIZE = 44;
-var circularRotateKeyframe = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n"])));
-var circularDashKeyframe = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  0% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: 0;\n  }\n\n  50% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -15px;\n  }\n\n  100% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -125px;\n  }\n"])));
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes,
-    variant = ownerState.variant,
-    color = ownerState.color,
-    disableShrink = ownerState.disableShrink;
-  var slots = {
-    root: ['root', variant, "color".concat(capitalize(color))],
-    svg: ['svg'],
-    circle: ['circle', "circle".concat(capitalize(variant)), disableShrink && 'circleDisableShrink']
-  };
-  return composeClasses(slots, getCircularProgressUtilityClass, classes);
-};
-var CircularProgressRoot = styled('span', {
-  name: 'MuiCircularProgress',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    var ownerState = props.ownerState;
-    return [styles.root, styles[ownerState.variant], styles["color".concat(capitalize(ownerState.color))]];
-  }
-})(function (_ref) {
-  var ownerState = _ref.ownerState,
-    theme = _ref.theme;
-  return _extends({
-    display: 'inline-block'
-  }, ownerState.variant === 'determinate' && {
-    transition: theme.transitions.create('transform')
-  }, ownerState.color !== 'inherit' && {
-    color: (theme.vars || theme).palette[ownerState.color].main
-  });
-}, function (_ref2) {
-  var ownerState = _ref2.ownerState;
-  return ownerState.variant === 'indeterminate' && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      animation: ", " 1.4s linear infinite;\n    "])), circularRotateKeyframe);
-});
-var CircularProgressSVG = styled('svg', {
-  name: 'MuiCircularProgress',
-  slot: 'Svg',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.svg;
-  }
-})({
-  display: 'block' // Keeps the progress centered
-});
-var CircularProgressCircle = styled('circle', {
-  name: 'MuiCircularProgress',
-  slot: 'Circle',
-  overridesResolver: function overridesResolver(props, styles) {
-    var ownerState = props.ownerState;
-    return [styles.circle, styles["circle".concat(capitalize(ownerState.variant))], ownerState.disableShrink && styles.circleDisableShrink];
-  }
-})(function (_ref3) {
-  var ownerState = _ref3.ownerState,
-    theme = _ref3.theme;
-  return _extends({
-    stroke: 'currentColor'
-  }, ownerState.variant === 'determinate' && {
-    transition: theme.transitions.create('stroke-dashoffset')
-  }, ownerState.variant === 'indeterminate' && {
-    // Some default value that looks fine waiting for the animation to kicks in.
-    strokeDasharray: '80px, 200px',
-    strokeDashoffset: 0 // Add the unit to fix a Edge 16 and below bug.
-  });
-}, function (_ref4) {
-  var ownerState = _ref4.ownerState;
-  return ownerState.variant === 'indeterminate' && !ownerState.disableShrink && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      animation: ", " 1.4s ease-in-out infinite;\n    "])), circularDashKeyframe);
-});
-
-/**
- * ## ARIA
- *
- * If the progress bar is describing the loading progress of a particular region of a page,
- * you should use `aria-describedby` to point to the progress bar, and set the `aria-busy`
- * attribute to `true` on that region until it has finished loading.
- */
-var CircularProgress = /*#__PURE__*/React.forwardRef(function CircularProgress(inProps, ref) {
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiCircularProgress'
-  });
-  var className = props.className,
-    _props$color = props.color,
-    color = _props$color === void 0 ? 'primary' : _props$color,
-    _props$disableShrink = props.disableShrink,
-    disableShrink = _props$disableShrink === void 0 ? false : _props$disableShrink,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 40 : _props$size,
-    style = props.style,
-    _props$thickness = props.thickness,
-    thickness = _props$thickness === void 0 ? 3.6 : _props$thickness,
-    _props$value = props.value,
-    value = _props$value === void 0 ? 0 : _props$value,
-    _props$variant = props.variant,
-    variant = _props$variant === void 0 ? 'indeterminate' : _props$variant,
-    other = _objectWithoutProperties(props, ["className", "color", "disableShrink", "size", "style", "thickness", "value", "variant"]);
-  var ownerState = _extends({}, props, {
-    color: color,
-    disableShrink: disableShrink,
-    size: size,
-    thickness: thickness,
-    value: value,
-    variant: variant
-  });
-  var classes = useUtilityClasses(ownerState);
-  var circleStyle = {};
-  var rootStyle = {};
-  var rootProps = {};
-  if (variant === 'determinate') {
-    var circumference = 2 * Math.PI * ((SIZE - thickness) / 2);
-    circleStyle.strokeDasharray = circumference.toFixed(3);
-    rootProps['aria-valuenow'] = Math.round(value);
-    circleStyle.strokeDashoffset = "".concat(((100 - value) / 100 * circumference).toFixed(3), "px");
-    rootStyle.transform = 'rotate(-90deg)';
-  }
-  return /*#__PURE__*/_jsx(CircularProgressRoot, _extends({
-    className: clsx(classes.root, className),
-    style: _extends({
-      width: size,
-      height: size
-    }, rootStyle, style),
-    ownerState: ownerState,
-    ref: ref,
-    role: "progressbar"
-  }, rootProps, other, {
-    children: /*#__PURE__*/_jsx(CircularProgressSVG, {
-      className: classes.svg,
-      ownerState: ownerState,
-      viewBox: "".concat(SIZE / 2, " ").concat(SIZE / 2, " ").concat(SIZE, " ").concat(SIZE),
-      children: /*#__PURE__*/_jsx(CircularProgressCircle, {
-        className: classes.circle,
-        style: circleStyle,
-        ownerState: ownerState,
-        cx: SIZE,
-        cy: SIZE,
-        r: (SIZE - thickness) / 2,
-        fill: "none",
-        strokeWidth: thickness
-      })
-    })
-  }));
-});
-process.env.NODE_ENV !== "production" ? CircularProgress.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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * @default 'primary'
-   */
-  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),
-  /**
-   * If `true`, the shrink animation is disabled.
-   * This only works if variant is `indeterminate`.
-   * @default false
-   */
-  disableShrink: chainPropTypes(PropTypes.bool, function (props) {
-    if (props.disableShrink && props.variant && props.variant !== 'indeterminate') {
-      return new Error('MUI: You have provided the `disableShrink` prop ' + 'with a variant other than `indeterminate`. This will have no effect.');
-    }
-    return null;
-  }),
-  /**
-   * The size of the component.
-   * If using a number, the pixel unit is assumed.
-   * If using a string, you need to provide the CSS unit, for example '3rem'.
-   * @default 40
-   */
-  size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  /**
-   * @ignore
-   */
-  style: 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 thickness of the circle.
-   * @default 3.6
-   */
-  thickness: PropTypes.number,
-  /**
-   * The value of the progress indicator for the determinate variant.
-   * Value between 0 and 100.
-   * @default 0
-   */
-  value: PropTypes.number,
-  /**
-   * The variant to use.
-   * Use indeterminate when there is no progress value.
-   * @default 'indeterminate'
-   */
-  variant: PropTypes.oneOf(['determinate', 'indeterminate'])
-} : void 0;
-export default CircularProgress;

package/legacy/CircularProgress/circularProgressClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getCircularProgressUtilityClass(slot) {
-  return generateUtilityClass('MuiCircularProgress', slot);
-}
-var circularProgressClasses = generateUtilityClasses('MuiCircularProgress', ['root', 'determinate', 'indeterminate', 'colorPrimary', 'colorSecondary', 'svg', 'circle', 'circleDeterminate', 'circleIndeterminate', 'circleDisableShrink']);
-export default circularProgressClasses;

package/legacy/CircularProgress/index.js

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

package/legacy/ClickAwayListener/index.js

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

package/legacy/Collapse/Collapse.js

@@ -1,383 +0,0 @@
-'use client';
-
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import clsx from 'clsx';
-import PropTypes from 'prop-types';
-import { Transition } from 'react-transition-group';
-import useTimeout from '@mui/utils/useTimeout';
-import elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';
-import composeClasses from '@mui/utils/composeClasses';
-import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
-import { duration } from '../styles/createTransitions';
-import { getTransitionProps } from '../transitions/utils';
-import useTheme from '../styles/useTheme';
-import { useForkRef } from '../utils';
-import { getCollapseUtilityClass } from './collapseClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var orientation = ownerState.orientation,
-    classes = ownerState.classes;
-  var slots = {
-    root: ['root', "".concat(orientation)],
-    entered: ['entered'],
-    hidden: ['hidden'],
-    wrapper: ['wrapper', "".concat(orientation)],
-    wrapperInner: ['wrapperInner', "".concat(orientation)]
-  };
-  return composeClasses(slots, getCollapseUtilityClass, classes);
-};
-var CollapseRoot = styled('div', {
-  name: 'MuiCollapse',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    var ownerState = props.ownerState;
-    return [styles.root, styles[ownerState.orientation], ownerState.state === 'entered' && styles.entered, ownerState.state === 'exited' && !ownerState.in && ownerState.collapsedSize === '0px' && styles.hidden];
-  }
-})(function (_ref) {
-  var theme = _ref.theme,
-    ownerState = _ref.ownerState;
-  return _extends({
-    height: 0,
-    overflow: 'hidden',
-    transition: theme.transitions.create('height')
-  }, ownerState.orientation === 'horizontal' && {
-    height: 'auto',
-    width: 0,
-    transition: theme.transitions.create('width')
-  }, ownerState.state === 'entered' && _extends({
-    height: 'auto',
-    overflow: 'visible'
-  }, ownerState.orientation === 'horizontal' && {
-    width: 'auto'
-  }), ownerState.state === 'exited' && !ownerState.in && ownerState.collapsedSize === '0px' && {
-    visibility: 'hidden'
-  });
-});
-var CollapseWrapper = styled('div', {
-  name: 'MuiCollapse',
-  slot: 'Wrapper',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.wrapper;
-  }
-})(function (_ref2) {
-  var ownerState = _ref2.ownerState;
-  return _extends({
-    // Hack to get children with a negative margin to not falsify the height computation.
-    display: 'flex',
-    width: '100%'
-  }, ownerState.orientation === 'horizontal' && {
-    width: 'auto',
-    height: '100%'
-  });
-});
-var CollapseWrapperInner = styled('div', {
-  name: 'MuiCollapse',
-  slot: 'WrapperInner',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.wrapperInner;
-  }
-})(function (_ref3) {
-  var ownerState = _ref3.ownerState;
-  return _extends({
-    width: '100%'
-  }, ownerState.orientation === 'horizontal' && {
-    width: 'auto',
-    height: '100%'
-  });
-});
-
-/**
- * The Collapse transition is used by the
- * [Vertical Stepper](/material-ui/react-stepper/#vertical-stepper) StepContent component.
- * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
- */
-var Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiCollapse'
-  });
-  var addEndListener = props.addEndListener,
-    _children = props.children,
-    className = props.className,
-    _props$collapsedSize = props.collapsedSize,
-    collapsedSizeProp = _props$collapsedSize === void 0 ? '0px' : _props$collapsedSize,
-    component = props.component,
-    easing = props.easing,
-    inProp = props.in,
-    onEnter = props.onEnter,
-    onEntered = props.onEntered,
-    onEntering = props.onEntering,
-    onExit = props.onExit,
-    onExited = props.onExited,
-    onExiting = props.onExiting,
-    _props$orientation = props.orientation,
-    orientation = _props$orientation === void 0 ? 'vertical' : _props$orientation,
-    style = props.style,
-    _props$timeout = props.timeout,
-    timeout = _props$timeout === void 0 ? duration.standard : _props$timeout,
-    _props$TransitionComp = props.TransitionComponent,
-    TransitionComponent = _props$TransitionComp === void 0 ? Transition : _props$TransitionComp,
-    other = _objectWithoutProperties(props, ["addEndListener", "children", "className", "collapsedSize", "component", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "orientation", "style", "timeout", "TransitionComponent"]);
-  var ownerState = _extends({}, props, {
-    orientation: orientation,
-    collapsedSize: collapsedSizeProp
-  });
-  var classes = useUtilityClasses(ownerState);
-  var theme = useTheme();
-  var timer = useTimeout();
-  var wrapperRef = React.useRef(null);
-  var autoTransitionDuration = React.useRef();
-  var collapsedSize = typeof collapsedSizeProp === 'number' ? "".concat(collapsedSizeProp, "px") : collapsedSizeProp;
-  var isHorizontal = orientation === 'horizontal';
-  var size = isHorizontal ? 'width' : 'height';
-  var nodeRef = React.useRef(null);
-  var handleRef = useForkRef(ref, nodeRef);
-  var normalizedTransitionCallback = function normalizedTransitionCallback(callback) {
-    return function (maybeIsAppearing) {
-      if (callback) {
-        var node = nodeRef.current;
-
-        // onEnterXxx and onExitXxx callbacks have a different arguments.length value.
-        if (maybeIsAppearing === undefined) {
-          callback(node);
-        } else {
-          callback(node, maybeIsAppearing);
-        }
-      }
-    };
-  };
-  var getWrapperSize = function getWrapperSize() {
-    return wrapperRef.current ? wrapperRef.current[isHorizontal ? 'clientWidth' : 'clientHeight'] : 0;
-  };
-  var handleEnter = normalizedTransitionCallback(function (node, isAppearing) {
-    if (wrapperRef.current && isHorizontal) {
-      // Set absolute position to get the size of collapsed content
-      wrapperRef.current.style.position = 'absolute';
-    }
-    node.style[size] = collapsedSize;
-    if (onEnter) {
-      onEnter(node, isAppearing);
-    }
-  });
-  var handleEntering = normalizedTransitionCallback(function (node, isAppearing) {
-    var wrapperSize = getWrapperSize();
-    if (wrapperRef.current && isHorizontal) {
-      // After the size is read reset the position back to default
-      wrapperRef.current.style.position = '';
-    }
-    var _getTransitionProps = getTransitionProps({
-        style: style,
-        timeout: timeout,
-        easing: easing
-      }, {
-        mode: 'enter'
-      }),
-      transitionDuration = _getTransitionProps.duration,
-      transitionTimingFunction = _getTransitionProps.easing;
-    if (timeout === 'auto') {
-      var duration2 = theme.transitions.getAutoHeightDuration(wrapperSize);
-      node.style.transitionDuration = "".concat(duration2, "ms");
-      autoTransitionDuration.current = duration2;
-    } else {
-      node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : "".concat(transitionDuration, "ms");
-    }
-    node.style[size] = "".concat(wrapperSize, "px");
-    node.style.transitionTimingFunction = transitionTimingFunction;
-    if (onEntering) {
-      onEntering(node, isAppearing);
-    }
-  });
-  var handleEntered = normalizedTransitionCallback(function (node, isAppearing) {
-    node.style[size] = 'auto';
-    if (onEntered) {
-      onEntered(node, isAppearing);
-    }
-  });
-  var handleExit = normalizedTransitionCallback(function (node) {
-    node.style[size] = "".concat(getWrapperSize(), "px");
-    if (onExit) {
-      onExit(node);
-    }
-  });
-  var handleExited = normalizedTransitionCallback(onExited);
-  var handleExiting = normalizedTransitionCallback(function (node) {
-    var wrapperSize = getWrapperSize();
-    var _getTransitionProps2 = getTransitionProps({
-        style: style,
-        timeout: timeout,
-        easing: easing
-      }, {
-        mode: 'exit'
-      }),
-      transitionDuration = _getTransitionProps2.duration,
-      transitionTimingFunction = _getTransitionProps2.easing;
-    if (timeout === 'auto') {
-      // TODO: rename getAutoHeightDuration to something more generic (width support)
-      // Actually it just calculates animation duration based on size
-      var duration2 = theme.transitions.getAutoHeightDuration(wrapperSize);
-      node.style.transitionDuration = "".concat(duration2, "ms");
-      autoTransitionDuration.current = duration2;
-    } else {
-      node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : "".concat(transitionDuration, "ms");
-    }
-    node.style[size] = collapsedSize;
-    node.style.transitionTimingFunction = transitionTimingFunction;
-    if (onExiting) {
-      onExiting(node);
-    }
-  });
-  var handleAddEndListener = function handleAddEndListener(next) {
-    if (timeout === 'auto') {
-      timer.start(autoTransitionDuration.current || 0, next);
-    }
-    if (addEndListener) {
-      // Old call signature before `react-transition-group` implemented `nodeRef`
-      addEndListener(nodeRef.current, next);
-    }
-  };
-  return /*#__PURE__*/_jsx(TransitionComponent, _extends({
-    in: inProp,
-    onEnter: handleEnter,
-    onEntered: handleEntered,
-    onEntering: handleEntering,
-    onExit: handleExit,
-    onExited: handleExited,
-    onExiting: handleExiting,
-    addEndListener: handleAddEndListener,
-    nodeRef: nodeRef,
-    timeout: timeout === 'auto' ? null : timeout
-  }, other, {
-    children: function children(state, childProps) {
-      return /*#__PURE__*/_jsx(CollapseRoot, _extends({
-        as: component,
-        className: clsx(classes.root, className, {
-          'entered': classes.entered,
-          'exited': !inProp && collapsedSize === '0px' && classes.hidden
-        }[state]),
-        style: _extends(_defineProperty({}, isHorizontal ? 'minWidth' : 'minHeight', collapsedSize), style),
-        ref: handleRef
-      }, childProps, {
-        // `ownerState` is set after `childProps` to override any existing `ownerState` property in `childProps`
-        // that might have been forwarded from the Transition component.
-        ownerState: _extends({}, ownerState, {
-          state: state
-        }),
-        children: /*#__PURE__*/_jsx(CollapseWrapper, {
-          ownerState: _extends({}, ownerState, {
-            state: state
-          }),
-          className: classes.wrapper,
-          ref: wrapperRef,
-          children: /*#__PURE__*/_jsx(CollapseWrapperInner, {
-            ownerState: _extends({}, ownerState, {
-              state: state
-            }),
-            className: classes.wrapperInner,
-            children: _children
-          })
-        })
-      }));
-    }
-  }));
-});
-process.env.NODE_ENV !== "production" ? Collapse.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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Add a custom transition end trigger. Called with the transitioning DOM
-   * node and a done callback. Allows for more fine grained transition end
-   * logic. Note: Timeouts are still used as a fallback if provided.
-   */
-  addEndListener: PropTypes.func,
-  /**
-   * The content node to be collapsed.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The width (horizontal) or height (vertical) of the container when collapsed.
-   * @default '0px'
-   */
-  collapsedSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: elementTypeAcceptingRef,
-  /**
-   * The transition timing function.
-   * You may specify a single easing or a object containing enter and exit values.
-   */
-  easing: PropTypes.oneOfType([PropTypes.shape({
-    enter: PropTypes.string,
-    exit: PropTypes.string
-  }), PropTypes.string]),
-  /**
-   * If `true`, the component will transition in.
-   */
-  in: PropTypes.bool,
-  /**
-   * @ignore
-   */
-  onEnter: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onEntered: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onEntering: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onExit: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onExited: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onExiting: PropTypes.func,
-  /**
-   * The transition orientation.
-   * @default 'vertical'
-   */
-  orientation: PropTypes.oneOf(['horizontal', 'vertical']),
-  /**
-   * @ignore
-   */
-  style: 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.
-   *
-   * Set to 'auto' to automatically calculate transition time based on height.
-   * @default duration.standard
-   */
-  timeout: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.shape({
-    appear: PropTypes.number,
-    enter: PropTypes.number,
-    exit: PropTypes.number
-  })])
-} : void 0;
-Collapse.muiSupportAuto = true;
-export default Collapse;

package/legacy/Collapse/collapseClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getCollapseUtilityClass(slot) {
-  return generateUtilityClass('MuiCollapse', slot);
-}
-var collapseClasses = generateUtilityClasses('MuiCollapse', ['root', 'horizontal', 'vertical', 'entered', 'hidden', 'wrapper', 'wrapperInner']);
-export default collapseClasses;

package/legacy/Collapse/index.js

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