import type { BindableIds, Scope, ScopeDomIds } from "@qualcomm-ui/utils/machine";
import type { TabsElementIds, TabsSchema } from "../tabs.types.js";
interface TabsScope extends Scope {
    ids: BindableIds<TabsSchema>;
}
export declare const tabsDomIds: ScopeDomIds<TabsElementIds, TabsScope>;
export declare function getListEl(ctx: TabsScope): HTMLElement | null;
export declare function getTabButtonEl(scope: TabsScope, value: string): HTMLElement | null;
export declare function getTabEl(scope: TabsScope, value: string): HTMLElement | null;
export declare function getContentEl(ctx: TabsScope, id: string): HTMLElement;
export declare function getIndicatorEl(ctx: TabsScope): HTMLElement | null;
export declare function getElements(ctx: TabsScope): HTMLElement[];
export declare function getFirstTriggerEl(ctx: TabsScope): HTMLElement | undefined;
export declare function getLastTriggerEl(ctx: TabsScope): HTMLElement | undefined;
export declare function getNextTriggerEl(ctx: TabsScope, opts: {
    loopFocus?: boolean | undefined;
    value: string;
}): HTMLElement;
export declare function getPrevTriggerEl(ctx: TabsScope, opts: {
    loopFocus?: boolean | undefined;
    value: string;
}): HTMLElement | null;
export declare function getOffsetRect(el: HTMLElement | undefined): {
    height: number;
    left: number;
    top: number;
    width: number;
};
export declare function getRectById(ctx: TabsScope, id: string): {
    height: string;
    left: string;
    top: string;
    width: string;
};
export declare const resolveRect: (rect: Record<"width" | "height" | "left" | "top", number>) => {
    height: string;
    left: string;
    top: string;
    width: string;
};
export {};
//# sourceMappingURL=tabs.dom.d.ts.map