import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
import { Focusable } from '../../utils/focusable';
export type SwatchBorder = 'none' | 'light' | undefined;
export type SwatchRounding = 'none' | 'full' | undefined;
export type SwatchShape = 'rectangle' | undefined;
declare const LuzmoSwatch_base: typeof Focusable & {
    new (...args: any[]): import("../..").SizedElementInterface;
    prototype: import("../..").SizedElementInterface;
};
/**
 * @element luzmo-swatch
 */
export declare class LuzmoSwatch extends LuzmoSwatch_base {
    static get styles(): CSSResultArray;
    border: SwatchBorder;
    color: string;
    label: string;
    mixedValue: boolean;
    nothing: boolean;
    role: string;
    rounding: SwatchRounding;
    selected: boolean;
    readonly: boolean;
    shape: SwatchShape;
    get value(): string;
    set value(value: string);
    private _value?;
    get focusElement(): HTMLElement;
    toggle(force?: boolean): void;
    private handleClick;
    protected handleKeydown(event: KeyboardEvent): void;
    private handleKeypress;
    protected handleKeyup(event: KeyboardEvent): void;
    protected renderDisabled: () => TemplateResult;
    protected renderMixedValue: () => TemplateResult;
    protected render(): TemplateResult;
    protected willUpdate(changes: PropertyValues): void;
    protected firstUpdated(changes: PropertyValues): void;
}
export {};