/**
 * Responsive utilities for adaptive layouts across all screen sizes
 *
 * Provides hooks and utilities for:
 * - Responsive breakpoints
 * - Responsive grid columns
 * - Responsive spacing
 * - Responsive font sizes
 * - Touch target sizing
 */
/**
 * Standard breakpoints (in pixels)
 */
export declare const BREAKPOINTS: {
    readonly xs: 0;
    readonly sm: 576;
    readonly md: 768;
    readonly lg: 992;
    readonly xl: 1200;
    readonly xxl: 1400;
};
export type Breakpoint = keyof typeof BREAKPOINTS;
export type BreakpointValue = typeof BREAKPOINTS[Breakpoint];
/**
 * Get current breakpoint based on window width
 */
export declare function getCurrentBreakpoint(width: number): Breakpoint;
/**
 * Hook to get current breakpoint
 */
export declare function useBreakpoint(): Breakpoint;
/**
 * Hook to check if current viewport matches breakpoint
 */
export declare function useMediaQuery(query: string): boolean;
/**
 * Check if mobile viewport (< 768px)
 */
export declare function useIsMobile(): boolean;
/**
 * Check if tablet viewport (768px - 991px)
 */
export declare function useIsTablet(): boolean;
/**
 * Check if desktop viewport (>= 992px)
 */
export declare function useIsDesktop(): boolean;
/**
 * Get responsive grid columns based on breakpoint
 */
export declare function getResponsiveColumns(breakpoint: Breakpoint, defaultColumns?: number): number;
/**
 * Hook to get responsive grid columns
 */
export declare function useResponsiveColumns(defaultColumns?: number): number;
/**
 * Get responsive spacing value
 */
export declare function getResponsiveSpacing(breakpoint: Breakpoint, spacing: {
    xs?: number;
    sm?: number;
    md?: number;
    lg?: number;
    xl?: number;
    xxl?: number;
}): number;
/**
 * Get responsive font size
 */
export declare function getResponsiveFontSize(breakpoint: Breakpoint, sizes: {
    xs?: string;
    sm?: string;
    md?: string;
    lg?: string;
    xl?: string;
    xxl?: string;
}): string;
/**
 * Minimum touch target size (WCAG AAA)
 */
export declare const MIN_TOUCH_TARGET = 44;
/**
 * Get touch target size based on device type
 */
export declare function getTouchTargetSize(isMobile: boolean, baseSize?: number): number;
/**
 * Hook to get responsive touch target size
 */
export declare function useTouchTargetSize(baseSize?: number): number;
/**
 * Responsive value helper - returns different values based on breakpoint
 */
export declare function useResponsiveValue<T>(values: Partial<Record<Breakpoint, T>> & {
    default: T;
}): T;
/**
 * Get responsive gap/padding for grids
 */
export declare function getResponsiveGap(breakpoint: Breakpoint, baseGap?: number): number;
/**
 * Hook to get responsive gap
 */
export declare function useResponsiveGap(baseGap?: number): number;
/**
 * Get responsive padding for containers
 */
export declare function getResponsivePadding(breakpoint: Breakpoint, basePadding?: number): number;
/**
 * Hook to get responsive padding
 */
export declare function useResponsivePadding(basePadding?: number): number;
/**
 * CSS media query strings for use in style objects
 */
export declare const MEDIA_QUERIES: {
    readonly xs: `(max-width: ${number}px)`;
    readonly sm: "(min-width: 576px)";
    readonly md: "(min-width: 768px)";
    readonly lg: "(min-width: 992px)";
    readonly xl: "(min-width: 1200px)";
    readonly xxl: "(min-width: 1400px)";
    readonly mobile: `(max-width: ${number}px)`;
    readonly tablet: `(min-width: 768px) and (max-width: ${number}px)`;
    readonly desktop: "(min-width: 992px)";
};
/**
 * Helper to generate responsive CSS with media queries
 */
export declare function responsiveStyle<T extends React.CSSProperties>(base: T, mobile?: Partial<T>, tablet?: Partial<T>, desktop?: Partial<T>): T;
//# sourceMappingURL=responsive.d.ts.map