import type { Rule } from 'unocss';
export interface ThemeToken {
    themes: Record<string, string>;
}
/**
 * Generate CSS for color tokens.
 *
 * For the default theme (assumed as 'light'), the CSS variables are defined on :root.
 * For every additional theme, a theme class is generated (e.g. .theme-dark).
 */
export declare function generateColorCSS(colors: Record<string, ThemeToken>, defaultTheme?: string): string | undefined;
/**
 * Generate UnoCSS dynamic rules for color tokens with opacity support.
 *
 * This registers rules for classes like:
 * - bg-<token> → { background-color: var(--color-<token>) }
 * - bg-<token>/50 → { background-color: color-mix(in srgb, var(--color-<token>) 50%, transparent) }
 * - text-<token> → { color: var(--color-<token>) }
 * - text-<token>/75 → { color: color-mix(in srgb, var(--color-<token>) 75%, transparent) }
 * - border-<token> → { border-color: var(--color-<token>) }
 * - border-<token>/25 → { border-color: color-mix(in srgb, var(--color-<token>) 25%, transparent) }
 */
export declare function createColorRules(colors: Record<string, ThemeToken>, selectedPreviewTheme?: string): Rule<any>[];