@atlaskit/react-select 2.2.1 → 2.4.0

package/dist/types-ts4.5/components/internal/scroll-manager.d.ts

@@ -1,9 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ReactElement, type RefCallback } from 'react';
-import { jsx } from '@emotion/react';
+import React, { type ReactElement, type RefCallback } from 'react';
 interface ScrollManagerProps {
     readonly children: (ref: RefCallback<HTMLElement>) => ReactElement;
     readonly lockEnabled: boolean;
@@ -13,5 +8,5 @@ interface ScrollManagerProps {
     readonly onTopArrive?: (event: WheelEvent | TouchEvent) => void;
     readonly onTopLeave?: (event: WheelEvent | TouchEvent) => void;
 }
-export default function ScrollManager({ children, lockEnabled, captureEnabled, onBottomArrive, onBottomLeave, onTopArrive, onTopLeave, }: ScrollManagerProps): jsx.JSX.Element;
+export default function ScrollManager({ children, lockEnabled, captureEnabled, onBottomArrive, onBottomLeave, onTopArrive, onTopLeave, }: ScrollManagerProps): React.JSX.Element;
 export {};

package/dist/types-ts4.5/components/live-region.d.ts

@@ -1,10 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- * @jsxFrag React.Fragment
- */
-import { type ReactNode } from 'react';
-import { jsx } from '@emotion/react';
+import React, { type ReactNode } from 'react';
 import { type AriaSelection } from '../accessibility';
 import { type CommonProps, type GroupBase, type Options } from '../types';
 interface LiveRegionProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group> {
@@ -21,5 +15,5 @@ interface LiveRegionProps<Option, IsMulti extends boolean, Group extends GroupBa
     id: string;
     isAppleDevice: boolean;
 }
-declare const LiveRegion: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: LiveRegionProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+declare const LiveRegion: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: LiveRegionProps<Option, IsMulti, Group>) => React.JSX.Element;
 export default LiveRegion;

package/dist/types-ts4.5/components/menu.d.ts

@@ -1,9 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type LegacyRef, type ReactElement, type ReactNode, type Ref } from 'react';
-import { jsx } from '@emotion/react';
+import React, { type LegacyRef, type ReactElement, type ReactNode, type Ref } from 'react';
 import { type CoercedMenuPlacement, type CommonProps, type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase, type MenuPlacement, type MenuPosition } from '../types';
 interface MenuPlacementProps {
     /**
@@ -54,9 +49,9 @@ interface MenuPlacerProps<Option, IsMulti extends boolean, Group extends GroupBa
      */
     children: (childrenProps: ChildrenProps) => ReactElement;
 }
-export declare const menuCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ placement, }: MenuProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
-export declare const MenuPlacer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPlacerProps<Option, IsMulti, Group>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-declare const Menu: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export declare const menuCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export declare const MenuPlacer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPlacerProps<Option, IsMulti, Group>) => React.JSX.Element;
+declare const Menu: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuProps<Option, IsMulti, Group>) => React.JSX.Element;
 export default Menu;
 export interface MenuListProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     /**
@@ -80,8 +75,8 @@ export interface MenuListProps<Option = unknown, IsMulti extends boolean = boole
      */
     innerProps: JSX.IntrinsicElements['div'];
 }
-export declare const menuListCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ maxHeight, }: MenuListProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
-export declare const MenuList: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuListProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export declare const menuListCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuListProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export declare const MenuList: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuListProps<Option, IsMulti, Group>) => React.JSX.Element;
 export declare const noOptionsMessageCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({}: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
 export declare const loadingMessageCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({}: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
 export interface NoticeProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
@@ -94,8 +89,8 @@ export interface NoticeProps<Option = unknown, IsMulti extends boolean = boolean
      */
     innerProps: JSX.IntrinsicElements['div'];
 }
-export declare const NoOptionsMessage: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, ...restProps }: NoticeProps<Option, IsMulti, Group>) => jsx.JSX.Element;
-export declare const LoadingMessage: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, ...restProps }: NoticeProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export declare const NoOptionsMessage: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: NoticeProps<Option, IsMulti, Group>) => React.JSX.Element;
+export declare const LoadingMessage: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: NoticeProps<Option, IsMulti, Group>) => React.JSX.Element;
 export interface MenuPortalProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     appendTo: HTMLElement | undefined;
     children: ReactNode;
@@ -112,5 +107,5 @@ export interface PortalStyleArgs {
         width: number;
     };
 }
-export declare const menuPortalCSS: ({ rect, offset, position }: PortalStyleArgs) => CSSObjectWithLabel;
-export declare const MenuPortal: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPortalProps<Option, IsMulti, Group>) => jsx.JSX.Element | null;
+export declare const menuPortalCSS: (props: PortalStyleArgs) => CSSObjectWithLabel;
+export declare const MenuPortal: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPortalProps<Option, IsMulti, Group>) => React.JSX.Element;

package/dist/types-ts4.5/components/multi-value.d.ts

@@ -1,9 +1,6 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ComponentType, type ReactNode } from 'react';
-import { jsx } from '@emotion/react';
+import React, { type ComponentType, type CSSProperties, type ReactNode } from 'react';
+import { type XCSSProp } from '@compiled/react';
+import type { XCSSAllProperties, XCSSAllPseudos } from '@atlaskit/css';
 import { type SelectProps } from '../select';
 import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
 interface MultiValueComponents<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
@@ -22,26 +19,35 @@ export interface MultiValueProps<Option = unknown, IsMulti extends boolean = boo
     removeProps: JSX.IntrinsicElements['div'];
     index: number;
 }
-export declare const multiValueCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, }: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
-export declare const multiValueLabelCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ cropWithEllipsis, isDisabled, }: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
-export declare const multiValueRemoveCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isFocused, }: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export declare const multiValueCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export declare const multiValueLabelCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export declare const multiValueRemoveCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
 export interface MultiValueGenericProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
     children: ReactNode;
     data: any;
     innerProps: {
         className?: string;
+        style?: CSSProperties;
     };
     selectProps: SelectProps<Option, IsMulti, Group>;
+    isFocused?: boolean;
+    isDisabled?: boolean;
+    hasEllipsis?: boolean;
+    className?: string | undefined;
+    xcss?: XCSSProp<XCSSAllProperties, XCSSAllPseudos> | undefined;
 }
-export declare const MultiValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, }: MultiValueGenericProps<Option, IsMulti, Group>) => jsx.JSX.Element;
-export declare const MultiValueLabel: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, }: MultiValueGenericProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export declare const MultiValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueGenericProps<Option, IsMulti, Group>) => React.JSX.Element;
+export declare const MultiValueLabel: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueGenericProps<Option, IsMulti, Group>) => React.JSX.Element;
 export interface MultiValueRemoveProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
     children?: ReactNode;
     data: Option;
     innerProps: JSX.IntrinsicElements['div'];
     selectProps: SelectProps<Option, IsMulti, Group>;
     isDisabled: boolean;
+    isFocused?: boolean;
+    className?: string | undefined;
+    xcss?: XCSSProp<XCSSAllProperties, XCSSAllPseudos> | undefined;
 }
-export declare function MultiValueRemove<Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, innerProps, }: MultiValueRemoveProps<Option, IsMulti, Group>): jsx.JSX.Element;
-declare const MultiValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export declare function MultiValueRemove<Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueRemoveProps<Option, IsMulti, Group>): React.JSX.Element;
+declare const MultiValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => React.JSX.Element;
 export default MultiValue;

package/dist/types-ts4.5/components/option.d.ts

@@ -1,9 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ReactNode, type RefCallback } from 'react';
-import { jsx } from '@emotion/react';
+import React, { type ReactNode, type RefCallback } from 'react';
 import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
 export interface OptionProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     /**
@@ -44,6 +39,6 @@ export interface OptionProps<Option = unknown, IsMulti extends boolean = boolean
      */
     isSelected: boolean;
 }
-export declare const optionCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, isSelected, }: OptionProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
-declare const Option: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export declare const optionCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+declare const Option: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => React.JSX.Element;
 export default Option;

package/dist/types-ts4.5/components/placeholder.d.ts

@@ -1,9 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ReactNode } from 'react';
-import { jsx } from '@emotion/react';
+import React, { type ReactNode } from 'react';
 import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
 export interface PlaceholderProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     /**
@@ -17,6 +12,6 @@ export interface PlaceholderProps<Option = unknown, IsMulti extends boolean = bo
     isDisabled: boolean;
     isFocused: boolean;
 }
-export declare const placeholderCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, }: PlaceholderProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
-declare const Placeholder: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export declare const placeholderCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+declare const Placeholder: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>) => React.JSX.Element;
 export default Placeholder;

package/dist/types-ts4.5/components/single-value.d.ts

@@ -1,9 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ReactNode } from 'react';
-import { jsx } from '@emotion/react';
+import React, { type ReactNode } from 'react';
 import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
 export interface SingleValueProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     /**
@@ -23,6 +18,6 @@ export interface SingleValueProps<Option = unknown, IsMulti extends boolean = bo
      */
     isDisabled: boolean;
 }
-export declare const css: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, }: SingleValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
-declare const SingleValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: SingleValueProps<Option, IsMulti, Group>) => jsx.JSX.Element;
+export declare const css: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: SingleValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+declare const SingleValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: SingleValueProps<Option, IsMulti, Group>) => React.JSX.Element;
 export default SingleValue;

package/dist/types-ts4.5/select.d.ts

@@ -624,28 +624,28 @@ export default class Select<Option = unknown, IsMulti extends boolean = false, G
     getClassNames: <Key extends keyof StylesProps<Option, IsMulti, Group>>(key: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => string | undefined;
     getElementId: (element: 'group' | 'input' | 'listbox' | 'option' | 'placeholder' | 'live-region' | 'multi-message' | 'selected-value') => string;
     getComponents: () => {
-        ClearIndicator: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").ClearIndicatorProps<Option_1, IsMulti_1, Group_1>) => import("@emotion/react").jsx.JSX.Element;
-        Control: <Option_2, IsMulti_2 extends boolean, Group_2 extends GroupBase<Option_2>>(props: import(".").ControlProps<Option_2, IsMulti_2, Group_2>) => import("@emotion/react").jsx.JSX.Element;
-        DropdownIndicator: <Option_3, IsMulti_3 extends boolean, Group_3 extends GroupBase<Option_3>>(props: import(".").DropdownIndicatorProps<Option_3, IsMulti_3, Group_3>) => import("@emotion/react").jsx.JSX.Element;
-        Group: <Option_4, IsMulti_4 extends boolean, Group_4 extends GroupBase<Option_4>>(props: import(".").GroupProps<Option_4, IsMulti_4, Group_4>) => import("@emotion/react").jsx.JSX.Element;
-        GroupHeading: <Option_5, IsMulti_5 extends boolean, Group_5 extends GroupBase<Option_5>>(props: import(".").GroupHeadingProps<Option_5, IsMulti_5, Group_5>) => import("@emotion/react").jsx.JSX.Element;
-        IndicatorsContainer: <Option_6, IsMulti_6 extends boolean, Group_6 extends GroupBase<Option_6>>(props: import(".").IndicatorsContainerProps<Option_6, IsMulti_6, Group_6>) => import("@emotion/react").jsx.JSX.Element;
-        Input: <Option_7, IsMulti_7 extends boolean, Group_7 extends GroupBase<Option_7>>(props: import(".").InputProps<Option_7, IsMulti_7, Group_7>) => import("@emotion/react").jsx.JSX.Element;
-        LoadingIndicator: <Option_8, IsMulti_8 extends boolean, Group_8 extends GroupBase<Option_8>>({ innerProps, isRtl, size, ...restProps }: import(".").LoadingIndicatorProps<Option_8, IsMulti_8, Group_8>) => import("@emotion/react").jsx.JSX.Element;
-        Menu: <Option_9, IsMulti_9 extends boolean, Group_9 extends GroupBase<Option_9>>(props: import("./components/menu").MenuProps<Option_9, IsMulti_9, Group_9>) => import("@emotion/react").jsx.JSX.Element;
-        MenuList: <Option_10, IsMulti_10 extends boolean, Group_10 extends GroupBase<Option_10>>(props: import("./components/menu").MenuListProps<Option_10, IsMulti_10, Group_10>) => import("@emotion/react").jsx.JSX.Element;
-        MenuPortal: <Option_11, IsMulti_11 extends boolean, Group_11 extends GroupBase<Option_11>>(props: import("./components/menu").MenuPortalProps<Option_11, IsMulti_11, Group_11>) => import("@emotion/react").jsx.JSX.Element | null;
-        LoadingMessage: <Option_12, IsMulti_12 extends boolean, Group_12 extends GroupBase<Option_12>>({ children, innerProps, ...restProps }: import("./components/menu").NoticeProps<Option_12, IsMulti_12, Group_12>) => import("@emotion/react").jsx.JSX.Element;
-        NoOptionsMessage: <Option_13, IsMulti_13 extends boolean, Group_13 extends GroupBase<Option_13>>({ children, innerProps, ...restProps }: import("./components/menu").NoticeProps<Option_13, IsMulti_13, Group_13>) => import("@emotion/react").jsx.JSX.Element;
-        MultiValue: <Option_14, IsMulti_14 extends boolean, Group_14 extends GroupBase<Option_14>>(props: import(".").MultiValueProps<Option_14, IsMulti_14, Group_14>) => import("@emotion/react").jsx.JSX.Element;
-        MultiValueContainer: <Option_15, IsMulti_15 extends boolean, Group_15 extends GroupBase<Option_15>>({ children, innerProps, }: import(".").MultiValueGenericProps<Option_15, IsMulti_15, Group_15>) => import("@emotion/react").jsx.JSX.Element;
-        MultiValueLabel: <Option_15, IsMulti_15 extends boolean, Group_15 extends GroupBase<Option_15>>({ children, innerProps, }: import(".").MultiValueGenericProps<Option_15, IsMulti_15, Group_15>) => import("@emotion/react").jsx.JSX.Element;
+        ClearIndicator: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").ClearIndicatorProps<Option_1, IsMulti_1, Group_1>) => React.JSX.Element;
+        Control: <Option_2, IsMulti_2 extends boolean, Group_2 extends GroupBase<Option_2>>(props: import(".").ControlProps<Option_2, IsMulti_2, Group_2>) => React.JSX.Element;
+        DropdownIndicator: <Option_3, IsMulti_3 extends boolean, Group_3 extends GroupBase<Option_3>>(props: import(".").DropdownIndicatorProps<Option_3, IsMulti_3, Group_3>) => React.JSX.Element;
+        Group: <Option_4, IsMulti_4 extends boolean, Group_4 extends GroupBase<Option_4>>(props: import(".").GroupProps<Option_4, IsMulti_4, Group_4>) => React.JSX.Element;
+        GroupHeading: <Option_5, IsMulti_5 extends boolean, Group_5 extends GroupBase<Option_5>>(props: import(".").GroupHeadingProps<Option_5, IsMulti_5, Group_5>) => React.JSX.Element;
+        IndicatorsContainer: <Option_6, IsMulti_6 extends boolean, Group_6 extends GroupBase<Option_6>>(props: import(".").IndicatorsContainerProps<Option_6, IsMulti_6, Group_6>) => React.JSX.Element;
+        Input: <Option_7, IsMulti_7 extends boolean, Group_7 extends GroupBase<Option_7>>(props: import(".").InputProps<Option_7, IsMulti_7, Group_7>) => React.JSX.Element;
+        LoadingIndicator: <Option_8, IsMulti_8 extends boolean, Group_8 extends GroupBase<Option_8>>(props: import(".").LoadingIndicatorProps<Option_8, IsMulti_8, Group_8>) => React.JSX.Element;
+        Menu: <Option_9, IsMulti_9 extends boolean, Group_9 extends GroupBase<Option_9>>(props: import("./components/menu").MenuProps<Option_9, IsMulti_9, Group_9>) => React.JSX.Element;
+        MenuList: <Option_10, IsMulti_10 extends boolean, Group_10 extends GroupBase<Option_10>>(props: import("./components/menu").MenuListProps<Option_10, IsMulti_10, Group_10>) => React.JSX.Element;
+        MenuPortal: <Option_11, IsMulti_11 extends boolean, Group_11 extends GroupBase<Option_11>>(props: import("./components/menu").MenuPortalProps<Option_11, IsMulti_11, Group_11>) => React.JSX.Element;
+        LoadingMessage: <Option_12, IsMulti_12 extends boolean, Group_12 extends GroupBase<Option_12>>(props: import("./components/menu").NoticeProps<Option_12, IsMulti_12, Group_12>) => React.JSX.Element;
+        NoOptionsMessage: <Option_13, IsMulti_13 extends boolean, Group_13 extends GroupBase<Option_13>>(props: import("./components/menu").NoticeProps<Option_13, IsMulti_13, Group_13>) => React.JSX.Element;
+        MultiValue: <Option_14, IsMulti_14 extends boolean, Group_14 extends GroupBase<Option_14>>(props: import(".").MultiValueProps<Option_14, IsMulti_14, Group_14>) => React.JSX.Element;
+        MultiValueContainer: <Option_15, IsMulti_15 extends boolean, Group_15 extends GroupBase<Option_15>>(props: import(".").MultiValueGenericProps<Option_15, IsMulti_15, Group_15>) => React.JSX.Element;
+        MultiValueLabel: <Option_16, IsMulti_16 extends boolean, Group_16 extends GroupBase<Option_16>>(props: import(".").MultiValueGenericProps<Option_16, IsMulti_16, Group_16>) => React.JSX.Element;
         MultiValueRemove: typeof import("./components/multi-value").MultiValueRemove;
-        Option: <Option_16, IsMulti_16 extends boolean, Group_16 extends GroupBase<Option_16>>(props: import(".").OptionProps<Option_16, IsMulti_16, Group_16>) => import("@emotion/react").jsx.JSX.Element;
-        Placeholder: <Option_17, IsMulti_17 extends boolean, Group_17 extends GroupBase<Option_17>>(props: import(".").PlaceholderProps<Option_17, IsMulti_17, Group_17>) => import("@emotion/react").jsx.JSX.Element;
-        SelectContainer: <Option_18, IsMulti_18 extends boolean, Group_18 extends GroupBase<Option_18>>(props: import(".").ContainerProps<Option_18, IsMulti_18, Group_18>) => import("@emotion/react").jsx.JSX.Element;
-        SingleValue: <Option_19, IsMulti_19 extends boolean, Group_19 extends GroupBase<Option_19>>(props: import(".").SingleValueProps<Option_19, IsMulti_19, Group_19>) => import("@emotion/react").jsx.JSX.Element;
-        ValueContainer: <Option_20, IsMulti_20 extends boolean, Group_20 extends GroupBase<Option_20>>(props: import(".").ValueContainerProps<Option_20, IsMulti_20, Group_20>) => import("@emotion/react").jsx.JSX.Element;
+        Option: <Option_17, IsMulti_17 extends boolean, Group_17 extends GroupBase<Option_17>>(props: import(".").OptionProps<Option_17, IsMulti_17, Group_17>) => React.JSX.Element;
+        Placeholder: <Option_18, IsMulti_18 extends boolean, Group_18 extends GroupBase<Option_18>>(props: import(".").PlaceholderProps<Option_18, IsMulti_18, Group_18>) => React.JSX.Element;
+        SelectContainer: <Option_19, IsMulti_19 extends boolean, Group_19 extends GroupBase<Option_19>>(props: import(".").ContainerProps<Option_19, IsMulti_19, Group_19>) => React.JSX.Element;
+        SingleValue: <Option_20, IsMulti_20 extends boolean, Group_20 extends GroupBase<Option_20>>(props: import(".").SingleValueProps<Option_20, IsMulti_20, Group_20>) => React.JSX.Element;
+        ValueContainer: <Option_21, IsMulti_21 extends boolean, Group_21 extends GroupBase<Option_21>>(props: import(".").ValueContainerProps<Option_21, IsMulti_21, Group_21>) => React.JSX.Element;
     };
     buildCategorizedOptions: () => CategorizedGroupOrOption<Option, Group>[];
     getCategorizedOptions: () => CategorizedGroupOrOption<Option, Group>[];

package/dist/types-ts4.5/types.d.ts

@@ -1,4 +1,6 @@
+import { type XCSSProp } from '@compiled/react';
 import { type CSSObject } from '@emotion/react';
+import type { XCSSAllProperties, XCSSAllPseudos } from '@atlaskit/css';
 import { type SelectProps } from './select';
 import { type StylesProps } from './styles';
 export interface GroupBase<Option> {
@@ -66,6 +68,7 @@ export interface CommonProps<Option, IsMulti extends boolean, Group extends Grou
 }
 export interface CommonPropsAndClassName<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group> {
     className?: string | undefined;
+    xcss?: XCSSProp<XCSSAllProperties, XCSSAllPseudos> | undefined;
 }
 export interface ActionMetaBase<Option> {
     option?: Option | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-select",
-	"version": "2.2.1",
+	"version": "2.4.0",
 	"description": "A forked version of react-select to only be used in atlaskit/select",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -30,13 +30,14 @@
 	},
 	"dependencies": {
 		"@atlaskit/ds-lib": "^4.0.0",
-		"@atlaskit/icon": "^25.5.0",
+		"@atlaskit/icon": "^25.6.0",
 		"@atlaskit/layering": "^2.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.4.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/tokens": "^4.7.0",
 		"@babel/runtime": "^7.0.0",
+		"@compiled/react": "^0.18.3",
 		"@emotion/react": "^11.7.1",
 		"@floating-ui/dom": "^1.0.1",
 		"memoize-one": "^6.0.0",
@@ -56,6 +57,9 @@
 		"typescript": "~5.4.2"
 	},
 	"platform-feature-flags": {
+		"custom-interactive-elements-not-keyboard-focusable": {
+			"type": "boolean"
+		},
 		"design_system_select-a11y-improvement": {
 			"type": "boolean"
 		},
@@ -73,6 +77,9 @@
 		},
 		"platform_dst_layer_observer_select": {
 			"type": "boolean"
+		},
+		"compiled-react-select": {
+			"type": "boolean"
 		}
 	},
 	"techstack": {
@@ -92,7 +99,8 @@
 			"deprecation": "no-deprecated-imports",
 			"styling": [
 				"static",
-				"emotion"
+				"emotion",
+				"compiled"
 			]
 		}
 	},

package/dist/cjs/emotion/components/index.js

@@ -1,52 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultComponents = exports.components = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _containers = require("./containers");
-var _control = _interopRequireDefault(require("./control"));
-var _group = _interopRequireWildcard(require("./group"));
-var _indicators = require("./indicators");
-var _input = _interopRequireDefault(require("./input"));
-var _menu = _interopRequireWildcard(require("./menu"));
-var _multiValue = _interopRequireWildcard(require("./multi-value"));
-var _option = _interopRequireDefault(require("./option"));
-var _placeholder = _interopRequireDefault(require("./placeholder"));
-var _singleValue = _interopRequireDefault(require("./single-value"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-// Required export for external packages
-
-var components = exports.components = {
-  ClearIndicator: _indicators.ClearIndicator,
-  Control: _control.default,
-  DropdownIndicator: _indicators.DropdownIndicator,
-  Group: _group.default,
-  GroupHeading: _group.GroupHeading,
-  IndicatorsContainer: _containers.IndicatorsContainer,
-  Input: _input.default,
-  LoadingIndicator: _indicators.LoadingIndicator,
-  Menu: _menu.default,
-  MenuList: _menu.MenuList,
-  MenuPortal: _menu.MenuPortal,
-  LoadingMessage: _menu.LoadingMessage,
-  NoOptionsMessage: _menu.NoOptionsMessage,
-  MultiValue: _multiValue.default,
-  MultiValueContainer: _multiValue.MultiValueContainer,
-  MultiValueLabel: _multiValue.MultiValueLabel,
-  MultiValueRemove: _multiValue.MultiValueRemove,
-  Option: _option.default,
-  Placeholder: _placeholder.default,
-  SelectContainer: _containers.SelectContainer,
-  SingleValue: _singleValue.default,
-  ValueContainer: _containers.ValueContainer
-};
-var defaultComponents = exports.defaultComponents = function defaultComponents(props) {
-  return _objectSpread(_objectSpread({}, components), props.components);
-};

package/dist/cjs/emotion/components/internal/notify-open-layer-observer.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NotifyOpenLayerObserver = NotifyOpenLayerObserver;
-var _openLayerObserver = require("@atlaskit/layering/experimental/open-layer-observer");
-/**
- * Functional component wrapper around `useNotifyOpenLayerObserver`.
- *
- * This is needed as Select is a class component, which cannot use hooks directly.
- */
-function NotifyOpenLayerObserver(_ref) {
-  var isOpen = _ref.isOpen,
-    onClose = _ref.onClose;
-  (0, _openLayerObserver.useNotifyOpenLayerObserver)({
-    isOpen: isOpen,
-    onClose: onClose
-  });
-  return null;
-}

package/dist/es2019/emotion/components/index.js

@@ -1,41 +0,0 @@
-import { IndicatorsContainer, SelectContainer, ValueContainer } from './containers';
-import Control from './control';
-import Group, { GroupHeading } from './group';
-import { ClearIndicator, DropdownIndicator, LoadingIndicator } from './indicators';
-import Input from './input';
-import Menu, { LoadingMessage, MenuList, MenuPortal, NoOptionsMessage } from './menu';
-import MultiValue, { MultiValueContainer, MultiValueLabel, MultiValueRemove } from './multi-value';
-import Option from './option';
-import Placeholder from './placeholder';
-import SingleValue from './single-value';
-
-// Required export for external packages
-
-export const components = {
-  ClearIndicator: ClearIndicator,
-  Control: Control,
-  DropdownIndicator: DropdownIndicator,
-  Group: Group,
-  GroupHeading: GroupHeading,
-  IndicatorsContainer: IndicatorsContainer,
-  Input: Input,
-  LoadingIndicator: LoadingIndicator,
-  Menu: Menu,
-  MenuList: MenuList,
-  MenuPortal: MenuPortal,
-  LoadingMessage: LoadingMessage,
-  NoOptionsMessage: NoOptionsMessage,
-  MultiValue: MultiValue,
-  MultiValueContainer: MultiValueContainer,
-  MultiValueLabel: MultiValueLabel,
-  MultiValueRemove: MultiValueRemove,
-  Option: Option,
-  Placeholder: Placeholder,
-  SelectContainer: SelectContainer,
-  SingleValue: SingleValue,
-  ValueContainer: ValueContainer
-};
-export const defaultComponents = props => ({
-  ...components,
-  ...props.components
-});

package/dist/es2019/emotion/components/internal/notify-open-layer-observer.js

@@ -1,16 +0,0 @@
-import { useNotifyOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
-/**
- * Functional component wrapper around `useNotifyOpenLayerObserver`.
- *
- * This is needed as Select is a class component, which cannot use hooks directly.
- */
-export function NotifyOpenLayerObserver({
-  isOpen,
-  onClose
-}) {
-  useNotifyOpenLayerObserver({
-    isOpen,
-    onClose
-  });
-  return null;
-}

package/dist/esm/emotion/components/index.js

@@ -1,43 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { IndicatorsContainer, SelectContainer, ValueContainer } from './containers';
-import Control from './control';
-import Group, { GroupHeading } from './group';
-import { ClearIndicator, DropdownIndicator, LoadingIndicator } from './indicators';
-import Input from './input';
-import Menu, { LoadingMessage, MenuList, MenuPortal, NoOptionsMessage } from './menu';
-import MultiValue, { MultiValueContainer, MultiValueLabel, MultiValueRemove } from './multi-value';
-import Option from './option';
-import Placeholder from './placeholder';
-import SingleValue from './single-value';
-
-// Required export for external packages
-
-export var components = {
-  ClearIndicator: ClearIndicator,
-  Control: Control,
-  DropdownIndicator: DropdownIndicator,
-  Group: Group,
-  GroupHeading: GroupHeading,
-  IndicatorsContainer: IndicatorsContainer,
-  Input: Input,
-  LoadingIndicator: LoadingIndicator,
-  Menu: Menu,
-  MenuList: MenuList,
-  MenuPortal: MenuPortal,
-  LoadingMessage: LoadingMessage,
-  NoOptionsMessage: NoOptionsMessage,
-  MultiValue: MultiValue,
-  MultiValueContainer: MultiValueContainer,
-  MultiValueLabel: MultiValueLabel,
-  MultiValueRemove: MultiValueRemove,
-  Option: Option,
-  Placeholder: Placeholder,
-  SelectContainer: SelectContainer,
-  SingleValue: SingleValue,
-  ValueContainer: ValueContainer
-};
-export var defaultComponents = function defaultComponents(props) {
-  return _objectSpread(_objectSpread({}, components), props.components);
-};

package/dist/esm/emotion/components/internal/notify-open-layer-observer.js

@@ -1,15 +0,0 @@
-import { useNotifyOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
-/**
- * Functional component wrapper around `useNotifyOpenLayerObserver`.
- *
- * This is needed as Select is a class component, which cannot use hooks directly.
- */
-export function NotifyOpenLayerObserver(_ref) {
-  var isOpen = _ref.isOpen,
-    onClose = _ref.onClose;
-  useNotifyOpenLayerObserver({
-    isOpen: isOpen,
-    onClose: onClose
-  });
-  return null;
-}

package/dist/types/emotion/components/index.d.ts

@@ -1,67 +0,0 @@
-import { type ComponentType } from 'react';
-import { type GroupBase } from '../../types';
-import { type ContainerProps, type IndicatorsContainerProps, type ValueContainerProps } from './containers';
-import { type ControlProps } from './control';
-import { type GroupHeadingProps, type GroupProps } from './group';
-import { type ClearIndicatorProps, type DropdownIndicatorProps, type LoadingIndicatorProps } from './indicators';
-import { type InputProps } from './input';
-import { type MenuListProps, type MenuPortalProps, type MenuProps, type NoticeProps } from './menu';
-import { type MultiValueGenericProps, type MultiValueProps, MultiValueRemove, type MultiValueRemoveProps } from './multi-value';
-import { type OptionProps } from './option';
-import { type PlaceholderProps } from './placeholder';
-import { type SingleValueProps } from './single-value';
-export interface SelectComponents<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
-    ClearIndicator: ComponentType<ClearIndicatorProps<Option, IsMulti, Group>>;
-    Control: ComponentType<ControlProps<Option, IsMulti, Group>>;
-    DropdownIndicator: ComponentType<DropdownIndicatorProps<Option, IsMulti, Group>> | null;
-    Group: ComponentType<GroupProps<Option, IsMulti, Group>>;
-    GroupHeading: ComponentType<GroupHeadingProps<Option, IsMulti, Group>>;
-    IndicatorsContainer: ComponentType<IndicatorsContainerProps<Option, IsMulti, Group>>;
-    Input: ComponentType<InputProps<Option, IsMulti, Group>>;
-    LoadingIndicator: ComponentType<LoadingIndicatorProps<Option, IsMulti, Group>>;
-    Menu: ComponentType<MenuProps<Option, IsMulti, Group>>;
-    MenuList: ComponentType<MenuListProps<Option, IsMulti, Group>>;
-    MenuPortal: ComponentType<MenuPortalProps<Option, IsMulti, Group>>;
-    LoadingMessage: ComponentType<NoticeProps<Option, IsMulti, Group>>;
-    NoOptionsMessage: ComponentType<NoticeProps<Option, IsMulti, Group>>;
-    MultiValue: ComponentType<MultiValueProps<Option, IsMulti, Group>>;
-    MultiValueContainer: ComponentType<MultiValueGenericProps<Option, IsMulti, Group>>;
-    MultiValueLabel: ComponentType<MultiValueGenericProps<Option, IsMulti, Group>>;
-    MultiValueRemove: ComponentType<MultiValueRemoveProps<Option, IsMulti, Group>>;
-    Option: ComponentType<OptionProps<Option, IsMulti, Group>>;
-    Placeholder: ComponentType<PlaceholderProps<Option, IsMulti, Group>>;
-    SelectContainer: ComponentType<ContainerProps<Option, IsMulti, Group>>;
-    SingleValue: ComponentType<SingleValueProps<Option, IsMulti, Group>>;
-    ValueContainer: ComponentType<ValueContainerProps<Option, IsMulti, Group>>;
-}
-export type SelectComponentsConfig<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = Partial<SelectComponents<Option, IsMulti, Group>>;
-export declare const components: {
-    ClearIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => import("@emotion/react").jsx.JSX.Element;
-    Control: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: ControlProps<Option_1, IsMulti_1, Group_1>) => import("@emotion/react").jsx.JSX.Element;
-    DropdownIndicator: <Option_2, IsMulti_2 extends boolean, Group_2 extends GroupBase<Option_2>>(props: DropdownIndicatorProps<Option_2, IsMulti_2, Group_2>) => import("@emotion/react").jsx.JSX.Element;
-    Group: <Option_3, IsMulti_3 extends boolean, Group_3 extends GroupBase<Option_3>>(props: GroupProps<Option_3, IsMulti_3, Group_3>) => import("@emotion/react").jsx.JSX.Element;
-    GroupHeading: <Option_4, IsMulti_4 extends boolean, Group_4 extends GroupBase<Option_4>>(props: GroupHeadingProps<Option_4, IsMulti_4, Group_4>) => import("@emotion/react").jsx.JSX.Element;
-    IndicatorsContainer: <Option_5, IsMulti_5 extends boolean, Group_5 extends GroupBase<Option_5>>(props: IndicatorsContainerProps<Option_5, IsMulti_5, Group_5>) => import("@emotion/react").jsx.JSX.Element;
-    Input: <Option_6, IsMulti_6 extends boolean, Group_6 extends GroupBase<Option_6>>(props: InputProps<Option_6, IsMulti_6, Group_6>) => import("@emotion/react").jsx.JSX.Element;
-    LoadingIndicator: <Option_7, IsMulti_7 extends boolean, Group_7 extends GroupBase<Option_7>>({ innerProps, isRtl, size, ...restProps }: LoadingIndicatorProps<Option_7, IsMulti_7, Group_7>) => import("@emotion/react").jsx.JSX.Element;
-    Menu: <Option_8, IsMulti_8 extends boolean, Group_8 extends GroupBase<Option_8>>(props: MenuProps<Option_8, IsMulti_8, Group_8>) => import("@emotion/react").jsx.JSX.Element;
-    MenuList: <Option_9, IsMulti_9 extends boolean, Group_9 extends GroupBase<Option_9>>(props: MenuListProps<Option_9, IsMulti_9, Group_9>) => import("@emotion/react").jsx.JSX.Element;
-    MenuPortal: <Option_10, IsMulti_10 extends boolean, Group_10 extends GroupBase<Option_10>>(props: MenuPortalProps<Option_10, IsMulti_10, Group_10>) => import("@emotion/react").jsx.JSX.Element | null;
-    LoadingMessage: <Option_11, IsMulti_11 extends boolean, Group_11 extends GroupBase<Option_11>>({ children, innerProps, ...restProps }: NoticeProps<Option_11, IsMulti_11, Group_11>) => import("@emotion/react").jsx.JSX.Element;
-    NoOptionsMessage: <Option_12, IsMulti_12 extends boolean, Group_12 extends GroupBase<Option_12>>({ children, innerProps, ...restProps }: NoticeProps<Option_12, IsMulti_12, Group_12>) => import("@emotion/react").jsx.JSX.Element;
-    MultiValue: <Option_13, IsMulti_13 extends boolean, Group_13 extends GroupBase<Option_13>>(props: MultiValueProps<Option_13, IsMulti_13, Group_13>) => import("@emotion/react").jsx.JSX.Element;
-    MultiValueContainer: <Option_14, IsMulti_14 extends boolean, Group_14 extends GroupBase<Option_14>>({ children, innerProps, }: MultiValueGenericProps<Option_14, IsMulti_14, Group_14>) => import("@emotion/react").jsx.JSX.Element;
-    MultiValueLabel: <Option_14, IsMulti_14 extends boolean, Group_14 extends GroupBase<Option_14>>({ children, innerProps, }: MultiValueGenericProps<Option_14, IsMulti_14, Group_14>) => import("@emotion/react").jsx.JSX.Element;
-    MultiValueRemove: typeof MultiValueRemove;
-    Option: <Option_15, IsMulti_15 extends boolean, Group_15 extends GroupBase<Option_15>>(props: OptionProps<Option_15, IsMulti_15, Group_15>) => import("@emotion/react").jsx.JSX.Element;
-    Placeholder: <Option_16, IsMulti_16 extends boolean, Group_16 extends GroupBase<Option_16>>(props: PlaceholderProps<Option_16, IsMulti_16, Group_16>) => import("@emotion/react").jsx.JSX.Element;
-    SelectContainer: <Option_17, IsMulti_17 extends boolean, Group_17 extends GroupBase<Option_17>>(props: ContainerProps<Option_17, IsMulti_17, Group_17>) => import("@emotion/react").jsx.JSX.Element;
-    SingleValue: <Option_18, IsMulti_18 extends boolean, Group_18 extends GroupBase<Option_18>>(props: SingleValueProps<Option_18, IsMulti_18, Group_18>) => import("@emotion/react").jsx.JSX.Element;
-    ValueContainer: <Option_19, IsMulti_19 extends boolean, Group_19 extends GroupBase<Option_19>>(props: ValueContainerProps<Option_19, IsMulti_19, Group_19>) => import("@emotion/react").jsx.JSX.Element;
-};
-type SelectComponentsGeneric = typeof components;
-interface ComponentsProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
-    components: SelectComponentsConfig<Option, IsMulti, Group>;
-}
-export declare const defaultComponents: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ComponentsProps<Option, IsMulti, Group>) => SelectComponentsGeneric;
-export {};