@atlaskit/select 15.7.7 → 16.0.0

package/report.api.md

@@ -1,53 +1,64 @@
+<!-- API Report Version: 2.2 -->
+
 ## API Report File for "@atlaskit/select"
 
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+
+### Table of contents
 
-<!--
-	Generated API Report version: 2.0
--->
+- [Main Entry Types](#main-entry-types)
 
-[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+### Main Entry Types
+
+<!--SECTION START: Main Entry Types-->
 
 ```ts
 /// <reference types="react" />
 
 import { ActionMeta as ActionMeta_2 } from 'react-select';
+import { AsyncProps } from 'react-select/async';
+import BaseSelect from 'react-select/base';
+import { ClearIndicatorProps } from 'react-select';
 import { components } from 'react-select';
 import { Context } from 'react';
 import { ControlProps as ControlProps_2 } from 'react-select';
+import { CreatableProps } from 'react-select/creatable';
 import { createFilter } from 'react-select';
-import { default as default_2 } from 'react-select/src/Select';
-import { default as default_3 } from 'react-select';
+import { default as default_2 } from 'react-select/base';
+import { DropdownIndicatorProps } from 'react-select';
 import { ErrorInfo } from 'react';
 import { FC } from 'react';
-import { FormatOptionLabelMeta as FormatOptionLabelMeta_2 } from 'react-select';
-import { GroupedOptionsType } from 'react-select';
-import { GroupTypeBase as GroupType } from 'react-select';
-import { IndicatorComponentType as IndicatorComponentType_2 } from 'react-select';
-import { IndicatorProps as IndicatorProps_2 } from 'react-select';
-import { InputActionMeta as InputActionMeta_2 } from 'react-select';
+import { FormatOptionLabelMeta } from 'react-select';
+import { GroupProps as GroupProps_2 } from 'react-select';
+import { GroupBase as GroupType } from 'react-select';
+import { IndicatorSeparatorProps } from 'react-select';
+import { InputActionMeta } from 'react-select';
 import { InputProps } from 'react-select';
 import { jsx } from '@emotion/react';
-import { makeAsyncSelect } from 'react-select/async';
-import { makeCreatableSelect } from 'react-select/creatable';
-import { MenuListComponentProps as MenuListComponentProps_2 } from 'react-select';
+import { LoadingIndicatorProps } from 'react-select';
+import { MenuListProps } from 'react-select';
 import { MenuProps as MenuProps_2 } from 'react-select';
 import { mergeStyles } from 'react-select';
+import { MultiValueProps } from 'react-select';
+import { NoticeProps } from 'react-select';
+import { OnChangeValue } from 'react-select';
 import { OptionProps as OptionProps_2 } from 'react-select';
-import { OptionsType as OptionsType_2 } from 'react-select';
+import { Options } from 'react-select';
 import { PopperProps } from 'react-popper';
-import { Props } from 'react-select';
 import { PureComponent } from 'react';
 import { default as React_2 } from 'react';
 import { ReactInstance } from 'react';
 import { ReactNode } from 'react';
-import Select from 'react-select';
-import { SelectComponents } from 'react-select/src/components';
+import { Props as ReactSelectProps } from 'react-select';
+import { SelectComponents } from 'react-select/dist/declarations/src/components';
 import { SelectComponentsConfig as SelectComponentsConfig_2 } from 'react-select';
+import { SingleValueProps } from 'react-select';
 import { StylesConfig as StylesConfig_2 } from 'react-select';
 import { UnbindFn } from 'bind-event-listener';
+import { useAsync } from 'react-select/async';
+import { useCreatable } from 'react-select/creatable';
 import { ValueContainerProps as ValueContainerProps_2 } from 'react-select';
-import { ValueType as ValueType_2 } from 'react-select';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 
 // @public (undocumented)
@@ -59,12 +70,7 @@ export const AsyncCreatableSelect: {
     props: SelectProps<Option, IsMulti>,
   ): {
     components: Partial<SelectComponents<Option, IsMulti, GroupType<Option>>>;
-    select: default_3<
-      Option,
-      false,
-      GroupType<Option>,
-      default_2<Option, false, GroupType<Option>>
-    > | null;
+    select: default_2<unknown, false, GroupType<unknown>> | null;
     UNSAFE_componentWillReceiveProps(
       nextProps: SelectProps<Option, IsMulti>,
     ): void;
@@ -73,29 +79,30 @@ export const AsyncCreatableSelect: {
     ) => void;
     focus(): void;
     blur(): void;
-    onSelectRef: (
-      ref: default_3<
-        Option,
-        false,
-        GroupType<Option>,
-        default_2<Option, false, GroupType<Option>>
-      >,
-    ) => void;
+    onSelectRef: (ref: default_2<unknown, false, GroupType<unknown>>) => void;
     render(): JSX.Element;
     context: any;
     setState<K extends never>(
       state:
-        | {}
         | ((
             prevState: Readonly<{}>,
-            props: Readonly<SelectProps<Option, IsMulti>>,
-          ) => {} | Pick<{}, K> | null)
+            props: Readonly<
+              | AsyncSelectProps<Option, IsMulti>
+              | CreatableSelectProps<Option, IsMulti>
+              | SelectProps<Option, IsMulti>
+            >,
+          ) => Pick<{}, K> | null | {})
         | Pick<{}, K>
-        | null,
+        | null
+        | {},
       callback?: (() => void) | undefined,
     ): void;
     forceUpdate(callBack?: (() => void) | undefined): void;
-    readonly props: Readonly<SelectProps<Option, IsMulti>> &
+    readonly props: Readonly<
+      | AsyncSelectProps<Option, IsMulti>
+      | CreatableSelectProps<Option, IsMulti>
+      | SelectProps<Option, IsMulti>
+    > &
       Readonly<{
         children?: ReactNode;
       }>;
@@ -105,41 +112,64 @@ export const AsyncCreatableSelect: {
     };
     componentDidMount?(): void;
     shouldComponentUpdate?(
-      nextProps: Readonly<SelectProps<Option, IsMulti>>,
+      nextProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       nextState: Readonly<{}>,
       nextContext: any,
     ): boolean;
     componentWillUnmount?(): void;
     componentDidCatch?(error: Error, errorInfo: ErrorInfo): void;
     getSnapshotBeforeUpdate?(
-      prevProps: Readonly<SelectProps<Option, IsMulti>>,
+      prevProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       prevState: Readonly<{}>,
     ): any;
     componentDidUpdate?(
-      prevProps: Readonly<SelectProps<Option, IsMulti>>,
+      prevProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       prevState: Readonly<{}>,
       snapshot?: any,
     ): void;
     componentWillMount?(): void;
     UNSAFE_componentWillMount?(): void;
     componentWillReceiveProps?(
-      nextProps: Readonly<SelectProps<Option, IsMulti>>,
+      nextProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       nextContext: any,
     ): void;
     componentWillUpdate?(
-      nextProps: Readonly<SelectProps<Option, IsMulti>>,
+      nextProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       nextState: Readonly<{}>,
       nextContext: any,
     ): void;
     UNSAFE_componentWillUpdate?(
-      nextProps: Readonly<SelectProps<Option, IsMulti>>,
+      nextProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       nextState: Readonly<{}>,
       nextContext: any,
     ): void;
   };
   defaultProps: {
     validationState: string;
-    isInvalid: boolean;
     spacing: string;
     onClickPreventDefault: boolean;
     tabSelectsValue: boolean;
@@ -155,12 +185,7 @@ export const AsyncSelect: {
     props: SelectProps<Option, IsMulti>,
   ): {
     components: Partial<SelectComponents<Option, IsMulti, GroupType<Option>>>;
-    select: default_3<
-      Option,
-      false,
-      GroupType<Option>,
-      default_2<Option, false, GroupType<Option>>
-    > | null;
+    select: default_2<unknown, false, GroupType<unknown>> | null;
     UNSAFE_componentWillReceiveProps(
       nextProps: SelectProps<Option, IsMulti>,
     ): void;
@@ -169,29 +194,30 @@ export const AsyncSelect: {
     ) => void;
     focus(): void;
     blur(): void;
-    onSelectRef: (
-      ref: default_3<
-        Option,
-        false,
-        GroupType<Option>,
-        default_2<Option, false, GroupType<Option>>
-      >,
-    ) => void;
+    onSelectRef: (ref: default_2<unknown, false, GroupType<unknown>>) => void;
     render(): JSX.Element;
     context: any;
     setState<K extends never>(
       state:
-        | {}
         | ((
             prevState: Readonly<{}>,
-            props: Readonly<SelectProps<Option, IsMulti>>,
-          ) => {} | Pick<{}, K> | null)
+            props: Readonly<
+              | AsyncSelectProps<Option, IsMulti>
+              | CreatableSelectProps<Option, IsMulti>
+              | SelectProps<Option, IsMulti>
+            >,
+          ) => Pick<{}, K> | null | {})
         | Pick<{}, K>
-        | null,
+        | null
+        | {},
       callback?: (() => void) | undefined,
     ): void;
     forceUpdate(callBack?: (() => void) | undefined): void;
-    readonly props: Readonly<SelectProps<Option, IsMulti>> &
+    readonly props: Readonly<
+      | AsyncSelectProps<Option, IsMulti>
+      | CreatableSelectProps<Option, IsMulti>
+      | SelectProps<Option, IsMulti>
+    > &
       Readonly<{
         children?: ReactNode;
       }>;
@@ -201,41 +227,64 @@ export const AsyncSelect: {
     };
     componentDidMount?(): void;
     shouldComponentUpdate?(
-      nextProps: Readonly<SelectProps<Option, IsMulti>>,
+      nextProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       nextState: Readonly<{}>,
       nextContext: any,
     ): boolean;
     componentWillUnmount?(): void;
     componentDidCatch?(error: Error, errorInfo: ErrorInfo): void;
     getSnapshotBeforeUpdate?(
-      prevProps: Readonly<SelectProps<Option, IsMulti>>,
+      prevProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       prevState: Readonly<{}>,
     ): any;
     componentDidUpdate?(
-      prevProps: Readonly<SelectProps<Option, IsMulti>>,
+      prevProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       prevState: Readonly<{}>,
       snapshot?: any,
     ): void;
     componentWillMount?(): void;
     UNSAFE_componentWillMount?(): void;
     componentWillReceiveProps?(
-      nextProps: Readonly<SelectProps<Option, IsMulti>>,
+      nextProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       nextContext: any,
     ): void;
     componentWillUpdate?(
-      nextProps: Readonly<SelectProps<Option, IsMulti>>,
+      nextProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       nextState: Readonly<{}>,
       nextContext: any,
     ): void;
     UNSAFE_componentWillUpdate?(
-      nextProps: Readonly<SelectProps<Option, IsMulti>>,
+      nextProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       nextState: Readonly<{}>,
       nextContext: any,
     ): void;
   };
   defaultProps: {
     validationState: string;
-    isInvalid: boolean;
     spacing: string;
     onClickPreventDefault: boolean;
     tabSelectsValue: boolean;
@@ -245,6 +294,11 @@ export const AsyncSelect: {
   contextType?: Context<any> | undefined;
 };
 
+// @public (undocumented)
+export interface AsyncSelectProps<Option, IsMulti extends boolean = false>
+  extends AsyncProps<Option, IsMulti, GroupType<Option>>,
+    CustomSelectProps {}
+
 // @public (undocumented)
 export const CheckboxOption: FC<OptionProps<OptionType, true>>;
 
@@ -254,13 +308,15 @@ export const CheckboxSelect: ({
   ...props
 }: SelectProps<OptionType, true>) => JSX.Element;
 
+export { ClearIndicatorProps };
+
 export { components };
 
 // @public (undocumented)
 export type ControlProps<
-  OptionType,
+  Option,
   IsMulti extends boolean = false,
-> = ControlProps_2<OptionType, IsMulti>;
+> = ControlProps_2<Option, IsMulti>;
 
 // @public (undocumented)
 type Country = typeof groupedCountries[number]['options'][number];
@@ -288,12 +344,7 @@ export const CreatableSelect: {
     props: SelectProps<Option, IsMulti>,
   ): {
     components: Partial<SelectComponents<Option, IsMulti, GroupType<Option>>>;
-    select: default_3<
-      Option,
-      false,
-      GroupType<Option>,
-      default_2<Option, false, GroupType<Option>>
-    > | null;
+    select: default_2<unknown, false, GroupType<unknown>> | null;
     UNSAFE_componentWillReceiveProps(
       nextProps: SelectProps<Option, IsMulti>,
     ): void;
@@ -302,29 +353,30 @@ export const CreatableSelect: {
     ) => void;
     focus(): void;
     blur(): void;
-    onSelectRef: (
-      ref: default_3<
-        Option,
-        false,
-        GroupType<Option>,
-        default_2<Option, false, GroupType<Option>>
-      >,
-    ) => void;
+    onSelectRef: (ref: default_2<unknown, false, GroupType<unknown>>) => void;
     render(): JSX.Element;
     context: any;
     setState<K extends never>(
       state:
-        | {}
         | ((
             prevState: Readonly<{}>,
-            props: Readonly<SelectProps<Option, IsMulti>>,
-          ) => {} | Pick<{}, K> | null)
+            props: Readonly<
+              | AsyncSelectProps<Option, IsMulti>
+              | CreatableSelectProps<Option, IsMulti>
+              | SelectProps<Option, IsMulti>
+            >,
+          ) => Pick<{}, K> | null | {})
         | Pick<{}, K>
-        | null,
+        | null
+        | {},
       callback?: (() => void) | undefined,
     ): void;
     forceUpdate(callBack?: (() => void) | undefined): void;
-    readonly props: Readonly<SelectProps<Option, IsMulti>> &
+    readonly props: Readonly<
+      | AsyncSelectProps<Option, IsMulti>
+      | CreatableSelectProps<Option, IsMulti>
+      | SelectProps<Option, IsMulti>
+    > &
       Readonly<{
         children?: ReactNode;
       }>;
@@ -334,41 +386,64 @@ export const CreatableSelect: {
     };
     componentDidMount?(): void;
     shouldComponentUpdate?(
-      nextProps: Readonly<SelectProps<Option, IsMulti>>,
+      nextProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       nextState: Readonly<{}>,
       nextContext: any,
     ): boolean;
     componentWillUnmount?(): void;
     componentDidCatch?(error: Error, errorInfo: ErrorInfo): void;
     getSnapshotBeforeUpdate?(
-      prevProps: Readonly<SelectProps<Option, IsMulti>>,
+      prevProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       prevState: Readonly<{}>,
     ): any;
     componentDidUpdate?(
-      prevProps: Readonly<SelectProps<Option, IsMulti>>,
+      prevProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       prevState: Readonly<{}>,
       snapshot?: any,
     ): void;
     componentWillMount?(): void;
     UNSAFE_componentWillMount?(): void;
     componentWillReceiveProps?(
-      nextProps: Readonly<SelectProps<Option, IsMulti>>,
+      nextProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       nextContext: any,
     ): void;
     componentWillUpdate?(
-      nextProps: Readonly<SelectProps<Option, IsMulti>>,
+      nextProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       nextState: Readonly<{}>,
       nextContext: any,
     ): void;
     UNSAFE_componentWillUpdate?(
-      nextProps: Readonly<SelectProps<Option, IsMulti>>,
+      nextProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       nextState: Readonly<{}>,
       nextContext: any,
     ): void;
   };
   defaultProps: {
     validationState: string;
-    isInvalid: boolean;
     spacing: string;
     onClickPreventDefault: boolean;
     tabSelectsValue: boolean;
@@ -378,20 +453,30 @@ export const CreatableSelect: {
   contextType?: Context<any> | undefined;
 };
 
+// @public (undocumented)
+interface CreatableSelectProps<Option, IsMulti extends boolean = false>
+  extends CreatableProps<Option, IsMulti, GroupType<Option>>,
+    CustomSelectProps {}
+
 export { createFilter };
 
+// @public (undocumented)
+interface CustomSelectProps extends WithAnalyticsEventsProps {
+  appearance?: 'default' | 'none' | 'subtle';
+  isInvalid?: boolean;
+  spacing?: 'compact' | 'default';
+  testId?: string;
+  // @deprecated (undocumented)
+  validationState?: ValidationState;
+}
+
 // @public (undocumented)
 const _default: {
   new <Option = OptionType, IsMulti extends boolean = false>(
     props: SelectProps<Option, IsMulti>,
   ): {
     components: Partial<SelectComponents<Option, IsMulti, GroupType<Option>>>;
-    select: Select<
-      Option,
-      false,
-      GroupType<Option>,
-      default_2<Option, false, GroupType<Option>>
-    > | null;
+    select: default_2<unknown, false, GroupType<unknown>> | null;
     UNSAFE_componentWillReceiveProps(
       nextProps: SelectProps<Option, IsMulti>,
     ): void;
@@ -400,29 +485,30 @@ const _default: {
     ) => void;
     focus(): void;
     blur(): void;
-    onSelectRef: (
-      ref: Select<
-        Option,
-        false,
-        GroupType<Option>,
-        default_2<Option, false, GroupType<Option>>
-      >,
-    ) => void;
+    onSelectRef: (ref: default_2<unknown, false, GroupType<unknown>>) => void;
     render(): JSX.Element;
     context: any;
     setState<K extends never>(
       state:
-        | {}
         | ((
             prevState: Readonly<{}>,
-            props: Readonly<SelectProps<Option, IsMulti>>,
-          ) => {} | Pick<{}, K> | null)
+            props: Readonly<
+              | AsyncSelectProps<Option, IsMulti>
+              | CreatableSelectProps<Option, IsMulti>
+              | SelectProps<Option, IsMulti>
+            >,
+          ) => Pick<{}, K> | null | {})
         | Pick<{}, K>
-        | null,
+        | null
+        | {},
       callback?: (() => void) | undefined,
     ): void;
     forceUpdate(callBack?: (() => void) | undefined): void;
-    readonly props: Readonly<SelectProps<Option, IsMulti>> &
+    readonly props: Readonly<
+      | AsyncSelectProps<Option, IsMulti>
+      | CreatableSelectProps<Option, IsMulti>
+      | SelectProps<Option, IsMulti>
+    > &
       Readonly<{
         children?: ReactNode;
       }>;
@@ -432,41 +518,64 @@ const _default: {
     };
     componentDidMount?(): void;
     shouldComponentUpdate?(
-      nextProps: Readonly<SelectProps<Option, IsMulti>>,
+      nextProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       nextState: Readonly<{}>,
       nextContext: any,
     ): boolean;
     componentWillUnmount?(): void;
     componentDidCatch?(error: Error, errorInfo: ErrorInfo): void;
     getSnapshotBeforeUpdate?(
-      prevProps: Readonly<SelectProps<Option, IsMulti>>,
+      prevProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       prevState: Readonly<{}>,
     ): any;
     componentDidUpdate?(
-      prevProps: Readonly<SelectProps<Option, IsMulti>>,
+      prevProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       prevState: Readonly<{}>,
       snapshot?: any,
     ): void;
     componentWillMount?(): void;
     UNSAFE_componentWillMount?(): void;
     componentWillReceiveProps?(
-      nextProps: Readonly<SelectProps<Option, IsMulti>>,
+      nextProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       nextContext: any,
     ): void;
     componentWillUpdate?(
-      nextProps: Readonly<SelectProps<Option, IsMulti>>,
+      nextProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       nextState: Readonly<{}>,
       nextContext: any,
     ): void;
     UNSAFE_componentWillUpdate?(
-      nextProps: Readonly<SelectProps<Option, IsMulti>>,
+      nextProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       nextState: Readonly<{}>,
       nextContext: any,
     ): void;
   };
   defaultProps: {
     validationState: string;
-    isInvalid: boolean;
     spacing: string;
     onClickPreventDefault: boolean;
     tabSelectsValue: boolean;
@@ -480,11 +589,9 @@ export default _default;
 // @public (undocumented)
 type defaultModifiers = 'offset' | 'preventOverflow';
 
-// @public (undocumented)
-export type FormatOptionLabelMeta<
-  OptionType,
-  IsMulti extends boolean = false,
-> = FormatOptionLabelMeta_2<OptionType, IsMulti>;
+export { DropdownIndicatorProps };
+
+export { FormatOptionLabelMeta };
 
 // @public (undocumented)
 const groupedCountries: readonly [
@@ -498,56 +605,55 @@ const groupedCountries: readonly [
   },
 ];
 
-export { GroupedOptionsType };
-
-export { GroupType };
-
 // @public (undocumented)
-export type IndicatorComponentType<
-  OptionType,
-  IsMulti extends boolean = false,
-> = IndicatorComponentType_2<OptionType, IsMulti>;
+export type GroupedOptionsType<Option> = ReadonlyArray<GroupType<Option>>;
 
 // @public (undocumented)
-export type IndicatorProps<
-  OptionType,
-  IsMulti extends boolean = false,
-> = IndicatorProps_2<OptionType, IsMulti>;
+export type GroupProps<Option, IsMulti extends boolean = false> = GroupProps_2<
+  Option,
+  IsMulti
+>;
 
-// @public (undocumented)
-export type InputActionMeta = InputActionMeta_2;
+export { GroupType };
 
-export { InputProps };
+export { IndicatorSeparatorProps };
+
+export { InputActionMeta };
 
-export { makeAsyncSelect };
+export { InputProps };
 
-export { makeCreatableSelect };
+export { LoadingIndicatorProps };
 
 // @public (undocumented)
 export type MenuListComponentProps<
-  OptionType,
+  Option,
   IsMulti extends boolean = false,
-> = MenuListComponentProps_2<OptionType, IsMulti>;
+> = MenuListProps<Option, IsMulti>;
 
 // @public (undocumented)
-export type MenuProps<
-  OptionType,
-  IsMulti extends boolean = false,
-> = MenuProps_2<OptionType, IsMulti>;
+export type MenuProps<Option, IsMulti extends boolean = false> = MenuProps_2<
+  Option,
+  IsMulti
+>;
 
 export { mergeStyles };
 
 // @public (undocumented)
-type ModifierList =
-  | 'offset'
+export type ModifierList =
+  | 'applyStyles'
+  | 'arrow'
   | 'computeStyles'
-  | 'preventOverflow'
-  | 'handleFlipStyle'
+  | 'eventListeners'
   | 'flip'
-  | 'popperOffsets'
-  | 'arrow'
+  | 'handleFlipStyle'
   | 'hide'
-  | string;
+  | 'offset'
+  | 'popperOffsets'
+  | 'preventOverflow';
+
+export { MultiValueProps };
+
+export { NoticeProps };
 
 // @public (undocumented)
 export interface OptionProps<
@@ -559,7 +665,7 @@ export interface OptionProps<
   // (undocumented)
   Icon?: React.ComponentType<{
     label: string;
-    size?: 'small' | 'medium' | 'large' | 'xlarge';
+    size?: 'large' | 'medium' | 'small' | 'xlarge';
     onClick?: (e: MouseEvent) => void;
     primaryColor?: string;
     secondaryColor?: string;
@@ -573,7 +679,7 @@ export interface OptionProps<
 }
 
 // @public (undocumented)
-export type OptionsType<Option = OptionType> = OptionsType_2<Option>;
+export type OptionsType<Option = OptionType> = Options<Option>;
 
 // @public (undocumented)
 export interface OptionType {
@@ -582,7 +688,7 @@ export interface OptionType {
   // (undocumented)
   label: string;
   // (undocumented)
-  value: string | number;
+  value: number | string;
 }
 
 // @public (undocumented)
@@ -595,18 +701,21 @@ type PopperPropsNoChildren<Modifiers> = Omit<
 export class PopupSelect<
   Option = OptionType,
   IsMulti extends boolean = false,
-> extends PureComponent<PopupSelectProps<Option, IsMulti>, State> {
+  Modifiers = ModifierList,
+> extends PureComponent<PopupSelectProps<Option, IsMulti, Modifiers>, State> {
   close: (
     options?:
+      | undefined
       | {
           controlOverride?: boolean | undefined;
-        }
-      | undefined,
+        },
   ) => void;
   // (undocumented)
   componentDidMount(): void;
   // (undocumented)
-  componentDidUpdate(prevProps: PopupSelectProps<Option, IsMulti>): void;
+  componentDidUpdate(
+    prevProps: PopupSelectProps<Option, IsMulti, Modifiers>,
+  ): void;
   // (undocumented)
   componentWillUnmount(): void;
   // (undocumented)
@@ -636,10 +745,12 @@ export class PopupSelect<
   // (undocumented)
   getMaxHeight: () => number | undefined;
   // (undocumented)
-  getSelectRef: (ref: Select<Option, IsMulti>) => void;
+  getSelectRef: (ref: BaseSelect<Option, IsMulti>) => void;
   // (undocumented)
   handleClick: ({ target }: MouseEvent) => void;
   // (undocumented)
+  handleFirstPopperUpdate: () => void;
+  // (undocumented)
   handleKeyDown: (event: KeyboardEvent) => void;
   // (undocumented)
   handleSelectChange: (
@@ -652,10 +763,10 @@ export class PopupSelect<
   menuRef: HTMLElement | null;
   open: (
     options?:
+      | undefined
       | {
           controlOverride?: boolean | undefined;
-        }
-      | undefined,
+        },
   ) => void;
   // (undocumented)
   popperWrapperId: string;
@@ -672,11 +783,12 @@ export class PopupSelect<
     popperRef: React_2.Ref<HTMLElement>,
   ) => (ref: HTMLElement) => void;
   // (undocumented)
-  selectRef: Select<Option, IsMulti> | null;
+  selectRef: BaseSelect<Option, IsMulti> | null;
   // (undocumented)
   showSearchControl: () => boolean | undefined;
   // (undocumented)
   state: {
+    focusLockEnabled: boolean;
     isOpen: boolean;
     mergedComponents: {
       Control: React_2.FC<ControlProps<OptionType, boolean>>;
@@ -702,12 +814,11 @@ export interface PopupSelectProps<
   Option = OptionType,
   IsMulti extends boolean = false,
   Modifiers = ModifierList,
-> extends Props<Option, IsMulti> {
+> extends ReactSelectProps<Option, IsMulti> {
   closeMenuOnSelect?: boolean;
   // (undocumented)
   defaultIsOpen?: boolean;
   footer?: ReactNode;
-  // (undocumented)
   isInvalid?: boolean;
   // (undocumented)
   isOpen?: boolean;
@@ -716,7 +827,6 @@ export interface PopupSelectProps<
   minMenuWidth?: number | string;
   popperProps?: PopperPropsNoChildren<Modifiers>;
   searchThreshold?: number;
-  // (undocumented)
   spacing?: string;
   target?: (
     options: PopupSelectTriggerProps & {
@@ -724,6 +834,8 @@ export interface PopupSelectProps<
     },
   ) => ReactNode;
   // (undocumented)
+  testId?: string;
+  // @deprecated (undocumented)
   validationState?: ValidationState;
 }
 
@@ -748,25 +860,18 @@ export const RadioSelect: ({
   ...props
 }: SelectProps<OptionType>) => JSX.Element;
 
+export { ReactSelectProps };
+
 // @public (undocumented)
 export type SelectComponentsConfig<
-  OptionType,
+  Option,
   IsMulti extends boolean = false,
-> = SelectComponentsConfig_2<OptionType, IsMulti>;
+> = SelectComponentsConfig_2<Option, IsMulti, GroupType<Option>>;
 
 // @public (undocumented)
-export interface SelectProps<OptionType, IsMulti extends boolean = false>
-  extends Props<OptionType, IsMulti>,
-    WithAnalyticsEventsProps {
-  // (undocumented)
-  appearance?: 'default' | 'subtle' | 'none';
-  // (undocumented)
-  isInvalid?: boolean;
-  // (undocumented)
-  spacing?: 'compact' | 'default';
-  // (undocumented)
-  validationState?: ValidationState;
-}
+export interface SelectProps<Option, IsMulti extends boolean = false>
+  extends ReactSelectProps<Option, IsMulti>,
+    CustomSelectProps {}
 
 // @public (undocumented)
 export const SelectWithoutAnalytics: {
@@ -774,12 +879,7 @@ export const SelectWithoutAnalytics: {
     props: SelectProps<Option, IsMulti>,
   ): {
     components: Partial<SelectComponents<Option, IsMulti, GroupType<Option>>>;
-    select: Select<
-      Option,
-      false,
-      GroupType<Option>,
-      default_2<Option, false, GroupType<Option>>
-    > | null;
+    select: default_2<unknown, false, GroupType<unknown>> | null;
     UNSAFE_componentWillReceiveProps(
       nextProps: SelectProps<Option, IsMulti>,
     ): void;
@@ -788,29 +888,30 @@ export const SelectWithoutAnalytics: {
     ) => void;
     focus(): void;
     blur(): void;
-    onSelectRef: (
-      ref: Select<
-        Option,
-        false,
-        GroupType<Option>,
-        default_2<Option, false, GroupType<Option>>
-      >,
-    ) => void;
+    onSelectRef: (ref: default_2<unknown, false, GroupType<unknown>>) => void;
     render(): JSX.Element;
     context: any;
     setState<K extends never>(
       state:
-        | {}
         | ((
             prevState: Readonly<{}>,
-            props: Readonly<SelectProps<Option, IsMulti>>,
-          ) => {} | Pick<{}, K> | null)
+            props: Readonly<
+              | AsyncSelectProps<Option, IsMulti>
+              | CreatableSelectProps<Option, IsMulti>
+              | SelectProps<Option, IsMulti>
+            >,
+          ) => Pick<{}, K> | null | {})
         | Pick<{}, K>
-        | null,
+        | null
+        | {},
       callback?: (() => void) | undefined,
     ): void;
     forceUpdate(callBack?: (() => void) | undefined): void;
-    readonly props: Readonly<SelectProps<Option, IsMulti>> &
+    readonly props: Readonly<
+      | AsyncSelectProps<Option, IsMulti>
+      | CreatableSelectProps<Option, IsMulti>
+      | SelectProps<Option, IsMulti>
+    > &
       Readonly<{
         children?: ReactNode;
       }>;
@@ -820,41 +921,64 @@ export const SelectWithoutAnalytics: {
     };
     componentDidMount?(): void;
     shouldComponentUpdate?(
-      nextProps: Readonly<SelectProps<Option, IsMulti>>,
+      nextProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       nextState: Readonly<{}>,
       nextContext: any,
     ): boolean;
     componentWillUnmount?(): void;
     componentDidCatch?(error: Error, errorInfo: ErrorInfo): void;
     getSnapshotBeforeUpdate?(
-      prevProps: Readonly<SelectProps<Option, IsMulti>>,
+      prevProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       prevState: Readonly<{}>,
     ): any;
     componentDidUpdate?(
-      prevProps: Readonly<SelectProps<Option, IsMulti>>,
+      prevProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       prevState: Readonly<{}>,
       snapshot?: any,
     ): void;
     componentWillMount?(): void;
     UNSAFE_componentWillMount?(): void;
     componentWillReceiveProps?(
-      nextProps: Readonly<SelectProps<Option, IsMulti>>,
+      nextProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       nextContext: any,
     ): void;
     componentWillUpdate?(
-      nextProps: Readonly<SelectProps<Option, IsMulti>>,
+      nextProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       nextState: Readonly<{}>,
       nextContext: any,
     ): void;
     UNSAFE_componentWillUpdate?(
-      nextProps: Readonly<SelectProps<Option, IsMulti>>,
+      nextProps: Readonly<
+        | AsyncSelectProps<Option, IsMulti>
+        | CreatableSelectProps<Option, IsMulti>
+        | SelectProps<Option, IsMulti>
+      >,
       nextState: Readonly<{}>,
       nextContext: any,
     ): void;
   };
   defaultProps: {
     validationState: string;
-    isInvalid: boolean;
     spacing: string;
     onClickPreventDefault: boolean;
     tabSelectsValue: boolean;
@@ -864,14 +988,18 @@ export const SelectWithoutAnalytics: {
   contextType?: Context<any> | undefined;
 };
 
+export { SingleValueProps };
+
 // @public (undocumented)
 interface State<Modifiers = string> {
+  // (undocumented)
+  focusLockEnabled: boolean;
   // (undocumented)
   isOpen: boolean;
   // (undocumented)
   mergedComponents: Object;
   // (undocumented)
-  mergedPopperProps: PopperPropsNoChildren<defaultModifiers | Modifiers>;
+  mergedPopperProps: PopperPropsNoChildren<Modifiers | defaultModifiers>;
 }
 
 // @public (undocumented)
@@ -880,20 +1008,26 @@ export type StylesConfig<
   IsMulti extends boolean = false,
 > = StylesConfig_2<Option, IsMulti>;
 
+export { useAsync };
+
+export { useCreatable };
+
 // @public (undocumented)
-type ValidationState = 'default' | 'error' | 'success';
+export type ValidationState = 'default' | 'error' | 'success';
 
 // @public (undocumented)
 export type ValueContainerProps<
-  OptionType,
+  Option,
   IsMulti extends boolean = false,
-> = ValueContainerProps_2<OptionType, IsMulti>;
+> = ValueContainerProps_2<Option, IsMulti>;
 
 // @public (undocumented)
-export type ValueType<
-  OptionType,
-  IsMulti extends boolean = false,
-> = ValueType_2<OptionType, IsMulti>;
+export type ValueType<Option, IsMulti extends boolean = false> = OnChangeValue<
+  Option,
+  IsMulti
+>;
 
 // (No @packageDocumentation comment for this package)
 ```
+
+<!--SECTION END: Main Entry Types-->