/**
 * Responsive Sizes Computation
 */
import type { ComputedDeviceInfo } from './computeDeviceInfo';
export interface ComputedResponsiveSizes {
    readonly logoSize: number;
    readonly inputHeight: number;
    readonly iconContainerSize: number;
    readonly maxContentWidth: number;
    readonly minTouchTarget: number;
    readonly modalMaxHeight: string;
    readonly modalMinHeight: number;
    readonly gridColumns: number;
}
export declare const computeResponsiveSizes: (dimensions?: {
    width: number;
    height: number;
}) => ComputedResponsiveSizes;
export declare const computeOnboardingSizes: (deviceInfo: ComputedDeviceInfo) => {
    onboardingIconSize: number;
    onboardingIconMarginTop: number;
    onboardingIconMarginBottom: number;
    onboardingTitleMarginBottom: number;
    onboardingDescriptionMarginTop: number;
    onboardingTextPadding: number;
};