@atlaskit/react-select 3.14.3 → 3.14.4

package/dist/types/components/containers/indicators-container.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
+import { type CommonPropsAndClassName, type GroupBase } from '../../types';
+export interface IndicatorsContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    isDisabled: boolean;
+    /**
+     * The children to be rendered.
+     */
+    children: ReactNode;
+    /**
+     * Props to be passed to the indicators container element.
+     */
+    innerProps?: {};
+}
+export declare const IndicatorsContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: IndicatorsContainerProps<Option, IsMulti, Group>) => JSX.Element;

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

@@ -0,0 +1,6 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import type { GroupBase, MultiValueGenericProps } from '../../types';
+export declare const MultiValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, isFocused, isDisabled, className, xcss, }: MultiValueGenericProps<Option, IsMulti, Group>) => JSX.Element;

package/dist/types/components/containers/select-container.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @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.
+     */
+    isDisabled: boolean;
+    isFocused: boolean;
+    /**
+     * The children to be rendered.
+     */
+    children: ReactNode;
+    /**
+     * Inner props to be passed down to the container.
+     */
+    innerProps: {};
+}
+export declare const SelectContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ContainerProps<Option, IsMulti, Group>) => JSX.Element;

package/dist/types/components/containers/value-container.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
+import { type CommonPropsAndClassName, type GroupBase } from '../../types';
+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.
+     */
+    innerProps?: {};
+    /**
+     * The children to be rendered.
+     */
+    children: ReactNode;
+    isDisabled: boolean;
+    /**
+     * Whether the select is compact.
+     */
+    isCompact?: boolean;
+}
+export declare const ValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ValueContainerProps<Option, IsMulti, Group>) => JSX.Element;

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

@@ -36,6 +36,5 @@ export interface ControlProps<Option = unknown, IsMulti extends boolean = boolea
      */
     menuIsOpen: boolean;
 }
-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/components/{internal/dummy-input.d.ts → dummy-input.d.ts}

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

package/dist/types/components/group-heading.d.ts

@@ -0,0 +1,19 @@
+import { type XCSSProp } from '@compiled/react';
+import type { XCSSAllProperties, XCSSAllPseudos } from '@atlaskit/css';
+import { type SelectProps } from '../select';
+import { type CommonProps, type CX, type GetStyles, type GroupBase } from '../types';
+export interface ForwardedHeadingProps<Option, Group extends GroupBase<Option>> {
+    id: string;
+    data: Group;
+}
+interface GroupHeadingPropsDefinedProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends ForwardedHeadingProps<Option, Group> {
+    className?: string | undefined;
+    selectProps: SelectProps<Option, IsMulti, Group>;
+    getStyles: GetStyles<Option, IsMulti, Group>;
+    getClassNames: CommonProps<Option, IsMulti, Group>['getClassNames'];
+    cx: CX;
+    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 GroupHeading: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupHeadingProps<Option, IsMulti, Group>) => JSX.Element;
+export {};

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

@@ -2,15 +2,9 @@
  * @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 CX, type GetStyles, type GroupBase, type Options } from '../types';
-interface ForwardedHeadingProps<Option, Group extends GroupBase<Option>> {
-    id: string;
-    data: Group;
-}
+import type { ComponentType, ReactNode } from 'react';
+import { type CommonPropsAndClassName, type GroupBase, type Options } from '../types';
+import { type ForwardedHeadingProps, type GroupHeadingProps } from './group-heading';
 export interface GroupProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
     /**
      * The children to be rendered.
@@ -38,17 +32,5 @@ export interface GroupProps<Option = unknown, IsMulti extends boolean = boolean,
     data: Group;
     options: Options<Option>;
 }
-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>;
-    getStyles: GetStyles<Option, IsMulti, Group>;
-    getClassNames: CommonProps<Option, IsMulti, Group>['getClassNames'];
-    cx: CX;
-    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: () => {};
-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/components/index.d.ts

@@ -1,12 +1,25 @@
-import { type ComponentType } from 'react';
-import { type GroupBase } from '../types';
-import { type ContainerProps, IndicatorsContainer, type IndicatorsContainerProps, SelectContainer, ValueContainer, type ValueContainerProps } from './containers';
+import type { ComponentType } from 'react';
+import type { GroupBase, MultiValueGenericProps, NoticeProps } from '../types';
+import { IndicatorsContainer, type IndicatorsContainerProps } from './containers/indicators-container';
+import { MultiValueContainer } from './containers/multi-value-container';
+import { type ContainerProps, SelectContainer } from './containers/select-container';
+import { ValueContainer, type ValueContainerProps } from './containers/value-container';
 import Control, { type ControlProps } from './control';
-import Group, { GroupHeading, type GroupHeadingProps, type GroupProps } from './group';
-import { ClearIndicator, type ClearIndicatorProps, DropdownIndicator, type DropdownIndicatorProps, LoadingIndicator, type LoadingIndicatorProps } from './indicators';
+import Group, { type GroupProps } from './group';
+import { GroupHeading, type GroupHeadingProps } from './group-heading';
+import { ClearIndicator, type ClearIndicatorProps } from './indicators/clear-indicator';
+import { DropdownIndicator, type DropdownIndicatorProps } from './indicators/dropdown-indicator';
+import { LoadingIndicator, type LoadingIndicatorProps } from './indicators/loading-indicator';
 import Input, { type InputProps } from './input';
-import Menu, { LoadingMessage, MenuList, type MenuListProps, MenuPortal, type MenuPortalProps, type MenuProps, NoOptionsMessage, type NoticeProps } from './menu';
-import MultiValue, { MultiValueContainer, type MultiValueGenericProps, MultiValueLabel, type MultiValueProps, MultiValueRemove, type MultiValueRemoveProps } from './multi-value';
+import Menu from './menu';
+import type { MenuProps } from './menu';
+import { MenuList, type MenuListProps } from './menu-list';
+import { LoadingMessage } from './menu-loading-message';
+import { NoOptionsMessage } from './menu-no-options-message';
+import { MenuPortal, type MenuPortalProps } from './menu-portal';
+import MultiValue, { type MultiValueProps } from './multi-value';
+import { MultiValueLabel } from './multi-value-label';
+import { MultiValueRemove, type MultiValueRemoveProps } from './multi-value-remove';
 import Option, { type OptionProps } from './option';
 import Placeholder, { type PlaceholderProps } from './placeholder';
 import SingleValue, { type SingleValueProps } from './single-value';

package/dist/types/components/indicators/clear-indicator.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
+import { type CommonPropsAndClassName, type GroupBase } from '../../types';
+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.
+     */
+    children?: ReactNode;
+    /**
+     * Sets the `aria-label` for the clear icon button
+     */
+    clearControlLabel?: string;
+    /**
+     * Props that will be passed on to the children.
+     */
+    innerProps: JSX.IntrinsicElements['div'];
+    /**
+     * The focused state of the select.
+     */
+    isFocused: boolean;
+    /**
+     * Whether the select is compact.
+     */
+    isCompact?: boolean;
+}
+export declare const ClearIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => JSX.Element;

package/dist/types/components/indicators/dropdown-indicator.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @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.
+     */
+    children?: ReactNode;
+    /**
+     * Props that will be passed on to the children.
+     */
+    innerProps: JSX.IntrinsicElements['div'];
+    /**
+     * The focused state of the select.
+     */
+    isFocused: boolean;
+    isDisabled: boolean;
+    /**
+     * Whether the select is compact.
+     */
+    isCompact?: boolean;
+}
+export declare const DropdownIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group>) => JSX.Element;

package/dist/types/components/indicators/loading-indicator.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type CommonPropsAndClassName, type GroupBase } from '../../types';
+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.
+     */
+    innerProps: JSX.IntrinsicElements['div'];
+    /**
+     * The focused state of the select.
+     */
+    isFocused: boolean;
+    isDisabled: boolean;
+    /**
+     * Set size of the container.
+     */
+    size: number;
+    /**
+     * Whether the select is compact.
+     */
+    isCompact?: boolean;
+}
+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/components/input.d.ts

@@ -31,6 +31,5 @@ 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: () => {};
 declare const Input: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: InputProps<Option, IsMulti, Group>) => JSX.Element;
 export default Input;

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

@@ -0,0 +1,29 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type LegacyRef, type ReactNode } from 'react';
+import type { CommonPropsAndClassName, GroupBase } from '../types';
+export interface MenuListProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    /**
+     * Set the max height of the Menu component
+     */
+    maxHeight: number;
+    /**
+     * The children to be rendered.
+     */
+    children: ReactNode;
+    /**
+     * Inner ref to DOM ReactNode
+     */
+    innerRef: LegacyRef<HTMLDivElement>;
+    /**
+     * The currently focused option
+     */
+    focusedOption: Option;
+    /**
+     * Props to be passed to the menu-list wrapper.
+     */
+    innerProps: JSX.IntrinsicElements['div'];
+}
+export declare const MenuList: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuListProps<Option, IsMulti, Group>) => JSX.Element;

package/dist/types/components/menu-loading-message.d.ts

@@ -0,0 +1,2 @@
+import type { GroupBase, NoticeProps } from '../types';
+export declare const LoadingMessage: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, xcss, ...restProps }: NoticeProps<Option, IsMulti, Group>) => JSX.Element;

package/dist/types/components/menu-no-options-message.d.ts

@@ -0,0 +1,2 @@
+import type { GroupBase, NoticeProps } from '../types';
+export declare const NoOptionsMessage: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, xcss, ...restProps }: NoticeProps<Option, IsMulti, Group>) => JSX.Element;

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

@@ -0,0 +1,49 @@
+import { type ReactElement, type Ref } from 'react';
+import type { CoercedMenuPlacement, CommonProps, GroupBase, MenuPlacement, MenuPosition } from '../types';
+interface ChildrenProps {
+    ref: Ref<HTMLDivElement>;
+    placerProps: PlacerProps;
+}
+interface PlacerProps {
+    placement: CoercedMenuPlacement;
+    maxHeight: number;
+}
+export interface MenuPlacementProps {
+    /**
+     * Set the minimum height of the menu.
+     */
+    minMenuHeight: number;
+    /**
+     * Set the maximum height of the menu.
+     */
+    maxMenuHeight: number;
+    /**
+     * Set whether the menu should be at the top, at the bottom. The auto options sets it to bottom.
+     */
+    menuPlacement: MenuPlacement;
+    /**
+     * The CSS position value of the menu, when "fixed" extra layout management is required
+     */
+    menuPosition: MenuPosition;
+    /**
+     * Set whether the page should scroll to show the menu.
+     */
+    menuShouldScrollIntoView: boolean;
+}
+interface MenuPlacerProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group>, MenuPlacementProps {
+    /**
+     * The children to be rendered.
+     */
+    children: (childrenProps: ChildrenProps) => ReactElement;
+}
+/**
+ * __Menu placer__
+ *
+ * A menu placer {description}.
+ *
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
+ */
+declare const MenuPlacer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPlacerProps<Option, IsMulti, Group>) => ReactElement<any, string | import('react').JSXElementConstructor<any>>;
+export default MenuPlacer;

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

@@ -0,0 +1,23 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode } from 'react';
+import type { CommonPropsAndClassName, GroupBase, MenuPlacement, MenuPosition } from '../types';
+export interface MenuPortalProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
+    appendTo: HTMLElement | undefined;
+    children: ReactNode;
+    controlElement: HTMLDivElement | null;
+    innerProps: JSX.IntrinsicElements['div'];
+    menuPlacement: MenuPlacement;
+    menuPosition: MenuPosition;
+}
+export interface PortalStyleArgs {
+    offset: number;
+    position: MenuPosition;
+    rect: {
+        left: number;
+        width: number;
+    };
+}
+export declare const MenuPortal: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPortalProps<Option, IsMulti, Group>) => JSX.Element | null;

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

@@ -2,30 +2,9 @@
  * @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.
-     */
-    minMenuHeight: number;
-    /**
-     * Set the maximum height of the menu.
-     */
-    maxMenuHeight: number;
-    /**
-     * Set whether the menu should be at the top, at the bottom. The auto options sets it to bottom.
-     */
-    menuPlacement: MenuPlacement;
-    /**
-     * The CSS position value of the menu, when "fixed" extra layout management is required
-     */
-    menuPosition: MenuPosition;
-    /**
-     * Set whether the page should scroll to show the menu.
-     */
-    menuShouldScrollIntoView: boolean;
-}
+import { type ReactNode, type Ref } from 'react';
+import { type CoercedMenuPlacement, type CommonPropsAndClassName, type GroupBase } from '../types';
+import type { MenuPlacementProps } from './menu-placer';
 export interface MenuProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group>, MenuPlacementProps {
     /**
      * Reference to the internal element, consumed by the MenuPlacer component
@@ -39,77 +18,5 @@ export interface MenuProps<Option = unknown, IsMulti extends boolean = boolean,
      */
     children: ReactNode;
 }
-interface PlacerProps {
-    placement: CoercedMenuPlacement;
-    maxHeight: number;
-}
-interface ChildrenProps {
-    ref: Ref<HTMLDivElement>;
-    placerProps: PlacerProps;
-}
-interface MenuPlacerProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group>, MenuPlacementProps {
-    /**
-     * The children to be rendered.
-     */
-    children: (childrenProps: ChildrenProps) => ReactElement;
-}
-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> {
-    /**
-     * Set the max height of the Menu component
-     */
-    maxHeight: number;
-    /**
-     * The children to be rendered.
-     */
-    children: ReactNode;
-    /**
-     * Inner ref to DOM ReactNode
-     */
-    innerRef: LegacyRef<HTMLDivElement>;
-    /**
-     * The currently focused option
-     */
-    focusedOption: Option;
-    /**
-     * Props to be passed to the menu-list wrapper.
-     */
-    innerProps: JSX.IntrinsicElements['div'];
-}
-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.
-     */
-    children: ReactNode;
-    /**
-     * Props to be passed on to the wrapper.
-     */
-    innerProps: JSX.IntrinsicElements['div'];
-}
-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;
-    controlElement: HTMLDivElement | null;
-    innerProps: JSX.IntrinsicElements['div'];
-    menuPlacement: MenuPlacement;
-    menuPosition: MenuPosition;
-}
-export interface PortalStyleArgs {
-    offset: number;
-    position: MenuPosition;
-    rect: {
-        left: number;
-        width: number;
-    };
-}
-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-label.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import type { GroupBase, MultiValueGenericProps } from '../types';
+export declare const MultiValueLabel: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, isDisabled, hasEllipsis, className, xcss, }: MultiValueGenericProps<Option, IsMulti, Group>) => JSX.Element;

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

@@ -0,0 +1,20 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import type { ReactNode } from 'react';
+import { type XCSSProp } from '@compiled/react';
+import type { XCSSAllProperties, XCSSAllPseudos } from '@atlaskit/css';
+import type { SelectProps } from '../select';
+import type { GroupBase } from '../types';
+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, isFocused, innerProps, className, xcss, }: MultiValueRemoveProps<Option, IsMulti, Group>): JSX.Element;

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

@@ -2,11 +2,9 @@
  * @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 GroupBase } from '../types';
+import type { ComponentType, ReactNode } from 'react';
+import type { CommonPropsAndClassName, GroupBase, MultiValueGenericProps } from '../types';
+import type { MultiValueRemoveProps } from './multi-value-remove';
 interface MultiValueComponents<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
     Container: ComponentType<MultiValueGenericProps<Option, IsMulti, Group>>;
     Label: ComponentType<MultiValueGenericProps<Option, IsMulti, Group>>;
@@ -23,35 +21,5 @@ export interface MultiValueProps<Option = unknown, IsMulti extends boolean = boo
     removeProps: JSX.IntrinsicElements['div'];
     index: number;
 }
-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;
-    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, 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;
-    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, 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

@@ -43,6 +43,5 @@ export interface OptionProps<Option = unknown, IsMulti extends boolean = boolean
      */
     isSelected: boolean;
 }
-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

@@ -16,6 +16,5 @@ export interface PlaceholderProps<Option = unknown, IsMulti extends boolean = bo
     isDisabled: boolean;
     isFocused: boolean;
 }
-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

@@ -22,6 +22,5 @@ export interface SingleValueProps<Option = unknown, IsMulti extends boolean = bo
      */
     isDisabled: boolean;
 }
-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/creatable.d.ts

@@ -1,6 +1,6 @@
 import { type ReactElement, type RefAttributes } from 'react';
 import Select from './select';
-import { type GroupBase } from './types';
+import type { GroupBase } from './types';
 import useCreatable, { type CreatableAdditionalProps } from './use-creatable';
 import { type StateManagerProps } from './use-state-manager';
 export type CreatableProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = StateManagerProps<Option, IsMulti, Group> & CreatableAdditionalProps<Option, Group>;

package/dist/types/get-style-props.d.ts

@@ -0,0 +1,6 @@
+import type { StylesProps } from './styles';
+import type { ClassNamesState, CommonPropsAndClassName, GroupBase } from './types';
+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: any;
+    className: string;
+};