import * as lit_html from 'lit-html';
import * as lit from 'lit';
import { LitElement } from 'lit';

/**
 *
 * @since 1.2.0
 * @status stable
 *
 * @prop {number} total - The total number of steps
 * @prop {string} breakpoint - The point at which the tracker goes from mobile to standard
 *
 */
declare class KemetTracker extends LitElement {
    static styles: lit.CSSResult[];
    total: number;
    breakpoint: string;
    steps: NodeListOf<KemetTrackerStep>;
    constructor();
    firstUpdated(): void;
    render(): lit_html.TemplateResult<1>;
    handleSlotChange(): void;
    isMobile(): void;
}
declare global {
    interface HTMLElementTagNameMap {
        'kemet-tracker': KemetTracker;
    }
}

/**
 *
 * @since 1.2.0
 * @status stable
 *
 * @tagname kemet-tracker-step
 * @summary A step in the Tracker
 *
 * @prop {number} step - The current step number
 * @prop {boolean} completed - Determines whether a step renders as complete
 * @prop {boolean} current - Determines whether a step renders as the current step
 * @prop {boolean} last - Is automatically added to the last step
 * @prop {boolean} mobile - Determines if a step should render as mobile
 * @prop {boolean} hideDotContent - Hides the label inside of a dot
 * @prop {number} completedSize - The icon size for the completed check mark
 *
 * @cssproperty --kemet-tracker-step-dot-font-size - The font size.
 * @cssproperty --kemet-tracker-step-dot-color - The text color.
 * @cssproperty --kemet-tracker-step-dot-border - Border around a dot.
 * @cssproperty --kemet-tracker-step-dot-size - Width and height of a dot.
 * @cssproperty --kemet-tracker-step-dot-size-mobile - Mobile width and height of a dot.
 * @cssproperty --kemet-tracker-step-dot-gap - Space between a dot and connector line.
 * @cssproperty --kemet-tracker-step-dot-transition - Transition of a dot.
 * @cssproperty --kemet-tracker-step-dot-fill-color - Fill color of a dot.
 * @cssproperty --kemet-tracker-step-dot-background-color - Color of the background a dot is on.
 * @cssproperty --kemet-tracker-step-current-color - Current dot text color.
 * @cssproperty --kemet-tracker-step-current-fill-color - Current dot fill color.
 * @cssproperty --kemet-tracker-step-completed-color - Text color of a completed dot.
 * @cssproperty --kemet-tracker-step-completed-fill-color - Background color of a completed dot.
 * @cssproperty --kemet-tracker-step-completed-line-color - Completed connector line color.
 * @cssproperty --kemet-tracker-step-completed-line-weight - Completed line weight.
 * @cssproperty --kemet-tracker-step-standard-line-weight - Standard line weight.
 *
 * @csspart dot - The container for the dot.
 * @csspart line - A connector line from dot to dot.
 * @csspart completed-line - A completed connector line.
 *
 */
declare class KemetTrackerStep extends LitElement {
    static styles: lit.CSSResult[];
    step: number;
    completed: boolean;
    current: boolean;
    last: boolean;
    mobile: boolean;
    hideDotContent: boolean;
    completedSize: number;
    tracker: KemetTracker;
    firstUpdated(): void;
    render(): lit_html.TemplateResult<1>;
    makeLine(): lit_html.TemplateResult<1>;
    makeCompletedLine(): lit_html.TemplateResult<1>;
    makeDotContent(): lit_html.TemplateResult<1>;
    makeSlotContent(): lit_html.TemplateResult<1>;
    handleCompletedLineEnd(): void;
}
declare global {
    interface HTMLElementTagNameMap {
        'kemet-tracker-step': KemetTrackerStep;
    }
}

export { KemetTracker as K, KemetTrackerStep as a };