import { PropertyValues } from 'lit'; import { DDSElement } from "../../base/index.cjs"; import { MergeVariantProps } from "../../type-utils.cjs"; declare const cvaBar: (props?: ({ variant?: "error" | "indeterminate" | "inprogress" | "completed" | null | undefined; size?: "medium" | "large" | null | undefined; } & import('class-variance-authority/types').ClassProp) | undefined) => string; declare const cvaHelper: (props?: ({ variant?: "error" | "indeterminate" | "inprogress" | "completed" | null | undefined; visible?: boolean | null | undefined; } & import('class-variance-authority/types').ClassProp) | undefined) => string; type ProgressBarVariantProps = MergeVariantProps; /** * The progress bar component is used to visually convey the progress to the user. * * There are four variants of the progress bar: * * - `"inprogress"`: The default variant. Use this when you know the exact progress. The length of the bar is the ratio of `value` to `max`. * - `"indeterminate"`: Use this variant when you don't know the exact progress. In this variant, the `value` is ignored and the bar always animates from left to right with a constant length. * - `"completed"`: In addition to `"inprogress"`, a completed icon is added. In this variant, the `value` is ignored and the bar always expands to the full width. * - `"error"`: In addition to `"inprogress"`, an error icon is added and the color becomes red. In this variant, the `value` is ignored and the bar always expands to the full width. * * @slot - A slot for label text displayed at the top of the progress bar. * * @example * * ```js * import "@daikin-oss/design-system-web-components/components/progress-bar/index.js"; * ``` * * ```html * * Progress bar label * * ``` */ export declare class DaikinProgressBar extends DDSElement { static readonly styles: import('lit').CSSResult; /** * Variant of the progress bar. * * @default "inprogress" */ variant: ProgressBarVariantProps["variant"]; /** * Size of the progress bar * * @default "medium" */ size: ProgressBarVariantProps["size"]; /** * Value of the progress bar. * Only used for `"inprogress"` variant. */ value: number; /** * Max value of the progress bar. * Only used for `"inprogress"` variant. */ max: number; /** * Helper text displayed at the bottom of the progress bar. */ helper: string; private _validateProperties; render(): import('lit-html').TemplateResult<1>; protected updated(changedProperties: PropertyValues): void; } declare global { interface HTMLElementTagNameMap { "daikin-progress-bar": DaikinProgressBar; } } export default DaikinProgressBar;