/**
 * Web Platform Style Generator
 *
 * Converts design system data to Tailwind CSS classes for web components
 */
/**
 * Platform Style Generator Interface
 */
interface PlatformStyleGenerator {
    generateComponentStyles(variant: any, size?: any): string;
    generateTypographyStyles(textVariant: any): string;
    generateSpacingStyles(spacing: any): string;
    generateColorStyles(colors: any): string;
    generateAnimationStyles(animation: any): string;
}
/**
 * Web Platform Style Generator Implementation.
 *
 * Converts design system variant data (colors, spacing, typography, animations)
 * into Tailwind CSS class strings for use in web React components. Handles
 * hover/focus/disabled state classes and maps pixel values to Tailwind scale.
 */
export declare class WebStyleGenerator implements PlatformStyleGenerator {
    generateComponentStyles(variant: any, size?: any): string;
    generateTypographyStyles(textVariant: any): string;
    generateSpacingStyles(spacing: any): string;
    generateColorStyles(colors: any): string;
    generateAnimationStyles(animation: any): string;
    private fontSizeToTailwind;
    private fontWeightToTailwind;
    private lineHeightToTailwind;
    private heightToTailwind;
    private colorToTailwindScale;
}
export declare const webStyleGenerator: WebStyleGenerator;
export {};
//# sourceMappingURL=web.d.ts.map