export type BreakpointKeys = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
type BreakpointValues = Record<BreakpointKeys, number>;
type BreakpointsList = {
    [key: string]: number;
};
declare class BreakpointProvider {
    breakpoints: Record<'values', BreakpointValues>;
    mediaQueries: {
        [key in BreakpointKeys]: string;
    };
    /**
     * Stops `xs`/`sm`/`md` from matching, for `<Picasso responsive={false}>`.
     * `lg` widens to the desktop floor — left at 1024px it made 768–1023.98px
     * match nothing, so `useBreakpoint(['md', 'lg', 'xl'])` was `false` there.
     *
     * `values.lg` drops to the same floor so the two APIs cannot disagree: the
     * media queries decide `useBreakpoint`, the pixel values decide
     * `useScreens`/`isScreenSize` — one desktop floor, one answer.
     */
    disableMobileBreakpoints(): void;
    /**
     * Restores the responsive defaults, in place so the exported
     * `breakpointsList` alias stays live. `disableMobileBreakpoints()` is
     * process-wide and one-way — tests mounting `responsive={false}` call this
     * in an `afterEach` to avoid leaking.
     */
    reset(): void;
}
export declare const PicassoBreakpoints: BreakpointProvider;
export declare const breakpointsList: BreakpointsList;
export declare const screens: (...sizes: BreakpointKeys[]) => string;
export declare const isScreenSize: (size: keyof BreakpointsList, currentSize?: number) => boolean;
export declare const useScreenSize: () => number;
export declare const useBreakpoint: (sizes: BreakpointKeys[] | BreakpointKeys) => boolean;
/**
 * Returns a function that picks a value from a {screenSize=>anyValue} object map.
 *
 * The function returned accepts 2 arguments:
 * 1. An object mapping values to screen size nicknames, e.g.
 *   { sm: 'secondary', lg: 'positive' }
 * 2. A default value to use if no keys match in the object
 *
 * The function returns a value from the first argument that corresponds to the current
 * screen size, or the default value, if no corresponding key found.
 *
 * The returned function is memoized per screen size name.
 *
 * @example <caption>Varying both `variant` prop and button text with using the hook</caption>
 * const screens = useScreens()
 * <Button
 *   variant={screens(
 *     {
 *       sm: 'secondary',
 *       lg: 'positive'
 *     },
 *     'primary'
 *   )}
 * >
 * {screens(
 *   {
 *     sm: 'small (secondary)',
 *     lg: 'large (positive)'
 *   },
 *   'default (primary)'
 * )}
 * </Button>
 */
export declare const useScreens: <T = unknown>() => (valuesByScreen: Partial<Record<BreakpointKeys, T>>, defaultValue?: T | undefined) => T | undefined;
declare const _default: Record<"values", BreakpointValues>;
export default _default;
//# sourceMappingURL=breakpoints.d.ts.map