import { Emitter } from '@mantou/gem/lib/decorators';
import { GemElement } from '@mantou/gem/lib/element';
import { HexColor } from '../lib/color';
import './gesture';
import './use';
import './input';
import './select';
declare type Mode = 'Hex' | 'RGB' | 'HSL';
declare type State = {
    mode: Mode;
    grabbingHue: boolean;
    grabbingSV: boolean;
    grabbingA: boolean;
    r: number;
    g: number;
    b: number;
    h: number;
    s: number;
    l: number;
    a: number;
    sa: number;
    v: number;
    str: string;
    commitValue?: {
        v?: number;
        sa?: number;
        h?: number;
        a?: number;
        str?: string;
    };
};
/**
 * @customElement dy-color-panel
 * @attr value
 * @attr alpha
 */
export declare class DuoyunColorPanelElement extends GemElement<State> {
    #private;
    value: HexColor;
    alpha: boolean;
    change: Emitter<HexColor>;
    constructor();
    state: State;
    willMount: () => void;
    render: () => import("lit-html/lib/template-result").TemplateResult;
}
export {};
//# sourceMappingURL=color-panel.d.ts.map