import { MjoColorPickerBlurEvent, MjoColorPickerChangeEvent, MjoColorPickerFocusEvent, MjoColorPickerFormatChangeEvent, MjoColorPickerInputEvent } from "./types/mjo-color-picker.js";
import { LitElement, PropertyValues } from "lit";
import { type IFormMixin } from "./mixins/form-mixin.js";
import { type IInputErrorMixin } from "./mixins/input-error.js";
import { type IThemeMixin } from "./mixins/theme-mixin.js";
import { ColorFormat } from "./utils/colors.js";
import "./components/input/mjoint-input-helper-text.js";
import "./components/input/mjoint-input-label.js";
declare const MjoColorPicker_base: import("./types/mixins.js").MixinConstructor<IThemeMixin> & import("./types/mixins.js").MixinConstructor<IInputErrorMixin> & import("./types/mixins.js").MixinConstructor<IFormMixin> & typeof LitElement;
/**
 * @summary Advanced color picker component with multiple formats, accessibility features, and form integration.
 *
 * @description The mjo-color-picker component provides a comprehensive color selection interface that supports
 * multiple color formats (hex, rgb, rgba, hsl, hsla, hwb), includes real-time value display, and offers
 * extensive accessibility features. It integrates seamlessly with the mjo-form system and provides
 * detailed event feedback for color changes and format switching.
 *
 * @fires change - Standard HTML change event when color selection is finalized
 * @fires input - Standard HTML input event during color value changes
 * @fires mjo-color-picker:change - Custom event with detailed color change information
 * @fires mjo-color-picker:input - Custom event with detailed input change information
 * @fires mjo-color-picker:focus - Fired when the color picker gains focus
 * @fires mjo-color-picker:blur - Fired when the color picker loses focus
 * @fires mjo-color-picker:format-change - Fired when the color format is changed
 *
 * @csspart container - The main color picker container
 * @csspart color-picker - The visual color display area
 * @csspart value-display - The color value text display (when showValue is true)
 * @csspart label-container - The label container (via mjoint-input-label)
 * @csspart label-truncate-container - The label truncate container (via mjoint-input-label)
 * @csspart label-truncate-wrapper - The label truncate wrapper (via mjoint-input-label)
 * @csspart helper-text-container - The helper text container (via mjoint-input-helper-text)
 * @csspart helper-text-typography - The helper text typography (via mjoint-input-helper-text)
 * @csspart helper-text-error-message - The error message container (via mjoint-input-helper-text)
 * @csspart helper-text-success-message - The success message container (via mjoint-input-helper-text)
 * @csspart helper-text-icon - The helper text icon (via mjoint-input-helper-text)
 */
export declare class MjoColorPicker extends MjoColorPicker_base implements IFormMixin, IInputErrorMixin, IThemeMixin {
    #private;
    color: "primary" | "secondary";
    disabled: boolean;
    helperText?: string;
    label?: string;
    name?: string;
    value: string;
    hideErrors: boolean;
    rounded: boolean;
    size: "small" | "medium" | "large";
    format: ColorFormat;
    showValue: boolean;
    ariaDescribedBy: string | null;
    inputElement: HTMLInputElement;
    colorPicker: HTMLDivElement;
    type: string;
    render(): import("lit-html").TemplateResult<1>;
    connectedCallback(): void;
    protected firstUpdated(_changedProperties: PropertyValues): void;
    protected updated(changedProperties: PropertyValues): void;
    getValue(): string;
    setValue(value: string): string | undefined;
    getFormattedValue(format: ColorFormat): string;
    static styles: import("lit").CSSResult[];
}
declare global {
    interface HTMLElementTagNameMap {
        "mjo-color-picker": MjoColorPicker;
    }
    interface HTMLElementEventMap {
        "mjo-color-picker:input": MjoColorPickerInputEvent;
        "mjo-color-picker:change": MjoColorPickerChangeEvent;
        "mjo-color-picker:focus": MjoColorPickerFocusEvent;
        "mjo-color-picker:blur": MjoColorPickerBlurEvent;
        "mjo-color-picker:format-change": MjoColorPickerFormatChangeEvent;
    }
}
export {};
//# sourceMappingURL=mjo-color-picker.d.ts.map