import { type FocusEvent, type MutableRefObject, type PropsWithChildren, type Ref, type RefObject, type ReactNode, type ReactElement, type SetStateAction, type Dispatch } from 'react';
import { type GroupBase } from 'react-select';
import type { MenuListFunctionRefObject } from './components/MenuList.js';
import { SelectContent } from './SelectContent.js';
import { SelectCustomTrigger } from './SelectCustomTrigger.js';
import { SelectDisplayValue } from './SelectDisplayValue.js';
import { SelectEmptyState, type SelectEmptyStateProps } from './SelectEmptyState.js';
import { SelectFilter, type SelectFilterProps } from './SelectFilter.js';
import { SelectGroup, SelectGroupLabel } from './SelectGroup.js';
import { SelectOption } from './SelectOption.js';
import { SelectPrefix, type SelectPrefixProps } from './SelectPrefix.js';
import { SelectSuffix } from './SelectSuffix.js';
import { SelectTrigger } from './SelectTrigger.js';
import type { BaseOption, SelectContentWidthOptionsType, SelectTriggerWidthOptionsType, SelectMultiValue, SelectSingleValue } from './types.js';
import type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';
import { DataTestId } from '../../core/types/data-props.js';
import { DOMProps } from '../../core/types/dom.js';
import type { FormControlProps } from '../../core/types/form-control-props.js';
import type { FormControlState, FormControlStateProps } from '../../core/types/form-control-state.js';
import { MaskingProps } from '../../core/types/masking-props.js';
import { StylingProps } from '../../core/types/styling-props.js';
import type { FormControlRef, FormControlWithOverlayRef } from '../shared-types.js';
declare module 'react-select/dist/declarations/src/Select' {
    interface Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
        /** Custom placeholder text */
        placeholderText?: ReactNode;
        /** The trigger width set by the dev. */
        triggerWidth?: SelectTriggerWidthOptionsType;
        /** Custom select trigger */
        customTrigger?: ReactElement<{
            [key: string]: any;
        } | null | undefined>;
        /** Custom display value. */
        displayValue?: ReactNode[];
        /** Prefix for the select trigger */
        prefix?: ReactElement<SelectPrefixProps>;
        triggerRef: HTMLElement | null;
        setTriggerRef: Dispatch<SetStateAction<HTMLDivElement | null>>;
        /** Defines if the space for the prefix icons should be reserved in all options rendered */
        optionsHavePrefix: boolean;
        /** Select.Filter component specified by dev */
        customFilter?: ReactElement<SelectFilterProps>;
        /** Custom empty state provided by dev */
        emptyState?: ReactElement<SelectEmptyStateProps>;
        /** Form control state for errors and hints */
        controlState?: FormControlState;
        loading?: boolean;
        clearable?: boolean;
        isRequired?: boolean;
        /** array of all select options (including those in groups) */
        allOptions?: BaseOption<Option>[];
        hiddenSelectRef: Ref<HTMLSelectElement>;
        hiddenSelectName?: string;
        /** whether the focus styles on the options should be visible */
        focusOnOption: boolean;
        /** Ref that needs to be applied to the filter input to manage the focus and keyboard navigation */
        filterRef?: MutableRefObject<FormControlRef<HTMLDivElement> | null>;
        /** Ref that needs to be applied to the clear selection element to manage the focus and keyboard navigation */
        clearSelectionRef?: RefObject<HTMLElement | null>;
        /** Ref that needs to be applied to the select content (menulist) element to manage the focus and keyboard navigation */
        contentRef?: RefObject<HTMLDivElement | null>;
        menuListFunctionRef?: RefObject<MenuListFunctionRefObject | null>;
        /** The content width set by the dev. */
        contentWidth?: SelectContentWidthOptionsType;
        /** Whether the selected options are reordered to the top of the options. */
        showSelectedOptionsFirst?: boolean;
        /** The id used for the hidden input. */
        selectInputId?: string;
        /** Labels the current element. */
        'aria-label'?: string;
        /** Identifies the element (or elements) that label(s) the current element. */
        'aria-labelledby'?: string;
        /** Identifies the element (or elements) that describe(s) the object. */
        'aria-describedby'?: string;
        /** Identifies the element (or elements) that provide(s) a detailed, extended description for the object. */
        'aria-details'?: string;
        /** className and style prop for each of the components. */
        componentProps: {
            trigger?: StylingProps & DataTestId & BehaviorTrackingProps & {
                readOnly: boolean;
                ariaDisabled?: boolean;
            };
            content?: StylingProps & DataTestId & BehaviorTrackingProps;
            filter?: StylingProps & DataTestId & BehaviorTrackingProps;
            emptyState?: StylingProps & DataTestId & BehaviorTrackingProps;
        };
    }
}
declare module 'react' {
    function forwardRef<T, P = unknown>(render: (props: P, ref: import('react').Ref<T>) => import('react').ReactElement | null): (props: P & import('react').RefAttributes<T>) => import('react').ReactElement | null;
}
/**
 * Common select base props.
 * @public
 */
export type SelectBaseProps<T, Multiple extends boolean> = PropsWithChildren<{
    /**
     * Used to compare options with objects for values either by a specified property of the object or through a comparator function.
     */
    compareBy?: keyof T | ((valueA: T, valueB: T) => boolean);
    /** Name used for the component when submitting it in a form */
    name?: string;
    /** Form name used to connect the component to a form */
    form?: string;
    /**
     * Boolean to determine whether the component is required
     *
     * @defaultValue false
     */
    required?: boolean;
    /**
     * Whether the component is disabled
     *
     * @defaultValue false
     */
    disabled?: boolean;
    /**
     * Event handler called when the open state for the select changes
     */
    onOpenChange?: (isOpen: boolean) => void;
    /**
     * Whether or not the select allows multiple selection or not
     * @defaultValue false
     */
    multiple?: Multiple;
    /**
     * Whether or not the select is clearable.
     * @defaultValue false for single select, true for multi select
     */
    clearable?: boolean;
    /** Callback that is called when the select trigger loses focus. */
    onBlur?: (e: FocusEvent<HTMLInputElement, Element>) => void;
    /** Callback that is called when the select trigger gets focus. */
    onFocus?: (e: FocusEvent<HTMLInputElement, Element>) => void;
}> & MaskingProps;
/**
 * @public
 */
export type SelectOnChangeValue<OptionValue, Multiple extends boolean> = Multiple extends true ? SelectMultiValue<OptionValue> : SelectSingleValue<OptionValue>;
/**
 * Accepted properties for Select
 * @public
 */
export type SelectFormsProps<OptionValue, Multiple extends boolean> = SelectBaseProps<OptionValue, Multiple> & FormControlProps<Multiple extends true ? SelectMultiValue<OptionValue> : SelectSingleValue<OptionValue>, (value: SelectOnChangeValue<OptionValue, Multiple>) => void> & FormControlStateProps & DOMProps & StylingProps & DataTestId & BehaviorTrackingProps;
/**
 * The `Select` component allows you to choose one or multiple
 * options from a collapsed dropdown with options.
 * @public
 */
export declare const Select: (<OptionValue, Multiple extends boolean = false>(props: SelectFormsProps<OptionValue, Multiple> & import("react").RefAttributes<FormControlWithOverlayRef<HTMLDivElement>>) => import("react").ReactElement | null) & {
    Content: typeof SelectContent;
    Option: typeof SelectOption;
    Group: typeof SelectGroup;
    GroupLabel: typeof SelectGroupLabel;
    Trigger: typeof SelectTrigger;
    DisplayValue: typeof SelectDisplayValue;
    Prefix: typeof SelectPrefix;
    Suffix: typeof SelectSuffix;
    CustomTrigger: typeof SelectCustomTrigger;
    Filter: typeof SelectFilter;
    EmptyState: typeof SelectEmptyState;
};