import { ThemeScheme } from '../themes/type.js';
import { ComponentScheme } from '../tokens/component/type.js';
import '../tokens/colors/type.js';
import '../tokens/effect/type.js';

type DeepPartial<T> = {
    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
};
declare const createComponentTheme: (theme: ThemeScheme, partialTheme?: DeepPartial<ComponentScheme>) => {
    button: DeepPartial<{
        solidPrimary: Record<"background" | "backgroundHover" | "text" | "icon", `#${string}`>;
        solidSecondary: Record<"background" | "backgroundHover" | "text" | "icon", `#${string}`>;
        solidTertiary: Record<"background" | "backgroundHover" | "text" | "icon", `#${string}`>;
        solidError: Record<"background" | "backgroundHover" | "text" | "icon", `#${string}`>;
        outlinePrimary: Record<"background" | "backgroundHover" | "text" | "icon" | "border", `#${string}`>;
        outlineSecondary: Record<"background" | "backgroundHover" | "text" | "icon" | "border", `#${string}`>;
    }>;
    switch: DeepPartial<{
        checkedBrand: Record<"background" | "backgroundHover", `#${string}`>;
        checkedGreen: Record<"background" | "backgroundHover", `#${string}`>;
        unchecked: Record<"background" | "backgroundHover", `#${string}`>;
    }>;
    card: DeepPartial<{
        shadow: string;
    }>;
    bottomSheet: DeepPartial<{
        grabber: Record<"background", `#${string}`>;
    }>;
    spinner: DeepPartial<{
        indicator: Record<"color", `#${string}`>;
    }>;
    checkbox: DeepPartial<{
        checked: Record<"background" | "backgroundHover" | "border", `#${string}`>;
        unchecked: Record<"background" | "backgroundHover" | "border", `#${string}`>;
    }>;
    radioGroup: DeepPartial<{
        checked: Record<"background" | "backgroundHover" | "accent" | "accentHover", `#${string}`>;
        unchecked: Record<"background" | "backgroundHover" | "accent" | "accentHover", `#${string}`>;
    }>;
    skeleton: DeepPartial<{
        background: string;
        shimmer: string;
    }>;
    accordion: DeepPartial<{
        arrow: {
            color: `#${string}`;
        };
    }>;
    calendar: DeepPartial<{
        header: {
            navButton: Record<"background" | "backgroundHover" | "border", `#${string}`>;
        };
        dateCell: {
            default: Record<"background" | "backgroundHover" | "text", `#${string}`>;
            selected: Record<"background" | "backgroundHover" | "text", `#${string}`>;
            rangeMiddle: Record<"background" | "backgroundHover" | "text", `#${string}`>;
            today: {
                border: `#${string}`;
            };
        };
    }>;
};

export { createComponentTheme };