import type { CSSProperties, BreakpointMapping } from '../types.js'; /** * Converts Material-UI breakpoint styles to Tailwind responsive utilities */ export declare class BreakpointMapper { private breakpoints; constructor(customBreakpoints?: Partial); /** * Check if a CSS property key is a breakpoint */ isBreakpoint(key: string): boolean; /** * Convert breakpoint styles to Tailwind responsive classes */ convertBreakpointStyles(breakpointKey: string, styles: CSSProperties, baseClasses: string[]): { classes: string[]; warnings: string[]; }; /** * Parse breakpoint key like "[theme.breakpoints.up('md')]" */ private parseBreakpointKey; /** * Create responsive Tailwind classes based on breakpoint direction */ private createResponsiveClasses; /** * Map Material-UI breakpoint names to Tailwind breakpoint names */ private mapBreakpointToTailwind; /** * Extract nested breakpoint styles from style objects */ extractBreakpointStyles(styles: CSSProperties): { baseStyles: CSSProperties; breakpointStyles: Record; }; /** * Check if styles contain nested breakpoints */ hasNestedBreakpoints(styles: CSSProperties): boolean; /** * Generate breakpoint-specific CSS comments for manual review */ generateBreakpointComments(breakpointKey: string, originalStyles: CSSProperties): string; /** * Get default Material-UI breakpoint values */ private getDefaultBreakpoints; /** * Validate breakpoint combinations for complex responsive styles */ validateBreakpointLogic(breakpointStyles: Record): { valid: boolean; warnings: string[]; suggestions: string[]; }; /** * Generate Tailwind CSS arbitrary value for complex breakpoints */ generateArbitraryBreakpoint(direction: 'up' | 'down', pixelValue: number, classes: string[]): string[]; } //# sourceMappingURL=breakpoint-mapper.d.ts.map