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 DataTestId, type MaskingProps, type StylingProps, type AriaLabelingProps, type DOMProps } from '@dynatrace/strato-components/core';
import { SelectV2Content } from './SelectContent.js';
import { SelectV2CustomTrigger } from './SelectCustomTrigger.js';
import { SelectV2DisplayValue } from './SelectDisplayValue.js';
import { SelectV2EmptyState, type SelectV2EmptyStateProps } from './SelectEmptyState.js';
import { SelectV2Filter, type SelectV2FilterProps } from './SelectFilter.js';
import { SelectV2Group, SelectV2GroupLabel } from './SelectGroup.js';
import { SelectV2Option } from './SelectOption.js';
import { SelectV2Prefix, type SelectV2PrefixProps } from './SelectPrefix.js';
import { SelectV2Suffix } from './SelectSuffix.js';
import { SelectV2Trigger } from './SelectTrigger.js';
import type { BaseOption, SelectContentWidthOptionsType, SelectTriggerWidthOptionsType, SelectV2MultiValue, SelectV2SingleValue } from './types.js';
import type { FormControlProps } from '../../core/types/form-control-props.js';
import type { FormControlState, FormControlStateProps } from '../../core/types/form-control-state.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<SelectV2PrefixProps>;
        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<SelectV2FilterProps>;
        /** Custom empty state provided by dev */
        emptyState?: ReactElement<SelectV2EmptyStateProps>;
        /** 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;
        /** All aria-labeling props. */
        ariaLabelingProps?: AriaLabelingProps;
        /** className and style prop for each of the components. */
        componentProps: {
            trigger?: StylingProps & DataTestId & {
                readOnly: boolean;
                ariaDisabled?: boolean;
            };
            content?: StylingProps & DataTestId;
            filter?: StylingProps & DataTestId;
            emptyState?: StylingProps & DataTestId;
        };
    }
}
declare module 'react' {
    function forwardRef<T, P = unknown>(render: (props: P, ref: React.Ref<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
}
/**
 * Common select base props.
 * @public
 */
export type SelectV2BaseProps<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 SelectV2OnChangeValue<OptionValue, Multiple extends boolean> = Multiple extends true ? SelectV2MultiValue<OptionValue> : SelectV2SingleValue<OptionValue>;
/**
 * Accepted properties for Select
 * @public
 */
export type SelectV2Props<OptionValue, Multiple extends boolean> = SelectV2BaseProps<OptionValue, Multiple> & FormControlProps<Multiple extends true ? SelectV2MultiValue<OptionValue> : SelectV2SingleValue<OptionValue>, (value: SelectV2OnChangeValue<OptionValue, Multiple>) => void> & FormControlStateProps & DOMProps & StylingProps & DataTestId;
/**
 * @internal
 */
export interface MenuListFunctionRefObject {
    /** Function to scroll to the last option. */
    scrollToBottom: () => void;
}
/**
 * The `SelectV2` component allows you to choose one or multiple
 * options from a collapsed dropdown with options.
 * @public
 */
export declare const SelectV2: (<OptionValue, Multiple extends boolean = false>(props: SelectV2Props<OptionValue, Multiple> & import("react").RefAttributes<FormControlWithOverlayRef<HTMLDivElement>>) => React.ReactElement | null) & {
    Content: typeof SelectV2Content;
    Option: typeof SelectV2Option;
    Group: typeof SelectV2Group;
    GroupLabel: typeof SelectV2GroupLabel;
    Trigger: typeof SelectV2Trigger;
    DisplayValue: typeof SelectV2DisplayValue;
    Prefix: typeof SelectV2Prefix;
    Suffix: typeof SelectV2Suffix;
    CustomTrigger: typeof SelectV2CustomTrigger;
    Filter: typeof SelectV2Filter;
    EmptyState: typeof SelectV2EmptyState;
};