import { CSSProperties } from 'react';
/** Figma single-line outlined field height — pinned inline so duplicate app CSS cannot resize the box. */
export declare const SINGLE_LINE_FIELD_HEIGHT_PX = 40;
/** Inline layout for the 40px input shell; spread caller styles first, then this. */
export declare const singleLineShellLayoutStyle: () => CSSProperties;
export interface SingleLineInputLayoutOptions {
    paddingLeft?: CSSProperties['paddingLeft'];
    paddingRight?: CSSProperties['paddingRight'];
}
/** Inline layout for the single-line `<input>`; spread caller/htmlInput styles first, then this. */
export declare const singleLineInputLayoutStyle: ({ paddingLeft, paddingRight, }?: SingleLineInputLayoutOptions) => CSSProperties;
/** Label vertical anchor — inline so duplicate Tailwind `top-*` utilities cannot shift it. */
export declare const floatingLabelLayoutStyle: (shrink: boolean) => CSSProperties;
/**
 * Shared outlined-field styling so `StyledInputField`, `StyledInputLabel` (+ `StyledFormControl`)
 * and `StyledSelect` render an identical border + floating label without MUI. TASK-401.
 */
export type FieldSize = 'small' | 'medium';
interface FieldState {
    focused?: boolean;
    error?: boolean;
    disabled?: boolean;
    readOnly?: boolean;
    /** `variant="standard"`: same geometry as the outlined field, but the border is painted on focus only. */
    borderless?: boolean;
}
/** The border overlay (an absolutely-positioned sibling so width changes never reflow the input). */
export declare const outlineClass: ({ focused, error, disabled, readOnly, borderless }: FieldState) => string;
/** MUI-compatible fieldset outline used by text fields with floating labels. */
export declare const notchedOutlineClass: ({ focused, error, disabled, readOnly, notched, }: FieldState & {
    notched?: boolean;
}) => string;
export declare const notchedLegendClass: (shrink: boolean) => string;
/**
 * The floating label. `shrink` lifts it onto the top border (outside the 40px input box).
 * Resting state centers in the field as a placeholder surrogate.
 */
export declare const floatingLabelClass: ({ shrink, focused, error, disabled, readOnly, }: FieldState & {
    shrink: boolean;
    size?: FieldSize;
}) => string;
export {};