export declare const SELECTION_FRAMES_CONTAINER_ID = "replo-select-mode-selection-frames";
export declare const SELECTION_FRAME_BORDER_HEX = "#c026d3";
export declare const SELECTION_FRAME_EDITING_BORDER_HEX = "#e879f9";
export declare const SECTION_SELECTION_FRAME_BORDER_HEX = "#60a5fa";
export declare const SECTION_SELECTION_FRAME_BACKGROUND = "rgba(96, 165, 250, 0.06)";
export type SelectionFrameVariant = "element" | "area" | "section";
export type SelectionFramePageRect = {
    x: number;
    y: number;
    width: number;
    height: number;
};
export type SelectionFrameSpec = {
    pageRect: SelectionFramePageRect;
    variant: SelectionFrameVariant;
};
export declare function getSelectionFrameSpecs({ elements, scrollOffset, variant, }: {
    elements: Element[];
    scrollOffset: {
        left: number;
        top: number;
    };
    variant: SelectionFrameVariant;
}): SelectionFrameSpec[];