import { MedosTheme } from "./types";
export type Breakpoint = "mobile" | "tablet" | "desktop" | "wide";
export declare function useMediaQuery(query: string): boolean;
export declare function useBreakpoint(theme: MedosTheme): Breakpoint;
export declare function useIsMobile(theme: MedosTheme): boolean;
export declare function useIsTablet(theme: MedosTheme): boolean;
export declare function useIsDesktop(theme: MedosTheme): boolean;
export declare function useResponsiveValue<T>(theme: MedosTheme, values: Partial<Record<Breakpoint, T>>): T | undefined;
export declare function responsiveStyles(styles: Partial<Record<Breakpoint | "base", React.CSSProperties>>, currentBreakpoint: Breakpoint): React.CSSProperties;
export declare function getResponsiveMaxWidth(theme: MedosTheme, breakpoint: Breakpoint, customMaxWidths?: Partial<Record<Breakpoint, string>>): string;
export declare function getResponsivePadding(theme: MedosTheme, breakpoint: Breakpoint): string;
export declare function getResponsiveFontSize(theme: MedosTheme, breakpoint: Breakpoint, size?: keyof MedosTheme["typography"]): string;
export declare function isTouchDevice(): boolean;
export declare const MIN_TOUCH_TARGET_SIZE = "44px";
export declare function getResponsiveInputHeight(breakpoint: Breakpoint): string;