@bigbinary/neetoui 8.3.0-beta1 → 8.3.0

package/dist/cjs/{react-select-creatable.esm-23eddf9f.js → react-select-creatable.esm-Bdv9YAMt.js}

@@ -27,10 +27,7 @@ require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/typeof');
 require('@babel/runtime/helpers/defineProperty');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -43,23 +40,11 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
-var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
-var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
-var _createSuper__default = /*#__PURE__*/_interopDefaultLegacy(_createSuper);
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 /*
 
@@ -1304,7 +1289,7 @@ var createCache = function createCache(options) {
   return cache;
 };
 
-var reactIs$1 = {exports: {}};
+var reactIs = {exports: {}};
 
 var reactIs_production_min = {};
 
@@ -1316,39 +1301,145 @@ var reactIs_production_min = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
+var hasRequiredReactIs_production_min;
+
+function requireReactIs_production_min () {
+	if (hasRequiredReactIs_production_min) return reactIs_production_min;
+	hasRequiredReactIs_production_min = 1;
 var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
-Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w$1=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
-function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}reactIs_production_min.AsyncMode=l;reactIs_production_min.ConcurrentMode=m;reactIs_production_min.ContextConsumer=k;reactIs_production_min.ContextProvider=h;reactIs_production_min.Element=c;reactIs_production_min.ForwardRef=n;reactIs_production_min.Fragment=e;reactIs_production_min.Lazy=t;reactIs_production_min.Memo=r;reactIs_production_min.Portal=d;
-reactIs_production_min.Profiler=g;reactIs_production_min.StrictMode=f;reactIs_production_min.Suspense=p;reactIs_production_min.isAsyncMode=function(a){return A(a)||z(a)===l};reactIs_production_min.isConcurrentMode=A;reactIs_production_min.isContextConsumer=function(a){return z(a)===k};reactIs_production_min.isContextProvider=function(a){return z(a)===h};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};reactIs_production_min.isForwardRef=function(a){return z(a)===n};reactIs_production_min.isFragment=function(a){return z(a)===e};reactIs_production_min.isLazy=function(a){return z(a)===t};
-reactIs_production_min.isMemo=function(a){return z(a)===r};reactIs_production_min.isPortal=function(a){return z(a)===d};reactIs_production_min.isProfiler=function(a){return z(a)===g};reactIs_production_min.isStrictMode=function(a){return z(a)===f};reactIs_production_min.isSuspense=function(a){return z(a)===p};
-reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w$1||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};reactIs_production_min.typeOf=z;
+	Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
+	function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}reactIs_production_min.AsyncMode=l;reactIs_production_min.ConcurrentMode=m;reactIs_production_min.ContextConsumer=k;reactIs_production_min.ContextProvider=h;reactIs_production_min.Element=c;reactIs_production_min.ForwardRef=n;reactIs_production_min.Fragment=e;reactIs_production_min.Lazy=t;reactIs_production_min.Memo=r;reactIs_production_min.Portal=d;
+	reactIs_production_min.Profiler=g;reactIs_production_min.StrictMode=f;reactIs_production_min.Suspense=p;reactIs_production_min.isAsyncMode=function(a){return A(a)||z(a)===l};reactIs_production_min.isConcurrentMode=A;reactIs_production_min.isContextConsumer=function(a){return z(a)===k};reactIs_production_min.isContextProvider=function(a){return z(a)===h};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};reactIs_production_min.isForwardRef=function(a){return z(a)===n};reactIs_production_min.isFragment=function(a){return z(a)===e};reactIs_production_min.isLazy=function(a){return z(a)===t};
+	reactIs_production_min.isMemo=function(a){return z(a)===r};reactIs_production_min.isPortal=function(a){return z(a)===d};reactIs_production_min.isProfiler=function(a){return z(a)===g};reactIs_production_min.isStrictMode=function(a){return z(a)===f};reactIs_production_min.isSuspense=function(a){return z(a)===p};
+	reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};reactIs_production_min.typeOf=z;
+	return reactIs_production_min;
+}
 
-(function (module) {
+var hasRequiredReactIs;
+
+function requireReactIs () {
+	if (hasRequiredReactIs) return reactIs.exports;
+	hasRequiredReactIs = 1;
 
 	{
-	  module.exports = reactIs_production_min;
+	  reactIs.exports = requireReactIs_production_min();
 	}
-} (reactIs$1));
-
-var reactIs = reactIs$1.exports;
-var FORWARD_REF_STATICS = {
-  '$$typeof': true,
-  render: true,
-  defaultProps: true,
-  displayName: true,
-  propTypes: true
-};
-var MEMO_STATICS = {
-  '$$typeof': true,
-  compare: true,
-  defaultProps: true,
-  displayName: true,
-  propTypes: true,
-  type: true
-};
-var TYPE_STATICS = {};
-TYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;
-TYPE_STATICS[reactIs.Memo] = MEMO_STATICS;
+	return reactIs.exports;
+}
+
+var hoistNonReactStatics_cjs;
+var hasRequiredHoistNonReactStatics_cjs;
+
+function requireHoistNonReactStatics_cjs () {
+	if (hasRequiredHoistNonReactStatics_cjs) return hoistNonReactStatics_cjs;
+	hasRequiredHoistNonReactStatics_cjs = 1;
+
+	var reactIs = requireReactIs();
+
+	/**
+	 * Copyright 2015, Yahoo! Inc.
+	 * Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.
+	 */
+	var REACT_STATICS = {
+	  childContextTypes: true,
+	  contextType: true,
+	  contextTypes: true,
+	  defaultProps: true,
+	  displayName: true,
+	  getDefaultProps: true,
+	  getDerivedStateFromError: true,
+	  getDerivedStateFromProps: true,
+	  mixins: true,
+	  propTypes: true,
+	  type: true
+	};
+	var KNOWN_STATICS = {
+	  name: true,
+	  length: true,
+	  prototype: true,
+	  caller: true,
+	  callee: true,
+	  arguments: true,
+	  arity: true
+	};
+	var FORWARD_REF_STATICS = {
+	  '$$typeof': true,
+	  render: true,
+	  defaultProps: true,
+	  displayName: true,
+	  propTypes: true
+	};
+	var MEMO_STATICS = {
+	  '$$typeof': true,
+	  compare: true,
+	  defaultProps: true,
+	  displayName: true,
+	  propTypes: true,
+	  type: true
+	};
+	var TYPE_STATICS = {};
+	TYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;
+	TYPE_STATICS[reactIs.Memo] = MEMO_STATICS;
+
+	function getStatics(component) {
+	  // React v16.11 and below
+	  if (reactIs.isMemo(component)) {
+	    return MEMO_STATICS;
+	  } // React v16.12 and above
+
+
+	  return TYPE_STATICS[component['$$typeof']] || REACT_STATICS;
+	}
+
+	var defineProperty = Object.defineProperty;
+	var getOwnPropertyNames = Object.getOwnPropertyNames;
+	var getOwnPropertySymbols = Object.getOwnPropertySymbols;
+	var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
+	var getPrototypeOf = Object.getPrototypeOf;
+	var objectPrototype = Object.prototype;
+	function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
+	  if (typeof sourceComponent !== 'string') {
+	    // don't hoist over string (html) components
+	    if (objectPrototype) {
+	      var inheritedComponent = getPrototypeOf(sourceComponent);
+
+	      if (inheritedComponent && inheritedComponent !== objectPrototype) {
+	        hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);
+	      }
+	    }
+
+	    var keys = getOwnPropertyNames(sourceComponent);
+
+	    if (getOwnPropertySymbols) {
+	      keys = keys.concat(getOwnPropertySymbols(sourceComponent));
+	    }
+
+	    var targetStatics = getStatics(targetComponent);
+	    var sourceStatics = getStatics(sourceComponent);
+
+	    for (var i = 0; i < keys.length; ++i) {
+	      var key = keys[i];
+
+	      if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {
+	        var descriptor = getOwnPropertyDescriptor(sourceComponent, key);
+
+	        try {
+	          // Avoid failures from read-only properties
+	          defineProperty(targetComponent, key, descriptor);
+	        } catch (e) {}
+	      }
+	    }
+	  }
+
+	  return targetComponent;
+	}
+
+	hoistNonReactStatics_cjs = hoistNonReactStatics;
+	return hoistNonReactStatics_cjs;
+}
+
+requireHoistNonReactStatics_cjs();
 
 var isBrowser$2 = typeof document !== 'undefined';
 function getRegisteredStyles(registered, registeredStyles, classNames) {
@@ -1853,7 +1944,7 @@ var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
   var newProps = {};
 
   for (var key in props) {
-    if (hasOwnProperty.call(props, key) && key !== 'css' && key !== typePropName && ("production" === 'production' )) {
+    if (hasOwnProperty.call(props, key) && key !== 'css' && key !== typePropName && ("production" === 'production')) {
       newProps[key] = props[key];
     }
   }
@@ -2337,7 +2428,7 @@ function classNames(prefix, state, className) {
 
 var cleanValue = function cleanValue(value) {
   if (isArray(value)) return value.filter(Boolean);
-  if (_typeof__default["default"](value) === 'object' && value !== null) return [value];
+  if (_typeof(value) === 'object' && value !== null) return [value];
   return [];
 };
 
@@ -2360,8 +2451,8 @@ var cleanCommonProps = function cleanCommonProps(props) {
     props.selectProps;
     props.setValue;
     props.theme;
-    var innerProps = _objectWithoutProperties__default["default"](props, _excluded$3);
-  return _objectSpread__default["default"]({}, innerProps);
+    var innerProps = _objectWithoutProperties(props, _excluded$3);
+  return _objectSpread({}, innerProps);
 };
 
 // ==============================
@@ -2558,12 +2649,12 @@ var removeProps = function removeProps(propsObj) {
     properties[_key - 1] = arguments[_key];
   }
   var propsMap = Object.entries(propsObj).filter(function (_ref) {
-    var _ref2 = _slicedToArray__default["default"](_ref, 1),
+    var _ref2 = _slicedToArray(_ref, 1),
       key = _ref2[0];
     return !properties.includes(key);
   });
   return propsMap.reduce(function (newProps, _ref3) {
-    var _ref4 = _slicedToArray__default["default"](_ref3, 2),
+    var _ref4 = _slicedToArray(_ref3, 2),
       key = _ref4[0],
       val = _ref4[1];
     newProps[key] = val;
@@ -2747,7 +2838,7 @@ var menuCSS = function menuCSS(_ref2) {
     colors = _ref2$theme.colors;
   return _ref3 = {
     label: 'menu'
-  }, _defineProperty__default["default"](_ref3, alignToControl(placement), '100%'), _defineProperty__default["default"](_ref3, "backgroundColor", colors.neutral0), _defineProperty__default["default"](_ref3, "borderRadius", borderRadius), _defineProperty__default["default"](_ref3, "boxShadow", '0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)'), _defineProperty__default["default"](_ref3, "marginBottom", spacing.menuGutter), _defineProperty__default["default"](_ref3, "marginTop", spacing.menuGutter), _defineProperty__default["default"](_ref3, "position", 'absolute'), _defineProperty__default["default"](_ref3, "width", '100%'), _defineProperty__default["default"](_ref3, "zIndex", 1), _ref3;
+  }, _defineProperty(_ref3, alignToControl(placement), '100%'), _defineProperty(_ref3, "backgroundColor", colors.neutral0), _defineProperty(_ref3, "borderRadius", borderRadius), _defineProperty(_ref3, "boxShadow", '0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)'), _defineProperty(_ref3, "marginBottom", spacing.menuGutter), _defineProperty(_ref3, "marginTop", spacing.menuGutter), _defineProperty(_ref3, "position", 'absolute'), _defineProperty(_ref3, "width", '100%'), _defineProperty(_ref3, "zIndex", 1), _ref3;
 };
 var PortalPlacementContext = /*#__PURE__*/React.createContext(null);
 
@@ -2764,11 +2855,11 @@ var MenuPlacer = function MenuPlacer(props) {
     setPortalPlacement = _ref4.setPortalPlacement;
   var ref = React.useRef(null);
   var _useState = React.useState(maxMenuHeight),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     maxHeight = _useState2[0],
     setMaxHeight = _useState2[1];
   var _useState3 = React.useState(null),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     placement = _useState4[0],
     setPlacement = _useState4[1];
   index(function () {
@@ -2793,7 +2884,7 @@ var MenuPlacer = function MenuPlacer(props) {
   }, [maxMenuHeight, menuPlacement, menuPosition, menuShouldScrollIntoView, minMenuHeight, setPortalPlacement, theme]);
   return children({
     ref: ref,
-    placerProps: _objectSpread__default["default"](_objectSpread__default["default"]({}, props), {}, {
+    placerProps: _objectSpread(_objectSpread({}, props), {}, {
       placement: placement || coercePlacement(menuPlacement),
       maxHeight: maxHeight
     })
@@ -2806,7 +2897,7 @@ var Menu = function Menu(props) {
     getStyles = props.getStyles,
     innerRef = props.innerRef,
     innerProps = props.innerProps;
-  return jsx("div", _extends__default["default"]({
+  return jsx("div", _extends({
     css: getStyles('menu', props),
     className: cx({
       menu: true
@@ -2840,7 +2931,7 @@ var MenuList = function MenuList(props) {
     innerProps = props.innerProps,
     innerRef = props.innerRef,
     isMulti = props.isMulti;
-  return jsx("div", _extends__default["default"]({
+  return jsx("div", _extends({
     css: getStyles('menuList', props),
     className: cx({
       'menu-list': true,
@@ -2872,7 +2963,7 @@ var NoOptionsMessage = function NoOptionsMessage(props) {
     cx = props.cx,
     getStyles = props.getStyles,
     innerProps = props.innerProps;
-  return jsx("div", _extends__default["default"]({
+  return jsx("div", _extends({
     css: getStyles('noOptionsMessage', props),
     className: cx({
       'menu-notice': true,
@@ -2889,7 +2980,7 @@ var LoadingMessage = function LoadingMessage(props) {
     cx = props.cx,
     getStyles = props.getStyles,
     innerProps = props.innerProps;
-  return jsx("div", _extends__default["default"]({
+  return jsx("div", _extends({
     css: getStyles('loadingMessage', props),
     className: cx({
       'menu-notice': true,
@@ -2930,7 +3021,7 @@ var MenuPortal = function MenuPortal(_ref8) {
   var menuPortalRef = React.useRef(null);
   var cleanupRef = React.useRef(null);
   var _useState5 = React.useState(coercePlacement(menuPlacement)),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    _useState6 = _slicedToArray(_useState5, 2),
     placement = _useState6[0],
     setPortalPlacement = _useState6[1];
   var portalPlacementContext = React.useMemo(function () {
@@ -2939,7 +3030,7 @@ var MenuPortal = function MenuPortal(_ref8) {
     };
   }, []);
   var _useState7 = React.useState(null),
-    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    _useState8 = _slicedToArray(_useState7, 2),
     computedPosition = _useState8[0],
     setComputedPosition = _useState8[1];
   var updateComputedPosition = React.useCallback(function () {
@@ -2980,7 +3071,7 @@ var MenuPortal = function MenuPortal(_ref8) {
   if (!appendTo && menuPosition !== 'fixed' || !computedPosition) return null;
 
   // same wrapper element whether fixed or portalled
-  var menuWrapper = jsx("div", _extends__default["default"]({
+  var menuWrapper = jsx("div", _extends({
     ref: setMenuPortalElement,
     css: getStyles('menuPortal', {
       offset: computedPosition.offset,
@@ -3015,7 +3106,7 @@ var SelectContainer = function SelectContainer(props) {
     innerProps = props.innerProps,
     isDisabled = props.isDisabled,
     isRtl = props.isRtl;
-  return jsx("div", _extends__default["default"]({
+  return jsx("div", _extends({
     css: getStyles('container', props),
     className: cx({
       '--is-disabled': isDisabled,
@@ -3052,7 +3143,7 @@ var ValueContainer = function ValueContainer(props) {
     isMulti = props.isMulti,
     getStyles = props.getStyles,
     hasValue = props.hasValue;
-  return jsx("div", _extends__default["default"]({
+  return jsx("div", _extends({
     css: getStyles('valueContainer', props),
     className: cx({
       'value-container': true,
@@ -3080,7 +3171,7 @@ var IndicatorsContainer = function IndicatorsContainer(props) {
     cx = props.cx,
     innerProps = props.innerProps,
     getStyles = props.getStyles;
-  return jsx("div", _extends__default["default"]({
+  return jsx("div", _extends({
     css: getStyles('indicatorsContainer', props),
     className: cx({
       indicators: true
@@ -3100,8 +3191,8 @@ var _ref2$2 = {
 
 var Svg = function Svg(_ref) {
   var size = _ref.size,
-    props = _objectWithoutProperties__default["default"](_ref, _excluded$2$1);
-  return jsx("svg", _extends__default["default"]({
+    props = _objectWithoutProperties(_ref, _excluded$2$1);
+  return jsx("svg", _extends({
     height: size,
     width: size,
     viewBox: "0 0 20 20",
@@ -3111,14 +3202,14 @@ var Svg = function Svg(_ref) {
   }, props));
 };
 var CrossIcon = function CrossIcon(props) {
-  return jsx(Svg, _extends__default["default"]({
+  return jsx(Svg, _extends({
     size: 20
   }, props), jsx("path", {
     d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"
   }));
 };
 var DownChevron = function DownChevron(props) {
-  return jsx(Svg, _extends__default["default"]({
+  return jsx(Svg, _extends({
     size: 20
   }, props), jsx("path", {
     d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
@@ -3152,7 +3243,7 @@ var DropdownIndicator = function DropdownIndicator(props) {
     cx = props.cx,
     getStyles = props.getStyles,
     innerProps = props.innerProps;
-  return jsx("div", _extends__default["default"]({
+  return jsx("div", _extends({
     css: getStyles('dropdownIndicator', props),
     className: cx({
       indicator: true,
@@ -3167,7 +3258,7 @@ var ClearIndicator = function ClearIndicator(props) {
     cx = props.cx,
     getStyles = props.getStyles,
     innerProps = props.innerProps;
-  return jsx("div", _extends__default["default"]({
+  return jsx("div", _extends({
     css: getStyles('clearIndicator', props),
     className: cx({
       indicator: true,
@@ -3199,7 +3290,7 @@ var IndicatorSeparator = function IndicatorSeparator(props) {
     cx = props.cx,
     getStyles = props.getStyles,
     innerProps = props.innerProps;
-  return jsx("span", _extends__default["default"]({}, innerProps, {
+  return jsx("span", _extends({}, innerProps, {
     css: getStyles('indicatorSeparator', props),
     className: cx({
       'indicator-separator': true
@@ -3211,7 +3302,7 @@ var IndicatorSeparator = function IndicatorSeparator(props) {
 // Loading
 // ==============================
 
-var loadingDotAnimations = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n  0%, 80%, 100% { opacity: 0; }\n  40% { opacity: 1; }\n"])));
+var loadingDotAnimations = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0%, 80%, 100% { opacity: 0; }\n  40% { opacity: 1; }\n"])));
 var loadingIndicatorCSS = function loadingIndicatorCSS(_ref5) {
   var isFocused = _ref5.isFocused,
     size = _ref5.size,
@@ -3254,7 +3345,7 @@ var LoadingIndicator = function LoadingIndicator(props) {
     getStyles = props.getStyles,
     innerProps = props.innerProps,
     isRtl = props.isRtl;
-  return jsx("div", _extends__default["default"]({
+  return jsx("div", _extends({
     css: getStyles('loadingIndicator', props),
     className: cx({
       indicator: true,
@@ -3314,7 +3405,7 @@ var Control = function Control(props) {
     innerRef = props.innerRef,
     innerProps = props.innerProps,
     menuIsOpen = props.menuIsOpen;
-  return jsx("div", _extends__default["default"]({
+  return jsx("div", _extends({
     ref: innerRef,
     css: getStyles('control', props),
     className: cx({
@@ -3345,12 +3436,12 @@ var Group = function Group(props) {
     label = props.label,
     theme = props.theme,
     selectProps = props.selectProps;
-  return jsx("div", _extends__default["default"]({
+  return jsx("div", _extends({
     css: getStyles('group', props),
     className: cx({
       group: true
     }, className)
-  }, innerProps), jsx(Heading, _extends__default["default"]({}, headingProps, {
+  }, innerProps), jsx(Heading, _extends({}, headingProps, {
     selectProps: selectProps,
     theme: theme,
     getStyles: getStyles,
@@ -3378,8 +3469,8 @@ var GroupHeading = function GroupHeading(props) {
     className = props.className;
   var _cleanCommonProps = cleanCommonProps(props);
     _cleanCommonProps.data;
-    var innerProps = _objectWithoutProperties__default["default"](_cleanCommonProps, _excluded$1$1);
-  return jsx("div", _extends__default["default"]({
+    var innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$1$1);
+  return jsx("div", _extends({
     css: getStyles('groupHeading', props),
     className: cx({
       'group-heading': true
@@ -3394,7 +3485,7 @@ var inputCSS = function inputCSS(_ref) {
     _ref$theme = _ref.theme,
     spacing = _ref$theme.spacing,
     colors = _ref$theme.colors;
-  return _objectSpread__default["default"]({
+  return _objectSpread({
     margin: spacing.baseUnit / 2,
     paddingBottom: spacing.baseUnit / 2,
     paddingTop: spacing.baseUnit / 2,
@@ -3419,14 +3510,14 @@ var containerStyle = {
   display: 'inline-grid',
   gridArea: '1 / 1 / 2 / 3',
   gridTemplateColumns: '0 min-content',
-  '&:after': _objectSpread__default["default"]({
+  '&:after': _objectSpread({
     content: 'attr(data-value) " "',
     visibility: 'hidden',
     whiteSpace: 'pre'
   }, spacingStyle)
 };
 var inputStyle = function inputStyle(isHidden) {
-  return _objectSpread__default["default"]({
+  return _objectSpread({
     label: 'input',
     color: 'inherit',
     background: 0,
@@ -3444,14 +3535,14 @@ var Input = function Input(props) {
     isDisabled = _cleanCommonProps.isDisabled,
     isHidden = _cleanCommonProps.isHidden,
     inputClassName = _cleanCommonProps.inputClassName,
-    innerProps = _objectWithoutProperties__default["default"](_cleanCommonProps, _excluded$4);
+    innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$4);
   return jsx("div", {
     className: cx({
       'input-container': true
     }, className),
     css: getStyles('input', props),
     "data-value": value || ''
-  }, jsx("input", _extends__default["default"]({
+  }, jsx("input", _extends({
     className: cx({
       input: true
     }, inputClassName),
@@ -3521,7 +3612,7 @@ var MultiValueLabel = MultiValueGeneric;
 function MultiValueRemove(_ref5) {
   var children = _ref5.children,
     innerProps = _ref5.innerProps;
-  return jsx("div", _extends__default["default"]({
+  return jsx("div", _extends({
     role: "button"
   }, innerProps), children || jsx(CrossIcon, {
     size: 14
@@ -3546,7 +3637,7 @@ var MultiValue = function MultiValue(props) {
       emotionCx = _ref6.cx;
     return jsx(Container, {
       data: data,
-      innerProps: _objectSpread__default["default"]({
+      innerProps: _objectSpread({
         className: emotionCx(css(getStyles('multiValue', props)), cx({
           'multi-value': true,
           'multi-value--is-disabled': isDisabled
@@ -3563,7 +3654,7 @@ var MultiValue = function MultiValue(props) {
       selectProps: selectProps
     }, children), jsx(Remove, {
       data: data,
-      innerProps: _objectSpread__default["default"]({
+      innerProps: _objectSpread({
         className: emotionCx(css(getStyles('multiValueRemove', props)), cx({
           'multi-value__remove': true
         }, className)),
@@ -3608,7 +3699,7 @@ var Option = function Option(props) {
     isSelected = props.isSelected,
     innerRef = props.innerRef,
     innerProps = props.innerProps;
-  return jsx("div", _extends__default["default"]({
+  return jsx("div", _extends({
     css: getStyles('option', props),
     className: cx({
       option: true,
@@ -3639,7 +3730,7 @@ var Placeholder = function Placeholder(props) {
     cx = props.cx,
     getStyles = props.getStyles,
     innerProps = props.innerProps;
-  return jsx("div", _extends__default["default"]({
+  return jsx("div", _extends({
     css: getStyles('placeholder', props),
     className: cx({
       placeholder: true
@@ -3671,7 +3762,7 @@ var SingleValue = function SingleValue(props) {
     getStyles = props.getStyles,
     isDisabled = props.isDisabled,
     innerProps = props.innerProps;
-  return jsx("div", _extends__default["default"]({
+  return jsx("div", _extends({
     css: getStyles('singleValue', props),
     className: cx({
       'single-value': true,
@@ -3708,7 +3799,7 @@ var components = {
   ValueContainer: ValueContainer
 };
 var defaultComponents = function defaultComponents(props) {
-  return _objectSpread__default["default"](_objectSpread__default["default"]({}, components), props.components);
+  return _objectSpread(_objectSpread({}, components), props.components);
 };
 
 var safeIsNaN = Number.isNaN ||
@@ -3767,7 +3858,7 @@ var _ref = {
   styles: "label:a11yText;z-index:9999;border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0;white-space:nowrap"
 } ;
 var A11yText = function A11yText(props) {
-  return jsx("span", _extends__default["default"]({
+  return jsx("span", _extends({
     css: _ref
   }, props));
 };
@@ -3864,7 +3955,7 @@ var LiveRegion = function LiveRegion(props) {
 
   // Update aria live message configuration when prop changes
   var messages = React.useMemo(function () {
-    return _objectSpread__default["default"](_objectSpread__default["default"]({}, defaultAriaLiveMessages), ariaLiveMessages || {});
+    return _objectSpread(_objectSpread({}, defaultAriaLiveMessages), ariaLiveMessages || {});
   }, [ariaLiveMessages]);
 
   // Update aria live selected option when prop changes
@@ -3888,7 +3979,7 @@ var LiveRegion = function LiveRegion(props) {
       // If there are multiple items from the action then return an array of labels
       var multiSelected = selectedOptions || removedValues || undefined;
       var labels = multiSelected ? multiSelected.map(getOptionLabel) : [];
-      var onChangeProps = _objectSpread__default["default"]({
+      var onChangeProps = _objectSpread({
         // multiSelected items are usually items that have already been selected
         // or set by the user as a default value so we assume they are not disabled
         isDisabled: selected && isOptionDisabled(selected, selectValue),
@@ -4241,7 +4332,7 @@ var createFilter = function createFilter(config) {
   return function (option, rawInput) {
     // eslint-disable-next-line no-underscore-dangle
     if (option.data.__isNew__) return true;
-    var _ignoreCase$ignoreAcc = _objectSpread__default["default"]({
+    var _ignoreCase$ignoreAcc = _objectSpread({
         ignoreCase: true,
         ignoreAccents: true,
         stringify: defaultStringify,
@@ -4270,10 +4361,10 @@ var createFilter = function createFilter(config) {
 var _excluded$2 = ["innerRef"];
 function DummyInput(_ref) {
   var innerRef = _ref.innerRef,
-    props = _objectWithoutProperties__default["default"](_ref, _excluded$2);
+    props = _objectWithoutProperties(_ref, _excluded$2);
   // Remove animation props not meant for HTML elements
   var filteredProps = removeProps(props, 'onExited', 'in', 'enter', 'exit', 'appear');
-  return jsx("input", _extends__default["default"]({
+  return jsx("input", _extends({
     ref: innerRef
   }, filteredProps, {
     css: /*#__PURE__*/css$2({
@@ -4737,7 +4828,7 @@ function buildCategorizedOptions(props, selectValue) {
 function buildFocusableOptionsFromCategorizedOptions(categorizedOptions) {
   return categorizedOptions.reduce(function (optionsAccumulator, categorizedOption) {
     if (categorizedOption.type === 'group') {
-      optionsAccumulator.push.apply(optionsAccumulator, _toConsumableArray__default["default"](categorizedOption.options.map(function (option) {
+      optionsAccumulator.push.apply(optionsAccumulator, _toConsumableArray(categorizedOption.options.map(function (option) {
         return option.data;
       })));
     } else {
@@ -4813,8 +4904,8 @@ var shouldHideSelectedOptions = function shouldHideSelectedOptions(props) {
 };
 var instanceId = 1;
 var Select = /*#__PURE__*/function (_Component) {
-  _inherits__default["default"](Select, _Component);
-  var _super = _createSuper__default["default"](Select);
+  _inherits(Select, _Component);
+  var _super = _createSuper(Select);
   // Misc. Instance Properties
   // ------------------------------
 
@@ -4828,7 +4919,7 @@ var Select = /*#__PURE__*/function (_Component) {
 
   function Select(_props) {
     var _this;
-    _classCallCheck__default["default"](this, Select);
+    _classCallCheck(this, Select);
     _this = _super.call(this, _props);
     _this.state = {
       ariaSelection: null,
@@ -4917,7 +5008,7 @@ var Select = /*#__PURE__*/function (_Component) {
       } else if (!isDisabled) {
         // Select option if option is not disabled
         if (isMulti) {
-          _this.setValue(multiValueAsValue([].concat(_toConsumableArray__default["default"](selectValue), [newValue])), 'select-option', newValue);
+          _this.setValue(multiValueAsValue([].concat(_toConsumableArray(selectValue), [newValue])), 'select-option', newValue);
         } else {
           _this.setValue(singleValueAsValue(newValue), 'select-option');
         }
@@ -5006,7 +5097,7 @@ var Select = /*#__PURE__*/function (_Component) {
     };
     _this.ariaOnChange = function (value, actionMeta) {
       _this.setState({
-        ariaSelection: _objectSpread__default["default"]({
+        ariaSelection: _objectSpread({
           value: value
         }, actionMeta)
       });
@@ -5352,7 +5443,7 @@ var Select = /*#__PURE__*/function (_Component) {
     }
     return _this;
   }
-  _createClass__default["default"](Select, [{
+  _createClass(Select, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.startListeningComposition();
@@ -5572,7 +5663,7 @@ var Select = /*#__PURE__*/function (_Component) {
       }
       // Otherwise, if a plain theme object was passed in,
       // overlay it with the default theme.
-      return _objectSpread__default["default"](_objectSpread__default["default"]({}, defaultTheme), this.props.theme);
+      return _objectSpread(_objectSpread({}, defaultTheme), this.props.theme);
     }
   }, {
     key: "getCommonProps",
@@ -5734,7 +5825,7 @@ var Select = /*#__PURE__*/function (_Component) {
       var id = inputId || this.getElementId('input');
 
       // aria attributes makes the JSX "noisy", separated for clarity
-      var ariaAttributes = _objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"]({
+      var ariaAttributes = _objectSpread(_objectSpread(_objectSpread({
         'aria-autocomplete': 'list',
         'aria-expanded': menuIsOpen,
         'aria-haspopup': true,
@@ -5756,7 +5847,7 @@ var Select = /*#__PURE__*/function (_Component) {
       });
       if (!isSearchable) {
         // use a dummy input to maintain focus/blur functionality
-        return /*#__PURE__*/React__namespace.createElement(DummyInput, _extends__default["default"]({
+        return /*#__PURE__*/React__namespace.createElement(DummyInput, _extends({
           id: id,
           innerRef: this.getInputRef,
           onBlur: this.onInputBlur,
@@ -5769,7 +5860,7 @@ var Select = /*#__PURE__*/function (_Component) {
           value: ""
         }, ariaAttributes));
       }
-      return /*#__PURE__*/React__namespace.createElement(Input, _extends__default["default"]({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(Input, _extends({}, commonProps, {
         autoCapitalize: "none",
         autoComplete: "off",
         autoCorrect: "off",
@@ -5810,7 +5901,7 @@ var Select = /*#__PURE__*/function (_Component) {
         focusedValue = _this$state5.focusedValue,
         isFocused = _this$state5.isFocused;
       if (!this.hasValue() || !controlShouldRenderValue) {
-        return inputValue ? null : /*#__PURE__*/React__namespace.createElement(Placeholder, _extends__default["default"]({}, commonProps, {
+        return inputValue ? null : /*#__PURE__*/React__namespace.createElement(Placeholder, _extends({}, commonProps, {
           key: "placeholder",
           isDisabled: isDisabled,
           isFocused: isFocused,
@@ -5823,7 +5914,7 @@ var Select = /*#__PURE__*/function (_Component) {
         return selectValue.map(function (opt, index) {
           var isOptionFocused = opt === focusedValue;
           var key = "".concat(_this3.getOptionLabel(opt), "-").concat(_this3.getOptionValue(opt));
-          return /*#__PURE__*/React__namespace.createElement(MultiValue, _extends__default["default"]({}, commonProps, {
+          return /*#__PURE__*/React__namespace.createElement(MultiValue, _extends({}, commonProps, {
             components: {
               Container: MultiValueContainer,
               Label: MultiValueLabel,
@@ -5852,7 +5943,7 @@ var Select = /*#__PURE__*/function (_Component) {
         return null;
       }
       var singleValue = selectValue[0];
-      return /*#__PURE__*/React__namespace.createElement(SingleValue, _extends__default["default"]({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(SingleValue, _extends({}, commonProps, {
         data: singleValue,
         isDisabled: isDisabled
       }), this.formatOptionLabel(singleValue, 'value'));
@@ -5875,7 +5966,7 @@ var Select = /*#__PURE__*/function (_Component) {
         onTouchEnd: this.onClearIndicatorTouchEnd,
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/React__namespace.createElement(ClearIndicator, _extends__default["default"]({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(ClearIndicator, _extends({}, commonProps, {
         innerProps: innerProps,
         isFocused: isFocused
       }));
@@ -5894,7 +5985,7 @@ var Select = /*#__PURE__*/function (_Component) {
       var innerProps = {
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/React__namespace.createElement(LoadingIndicator, _extends__default["default"]({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(LoadingIndicator, _extends({}, commonProps, {
         innerProps: innerProps,
         isDisabled: isDisabled,
         isFocused: isFocused
@@ -5912,7 +6003,7 @@ var Select = /*#__PURE__*/function (_Component) {
       var commonProps = this.commonProps;
       var isDisabled = this.props.isDisabled;
       var isFocused = this.state.isFocused;
-      return /*#__PURE__*/React__namespace.createElement(IndicatorSeparator, _extends__default["default"]({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(IndicatorSeparator, _extends({}, commonProps, {
         isDisabled: isDisabled,
         isFocused: isFocused
       }));
@@ -5931,7 +6022,7 @@ var Select = /*#__PURE__*/function (_Component) {
         onTouchEnd: this.onDropdownIndicatorTouchEnd,
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/React__namespace.createElement(DropdownIndicator, _extends__default["default"]({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(DropdownIndicator, _extends({}, commonProps, {
         innerProps: innerProps,
         isDisabled: isDisabled,
         isFocused: isFocused
@@ -5993,7 +6084,7 @@ var Select = /*#__PURE__*/function (_Component) {
           onMouseOver: onHover,
           tabIndex: -1
         };
-        return /*#__PURE__*/React__namespace.createElement(Option, _extends__default["default"]({}, commonProps, {
+        return /*#__PURE__*/React__namespace.createElement(Option, _extends({}, commonProps, {
           innerProps: innerProps,
           data: data,
           isDisabled: isDisabled,
@@ -6015,7 +6106,7 @@ var Select = /*#__PURE__*/function (_Component) {
               groupIndex = item.index;
             var groupId = "".concat(_this4.getElementId('group'), "-").concat(groupIndex);
             var headingId = "".concat(groupId, "-heading");
-            return /*#__PURE__*/React__namespace.createElement(Group, _extends__default["default"]({}, commonProps, {
+            return /*#__PURE__*/React__namespace.createElement(Group, _extends({}, commonProps, {
               key: groupId,
               data: _data,
               options: options,
@@ -6052,12 +6143,12 @@ var Select = /*#__PURE__*/function (_Component) {
         menuPosition: menuPosition,
         menuShouldScrollIntoView: menuShouldScrollIntoView
       };
-      var menuElement = /*#__PURE__*/React__namespace.createElement(MenuPlacer, _extends__default["default"]({}, commonProps, menuPlacementProps), function (_ref4) {
+      var menuElement = /*#__PURE__*/React__namespace.createElement(MenuPlacer, _extends({}, commonProps, menuPlacementProps), function (_ref4) {
         var ref = _ref4.ref,
           _ref4$placerProps = _ref4.placerProps,
           placement = _ref4$placerProps.placement,
           maxHeight = _ref4$placerProps.maxHeight;
-        return /*#__PURE__*/React__namespace.createElement(Menu, _extends__default["default"]({}, commonProps, menuPlacementProps, {
+        return /*#__PURE__*/React__namespace.createElement(Menu, _extends({}, commonProps, menuPlacementProps, {
           innerRef: ref,
           innerProps: {
             onMouseDown: _this4.onMenuMouseDown,
@@ -6072,7 +6163,7 @@ var Select = /*#__PURE__*/function (_Component) {
           onBottomArrive: onMenuScrollToBottom,
           lockEnabled: menuShouldBlockScroll
         }, function (scrollTargetRef) {
-          return /*#__PURE__*/React__namespace.createElement(MenuList, _extends__default["default"]({}, commonProps, {
+          return /*#__PURE__*/React__namespace.createElement(MenuList, _extends({}, commonProps, {
             innerRef: function innerRef(instance) {
               _this4.getMenuListRef(instance);
               scrollTargetRef(instance);
@@ -6087,7 +6178,7 @@ var Select = /*#__PURE__*/function (_Component) {
       // positioning behaviour is almost identical for portalled and fixed,
       // so we use the same component. the actual portalling logic is forked
       // within the component based on `menuPosition`
-      return menuPortalTarget || menuPosition === 'fixed' ? /*#__PURE__*/React__namespace.createElement(MenuPortal, _extends__default["default"]({}, commonProps, {
+      return menuPortalTarget || menuPosition === 'fixed' ? /*#__PURE__*/React__namespace.createElement(MenuPortal, _extends({}, commonProps, {
         appendTo: menuPortalTarget,
         controlElement: this.controlRef,
         menuPlacement: menuPlacement,
@@ -6157,7 +6248,7 @@ var Select = /*#__PURE__*/function (_Component) {
         isFocused = _this$state6.isFocused,
         selectValue = _this$state6.selectValue;
       var focusableOptions = this.getFocusableOptions();
-      return /*#__PURE__*/React__namespace.createElement(LiveRegion, _extends__default["default"]({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(LiveRegion, _extends({}, commonProps, {
         id: this.getElementId('live-region'),
         ariaSelection: ariaSelection,
         focusedOption: focusedOption,
@@ -6182,7 +6273,7 @@ var Select = /*#__PURE__*/function (_Component) {
         menuIsOpen = _this$props14.menuIsOpen;
       var isFocused = this.state.isFocused;
       var commonProps = this.commonProps = this.getCommonProps();
-      return /*#__PURE__*/React__namespace.createElement(SelectContainer, _extends__default["default"]({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(SelectContainer, _extends({}, commonProps, {
         className: className,
         innerProps: {
           id: id,
@@ -6190,7 +6281,7 @@ var Select = /*#__PURE__*/function (_Component) {
         },
         isDisabled: isDisabled,
         isFocused: isFocused
-      }), this.renderLiveRegion(), /*#__PURE__*/React__namespace.createElement(Control, _extends__default["default"]({}, commonProps, {
+      }), this.renderLiveRegion(), /*#__PURE__*/React__namespace.createElement(Control, _extends({}, commonProps, {
         innerRef: this.getControlRef,
         innerProps: {
           onMouseDown: this.onControlMouseDown,
@@ -6199,9 +6290,9 @@ var Select = /*#__PURE__*/function (_Component) {
         isDisabled: isDisabled,
         isFocused: isFocused,
         menuIsOpen: menuIsOpen
-      }), /*#__PURE__*/React__namespace.createElement(ValueContainer, _extends__default["default"]({}, commonProps, {
+      }), /*#__PURE__*/React__namespace.createElement(ValueContainer, _extends({}, commonProps, {
         isDisabled: isDisabled
-      }), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/React__namespace.createElement(IndicatorsContainer, _extends__default["default"]({}, commonProps, {
+      }), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/React__namespace.createElement(IndicatorsContainer, _extends({}, commonProps, {
         isDisabled: isDisabled
       }), this.renderClearIndicator(), this.renderLoadingIndicator(), this.renderIndicatorSeparator(), this.renderDropdownIndicator())), this.renderMenu(), this.renderFormField());
     }
@@ -6255,7 +6346,7 @@ var Select = /*#__PURE__*/function (_Component) {
       if ((ariaSelection === null || ariaSelection === void 0 ? void 0 : ariaSelection.action) === 'initial-input-focus') {
         newAriaSelection = null;
       }
-      return _objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"]({}, newMenuOptionsState), newInputIsHiddenState), {}, {
+      return _objectSpread(_objectSpread(_objectSpread({}, newMenuOptionsState), newInputIsHiddenState), {}, {
         prevProps: props,
         ariaSelection: newAriaSelection,
         prevWasFocused: hasKeptFocus
@@ -6281,17 +6372,17 @@ function useStateManager(_ref) {
     propsOnMenuClose = _ref.onMenuClose,
     propsOnMenuOpen = _ref.onMenuOpen,
     propsValue = _ref.value,
-    restSelectProps = _objectWithoutProperties__default["default"](_ref, _excluded$1);
+    restSelectProps = _objectWithoutProperties(_ref, _excluded$1);
   var _useState = React.useState(propsInputValue !== undefined ? propsInputValue : defaultInputValue),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     stateInputValue = _useState2[0],
     setStateInputValue = _useState2[1];
   var _useState3 = React.useState(propsMenuIsOpen !== undefined ? propsMenuIsOpen : defaultMenuIsOpen),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     stateMenuIsOpen = _useState4[0],
     setStateMenuIsOpen = _useState4[1];
   var _useState5 = React.useState(propsValue !== undefined ? propsValue : defaultValue),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    _useState6 = _slicedToArray(_useState5, 2),
     stateValue = _useState6[0],
     setStateValue = _useState6[1];
   var onChange = React.useCallback(function (value, actionMeta) {
@@ -6322,7 +6413,7 @@ function useStateManager(_ref) {
   var inputValue = propsInputValue !== undefined ? propsInputValue : stateInputValue;
   var menuIsOpen = propsMenuIsOpen !== undefined ? propsMenuIsOpen : stateMenuIsOpen;
   var value = propsValue !== undefined ? propsValue : stateValue;
-  return _objectSpread__default["default"](_objectSpread__default["default"]({}, restSelectProps), {}, {
+  return _objectSpread(_objectSpread({}, restSelectProps), {}, {
     inputValue: inputValue,
     menuIsOpen: menuIsOpen,
     onChange: onChange,
@@ -6377,7 +6468,7 @@ function useCreatable(_ref) {
     _ref$options = _ref.options,
     propsOptions = _ref$options === void 0 ? [] : _ref$options,
     propsOnChange = _ref.onChange,
-    restSelectProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+    restSelectProps = _objectWithoutProperties(_ref, _excluded);
   var _restSelectProps$getO = restSelectProps.getOptionValue,
     getOptionValue$1$1 = _restSelectProps$getO === void 0 ? getOptionValue$1 : _restSelectProps$getO,
     _restSelectProps$getO2 = restSelectProps.getOptionLabel,
@@ -6394,7 +6485,7 @@ function useCreatable(_ref) {
     }) ? getNewOptionData(inputValue, formatCreateLabel(inputValue)) : undefined;
   }, [formatCreateLabel, getNewOptionData, getOptionLabel$1$1, getOptionValue$1$1, inputValue, isValidNewOption, propsOptions, value]);
   var options = React.useMemo(function () {
-    return (allowCreateWhileLoading || !isLoading) && newOption ? createOptionPosition === 'first' ? [newOption].concat(_toConsumableArray__default["default"](propsOptions)) : [].concat(_toConsumableArray__default["default"](propsOptions), [newOption]) : propsOptions;
+    return (allowCreateWhileLoading || !isLoading) && newOption ? createOptionPosition === 'first' ? [newOption].concat(_toConsumableArray(propsOptions)) : [].concat(_toConsumableArray(propsOptions), [newOption]) : propsOptions;
   }, [allowCreateWhileLoading, createOptionPosition, isLoading, newOption, propsOptions]);
   var onChange = React.useCallback(function (newValue, actionMeta) {
     if (actionMeta.action !== 'select-option') {
@@ -6409,13 +6500,13 @@ function useCreatable(_ref) {
           name: name,
           option: newOptionData
         };
-        propsOnChange(valueTernary(isMulti, [].concat(_toConsumableArray__default["default"](cleanValue(value)), [newOptionData]), newOptionData), newActionMeta);
+        propsOnChange(valueTernary(isMulti, [].concat(_toConsumableArray(cleanValue(value)), [newOptionData]), newOptionData), newActionMeta);
       }
       return;
     }
     propsOnChange(newValue, actionMeta);
   }, [getNewOptionData, inputValue, isMulti, name, newOption, onCreateOption, propsOnChange, value]);
-  return _objectSpread__default["default"](_objectSpread__default["default"]({}, restSelectProps), {}, {
+  return _objectSpread(_objectSpread({}, restSelectProps), {}, {
     options: options,
     onChange: onChange
   });
@@ -6424,7 +6515,7 @@ function useCreatable(_ref) {
 var CreatableSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var creatableProps = useStateManager(props);
   var selectProps = useCreatable(creatableProps);
-  return /*#__PURE__*/React__namespace.createElement(Select, _extends__default["default"]({
+  return /*#__PURE__*/React__namespace.createElement(Select, _extends({
     ref: ref
   }, selectProps));
 });
@@ -6435,4 +6526,4 @@ exports.components = components;
 exports.handleInputChange = handleInputChange;
 exports.useCreatable = useCreatable;
 exports.useStateManager = useStateManager;
-//# sourceMappingURL=react-select-creatable.esm-23eddf9f.js.map
+//# sourceMappingURL=react-select-creatable.esm-Bdv9YAMt.js.map