export interface Theme {
    id: string;
    type: "builtin" | "custom";
    name: string;
    "color-scheme": "light" | "dark";
    "--color-base-100": string;
    "--color-base-200": string;
    "--color-base-300": string;
    "--color-base-content": string;
    "--color-primary": string;
    "--color-primary-content": string;
    "--color-secondary": string;
    "--color-secondary-content": string;
    "--color-accent": string;
    "--color-accent-content": string;
    "--color-neutral": string;
    "--color-neutral-content": string;
    "--color-info": string;
    "--color-info-content": string;
    "--color-success": string;
    "--color-success-content": string;
    "--color-warning": string;
    "--color-warning-content": string;
    "--color-error": string;
    "--color-error-content": string;
    "--radius-selector": string;
    "--radius-field": string;
    "--radius-box": string;
    "--size-selector": string;
    "--size-field": string;
    "--border": string;
    "--depth": string;
    "--noise": string;
    default?: boolean;
    prefersdark?: boolean;
}
export type ColorKey = "--color-base-100" | "--color-base-200" | "--color-base-300" | "--color-base-content" | "--color-primary" | "--color-primary-content" | "--color-secondary" | "--color-secondary-content" | "--color-accent" | "--color-accent-content" | "--color-neutral" | "--color-neutral-content" | "--color-info" | "--color-info-content" | "--color-success" | "--color-success-content" | "--color-warning" | "--color-warning-content" | "--color-error" | "--color-error-content";
export type PickerMode = "palette" | "slider";
export type DockItem = "editor" | "themes" | "preview";
export declare const ORDERED_COLOR_KEYS: ColorKey[];
export declare const COLOR_GROUPS: {
    label: string;
    keys: ColorKey[];
}[];
export declare const COLOR_LABEL: Record<ColorKey, string>;
export declare const RADIUS_VALUES: ({
    key: "--radius-box";
    label: string;
    desc: string;
    options: string[];
} | {
    key: "--radius-field";
    label: string;
    desc: string;
    options: string[];
} | {
    key: "--radius-selector";
    label: string;
    desc: string;
    options: string[];
})[];
export declare const SIZE_VALUES: ({
    key: "--size-field";
    label: string;
    desc: string;
    options: string[];
    px: number[];
} | {
    key: "--size-selector";
    label: string;
    desc: string;
    options: string[];
    px: number[];
})[];
export declare const BORDER_VALUES: {
    key: "--border";
    label: string;
    desc: string;
    options: string[];
}[];
export declare const EFFECT_VALUES: ({
    key: "--depth";
    label: string;
    desc: string;
} | {
    key: "--noise";
    label: string;
    desc: string;
})[];
export declare const TAILWIND_COLORS: Record<string, string>;
export declare const TAILWIND_COLOR_GROUPS: string[];
export declare const TAILWIND_SHADES: string[];
export declare const STORAGE_KEY = "gen-themes-0.2";
export declare const STORAGE_ID_KEY = "gen-current-theme-id-0.2";