import { PropertyValues, LitElement } from 'lit'; import { KeynavListConfig, Container } from '../internal'; import { IconButton } from '../icon-button'; import { ProgressRing } from '../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. * @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; /** * Four visual treatments represent the `status` of tasks. When `status` has a value of `warning`, `success`, or `danger`, the component embeds appropriate icons. */ 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. * @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 {};