import { WebComponent } from '@substrate-system/web-component';
type InteractionSource = 'pointer' | 'keyboard' | 'programmatic';
export interface ChangeDetail {
    value: string | null;
    index: number | null;
    source: InteractionSource;
}
export type ChangeEvent = CustomEvent<ChangeDetail>;
declare global {
    interface HTMLElementTagNameMap {
        'color-picker': ColorPicker;
    }
}
declare const ColorPicker_base: typeof WebComponent & {
    new (...args: any[]): WebComponent;
    TAG: string;
    define: typeof WebComponent.define;
    event: typeof WebComponent.event;
};
export declare class ColorPicker extends ColorPicker_base {
    static observedAttributes: string[];
    private _swatches;
    private _state;
    get swatches(): string[];
    set swatches(values: string[]);
    get value(): string | null;
    set value(nextValue: string | null);
    get disabled(): boolean;
    set disabled(isDisabled: boolean);
    connectedCallback(): void;
    handleChange_value(_oldValue: string, newValue: string): void;
    setSwatches(swatches: string[]): void;
    selectByIndex(index: number, source?: InteractionSource): void;
    getValue(): string | null;
    private onSwatchKeydown;
    private onSwatchClick;
    render(): void;
}
export {};
//# sourceMappingURL=index.d.ts.map