export declare const formElementSizes: {
    readonly sm: "h-form-sm";
    readonly md: "h-form-md";
    readonly default: "h-form-default";
    readonly lg: "h-form-lg";
};
export declare const formElementFocus = "focus:outline-hidden focus:ring-1 focus:ring-accent1 focus:shadow-focus-ring transition-shadow duration-normal";
export declare const sharedFormElementFocusStyle = "outline-hidden focus-visible:outline-hidden focus-visible:border-accent1 focus-visible:ring-1 focus-visible:ring-accent1/40";
export declare const sharedFormElementDisabledStyle = "disabled:opacity-50 disabled:cursor-not-allowed";
export declare const inputFocusBorderVisible = "focus-visible:border-neutral5/50";
export declare const inputFocusBorderWithin = "focus-within:border-neutral5/50";
export declare const inputHoverBorderWithin = "[&:hover:not(:focus-within)]:border-border2";
export declare const inputSurfaceAndFocusStyle: string;
export declare const inputOutlineAndFocusStyle: string;
export declare const unstyledFormElementStyle = "border-0 bg-transparent outline-hidden focus-visible:outline-hidden";
export type FormElementSize = keyof typeof formElementSizes;
