/**
 * Theme System for Styled Components
 *
 * Uses CSS custom properties that align with the Veryfront Studio design system.
 * When embedded in a host that defines --background, --foreground, etc., the chat
 * UI automatically inherits those tokens. When standalone, sensible defaults are
 * injected via <style> on the chat root element.
 */
import { type ClassValue } from "../../../utils/clsx.js";
export { generateTokenCSS, UI_SCOPE_ATTRS, UI_SCOPE_SELECTOR } from "../ui/design-tokens.js";
/** Public API contract for chat theme. */
export interface ChatTheme {
    /** Container styles */
    container?: string;
    /** Message styles by role */
    message?: {
        user?: string;
        assistant?: string;
        system?: string;
        tool?: string;
    };
    /** Input styles */
    input?: string;
    /** Button styles */
    button?: string;
    /** Loading indicator styles */
    loading?: string;
}
/**
 * Default theme using CSS custom properties from the design system.
 */
export declare const defaultChatTheme: ChatTheme;
/** Public API contract for agent theme. */
export interface AgentTheme {
    container?: string;
    status?: string;
    thinking?: string;
    tool?: string;
    toolResult?: string;
}
export declare const defaultAgentTheme: AgentTheme;
/**
 * Merge themes (user theme overrides default)
 */
export declare function mergeThemes<T>(defaultTheme: T, userTheme?: Partial<T>): T;
/**
 * Utility to combine class names.
 *
 * NOTE: this is `clsx` only — it does NOT tailwind-merge. A `className` passed by
 * a consumer is *appended*, not deduped, so it does not automatically beat a base
 * utility of the same property (both end up in the class list, last-wins by
 * CSS-source order, which is usually the base). To override a base utility from
 * userland, use the `!` important suffix — e.g. `px-8!`, `rounded-xl!`, `size-6!`.
 * Every cva-based primitive (Button, Card, Input, Textarea, Badge, Pill, Select,
 * Tabs) inherits this behaviour.
 */
export declare function cn(...inputs: ClassValue[]): string;
type VariantMap = Record<string, Record<string, ClassValue>>;
type VariantOptions<TVariants extends VariantMap> = {
    [TKey in keyof TVariants]?: keyof TVariants[TKey] | null | undefined;
} & {
    class?: ClassValue;
    className?: ClassValue;
};
type VariantClassFunction<TVariants extends VariantMap> = (options?: VariantOptions<TVariants>) => string;
export declare const messageVariants: VariantClassFunction<{
    role: {
        user: string;
        assistant: string;
        system: string;
        tool: string;
    };
}>;
export declare const chatButtonVariants: VariantClassFunction<{
    variant: {
        primary: string;
        ghost: string;
        outline: string;
        "icon-ghost": string;
    };
    size: {
        sm: string;
        default: string;
        "icon-xs": string;
        "icon-sm": string;
        "icon-default": string;
        "icon-lg": string;
    };
}>;
export declare const chatContainerVariants: VariantClassFunction<{
    variant: {
        default: string;
        embedded: string;
        floating: string;
    };
}>;
//# sourceMappingURL=theme.d.ts.map