import { LitElement } from 'lit';
export interface OkThemePickerPalette {
    /** Id de la paleta (valor de `data-ok-palette`; 'erplora' = default sin atributo). */
    id: string;
    /** Nombre visible/accesible. */
    label: string;
    /** Color de marca para el swatch. */
    brand: string;
}
/** Paletas canónicas — espejo 1:1 de palettes.css (guard en palettes.test.ts). */
export declare const DEFAULT_PALETTES: OkThemePickerPalette[];
/** Único punto que escribe `data-ok-palette`: 'erplora' (o vacío) QUITA el atributo. */
export declare function applyPalette(root: Element, palette: string): void;
export type OkThemePickerMode = 'system' | 'light' | 'dark';
export interface OkThemePickerLabels {
    /** Encabezado de la sección de paletas. */
    palette: string;
    /** Encabezado de la sección de modo. */
    mode: string;
    system: string;
    light: string;
    dark: string;
}
export declare class OkThemePicker extends LitElement {
    static styles: import("lit").CSSResult;
    /** Paleta activa ('erplora' = marca por defecto). */
    palette: string;
    /** Modo de color activo. */
    mode: OkThemePickerMode;
    /** Oculta el segmento de modo (para hosts con su propio toggle claro/oscuro). */
    hideMode: boolean;
    /** Paletas a mostrar (default: las canónicas de palettes.css). */
    palettes: OkThemePickerPalette[];
    /** Textos i18n (parcial; se mezclan sobre los defaults en inglés). */
    labels: Partial<OkThemePickerLabels>;
    private get t();
    private emitChange;
    private pickPalette;
    private pickMode;
    render(): unknown;
}
declare global {
    interface HTMLElementTagNameMap {
        'ok-theme-picker': OkThemePicker;
    }
}