@resval/react-responsive-values/system.d.ts

Resval stands for Responsive Values, which is a hook that can return a value based on the current breakpoint. This hook can also respond to the size of the window.

import type { TBreakpointsDefault, TRecordKeys, TBreakpointsTrack, TMedia } from './types';
export declare function setBreakpoints(breakpointsDefault: TBreakpointsDefault, breakpointsOption: Record<TRecordKeys, string> | undefined | null): Record<TRecordKeys, string>;
export declare function extendsBreakpoints(breakpoints: Record<TRecordKeys, string>, breakpointsQueries: Partial<Record<TRecordKeys, Record<TRecordKeys, any>>> | undefined | null): Record<TRecordKeys, string>;
export declare function sortBreakpointsTrack(breakpointsTrack: TBreakpointsTrack[]): TBreakpointsTrack[];
export declare function trackBreakpoints(breakpointsTrack: TBreakpointsTrack[], media: TMedia): {
    breakpointsCurrent: TBreakpointsTrack;
    breakpointsClosest: string[];
};
export declare function setCurrentValue(breakpointsQueries: Record<TRecordKeys, Record<TRecordKeys, any>>, breakpointsCurrent: TBreakpointsTrack, breakpointsClosest: string[]): Record<TRecordKeys, any>;