import { LitElement } from 'lit';
/**
 * Progress component is used to display a circular pie-chart style progress indicator.
 * You can customize the size and color of the progress indicator with the
 * provided properties.
 *
 * @status ready
 * @category feedback
 * @cssprop [--n-progress-color=var(--n-color-accent)] - Controls the color of the progress indicator.
 */
export default class Progress extends LitElement {
    static styles: import("lit").CSSResult[];
    /**
     * The size of the progress indicator.
     */
    size: 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
    /**
     * The color of the progress indicator.
     * Can accept any valid CSS color value, including custom properties.
     * Takes precedence over the `--n-progress-color` CSS custom property.
     */
    color?: string;
    /**
     * An accessible label for the progress indicator.
     * If no label is supplied, the component is hidden from assistive technology.
     */
    label?: string;
    /**
     * The progress percentage value.
     */
    progress: number;
    /**
     * Internal state for the animated progress value.
     */
    private _animatedProgress;
    /**
     * Animation frame ID for cleanup.
     */
    private _animationId;
    /**
     * Target progress for animation.
     */
    private _targetProgress;
    /**
     * Unique ID for this component instance, used for SVG clipPath.
     */
    private _instanceId;
    constructor();
    connectedCallback(): void;
    disconnectedCallback(): void;
    updated(changedProperties: Map<string, unknown>): void;
    private _animate;
    private get _clampedProgress();
    /**
     * Check if the color is a semantic value handled by CSS.
     */
    private get _isSemanticColor();
    /**
     * Get the custom color style if not a semantic value.
     */
    private get _customColorStyle();
    render(): import("lit").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'nord-progress': Progress;
    }
}