import { ReactiveController, ReactiveControllerHost } from 'lit';
import { Breakpoint } from './types.js';
export declare class ScreenSizeController implements ReactiveController {
    private _host;
    private _unsubscribe?;
    constructor(host: ReactiveControllerHost);
    /** Current breakpoint name */
    get breakpoint(): Breakpoint;
    /** Current viewport width in pixels */
    get width(): number;
    /** True if viewport is extra small or small (< 768px) */
    get isMobile(): boolean;
    /** True if viewport is medium (768px - 1023px) */
    get isTablet(): boolean;
    /** True if viewport is large or extra large (>= 1024px) */
    get isDesktop(): boolean;
    /**
     * Check if the current breakpoint matches the given breakpoint.
     */
    is(breakpoint: Breakpoint): boolean;
    /**
     * Check if the current breakpoint is at least the given breakpoint.
     * E.g., isAtLeast('md') returns true for md, lg, xl.
     */
    isAtLeast(breakpoint: Breakpoint): boolean;
    /**
     * Check if the current breakpoint is at most the given breakpoint.
     * E.g., isAtMost('md') returns true for xs, sm, md.
     */
    isAtMost(breakpoint: Breakpoint): boolean;
    hostConnected(): void;
    hostDisconnected(): void;
}
//# sourceMappingURL=ScreenSizeController.d.ts.map