export type ThemeResponsiveMode = "viewport" | "container";
export declare const DEFAULT_THEME_RESPONSIVE_MODE: ThemeResponsiveMode;
export declare const THEME_RESPONSIVE_CONTAINER_NAME = "rb-site";
export declare const THEME_RESPONSIVE_MODE_ATTR = "data-rb-responsive-mode";
export type ResponsiveScopeSpec = {
    kind: "viewport";
    selector: `[${typeof THEME_RESPONSIVE_MODE_ATTR}="viewport"]`;
} | {
    kind: "container";
    selector: `[${typeof THEME_RESPONSIVE_MODE_ATTR}="container"]`;
    containerName: typeof THEME_RESPONSIVE_CONTAINER_NAME;
};
export type ContainerResponsiveScopeSpec = Extract<ResponsiveScopeSpec, {
    kind: "container";
}>;
export declare function getResponsiveScopeSpec(mode?: ThemeResponsiveMode): ResponsiveScopeSpec;
export declare function getContainerResponsiveScopeSpec(): ContainerResponsiveScopeSpec;
export declare function buildResponsiveScopeRule(spec: ResponsiveScopeSpec, css: string): string;
export declare function buildResponsiveScopePrelude(spec: ResponsiveScopeSpec): string;
export declare function findResponsiveScopeRuleAt(css: string, index: number): {
    openBraceIndex: number;
} | null;
export declare function hasResponsiveScopeRule(css: string): boolean;
export declare function retargetResponsiveScopeRules(css: string, spec: ResponsiveScopeSpec): string;
