import { CommonProps, Refable, type Styleable } from "@trackunit/react-components";
import { MappedOmit } from "@trackunit/shared-utils";
import { FocusEvent, ReactElement, ReactNode } from "react";
import { GroupBase } from "react-select";
import { SelectProps } from "../BaseSelect/useSelect";
import { FormGroupProps } from "../FormGroup/FormGroup";
export type BaseOptionType = {
    label: string;
    value: string | number;
};
type SelectExposedProps<TOption extends BaseOptionType = BaseOptionType, TIsAsync extends boolean = false> = MappedOmit<SelectProps<TOption, TIsAsync, false, GroupBase<TOption>>, "value" | "label" | "onChange" | "defaultValue" | "onBlur" | "options">;
type FormGroupExposedProps = Pick<FormGroupProps, "label" | "tip" | "helpText" | "helpAddon" | "isInvalid">;
export interface SelectFieldProps<TOption extends BaseOptionType = BaseOptionType, TIsAsync extends boolean = false> extends CommonProps, FormGroupExposedProps, SelectExposedProps<TOption, TIsAsync>, Refable<HTMLSelectElement>, Styleable {
    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
    /**
     * The options available for the SelectField.
     *
     * @important
     * @expand
     */
    options: Array<TOption>;
    /**
     * The selected value of the SelectField.
     *
     * @important
     */
    value?: TOption["value"];
    /**
     * The default selected value of the SelectField.
     */
    defaultValue?: TOption["value"];
    /**
     * The onChange handler for the SelectField.
     *
     * Called when the user picks a different option. It is not called when the `value` prop changes,
     * since that value is one the parent already holds, and not when the user re-picks the option that
     * is already selected. It is also forwarded to the hidden native `<select>`, so a change event
     * dispatched on that node invokes it too.
     *
     * @important
     */
    onChange?: (event: {
        target: {
            value?: TOption["value"];
        };
    }) => void;
    /**
     * If a value is set, the field is rendered in its invalid state.
     */
    errorMessage?: string;
    /**
     * The htmlFor attribute for the label. If not provided, falls back to id or generates a unique value.
     */
    htmlFor?: string;
}
interface FormFieldSelectAdapterProps<TOption extends BaseOptionType = BaseOptionType, TIsAsync extends boolean = false> extends SelectFieldProps<TOption, TIsAsync> {
    children: (props: SelectProps<TOption, TIsAsync, false, GroupBase<TOption>>) => ReactNode;
}
/**
 *
 */
export declare const FormFieldSelectAdapter: {
    <TOption extends BaseOptionType = BaseOptionType, TIsAsync extends boolean = false>({ className, "data-testid": dataTestId, helpText, helpAddon, tip, label, isInvalid, errorMessage, name, onBlur, options, value, defaultValue, id, htmlFor: htmlForProp, onChange, children, style, ref, required, ...rest }: FormFieldSelectAdapterProps<TOption, TIsAsync>): ReactElement;
    displayName: string;
};
export {};