import type { PaletteShade } from './colors.js';
export type DefaultColor = {
    baseShade: PaletteShade;
} | {
    primaryShade: PaletteShade;
} | {
    color: string;
};
type ThemeColorCategory = 'surface' | 'interactive' | 'utility';
/**
 * Configuration for a theme color.
 */
export interface ThemeColorConfig {
    /** The name of the color. */
    name: string;
    /** A description of the color. */
    description: string;
    /** The default light color. */
    lightDefault: DefaultColor;
    /** The default dark color. */
    darkDefault: DefaultColor;
    /**
     * Used to group colors in the theme editor.
     * Optional.
     */
    groupKey?: string;
    /** Category of the color */
    category: ThemeColorCategory;
    /** Opacity of color (out of 100) */
    opacity?: number;
}
export declare const THEME_COLORS: {
    background: {
        name: string;
        description: string;
        lightDefault: {
            color: string;
        };
        darkDefault: {
            baseShade: "950";
        };
        groupKey: string;
        category: "surface";
    };
    foreground: {
        name: string;
        description: string;
        lightDefault: {
            baseShade: "950";
        };
        darkDefault: {
            baseShade: "50";
        };
        groupKey: string;
        category: "surface";
    };
    muted: {
        name: string;
        description: string;
        lightDefault: {
            baseShade: "100";
        };
        darkDefault: {
            baseShade: "800";
        };
        groupKey: string;
        category: "surface";
    };
    mutedForeground: {
        name: string;
        description: string;
        lightDefault: {
            baseShade: "500";
        };
        darkDefault: {
            baseShade: "400";
        };
        groupKey: string;
        category: "surface";
    };
    card: {
        name: string;
        description: string;
        lightDefault: {
            color: string;
        };
        darkDefault: {
            baseShade: "950";
        };
        groupKey: string;
        category: "surface";
    };
    cardForeground: {
        name: string;
        description: string;
        lightDefault: {
            baseShade: "950";
        };
        darkDefault: {
            baseShade: "50";
        };
        groupKey: string;
        category: "surface";
    };
    popover: {
        name: string;
        description: string;
        lightDefault: {
            color: string;
        };
        darkDefault: {
            baseShade: "950";
        };
        groupKey: string;
        category: "surface";
    };
    popoverForeground: {
        name: string;
        description: string;
        lightDefault: {
            baseShade: "950";
        };
        darkDefault: {
            baseShade: "50";
        };
        groupKey: string;
        category: "surface";
    };
    accent: {
        name: string;
        description: string;
        lightDefault: {
            baseShade: "100";
        };
        darkDefault: {
            baseShade: "800";
        };
        groupKey: string;
        category: "surface";
    };
    accentForeground: {
        name: string;
        description: string;
        lightDefault: {
            baseShade: "900";
        };
        darkDefault: {
            baseShade: "50";
        };
        groupKey: string;
        category: "surface";
    };
    success: {
        name: string;
        description: string;
        lightDefault: {
            color: string;
        };
        darkDefault: {
            color: string;
        };
        groupKey: string;
        category: "surface";
    };
    successForeground: {
        name: string;
        description: string;
        lightDefault: {
            color: string;
        };
        darkDefault: {
            color: string;
        };
        groupKey: string;
        category: "surface";
    };
    warning: {
        name: string;
        description: string;
        lightDefault: {
            color: string;
        };
        darkDefault: {
            color: string;
        };
        groupKey: string;
        category: "surface";
    };
    warningForeground: {
        name: string;
        description: string;
        lightDefault: {
            color: string;
        };
        darkDefault: {
            color: string;
        };
        groupKey: string;
        category: "surface";
    };
    error: {
        name: string;
        description: string;
        lightDefault: {
            color: string;
        };
        darkDefault: {
            color: string;
        };
        groupKey: string;
        category: "surface";
    };
    errorForeground: {
        name: string;
        description: string;
        lightDefault: {
            color: string;
        };
        darkDefault: {
            color: string;
        };
        groupKey: string;
        category: "surface";
    };
    primary: {
        name: string;
        description: string;
        lightDefault: {
            primaryShade: "800";
        };
        darkDefault: {
            primaryShade: "950";
        };
        groupKey: string;
        category: "interactive";
    };
    primaryForeground: {
        name: string;
        description: string;
        lightDefault: {
            baseShade: "50";
        };
        darkDefault: {
            baseShade: "50";
        };
        groupKey: string;
        category: "interactive";
    };
    secondary: {
        name: string;
        description: string;
        lightDefault: {
            baseShade: "100";
        };
        darkDefault: {
            baseShade: "800";
        };
        groupKey: string;
        category: "interactive";
    };
    secondaryForeground: {
        name: string;
        description: string;
        lightDefault: {
            baseShade: "900";
        };
        darkDefault: {
            baseShade: "50";
        };
        groupKey: string;
        category: "interactive";
    };
    destructive: {
        name: string;
        description: string;
        lightDefault: {
            color: string;
        };
        darkDefault: {
            color: string;
        };
        groupKey: string;
        category: "interactive";
    };
    destructiveForeground: {
        name: string;
        description: string;
        lightDefault: {
            baseShade: "50";
        };
        darkDefault: {
            baseShade: "50";
        };
        groupKey: string;
        category: "interactive";
    };
    link: {
        name: string;
        description: string;
        lightDefault: {
            primaryShade: "700";
        };
        darkDefault: {
            primaryShade: "600";
        };
        groupKey: string;
        category: "interactive";
    };
    border: {
        name: string;
        description: string;
        lightDefault: {
            baseShade: "200";
        };
        darkDefault: {
            baseShade: "800";
        };
        groupKey: string;
        category: "utility";
    };
    input: {
        name: string;
        description: string;
        lightDefault: {
            baseShade: "200";
        };
        darkDefault: {
            baseShade: "800";
        };
        groupKey: string;
        category: "utility";
    };
    ring: {
        name: string;
        description: string;
        lightDefault: {
            primaryShade: "400";
        };
        darkDefault: {
            primaryShade: "500";
        };
        groupKey: string;
        category: "utility";
    };
};
export type ThemeColorKey = keyof typeof THEME_COLORS;
export declare const THEME_COLOR_KEYS: ThemeColorKey[];
export {};
//# sourceMappingURL=theme-colors.d.ts.map