/**
 * AI UTILITIES FOR FT DESIGN SYSTEM
 *
 * This module provides utilities for AI tools to work better with FT Design System.
 * These utilities are separate from core components to keep them clean and lightweight.
 */
import React from 'react';
import { type ClassValue } from 'clsx';
/**
 * Filters out problematic classes that AI tools might add
 * This prevents manual height overrides, border radius, and color overrides
 * that would break the design system's consistency
 */
export declare function filterAIClasses(className?: string): string;
/**
 * Enhanced cn function that automatically filters AI-generated problematic classes
 * Use this instead of regular cn for components that need AI protection
 */
export declare function cnSafe(...inputs: ClassValue[]): string;
/**
 * Filters out problematic inline styles that AI tools might add
 * This prevents manual height, border-radius, and color overrides via style prop
 */
export declare function filterAIStyles(style?: React.CSSProperties): React.CSSProperties | undefined;
/**
 * Higher-order component that adds AI protection to any component
 * This filters out problematic props that AI tools might add
 */
export declare function withAIProtection<P extends {
    className?: string;
    style?: React.CSSProperties;
}>(Component: React.ComponentType<P> | React.ForwardRefExoticComponent<P>): {
    (props: P): React.ReactElement<P, string | React.JSXElementConstructor<any>>;
    displayName: string;
};
/**
 * Detects conflicting design systems in the current environment
 * Useful for debugging when AI tools install multiple design systems
 */
export declare function detectDesignSystemConflicts(): string[];
/**
 * Logs design system conflicts and provides helpful debugging information
 */
export declare function debugDesignSystemConflicts(): void;
/**
 * Checks if critical CSS variables are loaded
 * Returns array of missing variable names
 */
export declare function checkCSSVariablesLoaded(): string[];
/**
 * Validates that FT Design System is properly loaded
 * Enhanced version that checks actual CSS variable values
 */
export declare function validateFTDesignSystem(): boolean;
/**
 * Development helper that runs all AI-related checks
 * Call this once in your app during development
 */
export declare function runAIDevelopmentChecks(): void;
//# sourceMappingURL=ai-utils.d.ts.map