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 formElementFocusWithin = "focus-within:outline-hidden focus-within:ring-1 focus-within:ring-accent1 focus-within:shadow-focus-ring transition-shadow duration-normal";
export declare const formElementRadius = "rounded-md";
export declare const sharedFormElementStyle = "bg-surface2 border-2 border-border1 text-neutral5 hover:text-neutral6 hover:border-border2 rounded-lg";
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 formElementTransition = "transition-all duration-normal ease-out-custom";
export type FormElementSize = keyof typeof formElementSizes;
