import { type PartialWithUndefined } from '@augment-vir/common';
import { Color } from '../data/color-class/color.js';
/**
 * A color picker element with a swatch that opens a popup with color format sliders.
 *
 * Set the width and height of the swatch using the provided CSS variables.
 *
 * @category Elements
 */
export declare const VirColorPicker: import("element-vir").DeclarativeElementDefinition<"vir-color-picker", Readonly<{
    color: string | Readonly<Color> | undefined;
} & PartialWithUndefined<{
    alwaysShowPicker: boolean;
    showHexValue: boolean;
}>>, {
    selectedFormatName: "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "rgb" | "hex";
    rawInput: undefined | string;
}, {
    colorChange: import("element-vir").DefineEvent<string>;
}, "vir-color-picker-always-show", "vir-color-picker-swatch-width" | "vir-color-picker-swatch-height", readonly [], readonly []>;