@mui/material 5.4.2 → 5.5.0

package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts

@@ -1,8 +1,8 @@
-export interface ScopedCssBaselineClasses {
-    /** Styles applied to the root element. */
-    root: string;
-}
-export declare type ScopedCssBaselineClassKey = keyof ScopedCssBaselineClasses;
-export declare function getScopedCssBaselineUtilityClass(slot: string): string;
-declare const scopedCssBaselineClasses: Record<"root", string>;
-export default scopedCssBaselineClasses;
+export interface ScopedCssBaselineClasses {
+    /** Styles applied to the root element. */
+    root: string;
+}
+export declare type ScopedCssBaselineClassKey = keyof ScopedCssBaselineClasses;
+export declare function getScopedCssBaselineUtilityClass(slot: string): string;
+declare const scopedCssBaselineClasses: Record<"root", string>;
+export default scopedCssBaselineClasses;

package/Select/Select.d.ts

@@ -5,11 +5,13 @@ import { InputProps } from '../Input';
 import { MenuProps } from '../Menu';
 import { SelectChangeEvent, SelectInputProps } from './SelectInput';
 import { SelectClasses } from './selectClasses';
+import { OutlinedInputProps } from '../OutlinedInput';
 
 export { SelectChangeEvent };
 
 export interface SelectProps<T = unknown>
   extends StandardProps<InputProps, 'value' | 'onChange'>,
+    Omit<OutlinedInputProps, 'value' | 'onChange'>,
     Pick<SelectInputProps<T>, 'onChange'> {
   /**
    * If `true`, the width of the popover will automatically be set according to the items inside the

package/Select/selectClasses.d.ts

@@ -1,30 +1,30 @@
-export interface SelectClasses {
-    /** Styles applied to the select component `select` class. */
-    select: string;
-    /** Styles applied to the select component if `multiple={true}`. */
-    multiple: string;
-    /** Styles applied to the select component if `variant="filled"`. */
-    filled: string;
-    /** Styles applied to the select component if `variant="outlined"`. */
-    outlined: string;
-    /** Styles applied to the select component if `variant="standard"`. */
-    standard: string;
-    /** State class applied to the select component `disabled` class. */
-    disabled: string;
-    /** Styles applied to the icon component. */
-    icon: string;
-    /** Styles applied to the icon component if the popup is open. */
-    iconOpen: string;
-    /** Styles applied to the icon component if `variant="filled"`. */
-    iconFilled: string;
-    /** Styles applied to the icon component if `variant="outlined"`. */
-    iconOutlined: string;
-    /** Styles applied to the icon component if `variant="standard"`. */
-    iconStandard: string;
-    /** Styles applied to the underlying native input component. */
-    nativeInput: string;
-}
-export declare type SelectClassKey = keyof SelectClasses;
-export declare function getSelectUtilityClasses(slot: string): string;
-declare const selectClasses: SelectClasses;
-export default selectClasses;
+export interface SelectClasses {
+    /** Styles applied to the select component `select` class. */
+    select: string;
+    /** Styles applied to the select component if `multiple={true}`. */
+    multiple: string;
+    /** Styles applied to the select component if `variant="filled"`. */
+    filled: string;
+    /** Styles applied to the select component if `variant="outlined"`. */
+    outlined: string;
+    /** Styles applied to the select component if `variant="standard"`. */
+    standard: string;
+    /** State class applied to the select component `disabled` class. */
+    disabled: string;
+    /** Styles applied to the icon component. */
+    icon: string;
+    /** Styles applied to the icon component if the popup is open. */
+    iconOpen: string;
+    /** Styles applied to the icon component if `variant="filled"`. */
+    iconFilled: string;
+    /** Styles applied to the icon component if `variant="outlined"`. */
+    iconOutlined: string;
+    /** Styles applied to the icon component if `variant="standard"`. */
+    iconStandard: string;
+    /** Styles applied to the underlying native input component. */
+    nativeInput: string;
+}
+export declare type SelectClassKey = keyof SelectClasses;
+export declare function getSelectUtilityClasses(slot: string): string;
+declare const selectClasses: SelectClasses;
+export default selectClasses;

package/Skeleton/skeletonClasses.d.ts

@@ -1,24 +1,24 @@
-export interface SkeletonClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `variant="text"`. */
-    text: string;
-    /** Styles applied to the root element if `variant="rectangular"`. */
-    rectangular: string;
-    /** Styles applied to the root element if `variant="circular"`. */
-    circular: string;
-    /** Styles applied to the root element if `animation="pulse"`. */
-    pulse: string;
-    /** Styles applied to the root element if `animation="wave"`. */
-    wave: string;
-    /** Styles applied when the component is passed children. */
-    withChildren: string;
-    /** Styles applied when the component is passed children and no width. */
-    fitContent: string;
-    /** Styles applied when the component is passed children and no height. */
-    heightAuto: string;
-}
-export declare type SkeletonClassKey = keyof SkeletonClasses;
-export declare function getSkeletonUtilityClass(slot: string): string;
-declare const skeletonClasses: SkeletonClasses;
-export default skeletonClasses;
+export interface SkeletonClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `variant="text"`. */
+    text: string;
+    /** Styles applied to the root element if `variant="rectangular"`. */
+    rectangular: string;
+    /** Styles applied to the root element if `variant="circular"`. */
+    circular: string;
+    /** Styles applied to the root element if `animation="pulse"`. */
+    pulse: string;
+    /** Styles applied to the root element if `animation="wave"`. */
+    wave: string;
+    /** Styles applied when the component is passed children. */
+    withChildren: string;
+    /** Styles applied when the component is passed children and no width. */
+    fitContent: string;
+    /** Styles applied when the component is passed children and no height. */
+    heightAuto: string;
+}
+export declare type SkeletonClassKey = keyof SkeletonClasses;
+export declare function getSkeletonUtilityClass(slot: string): string;
+declare const skeletonClasses: SkeletonClasses;
+export default skeletonClasses;

package/Slide/Slide.d.ts

@@ -26,8 +26,8 @@ export interface SlideProps extends TransitionProps {
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
    * @default {
-   *   enter: easing.easeOut,
-   *   exit: easing.sharp,
+   *   enter: theme.transitions.easing.easeOut,
+   *   exit: theme.transitions.easing.sharp,
    * }
    */
   easing?: TransitionProps['easing'];
@@ -40,8 +40,8 @@ export interface SlideProps extends TransitionProps {
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
    * @default {
-   *   enter: duration.enteringScreen,
-   *   exit: duration.leavingScreen,
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
   timeout?: TransitionProps['timeout'];

package/Slide/Slide.js

@@ -8,7 +8,6 @@ import { elementAcceptingRef, HTMLElementType, chainPropTypes } from '@mui/utils
 import debounce from '../utils/debounce';
 import useForkRef from '../utils/useForkRef';
 import useTheme from '../styles/useTheme';
-import { duration, easing } from '../styles/createTransitions';
 import { reflow, getTransitionProps } from '../transitions/utils';
 import { ownerWindow } from '../utils'; // Translate the node so it can't be seen on the screen.
 // Later, we're going to translate the node back to its original location with `none`.
@@ -82,20 +81,22 @@ export function setTranslateValue(direction, node, containerProp) {
     node.style.transform = transform;
   }
 }
-const defaultEasing = {
-  enter: easing.easeOut,
-  exit: easing.sharp
-};
-const defaultTimeout = {
-  enter: duration.enteringScreen,
-  exit: duration.leavingScreen
-};
 /**
  * The Slide transition is used by the [Drawer](/components/drawers/) component.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  */
 
 const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
+  const theme = useTheme();
+  const defaultEasing = {
+    enter: theme.transitions.easing.easeOut,
+    exit: theme.transitions.easing.sharp
+  };
+  const defaultTimeout = {
+    enter: theme.transitions.duration.enteringScreen,
+    exit: theme.transitions.duration.leavingScreen
+  };
+
   const {
     addEndListener,
     appear = true,
@@ -117,7 +118,6 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
   } = props,
         other = _objectWithoutPropertiesLoose(props, _excluded);
 
-  const theme = useTheme();
   const childrenRef = React.useRef(null);
   const handleRefIntermediary = useForkRef(children.ref, childrenRef);
   const handleRef = useForkRef(handleRefIntermediary, ref);
@@ -305,8 +305,8 @@ process.env.NODE_ENV !== "production" ? Slide.propTypes
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
    * @default {
-   *   enter: easing.easeOut,
-   *   exit: easing.sharp,
+   *   enter: theme.transitions.easing.easeOut,
+   *   exit: theme.transitions.easing.sharp,
    * }
    */
   easing: PropTypes.oneOfType([PropTypes.shape({
@@ -358,8 +358,8 @@ process.env.NODE_ENV !== "production" ? Slide.propTypes
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
    * @default {
-   *   enter: duration.enteringScreen,
-   *   exit: duration.leavingScreen,
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
   timeout: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({

package/Snackbar/Snackbar.d.ts

@@ -104,8 +104,8 @@ export interface SnackbarProps extends StandardProps<React.HTMLAttributes<HTMLDi
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
    * @default {
-   *   enter: duration.enteringScreen,
-   *   exit: duration.leavingScreen,
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
   transitionDuration?: TransitionProps['timeout'];

package/Snackbar/Snackbar.js

@@ -10,7 +10,6 @@ import ClickAwayListener from '@mui/base/ClickAwayListener';
 import styled from '../styles/styled';
 import useTheme from '../styles/useTheme';
 import useThemeProps from '../styles/useThemeProps';
-import { duration } from '../styles/createTransitions';
 import useEventCallback from '../utils/useEventCallback';
 import capitalize from '../utils/capitalize';
 import Grow from '../Grow';
@@ -93,6 +92,11 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     props: inProps,
     name: 'MuiSnackbar'
   });
+  const theme = useTheme();
+  const defaultTransitionDuration = {
+    enter: theme.transitions.duration.enteringScreen,
+    exit: theme.transitions.duration.leavingScreen
+  };
 
   const {
     action,
@@ -118,10 +122,7 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     open,
     resumeHideDuration,
     TransitionComponent = Grow,
-    transitionDuration = {
-      enter: duration.enteringScreen,
-      exit: duration.leavingScreen
-    },
+    transitionDuration = defaultTransitionDuration,
     TransitionProps: {
       onEnter,
       onExited
@@ -130,7 +131,6 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
         TransitionProps = _objectWithoutPropertiesLoose(props.TransitionProps, _excluded),
         other = _objectWithoutPropertiesLoose(props, _excluded2);
 
-  const theme = useTheme();
   const isRtl = theme.direction === 'rtl';
 
   const ownerState = _extends({}, props, {
@@ -449,8 +449,8 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
    * @default {
-   *   enter: duration.enteringScreen,
-   *   exit: duration.leavingScreen,
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
   transitionDuration: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({

package/Snackbar/snackbarClasses.d.ts

@@ -1,20 +1,20 @@
-export interface SnackbarClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'center' }}`. */
-    anchorOriginTopCenter: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'center' }}`. */
-    anchorOriginBottomCenter: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'right' }}`. */
-    anchorOriginTopRight: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'right' }}`. */
-    anchorOriginBottomRight: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'left' }}`. */
-    anchorOriginTopLeft: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'left' }}`. */
-    anchorOriginBottomLeft: string;
-}
-export declare type SnackbarClassKey = keyof SnackbarClasses;
-export declare function getSnackbarUtilityClass(slot: string): string;
-declare const snackbarClasses: SnackbarClasses;
-export default snackbarClasses;
+export interface SnackbarClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'center' }}`. */
+    anchorOriginTopCenter: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'center' }}`. */
+    anchorOriginBottomCenter: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'right' }}`. */
+    anchorOriginTopRight: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'right' }}`. */
+    anchorOriginBottomRight: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'left' }}`. */
+    anchorOriginTopLeft: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'left' }}`. */
+    anchorOriginBottomLeft: string;
+}
+export declare type SnackbarClassKey = keyof SnackbarClasses;
+export declare function getSnackbarUtilityClass(slot: string): string;
+declare const snackbarClasses: SnackbarClasses;
+export default snackbarClasses;

package/SnackbarContent/snackbarContentClasses.d.ts

@@ -1,12 +1,12 @@
-export interface SnackbarContentClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the message wrapper element. */
-    message: string;
-    /** Styles applied to the action wrapper element if `action` is provided. */
-    action: string;
-}
-export declare type SnackbarContentClassKey = keyof SnackbarContentClasses;
-export declare function getSnackbarContentUtilityClass(slot: string): string;
-declare const snackbarContentClasses: SnackbarContentClasses;
-export default snackbarContentClasses;
+export interface SnackbarContentClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the message wrapper element. */
+    message: string;
+    /** Styles applied to the action wrapper element if `action` is provided. */
+    action: string;
+}
+export declare type SnackbarContentClassKey = keyof SnackbarContentClasses;
+export declare function getSnackbarContentUtilityClass(slot: string): string;
+declare const snackbarContentClasses: SnackbarContentClasses;
+export default snackbarContentClasses;

package/SpeedDial/SpeedDial.d.ts

@@ -80,8 +80,8 @@ export interface SpeedDialProps
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
    * @default {
-   *   enter: duration.enteringScreen,
-   *   exit: duration.leavingScreen,
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
   transitionDuration?: TransitionProps['timeout'];

package/SpeedDial/SpeedDial.js

@@ -10,7 +10,7 @@ import clsx from 'clsx';
 import { unstable_composeClasses as composeClasses } from '@mui/base';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
-import { duration } from '../styles/createTransitions';
+import useTheme from '../styles/useTheme';
 import Zoom from '../Zoom';
 import Fab from '../Fab';
 import capitalize from '../utils/capitalize';
@@ -137,6 +137,11 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
     props: inProps,
     name: 'MuiSpeedDial'
   });
+  const theme = useTheme();
+  const defaultTransitionDuration = {
+    enter: theme.transitions.duration.enteringScreen,
+    exit: theme.transitions.duration.leavingScreen
+  };
 
   const {
     ariaLabel,
@@ -157,10 +162,7 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
     onOpen,
     open: openProp,
     TransitionComponent = Zoom,
-    transitionDuration = {
-      enter: duration.enteringScreen,
-      exit: duration.leavingScreen
-    },
+    transitionDuration = defaultTransitionDuration,
     TransitionProps
   } = props,
         FabProps = _objectWithoutPropertiesLoose(props.FabProps, _excluded),
@@ -542,8 +544,8 @@ process.env.NODE_ENV !== "production" ? SpeedDial.propTypes
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
    * @default {
-   *   enter: duration.enteringScreen,
-   *   exit: duration.leavingScreen,
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
   transitionDuration: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({

package/SpeedDial/speedDialClasses.d.ts

@@ -1,22 +1,22 @@
-export interface SpeedDialClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the Fab component. */
-    fab: string;
-    /** Styles applied to the root element if direction="up" */
-    directionUp: string;
-    /** Styles applied to the root element if direction="down" */
-    directionDown: string;
-    /** Styles applied to the root element if direction="left" */
-    directionLeft: string;
-    /** Styles applied to the root element if direction="right" */
-    directionRight: string;
-    /** Styles applied to the actions (`children` wrapper) element. */
-    actions: string;
-    /** Styles applied to the actions (`children` wrapper) element if `open={false}`. */
-    actionsClosed: string;
-}
-export declare type SpeedDialClassKey = keyof SpeedDialClasses;
-export declare function getSpeedDialUtilityClass(slot: string): string;
-declare const speedDialClasses: SpeedDialClasses;
-export default speedDialClasses;
+export interface SpeedDialClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the Fab component. */
+    fab: string;
+    /** Styles applied to the root element if direction="up" */
+    directionUp: string;
+    /** Styles applied to the root element if direction="down" */
+    directionDown: string;
+    /** Styles applied to the root element if direction="left" */
+    directionLeft: string;
+    /** Styles applied to the root element if direction="right" */
+    directionRight: string;
+    /** Styles applied to the actions (`children` wrapper) element. */
+    actions: string;
+    /** Styles applied to the actions (`children` wrapper) element if `open={false}`. */
+    actionsClosed: string;
+}
+export declare type SpeedDialClassKey = keyof SpeedDialClasses;
+export declare function getSpeedDialUtilityClass(slot: string): string;
+declare const speedDialClasses: SpeedDialClasses;
+export default speedDialClasses;

package/SpeedDialAction/speedDialActionClasses.d.ts

@@ -1,20 +1,20 @@
-export interface SpeedDialActionClasses {
-    /** Styles applied to the Fab component. */
-    fab: string;
-    /** Styles applied to the Fab component if `open={false}`. */
-    fabClosed: string;
-    /** Styles applied to the root element if `tooltipOpen={true}`. */
-    staticTooltip: string;
-    /** Styles applied to the root element if `tooltipOpen={true}` and `open={false}`. */
-    staticTooltipClosed: string;
-    /** Styles applied to the static tooltip label if `tooltipOpen={true}`. */
-    staticTooltipLabel: string;
-    /** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="left"`` */
-    tooltipPlacementLeft: string;
-    /** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="right"`` */
-    tooltipPlacementRight: string;
-}
-export declare type SpeedDialActionClassKey = keyof SpeedDialActionClasses;
-export declare function getSpeedDialActionUtilityClass(slot: string): string;
-declare const speedDialActionClasses: SpeedDialActionClasses;
-export default speedDialActionClasses;
+export interface SpeedDialActionClasses {
+    /** Styles applied to the Fab component. */
+    fab: string;
+    /** Styles applied to the Fab component if `open={false}`. */
+    fabClosed: string;
+    /** Styles applied to the root element if `tooltipOpen={true}`. */
+    staticTooltip: string;
+    /** Styles applied to the root element if `tooltipOpen={true}` and `open={false}`. */
+    staticTooltipClosed: string;
+    /** Styles applied to the static tooltip label if `tooltipOpen={true}`. */
+    staticTooltipLabel: string;
+    /** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="left"`` */
+    tooltipPlacementLeft: string;
+    /** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="right"`` */
+    tooltipPlacementRight: string;
+}
+export declare type SpeedDialActionClassKey = keyof SpeedDialActionClasses;
+export declare function getSpeedDialActionUtilityClass(slot: string): string;
+declare const speedDialActionClasses: SpeedDialActionClasses;
+export default speedDialActionClasses;

package/SpeedDialIcon/speedDialIconClasses.d.ts

@@ -1,18 +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 declare type SpeedDialIconClassKey = keyof SpeedDialIconClasses;
-export declare function getSpeedDialIconUtilityClass(slot: string): string;
-declare const speedDialIconClasses: SpeedDialIconClasses;
-export default speedDialIconClasses;
+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 declare type SpeedDialIconClassKey = keyof SpeedDialIconClasses;
+export declare function getSpeedDialIconUtilityClass(slot: string): string;
+declare const speedDialIconClasses: SpeedDialIconClasses;
+export default speedDialIconClasses;

package/Step/StepContext.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+export interface StepContextType {
+    index: number;
+    last: boolean;
+    expanded: boolean;
+    icon: React.ReactNode;
+    active: boolean;
+    completed: boolean;
+    disabled: boolean;
+}
+/**
+ * Provides information about the current step in Stepper.
+ */
+declare const StepContext: React.Context<{} | StepContextType>;
+/**
+ * Returns the current StepContext or an empty object if no StepContext
+ * has been defined in the component tree.
+ */
+export declare function useStepContext(): StepContextType | {};
+export default StepContext;

package/Step/StepContext.js

@@ -1,12 +1,20 @@
 import * as React from 'react';
+
 /**
- * @ignore - internal component.
+ * 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/Step/index.d.ts

@@ -3,3 +3,6 @@ export * from './Step';
 
 export { default as stepClasses } from './stepClasses';
 export * from './stepClasses';
+
+export { default as StepContext } from './StepContext';
+export * from './StepContext';

package/Step/index.js

@@ -1,3 +1,5 @@
 export { default } from './Step';
 export { default as stepClasses } from './stepClasses';
-export * from './stepClasses';
+export * from './stepClasses';
+export { default as StepContext } from './StepContext';
+export * from './StepContext';

package/Step/stepClasses.d.ts

@@ -1,16 +1,16 @@
-export interface StepClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `orientation="horizontal"`. */
-    horizontal: string;
-    /** Styles applied to the root element if `orientation="vertical"`. */
-    vertical: string;
-    /** Styles applied to the root element if `alternativeLabel={true}`. */
-    alternativeLabel: string;
-    /** State class applied to the root element if `completed={true}`. */
-    completed: string;
-}
-export declare type StepClassKey = keyof StepClasses;
-export declare function getStepUtilityClass(slot: string): string;
-declare const stepClasses: StepClasses;
-export default stepClasses;
+export interface StepClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `orientation="horizontal"`. */
+    horizontal: string;
+    /** Styles applied to the root element if `orientation="vertical"`. */
+    vertical: string;
+    /** Styles applied to the root element if `alternativeLabel={true}`. */
+    alternativeLabel: string;
+    /** State class applied to the root element if `completed={true}`. */
+    completed: string;
+}
+export declare type StepClassKey = keyof StepClasses;
+export declare function getStepUtilityClass(slot: string): string;
+declare const stepClasses: StepClasses;
+export default stepClasses;