import { ShadowAccent } from '../tokens/effect/type.mjs';
import { BrandAccent, WithSubCategories, StatusAccent, StatusSubCategories, TextAccent, IconAccent, BackgroundAccent, LineAccent, FillAccent } from '../tokens/colors/type.mjs';

declare const nbcLight: {
    button: {
        solidPrimary?: {
            background?: `#${string}` | undefined;
            backgroundHover?: `#${string}` | undefined;
            text?: `#${string}` | undefined;
            icon?: `#${string}` | undefined;
        } | undefined;
        solidSecondary?: {
            background?: `#${string}` | undefined;
            backgroundHover?: `#${string}` | undefined;
            text?: `#${string}` | undefined;
            icon?: `#${string}` | undefined;
        } | undefined;
        solidTertiary?: {
            background?: `#${string}` | undefined;
            backgroundHover?: `#${string}` | undefined;
            text?: `#${string}` | undefined;
            icon?: `#${string}` | undefined;
        } | undefined;
        solidError?: {
            background?: `#${string}` | undefined;
            backgroundHover?: `#${string}` | undefined;
            text?: `#${string}` | undefined;
            icon?: `#${string}` | undefined;
        } | undefined;
        outlinePrimary?: {
            background?: `#${string}` | undefined;
            backgroundHover?: `#${string}` | undefined;
            text?: `#${string}` | undefined;
            icon?: `#${string}` | undefined;
            border?: `#${string}` | undefined;
        } | undefined;
        outlineSecondary?: {
            background?: `#${string}` | undefined;
            backgroundHover?: `#${string}` | undefined;
            text?: `#${string}` | undefined;
            icon?: `#${string}` | undefined;
            border?: `#${string}` | undefined;
        } | undefined;
    };
    switch: {
        checkedBrand?: {
            background?: `#${string}` | undefined;
            backgroundHover?: `#${string}` | undefined;
        } | undefined;
        checkedGreen?: {
            background?: `#${string}` | undefined;
            backgroundHover?: `#${string}` | undefined;
        } | undefined;
        unchecked?: {
            background?: `#${string}` | undefined;
            backgroundHover?: `#${string}` | undefined;
        } | undefined;
    };
    card: {
        shadow?: string | undefined;
    };
    bottomSheet: {
        grabber?: {
            background?: `#${string}` | undefined;
        } | undefined;
    };
    spinner: {
        indicator?: {
            color?: `#${string}` | undefined;
        } | undefined;
    };
    checkbox: {
        checked?: {
            background?: `#${string}` | undefined;
            backgroundHover?: `#${string}` | undefined;
            border?: `#${string}` | undefined;
        } | undefined;
        unchecked?: {
            background?: `#${string}` | undefined;
            backgroundHover?: `#${string}` | undefined;
            border?: `#${string}` | undefined;
        } | undefined;
    };
    radioGroup: {
        checked?: {
            background?: `#${string}` | undefined;
            backgroundHover?: `#${string}` | undefined;
            accent?: `#${string}` | undefined;
            accentHover?: `#${string}` | undefined;
        } | undefined;
        unchecked?: {
            background?: `#${string}` | undefined;
            backgroundHover?: `#${string}` | undefined;
            accent?: `#${string}` | undefined;
            accentHover?: `#${string}` | undefined;
        } | undefined;
    };
    skeleton: {
        background?: string | undefined;
        shimmer?: string | undefined;
    };
    accordion: {
        arrow?: {
            color?: `#${string}` | undefined;
        } | undefined;
    };
    calendar: {
        header?: {
            navButton?: {
                background?: `#${string}` | undefined;
                backgroundHover?: `#${string}` | undefined;
                border?: `#${string}` | undefined;
            } | undefined;
        } | undefined;
        dateCell?: {
            default?: {
                background?: `#${string}` | undefined;
                backgroundHover?: `#${string}` | undefined;
                text?: `#${string}` | undefined;
            } | undefined;
            selected?: {
                background?: `#${string}` | undefined;
                backgroundHover?: `#${string}` | undefined;
                text?: `#${string}` | undefined;
            } | undefined;
            rangeMiddle?: {
                background?: `#${string}` | undefined;
                backgroundHover?: `#${string}` | undefined;
                text?: `#${string}` | undefined;
            } | undefined;
            today?: {
                border?: `#${string}` | undefined;
            } | undefined;
        } | undefined;
    };
    blur: Record<"primary", string>;
    shadow: Record<ShadowAccent, string>;
    brand: Record<BrandAccent, `#${string}`>;
    status: WithSubCategories<Record<StatusAccent, `#${string}`>, StatusSubCategories>;
    text: Record<TextAccent, `#${string}`>;
    icon: Record<IconAccent, `#${string}`>;
    background: Record<BackgroundAccent, `#${string}`>;
    line: Record<LineAccent, `#${string}`>;
    dimm: Record<"default", `#${string}`>;
    fill: Record<FillAccent, `#${string}`> & WithSubCategories<Record<"default" | "subtle", `#${string}`>, "inverse">;
};

export { nbcLight };