import type { ComponentSize, ThemeColor } from '../../types';
/** Progress bar component properties */
export type OreProgressProps = {
    /** Theme color for the fill bar */
    color?: ThemeColor;
    /** Floating chip centered above the fill endpoint (linear only). Hidden in indeterminate mode. Position formula: left = fill% − half chip width (CSS: left:X%; transform:translateX(−50%)). */
    'floating-label'?: string;
    /** When true, shows an infinite animation — use when progress is unknown. */
    indeterminate?: boolean;
    /** Accessible name AND visible text label.
     * - Linear without `title`: rendered at the end of the bar.
     * - Linear with `title`: moved into the header row above the bar.
     * - Circular: large text centered inside the ring. */
    label?: string;
    /** Maximum value. Defaults to 100. */
    max?: number;
    /** Size variant controlling bar height */
    size?: ComponentSize;
    /** Title text.
     * - Linear: displayed as a header above the bar; moves `label` into the header row.
     * - Circular: smaller text displayed below the `label` inside the ring. */
    title?: string;
    /** 'linear' (default), 'circular', or 'vertical' */
    type?: 'linear' | 'circular' | 'vertical';
    /** Current progress value (0 to `max`). Ignored when `indeterminate`. */
    value?: number;
    /** Human-readable value text for screen readers (e.g. "Step 2 of 5", "75%"). Overrides the raw aria-valuenow when set. */
    'value-text'?: string;
};
/**
 * A linear progress bar for conveying operation progress.
 * Supports determinate (known value) and indeterminate (unknown duration) modes.
 *
 * @element ore-progress
 *
 * @attr {number} value   - Current value (0–max). Defaults to 0.
 * @attr {number} max     - Maximum value. Defaults to 100.
 * @attr {boolean} indeterminate - Show infinite animation (ignores value/max).
 * @attr {string} color   - Theme color: 'primary' | 'success' | 'warning' | 'error' | …
 * @attr {string} size    - Bar height/width: 'sm' | 'md' | 'lg'
 * @attr {string} type   - 'linear' (default) | 'circular' | 'vertical'
 *
 * @cssprop --progress-width  - Bar width override (vertical only)
 * @attr {string} label          - Visible text label + accessible name. Linear: at bar end (or header row with title). Circular: large text centered inside the ring.
 * @attr {string} title          - Title text. Linear: header above the bar (moves label to header row). Circular: smaller text below the label inside the ring.
 * @attr {string} floating-label - Floating chip centered above the fill endpoint (linear only); hidden when indeterminate.
 *
 * @cssprop --progress-height               - Bar height override
 * @cssprop --progress-track-bg             - Track background color
 * @cssprop --progress-fill                 - Fill bar color
 * @cssprop --progress-radius               - Border radius
 * @cssprop --progress-label-gap            - Gap between header/bar row and between bar and trailing label (default 0.25 rem)
 * @cssprop --progress-title-color          - Title text color (defaults to currentColor)
 * @cssprop --progress-label-color          - Label text color (defaults to currentColor)
 * @cssprop --progress-circle-size          - Circular indicator diameter (default 6rem)
 * @cssprop --progress-circular-label-size  - Font size of the label inside the ring (default --text-xl)
 * @cssprop --progress-circular-title-size  - Font size of the title inside the ring (default --text-xs)
 *
 * @part fill - Progress fill element.
 * @example
 * ```html
 * <ore-progress value="45"></ore-progress>
 * <ore-progress value="75" max="100" color="success" size="lg"></ore-progress>
 * <ore-progress indeterminate color="primary" label="Loading…"></ore-progress>
 * ```
 */
export declare const PROGRESS_TAG: "ore-progress";
//# sourceMappingURL=progress.d.ts.map