import type { SystemStyleObject } from "@chakra-ui/react";
import { CustomThemeProps } from "../../Theme/themeProps";
import type { PaletteProps } from "../../Theme/tokens/types";
import { type ControlSize } from "../../Theme/tokens/primitives/controlSizes";
export declare const FIELD_RADIUS: "lg";
export declare const FIELD_BORDER_WIDTH = "1px";
/** No box-shadow: the focus ring must be present the frame focus lands, not fade in. */
export declare const FIELD_TRANSITION: string;
/** Chakra `h`/`fontSize`/`px` for a field or select of this size. */
export declare const controlSizeStyles: (size: ControlSize) => {
    h: string;
    minH: string;
    fontSize: string;
    px: string;
};
/** Resting border one step firmer, used on hover only. */
export declare const fieldHoverBorder: (colors: PaletteProps) => string;
/** Resting box (surface, border, radius) shared by every field, native or composite. */
export declare const fieldBoxStyles: (colors: PaletteProps) => {
    bg: string;
    borderWidth: string;
    borderStyle: string;
    borderColor: string;
    borderRadius: "lg";
    transition: string;
};
/** Value text: 400 weight, no tracking. */
export declare const fieldTextStyles: (colors: PaletteProps) => {
    color: string;
    fontWeight: number;
    letterSpacing: string;
};
/** Full pseudo-state block for a native input/textarea/select (or a Chakra `field` part). */
export declare const fieldControlStyles: (colors: PaletteProps) => SystemStyleObject;
type FieldState = {
    error?: boolean;
    focused?: boolean;
    disabled?: boolean;
};
/** Box-only styles for composite fields that track state in JS (SelectV2, SearchSelect, date pickers). */
export declare const getFieldStateStyles: (theme: CustomThemeProps, { error, focused, disabled }?: FieldState) => {
    borderColor: string;
    boxShadow: string;
    bg: string;
    borderWidth: string;
    borderStyle: string;
    borderRadius: "lg";
    transition: string;
} | {
    bg: string;
    borderColor: string;
    cursor: string;
    boxShadow: string;
    borderWidth: string;
    borderStyle: string;
    borderRadius: "lg";
    transition: string;
};
/** Glow for `_focusWithin` on composite fields. `error` is accepted but ignored: invalid is the border's job. */
export declare const fieldFocusRing: (theme: CustomThemeProps, error?: boolean) => string;
export {};