@atlaskit/react-select 3.0.0 → 3.0.2

package/dist/types/components/menu.d.ts

@@ -1,5 +1,9 @@
-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';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type LegacyRef, type ReactElement, type ReactNode, type Ref } from 'react';
+import { type CoercedMenuPlacement, type CommonProps, type CommonPropsAndClassName, type GroupBase, type MenuPlacement, type MenuPosition } from '../types';
 interface MenuPlacementProps {
     /**
      * Set the minimum height of the menu.
@@ -49,9 +53,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>>(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 declare const menuCSS: () => {};
+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.Element;
 export default Menu;
 export interface MenuListProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     /**
@@ -75,10 +79,10 @@ 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>>(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 declare const menuListCSS: () => {};
+export declare const MenuList: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuListProps<Option, IsMulti, Group>) => JSX.Element;
+export declare const noOptionsMessageCSS: () => {};
+export declare const loadingMessageCSS: () => {};
 export interface NoticeProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     /**
      * The children to be rendered.
@@ -89,8 +93,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>>(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 declare const NoOptionsMessage: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, xcss, ...restProps }: NoticeProps<Option, IsMulti, Group>) => JSX.Element;
+export declare const LoadingMessage: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, xcss, ...restProps }: NoticeProps<Option, IsMulti, Group>) => JSX.Element;
 export interface MenuPortalProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     appendTo: HTMLElement | undefined;
     children: ReactNode;
@@ -107,5 +111,5 @@ export interface PortalStyleArgs {
         width: number;
     };
 }
-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;
+export declare const menuPortalCSS: () => {};
+export declare const MenuPortal: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPortalProps<Option, IsMulti, Group>) => JSX.Element | null;

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

@@ -1,8 +1,12 @@
-import React, { type ComponentType, type CSSProperties, type ReactNode } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { 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';
+import { type CommonPropsAndClassName, type GroupBase } from '../types';
 interface MultiValueComponents<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
     Container: ComponentType<MultiValueGenericProps<Option, IsMulti, Group>>;
     Label: ComponentType<MultiValueGenericProps<Option, IsMulti, Group>>;
@@ -19,9 +23,9 @@ 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>>(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 declare const multiValueCSS: () => {};
+export declare const multiValueLabelCSS: () => {};
+export declare const multiValueRemoveCSS: () => {};
 export interface MultiValueGenericProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
     children: ReactNode;
     data: any;
@@ -36,8 +40,8 @@ export interface MultiValueGenericProps<Option = unknown, IsMulti extends boolea
     className?: string | undefined;
     xcss?: XCSSProp<XCSSAllProperties, XCSSAllPseudos> | undefined;
 }
-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 declare const MultiValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, isFocused, isDisabled, className, xcss, }: MultiValueGenericProps<Option, IsMulti, Group>) => JSX.Element;
+export declare const MultiValueLabel: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, isDisabled, hasEllipsis, className, xcss, }: MultiValueGenericProps<Option, IsMulti, Group>) => JSX.Element;
 export interface MultiValueRemoveProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
     children?: ReactNode;
     data: Option;
@@ -48,6 +52,6 @@ export interface MultiValueRemoveProps<Option = unknown, IsMulti extends boolean
     className?: string | undefined;
     xcss?: XCSSProp<XCSSAllProperties, XCSSAllPseudos> | undefined;
 }
-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 declare function MultiValueRemove<Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, innerProps, className, xcss, }: MultiValueRemoveProps<Option, IsMulti, Group>): JSX.Element;
+declare const MultiValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => JSX.Element;
 export default MultiValue;

package/dist/types/components/option.d.ts

@@ -1,5 +1,9 @@
-import React, { type ReactNode, type RefCallback } from 'react';
-import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode, type RefCallback } from 'react';
+import { type CommonPropsAndClassName, type GroupBase } from '../types';
 export interface OptionProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     /**
      * The children to be rendered.
@@ -39,6 +43,6 @@ export interface OptionProps<Option = unknown, IsMulti extends boolean = boolean
      */
     isSelected: boolean;
 }
-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 declare const optionCSS: () => {};
+declare const Option: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => JSX.Element;
 export default Option;

package/dist/types/components/placeholder.d.ts

@@ -1,5 +1,9 @@
-import React, { type ReactNode } from 'react';
-import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
+import { type CommonPropsAndClassName, type GroupBase } from '../types';
 export interface PlaceholderProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     /**
      * The children to be rendered.
@@ -12,6 +16,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>>(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 declare const placeholderCSS: () => {};
+declare const Placeholder: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>) => JSX.Element;
 export default Placeholder;

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

@@ -1,5 +1,9 @@
-import React, { type ReactNode } from 'react';
-import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
+import { type CommonPropsAndClassName, type GroupBase } from '../types';
 export interface SingleValueProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     /**
      * The children to be rendered.
@@ -18,6 +22,6 @@ export interface SingleValueProps<Option = unknown, IsMulti extends boolean = bo
      */
     isDisabled: boolean;
 }
-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 declare const css: () => {};
+declare const SingleValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: SingleValueProps<Option, IsMulti, Group>) => JSX.Element;
 export default SingleValue;

package/dist/types/select.d.ts

@@ -604,7 +604,7 @@ export default class Select<Option = unknown, IsMulti extends boolean = false, G
     getCommonProps(): {
         clearValue: () => void;
         cx: (...args: any) => string;
-        getStyles: <Key extends keyof StylesProps<Option, IsMulti, Group>>(key: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => Record<string, any>;
+        getStyles: <Key extends keyof StylesProps<Option, IsMulti, Group>>(key: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => any;
         getClassNames: <Key_1 extends keyof StylesProps<Option, IsMulti, Group>>(key: Key_1, props: StylesProps<Option, IsMulti, Group>[Key_1]) => string | undefined;
         getValue: () => Options<Option>;
         hasValue: boolean;
@@ -617,32 +617,32 @@ export default class Select<Option = unknown, IsMulti extends boolean = false, G
     };
     getOptionLabel: (data: Option) => string;
     getOptionValue: (data: Option) => string;
-    getStyles: <Key extends keyof StylesProps<Option, IsMulti, Group>>(key: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => Record<string, any>;
+    getStyles: <Key extends keyof StylesProps<Option, IsMulti, Group>>(key: Key, props: StylesProps<Option, IsMulti, Group>[Key]) => any;
     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' | 'single-value' | '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>) => 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;
+        ClearIndicator: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import(".").ClearIndicatorProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
+        Control: <Option_2, IsMulti_2 extends boolean, Group_2 extends GroupBase<Option_2>>(props: import(".").ControlProps<Option_2, IsMulti_2, Group_2>) => JSX.Element;
+        DropdownIndicator: <Option_3, IsMulti_3 extends boolean, Group_3 extends GroupBase<Option_3>>(props: import(".").DropdownIndicatorProps<Option_3, IsMulti_3, Group_3>) => JSX.Element;
+        Group: <Option_4, IsMulti_4 extends boolean, Group_4 extends GroupBase<Option_4>>(props: import(".").GroupProps<Option_4, IsMulti_4, Group_4>) => JSX.Element;
+        GroupHeading: <Option_5, IsMulti_5 extends boolean, Group_5 extends GroupBase<Option_5>>(props: import(".").GroupHeadingProps<Option_5, IsMulti_5, Group_5>) => JSX.Element;
+        IndicatorsContainer: <Option_6, IsMulti_6 extends boolean, Group_6 extends GroupBase<Option_6>>(props: import(".").IndicatorsContainerProps<Option_6, IsMulti_6, Group_6>) => JSX.Element;
+        Input: <Option_7, IsMulti_7 extends boolean, Group_7 extends GroupBase<Option_7>>(props: import(".").InputProps<Option_7, IsMulti_7, Group_7>) => JSX.Element;
+        LoadingIndicator: <Option_8, IsMulti_8 extends boolean, Group_8 extends GroupBase<Option_8>>({ innerProps, isRtl, size, isCompact, xcss, ...restProps }: import(".").LoadingIndicatorProps<Option_8, IsMulti_8, Group_8>) => 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>) => 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>) => 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>) => JSX.Element | null;
+        LoadingMessage: <Option_12, IsMulti_12 extends boolean, Group_12 extends GroupBase<Option_12>>({ children, innerProps, xcss, ...restProps }: import("./components/menu").NoticeProps<Option_12, IsMulti_12, Group_12>) => JSX.Element;
+        NoOptionsMessage: <Option_13, IsMulti_13 extends boolean, Group_13 extends GroupBase<Option_13>>({ children, innerProps, xcss, ...restProps }: import("./components/menu").NoticeProps<Option_13, IsMulti_13, Group_13>) => JSX.Element;
+        MultiValue: <Option_14, IsMulti_14 extends boolean, Group_14 extends GroupBase<Option_14>>(props: import(".").MultiValueProps<Option_14, IsMulti_14, Group_14>) => JSX.Element;
+        MultiValueContainer: <Option_15, IsMulti_15 extends boolean, Group_15 extends GroupBase<Option_15>>({ children, innerProps, isFocused, isDisabled, className, xcss, }: import(".").MultiValueGenericProps<Option_15, IsMulti_15, Group_15>) => JSX.Element;
+        MultiValueLabel: <Option_16, IsMulti_16 extends boolean, Group_16 extends GroupBase<Option_16>>({ children, innerProps, isDisabled, hasEllipsis, className, xcss, }: import(".").MultiValueGenericProps<Option_16, IsMulti_16, Group_16>) => JSX.Element;
         MultiValueRemove: typeof import("./components/multi-value").MultiValueRemove;
-        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;
+        Option: <Option_17, IsMulti_17 extends boolean, Group_17 extends GroupBase<Option_17>>(props: import(".").OptionProps<Option_17, IsMulti_17, Group_17>) => JSX.Element;
+        Placeholder: <Option_18, IsMulti_18 extends boolean, Group_18 extends GroupBase<Option_18>>(props: import(".").PlaceholderProps<Option_18, IsMulti_18, Group_18>) => JSX.Element;
+        SelectContainer: <Option_19, IsMulti_19 extends boolean, Group_19 extends GroupBase<Option_19>>(props: import(".").ContainerProps<Option_19, IsMulti_19, Group_19>) => JSX.Element;
+        SingleValue: <Option_20, IsMulti_20 extends boolean, Group_20 extends GroupBase<Option_20>>(props: import(".").SingleValueProps<Option_20, IsMulti_20, Group_20>) => JSX.Element;
+        ValueContainer: <Option_21, IsMulti_21 extends boolean, Group_21 extends GroupBase<Option_21>>(props: import(".").ValueContainerProps<Option_21, IsMulti_21, Group_21>) => JSX.Element;
     };
     buildCategorizedOptions: () => CategorizedGroupOrOption<Option, Group>[];
     getCategorizedOptions: () => CategorizedGroupOrOption<Option, Group>[];

package/dist/types/styles.d.ts

@@ -42,25 +42,25 @@ export type ClassNamesConfig<Option = unknown, IsMulti extends boolean = boolean
     [K in keyof StylesProps<Option, IsMulti, Group>]?: (props: StylesProps<Option, IsMulti, Group>[K]) => string;
 };
 export declare function mergeStyles<Option, IsMulti extends boolean, Group extends GroupBase<Option>>(source: StylesConfig<Option, IsMulti, Group>, target?: StylesConfig<Option, IsMulti, Group>): {
-    clearIndicator?: ((base: CSSObjectWithLabel, props: ClearIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
-    container?: ((base: CSSObjectWithLabel, props: ContainerProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
-    control?: ((base: CSSObjectWithLabel, props: ControlProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
-    dropdownIndicator?: ((base: CSSObjectWithLabel, props: DropdownIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
-    group?: ((base: CSSObjectWithLabel, props: GroupProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
-    groupHeading?: ((base: CSSObjectWithLabel, props: GroupHeadingProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
-    indicatorsContainer?: ((base: CSSObjectWithLabel, props: IndicatorsContainerProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
-    input?: ((base: CSSObjectWithLabel, props: InputProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
-    loadingIndicator?: ((base: CSSObjectWithLabel, props: LoadingIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
-    loadingMessage?: ((base: CSSObjectWithLabel, props: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
-    menu?: ((base: CSSObjectWithLabel, props: MenuProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
-    menuList?: ((base: CSSObjectWithLabel, props: MenuListProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
-    menuPortal?: ((base: CSSObjectWithLabel, props: PortalStyleArgs) => CSSObjectWithLabel) | undefined;
-    multiValue?: ((base: CSSObjectWithLabel, props: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
-    multiValueLabel?: ((base: CSSObjectWithLabel, props: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
-    multiValueRemove?: ((base: CSSObjectWithLabel, props: MultiValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
-    noOptionsMessage?: ((base: CSSObjectWithLabel, props: NoticeProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
-    option?: ((base: CSSObjectWithLabel, props: OptionProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
-    placeholder?: ((base: CSSObjectWithLabel, props: PlaceholderProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
-    singleValue?: ((base: CSSObjectWithLabel, props: SingleValueProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
-    valueContainer?: ((base: CSSObjectWithLabel, props: ValueContainerProps<Option, IsMulti, Group>) => CSSObjectWithLabel) | undefined;
+    clearIndicator?: ((base: any, props: ClearIndicatorProps<Option, IsMulti, Group>) => any) | undefined;
+    container?: ((base: any, props: ContainerProps<Option, IsMulti, Group>) => any) | undefined;
+    control?: ((base: any, props: ControlProps<Option, IsMulti, Group>) => any) | undefined;
+    dropdownIndicator?: ((base: any, props: DropdownIndicatorProps<Option, IsMulti, Group>) => any) | undefined;
+    group?: ((base: any, props: GroupProps<Option, IsMulti, Group>) => any) | undefined;
+    groupHeading?: ((base: any, props: GroupHeadingProps<Option, IsMulti, Group>) => any) | undefined;
+    indicatorsContainer?: ((base: any, props: IndicatorsContainerProps<Option, IsMulti, Group>) => any) | undefined;
+    input?: ((base: any, props: InputProps<Option, IsMulti, Group>) => any) | undefined;
+    loadingIndicator?: ((base: any, props: LoadingIndicatorProps<Option, IsMulti, Group>) => any) | undefined;
+    loadingMessage?: ((base: any, props: NoticeProps<Option, IsMulti, Group>) => any) | undefined;
+    menu?: ((base: any, props: MenuProps<Option, IsMulti, Group>) => any) | undefined;
+    menuList?: ((base: any, props: MenuListProps<Option, IsMulti, Group>) => any) | undefined;
+    menuPortal?: ((base: any, props: PortalStyleArgs) => any) | undefined;
+    multiValue?: ((base: any, props: MultiValueProps<Option, IsMulti, Group>) => any) | undefined;
+    multiValueLabel?: ((base: any, props: MultiValueProps<Option, IsMulti, Group>) => any) | undefined;
+    multiValueRemove?: ((base: any, props: MultiValueProps<Option, IsMulti, Group>) => any) | undefined;
+    noOptionsMessage?: ((base: any, props: NoticeProps<Option, IsMulti, Group>) => any) | undefined;
+    option?: ((base: any, props: OptionProps<Option, IsMulti, Group>) => any) | undefined;
+    placeholder?: ((base: any, props: PlaceholderProps<Option, IsMulti, Group>) => any) | undefined;
+    singleValue?: ((base: any, props: SingleValueProps<Option, IsMulti, Group>) => any) | undefined;
+    valueContainer?: ((base: any, props: ValueContainerProps<Option, IsMulti, Group>) => any) | undefined;
 };

package/dist/types/types.d.ts

@@ -1,5 +1,4 @@
 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';
@@ -127,6 +126,4 @@ export type MenuPosition = 'absolute' | 'fixed';
 export type FocusDirection = 'up' | 'down' | 'pageup' | 'pagedown' | 'first' | 'last';
 export type GetOptionLabel<Option> = (option: Option) => string;
 export type GetOptionValue<Option> = (option: Option) => string;
-export type CSSObjectWithLabel = CSSObject & {
-    label?: string;
-};
+export type CSSObjectWithLabel = any;

package/dist/types/utils.d.ts

@@ -5,7 +5,7 @@ export declare function classNames(prefix?: string | null, state?: ClassNamesSta
 export declare const cleanValue: <Option>(value: PropsValue<Option>) => Options<Option>;
 export declare const cleanCommonProps: <Option, IsMulti extends boolean, Group extends GroupBase<Option>, AdditionalProps>(props: Partial<CommonPropsAndClassName<Option, IsMulti, Group>> & AdditionalProps) => Omit<AdditionalProps, keyof CommonPropsAndClassName<Option, IsMulti, Group>>;
 export declare const getStyleProps: <Option, IsMulti extends boolean, Group extends GroupBase<Option>, Key extends keyof StylesProps<Option, IsMulti, Group>>(props: Pick<CommonPropsAndClassName<Option, IsMulti, Group>, 'cx' | 'getStyles' | 'getClassNames' | 'className'> & StylesProps<Option, IsMulti, Group>[Key], name: Key, classNamesState?: ClassNamesState) => {
-    css: import("./types").CSSObjectWithLabel;
+    css: any;
     className: string;
 };
 export declare function handleInputChange(inputValue: string, actionMeta: InputActionMeta, onInputChange?: (newValue: string, actionMeta: InputActionMeta) => string | void): string;

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

@@ -1,5 +1,9 @@
-import React, { type ReactNode } from 'react';
-import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
+import { type CommonPropsAndClassName, type GroupBase } from '../types';
 export interface ContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     /**
      * Whether the select is disabled.
@@ -15,8 +19,8 @@ export interface ContainerProps<Option = unknown, IsMulti extends boolean = bool
      */
     innerProps: {};
 }
-export declare const containerCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ContainerProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
-export declare const SelectContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ContainerProps<Option, IsMulti, Group>) => React.JSX.Element;
+export declare const containerCSS: () => {};
+export declare const SelectContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ContainerProps<Option, IsMulti, Group>) => JSX.Element;
 export interface ValueContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     /**
      * Props to be passed to the value container element.
@@ -32,8 +36,8 @@ export interface ValueContainerProps<Option = unknown, IsMulti extends boolean =
      */
     isCompact?: boolean;
 }
-export declare const valueContainerCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ValueContainerProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
-export declare const ValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ValueContainerProps<Option, IsMulti, Group>) => React.JSX.Element;
+export declare const valueContainerCSS: () => {};
+export declare const ValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ValueContainerProps<Option, IsMulti, Group>) => JSX.Element;
 export interface IndicatorsContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     isDisabled: boolean;
     /**
@@ -45,5 +49,5 @@ export interface IndicatorsContainerProps<Option = unknown, IsMulti extends bool
      */
     innerProps?: {};
 }
-export declare const indicatorsContainerCSS: () => CSSObjectWithLabel;
-export declare const IndicatorsContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: IndicatorsContainerProps<Option, IsMulti, Group>) => React.JSX.Element;
+export declare const indicatorsContainerCSS: () => {};
+export declare const IndicatorsContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: IndicatorsContainerProps<Option, IsMulti, Group>) => JSX.Element;

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

@@ -1,4 +1,8 @@
-import React, { type ReactNode, type Ref } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode, type Ref } from 'react';
 import { type CommonPropsAndClassName, type GroupBase } from '../types';
 export interface ControlProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     /**
@@ -32,6 +36,6 @@ export interface ControlProps<Option = unknown, IsMulti extends boolean = boolea
      */
     menuIsOpen: boolean;
 }
-export declare const css: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ControlProps<Option, IsMulti, Group>) => {};
-declare const Control: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ControlProps<Option, IsMulti, Group>) => React.JSX.Element;
+export declare const css: () => {};
+declare const Control: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ControlProps<Option, IsMulti, Group>) => JSX.Element;
 export default Control;

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

@@ -1,8 +1,12 @@
-import React, { type ComponentType, type ReactNode } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ComponentType, type ReactNode } from 'react';
 import { type XCSSProp } from '@compiled/react';
 import type { XCSSAllProperties, XCSSAllPseudos } from '@atlaskit/css';
 import { type SelectProps } from '../select';
-import { type CommonProps, type CommonPropsAndClassName, type CSSObjectWithLabel, type CX, type GetStyles, type GroupBase, type Options } from '../types';
+import { type CommonProps, type CommonPropsAndClassName, type CX, type GetStyles, type GroupBase, type Options } from '../types';
 interface ForwardedHeadingProps<Option, Group extends GroupBase<Option>> {
     id: string;
     data: Group;
@@ -34,8 +38,8 @@ export interface GroupProps<Option = unknown, IsMulti extends boolean = boolean,
     data: Group;
     options: Options<Option>;
 }
-export declare const groupCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupProps<Option, IsMulti, Group>) => {};
-declare const Group: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupProps<Option, IsMulti, Group>) => React.JSX.Element;
+export declare const groupCSS: () => {};
+declare const Group: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupProps<Option, IsMulti, Group>) => JSX.Element;
 interface GroupHeadingPropsDefinedProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends ForwardedHeadingProps<Option, Group> {
     className?: string | undefined;
     selectProps: SelectProps<Option, IsMulti, Group>;
@@ -45,6 +49,6 @@ interface GroupHeadingPropsDefinedProps<Option, IsMulti extends boolean, Group e
     xcss?: XCSSProp<XCSSAllProperties, XCSSAllPseudos> | undefined;
 }
 export type GroupHeadingProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = GroupHeadingPropsDefinedProps<Option, IsMulti, Group> & JSX.IntrinsicElements['div'];
-export declare const groupHeadingCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupHeadingProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
-export declare const GroupHeading: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupHeadingProps<Option, IsMulti, Group>) => React.JSX.Element;
+export declare const groupHeadingCSS: () => {};
+export declare const GroupHeading: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupHeadingProps<Option, IsMulti, Group>) => JSX.Element;
 export default Group;

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

@@ -36,28 +36,28 @@ export interface SelectComponents<Option, IsMulti extends boolean, Group extends
 }
 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("react").JSX.Element;
-    Control: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: ControlProps<Option_1, IsMulti_1, Group_1>) => import("react").JSX.Element;
-    DropdownIndicator: <Option_2, IsMulti_2 extends boolean, Group_2 extends GroupBase<Option_2>>(props: DropdownIndicatorProps<Option_2, IsMulti_2, Group_2>) => import("react").JSX.Element;
-    Group: <Option_3, IsMulti_3 extends boolean, Group_3 extends GroupBase<Option_3>>(props: GroupProps<Option_3, IsMulti_3, Group_3>) => import("react").JSX.Element;
-    GroupHeading: <Option_4, IsMulti_4 extends boolean, Group_4 extends GroupBase<Option_4>>(props: GroupHeadingProps<Option_4, IsMulti_4, Group_4>) => import("react").JSX.Element;
-    IndicatorsContainer: <Option_5, IsMulti_5 extends boolean, Group_5 extends GroupBase<Option_5>>(props: IndicatorsContainerProps<Option_5, IsMulti_5, Group_5>) => import("react").JSX.Element;
-    Input: <Option_6, IsMulti_6 extends boolean, Group_6 extends GroupBase<Option_6>>(props: InputProps<Option_6, IsMulti_6, Group_6>) => import("react").JSX.Element;
-    LoadingIndicator: <Option_7, IsMulti_7 extends boolean, Group_7 extends GroupBase<Option_7>>(props: LoadingIndicatorProps<Option_7, IsMulti_7, Group_7>) => import("react").JSX.Element;
-    Menu: <Option_8, IsMulti_8 extends boolean, Group_8 extends GroupBase<Option_8>>(props: MenuProps<Option_8, IsMulti_8, Group_8>) => import("react").JSX.Element;
-    MenuList: <Option_9, IsMulti_9 extends boolean, Group_9 extends GroupBase<Option_9>>(props: MenuListProps<Option_9, IsMulti_9, Group_9>) => import("react").JSX.Element;
-    MenuPortal: <Option_10, IsMulti_10 extends boolean, Group_10 extends GroupBase<Option_10>>(props: MenuPortalProps<Option_10, IsMulti_10, Group_10>) => import("react").JSX.Element;
-    LoadingMessage: <Option_11, IsMulti_11 extends boolean, Group_11 extends GroupBase<Option_11>>(props: NoticeProps<Option_11, IsMulti_11, Group_11>) => import("react").JSX.Element;
-    NoOptionsMessage: <Option_12, IsMulti_12 extends boolean, Group_12 extends GroupBase<Option_12>>(props: NoticeProps<Option_12, IsMulti_12, Group_12>) => import("react").JSX.Element;
-    MultiValue: <Option_13, IsMulti_13 extends boolean, Group_13 extends GroupBase<Option_13>>(props: MultiValueProps<Option_13, IsMulti_13, Group_13>) => import("react").JSX.Element;
-    MultiValueContainer: <Option_14, IsMulti_14 extends boolean, Group_14 extends GroupBase<Option_14>>(props: MultiValueGenericProps<Option_14, IsMulti_14, Group_14>) => import("react").JSX.Element;
-    MultiValueLabel: <Option_15, IsMulti_15 extends boolean, Group_15 extends GroupBase<Option_15>>(props: MultiValueGenericProps<Option_15, IsMulti_15, Group_15>) => import("react").JSX.Element;
+    ClearIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => JSX.Element;
+    Control: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: ControlProps<Option_1, IsMulti_1, Group_1>) => JSX.Element;
+    DropdownIndicator: <Option_2, IsMulti_2 extends boolean, Group_2 extends GroupBase<Option_2>>(props: DropdownIndicatorProps<Option_2, IsMulti_2, Group_2>) => JSX.Element;
+    Group: <Option_3, IsMulti_3 extends boolean, Group_3 extends GroupBase<Option_3>>(props: GroupProps<Option_3, IsMulti_3, Group_3>) => JSX.Element;
+    GroupHeading: <Option_4, IsMulti_4 extends boolean, Group_4 extends GroupBase<Option_4>>(props: GroupHeadingProps<Option_4, IsMulti_4, Group_4>) => JSX.Element;
+    IndicatorsContainer: <Option_5, IsMulti_5 extends boolean, Group_5 extends GroupBase<Option_5>>(props: IndicatorsContainerProps<Option_5, IsMulti_5, Group_5>) => JSX.Element;
+    Input: <Option_6, IsMulti_6 extends boolean, Group_6 extends GroupBase<Option_6>>(props: InputProps<Option_6, IsMulti_6, Group_6>) => JSX.Element;
+    LoadingIndicator: <Option_7, IsMulti_7 extends boolean, Group_7 extends GroupBase<Option_7>>({ innerProps, isRtl, size, isCompact, xcss, ...restProps }: LoadingIndicatorProps<Option_7, IsMulti_7, Group_7>) => JSX.Element;
+    Menu: <Option_8, IsMulti_8 extends boolean, Group_8 extends GroupBase<Option_8>>(props: MenuProps<Option_8, IsMulti_8, Group_8>) => JSX.Element;
+    MenuList: <Option_9, IsMulti_9 extends boolean, Group_9 extends GroupBase<Option_9>>(props: MenuListProps<Option_9, IsMulti_9, Group_9>) => JSX.Element;
+    MenuPortal: <Option_10, IsMulti_10 extends boolean, Group_10 extends GroupBase<Option_10>>(props: MenuPortalProps<Option_10, IsMulti_10, Group_10>) => JSX.Element | null;
+    LoadingMessage: <Option_11, IsMulti_11 extends boolean, Group_11 extends GroupBase<Option_11>>({ children, innerProps, xcss, ...restProps }: NoticeProps<Option_11, IsMulti_11, Group_11>) => JSX.Element;
+    NoOptionsMessage: <Option_12, IsMulti_12 extends boolean, Group_12 extends GroupBase<Option_12>>({ children, innerProps, xcss, ...restProps }: NoticeProps<Option_12, IsMulti_12, Group_12>) => JSX.Element;
+    MultiValue: <Option_13, IsMulti_13 extends boolean, Group_13 extends GroupBase<Option_13>>(props: MultiValueProps<Option_13, IsMulti_13, Group_13>) => JSX.Element;
+    MultiValueContainer: <Option_14, IsMulti_14 extends boolean, Group_14 extends GroupBase<Option_14>>({ children, innerProps, isFocused, isDisabled, className, xcss, }: MultiValueGenericProps<Option_14, IsMulti_14, Group_14>) => JSX.Element;
+    MultiValueLabel: <Option_15, IsMulti_15 extends boolean, Group_15 extends GroupBase<Option_15>>({ children, innerProps, isDisabled, hasEllipsis, className, xcss, }: MultiValueGenericProps<Option_15, IsMulti_15, Group_15>) => JSX.Element;
     MultiValueRemove: typeof MultiValueRemove;
-    Option: <Option_16, IsMulti_16 extends boolean, Group_16 extends GroupBase<Option_16>>(props: OptionProps<Option_16, IsMulti_16, Group_16>) => import("react").JSX.Element;
-    Placeholder: <Option_17, IsMulti_17 extends boolean, Group_17 extends GroupBase<Option_17>>(props: PlaceholderProps<Option_17, IsMulti_17, Group_17>) => import("react").JSX.Element;
-    SelectContainer: <Option_18, IsMulti_18 extends boolean, Group_18 extends GroupBase<Option_18>>(props: ContainerProps<Option_18, IsMulti_18, Group_18>) => import("react").JSX.Element;
-    SingleValue: <Option_19, IsMulti_19 extends boolean, Group_19 extends GroupBase<Option_19>>(props: SingleValueProps<Option_19, IsMulti_19, Group_19>) => import("react").JSX.Element;
-    ValueContainer: <Option_20, IsMulti_20 extends boolean, Group_20 extends GroupBase<Option_20>>(props: ValueContainerProps<Option_20, IsMulti_20, Group_20>) => import("react").JSX.Element;
+    Option: <Option_16, IsMulti_16 extends boolean, Group_16 extends GroupBase<Option_16>>(props: OptionProps<Option_16, IsMulti_16, Group_16>) => JSX.Element;
+    Placeholder: <Option_17, IsMulti_17 extends boolean, Group_17 extends GroupBase<Option_17>>(props: PlaceholderProps<Option_17, IsMulti_17, Group_17>) => JSX.Element;
+    SelectContainer: <Option_18, IsMulti_18 extends boolean, Group_18 extends GroupBase<Option_18>>(props: ContainerProps<Option_18, IsMulti_18, Group_18>) => JSX.Element;
+    SingleValue: <Option_19, IsMulti_19 extends boolean, Group_19 extends GroupBase<Option_19>>(props: SingleValueProps<Option_19, IsMulti_19, Group_19>) => JSX.Element;
+    ValueContainer: <Option_20, IsMulti_20 extends boolean, Group_20 extends GroupBase<Option_20>>(props: ValueContainerProps<Option_20, IsMulti_20, Group_20>) => JSX.Element;
 };
 type SelectComponentsGeneric = typeof components;
 interface ComponentsProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {

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

@@ -1,5 +1,9 @@
-import React, { type ReactNode } from 'react';
-import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
+import { type CommonPropsAndClassName, type GroupBase } from '../types';
 export interface DropdownIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     /**
      * The children to be rendered inside the indicator.
@@ -19,8 +23,8 @@ export interface DropdownIndicatorProps<Option = unknown, IsMulti extends boolea
      */
     isCompact?: boolean;
 }
-export declare const dropdownIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
-export declare const DropdownIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group>) => React.JSX.Element;
+export declare const dropdownIndicatorCSS: () => {};
+export declare const DropdownIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group>) => JSX.Element;
 export interface ClearIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     /**
      * The children to be rendered inside the indicator.
@@ -43,9 +47,9 @@ export interface ClearIndicatorProps<Option = unknown, IsMulti extends boolean =
      */
     isCompact?: boolean;
 }
-export declare const clearIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
-export declare const ClearIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => React.JSX.Element;
-export declare const loadingIndicatorCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: LoadingIndicatorProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
+export declare const clearIndicatorCSS: () => {};
+export declare const ClearIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => JSX.Element;
+export declare const loadingIndicatorCSS: () => {};
 export interface LoadingIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     /**
      * Props that will be passed on to the children.
@@ -65,4 +69,4 @@ export interface LoadingIndicatorProps<Option = unknown, IsMulti extends boolean
      */
     isCompact?: boolean;
 }
-export declare const LoadingIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: LoadingIndicatorProps<Option, IsMulti, Group>) => React.JSX.Element;
+export declare const LoadingIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ innerProps, isRtl, size, isCompact, xcss, ...restProps }: LoadingIndicatorProps<Option, IsMulti, Group>) => JSX.Element;

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

@@ -1,5 +1,9 @@
-import React, { type InputHTMLAttributes } from 'react';
-import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type InputHTMLAttributes } from 'react';
+import { type CommonPropsAndClassName, type GroupBase } from '../types';
 interface InputSpecificProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends InputHTMLAttributes<HTMLInputElement>, CommonPropsAndClassName<Option, IsMulti, Group> {
     /**
      * Reference to the internal element
@@ -27,6 +31,6 @@ interface InputSpecificProps<Option = unknown, IsMulti extends boolean = boolean
     testId?: string;
 }
 export type InputProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = InputSpecificProps<Option, IsMulti, Group>;
-export declare const inputCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: InputProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
-declare const Input: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: InputProps<Option, IsMulti, Group>) => React.JSX.Element;
+export declare const inputCSS: () => {};
+declare const Input: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: InputProps<Option, IsMulti, Group>) => JSX.Element;
 export default Input;

package/dist/types-ts4.5/components/internal/a11y-text.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-declare const A11yText: (props: JSX.IntrinsicElements['span']) => React.JSX.Element;
+/// <reference types="react" />
+declare const A11yText: (props: JSX.IntrinsicElements['span']) => JSX.Element;
 export default A11yText;

package/dist/types-ts4.5/components/internal/dummy-input.d.ts

@@ -1,4 +1,8 @@
-import React, { type Ref } from 'react';
-export default function DummyInput(props: JSX.IntrinsicElements['input'] & {
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type Ref } from 'react';
+export default function DummyInput({ innerRef, ...props }: JSX.IntrinsicElements['input'] & {
     readonly innerRef: Ref<HTMLInputElement>;
-}): React.JSX.Element;
+}): JSX.Element;

package/dist/types-ts4.5/components/internal/required-input.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { type FocusEventHandler, type FunctionComponent } from 'react';
 declare const RequiredInput: FunctionComponent<{
     readonly name?: string;

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

@@ -7,8 +7,6 @@ interface LiveRegionProps<Option, IsMulti extends boolean, Group extends GroupBa
         className?: string;
     };
     ariaSelection: AriaSelection<Option, IsMulti>;
-    focusedOption: Option | null;
-    focusedValue: Option | null;
     selectValue: Options<Option>;
     focusableOptions: Options<Option>;
     isFocused: boolean;