import type { ReactiveController, ReactiveControllerHost } from 'lit';
export interface LayoutStylesHost extends ReactiveControllerHost {
    mobileBreakpoint: string;
    getRootNode(): Node;
    id?: string;
}
type StylesBuilderFunction = (host: HTMLElement, mobileBreakpoint: string) => string;
/**
 * A reactive controller that manages dynamic layout styles.
 */
export declare class LayoutStylesController implements ReactiveController {
    private host;
    private dynamicStyleSheet;
    private stylesBuilder;
    private componentPrefix;
    constructor(host: LayoutStylesHost, stylesBuilder: StylesBuilderFunction, componentPrefix: string);
    hostConnected(): void;
    /**
     * Updates the dynamic styles based on the current mobile breakpoint
     */
    updateStyles(): void;
}
export {};
