/**
 * Query Suggestions Theme System
 *
 * Provides comprehensive theming for query suggestions components including:
 * - CSS variables for easy customization
 * - Pre-built theme presets (light, dark, minimal, branded)
 * - Component-specific style generators
 * - Responsive utilities
 */
import type { Theme, ThemeConfig } from './types';
export interface SuggestionsThemeVariables {
    '--seekora-bg-surface': string;
    '--seekora-bg-secondary': string;
    '--seekora-bg-tertiary': string;
    '--seekora-bg-hover': string;
    '--seekora-text-primary': string;
    '--seekora-text-secondary': string;
    '--seekora-text-tertiary': string;
    '--seekora-border-color': string;
    '--seekora-primary': string;
    '--seekora-primary-light': string;
    '--seekora-primary-dark': string;
    '--seekora-highlight-bg': string;
    '--seekora-success': string;
    '--seekora-warning': string;
    '--seekora-error': string;
    '--seekora-font-family': string;
    '--seekora-font-size-xs': string;
    '--seekora-font-size-sm': string;
    '--seekora-font-size-base': string;
    '--seekora-font-size-lg': string;
    '--seekora-font-weight-normal': string;
    '--seekora-font-weight-medium': string;
    '--seekora-font-weight-semibold': string;
    '--seekora-font-weight-bold': string;
    '--seekora-line-height-tight': string;
    '--seekora-line-height-normal': string;
    '--seekora-line-height-relaxed': string;
    '--seekora-spacing-xs': string;
    '--seekora-spacing-sm': string;
    '--seekora-spacing-md': string;
    '--seekora-spacing-lg': string;
    '--seekora-spacing-xl': string;
    '--seekora-border-radius-sm': string;
    '--seekora-border-radius': string;
    '--seekora-border-radius-lg': string;
    '--seekora-border-radius-xl': string;
    '--seekora-border-radius-full': string;
    '--seekora-shadow-sm': string;
    '--seekora-shadow': string;
    '--seekora-shadow-md': string;
    '--seekora-shadow-lg': string;
    '--seekora-shadow-xl': string;
    '--seekora-transition-fast': string;
    '--seekora-transition-normal': string;
    '--seekora-transition-slow': string;
    '--seekora-z-dropdown': string;
    '--seekora-z-modal': string;
    '--seekora-z-tooltip': string;
}
export declare const lightThemeVariables: SuggestionsThemeVariables;
export declare const darkThemeVariables: SuggestionsThemeVariables;
export declare const minimalThemeVariables: SuggestionsThemeVariables;
export declare const brandPresets: {
    blue: {
        '--seekora-primary': string;
        '--seekora-primary-light': string;
        '--seekora-primary-dark': string;
    };
    green: {
        '--seekora-primary': string;
        '--seekora-primary-light': string;
        '--seekora-primary-dark': string;
    };
    purple: {
        '--seekora-primary': string;
        '--seekora-primary-light': string;
        '--seekora-primary-dark': string;
    };
    red: {
        '--seekora-primary': string;
        '--seekora-primary-light': string;
        '--seekora-primary-dark': string;
    };
    orange: {
        '--seekora-primary': string;
        '--seekora-primary-light': string;
        '--seekora-primary-dark': string;
    };
    teal: {
        '--seekora-primary': string;
        '--seekora-primary-light': string;
        '--seekora-primary-dark': string;
    };
    pink: {
        '--seekora-primary': string;
        '--seekora-primary-light': string;
        '--seekora-primary-dark': string;
    };
};
/**
 * Generate CSS variables string from theme variables object
 */
export declare function generateCSSVariables(variables: Partial<SuggestionsThemeVariables>): string;
/**
 * Generate a style tag with CSS variables for a specific scope
 */
export declare function generateThemeStyleTag(variables: Partial<SuggestionsThemeVariables>, scope?: string): string;
/**
 * Create a complete theme object from variables
 */
export declare function createSuggestionsTheme(baseTheme?: 'light' | 'dark' | 'minimal', overrides?: Partial<SuggestionsThemeVariables>, brandColor?: keyof typeof brandPresets): SuggestionsThemeVariables;
/**
 * Generate styles for dropdown container
 */
export declare function getDropdownContainerStyles(theme: SuggestionsThemeVariables): {
    backgroundColor: string;
    border: string;
    borderRadius: string;
    boxShadow: string;
    fontFamily: string;
    fontSize: string;
    color: string;
};
/**
 * Generate styles for suggestion item
 */
export declare function getSuggestionItemStyles(theme: SuggestionsThemeVariables, isActive?: boolean): {
    padding: string;
    cursor: string;
    transition: string;
    backgroundColor: string;
};
/**
 * Generate styles for product card
 */
export declare function getProductCardStyles(theme: SuggestionsThemeVariables, isHovered?: boolean): {
    backgroundColor: string;
    borderRadius: string;
    border: string;
    overflow: string;
    cursor: string;
    transition: string;
    transform: string;
    boxShadow: string;
};
/**
 * Generate styles for highlight/mark
 */
export declare function getHighlightStyles(theme: SuggestionsThemeVariables): {
    backgroundColor: string;
    fontWeight: string;
    padding: string;
    borderRadius: string;
};
/**
 * Generate complete CSS stylesheet for suggestions components
 */
export declare function generateSuggestionsStylesheet(theme?: SuggestionsThemeVariables): string;
/**
 * Inject suggestions styles into the document
 */
export declare function injectSuggestionsStyles(theme?: SuggestionsThemeVariables, force?: boolean): void;
/**
 * Update injected styles with new theme
 */
export declare function updateSuggestionsStyles(theme: SuggestionsThemeVariables): void;
export type { Theme, ThemeConfig };
declare const _default: {
    lightThemeVariables: SuggestionsThemeVariables;
    darkThemeVariables: SuggestionsThemeVariables;
    minimalThemeVariables: SuggestionsThemeVariables;
    brandPresets: {
        blue: {
            '--seekora-primary': string;
            '--seekora-primary-light': string;
            '--seekora-primary-dark': string;
        };
        green: {
            '--seekora-primary': string;
            '--seekora-primary-light': string;
            '--seekora-primary-dark': string;
        };
        purple: {
            '--seekora-primary': string;
            '--seekora-primary-light': string;
            '--seekora-primary-dark': string;
        };
        red: {
            '--seekora-primary': string;
            '--seekora-primary-light': string;
            '--seekora-primary-dark': string;
        };
        orange: {
            '--seekora-primary': string;
            '--seekora-primary-light': string;
            '--seekora-primary-dark': string;
        };
        teal: {
            '--seekora-primary': string;
            '--seekora-primary-light': string;
            '--seekora-primary-dark': string;
        };
        pink: {
            '--seekora-primary': string;
            '--seekora-primary-light': string;
            '--seekora-primary-dark': string;
        };
    };
    createSuggestionsTheme: typeof createSuggestionsTheme;
    generateSuggestionsStylesheet: typeof generateSuggestionsStylesheet;
    injectSuggestionsStyles: typeof injectSuggestionsStyles;
    updateSuggestionsStyles: typeof updateSuggestionsStyles;
};
export default _default;
//# sourceMappingURL=suggestions.d.ts.map