import { LitElement } from 'lit';
type SpinnerVariant = 'ai' | 'inline';
type SpinnerSize = 'default' | 'mini';
/**
 * Spinner component
 *
 * - tag: <kyn-spinner>
 * - variant: 'ai' (CSS/SVG spinner) or 'inline' (lottie indeterminate animation)
 * - status: for inline variant -> 'active' | 'inactive' | 'success' | 'error'
 * - size: for ai variant -> 'default' | 'mini'
 *
 * Colors can be set via properties: primaryColor, secondaryColor, trackColor
 * which set CSS variables on the host (--loader-primary, --loader-secondary, --loader-track).
 */
export declare class KynSpinner extends LitElement {
    static styles: import("lit").CSSResult[];
    /** Which variant to render: 'ai' | 'inline' */
    accessor variant: SpinnerVariant;
    /** Inline spinner status. Can be `active`, `inactive`, `success`, `error`. */
    accessor status: string;
    /** Size for AI spinner */
    accessor size: SpinnerSize;
    /** Primary color for spinner (CSS color string). Sets --loader-primary on host. */
    accessor primaryColor: string | undefined;
    /** Secondary color (e.g., arc color). Sets --loader-secondary on host. */
    accessor secondaryColor: string | undefined;
    /** Track/backdrop color for SVG track. Sets --loader-track on host. */
    accessor trackColor: string | undefined;
    /** Inline spinner internal states */
    private accessor _stopped;
    private accessor _hidden;
    private accessor _containerEl;
    render(): import("lit-html").TemplateResult<1>;
    connectedCallback(): void;
    updated(changed: Map<string, unknown>): void;
    firstUpdated(): void;
    private _syncCssVars;
    private _emitStart;
    private _emitStop;
}
declare global {
    interface HTMLElementTagNameMap {
        'kyn-spinner': KynSpinner;
    }
}
export {};
//# sourceMappingURL=spinner.d.ts.map