import { ThemeBreakpoints } from '../../types';
/**
 * Viewport snapshot used by the breakpoint store.
 *
 * @category Breakpoints
 */
export type ViewportSnapshot = {
    width: number;
    isPrint: boolean;
};
type BreakpointEntry = {
    key: string;
    minWidth: number;
};
/**
 * Converts a CSS length value to pixels.
 *
 * Supports `px`, `rem`, and unitless numeric strings.
 *
 * @function
 * @param value CSS length value to convert.
 *
 * @category Breakpoints
 */
export declare const toPx: (value: string) => number;
/**
 * Returns the ordered list of theme breakpoints sorted by width.
 *
 * @function
 * @param breakpoints Breakpoint map from the active theme.
 *
 * @category Breakpoints
 */
export declare const getOrderedBreakpoints: (breakpoints: ThemeBreakpoints) => BreakpointEntry[];
/**
 * Resolves the active breakpoint key for a viewport width.
 *
 * @function
 * @param breakpoints Ordered breakpoint entries.
 * @param width Current viewport width.
 *
 * @category Breakpoints
 */
export declare const resolveBreakpoint: (breakpoints: BreakpointEntry[], width: number) => string;
/**
 * Resolves a responsive value map against the current viewport state.
 *
 * @function
 * @param values Responsive values keyed by breakpoint.
 * @param breakpoints Ordered breakpoint entries.
 * @param snapshot Current viewport snapshot.
 *
 * @category Breakpoints
 */
export declare const resolveResponsiveValue: <T>(values: {
    base?: T;
    print?: T;
} & Record<string, T | undefined>, breakpoints: BreakpointEntry[], snapshot: ViewportSnapshot) => T | undefined;
export {};