import type { PropertyValues } from 'lit'; import { LitElement } from 'lit'; import type { KeynavListConfig, Container } from '@nvidia-elements/core/internal'; import { IconButton } from '@nvidia-elements/core/icon-button'; import { ProgressRing } from '@nvidia-elements/core/progress-ring'; declare const StepsItem_base: import("@nvidia-elements/forms/mixins").ButtonFormControlMixinReturn; /** * @element nve-steps-item * @description Represents an individual step within a multi-step workflow, displaying its status and enabling navigation within the parent steps component. * @documentation https://nvidia.github.io/elements/docs/elements/steps/ * @since 0.30.0 * @entrypoint \@nvidia-elements/core/steps * @slot - default slot for step text * @slot status-icon - custom slotted step icon * @cssprop --font-size * @cssprop --border-top * @cssprop --width * @cssprop --font-weight * @cssprop --border-radius * @cssprop --color * @cssprop --text-transform * @csspart icon-button - The icon button element * @csspart progress-ring - The progress ring element * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tabs/ */ export declare class StepsItem extends StepsItem_base { /** * Determines which item the user selects, defaults to false. */ selected: boolean; /** * Controls the step status. `accent` has no default status icon, `danger` displays an alert icon, `success` displays a check icon, and `pending` displays a progress indicator. Omit the property to display the step number. */ status?: 'accent' | 'danger' | 'success' | 'pending'; /** * Determines whether the steps should display in condensed format with no text labels. */ container?: Extract; /** @private */ index: number; static styles: import("lit").CSSResult[]; static readonly metadata: { tag: string; version: string; parents: string[]; }; static elementDefinitions: { [IconButton.metadata.tag]: typeof IconButton; [ProgressRing.metadata.tag]: typeof ProgressRing; }; render(): import("lit").TemplateResult<1>; constructor(); connectedCallback(): void; } /** * @element nve-steps * @description Steps enables a multi-step workflow allowing a user to complete a goal in a specific sequence. * @documentation https://nvidia.github.io/elements/docs/elements/steps/ * @since 0.30.0 * @entrypoint \@nvidia-elements/core/steps * @slot - default slot for steps-item * @cssprop --gap * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tabs/ */ export declare class Steps extends LitElement { #private; /** * Determines whether the steps should display in a vertical layout vs. defaulting to horizontal. */ vertical: boolean; /** * Determines whether the steps should display in condensed format with no text labels. */ container?: Extract; /** * Determines whether the steps should handle selection behavior vs. defaults to off. */ behaviorSelect: boolean; static styles: import("lit").CSSResult[]; static readonly metadata: { tag: string; version: string; children: string[]; }; /** @private */ get keynavListConfig(): KeynavListConfig; private steps; /** @private */ _internals: ElementInternals; render(): import("lit").TemplateResult<1>; connectedCallback(): void; disconnectedCallback(): void; updated(props: PropertyValues): void; } export {};