/** * matchMedia mock for testing * * Provides a mock implementation of window.matchMedia * for testing responsive and theme-aware components. * * @example * ```typescript * // Setup mock * setupMatchMediaMock(); * * // Test dark mode detection * setMediaQueryMatch('(prefers-color-scheme: dark)', true); * * const darkMode = window.matchMedia('(prefers-color-scheme: dark)'); * expect(darkMode.matches).toBe(true); * ``` */ /** * Sets up matchMedia mock on window/globalThis */ export declare function setupMatchMediaMock(): void; /** * Sets the match state for a media query * * @param query - The media query string * @param matches - Whether it should match */ export declare function setMediaQueryMatch(query: string, matches: boolean): void; /** * Resets all media query states */ export declare function resetMediaQueries(): void; /** * Common media query presets */ export declare const MediaQueryPresets: { /** Prefer dark color scheme */ readonly DARK_MODE: "(prefers-color-scheme: dark)"; /** Prefer light color scheme */ readonly LIGHT_MODE: "(prefers-color-scheme: light)"; /** Reduced motion preference */ readonly REDUCED_MOTION: "(prefers-reduced-motion: reduce)"; /** Mobile viewport */ readonly MOBILE: "(max-width: 768px)"; /** Tablet viewport */ readonly TABLET: "(min-width: 769px) and (max-width: 1024px)"; /** Desktop viewport */ readonly DESKTOP: "(min-width: 1025px)"; }; //# sourceMappingURL=matchMedia.d.ts.map