@mui/material 7.0.0 → 7.0.2

package/modern/Step/Step.js

@@ -1,176 +0,0 @@
-'use client';
-
-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 StepperContext from "../Stepper/StepperContext.js";
-import StepContext from "./StepContext.js";
-import { styled } from "../zero-styled/index.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import { getStepUtilityClass } from "./stepClasses.js";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    orientation,
-    alternativeLabel,
-    completed
-  } = ownerState;
-  const slots = {
-    root: ['root', orientation, alternativeLabel && 'alternativeLabel', completed && 'completed']
-  };
-  return composeClasses(slots, getStepUtilityClass, classes);
-};
-const StepRoot = styled('div', {
-  name: 'MuiStep',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, styles[ownerState.orientation], ownerState.alternativeLabel && styles.alternativeLabel, ownerState.completed && styles.completed];
-  }
-})({
-  variants: [{
-    props: {
-      orientation: 'horizontal'
-    },
-    style: {
-      paddingLeft: 8,
-      paddingRight: 8
-    }
-  }, {
-    props: {
-      alternativeLabel: true
-    },
-    style: {
-      flex: 1,
-      position: 'relative'
-    }
-  }]
-});
-const Step = /*#__PURE__*/React.forwardRef(function Step(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiStep'
-  });
-  const {
-    active: activeProp,
-    children,
-    className,
-    component = 'div',
-    completed: completedProp,
-    disabled: disabledProp,
-    expanded = false,
-    index,
-    last,
-    ...other
-  } = props;
-  const {
-    activeStep,
-    connector,
-    alternativeLabel,
-    orientation,
-    nonLinear
-  } = React.useContext(StepperContext);
-  let [active = false, completed = false, disabled = false] = [activeProp, completedProp, disabledProp];
-  if (activeStep === index) {
-    active = activeProp !== undefined ? activeProp : true;
-  } else if (!nonLinear && activeStep > index) {
-    completed = completedProp !== undefined ? completedProp : true;
-  } else if (!nonLinear && activeStep < index) {
-    disabled = disabledProp !== undefined ? disabledProp : true;
-  }
-  const contextValue = React.useMemo(() => ({
-    index,
-    last,
-    expanded,
-    icon: index + 1,
-    active,
-    completed,
-    disabled
-  }), [index, last, expanded, active, completed, disabled]);
-  const ownerState = {
-    ...props,
-    active,
-    orientation,
-    alternativeLabel,
-    completed,
-    disabled,
-    expanded,
-    component
-  };
-  const classes = useUtilityClasses(ownerState);
-  const newChildren = /*#__PURE__*/_jsxs(StepRoot, {
-    as: component,
-    className: clsx(classes.root, className),
-    ref: ref,
-    ownerState: ownerState,
-    ...other,
-    children: [connector && alternativeLabel && index !== 0 ? connector : null, children]
-  });
-  return /*#__PURE__*/_jsx(StepContext.Provider, {
-    value: contextValue,
-    children: connector && !alternativeLabel && index !== 0 ? /*#__PURE__*/_jsxs(React.Fragment, {
-      children: [connector, newChildren]
-    }) : newChildren
-  });
-});
-process.env.NODE_ENV !== "production" ? Step.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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Sets the step as active. Is passed to child components.
-   */
-  active: PropTypes.bool,
-  /**
-   * Should be `Step` sub-components such as `StepLabel`, `StepContent`.
-   */
-  children: PropTypes.node,
-  /**
-   * 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.
-   */
-  completed: PropTypes.bool,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * If `true`, the step is disabled, will also disable the button if
-   * `StepButton` is a child of `Step`. Is passed to child components.
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Expand the step.
-   * @default false
-   */
-  expanded: PropTypes.bool,
-  /**
-   * The position of the step.
-   * The prop defaults to the value inherited from the parent Stepper component.
-   */
-  index: integerPropType,
-  /**
-   * If `true`, the Step is displayed as rendered last.
-   * The prop defaults to the value inherited from the parent Stepper component.
-   */
-  last: PropTypes.bool,
-  /**
-   * 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 Step;

package/modern/Step/StepContext.js

@@ -1,19 +0,0 @@
-'use client';
-
-import * as React from 'react';
-/**
- * Provides information about the current step in Stepper.
- */
-const StepContext = /*#__PURE__*/React.createContext({});
-if (process.env.NODE_ENV !== 'production') {
-  StepContext.displayName = 'StepContext';
-}
-
-/**
- * Returns the current StepContext or an empty object if no StepContext
- * has been defined in the component tree.
- */
-export function useStepContext() {
-  return React.useContext(StepContext);
-}
-export default StepContext;

package/modern/Step/index.js

@@ -1,5 +0,0 @@
-export { default } from "./Step.js";
-export { default as stepClasses } from "./stepClasses.js";
-export * from "./stepClasses.js";
-export { default as StepContext } from "./StepContext.js";
-export * from "./StepContext.js";

package/modern/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);
-}
-const stepClasses = generateUtilityClasses('MuiStep', ['root', 'horizontal', 'vertical', 'alternativeLabel', 'completed']);
-export default stepClasses;

package/modern/StepButton/StepButton.js

@@ -1,133 +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 { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import ButtonBase from "../ButtonBase/index.js";
-import StepLabel from "../StepLabel/index.js";
-import isMuiElement from "../utils/isMuiElement.js";
-import StepperContext from "../Stepper/StepperContext.js";
-import StepContext from "../Step/StepContext.js";
-import stepButtonClasses, { getStepButtonUtilityClass } from "./stepButtonClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    orientation
-  } = ownerState;
-  const slots = {
-    root: ['root', orientation],
-    touchRipple: ['touchRipple']
-  };
-  return composeClasses(slots, getStepButtonUtilityClass, classes);
-};
-const StepButtonRoot = styled(ButtonBase, {
-  name: 'MuiStepButton',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [{
-      [`& .${stepButtonClasses.touchRipple}`]: styles.touchRipple
-    }, styles.root, styles[ownerState.orientation]];
-  }
-})({
-  width: '100%',
-  padding: '24px 16px',
-  margin: '-24px -16px',
-  boxSizing: 'content-box',
-  [`& .${stepButtonClasses.touchRipple}`]: {
-    color: 'rgba(0, 0, 0, 0.3)'
-  },
-  variants: [{
-    props: {
-      orientation: 'vertical'
-    },
-    style: {
-      justifyContent: 'flex-start',
-      padding: '8px',
-      margin: '-8px'
-    }
-  }]
-});
-const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiStepButton'
-  });
-  const {
-    children,
-    className,
-    icon,
-    optional,
-    ...other
-  } = props;
-  const {
-    disabled,
-    active
-  } = React.useContext(StepContext);
-  const {
-    orientation
-  } = React.useContext(StepperContext);
-  const ownerState = {
-    ...props,
-    orientation
-  };
-  const classes = useUtilityClasses(ownerState);
-  const childProps = {
-    icon,
-    optional
-  };
-  const child = isMuiElement(children, ['StepLabel']) ? (/*#__PURE__*/React.cloneElement(children, childProps)) : /*#__PURE__*/_jsx(StepLabel, {
-    ...childProps,
-    children: children
-  });
-  return /*#__PURE__*/_jsx(StepButtonRoot, {
-    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/modern/StepButton/index.js

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

package/modern/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);
-}
-const stepButtonClasses = generateUtilityClasses('MuiStepButton', ['root', 'horizontal', 'vertical', 'touchRipple']);
-export default stepButtonClasses;

package/modern/StepConnector/StepConnector.js

@@ -1,152 +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 capitalize from "../utils/capitalize.js";
-import { styled } from "../zero-styled/index.js";
-import memoTheme from "../utils/memoTheme.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import StepperContext from "../Stepper/StepperContext.js";
-import StepContext from "../Step/StepContext.js";
-import { getStepConnectorUtilityClass } from "./stepConnectorClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    orientation,
-    alternativeLabel,
-    active,
-    completed,
-    disabled
-  } = ownerState;
-  const slots = {
-    root: ['root', orientation, alternativeLabel && 'alternativeLabel', active && 'active', completed && 'completed', disabled && 'disabled'],
-    line: ['line', `line${capitalize(orientation)}`]
-  };
-  return composeClasses(slots, getStepConnectorUtilityClass, classes);
-};
-const StepConnectorRoot = styled('div', {
-  name: 'MuiStepConnector',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    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)'
-    }
-  }]
-});
-const StepConnectorLine = styled('span', {
-  name: 'MuiStepConnector',
-  slot: 'Line',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.line, styles[`line${capitalize(ownerState.orientation)}`]];
-  }
-})(memoTheme(({
-  theme
-}) => {
-  const 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
-      }
-    }]
-  };
-}));
-const StepConnector = /*#__PURE__*/React.forwardRef(function StepConnector(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiStepConnector'
-  });
-  const {
-    className,
-    ...other
-  } = props;
-  const {
-    alternativeLabel,
-    orientation = 'horizontal'
-  } = React.useContext(StepperContext);
-  const {
-    active,
-    disabled,
-    completed
-  } = React.useContext(StepContext);
-  const ownerState = {
-    ...props,
-    alternativeLabel,
-    orientation,
-    active,
-    completed,
-    disabled
-  };
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(StepConnectorRoot, {
-    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/modern/StepConnector/index.js

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

package/modern/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);
-}
-const stepConnectorClasses = generateUtilityClasses('MuiStepConnector', ['root', 'horizontal', 'vertical', 'alternativeLabel', 'active', 'completed', 'disabled', 'line', 'lineHorizontal', 'lineVertical']);
-export default stepConnectorClasses;