@vodafone_de/brix-components 3.1.6 → 3.1.7

package/SpeedDialIcon/SpeedDialIcon.js

@@ -0,0 +1,163 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _zeroStyled = require("../zero-styled");
+var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
+var _DefaultPropsProvider = require("../DefaultPropsProvider");
+var _Add = _interopRequireDefault(require("../internal/svg-icons/Add"));
+var _speedDialIconClasses = _interopRequireWildcard(require("./speedDialIconClasses"));
+var _jsxRuntime = require("react/jsx-runtime");
+const useUtilityClasses = ownerState => {
+  const {
+    classes,
+    open,
+    openIcon
+  } = ownerState;
+  const slots = {
+    root: ['root'],
+    icon: ['icon', open && 'iconOpen', openIcon && open && 'iconWithOpenIconOpen'],
+    openIcon: ['openIcon', open && 'openIconOpen']
+  };
+  return (0, _composeClasses.default)(slots, _speedDialIconClasses.getSpeedDialIconUtilityClass, classes);
+};
+const SpeedDialIconRoot = (0, _zeroStyled.styled)('span', {
+  name: 'MuiSpeedDialIcon',
+  slot: 'Root',
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [{
+      [`& .${_speedDialIconClasses.default.icon}`]: styles.icon
+    }, {
+      [`& .${_speedDialIconClasses.default.icon}`]: ownerState.open && styles.iconOpen
+    }, {
+      [`& .${_speedDialIconClasses.default.icon}`]: ownerState.open && ownerState.openIcon && styles.iconWithOpenIconOpen
+    }, {
+      [`& .${_speedDialIconClasses.default.openIcon}`]: styles.openIcon
+    }, {
+      [`& .${_speedDialIconClasses.default.openIcon}`]: ownerState.open && styles.openIconOpen
+    }, styles.root];
+  }
+})((0, _memoTheme.default)(({
+  theme
+}) => ({
+  height: 24,
+  [`& .${_speedDialIconClasses.default.icon}`]: {
+    transition: theme.transitions.create(['transform', 'opacity'], {
+      duration: theme.transitions.duration.short
+    })
+  },
+  [`& .${_speedDialIconClasses.default.openIcon}`]: {
+    position: 'absolute',
+    transition: theme.transitions.create(['transform', 'opacity'], {
+      duration: theme.transitions.duration.short
+    }),
+    opacity: 0,
+    transform: 'rotate(-45deg)'
+  },
+  variants: [{
+    props: ({
+      ownerState
+    }) => ownerState.open,
+    style: {
+      [`& .${_speedDialIconClasses.default.icon}`]: {
+        transform: 'rotate(45deg)'
+      }
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.open && ownerState.openIcon,
+    style: {
+      [`& .${_speedDialIconClasses.default.icon}`]: {
+        opacity: 0
+      }
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.open,
+    style: {
+      [`& .${_speedDialIconClasses.default.openIcon}`]: {
+        transform: 'rotate(0deg)',
+        opacity: 1
+      }
+    }
+  }]
+})));
+const SpeedDialIcon = /*#__PURE__*/React.forwardRef(function SpeedDialIcon(inProps, ref) {
+  const props = (0, _DefaultPropsProvider.useDefaultProps)({
+    props: inProps,
+    name: 'MuiSpeedDialIcon'
+  });
+  const {
+    className,
+    icon: iconProp,
+    open,
+    openIcon: openIconProp,
+    ...other
+  } = props;
+  const ownerState = props;
+  const classes = useUtilityClasses(ownerState);
+  function formatIcon(icon, newClassName) {
+    if (/*#__PURE__*/React.isValidElement(icon)) {
+      return /*#__PURE__*/React.cloneElement(icon, {
+        className: newClassName
+      });
+    }
+    return icon;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SpeedDialIconRoot, {
+    className: (0, _clsx.default)(classes.root, className),
+    ref: ref,
+    ownerState: ownerState,
+    ...other,
+    children: [openIconProp ? formatIcon(openIconProp, classes.openIcon) : null, iconProp ? formatIcon(iconProp, classes.icon) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Add.default, {
+      className: classes.icon
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" ? SpeedDialIcon.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.default.object,
+  /**
+   * @ignore
+   */
+  className: _propTypes.default.string,
+  /**
+   * The icon to display.
+   */
+  icon: _propTypes.default.node,
+  /**
+   * @ignore
+   * If `true`, the component is shown.
+   */
+  open: _propTypes.default.bool,
+  /**
+   * The icon to display in the SpeedDial Floating Action Button when the SpeedDial is open.
+   */
+  openIcon: _propTypes.default.node,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
+} : void 0;
+SpeedDialIcon.muiName = 'SpeedDialIcon';
+var _default = exports.default = SpeedDialIcon;

package/SpeedDialIcon/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./SpeedDialIcon.js";
+export * from "./SpeedDialIcon.js";
+export { default as speedDialIconClasses } from "./speedDialIconClasses.js";
+export * from "./speedDialIconClasses.js";

package/SpeedDialIcon/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  speedDialIconClasses: true
+};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _SpeedDialIcon.default;
+  }
+});
+Object.defineProperty(exports, "speedDialIconClasses", {
+  enumerable: true,
+  get: function () {
+    return _speedDialIconClasses.default;
+  }
+});
+var _SpeedDialIcon = _interopRequireDefault(require("./SpeedDialIcon"));
+var _speedDialIconClasses = _interopRequireWildcard(require("./speedDialIconClasses"));
+Object.keys(_speedDialIconClasses).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _speedDialIconClasses[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _speedDialIconClasses[key];
+    }
+  });
+});

package/SpeedDialIcon/speedDialIconClasses.d.ts

@@ -0,0 +1,18 @@
+export interface SpeedDialIconClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the icon component. */
+  icon: string;
+  /** Styles applied to the icon component if `open={true}`. */
+  iconOpen: string;
+  /** Styles applied to the icon when an `openIcon` is provided and if `open={true}`. */
+  iconWithOpenIconOpen: string;
+  /** Styles applied to the `openIcon` if provided. */
+  openIcon: string;
+  /** Styles applied to the `openIcon` if provided and if `open={true}`. */
+  openIconOpen: string;
+}
+export type SpeedDialIconClassKey = keyof SpeedDialIconClasses;
+export declare function getSpeedDialIconUtilityClass(slot: string): string;
+declare const speedDialIconClasses: SpeedDialIconClasses;
+export default speedDialIconClasses;

package/SpeedDialIcon/speedDialIconClasses.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getSpeedDialIconUtilityClass = getSpeedDialIconUtilityClass;
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+function getSpeedDialIconUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiSpeedDialIcon', slot);
+}
+const speedDialIconClasses = (0, _generateUtilityClasses.default)('MuiSpeedDialIcon', ['root', 'icon', 'iconOpen', 'iconWithOpenIconOpen', 'openIcon', 'openIconOpen']);
+var _default = exports.default = speedDialIconClasses;

package/Stack/Stack.d.ts

@@ -0,0 +1,58 @@
+import * as React from 'react';
+import { ResponsiveStyleValue, SxProps, SystemProps } from '@mui/system';
+import { OverrideProps, OverridableComponent } from "../OverridableComponent/index.js";
+import { Theme } from "../styles/createTheme.js";
+export interface StackOwnProps extends SystemProps<Theme> {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Defines the `flex-direction` style property.
+   * It is applied for all screen sizes.
+   * @default 'column'
+   */
+  direction?: ResponsiveStyleValue<'row' | 'row-reverse' | 'column' | 'column-reverse'>;
+  /**
+   * Defines the space between immediate children.
+   * @default 0
+   */
+  spacing?: ResponsiveStyleValue<number | string>;
+  /**
+   * Add an element between each child.
+   */
+  divider?: React.ReactNode;
+  /**
+   * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
+   *
+   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),
+   * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
+   *
+   * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
+   * @default false
+   */
+  useFlexGap?: boolean;
+  /**
+   * The system prop, which allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+export interface StackTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
+  props: AdditionalProps & StackOwnProps;
+  defaultComponent: RootComponent;
+}
+/**
+ *
+ * Demos:
+ *
+ * - [Stack](https://mui.com/material-ui/react-stack/)
+ *
+ * API:
+ *
+ * - [Stack API](https://mui.com/material-ui/api/stack/)
+ */
+declare const Stack: OverridableComponent<StackTypeMap>;
+export type StackProps<RootComponent extends React.ElementType = StackTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<StackTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
+export default Stack;

package/Stack/Stack.js

@@ -0,0 +1,67 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _system = require("@mui/system");
+var _styled = _interopRequireDefault(require("../styles/styled"));
+var _DefaultPropsProvider = require("../DefaultPropsProvider");
+const Stack = (0, _system.createStack)({
+  createStyledComponent: (0, _styled.default)('div', {
+    name: 'MuiStack',
+    slot: 'Root'
+  }),
+  useThemeProps: inProps => (0, _DefaultPropsProvider.useDefaultProps)({
+    props: inProps,
+    name: 'MuiStack'
+  })
+});
+process.env.NODE_ENV !== "production" ? Stack.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.default.node,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: _propTypes.default.elementType,
+  /**
+   * Defines the `flex-direction` style property.
+   * It is applied for all screen sizes.
+   * @default 'column'
+   */
+  direction: _propTypes.default.oneOfType([_propTypes.default.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), _propTypes.default.arrayOf(_propTypes.default.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), _propTypes.default.object]),
+  /**
+   * Add an element between each child.
+   */
+  divider: _propTypes.default.node,
+  /**
+   * Defines the space between immediate children.
+   * @default 0
+   */
+  spacing: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.string]),
+  /**
+   * The system prop, which allows defining system overrides as well as additional CSS styles.
+   */
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
+  /**
+   * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
+   *
+   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),
+   * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
+   *
+   * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
+   * @default false
+   */
+  useFlexGap: _propTypes.default.bool
+} : void 0;
+var _default = exports.default = Stack;

package/Stack/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./Stack.js";
+export * from "./Stack.js";
+export { default as stackClasses } from "./stackClasses.js";
+export * from "./stackClasses.js";

package/Stack/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Stack.default;
+  }
+});
+Object.defineProperty(exports, "stackClasses", {
+  enumerable: true,
+  get: function () {
+    return _stackClasses.default;
+  }
+});
+var _Stack = _interopRequireDefault(require("./Stack"));
+var _stackClasses = _interopRequireDefault(require("./stackClasses"));

package/Stack/stackClasses.d.ts

@@ -0,0 +1,6 @@
+import { StackClasses } from '@mui/system';
+export type { StackClassKey } from '@mui/system';
+export type { StackClasses };
+export declare function getStackUtilityClass(slot: string): string;
+declare const stackClasses: StackClasses;
+export default stackClasses;

package/Stack/stackClasses.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getStackUtilityClass = getStackUtilityClass;
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+function getStackUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiStack', slot);
+}
+const stackClasses = (0, _generateUtilityClasses.default)('MuiStack', ['root']);
+var _default = exports.default = stackClasses;

package/Step/Step.d.ts

@@ -0,0 +1,70 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
+import { Theme } from "../styles/index.js";
+import { StepClasses } from "./stepClasses.js";
+export interface StepOwnProps {
+  /**
+   * Sets the step as active. Is passed to child components.
+   */
+  active?: boolean;
+  /**
+   * Should be `Step` sub-components such as `StepLabel`, `StepContent`.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<StepClasses>;
+  /**
+   * Mark the step as completed. Is passed to child components.
+   */
+  completed?: boolean;
+  /**
+   * If `true`, the step is disabled, will also disable the button if
+   * `StepButton` is a child of `Step`. Is passed to child components.
+   */
+  disabled?: boolean;
+  /**
+   * Expand the step.
+   * @default false
+   */
+  expanded?: boolean;
+  /**
+   * The position of the step.
+   * The prop defaults to the value inherited from the parent Stepper component.
+   */
+  index?: number;
+  /**
+   * If `true`, the Step is displayed as rendered last.
+   * The prop defaults to the value inherited from the parent Stepper component.
+   */
+  last?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+export interface StepTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
+  props: AdditionalProps & StepOwnProps;
+  defaultComponent: RootComponent;
+}
+export type StepProps<RootComponent extends React.ElementType = StepTypeMap['defaultComponent'], AdditionalProps = {
+  component?: React.ElementType;
+}> = OverrideProps<StepTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
+export type StepClasskey = keyof NonNullable<StepProps['classes']>;
+
+/**
+ *
+ * Demos:
+ *
+ * - [Stepper](https://mui.com/material-ui/react-stepper/)
+ *
+ * API:
+ *
+ * - [Step API](https://mui.com/material-ui/api/step/)
+ */
+declare const Step: OverridableComponent<StepTypeMap>;
+export default Step;

package/Step/Step.js

@@ -0,0 +1,183 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _integerPropType = _interopRequireDefault(require("@mui/utils/integerPropType"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _StepperContext = _interopRequireDefault(require("../Stepper/StepperContext"));
+var _StepContext = _interopRequireDefault(require("./StepContext"));
+var _zeroStyled = require("../zero-styled");
+var _DefaultPropsProvider = require("../DefaultPropsProvider");
+var _stepClasses = require("./stepClasses");
+var _jsxRuntime = require("react/jsx-runtime");
+const useUtilityClasses = ownerState => {
+  const {
+    classes,
+    orientation,
+    alternativeLabel,
+    completed
+  } = ownerState;
+  const slots = {
+    root: ['root', orientation, alternativeLabel && 'alternativeLabel', completed && 'completed']
+  };
+  return (0, _composeClasses.default)(slots, _stepClasses.getStepUtilityClass, classes);
+};
+const StepRoot = (0, _zeroStyled.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 = (0, _DefaultPropsProvider.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.default);
+  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__*/(0, _jsxRuntime.jsxs)(StepRoot, {
+    as: component,
+    className: (0, _clsx.default)(classes.root, className),
+    ref: ref,
+    ownerState: ownerState,
+    ...other,
+    children: [connector && alternativeLabel && index !== 0 ? connector : null, children]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepContext.default.Provider, {
+    value: contextValue,
+    children: connector && !alternativeLabel && index !== 0 ? /*#__PURE__*/(0, _jsxRuntime.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.default.bool,
+  /**
+   * Should be `Step` sub-components such as `StepLabel`, `StepContent`.
+   */
+  children: _propTypes.default.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: _propTypes.default.object,
+  /**
+   * @ignore
+   */
+  className: _propTypes.default.string,
+  /**
+   * Mark the step as completed. Is passed to child components.
+   */
+  completed: _propTypes.default.bool,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: _propTypes.default.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.default.bool,
+  /**
+   * Expand the step.
+   * @default false
+   */
+  expanded: _propTypes.default.bool,
+  /**
+   * The position of the step.
+   * The prop defaults to the value inherited from the parent Stepper component.
+   */
+  index: _integerPropType.default,
+  /**
+   * If `true`, the Step is displayed as rendered last.
+   * The prop defaults to the value inherited from the parent Stepper component.
+   */
+  last: _propTypes.default.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
+} : void 0;
+var _default = exports.default = Step;