/**
 * Styled Components for Fluent Grow
 * Provides a styled-components-like API
 */
/**
 * Enhanced CSS function that can work as both template literal and element styler
 */
export declare function css(elementOrTemplate: HTMLElement | TemplateStringsArray, ...values: any[]): any;
/**
 * Styled component factory
 */
export declare function styled(tag: string): (strings: TemplateStringsArray, ...values: any[]) => (props?: any) => HTMLElement;
export declare const StyledDiv: (strings: TemplateStringsArray, ...values: any[]) => (props?: any) => HTMLElement;
export declare const StyledSpan: (strings: TemplateStringsArray, ...values: any[]) => (props?: any) => HTMLElement;
export declare const StyledButton: (strings: TemplateStringsArray, ...values: any[]) => (props?: any) => HTMLElement;
export declare const StyledInput: (strings: TemplateStringsArray, ...values: any[]) => (props?: any) => HTMLElement;
export declare const StyledSection: (strings: TemplateStringsArray, ...values: any[]) => (props?: any) => HTMLElement;
export declare const StyledArticle: (strings: TemplateStringsArray, ...values: any[]) => (props?: any) => HTMLElement;
export declare const StyledHeader: (strings: TemplateStringsArray, ...values: any[]) => (props?: any) => HTMLElement;
export declare const StyledFooter: (strings: TemplateStringsArray, ...values: any[]) => (props?: any) => HTMLElement;
export declare const StyledNav: (strings: TemplateStringsArray, ...values: any[]) => (props?: any) => HTMLElement;
export declare const StyledMain: (strings: TemplateStringsArray, ...values: any[]) => (props?: any) => HTMLElement;
export declare const StyledAside: (strings: TemplateStringsArray, ...values: any[]) => (props?: any) => HTMLElement;
/**
 * Theme provider for styled components
 */
export declare class ThemeProvider {
    private static theme;
    static setTheme(theme: Record<string, any>): void;
    static getTheme(): Record<string, any>;
    static useTheme(): Record<string, any>;
}
/**
 * CSS variables helper
 */
export declare function cssVar(name: string, fallback?: string): string;
/**
 * Responsive breakpoints helper
 */
export declare const breakpoints: {
    mobile: string;
    tablet: string;
    desktop: string;
    large: string;
};
/**
 * Media query helper
 */
export declare function mediaQuery(breakpoint: keyof typeof breakpoints | string): string;
/**
 * Container query helper
 */
export declare function containerQuery(condition: string): string;
//# sourceMappingURL=index.d.ts.map