@atlaskit/react-select 3.14.3 → 3.14.5

package/dist/esm/components/containers.js

@@ -1,108 +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 { getStyleProps } from '../utils';
-
-// ==============================
-// Root Container
-// ==============================
-
-export var containerCSS = function containerCSS() {
-  return {};
-};
-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
-// ==============================
-
-export var valueContainerCSS = function valueContainerCSS() {
-  return {};
-};
-var valueContainerStyles = {
-  default: "_16jlkb7n _1o9zkb7n _i0dlf1ug _1reo15vq _18m915vq _4cvr1h6o _1e0c11p5 _1n261g80 _8am5i4x0 _kqswh2mm _1q51v77o _y4ti12x7 _85i5v77o _bozg12x7",
-  flex: "_1e0c1txw",
-  compact: "_1q51ze3t _y4ti12x7 _85i5ze3t _bozg12x7"
-};
-
-// 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;
-  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, isMulti && hasValue && controlShouldRenderValue && valueContainerStyles.flex, isCompact && valueContainerStyles.compact, cx(className, xcss, '-ValueContainer')])
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    ,
-    style: css
-  }, innerProps), children);
-};
-
-// ==============================
-// Indicator Container
-// ==============================
-
-export var indicatorsContainerCSS = function indicatorsContainerCSS() {
-  return {};
-};
-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/esm/components/indicators.js

@@ -1,148 +0,0 @@
-/* indicators.tsx generated by @compiled/babel-plugin v0.39.1 */
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/extends";
-var _excluded = ["innerProps", "isRtl", "size", "isCompact", "xcss"];
-import "./indicators.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { cx } from '@compiled/react';
-import DownIcon from '@atlaskit/icon/core/chevron-down';
-import CrossIcon from '@atlaskit/icon/core/cross-circle';
-import { Inline, Pressable } from '@atlaskit/primitives/compiled';
-import Spinner from '@atlaskit/spinner';
-import { getStyleProps } from '../utils';
-
-// ==============================
-// Dropdown & Clear Icons
-// ==============================
-
-var iconContainerStyles = {
-  root: "_kkk2n7od _12ji1r31 _1qu219ly _12y31o36 _1e0c1txw _4cvr1h6o _1bah1h6o _1q51v77o _y4tiv77o _85i5v77o _bozgv77o"
-};
-var dropdownWrapperStyles = {
-  root: "_1q5112x7 _y4ti12x7 _85i512x7 _bozg12x7"
-};
-
-// ==============================
-// Dropdown & Clear Buttons
-// ==============================
-
-var dropdownStyles = {
-  default: "_v564vrg3 _1e0c1txw _syazazsu _1q5112x7 _y4tiv77o _85i512x7 _bozgv77o _30l3azsu",
-  compact: "_1q51idpf _85i5idpf",
-  disabled: "_syaz1gmx"
-};
-export var dropdownIndicatorCSS = function dropdownIndicatorCSS() {
-  return {};
-};
-
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-export var DropdownIndicator = function DropdownIndicator(props) {
-  var innerProps = props.innerProps,
-    children = props.children,
-    isDisabled = props.isDisabled,
-    isCompact = props.isCompact,
-    xcss = props.xcss;
-  var _getStyleProps = getStyleProps(props, 'dropdownIndicator', {
-      indicator: true,
-      'dropdown-indicator': true
-    }),
-    css = _getStyleProps.css,
-    className = _getStyleProps.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([dropdownStyles.default, isDisabled && dropdownStyles.disabled, isCompact && dropdownStyles.compact, cx(className, xcss, '-indicatorContainer')])
-  }, innerProps), children ? children : /*#__PURE__*/React.createElement(Inline, {
-    as: "span",
-    xcss: dropdownWrapperStyles.root
-  }, /*#__PURE__*/React.createElement(DownIcon, {
-    color: "currentColor",
-    label: "open",
-    size: "small"
-  })));
-};
-export var clearIndicatorCSS = function clearIndicatorCSS() {
-  return {};
-};
-var clearIndicatorStyles = {
-  default: "_v564vrg3 _1e0c1txw _syaz1rpy _1q5112x7 _y4tiv77o _85i512x7 _bozgv77o _30l3azsu",
-  compact: "_1q51idpf _85i5idpf"
-};
-
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-export var ClearIndicator = function ClearIndicator(props) {
-  var innerProps = props.innerProps,
-    _props$clearControlLa = props.clearControlLabel,
-    clearControlLabel = _props$clearControlLa === void 0 ? 'clear' : _props$clearControlLa,
-    isCompact = props.isCompact,
-    xcss = props.xcss;
-  var _getStyleProps2 = getStyleProps(props, 'clearIndicator', {
-      indicator: true,
-      'clear-indicator': true
-    }),
-    css = _getStyleProps2.css,
-    className = _getStyleProps2.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([clearIndicatorStyles.default, isCompact && clearIndicatorStyles.compact, cx(className, xcss, '-indicatorContainer')])
-  }, innerProps), /*#__PURE__*/React.createElement(Pressable, {
-    xcss: iconContainerStyles.root,
-    tabIndex: -1,
-    "aria-label": clearControlLabel
-  }, /*#__PURE__*/React.createElement(CrossIcon, {
-    label: "",
-    color: "currentColor",
-    size: "small"
-  })));
-};
-
-// ==============================
-// Loading
-// ==============================
-
-export var loadingIndicatorCSS = function loadingIndicatorCSS() {
-  return {};
-};
-var loadingIndicatorStyles = {
-  default: "_1q5112x7 _y4tiu2gc _85i512x7 _bozgu2gc",
-  compact: "_1q51idpf _85i5idpf"
-};
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-var LoadingIndicator = function LoadingIndicator(_ref) {
-  var innerProps = _ref.innerProps,
-    isRtl = _ref.isRtl,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 4 : _ref$size,
-    isCompact = _ref.isCompact,
-    xcss = _ref.xcss,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _getStyleProps3 = getStyleProps(_objectSpread(_objectSpread({}, restProps), {}, {
-      innerProps: innerProps,
-      isRtl: isRtl,
-      size: size
-    }), 'loadingIndicator', {
-      indicator: true,
-      'loading-indicator': 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([loadingIndicatorStyles.default, isCompact && loadingIndicatorStyles.compact, cx(className, xcss, '-loadingIndicator')])
-  }, innerProps), /*#__PURE__*/React.createElement(Spinner, {
-    size: "small"
-  }));
-};
-export { LoadingIndicator };

package/dist/esm/utils.js

@@ -1,364 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _typeof from "@babel/runtime/helpers/typeof";
-var _excluded = ["className", "clearValue", "cx", "xcss", "getStyles", "getClassNames", "getValue", "hasValue", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-// ==============================
-// NO OP
-// ==============================
-
-export var noop = function noop() {};
-
-// ==============================
-// Class Name Prefixer
-// ==============================
-
-/**
- * String representation of component state for styling with class names.
- *
- * Expects an array of strings OR a string/object pair:
- * - className(['comp', 'comp-arg', 'comp-arg-2'])
- * @returns 'react-select__comp react-select__comp-arg react-select__comp-arg-2'
- * - className('comp', { some: true, state: false })
- * @returns 'react-select__comp react-select__comp--some'
- */
-function applyPrefixToName(prefix, name) {
-  if (!name) {
-    return prefix;
-  } else if (name[0] === '-') {
-    return prefix + name;
-  } else {
-    return prefix + '__' + name;
-  }
-}
-export function classNames(prefix, state) {
-  for (var _len = arguments.length, classNameList = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-    classNameList[_key - 2] = arguments[_key];
-  }
-  var arr = [].concat(classNameList);
-  if (state && prefix) {
-    for (var key in state) {
-      if (state.hasOwnProperty(key) && state[key]) {
-        arr.push("".concat(applyPrefixToName(prefix, key)));
-      }
-    }
-  }
-  return arr.filter(function (i) {
-    return i;
-  }).map(function (i) {
-    return String(i).trim();
-  }).join(' ');
-}
-// ==============================
-// Clean Value
-// ==============================
-
-export var cleanValue = function cleanValue(value) {
-  if (isArray(value)) {
-    return value.filter(Boolean);
-  }
-  if (_typeof(value) === 'object' && value !== null) {
-    return [value];
-  }
-  return [];
-};
-
-// ==============================
-// Clean Common Props
-// ==============================
-
-export var cleanCommonProps = function cleanCommonProps(props) {
-  //className
-  var className = props.className,
-    clearValue = props.clearValue,
-    cx = props.cx,
-    xcss = props.xcss,
-    getStyles = props.getStyles,
-    getClassNames = props.getClassNames,
-    getValue = props.getValue,
-    hasValue = props.hasValue,
-    isMulti = props.isMulti,
-    isRtl = props.isRtl,
-    options = props.options,
-    selectOption = props.selectOption,
-    selectProps = props.selectProps,
-    setValue = props.setValue,
-    innerProps = _objectWithoutProperties(props, _excluded);
-  return _objectSpread({}, innerProps);
-};
-
-// ==============================
-// Get Style Props
-// ==============================
-
-export var getStyleProps = function getStyleProps(props, name, classNamesState) {
-  var cx = props.cx,
-    getStyles = props.getStyles,
-    getClassNames = props.getClassNames,
-    className = props.className;
-  return {
-    css: getStyles(name, props),
-    className: cx(classNamesState !== null && classNamesState !== void 0 ? classNamesState : {}, getClassNames(name, props), className)
-  };
-};
-
-// ==============================
-// Handle Input Change
-// ==============================
-
-export function handleInputChange(inputValue, actionMeta, onInputChange) {
-  if (onInputChange) {
-    var newValue = onInputChange(inputValue, actionMeta);
-    if (typeof newValue === 'string') {
-      return newValue;
-    }
-  }
-  return inputValue;
-}
-
-// ==============================
-// Scroll Helpers
-// ==============================
-
-export function isDocumentElement(el) {
-  return [document.documentElement, document.body, window].indexOf(el) > -1;
-}
-
-// Normalized Scroll Top
-// ------------------------------
-
-export function normalizedHeight(el) {
-  if (isDocumentElement(el)) {
-    return window.innerHeight;
-  }
-  return el.clientHeight;
-}
-
-// Normalized scrollTo & scrollTop
-// ------------------------------
-
-export function getScrollTop(el) {
-  if (isDocumentElement(el)) {
-    return window.pageYOffset;
-  }
-  return el.scrollTop;
-}
-export function scrollTo(el, top) {
-  // with a scroll distance, we perform scroll on the element
-  if (isDocumentElement(el)) {
-    window.scrollTo(0, top);
-    return;
-  }
-  el.scrollTop = top;
-}
-
-// Get Scroll Parent
-// ------------------------------
-
-export function getScrollParent(element) {
-  var style = getComputedStyle(element);
-  var excludeStaticParent = style.position === 'absolute';
-  var overflowRx = /(auto|scroll)/;
-  if (style.position === 'fixed') {
-    return document.documentElement;
-  }
-  for (var parent = element; parent = parent.parentElement;) {
-    style = getComputedStyle(parent);
-    if (excludeStaticParent && style.position === 'static') {
-      continue;
-    }
-    if (overflowRx.test(style.overflow + style.overflowY + style.overflowX)) {
-      return parent;
-    }
-  }
-  return document.documentElement;
-}
-
-// Animated Scroll To
-// ------------------------------
-
-/**
- * @param t: time (elapsed)
- * @param b: initial value
- * @param c: amount of change
- * @param d: duration
- */
-function easeOutCubic(t, b, c, d) {
-  return c * ((t = t / d - 1) * t * t + 1) + b;
-}
-export function animatedScrollTo(element, to) {
-  var duration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 200;
-  var callback = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : noop;
-  var start = getScrollTop(element);
-  var change = to - start;
-  var increment = 10;
-  var currentTime = 0;
-  function animateScroll() {
-    currentTime += increment;
-    var val = easeOutCubic(currentTime, start, change, duration);
-    scrollTo(element, val);
-    if (currentTime < duration) {
-      window.requestAnimationFrame(animateScroll);
-    } else {
-      callback(element);
-    }
-  }
-  animateScroll();
-}
-
-// Scroll Into View
-// ------------------------------
-
-export function scrollIntoView(menuEl, focusedEl) {
-  var menuRect = menuEl.getBoundingClientRect();
-  var focusedRect = focusedEl.getBoundingClientRect();
-  var overScroll = focusedEl.offsetHeight / 3;
-  if (focusedRect.bottom + overScroll > menuRect.bottom) {
-    scrollTo(menuEl, Math.min(focusedEl.offsetTop + focusedEl.clientHeight - menuEl.offsetHeight + overScroll, menuEl.scrollHeight));
-  } else if (focusedRect.top - overScroll < menuRect.top) {
-    scrollTo(menuEl, Math.max(focusedEl.offsetTop - overScroll, 0));
-  }
-}
-
-// ==============================
-// Get bounding client object
-// ==============================
-
-// cannot get keys using array notation with DOMRect
-export function getBoundingClientObj(element) {
-  var rect = element.getBoundingClientRect();
-  return {
-    bottom: rect.bottom,
-    height: rect.height,
-    left: rect.left,
-    right: rect.right,
-    top: rect.top,
-    width: rect.width
-  };
-}
-
-// ==============================
-// Touch Capability Detector
-// ==============================
-
-export function isTouchCapable() {
-  try {
-    document.createEvent('TouchEvent');
-    return true;
-  } catch (_unused) {
-    return false;
-  }
-}
-
-// ==============================
-// Mobile Device Detector
-// ==============================
-
-export function isMobileDevice() {
-  try {
-    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
-  } catch (_unused2) {
-    return false;
-  }
-}
-
-// ==============================
-// Passive Event Detector
-// ==============================
-
-// https://github.com/rafgraph/detect-it/blob/main/src/index.ts#L19-L36
-var passiveOptionAccessed = false;
-var options = {
-  get passive() {
-    return passiveOptionAccessed = true;
-  }
-};
-// check for SSR
-var w = typeof window !== 'undefined' ? window : {};
-if (w.addEventListener && w.removeEventListener) {
-  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-  w.addEventListener('p', noop, options);
-  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-  w.removeEventListener('p', noop, false);
-}
-export var supportsPassiveEvents = passiveOptionAccessed;
-export function notNullish(item) {
-  return item != null;
-}
-function isArray(arg) {
-  return Array.isArray(arg);
-}
-export function valueTernary(isMulti, multiValue, singleValue) {
-  return isMulti ? multiValue : singleValue;
-}
-export function singleValueAsValue(singleValue) {
-  return singleValue;
-}
-export function multiValueAsValue(multiValue) {
-  return multiValue;
-}
-export var removeProps = function removeProps(propsObj) {
-  for (var _len2 = arguments.length, properties = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-    properties[_key2 - 1] = arguments[_key2];
-  }
-  var propsMap = Object.entries(propsObj).filter(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 1),
-      key = _ref2[0];
-    return !properties.includes(key);
-  });
-  return propsMap.reduce(function (newProps, _ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2),
-      key = _ref4[0],
-      val = _ref4[1];
-    newProps[key] = val;
-    return newProps;
-  }, {});
-};
-
-/**
- * Filters out unsupported selectors (e.g., pseudo-classes, complex selectors) from a styles object.
- * @param styles - The styles object to filter.
- * @returns A new object containing only supported styles.
- */
-export var filterUnsupportedSelectors = function filterUnsupportedSelectors(styles) {
-  var unsupportedSelectors = [':',
-  // pseudo-classes/elements
-  '[',
-  // attribute selectors
-  '>',
-  // child combinator
-  '+',
-  // adjacent sibling combinator
-  '~',
-  // general sibling combinator
-  ' ',
-  // descendant combinator
-  '*',
-  // universal selector
-  '#',
-  // ID selector
-  '.',
-  // class selector
-  '@',
-  // at-rules
-  '&',
-  // parent selector
-  '|',
-  // namespace separator
-  '^',
-  // starts with
-  '$',
-  // ends with
-  '=' // equals
-  ];
-  return Object.keys(styles).reduce(function (filteredStyles, key) {
-    if (!unsupportedSelectors.some(function (selector) {
-      return key.includes(selector);
-    })) {
-      filteredStyles[key] = styles[key];
-    }
-    return filteredStyles;
-  }, {});
-};

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

@@ -1,53 +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 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.
-     */
-    innerProps?: {};
-    /**
-     * The children to be rendered.
-     */
-    children: ReactNode;
-    isDisabled: boolean;
-    /**
-     * Whether the select is compact.
-     */
-    isCompact?: boolean;
-}
-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;
-    /**
-     * The children to be rendered.
-     */
-    children: ReactNode;
-    /**
-     * Props to be passed to the indicators container element.
-     */
-    innerProps?: {};
-}
-export declare const indicatorsContainerCSS: () => {};
-export declare const IndicatorsContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: IndicatorsContainerProps<Option, IsMulti, Group>) => JSX.Element;