import { LitElement } from 'lit';
export declare enum SequenceConnectorType {
    small = "small",
    medium = "medium",
    large = "large"
}
export declare enum SequenceConnectorState {
    notStarted = "not-started",
    loading = "loading",
    completed = "completed",
    stepsBetween = "steps-between"
}
export declare enum SequenceConnectorDirection {
    horizontal = "horizontal",
    vertical = "vertical"
}
/**
 * `<obc-sequence-connector>` — renders the connecting line.
 *
 * Overview:
 * A lightweight connector used to visually link items in horizontal or
 * vertical layouts.
 *
 * Features / Variants:
 * - `type`: `small | medium | large` (matches the adjacent step size).
 * - `state`: `not-started | loading | completed | steps-between`.
 * - `direction`: `horizontal | vertical`.
 * - `loading-bar-percent`: number `0–100` (used when `state="loading"`).
 *
 * Usage Guidelines:
 * - Use the same `type` as the adjacent step for consistent thickness.
 * - Use `state="steps-between"` for dotted/segmented connectors.
 *
 * Slots / Content:
 * - None.
 *
 * Events:
 * - None.
 *
 * Best Practices:
 * - Keep `loading-bar-percent` within `0–100` for predictable rendering.
 * - Prefer explicit `direction` rather than relying on defaults in complex layouts.
 *
 * Example:
 * ```html
 * <obc-sequence-connector
 *   type="medium"
 *   state="loading"
 *   direction="horizontal"
 *   loading-bar-percent="66"
 * ></obc-sequence-connector>
 * ```
 *
 * Keywords: sequence, connector, progress, timeline, stepper, loading, horizontal, vertical.
 */
export declare class ObcSequenceConnector extends LitElement {
    type: SequenceConnectorType;
    state: SequenceConnectorState;
    direction: SequenceConnectorDirection;
    loadingBarPercent: number;
    private get wrapperClasses();
    private get containerClasses();
    private get clampedLoadingBarPercent();
    render(): import('lit-html').TemplateResult<1>;
    static styles: import('lit').CSSResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'obc-sequence-connector': ObcSequenceConnector;
    }
}
//# sourceMappingURL=sequence-connector.d.ts.map