/** * Media Query Utilities * --------------------- * Unified helpers for observing media queries, with syntactic sugar for the * registered breakpoints. */ type Listener = (matches: boolean) => void; export declare function watchMediaQuery(query: string, listener: Listener): () => void; export declare function watchBreakpoint(name: string, comparison: "min" | "max" | undefined, listener: Listener): () => void; export declare const MQ: { readonly prefersReducedMotion: "(prefers-reduced-motion: reduce)"; readonly prefersMoreContrast: "(prefers-contrast: more)"; readonly prefersLessContrast: "(prefers-contrast: less)"; readonly colorSchemeDark: "(prefers-color-scheme: dark)"; readonly colorSchemeLight: "(prefers-color-scheme: light)"; readonly dynamicRangeHigh: "(dynamic-range: high)"; }; export declare function watchPrefersReducedMotion(listener: Listener): () => void; export declare function watchPrefersContrast(listener: Listener): () => void; export declare function watchColorScheme(listener: (scheme: 'dark' | 'light' | 'no-preference') => void): () => void; export declare function watchDynamicRange(listener: Listener): () => void; export {}; //# sourceMappingURL=media-queries.d.ts.map