@mui/material 7.0.0 → 7.0.2

package/modern/StepContent/StepContent.js

@@ -1,187 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import composeClasses from '@mui/utils/composeClasses';
-import { styled } from "../zero-styled/index.js";
-import memoTheme from "../utils/memoTheme.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import Collapse from "../Collapse/index.js";
-import StepperContext from "../Stepper/StepperContext.js";
-import StepContext from "../Step/StepContext.js";
-import { getStepContentUtilityClass } from "./stepContentClasses.js";
-import useSlot from "../utils/useSlot.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    last
-  } = ownerState;
-  const slots = {
-    root: ['root', last && 'last'],
-    transition: ['transition']
-  };
-  return composeClasses(slots, getStepContentUtilityClass, classes);
-};
-const StepContentRoot = styled('div', {
-  name: 'MuiStepContent',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, ownerState.last && styles.last];
-  }
-})(memoTheme(({
-  theme
-}) => ({
-  marginLeft: 12,
-  // half icon
-  paddingLeft: 8 + 12,
-  // margin + half icon
-  paddingRight: 8,
-  borderLeft: theme.vars ? `1px solid ${theme.vars.palette.StepContent.border}` : `1px solid ${theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[600]}`,
-  variants: [{
-    props: {
-      last: true
-    },
-    style: {
-      borderLeft: 'none'
-    }
-  }]
-})));
-const StepContentTransition = styled(Collapse, {
-  name: 'MuiStepContent',
-  slot: 'Transition',
-  overridesResolver: (props, styles) => styles.transition
-})({});
-const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiStepContent'
-  });
-  const {
-    children,
-    className,
-    TransitionComponent = Collapse,
-    transitionDuration: transitionDurationProp = 'auto',
-    TransitionProps,
-    slots = {},
-    slotProps = {},
-    ...other
-  } = props;
-  const {
-    orientation
-  } = React.useContext(StepperContext);
-  const {
-    active,
-    last,
-    expanded
-  } = React.useContext(StepContext);
-  const ownerState = {
-    ...props,
-    last
-  };
-  const 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.');
-    }
-  }
-  let transitionDuration = transitionDurationProp;
-  if (transitionDurationProp === 'auto' && !TransitionComponent.muiSupportAuto) {
-    transitionDuration = undefined;
-  }
-  const externalForwardedProps = {
-    slots,
-    slotProps: {
-      transition: TransitionProps,
-      ...slotProps
-    }
-  };
-  const [TransitionSlot, transitionProps] = useSlot('transition', {
-    elementType: StepContentTransition,
-    externalForwardedProps,
-    ownerState,
-    className: classes.transition,
-    additionalProps: {
-      in: active || expanded,
-      timeout: transitionDuration,
-      unmountOnExit: true
-    }
-  });
-  return /*#__PURE__*/_jsx(StepContentRoot, {
-    className: clsx(classes.root, className),
-    ref: ref,
-    ownerState: ownerState,
-    ...other,
-    children: /*#__PURE__*/_jsx(TransitionSlot, {
-      as: TransitionComponent,
-      ...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 props used for each slot inside.
-   * @default {}
-   */
-  slotProps: PropTypes.shape({
-    transition: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: PropTypes.shape({
-    transition: PropTypes.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  /**
-   * The component used for the transition.
-   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @default Collapse
-   * @deprecated Use `slots.transition` instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
-   */
-  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.
-   * @deprecated Use `slotProps.transition` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  TransitionProps: PropTypes.object
-} : void 0;
-export default StepContent;

package/modern/StepContent/index.js

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

package/modern/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);
-}
-const stepContentClasses = generateUtilityClasses('MuiStepContent', ['root', 'last', 'transition']);
-export default stepContentClasses;

package/modern/StepIcon/StepIcon.js

@@ -1,161 +0,0 @@
-'use client';
-
-var _circle;
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import composeClasses from '@mui/utils/composeClasses';
-import { styled } from "../zero-styled/index.js";
-import memoTheme from "../utils/memoTheme.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import CheckCircle from "../internal/svg-icons/CheckCircle.js";
-import Warning from "../internal/svg-icons/Warning.js";
-import SvgIcon from "../SvgIcon/index.js";
-import stepIconClasses, { getStepIconUtilityClass } from "./stepIconClasses.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    active,
-    completed,
-    error
-  } = ownerState;
-  const slots = {
-    root: ['root', active && 'active', completed && 'completed', error && 'error'],
-    text: ['text']
-  };
-  return composeClasses(slots, getStepIconUtilityClass, classes);
-};
-const StepIconRoot = styled(SvgIcon, {
-  name: 'MuiStepIcon',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})(memoTheme(({
-  theme
-}) => ({
-  display: 'block',
-  transition: theme.transitions.create('color', {
-    duration: theme.transitions.duration.shortest
-  }),
-  color: (theme.vars || theme).palette.text.disabled,
-  [`&.${stepIconClasses.completed}`]: {
-    color: (theme.vars || theme).palette.primary.main
-  },
-  [`&.${stepIconClasses.active}`]: {
-    color: (theme.vars || theme).palette.primary.main
-  },
-  [`&.${stepIconClasses.error}`]: {
-    color: (theme.vars || theme).palette.error.main
-  }
-})));
-const StepIconText = styled('text', {
-  name: 'MuiStepIcon',
-  slot: 'Text',
-  overridesResolver: (props, styles) => styles.text
-})(memoTheme(({
-  theme
-}) => ({
-  fill: (theme.vars || theme).palette.primary.contrastText,
-  fontSize: theme.typography.caption.fontSize,
-  fontFamily: theme.typography.fontFamily
-})));
-const StepIcon = /*#__PURE__*/React.forwardRef(function StepIcon(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiStepIcon'
-  });
-  const {
-    active = false,
-    className: classNameProp,
-    completed = false,
-    error = false,
-    icon,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    active,
-    completed,
-    error
-  };
-  const classes = useUtilityClasses(ownerState);
-  if (typeof icon === 'number' || typeof icon === 'string') {
-    const className = clsx(classNameProp, classes.root);
-    if (error) {
-      return /*#__PURE__*/_jsx(StepIconRoot, {
-        as: Warning,
-        className: className,
-        ref: ref,
-        ownerState: ownerState,
-        ...other
-      });
-    }
-    if (completed) {
-      return /*#__PURE__*/_jsx(StepIconRoot, {
-        as: CheckCircle,
-        className: className,
-        ref: ref,
-        ownerState: ownerState,
-        ...other
-      });
-    }
-    return /*#__PURE__*/_jsxs(StepIconRoot, {
-      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/modern/StepIcon/index.js

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

package/modern/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);
-}
-const stepIconClasses = generateUtilityClasses('MuiStepIcon', ['root', 'active', 'completed', 'error', 'text']);
-export default stepIconClasses;

package/modern/StepLabel/StepLabel.js

@@ -1,280 +0,0 @@
-'use client';
-
-import composeClasses from '@mui/utils/composeClasses';
-import clsx from 'clsx';
-import PropTypes from 'prop-types';
-import * as React from 'react';
-import StepContext from "../Step/StepContext.js";
-import StepIcon from "../StepIcon/index.js";
-import StepperContext from "../Stepper/StepperContext.js";
-import { styled } from "../zero-styled/index.js";
-import memoTheme from "../utils/memoTheme.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import stepLabelClasses, { getStepLabelUtilityClass } from "./stepLabelClasses.js";
-import useSlot from "../utils/useSlot.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    orientation,
-    active,
-    completed,
-    error,
-    disabled,
-    alternativeLabel
-  } = ownerState;
-  const slots = {
-    root: ['root', orientation, error && 'error', disabled && 'disabled', alternativeLabel && 'alternativeLabel'],
-    label: ['label', active && 'active', completed && 'completed', error && 'error', disabled && 'disabled', alternativeLabel && 'alternativeLabel'],
-    iconContainer: ['iconContainer', active && 'active', completed && 'completed', error && 'error', disabled && 'disabled', alternativeLabel && 'alternativeLabel'],
-    labelContainer: ['labelContainer', alternativeLabel && 'alternativeLabel']
-  };
-  return composeClasses(slots, getStepLabelUtilityClass, classes);
-};
-const StepLabelRoot = styled('span', {
-  name: 'MuiStepLabel',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, styles[ownerState.orientation]];
-  }
-})({
-  display: 'flex',
-  alignItems: 'center',
-  [`&.${stepLabelClasses.alternativeLabel}`]: {
-    flexDirection: 'column'
-  },
-  [`&.${stepLabelClasses.disabled}`]: {
-    cursor: 'default'
-  },
-  variants: [{
-    props: {
-      orientation: 'vertical'
-    },
-    style: {
-      textAlign: 'left',
-      padding: '8px 0'
-    }
-  }]
-});
-const StepLabelLabel = styled('span', {
-  name: 'MuiStepLabel',
-  slot: 'Label',
-  overridesResolver: (props, styles) => styles.label
-})(memoTheme(({
-  theme
-}) => ({
-  ...theme.typography.body2,
-  display: 'block',
-  transition: theme.transitions.create('color', {
-    duration: theme.transitions.duration.shortest
-  }),
-  [`&.${stepLabelClasses.active}`]: {
-    color: (theme.vars || theme).palette.text.primary,
-    fontWeight: 500
-  },
-  [`&.${stepLabelClasses.completed}`]: {
-    color: (theme.vars || theme).palette.text.primary,
-    fontWeight: 500
-  },
-  [`&.${stepLabelClasses.alternativeLabel}`]: {
-    marginTop: 16
-  },
-  [`&.${stepLabelClasses.error}`]: {
-    color: (theme.vars || theme).palette.error.main
-  }
-})));
-const StepLabelIconContainer = styled('span', {
-  name: 'MuiStepLabel',
-  slot: 'IconContainer',
-  overridesResolver: (props, styles) => styles.iconContainer
-})({
-  flexShrink: 0,
-  display: 'flex',
-  paddingRight: 8,
-  [`&.${stepLabelClasses.alternativeLabel}`]: {
-    paddingRight: 0
-  }
-});
-const StepLabelLabelContainer = styled('span', {
-  name: 'MuiStepLabel',
-  slot: 'LabelContainer',
-  overridesResolver: (props, styles) => styles.labelContainer
-})(memoTheme(({
-  theme
-}) => ({
-  width: '100%',
-  color: (theme.vars || theme).palette.text.secondary,
-  [`&.${stepLabelClasses.alternativeLabel}`]: {
-    textAlign: 'center'
-  }
-})));
-const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiStepLabel'
-  });
-  const {
-    children,
-    className,
-    componentsProps = {},
-    error = false,
-    icon: iconProp,
-    optional,
-    slots = {},
-    slotProps = {},
-    StepIconComponent: StepIconComponentProp,
-    StepIconProps,
-    ...other
-  } = props;
-  const {
-    alternativeLabel,
-    orientation
-  } = React.useContext(StepperContext);
-  const {
-    active,
-    disabled,
-    completed,
-    icon: iconContext
-  } = React.useContext(StepContext);
-  const icon = iconProp || iconContext;
-  let StepIconComponent = StepIconComponentProp;
-  if (icon && !StepIconComponent) {
-    StepIconComponent = StepIcon;
-  }
-  const ownerState = {
-    ...props,
-    active,
-    alternativeLabel,
-    completed,
-    disabled,
-    error,
-    orientation
-  };
-  const classes = useUtilityClasses(ownerState);
-  const externalForwardedProps = {
-    slots,
-    slotProps: {
-      stepIcon: StepIconProps,
-      ...componentsProps,
-      ...slotProps
-    }
-  };
-  const [RootSlot, rootProps] = useSlot('root', {
-    elementType: StepLabelRoot,
-    externalForwardedProps: {
-      ...externalForwardedProps,
-      ...other
-    },
-    ownerState,
-    ref,
-    className: clsx(classes.root, className)
-  });
-  const [LabelSlot, labelProps] = useSlot('label', {
-    elementType: StepLabelLabel,
-    externalForwardedProps,
-    ownerState
-  });
-  const [StepIconSlot, stepIconProps] = useSlot('stepIcon', {
-    elementType: StepIconComponent,
-    externalForwardedProps,
-    ownerState
-  });
-  return /*#__PURE__*/_jsxs(RootSlot, {
-    ...rootProps,
-    children: [icon || StepIconSlot ? /*#__PURE__*/_jsx(StepLabelIconContainer, {
-      className: classes.iconContainer,
-      ownerState: ownerState,
-      children: /*#__PURE__*/_jsx(StepIconSlot, {
-        completed: completed,
-        active: active,
-        error: error,
-        icon: icon,
-        ...stepIconProps
-      })
-    }) : null, /*#__PURE__*/_jsxs(StepLabelLabelContainer, {
-      className: classes.labelContainer,
-      ownerState: ownerState,
-      children: [children ? /*#__PURE__*/_jsx(LabelSlot, {
-        ...labelProps,
-        className: clsx(classes.label, labelProps?.className),
-        children: children
-      }) : null, optional]
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" ? StepLabel.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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * In most cases will simply be a string containing a title for the label.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  componentsProps: PropTypes.shape({
-    label: PropTypes.object
-  }),
-  /**
-   * If `true`, the step is marked as failed.
-   * @default false
-   */
-  error: PropTypes.bool,
-  /**
-   * Override the default label of the step icon.
-   */
-  icon: PropTypes.node,
-  /**
-   * The optional node to display.
-   */
-  optional: PropTypes.node,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: PropTypes.shape({
-    label: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    stepIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: PropTypes.shape({
-    label: PropTypes.elementType,
-    root: PropTypes.elementType,
-    stepIcon: PropTypes.elementType
-  }),
-  /**
-   * The component to render in place of the [`StepIcon`](https://mui.com/material-ui/api/step-icon/).
-   * @deprecated Use `slots.stepIcon` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  StepIconComponent: PropTypes.elementType,
-  /**
-   * Props applied to the [`StepIcon`](https://mui.com/material-ui/api/step-icon/) element.
-   * @deprecated Use `slotProps.stepIcon` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  StepIconProps: 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])
-} : void 0;
-StepLabel.muiName = 'StepLabel';
-export default StepLabel;

package/modern/StepLabel/index.js

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

package/modern/StepLabel/stepLabelClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getStepLabelUtilityClass(slot) {
-  return generateUtilityClass('MuiStepLabel', slot);
-}
-const stepLabelClasses = generateUtilityClasses('MuiStepLabel', ['root', 'horizontal', 'vertical', 'label', 'active', 'completed', 'error', 'disabled', 'iconContainer', 'alternativeLabel', 'labelContainer']);
-export default stepLabelClasses;