import { type ClassValue } from "clsx";
export declare function cn(...inputs: ClassValue[]): string;
/**
 * UNIFIED COMPONENT DESIGN SYSTEM
 * All components inherit from this system to ensure perfect consistency
 */
export type ComponentSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
/**
 * Gets unified component styles based on size
 * This ensures ALL components have matching heights, fonts, padding, etc.
 */
export declare function getComponentStyles(size?: ComponentSize): {
    padding: string;
    iconSize: number;
    className: string;
    height: string;
    fontSize: string;
    gap: string;
    borderRadius: string;
    borderWidth: string;
    borderColor: string;
    backgroundColor: string;
    color: string;
    transition: string;
    focusRing: string;
    hoverShadow: string;
    disabled: string;
};
/**
 * Creates a unified component with automatic sizing
 * This is the foundation for all FT Design System components
 */
export declare function createUnifiedComponent<T extends {
    size?: ComponentSize;
    className?: string;
}>(baseClassName: string, additionalClasses?: string): (props: T) => Omit<T, "size" | "className"> & {
    className: string;
    'data-size': ComponentSize;
};
//# sourceMappingURL=utils.d.ts.map