export interface Breakpoints {
    /** Base breakpoint (0px) */
    base: number;
    /** Small phones / narrow screens */
    sm: number;
    /** Tablets / small desktop */
    md: number;
    /** Large desktop */
    lg: number;
    /** Wide screens */
    xl: number;
}
export declare const DEFAULT_BREAKPOINTS: Breakpoints;
export type ResponsiveProp<T> = T | {
    base?: T;
    sm?: T;
    md?: T;
    lg?: T;
    xl?: T;
};
/**
 * Resolves a responsive prop value based on the current width and breakpoints
 * @param value - The responsive prop value to resolve
 * @param width - The current width to check against breakpoints
 * @param breakpoints - The breakpoints configuration to use
 * @returns The resolved value for the current width
 */
export declare function resolveResponsiveProp<T>(value: ResponsiveProp<T> | undefined, width: number, breakpoints?: Breakpoints): T | undefined;
/**
 * Returns the first defined value from the provided arguments
 * @param vals - Values to check for defined state
 * @returns The first defined value or undefined if none are defined
 */
export declare function pickFirstDefined<T>(...vals: (T | undefined)[]): T | undefined;