import type { ClassValue } from "svelte/elements";
import type { InputSize } from "./types.js";
export declare const inputBase = "flex max-w-full items-center overflow-hidden bg-kui-light-bg dark:bg-kui-dark-bg font-normal transition-all duration-150 outline-none";
export declare const sizeStyles: Record<InputSize, string>;
export declare const radiusStyles: Record<InputSize, string>;
export declare const errorTextStyles: Record<InputSize, string>;
export declare const inputTextBase = "h-full w-full bg-transparent outline-hidden placeholder:text-kui-light-gray-600 dark:placeholder:text-kui-dark-gray-600";
export declare const adornmentBase = "text-kui-light-gray-700 dark:text-kui-dark-gray-700 flex h-full shrink-0 items-center px-3";
export declare const adornmentStyled = "bg-kui-light-bg-secondary dark:bg-kui-dark-bg-secondary border-kui-light-gray-200 dark:border-kui-dark-gray-400";
export declare const errorTextBase = "text-kui-light-red-900 dark:text-kui-dark-red-900";
export interface ResolveInputClassInput {
    size?: InputSize;
    rounded?: boolean;
    disabled?: boolean;
    error?: string;
    focused?: boolean;
    class?: ClassValue;
}
export declare function resolveInputClass({ size, rounded, disabled, error, focused, class: klass, }: ResolveInputClassInput): ClassValue;
export declare function resolveInputPadding(prefixStyling?: boolean, suffixStyling?: boolean): string;
export declare function resolveAdornmentClass(styled: boolean, side: "prefix" | "suffix"): string;