import { LitElement } from 'lit';
import { z } from 'zod';
import type { CssVariableName } from '../../../../_common/theme/css-variables.js';
export declare class ColorEvent extends Event {
    detail: CssVariableName;
    constructor(type: string, { detail, composed, bubbles, }: {
        detail: CssVariableName;
        composed: boolean;
        bubbles: boolean;
    });
}
export declare const LINE_COLORS: readonly ["--affine-palette-line-yellow", "--affine-palette-line-orange", "--affine-palette-line-tangerine", "--affine-palette-line-red", "--affine-palette-line-magenta", "--affine-palette-line-purple", "--affine-palette-line-green", "--affine-palette-line-blue", "--affine-palette-line-navy", "--affine-palette-line-black", "--affine-palette-line-grey", "--affine-palette-line-white"];
export declare const LineColorsSchema: z.ZodUnion<[z.ZodLiteral<"--affine-palette-line-yellow">, z.ZodLiteral<"--affine-palette-line-orange">, z.ZodLiteral<"--affine-palette-line-tangerine">, z.ZodLiteral<"--affine-palette-line-red">, z.ZodLiteral<"--affine-palette-line-magenta">, z.ZodLiteral<"--affine-palette-line-purple">, z.ZodLiteral<"--affine-palette-line-green">, z.ZodLiteral<"--affine-palette-line-blue">, z.ZodLiteral<"--affine-palette-line-navy">, z.ZodLiteral<"--affine-palette-line-black">, z.ZodLiteral<"--affine-palette-line-grey">, z.ZodLiteral<"--affine-palette-line-white">]>;
export declare const GET_DEFAULT_LINE_COLOR: () => "--affine-palette-line-white" | "--affine-palette-line-black";
export declare const GET_DEFAULT_TEXT_COLOR: () => "--affine-palette-line-blue";
export declare const DEFAULT_BRUSH_COLOR = "--affine-palette-line-blue";
export declare function isTransparent(color: CssVariableName): boolean;
export declare function ColorUnit(color: CssVariableName, { hollowCircle, letter, }?: {
    hollowCircle?: boolean;
    letter?: boolean;
}): import("lit").TemplateResult<1>;
export declare const colorContainerStyles: import("lit").CSSResult;
export declare class EdgelessColorPanel extends LitElement {
    static styles: import("lit").CSSResult;
    value: CssVariableName | null;
    options: readonly ["--affine-palette-line-yellow", "--affine-palette-line-orange", "--affine-palette-line-tangerine", "--affine-palette-line-red", "--affine-palette-line-magenta", "--affine-palette-line-purple", "--affine-palette-line-green", "--affine-palette-line-blue", "--affine-palette-line-navy", "--affine-palette-line-black", "--affine-palette-line-grey", "--affine-palette-line-white"];
    showLetterMark: boolean;
    hollowCircle: boolean;
    onSelect(value: CssVariableName): void;
    render(): unknown;
}
declare global {
    interface HTMLElementTagNameMap {
        'edgeless-color-panel': EdgelessColorPanel;
    }
}
//# sourceMappingURL=color-panel.d.ts.map