export type InputState = {
    bg: string;
    fg: string;
    border: string;
    placeholder: string;
    icon: string;
};
export type InputPaletteConfig = {
    ring: string;
    outline: {
        default: InputState;
        hover: InputState;
        focus: InputState;
    };
    filled: {
        default: InputState;
        hover: InputState;
        focus: InputState;
    };
    soft: {
        default: InputState;
        hover: InputState;
        focus: InputState;
    };
};
export declare const createInputPalette: ({ ring, outline, filled, soft, }: InputPaletteConfig) => {
    readonly ring: string;
    readonly outline: {
        default: InputState;
        hover: InputState;
        focus: InputState;
    };
    readonly filled: {
        default: InputState;
        hover: InputState;
        focus: InputState;
    };
    readonly soft: {
        default: InputState;
        hover: InputState;
        focus: InputState;
    };
};
export type InputColorPaletteConfig = {
    accent: string;
    accentHover: string;
    accentSoft: string;
    filledBg: string;
    filledHoverBg: string;
    hoverBg: string;
    ring: string;
    fg: string;
    placeholder: string;
    filledFocusBg: string;
    filledDefaultBorder?: string;
    filledHoverBorder?: string;
    softDefaultBorder?: string;
    softHoverBorder?: string;
};
export declare const createInputColorPalette: ({ accent, accentHover, accentSoft, filledBg, filledHoverBg, hoverBg, ring, fg, placeholder, filledFocusBg, filledDefaultBorder, filledHoverBorder, softDefaultBorder, softHoverBorder, }: InputColorPaletteConfig) => {
    readonly ring: string;
    readonly outline: {
        default: InputState;
        hover: InputState;
        focus: InputState;
    };
    readonly filled: {
        default: InputState;
        hover: InputState;
        focus: InputState;
    };
    readonly soft: {
        default: InputState;
        hover: InputState;
        focus: InputState;
    };
};
//# sourceMappingURL=createInputPalette.d.ts.map