import type { CalculateConnectionResponse } from '../types/index.js';
import { RoxyDataElement } from '../utils/base-element.js';
/**
 * Human Design connection chart. Renders /human-design/connection: the composite of two charts as the electromagnetic / compromise / dominance channels they form together, plus the combined definition and a summary. The HD analog of synastry. Each channel row shows its two gates, name, circuit, the relationship dynamic, and which person carries which gate.
 */
export declare class RoxyHdConnection extends RoxyDataElement<CalculateConnectionResponse> {
    static styles: import("lit").CSSResult[];
    protected renderData(d: CalculateConnectionResponse): import("lit").TemplateResult<1>;
    private renderSummary;
    private renderChannel;
    protected renderEmpty(): import("lit").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'roxy-hd-connection': RoxyHdConnection;
    }
}
//# sourceMappingURL=hd-connection.d.ts.map