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

package/legacy/Step/index.js

@@ -1,7 +0,0 @@
-'use client';
-
-export { default } from './Step';
-export { default as stepClasses } from './stepClasses';
-export * from './stepClasses';
-export { default as StepContext } from './StepContext';
-export * from './StepContext';

package/legacy/Step/stepClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getStepUtilityClass(slot) {
-  return generateUtilityClass('MuiStep', slot);
-}
-var stepClasses = generateUtilityClasses('MuiStep', ['root', 'horizontal', 'vertical', 'alternativeLabel', 'completed']);
-export default stepClasses;

package/legacy/StepButton/StepButton.js

@@ -1,122 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import composeClasses from '@mui/utils/composeClasses';
-import { styled, createUseThemeProps } from '../zero-styled';
-import ButtonBase from '../ButtonBase';
-import StepLabel from '../StepLabel';
-import isMuiElement from '../utils/isMuiElement';
-import StepperContext from '../Stepper/StepperContext';
-import StepContext from '../Step/StepContext';
-import stepButtonClasses, { getStepButtonUtilityClass } from './stepButtonClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-var useThemeProps = createUseThemeProps('MuiStepButton');
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes,
-    orientation = ownerState.orientation;
-  var slots = {
-    root: ['root', orientation],
-    touchRipple: ['touchRipple']
-  };
-  return composeClasses(slots, getStepButtonUtilityClass, classes);
-};
-var StepButtonRoot = styled(ButtonBase, {
-  name: 'MuiStepButton',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    var ownerState = props.ownerState;
-    return [_defineProperty({}, "& .".concat(stepButtonClasses.touchRipple), styles.touchRipple), styles.root, styles[ownerState.orientation]];
-  }
-})(_defineProperty(_defineProperty({
-  width: '100%',
-  padding: '24px 16px',
-  margin: '-24px -16px',
-  boxSizing: 'content-box'
-}, "& .".concat(stepButtonClasses.touchRipple), {
-  color: 'rgba(0, 0, 0, 0.3)'
-}), "variants", [{
-  props: {
-    orientation: 'vertical'
-  },
-  style: {
-    justifyContent: 'flex-start',
-    padding: '8px',
-    margin: '-8px'
-  }
-}]));
-var StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, ref) {
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiStepButton'
-  });
-  var children = props.children,
-    className = props.className,
-    icon = props.icon,
-    optional = props.optional,
-    other = _objectWithoutProperties(props, ["children", "className", "icon", "optional"]);
-  var _React$useContext = React.useContext(StepContext),
-    disabled = _React$useContext.disabled,
-    active = _React$useContext.active;
-  var _React$useContext2 = React.useContext(StepperContext),
-    orientation = _React$useContext2.orientation;
-  var ownerState = _extends({}, props, {
-    orientation: orientation
-  });
-  var classes = useUtilityClasses(ownerState);
-  var childProps = {
-    icon: icon,
-    optional: optional
-  };
-  var child = isMuiElement(children, ['StepLabel']) ? ( /*#__PURE__*/React.cloneElement(children, childProps)) : /*#__PURE__*/_jsx(StepLabel, _extends({}, childProps, {
-    children: children
-  }));
-  return /*#__PURE__*/_jsx(StepButtonRoot, _extends({
-    focusRipple: true,
-    disabled: disabled,
-    TouchRippleProps: {
-      className: classes.touchRipple
-    },
-    className: clsx(classes.root, className),
-    ref: ref,
-    ownerState: ownerState,
-    "aria-current": active ? 'step' : undefined
-  }, other, {
-    children: child
-  }));
-});
-process.env.NODE_ENV !== "production" ? StepButton.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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Can be a `StepLabel` or a node to place inside `StepLabel` as children.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The icon displayed by the step label.
-   */
-  icon: PropTypes.node,
-  /**
-   * The optional node to display.
-   */
-  optional: PropTypes.node,
-  /**
-   * 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 StepButton;

package/legacy/StepButton/index.js

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

package/legacy/StepButton/stepButtonClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getStepButtonUtilityClass(slot) {
-  return generateUtilityClass('MuiStepButton', slot);
-}
-var stepButtonClasses = generateUtilityClasses('MuiStepButton', ['root', 'horizontal', 'vertical', 'touchRipple']);
-export default stepButtonClasses;

package/legacy/StepConnector/StepConnector.js

@@ -1,142 +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 capitalize from '../utils/capitalize';
-import { styled, createUseThemeProps } from '../zero-styled';
-import StepperContext from '../Stepper/StepperContext';
-import StepContext from '../Step/StepContext';
-import { getStepConnectorUtilityClass } from './stepConnectorClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-var useThemeProps = createUseThemeProps('MuiStepConnector');
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes,
-    orientation = ownerState.orientation,
-    alternativeLabel = ownerState.alternativeLabel,
-    active = ownerState.active,
-    completed = ownerState.completed,
-    disabled = ownerState.disabled;
-  var slots = {
-    root: ['root', orientation, alternativeLabel && 'alternativeLabel', active && 'active', completed && 'completed', disabled && 'disabled'],
-    line: ['line', "line".concat(capitalize(orientation))]
-  };
-  return composeClasses(slots, getStepConnectorUtilityClass, classes);
-};
-var StepConnectorRoot = styled('div', {
-  name: 'MuiStepConnector',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    var ownerState = props.ownerState;
-    return [styles.root, styles[ownerState.orientation], ownerState.alternativeLabel && styles.alternativeLabel, ownerState.completed && styles.completed];
-  }
-})({
-  flex: '1 1 auto',
-  variants: [{
-    props: {
-      orientation: 'vertical'
-    },
-    style: {
-      marginLeft: 12 // half icon
-    }
-  }, {
-    props: {
-      alternativeLabel: true
-    },
-    style: {
-      position: 'absolute',
-      top: 8 + 4,
-      left: 'calc(-50% + 20px)',
-      right: 'calc(50% + 20px)'
-    }
-  }]
-});
-var StepConnectorLine = styled('span', {
-  name: 'MuiStepConnector',
-  slot: 'Line',
-  overridesResolver: function overridesResolver(props, styles) {
-    var ownerState = props.ownerState;
-    return [styles.line, styles["line".concat(capitalize(ownerState.orientation))]];
-  }
-})(function (_ref) {
-  var theme = _ref.theme;
-  var borderColor = theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[600];
-  return {
-    display: 'block',
-    borderColor: theme.vars ? theme.vars.palette.StepConnector.border : borderColor,
-    variants: [{
-      props: {
-        orientation: 'horizontal'
-      },
-      style: {
-        borderTopStyle: 'solid',
-        borderTopWidth: 1
-      }
-    }, {
-      props: {
-        orientation: 'vertical'
-      },
-      style: {
-        borderLeftStyle: 'solid',
-        borderLeftWidth: 1,
-        minHeight: 24
-      }
-    }]
-  };
-});
-var StepConnector = /*#__PURE__*/React.forwardRef(function StepConnector(inProps, ref) {
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiStepConnector'
-  });
-  var className = props.className,
-    other = _objectWithoutProperties(props, ["className"]);
-  var _React$useContext = React.useContext(StepperContext),
-    alternativeLabel = _React$useContext.alternativeLabel,
-    _React$useContext$ori = _React$useContext.orientation,
-    orientation = _React$useContext$ori === void 0 ? 'horizontal' : _React$useContext$ori;
-  var _React$useContext2 = React.useContext(StepContext),
-    active = _React$useContext2.active,
-    disabled = _React$useContext2.disabled,
-    completed = _React$useContext2.completed;
-  var ownerState = _extends({}, props, {
-    alternativeLabel: alternativeLabel,
-    orientation: orientation,
-    active: active,
-    completed: completed,
-    disabled: disabled
-  });
-  var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(StepConnectorRoot, _extends({
-    className: clsx(classes.root, className),
-    ref: ref,
-    ownerState: ownerState
-  }, other, {
-    children: /*#__PURE__*/_jsx(StepConnectorLine, {
-      className: classes.line,
-      ownerState: ownerState
-    })
-  }));
-});
-process.env.NODE_ENV !== "production" ? StepConnector.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 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 StepConnector;

package/legacy/StepConnector/index.js

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

package/legacy/StepConnector/stepConnectorClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getStepConnectorUtilityClass(slot) {
-  return generateUtilityClass('MuiStepConnector', slot);
-}
-var stepConnectorClasses = generateUtilityClasses('MuiStepConnector', ['root', 'horizontal', 'vertical', 'alternativeLabel', 'active', 'completed', 'disabled', 'line', 'lineHorizontal', 'lineVertical']);
-export default stepConnectorClasses;

package/legacy/StepContent/StepContent.js

@@ -1,152 +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 { styled, createUseThemeProps } from '../zero-styled';
-import Collapse from '../Collapse';
-import StepperContext from '../Stepper/StepperContext';
-import StepContext from '../Step/StepContext';
-import { getStepContentUtilityClass } from './stepContentClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-var useThemeProps = createUseThemeProps('MuiStepContent');
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes,
-    last = ownerState.last;
-  var slots = {
-    root: ['root', last && 'last'],
-    transition: ['transition']
-  };
-  return composeClasses(slots, getStepContentUtilityClass, classes);
-};
-var StepContentRoot = styled('div', {
-  name: 'MuiStepContent',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    var ownerState = props.ownerState;
-    return [styles.root, ownerState.last && styles.last];
-  }
-})(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    marginLeft: 12,
-    // half icon
-    paddingLeft: 8 + 12,
-    // margin + half icon
-    paddingRight: 8,
-    borderLeft: theme.vars ? "1px solid ".concat(theme.vars.palette.StepContent.border) : "1px solid ".concat(theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[600]),
-    variants: [{
-      props: {
-        last: true
-      },
-      style: {
-        borderLeft: 'none'
-      }
-    }]
-  };
-});
-var StepContentTransition = styled(Collapse, {
-  name: 'MuiStepContent',
-  slot: 'Transition',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.transition;
-  }
-})({});
-var StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps, ref) {
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiStepContent'
-  });
-  var children = props.children,
-    className = props.className,
-    _props$TransitionComp = props.TransitionComponent,
-    TransitionComponent = _props$TransitionComp === void 0 ? Collapse : _props$TransitionComp,
-    _props$transitionDura = props.transitionDuration,
-    transitionDurationProp = _props$transitionDura === void 0 ? 'auto' : _props$transitionDura,
-    TransitionProps = props.TransitionProps,
-    other = _objectWithoutProperties(props, ["children", "className", "TransitionComponent", "transitionDuration", "TransitionProps"]);
-  var _React$useContext = React.useContext(StepperContext),
-    orientation = _React$useContext.orientation;
-  var _React$useContext2 = React.useContext(StepContext),
-    active = _React$useContext2.active,
-    last = _React$useContext2.last,
-    expanded = _React$useContext2.expanded;
-  var ownerState = _extends({}, props, {
-    last: last
-  });
-  var classes = useUtilityClasses(ownerState);
-  if (process.env.NODE_ENV !== 'production') {
-    if (orientation !== 'vertical') {
-      console.error('MUI: <StepContent /> is only designed for use with the vertical stepper.');
-    }
-  }
-  var transitionDuration = transitionDurationProp;
-  if (transitionDurationProp === 'auto' && !TransitionComponent.muiSupportAuto) {
-    transitionDuration = undefined;
-  }
-  return /*#__PURE__*/_jsx(StepContentRoot, _extends({
-    className: clsx(classes.root, className),
-    ref: ref,
-    ownerState: ownerState
-  }, other, {
-    children: /*#__PURE__*/_jsx(StepContentTransition, _extends({
-      as: TransitionComponent,
-      in: active || expanded,
-      className: classes.transition,
-      ownerState: ownerState,
-      timeout: transitionDuration,
-      unmountOnExit: true
-    }, TransitionProps, {
-      children: children
-    }))
-  }));
-});
-process.env.NODE_ENV !== "production" ? StepContent.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 content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.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 component used for the transition.
-   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @default Collapse
-   */
-  TransitionComponent: PropTypes.elementType,
-  /**
-   * Adjust the duration of the content expand transition.
-   * Passed as a prop to the transition component.
-   *
-   * Set to 'auto' to automatically calculate transition time based on height.
-   * @default 'auto'
-   */
-  transitionDuration: PropTypes.oneOfType([PropTypes.oneOf(['auto']), 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.
-   */
-  TransitionProps: PropTypes.object
-} : void 0;
-export default StepContent;

package/legacy/StepContent/index.js

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

package/legacy/StepContent/stepContentClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getStepContentUtilityClass(slot) {
-  return generateUtilityClass('MuiStepContent', slot);
-}
-var stepContentClasses = generateUtilityClasses('MuiStepContent', ['root', 'last', 'transition']);
-export default stepContentClasses;

package/legacy/StepIcon/StepIcon.js

@@ -1,162 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _circle;
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import composeClasses from '@mui/utils/composeClasses';
-import { styled, createUseThemeProps } from '../zero-styled';
-import CheckCircle from '../internal/svg-icons/CheckCircle';
-import Warning from '../internal/svg-icons/Warning';
-import SvgIcon from '../SvgIcon';
-import stepIconClasses, { getStepIconUtilityClass } from './stepIconClasses';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var useThemeProps = createUseThemeProps('MuiStepIcon');
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes,
-    active = ownerState.active,
-    completed = ownerState.completed,
-    error = ownerState.error;
-  var slots = {
-    root: ['root', active && 'active', completed && 'completed', error && 'error'],
-    text: ['text']
-  };
-  return composeClasses(slots, getStepIconUtilityClass, classes);
-};
-var StepIconRoot = styled(SvgIcon, {
-  name: 'MuiStepIcon',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.root;
-  }
-})(function (_ref) {
-  var theme = _ref.theme;
-  return _defineProperty(_defineProperty(_defineProperty({
-    display: 'block',
-    transition: theme.transitions.create('color', {
-      duration: theme.transitions.duration.shortest
-    }),
-    color: (theme.vars || theme).palette.text.disabled
-  }, "&.".concat(stepIconClasses.completed), {
-    color: (theme.vars || theme).palette.primary.main
-  }), "&.".concat(stepIconClasses.active), {
-    color: (theme.vars || theme).palette.primary.main
-  }), "&.".concat(stepIconClasses.error), {
-    color: (theme.vars || theme).palette.error.main
-  });
-});
-var StepIconText = styled('text', {
-  name: 'MuiStepIcon',
-  slot: 'Text',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.text;
-  }
-})(function (_ref3) {
-  var theme = _ref3.theme;
-  return {
-    fill: (theme.vars || theme).palette.primary.contrastText,
-    fontSize: theme.typography.caption.fontSize,
-    fontFamily: theme.typography.fontFamily
-  };
-});
-var StepIcon = /*#__PURE__*/React.forwardRef(function StepIcon(inProps, ref) {
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiStepIcon'
-  });
-  var _props$active = props.active,
-    active = _props$active === void 0 ? false : _props$active,
-    classNameProp = props.className,
-    _props$completed = props.completed,
-    completed = _props$completed === void 0 ? false : _props$completed,
-    _props$error = props.error,
-    error = _props$error === void 0 ? false : _props$error,
-    icon = props.icon,
-    other = _objectWithoutProperties(props, ["active", "className", "completed", "error", "icon"]);
-  var ownerState = _extends({}, props, {
-    active: active,
-    completed: completed,
-    error: error
-  });
-  var classes = useUtilityClasses(ownerState);
-  if (typeof icon === 'number' || typeof icon === 'string') {
-    var className = clsx(classNameProp, classes.root);
-    if (error) {
-      return /*#__PURE__*/_jsx(StepIconRoot, _extends({
-        as: Warning,
-        className: className,
-        ref: ref,
-        ownerState: ownerState
-      }, other));
-    }
-    if (completed) {
-      return /*#__PURE__*/_jsx(StepIconRoot, _extends({
-        as: CheckCircle,
-        className: className,
-        ref: ref,
-        ownerState: ownerState
-      }, other));
-    }
-    return /*#__PURE__*/_jsxs(StepIconRoot, _extends({
-      className: className,
-      ref: ref,
-      ownerState: ownerState
-    }, other, {
-      children: [_circle || (_circle = /*#__PURE__*/_jsx("circle", {
-        cx: "12",
-        cy: "12",
-        r: "12"
-      })), /*#__PURE__*/_jsx(StepIconText, {
-        className: classes.text,
-        x: "12",
-        y: "12",
-        textAnchor: "middle",
-        dominantBaseline: "central",
-        ownerState: ownerState,
-        children: icon
-      })]
-    }));
-  }
-  return icon;
-});
-process.env.NODE_ENV !== "production" ? StepIcon.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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Whether this step is active.
-   * @default false
-   */
-  active: PropTypes.bool,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * Mark the step as completed. Is passed to child components.
-   * @default false
-   */
-  completed: PropTypes.bool,
-  /**
-   * If `true`, the step is marked as failed.
-   * @default false
-   */
-  error: PropTypes.bool,
-  /**
-   * The label displayed in the step icon.
-   */
-  icon: PropTypes.node,
-  /**
-   * 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 StepIcon;

package/legacy/StepIcon/index.js

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

package/legacy/StepIcon/stepIconClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getStepIconUtilityClass(slot) {
-  return generateUtilityClass('MuiStepIcon', slot);
-}
-var stepIconClasses = generateUtilityClasses('MuiStepIcon', ['root', 'active', 'completed', 'error', 'text']);
-export default stepIconClasses;