import { StepsRoot, StepsList, StepsItem, StepsTrigger, StepsIndicator, StepsNumber, StepsTitle, StepsDescription, StepsSeparator, StepsContent, StepsCompletedContent, StepsPrevTrigger, StepsNextTrigger, StepsStatus } from './components'; /** * # Steps * * A multi-step workflow component with built-in state management, content visibility, * and navigation triggers. Wraps Chakra UI's Steps component with Nimbus styling. * * Supports both controlled and uncontrolled usage patterns. * * @see {@link https://nimbus-documentation.vercel.app/components/navigation/steps} * * @example * ```tsx * // Uncontrolled usage (component manages state internally) * * * * * * Account * * * * * * * Profile * * * * * * * Review * * * * * Account form content * Profile form content * Review content * All steps complete! * * * * * * * * * ``` */ export declare const Steps: { /** * # Steps.Root * * Container component that manages step state and provides context to child components. * Supports both controlled (step/onStepChange) and uncontrolled (defaultStep) modes. */ Root: { (props: import('./steps.types').StepsRootProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; /** * # Steps.List * * Container for grouping step items. */ List: { (props: import('./steps.types').StepsListProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; /** * # Steps.Item * * Container for a single step (trigger + separator). */ Item: { (props: import('./steps.types').StepsItemProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; /** * # Steps.Trigger * * Clickable element within each step for direct navigation. */ Trigger: { (props: import('./steps.types').StepsTriggerProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; /** * # Steps.Indicator * * Visual marker showing step status (number, icon, or custom content). */ Indicator: { (props: import('./steps.types').StepsIndicatorProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; /** * # Steps.Number * * Displays the step number (1-indexed). */ Number: { (props: import('./steps.types').StepsNumberProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; /** * # Steps.Title * * Displays the step title. */ Title: { (props: import('./steps.types').StepsTitleProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; /** * # Steps.Description * * Displays optional hint text below the title. */ Description: { (props: import('./steps.types').StepsDescriptionProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; /** * # Steps.Separator * * Visual line connecting step indicators. */ Separator: { (props: import('./steps.types').StepsSeparatorProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; /** * # Steps.Content * * Content container that auto-shows/hides based on current step. */ Content: { (props: import('./steps.types').StepsContentProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; /** * # Steps.CompletedContent * * Content displayed when all steps are complete. */ CompletedContent: { (props: import('./steps.types').StepsCompletedContentProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; /** * # Steps.PrevTrigger * * Navigation button to go to previous step. */ PrevTrigger: { (props: import('./steps.types').StepsPrevTriggerProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; /** * # Steps.NextTrigger * * Navigation button to go to next step. */ NextTrigger: { (props: import('./steps.types').StepsNextTriggerProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; /** * # Steps.Status * * Renders different content based on step state. */ Status: { (props: import('./steps.types').StepsStatusProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; }; export type { StepsRootProps, StepsListProps, StepsItemProps, StepsTriggerProps, StepsIndicatorProps, StepsNumberProps, StepsTitleProps, StepsDescriptionProps, StepsSeparatorProps, StepsContentProps, StepsCompletedContentProps, StepsPrevTriggerProps, StepsNextTriggerProps, StepsStatusProps, StepsChangeDetails, } from './steps.types'; /** * todo: get rid of this, this is needed for the react-docgen-typescript script * that is parsing the typescript types for our documentation. The _ underscores * serve as a reminder that this exports are awkward and should not be used. */ export { StepsRoot as _StepsRoot, StepsList as _StepsList, StepsItem as _StepsItem, StepsTrigger as _StepsTrigger, StepsIndicator as _StepsIndicator, StepsNumber as _StepsNumber, StepsTitle as _StepsTitle, StepsDescription as _StepsDescription, StepsSeparator as _StepsSeparator, StepsContent as _StepsContent, StepsCompletedContent as _StepsCompletedContent, StepsPrevTrigger as _StepsPrevTrigger, StepsNextTrigger as _StepsNextTrigger, StepsStatus as _StepsStatus, };