@atlaskit/react-select 3.16.0 → 3.16.2

package/dist/types/entry-points/creatable.d.ts

@@ -1,3 +1,3 @@
-export { useCreatable } from '../creatable';
+export { default as useCreatable } from '../use-creatable';
 export type { CreatableProps } from '../creatable';
 export { default } from '../creatable';

package/dist/types/internal/select-get-styles-context.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Internal context used to pass the original Select instance's getStyles function
+ * down to components like MultiValue, without polluting the public CommonProps API.
+ *
+ * This allows MultiValue to detect whether getStyles has been overridden on a
+ * component instance (e.g. via a custom component wrapper passing a different
+ * getStyles prop), by comparing props.getStyles against the original.
+ *
+ * @internal — not part of the public API
+ */
+import { type Context } from 'react';
+export declare const SelectGetStylesContext: Context<Function | undefined>;

package/dist/types/internal/use-select-get-styles.d.ts

@@ -0,0 +1 @@
+export declare const useSelectGetStyles: () => Function | undefined;

package/dist/types/theme.d.ts

@@ -1,8 +1,6 @@
-import type { Theme } from './types';
 export declare const spacing: {
     baseUnit: number;
     controlHeight: number;
     menuGutter: number;
 };
-export declare const defaultTheme: Theme;
 export { colors } from './colors';

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

@@ -1,9 +1,8 @@
 import { type ReactElement, type RefAttributes } from 'react';
 import Select from './select';
 import type { GroupBase } from './types';
-import useAsync, { type AsyncProps } from './use-async';
+import { type AsyncProps } from './use-async';
 export type { AsyncProps };
 type AsyncSelect = <Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: AsyncProps<Option, IsMulti, Group> & RefAttributes<Select<Option, IsMulti, Group>>) => ReactElement;
 declare const AsyncSelect: AsyncSelect;
-export { useAsync };
 export default AsyncSelect;

package/dist/types-ts4.5/compiled/components/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-ts4.5/compiled/components/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-ts4.5/compiled/components/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-ts4.5/creatable.d.ts

@@ -1,10 +1,9 @@
 import { type ReactElement, type RefAttributes } from 'react';
 import Select from './select';
 import type { GroupBase } from './types';
-import useCreatable, { type CreatableAdditionalProps } from './use-creatable';
+import { 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>;
 type CreatableSelect = <Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: CreatableProps<Option, IsMulti, Group> & RefAttributes<Select<Option, IsMulti, Group>>) => ReactElement;
 declare const CreatableSelect: CreatableSelect;
-export { useCreatable };
 export default CreatableSelect;

package/dist/types-ts4.5/entry-points/async.d.ts

@@ -1,3 +1,3 @@
-export { useAsync } from '../async';
+export { default as useAsync } from '../use-async';
 export type { AsyncProps } from '../async';
 export { default } from '../async';

package/dist/types-ts4.5/entry-points/creatable.d.ts

@@ -1,3 +1,3 @@
-export { useCreatable } from '../creatable';
+export { default as useCreatable } from '../use-creatable';
 export type { CreatableProps } from '../creatable';
 export { default } from '../creatable';

package/dist/types-ts4.5/internal/select-get-styles-context.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Internal context used to pass the original Select instance's getStyles function
+ * down to components like MultiValue, without polluting the public CommonProps API.
+ *
+ * This allows MultiValue to detect whether getStyles has been overridden on a
+ * component instance (e.g. via a custom component wrapper passing a different
+ * getStyles prop), by comparing props.getStyles against the original.
+ *
+ * @internal — not part of the public API
+ */
+import { type Context } from 'react';
+export declare const SelectGetStylesContext: Context<Function | undefined>;

package/dist/types-ts4.5/internal/use-select-get-styles.d.ts

@@ -0,0 +1 @@
+export declare const useSelectGetStyles: () => Function | undefined;

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

@@ -1,8 +1,6 @@
-import type { Theme } from './types';
 export declare const spacing: {
     baseUnit: number;
     controlHeight: number;
     menuGutter: number;
 };
-export declare const defaultTheme: Theme;
 export { colors } from './colors';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-select",
-	"version": "3.16.0",
+	"version": "3.16.2",
 	"description": "A forked version of react-select to only be used in atlaskit/select",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -21,12 +21,12 @@
 	"atlaskit:src": "src/index.tsx",
 	"dependencies": {
 		"@atlaskit/ds-lib": "^7.0.0",
-		"@atlaskit/icon": "^34.3.0",
+		"@atlaskit/icon": "^35.3.0",
 		"@atlaskit/layering": "^3.7.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/spinner": "^19.1.0",
-		"@atlaskit/tag": "^14.13.0",
+		"@atlaskit/tag": "^14.14.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
@@ -42,10 +42,12 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@atlaskit/checkbox": "^17.3.0",
 		"@atlaskit/form": "^15.5.0",
-		"@atlassian/feature-flags-test-utils": "^1.0.0",
+		"@atlassian/feature-flags-test-utils": "^1.1.0",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
-		"jest-in-case": "^1.0.2"
+		"jest-in-case": "^1.0.2",
+		"react": "^18.2.0",
+		"react-dom": "^18.2.0"
 	},
 	"platform-feature-flags": {
 		"custom-interactive-elements-not-keyboard-focusable": {

package/dist/cjs/compiled/components/containers.compiled.css

@@ -1,28 +0,0 @@
-._11c81d4k{font:var(--ds-font-body-large,normal 400 1pc/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._zulp1b66{gap:var(--ds-space-050,4px)}
-._16jlkb7n{flex-grow:1}
-._18m915vq{overflow-y:hidden}
-._1e0c11p5{display:grid}
-._1e0c1txw{display:flex}
-._1eim1xrj{direction:rtl}
-._1n261g80{flex-wrap:wrap}
-._1o9zidpf{flex-shrink:0}
-._1o9zkb7n{flex-shrink:1}
-._1q511b66{padding-block-start:var(--ds-space-050,4px)}
-._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
-._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
-._1reo15vq{overflow-x:hidden}
-._1wpz1fhb{align-self:stretch}
-._4cvr1h6o{align-items:center}
-._80om13gf{cursor:not-allowed}
-._85i51b66{padding-block-end:var(--ds-space-050,4px)}
-._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
-._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
-._8am5i4x0{-webkit-overflow-scrolling:touch}
-._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
-._i0dlf1ug{flex-basis:0%}
-._kqswh2mm{position:relative}
-._lcxv1rj4{pointer-events:all}
-._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}
-._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
-@media (min-width:30rem){._1tn2fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}}

package/dist/es2019/compiled/components/containers.compiled.css

@@ -1,28 +0,0 @@
-._11c81d4k{font:var(--ds-font-body-large,normal 400 1pc/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._zulp1b66{gap:var(--ds-space-050,4px)}
-._16jlkb7n{flex-grow:1}
-._18m915vq{overflow-y:hidden}
-._1e0c11p5{display:grid}
-._1e0c1txw{display:flex}
-._1eim1xrj{direction:rtl}
-._1n261g80{flex-wrap:wrap}
-._1o9zidpf{flex-shrink:0}
-._1o9zkb7n{flex-shrink:1}
-._1q511b66{padding-block-start:var(--ds-space-050,4px)}
-._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
-._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
-._1reo15vq{overflow-x:hidden}
-._1wpz1fhb{align-self:stretch}
-._4cvr1h6o{align-items:center}
-._80om13gf{cursor:not-allowed}
-._85i51b66{padding-block-end:var(--ds-space-050,4px)}
-._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
-._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
-._8am5i4x0{-webkit-overflow-scrolling:touch}
-._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
-._i0dlf1ug{flex-basis:0%}
-._kqswh2mm{position:relative}
-._lcxv1rj4{pointer-events:all}
-._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}
-._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
-@media (min-width:30rem){._1tn2fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}}

package/dist/esm/compiled/components/containers.compiled.css

@@ -1,28 +0,0 @@
-._11c81d4k{font:var(--ds-font-body-large,normal 400 1pc/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._zulp1b66{gap:var(--ds-space-050,4px)}
-._16jlkb7n{flex-grow:1}
-._18m915vq{overflow-y:hidden}
-._1e0c11p5{display:grid}
-._1e0c1txw{display:flex}
-._1eim1xrj{direction:rtl}
-._1n261g80{flex-wrap:wrap}
-._1o9zidpf{flex-shrink:0}
-._1o9zkb7n{flex-shrink:1}
-._1q511b66{padding-block-start:var(--ds-space-050,4px)}
-._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
-._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
-._1reo15vq{overflow-x:hidden}
-._1wpz1fhb{align-self:stretch}
-._4cvr1h6o{align-items:center}
-._80om13gf{cursor:not-allowed}
-._85i51b66{padding-block-end:var(--ds-space-050,4px)}
-._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
-._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
-._8am5i4x0{-webkit-overflow-scrolling:touch}
-._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
-._i0dlf1ug{flex-basis:0%}
-._kqswh2mm{position:relative}
-._lcxv1rj4{pointer-events:all}
-._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}
-._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
-@media (min-width:30rem){._1tn2fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}}

package/dist/esm/compiled/components/containers.js

@@ -1,112 +0,0 @@
-/* containers.tsx generated by @compiled/babel-plugin v0.39.1 */
-import _extends from "@babel/runtime/helpers/extends";
-import "./containers.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { cx } from '@compiled/react';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { getStyleProps } from '../../get-style-props';
-
-// ==============================
-// Root Container
-// ==============================
-
-// iOS Safari automatically zooms into form inputs on focus when the font size is less than 16px.
-// To prevent this zoom behaviour on mobile devices, the select container uses font.body.large (16px) by default,
-// then switches to the smaller font.body on screens wider than 30rem (desktop).
-// @see: https://medium.com/@rares.popescu/2-ways-to-avoid-the-automatic-zoom-in-on-input-fields-8a71479e542e
-
-var containerStyles = {
-  default: "_11c81d4k _kqswh2mm _lcxv1rj4 _1tn2fhey",
-  rtl: "_1eim1xrj",
-  disabled: "_80om13gf"
-};
-
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-export var SelectContainer = function SelectContainer(props) {
-  var children = props.children,
-    innerProps = props.innerProps,
-    isDisabled = props.isDisabled,
-    isRtl = props.isRtl,
-    xcss = props.xcss;
-  var _getStyleProps = getStyleProps(props, 'container', {
-      '--is-disabled': isDisabled,
-      '--is-rtl': isRtl
-    }),
-    className = _getStyleProps.className,
-    css = _getStyleProps.css;
-  return /*#__PURE__*/React.createElement("div", _extends({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
-    className: ax([containerStyles.default, isRtl && containerStyles.rtl, isDisabled && containerStyles.disabled, cx(className, xcss, '-container')])
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    ,
-    style: css
-  }, innerProps), children);
-};
-
-// ==============================
-// Value Container
-// ==============================
-
-var valueContainerStyles = {
-  default: "_16jlkb7n _1o9zkb7n _i0dlf1ug _1reo15vq _18m915vq _4cvr1h6o _1e0c11p5 _1n261g80 _8am5i4x0 _kqswh2mm _y4ti12x7 _bozg12x7",
-  verticalPaddingStandard: "_1q51v77o _85i5v77o",
-  verticalPaddingTagUpliftMulti: "_1q511b66 _85i51b66",
-  verticalPaddingTagUpliftCompactMulti: "_1q51v77o _85i5v77o",
-  verticalPaddingCompactNonUplift: "_1q51ze3t _85i5ze3t",
-  flex: "_1e0c1txw",
-  flexWithGap: "_zulp1b66 _1e0c1txw _1n261g80"
-};
-
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-export var ValueContainer = function ValueContainer(props) {
-  var children = props.children,
-    innerProps = props.innerProps,
-    isMulti = props.isMulti,
-    hasValue = props.hasValue,
-    isCompact = props.isCompact,
-    xcss = props.xcss,
-    controlShouldRenderValue = props.selectProps.controlShouldRenderValue;
-  var _getStyleProps2 = getStyleProps(props, 'valueContainer', {
-      'value-container': true,
-      'value-container--is-multi': isMulti,
-      'value-container--has-value': hasValue
-    }),
-    css = _getStyleProps2.css,
-    className = _getStyleProps2.className;
-  var ffTagUplifts = fg('platform-dst-lozenge-tag-badge-visual-uplifts');
-  var tagUpliftMultiVertical = ffTagUplifts && isMulti;
-  var tagUpliftChipRow = ffTagUplifts && isMulti && hasValue && controlShouldRenderValue;
-  return /*#__PURE__*/React.createElement("div", _extends({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
-    className: ax([valueContainerStyles.default, tagUpliftMultiVertical && isCompact && valueContainerStyles.verticalPaddingTagUpliftCompactMulti, tagUpliftMultiVertical && !isCompact && valueContainerStyles.verticalPaddingTagUpliftMulti, !tagUpliftMultiVertical && !isCompact && valueContainerStyles.verticalPaddingStandard, !tagUpliftMultiVertical && isCompact && valueContainerStyles.verticalPaddingCompactNonUplift, isMulti && hasValue && controlShouldRenderValue && valueContainerStyles.flex, tagUpliftChipRow && valueContainerStyles.flexWithGap, cx(className, xcss, '-ValueContainer')])
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    ,
-    style: css
-  }, innerProps), children);
-};
-
-// ==============================
-// Indicator Container
-// ==============================
-
-var indicatorContainerStyles = null;
-
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-export var IndicatorsContainer = function IndicatorsContainer(props) {
-  var children = props.children,
-    innerProps = props.innerProps,
-    xcss = props.xcss;
-  var _getStyleProps3 = getStyleProps(props, 'indicatorsContainer', {
-      indicators: true
-    }),
-    css = _getStyleProps3.css,
-    className = _getStyleProps3.className;
-  return /*#__PURE__*/React.createElement("div", _extends({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    style: css
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
-    ,
-    className: ax(["_1e0c1txw _4cvr1h6o _1o9zidpf _1wpz1fhb _y4ti1b66", cx(className, xcss, '-IndicatorsContainer')])
-  }, innerProps), children);
-};

package/dist/types/compiled/components/containers.d.ts

@@ -1,50 +0,0 @@
-/**
- * @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;
-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;
-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-ts4.5/compiled/components/containers.d.ts

@@ -1,50 +0,0 @@
-/**
- * @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;
-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;
-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;