@sparrowengg/integrations-templates-frontend 8.0.1 → 8.0.3

package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/react-select/dist/index-641ee5b8.esm.js

@@ -14,32 +14,15 @@ var floatingUi_dom = require('../../@floating-ui/dom/dist/floating-ui.dom.js');
 var useIsomorphicLayoutEffect_esm = require('../../use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js');
 
 var _excluded$4 = ["className", "clearValue", "cx", "getStyles", "getClassNames", "getValue", "hasValue", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue", "theme"];
-// ==============================
-// NO OP
-// ==============================
-
-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'
-*/
+var noop = function noop2() {
+};
 function applyPrefixToName(prefix, name) {
   if (!name) {
     return prefix;
-  } else if (name[0] === '-') {
+  } else if (name[0] === "-") {
     return prefix + name;
   } else {
-    return prefix + '__' + name;
+    return prefix + "__" + name;
   }
 }
 function classNames(prefix, state) {
@@ -54,94 +37,61 @@ function classNames(prefix, state) {
       }
     }
   }
-  return arr.filter(function (i) {
+  return arr.filter(function(i) {
     return i;
-  }).map(function (i) {
+  }).map(function(i) {
     return String(i).trim();
-  }).join(' ');
+  }).join(" ");
 }
-// ==============================
-// Clean Value
-// ==============================
-
-var cleanValue = function cleanValue(value) {
-  if (isArray(value)) return value.filter(Boolean);
-  if (_typeof.default(value) === 'object' && value !== null) return [value];
+var cleanValue = function cleanValue2(value) {
+  if (isArray(value))
+    return value.filter(Boolean);
+  if (_typeof.default(value) === "object" && value !== null)
+    return [value];
   return [];
 };
-
-// ==============================
-// Clean Common Props
-// ==============================
-
-var cleanCommonProps = function cleanCommonProps(props) {
-  //className
+var cleanCommonProps = function cleanCommonProps2(props) {
   props.className;
-    props.clearValue;
-    props.cx;
-    props.getStyles;
-    props.getClassNames;
-    props.getValue;
-    props.hasValue;
-    props.isMulti;
-    props.isRtl;
-    props.options;
-    props.selectOption;
-    props.selectProps;
-    props.setValue;
-    props.theme;
-    var innerProps = objectWithoutProperties.default(props, _excluded$4);
+  props.clearValue;
+  props.cx;
+  props.getStyles;
+  props.getClassNames;
+  props.getValue;
+  props.hasValue;
+  props.isMulti;
+  props.isRtl;
+  props.options;
+  props.selectOption;
+  props.selectProps;
+  props.setValue;
+  props.theme;
+  var innerProps = objectWithoutProperties.default(props, _excluded$4);
   return objectSpread2.default({}, innerProps);
 };
-
-// ==============================
-// Get Style Props
-// ==============================
-
-var getStyleProps = function getStyleProps(props, name, classNamesState) {
-  var cx = props.cx,
-    getStyles = props.getStyles,
-    getClassNames = props.getClassNames,
-    className = props.className;
+var getStyleProps = function getStyleProps2(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
-// ==============================
-
 function handleInputChange(inputValue, actionMeta, onInputChange) {
   if (onInputChange) {
     var _newValue = onInputChange(inputValue, actionMeta);
-    if (typeof _newValue === 'string') return _newValue;
+    if (typeof _newValue === "string")
+      return _newValue;
   }
   return inputValue;
 }
-
-// ==============================
-// Scroll Helpers
-// ==============================
-
 function isDocumentElement(el) {
   return [document.documentElement, document.body, window].indexOf(el) > -1;
 }
-
-// Normalized Scroll Top
-// ------------------------------
-
 function normalizedHeight(el) {
   if (isDocumentElement(el)) {
     return window.innerHeight;
   }
   return el.clientHeight;
 }
-
-// Normalized scrollTo & scrollTop
-// ------------------------------
-
 function getScrollTop(el) {
   if (isDocumentElement(el)) {
     return window.pageYOffset;
@@ -149,25 +99,21 @@ function getScrollTop(el) {
   return el.scrollTop;
 }
 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
-// ------------------------------
-
 function getScrollParent(element) {
   var style = getComputedStyle(element);
-  var excludeStaticParent = style.position === 'absolute';
+  var excludeStaticParent = style.position === "absolute";
   var overflowRx = /(auto|scroll)/;
-  if (style.position === 'fixed') return document.documentElement;
-  for (var parent = element; parent = parent.parentElement;) {
+  if (style.position === "fixed")
+    return document.documentElement;
+  for (var parent = element; parent = parent.parentElement; ) {
     style = getComputedStyle(parent);
-    if (excludeStaticParent && style.position === 'static') {
+    if (excludeStaticParent && style.position === "static") {
       continue;
     }
     if (overflowRx.test(style.overflow + style.overflowY + style.overflowX)) {
@@ -176,22 +122,12 @@ function getScrollParent(element) {
   }
   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;
 }
 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 duration = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 200;
+  var callback = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : noop;
   var start = getScrollTop(element);
   var change = to - start;
   var increment = 10;
@@ -208,10 +144,6 @@ function animatedScrollTo(element, to) {
   }
   animateScroll();
 }
-
-// Scroll Into View
-// ------------------------------
-
 function scrollIntoView(menuEl, focusedEl) {
   var menuRect = menuEl.getBoundingClientRect();
   var focusedRect = focusedEl.getBoundingClientRect();
@@ -222,12 +154,6 @@ function scrollIntoView(menuEl, focusedEl) {
     scrollTo(menuEl, Math.max(focusedEl.offsetTop - overScroll, 0));
   }
 }
-
-// ==============================
-// Get bounding client object
-// ==============================
-
-// cannot get keys using array notation with DOMRect
 function getBoundingClientObj(element) {
   var rect = element.getBoundingClientRect();
   return {
@@ -239,24 +165,14 @@ function getBoundingClientObj(element) {
     width: rect.width
   };
 }
-
-// ==============================
-// Touch Capability Detector
-// ==============================
-
 function isTouchCapable() {
   try {
-    document.createEvent('TouchEvent');
+    document.createEvent("TouchEvent");
     return true;
   } catch (e) {
     return false;
   }
 }
-
-// ==============================
-// Mobile Device Detector
-// ==============================
-
 function isMobileDevice() {
   try {
     return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
@@ -264,23 +180,16 @@ function isMobileDevice() {
     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 : {};
+var w = typeof window !== "undefined" ? window : {};
 if (w.addEventListener && w.removeEventListener) {
-  w.addEventListener('p', noop, options);
-  w.removeEventListener('p', noop, false);
+  w.addEventListener("p", noop, options);
+  w.removeEventListener("p", noop, false);
 }
 var supportsPassiveEvents = passiveOptionAccessed;
 function notNullish(item) {
@@ -298,53 +207,33 @@ function singleValueAsValue(singleValue) {
 function multiValueAsValue(multiValue) {
   return multiValue;
 }
-var removeProps = function removeProps(propsObj) {
+var removeProps = function removeProps2(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.default(_ref, 1),
-      key = _ref2[0];
+  var propsMap = Object.entries(propsObj).filter(function(_ref) {
+    var _ref22 = slicedToArray.default(_ref, 1), key = _ref22[0];
     return !properties.includes(key);
   });
-  return propsMap.reduce(function (newProps, _ref3) {
-    var _ref4 = slicedToArray.default(_ref3, 2),
-      key = _ref4[0],
-      val = _ref4[1];
+  return propsMap.reduce(function(newProps, _ref3) {
+    var _ref4 = slicedToArray.default(_ref3, 2), key = _ref4[0], val = _ref4[1];
     newProps[key] = val;
     return newProps;
   }, {});
 };
-
-var _excluded$3 = ["children", "innerProps"],
-  _excluded2$1 = ["children", "innerProps"];
+var _excluded$3 = ["children", "innerProps"], _excluded2$1 = ["children", "innerProps"];
 function getMenuPlacement(_ref) {
-  var preferredMaxHeight = _ref.maxHeight,
-    menuEl = _ref.menuEl,
-    minHeight = _ref.minHeight,
-    preferredPlacement = _ref.placement,
-    shouldScroll = _ref.shouldScroll,
-    isFixedPosition = _ref.isFixedPosition,
-    controlHeight = _ref.controlHeight;
+  var preferredMaxHeight = _ref.maxHeight, menuEl = _ref.menuEl, minHeight = _ref.minHeight, preferredPlacement = _ref.placement, shouldScroll = _ref.shouldScroll, isFixedPosition = _ref.isFixedPosition, controlHeight = _ref.controlHeight;
   var scrollParent = getScrollParent(menuEl);
   var defaultState = {
-    placement: 'bottom',
+    placement: "bottom",
     maxHeight: preferredMaxHeight
   };
-
-  // something went wrong, return default state
-  if (!menuEl || !menuEl.offsetParent) return defaultState;
-
-  // we can't trust `scrollParent.scrollHeight` --> it may increase when
-  // the menu is rendered
-  var _scrollParent$getBoun = scrollParent.getBoundingClientRect(),
-    scrollHeight = _scrollParent$getBoun.height;
-  var _menuEl$getBoundingCl = menuEl.getBoundingClientRect(),
-    menuBottom = _menuEl$getBoundingCl.bottom,
-    menuHeight = _menuEl$getBoundingCl.height,
-    menuTop = _menuEl$getBoundingCl.top;
-  var _menuEl$offsetParent$ = menuEl.offsetParent.getBoundingClientRect(),
-    containerTop = _menuEl$offsetParent$.top;
+  if (!menuEl || !menuEl.offsetParent)
+    return defaultState;
+  var _scrollParent$getBoun = scrollParent.getBoundingClientRect(), scrollHeight = _scrollParent$getBoun.height;
+  var _menuEl$getBoundingCl = menuEl.getBoundingClientRect(), menuBottom = _menuEl$getBoundingCl.bottom, menuHeight = _menuEl$getBoundingCl.height, menuTop = _menuEl$getBoundingCl.top;
+  var _menuEl$offsetParent$ = menuEl.offsetParent.getBoundingClientRect(), containerTop = _menuEl$offsetParent$.top;
   var viewHeight = isFixedPosition ? window.innerHeight : normalizedHeight(scrollParent);
   var scrollTop = getScrollTop(scrollParent);
   var marginBottom = parseInt(getComputedStyle(menuEl).marginBottom, 10);
@@ -357,95 +246,72 @@ function getMenuPlacement(_ref) {
   var scrollUp = scrollTop + menuTop - marginTop;
   var scrollDuration = 160;
   switch (preferredPlacement) {
-    case 'auto':
-    case 'bottom':
-      // 1: the menu will fit, do nothing
+    case "auto":
+    case "bottom":
       if (viewSpaceBelow >= menuHeight) {
         return {
-          placement: 'bottom',
+          placement: "bottom",
           maxHeight: preferredMaxHeight
         };
       }
-
-      // 2: the menu will fit, if scrolled
       if (scrollSpaceBelow >= menuHeight && !isFixedPosition) {
         if (shouldScroll) {
           animatedScrollTo(scrollParent, scrollDown, scrollDuration);
         }
         return {
-          placement: 'bottom',
+          placement: "bottom",
           maxHeight: preferredMaxHeight
         };
       }
-
-      // 3: the menu will fit, if constrained
       if (!isFixedPosition && scrollSpaceBelow >= minHeight || isFixedPosition && viewSpaceBelow >= minHeight) {
         if (shouldScroll) {
           animatedScrollTo(scrollParent, scrollDown, scrollDuration);
         }
-
-        // we want to provide as much of the menu as possible to the user,
-        // so give them whatever is available below rather than the minHeight.
         var constrainedHeight = isFixedPosition ? viewSpaceBelow - marginBottom : scrollSpaceBelow - marginBottom;
         return {
-          placement: 'bottom',
+          placement: "bottom",
           maxHeight: constrainedHeight
         };
       }
-
-      // 4. Forked beviour when there isn't enough space below
-
-      // AUTO: flip the menu, render above
-      if (preferredPlacement === 'auto' || isFixedPosition) {
-        // may need to be constrained after flipping
+      if (preferredPlacement === "auto" || isFixedPosition) {
         var _constrainedHeight = preferredMaxHeight;
         var spaceAbove = isFixedPosition ? viewSpaceAbove : scrollSpaceAbove;
         if (spaceAbove >= minHeight) {
           _constrainedHeight = Math.min(spaceAbove - marginBottom - controlHeight, preferredMaxHeight);
         }
         return {
-          placement: 'top',
+          placement: "top",
           maxHeight: _constrainedHeight
         };
       }
-
-      // BOTTOM: allow browser to increase scrollable area and immediately set scroll
-      if (preferredPlacement === 'bottom') {
+      if (preferredPlacement === "bottom") {
         if (shouldScroll) {
           scrollTo(scrollParent, scrollDown);
         }
         return {
-          placement: 'bottom',
+          placement: "bottom",
           maxHeight: preferredMaxHeight
         };
       }
       break;
-    case 'top':
-      // 1: the menu will fit, do nothing
+    case "top":
       if (viewSpaceAbove >= menuHeight) {
         return {
-          placement: 'top',
+          placement: "top",
           maxHeight: preferredMaxHeight
         };
       }
-
-      // 2: the menu will fit, if scrolled
       if (scrollSpaceAbove >= menuHeight && !isFixedPosition) {
         if (shouldScroll) {
           animatedScrollTo(scrollParent, scrollUp, scrollDuration);
         }
         return {
-          placement: 'top',
+          placement: "top",
           maxHeight: preferredMaxHeight
         };
       }
-
-      // 3: the menu will fit, if constrained
       if (!isFixedPosition && scrollSpaceAbove >= minHeight || isFixedPosition && viewSpaceAbove >= minHeight) {
         var _constrainedHeight2 = preferredMaxHeight;
-
-        // we want to provide as much of the menu as possible to the user,
-        // so give them whatever is available below rather than the minHeight.
         if (!isFixedPosition && scrollSpaceAbove >= minHeight || isFixedPosition && viewSpaceAbove >= minHeight) {
           _constrainedHeight2 = isFixedPosition ? viewSpaceAbove - marginTop : scrollSpaceAbove - marginTop;
         }
@@ -453,158 +319,112 @@ function getMenuPlacement(_ref) {
           animatedScrollTo(scrollParent, scrollUp, scrollDuration);
         }
         return {
-          placement: 'top',
+          placement: "top",
           maxHeight: _constrainedHeight2
         };
       }
-
-      // 4. not enough space, the browser WILL NOT increase scrollable area when
-      // absolutely positioned element rendered above the viewport (only below).
-      // Flip the menu, render below
       return {
-        placement: 'bottom',
+        placement: "bottom",
         maxHeight: preferredMaxHeight
       };
     default:
-      throw new Error("Invalid placement provided \"".concat(preferredPlacement, "\"."));
+      throw new Error('Invalid placement provided "'.concat(preferredPlacement, '".'));
   }
   return defaultState;
 }
-
-// Menu Component
-// ------------------------------
-
 function alignToControl(placement) {
   var placementToCSSProp = {
-    bottom: 'top',
-    top: 'bottom'
+    bottom: "top",
+    top: "bottom"
   };
-  return placement ? placementToCSSProp[placement] : 'bottom';
+  return placement ? placementToCSSProp[placement] : "bottom";
 }
-var coercePlacement = function coercePlacement(p) {
-  return p === 'auto' ? 'bottom' : p;
+var coercePlacement = function coercePlacement2(p) {
+  return p === "auto" ? "bottom" : p;
 };
-var menuCSS = function menuCSS(_ref2, unstyled) {
+var menuCSS = function menuCSS2(_ref22, unstyled) {
   var _objectSpread2$1;
-  var placement = _ref2.placement,
-    _ref2$theme = _ref2.theme,
-    borderRadius = _ref2$theme.borderRadius,
-    spacing = _ref2$theme.spacing,
-    colors = _ref2$theme.colors;
+  var placement = _ref22.placement, _ref2$theme = _ref22.theme, borderRadius = _ref2$theme.borderRadius, spacing = _ref2$theme.spacing, colors = _ref2$theme.colors;
   return objectSpread2.default((_objectSpread2$1 = {
-    label: 'menu'
-  }, defineProperty.default(_objectSpread2$1, alignToControl(placement), '100%'), defineProperty.default(_objectSpread2$1, "position", 'absolute'), defineProperty.default(_objectSpread2$1, "width", '100%'), defineProperty.default(_objectSpread2$1, "zIndex", 1), _objectSpread2$1), unstyled ? {} : {
+    label: "menu"
+  }, defineProperty.default(_objectSpread2$1, alignToControl(placement), "100%"), defineProperty.default(_objectSpread2$1, "position", "absolute"), defineProperty.default(_objectSpread2$1, "width", "100%"), defineProperty.default(_objectSpread2$1, "zIndex", 1), _objectSpread2$1), unstyled ? {} : {
     backgroundColor: colors.neutral0,
-    borderRadius: borderRadius,
-    boxShadow: '0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)',
+    borderRadius,
+    boxShadow: "0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)",
     marginBottom: spacing.menuGutter,
     marginTop: spacing.menuGutter
   });
 };
-var PortalPlacementContext = /*#__PURE__*/React.createContext(null);
-
-// NOTE: internal only
-var MenuPlacer = function MenuPlacer(props) {
-  var children = props.children,
-    minMenuHeight = props.minMenuHeight,
-    maxMenuHeight = props.maxMenuHeight,
-    menuPlacement = props.menuPlacement,
-    menuPosition = props.menuPosition,
-    menuShouldScrollIntoView = props.menuShouldScrollIntoView,
-    theme = props.theme;
-  var _ref3 = React.useContext(PortalPlacementContext) || {},
-    setPortalPlacement = _ref3.setPortalPlacement;
+var PortalPlacementContext = /* @__PURE__ */ React.createContext(null);
+var MenuPlacer = function MenuPlacer2(props) {
+  var children = props.children, minMenuHeight = props.minMenuHeight, maxMenuHeight = props.maxMenuHeight, menuPlacement = props.menuPlacement, menuPosition = props.menuPosition, menuShouldScrollIntoView = props.menuShouldScrollIntoView, theme = props.theme;
+  var _ref3 = React.useContext(PortalPlacementContext) || {}, setPortalPlacement = _ref3.setPortalPlacement;
   var ref = React.useRef(null);
-  var _useState = React.useState(maxMenuHeight),
-    _useState2 = slicedToArray.default(_useState, 2),
-    maxHeight = _useState2[0],
-    setMaxHeight = _useState2[1];
-  var _useState3 = React.useState(null),
-    _useState4 = slicedToArray.default(_useState3, 2),
-    placement = _useState4[0],
-    setPlacement = _useState4[1];
+  var _useState = React.useState(maxMenuHeight), _useState2 = slicedToArray.default(_useState, 2), maxHeight = _useState2[0], setMaxHeight = _useState2[1];
+  var _useState3 = React.useState(null), _useState4 = slicedToArray.default(_useState3, 2), placement = _useState4[0], setPlacement = _useState4[1];
   var controlHeight = theme.spacing.controlHeight;
-  useIsomorphicLayoutEffect_esm.default(function () {
+  useIsomorphicLayoutEffect_esm.default(function() {
     var menuEl = ref.current;
-    if (!menuEl) return;
-
-    // DO NOT scroll if position is fixed
-    var isFixedPosition = menuPosition === 'fixed';
+    if (!menuEl)
+      return;
+    var isFixedPosition = menuPosition === "fixed";
     var shouldScroll = menuShouldScrollIntoView && !isFixedPosition;
     var state = getMenuPlacement({
       maxHeight: maxMenuHeight,
-      menuEl: menuEl,
+      menuEl,
       minHeight: minMenuHeight,
       placement: menuPlacement,
-      shouldScroll: shouldScroll,
-      isFixedPosition: isFixedPosition,
-      controlHeight: controlHeight
+      shouldScroll,
+      isFixedPosition,
+      controlHeight
     });
     setMaxHeight(state.maxHeight);
     setPlacement(state.placement);
     setPortalPlacement === null || setPortalPlacement === void 0 ? void 0 : setPortalPlacement(state.placement);
   }, [maxMenuHeight, menuPlacement, menuPosition, menuShouldScrollIntoView, minMenuHeight, setPortalPlacement, controlHeight]);
   return children({
-    ref: ref,
+    ref,
     placerProps: objectSpread2.default(objectSpread2.default({}, props), {}, {
       placement: placement || coercePlacement(menuPlacement),
-      maxHeight: maxHeight
+      maxHeight
     })
   });
 };
-var Menu = function Menu(props) {
-  var children = props.children,
-    innerRef = props.innerRef,
-    innerProps = props.innerProps;
-  return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(props, 'menu', {
+var Menu = function Menu2(props) {
+  var children = props.children, innerRef = props.innerRef, innerProps = props.innerProps;
+  return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(props, "menu", {
     menu: true
   }), {
     ref: innerRef
   }, innerProps), children);
 };
 var Menu$1 = Menu;
-
-// ==============================
-// Menu List
-// ==============================
-
-var menuListCSS = function menuListCSS(_ref4, unstyled) {
-  var maxHeight = _ref4.maxHeight,
-    baseUnit = _ref4.theme.spacing.baseUnit;
+var menuListCSS = function menuListCSS2(_ref4, unstyled) {
+  var maxHeight = _ref4.maxHeight, baseUnit = _ref4.theme.spacing.baseUnit;
   return objectSpread2.default({
-    maxHeight: maxHeight,
-    overflowY: 'auto',
-    position: 'relative',
+    maxHeight,
+    overflowY: "auto",
+    position: "relative",
     // required for offset[Height, Top] > keyboard scroll
-    WebkitOverflowScrolling: 'touch'
+    WebkitOverflowScrolling: "touch"
   }, unstyled ? {} : {
     paddingBottom: baseUnit,
     paddingTop: baseUnit
   });
 };
-var MenuList = function MenuList(props) {
-  var children = props.children,
-    innerProps = props.innerProps,
-    innerRef = props.innerRef,
-    isMulti = props.isMulti;
-  return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(props, 'menuList', {
-    'menu-list': true,
-    'menu-list--is-multi': isMulti
+var MenuList = function MenuList2(props) {
+  var children = props.children, innerProps = props.innerProps, innerRef = props.innerRef, isMulti = props.isMulti;
+  return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(props, "menuList", {
+    "menu-list": true,
+    "menu-list--is-multi": isMulti
   }), {
     ref: innerRef
   }, innerProps), children);
 };
-
-// ==============================
-// Menu Notices
-// ==============================
-
-var noticeCSS = function noticeCSS(_ref5, unstyled) {
-  var _ref5$theme = _ref5.theme,
-    baseUnit = _ref5$theme.spacing.baseUnit,
-    colors = _ref5$theme.colors;
+var noticeCSS = function noticeCSS2(_ref5, unstyled) {
+  var _ref5$theme = _ref5.theme, baseUnit = _ref5$theme.spacing.baseUnit, colors = _ref5$theme.colors;
   return objectSpread2.default({
-    textAlign: 'center'
+    textAlign: "center"
   }, unstyled ? {} : {
     color: colors.neutral40,
     padding: "".concat(baseUnit * 2, "px ").concat(baseUnit * 3, "px")
@@ -612,210 +432,154 @@ var noticeCSS = function noticeCSS(_ref5, unstyled) {
 };
 var noOptionsMessageCSS = noticeCSS;
 var loadingMessageCSS = noticeCSS;
-var NoOptionsMessage = function NoOptionsMessage(_ref6) {
-  var _ref6$children = _ref6.children,
-    children = _ref6$children === void 0 ? 'No options' : _ref6$children,
-    innerProps = _ref6.innerProps,
-    restProps = objectWithoutProperties.default(_ref6, _excluded$3);
+var NoOptionsMessage = function NoOptionsMessage2(_ref6) {
+  var _ref6$children = _ref6.children, children = _ref6$children === void 0 ? "No options" : _ref6$children, innerProps = _ref6.innerProps, restProps = objectWithoutProperties.default(_ref6, _excluded$3);
   return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(objectSpread2.default(objectSpread2.default({}, restProps), {}, {
-    children: children,
-    innerProps: innerProps
-  }), 'noOptionsMessage', {
-    'menu-notice': true,
-    'menu-notice--no-options': true
+    children,
+    innerProps
+  }), "noOptionsMessage", {
+    "menu-notice": true,
+    "menu-notice--no-options": true
   }), innerProps), children);
 };
-var LoadingMessage = function LoadingMessage(_ref7) {
-  var _ref7$children = _ref7.children,
-    children = _ref7$children === void 0 ? 'Loading...' : _ref7$children,
-    innerProps = _ref7.innerProps,
-    restProps = objectWithoutProperties.default(_ref7, _excluded2$1);
+var LoadingMessage = function LoadingMessage2(_ref7) {
+  var _ref7$children = _ref7.children, children = _ref7$children === void 0 ? "Loading..." : _ref7$children, innerProps = _ref7.innerProps, restProps = objectWithoutProperties.default(_ref7, _excluded2$1);
   return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(objectSpread2.default(objectSpread2.default({}, restProps), {}, {
-    children: children,
-    innerProps: innerProps
-  }), 'loadingMessage', {
-    'menu-notice': true,
-    'menu-notice--loading': true
+    children,
+    innerProps
+  }), "loadingMessage", {
+    "menu-notice": true,
+    "menu-notice--loading": true
   }), innerProps), children);
 };
-
-// ==============================
-// Menu Portal
-// ==============================
-
-var menuPortalCSS = function menuPortalCSS(_ref8) {
-  var rect = _ref8.rect,
-    offset = _ref8.offset,
-    position = _ref8.position;
+var menuPortalCSS = function menuPortalCSS2(_ref8) {
+  var rect = _ref8.rect, offset = _ref8.offset, position = _ref8.position;
   return {
     left: rect.left,
-    position: position,
+    position,
     top: offset,
     width: rect.width,
     zIndex: 1
   };
 };
-var MenuPortal = function MenuPortal(props) {
-  var appendTo = props.appendTo,
-    children = props.children,
-    controlElement = props.controlElement,
-    innerProps = props.innerProps,
-    menuPlacement = props.menuPlacement,
-    menuPosition = props.menuPosition;
+var MenuPortal = function MenuPortal2(props) {
+  var appendTo = props.appendTo, children = props.children, controlElement = props.controlElement, innerProps = props.innerProps, menuPlacement = props.menuPlacement, menuPosition = props.menuPosition;
   var menuPortalRef = React.useRef(null);
   var cleanupRef = React.useRef(null);
-  var _useState5 = React.useState(coercePlacement(menuPlacement)),
-    _useState6 = slicedToArray.default(_useState5, 2),
-    placement = _useState6[0],
-    setPortalPlacement = _useState6[1];
-  var portalPlacementContext = React.useMemo(function () {
+  var _useState5 = React.useState(coercePlacement(menuPlacement)), _useState6 = slicedToArray.default(_useState5, 2), placement = _useState6[0], setPortalPlacement = _useState6[1];
+  var portalPlacementContext = React.useMemo(function() {
     return {
-      setPortalPlacement: setPortalPlacement
+      setPortalPlacement
     };
   }, []);
-  var _useState7 = React.useState(null),
-    _useState8 = slicedToArray.default(_useState7, 2),
-    computedPosition = _useState8[0],
-    setComputedPosition = _useState8[1];
-  var updateComputedPosition = React.useCallback(function () {
-    if (!controlElement) return;
+  var _useState7 = React.useState(null), _useState8 = slicedToArray.default(_useState7, 2), computedPosition = _useState8[0], setComputedPosition = _useState8[1];
+  var updateComputedPosition = React.useCallback(function() {
+    if (!controlElement)
+      return;
     var rect = getBoundingClientObj(controlElement);
-    var scrollDistance = menuPosition === 'fixed' ? 0 : window.pageYOffset;
+    var scrollDistance = menuPosition === "fixed" ? 0 : window.pageYOffset;
     var offset = rect[placement] + scrollDistance;
     if (offset !== (computedPosition === null || computedPosition === void 0 ? void 0 : computedPosition.offset) || rect.left !== (computedPosition === null || computedPosition === void 0 ? void 0 : computedPosition.rect.left) || rect.width !== (computedPosition === null || computedPosition === void 0 ? void 0 : computedPosition.rect.width)) {
       setComputedPosition({
-        offset: offset,
-        rect: rect
+        offset,
+        rect
       });
     }
   }, [controlElement, menuPosition, placement, computedPosition === null || computedPosition === void 0 ? void 0 : computedPosition.offset, computedPosition === null || computedPosition === void 0 ? void 0 : computedPosition.rect.left, computedPosition === null || computedPosition === void 0 ? void 0 : computedPosition.rect.width]);
-  useIsomorphicLayoutEffect_esm.default(function () {
+  useIsomorphicLayoutEffect_esm.default(function() {
     updateComputedPosition();
   }, [updateComputedPosition]);
-  var runAutoUpdate = React.useCallback(function () {
-    if (typeof cleanupRef.current === 'function') {
+  var runAutoUpdate = React.useCallback(function() {
+    if (typeof cleanupRef.current === "function") {
       cleanupRef.current();
       cleanupRef.current = null;
     }
     if (controlElement && menuPortalRef.current) {
       cleanupRef.current = floatingUi_dom.autoUpdate(controlElement, menuPortalRef.current, updateComputedPosition, {
-        elementResize: 'ResizeObserver' in window
+        elementResize: "ResizeObserver" in window
       });
     }
   }, [controlElement, updateComputedPosition]);
-  useIsomorphicLayoutEffect_esm.default(function () {
+  useIsomorphicLayoutEffect_esm.default(function() {
     runAutoUpdate();
   }, [runAutoUpdate]);
-  var setMenuPortalElement = React.useCallback(function (menuPortalElement) {
+  var setMenuPortalElement = React.useCallback(function(menuPortalElement) {
     menuPortalRef.current = menuPortalElement;
     runAutoUpdate();
   }, [runAutoUpdate]);
-
-  // bail early if required elements aren't present
-  if (!appendTo && menuPosition !== 'fixed' || !computedPosition) return null;
-
-  // same wrapper element whether fixed or portalled
+  if (!appendTo && menuPosition !== "fixed" || !computedPosition)
+    return null;
   var menuWrapper = emotionReact_esm.createElement("div", _extends.default({
     ref: setMenuPortalElement
   }, getStyleProps(objectSpread2.default(objectSpread2.default({}, props), {}, {
     offset: computedPosition.offset,
     position: menuPosition,
     rect: computedPosition.rect
-  }), 'menuPortal', {
-    'menu-portal': true
+  }), "menuPortal", {
+    "menu-portal": true
   }), innerProps), children);
   return emotionReact_esm.createElement(PortalPlacementContext.Provider, {
     value: portalPlacementContext
-  }, appendTo ? /*#__PURE__*/ReactDOM.createPortal(menuWrapper, appendTo) : menuWrapper);
+  }, appendTo ? /* @__PURE__ */ ReactDOM.createPortal(menuWrapper, appendTo) : menuWrapper);
 };
-
-// ==============================
-// Root Container
-// ==============================
-
-var containerCSS = function containerCSS(_ref) {
-  var isDisabled = _ref.isDisabled,
-    isRtl = _ref.isRtl;
+var containerCSS = function containerCSS2(_ref) {
+  var isDisabled = _ref.isDisabled, isRtl = _ref.isRtl;
   return {
-    label: 'container',
-    direction: isRtl ? 'rtl' : undefined,
-    pointerEvents: isDisabled ? 'none' : undefined,
+    label: "container",
+    direction: isRtl ? "rtl" : void 0,
+    pointerEvents: isDisabled ? "none" : void 0,
     // cancel mouse events when disabled
-    position: 'relative'
+    position: "relative"
   };
 };
-var SelectContainer = function SelectContainer(props) {
-  var children = props.children,
-    innerProps = props.innerProps,
-    isDisabled = props.isDisabled,
-    isRtl = props.isRtl;
-  return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(props, 'container', {
-    '--is-disabled': isDisabled,
-    '--is-rtl': isRtl
+var SelectContainer = function SelectContainer2(props) {
+  var children = props.children, innerProps = props.innerProps, isDisabled = props.isDisabled, isRtl = props.isRtl;
+  return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(props, "container", {
+    "--is-disabled": isDisabled,
+    "--is-rtl": isRtl
   }), innerProps), children);
 };
-
-// ==============================
-// Value Container
-// ==============================
-
-var valueContainerCSS = function valueContainerCSS(_ref2, unstyled) {
-  var spacing = _ref2.theme.spacing,
-    isMulti = _ref2.isMulti,
-    hasValue = _ref2.hasValue,
-    controlShouldRenderValue = _ref2.selectProps.controlShouldRenderValue;
+var valueContainerCSS = function valueContainerCSS2(_ref22, unstyled) {
+  var spacing = _ref22.theme.spacing, isMulti = _ref22.isMulti, hasValue = _ref22.hasValue, controlShouldRenderValue = _ref22.selectProps.controlShouldRenderValue;
   return objectSpread2.default({
-    alignItems: 'center',
-    display: isMulti && hasValue && controlShouldRenderValue ? 'flex' : 'grid',
+    alignItems: "center",
+    display: isMulti && hasValue && controlShouldRenderValue ? "flex" : "grid",
     flex: 1,
-    flexWrap: 'wrap',
-    WebkitOverflowScrolling: 'touch',
-    position: 'relative',
-    overflow: 'hidden'
+    flexWrap: "wrap",
+    WebkitOverflowScrolling: "touch",
+    position: "relative",
+    overflow: "hidden"
   }, unstyled ? {} : {
     padding: "".concat(spacing.baseUnit / 2, "px ").concat(spacing.baseUnit * 2, "px")
   });
 };
-var ValueContainer = function ValueContainer(props) {
-  var children = props.children,
-    innerProps = props.innerProps,
-    isMulti = props.isMulti,
-    hasValue = props.hasValue;
-  return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(props, 'valueContainer', {
-    'value-container': true,
-    'value-container--is-multi': isMulti,
-    'value-container--has-value': hasValue
+var ValueContainer = function ValueContainer2(props) {
+  var children = props.children, innerProps = props.innerProps, isMulti = props.isMulti, hasValue = props.hasValue;
+  return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(props, "valueContainer", {
+    "value-container": true,
+    "value-container--is-multi": isMulti,
+    "value-container--has-value": hasValue
   }), innerProps), children);
 };
-
-// ==============================
-// Indicator Container
-// ==============================
-
-var indicatorsContainerCSS = function indicatorsContainerCSS() {
+var indicatorsContainerCSS = function indicatorsContainerCSS2() {
   return {
-    alignItems: 'center',
-    alignSelf: 'stretch',
-    display: 'flex',
+    alignItems: "center",
+    alignSelf: "stretch",
+    display: "flex",
     flexShrink: 0
   };
 };
-var IndicatorsContainer = function IndicatorsContainer(props) {
-  var children = props.children,
-    innerProps = props.innerProps;
-  return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(props, 'indicatorsContainer', {
+var IndicatorsContainer = function IndicatorsContainer2(props) {
+  var children = props.children, innerProps = props.innerProps;
+  return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(props, "indicatorsContainer", {
     indicators: true
   }), innerProps), children);
 };
-
 var _templateObject;
-var _excluded$2 = ["size"],
-  _excluded2 = ["innerProps", "isRtl", "size"];
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-// ==============================
-// Dropdown & Clear Icons
-// ==============================
+var _excluded$2 = ["size"], _excluded2 = ["innerProps", "isRtl", "size"];
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
 var _ref2 = process.env.NODE_ENV === "production" ? {
   name: "8mmkcg",
   styles: "display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0"
@@ -825,9 +589,8 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGljYXRvcnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCSSIsImZpbGUiOiJpbmRpY2F0b3JzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHsgSlNYLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3gsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHtcbiAgQ29tbW9uUHJvcHNBbmRDbGFzc05hbWUsXG4gIENTU09iamVjdFdpdGhMYWJlbCxcbiAgR3JvdXBCYXNlLFxufSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRTdHlsZVByb3BzIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIERyb3Bkb3duICYgQ2xlYXIgSWNvbnNcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG5jb25zdCBTdmcgPSAoe1xuICBzaXplLFxuICAuLi5wcm9wc1xufTogSlNYLkludHJpbnNpY0VsZW1lbnRzWydzdmcnXSAmIHsgc2l6ZTogbnVtYmVyIH0pID0+IChcbiAgPHN2Z1xuICAgIGhlaWdodD17c2l6ZX1cbiAgICB3aWR0aD17c2l6ZX1cbiAgICB2aWV3Qm94PVwiMCAwIDIwIDIwXCJcbiAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgIGZvY3VzYWJsZT1cImZhbHNlXCJcbiAgICBjc3M9e3tcbiAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgZmlsbDogJ2N1cnJlbnRDb2xvcicsXG4gICAgICBsaW5lSGVpZ2h0OiAxLFxuICAgICAgc3Ryb2tlOiAnY3VycmVudENvbG9yJyxcbiAgICAgIHN0cm9rZVdpZHRoOiAwLFxuICAgIH19XG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcblxuZXhwb3J0IHR5cGUgQ3Jvc3NJY29uUHJvcHMgPSBKU1guSW50cmluc2ljRWxlbWVudHNbJ3N2ZyddICYgeyBzaXplPzogbnVtYmVyIH07XG5leHBvcnQgY29uc3QgQ3Jvc3NJY29uID0gKHByb3BzOiBDcm9zc0ljb25Qcm9wcykgPT4gKFxuICA8U3ZnIHNpemU9ezIwfSB7Li4ucHJvcHN9PlxuICAgIDxwYXRoIGQ9XCJNMTQuMzQ4IDE0Ljg0OWMtMC40NjkgMC40NjktMS4yMjkgMC40NjktMS42OTcgMGwtMi42NTEtMy4wMzAtMi42NTEgMy4wMjljLTAuNDY5IDAuNDY5LTEuMjI5IDAuNDY5LTEuNjk3IDAtMC40NjktMC40NjktMC40NjktMS4yMjkgMC0xLjY5N2wyLjc1OC0zLjE1LTIuNzU5LTMuMTUyYy0wLjQ2OS0wLjQ2OS0wLjQ2OS0xLjIyOCAwLTEuNjk3czEuMjI4LTAuNDY5IDEuNjk3IDBsMi42NTIgMy4wMzEgMi42NTEtMy4wMzFjMC40NjktMC40NjkgMS4yMjgtMC40NjkgMS42OTcgMHMwLjQ2OSAxLjIyOSAwIDEuNjk3bC0yLjc1OCAzLjE1MiAyLjc1OCAzLjE1YzAuNDY5IDAuNDY5IDAuNDY5IDEuMjI5IDAgMS42OTh6XCIgLz5cbiAgPC9Tdmc+XG4pO1xuZXhwb3J0IHR5cGUgRG93bkNoZXZyb25Qcm9wcyA9IEpTWC5JbnRyaW5zaWNFbGVtZW50c1snc3ZnJ10gJiB7IHNpemU/OiBudW1iZXIgfTtcbmV4cG9ydCBjb25zdCBEb3duQ2hldnJvbiA9IChwcm9wczogRG93bkNoZXZyb25Qcm9wcykgPT4gKFxuICA8U3ZnIHNpemU9ezIwfSB7Li4ucHJvcHN9PlxuICAgIDxwYXRoIGQ9XCJNNC41MTYgNy41NDhjMC40MzYtMC40NDYgMS4wNDMtMC40ODEgMS41NzYgMGwzLjkwOCAzLjc0NyAzLjkwOC0zLjc0N2MwLjUzMy0wLjQ4MSAxLjE0MS0wLjQ0NiAxLjU3NCAwIDAuNDM2IDAuNDQ1IDAuNDA4IDEuMTk3IDAgMS42MTUtMC40MDYgMC40MTgtNC42OTUgNC41MDItNC42OTUgNC41MDItMC4yMTcgMC4yMjMtMC41MDIgMC4zMzUtMC43ODcgMC4zMzVzLTAuNTctMC4xMTItMC43ODktMC4zMzVjMCAwLTQuMjg3LTQuMDg0LTQuNjk1LTQuNTAycy0wLjQzNi0xLjE3IDAtMS42MTV6XCIgLz5cbiAgPC9Tdmc+XG4pO1xuXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIERyb3Bkb3duICYgQ2xlYXIgQnV0dG9uc1xuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG5cbmV4cG9ydCBpbnRlcmZhY2UgRHJvcGRvd25JbmRpY2F0b3JQcm9wczxcbiAgT3B0aW9uID0gdW5rbm93bixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4gPSBib29sZWFuLFxuICBHcm91cCBleHRlbmRzIEdyb3VwQmFzZTxPcHRpb24+ID0gR3JvdXBCYXNlPE9wdGlvbj5cbj4gZXh0ZW5kcyBDb21tb25Qcm9wc0FuZENsYXNzTmFtZTxPcHRpb24sIElzTXVsdGksIEdyb3VwPiB7XG4gIC8qKiBUaGUgY2hpbGRyZW4gdG8gYmUgcmVuZGVyZWQgaW5zaWRlIHRoZSBpbmRpY2F0b3IuICovXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xuICAvKiogUHJvcHMgdGhhdCB3aWxsIGJlIHBhc3NlZCBvbiB0byB0aGUgY2hpbGRyZW4uICovXG4gIGlubmVyUHJvcHM6IEpTWC5JbnRyaW5zaWNFbGVtZW50c1snZGl2J107XG4gIC8qKiBUaGUgZm9jdXNlZCBzdGF0ZSBvZiB0aGUgc2VsZWN0LiAqL1xuICBpc0ZvY3VzZWQ6IGJvb2xlYW47XG4gIGlzRGlzYWJsZWQ6IGJvb2xlYW47XG59XG5cbmNvbnN0IGJhc2VDU1MgPSA8XG4gIE9wdGlvbixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj5cbj4oXG4gIHtcbiAgICBpc0ZvY3VzZWQsXG4gICAgdGhlbWU6IHtcbiAgICAgIHNwYWNpbmc6IHsgYmFzZVVuaXQgfSxcbiAgICAgIGNvbG9ycyxcbiAgICB9LFxuICB9OlxuICAgIHwgRHJvcGRvd25JbmRpY2F0b3JQcm9wczxPcHRpb24sIElzTXVsdGksIEdyb3VwPlxuICAgIHwgQ2xlYXJJbmRpY2F0b3JQcm9wczxPcHRpb24sIElzTXVsdGksIEdyb3VwPixcbiAgdW5zdHlsZWQ6IGJvb2xlYW5cbik6IENTU09iamVjdFdpdGhMYWJlbCA9PiAoe1xuICBsYWJlbDogJ2luZGljYXRvckNvbnRhaW5lcicsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgdHJhbnNpdGlvbjogJ2NvbG9yIDE1MG1zJyxcbiAgLi4uKHVuc3R5bGVkXG4gICAgPyB7fVxuICAgIDoge1xuICAgICAgICBjb2xvcjogaXNGb2N1c2VkID8gY29sb3JzLm5ldXRyYWw2MCA6IGNvbG9ycy5uZXV0cmFsMjAsXG4gICAgICAgIHBhZGRpbmc6IGJhc2VVbml0ICogMixcbiAgICAgICAgJzpob3Zlcic6IHtcbiAgICAgICAgICBjb2xvcjogaXNGb2N1c2VkID8gY29sb3JzLm5ldXRyYWw4MCA6IGNvbG9ycy5uZXV0cmFsNDAsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcGRvd25JbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IERyb3Bkb3duSW5kaWNhdG9yID0gPFxuICBPcHRpb24sXG4gIElzTXVsdGkgZXh0ZW5kcyBib29sZWFuLFxuICBHcm91cCBleHRlbmRzIEdyb3VwQmFzZTxPcHRpb24+XG4+KFxuICBwcm9wczogRHJvcGRvd25JbmRpY2F0b3JQcm9wczxPcHRpb24sIElzTXVsdGksIEdyb3VwPlxuKSA9PiB7XG4gIGNvbnN0IHsgY2hpbGRyZW4sIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5nZXRTdHlsZVByb3BzKHByb3BzLCAnZHJvcGRvd25JbmRpY2F0b3InLCB7XG4gICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgJ2Ryb3Bkb3duLWluZGljYXRvcic6IHRydWUsXG4gICAgICB9KX1cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8RG93bkNoZXZyb24gLz59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIENsZWFySW5kaWNhdG9yUHJvcHM8XG4gIE9wdGlvbiA9IHVua25vd24sXG4gIElzTXVsdGkgZXh0ZW5kcyBib29sZWFuID0gYm9vbGVhbixcbiAgR3JvdXAgZXh0ZW5kcyBHcm91cEJhc2U8T3B0aW9uPiA9IEdyb3VwQmFzZTxPcHRpb24+XG4+IGV4dGVuZHMgQ29tbW9uUHJvcHNBbmRDbGFzc05hbWU8T3B0aW9uLCBJc011bHRpLCBHcm91cD4ge1xuICAvKiogVGhlIGNoaWxkcmVuIHRvIGJlIHJlbmRlcmVkIGluc2lkZSB0aGUgaW5kaWNhdG9yLiAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgLyoqIFByb3BzIHRoYXQgd2lsbCBiZSBwYXNzZWQgb24gdG8gdGhlIGNoaWxkcmVuLiAqL1xuICBpbm5lclByb3BzOiBKU1guSW50cmluc2ljRWxlbWVudHNbJ2RpdiddO1xuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgY2xlYXJJbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IENsZWFySW5kaWNhdG9yID0gPFxuICBPcHRpb24sXG4gIElzTXVsdGkgZXh0ZW5kcyBib29sZWFuLFxuICBHcm91cCBleHRlbmRzIEdyb3VwQmFzZTxPcHRpb24+XG4+KFxuICBwcm9wczogQ2xlYXJJbmRpY2F0b3JQcm9wczxPcHRpb24sIElzTXVsdGksIEdyb3VwPlxuKSA9PiB7XG4gIGNvbnN0IHsgY2hpbGRyZW4sIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5nZXRTdHlsZVByb3BzKHByb3BzLCAnY2xlYXJJbmRpY2F0b3InLCB7XG4gICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgJ2NsZWFyLWluZGljYXRvcic6IHRydWUsXG4gICAgICB9KX1cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8Q3Jvc3NJY29uIC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBTZXBhcmF0b3Jcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG5leHBvcnQgaW50ZXJmYWNlIEluZGljYXRvclNlcGFyYXRvclByb3BzPFxuICBPcHRpb24gPSB1bmtub3duLFxuICBJc011bHRpIGV4dGVuZHMgYm9vbGVhbiA9IGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj4gPSBHcm91cEJhc2U8T3B0aW9uPlxuPiBleHRlbmRzIENvbW1vblByb3BzQW5kQ2xhc3NOYW1lPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+IHtcbiAgaXNEaXNhYmxlZDogYm9vbGVhbjtcbiAgaXNGb2N1c2VkOiBib29sZWFuO1xuICBpbm5lclByb3BzPzogSlNYLkludHJpbnNpY0VsZW1lbnRzWydzcGFuJ107XG59XG5cbmV4cG9ydCBjb25zdCBpbmRpY2F0b3JTZXBhcmF0b3JDU1MgPSA8XG4gIE9wdGlvbixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj5cbj4oXG4gIHtcbiAgICBpc0Rpc2FibGVkLFxuICAgIHRoZW1lOiB7XG4gICAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gICAgICBjb2xvcnMsXG4gICAgfSxcbiAgfTogSW5kaWNhdG9yU2VwYXJhdG9yUHJvcHM8T3B0aW9uLCBJc011bHRpLCBHcm91cD4sXG4gIHVuc3R5bGVkOiBib29sZWFuXG4pOiBDU1NPYmplY3RXaXRoTGFiZWwgPT4gKHtcbiAgbGFiZWw6ICdpbmRpY2F0b3JTZXBhcmF0b3InLFxuICBhbGlnblNlbGY6ICdzdHJldGNoJyxcbiAgd2lkdGg6IDEsXG4gIC4uLih1bnN0eWxlZFxuICAgID8ge31cbiAgICA6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBpc0Rpc2FibGVkID8gY29sb3JzLm5ldXRyYWwxMCA6IGNvbG9ycy5uZXV0cmFsMjAsXG4gICAgICAgIG1hcmdpbkJvdHRvbTogYmFzZVVuaXQgKiAyLFxuICAgICAgICBtYXJnaW5Ub3A6IGJhc2VVbml0ICogMixcbiAgICAgIH0pLFxufSk7XG5cbmV4cG9ydCBjb25zdCBJbmRpY2F0b3JTZXBhcmF0b3IgPSA8XG4gIE9wdGlvbixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj5cbj4oXG4gIHByb3BzOiBJbmRpY2F0b3JTZXBhcmF0b3JQcm9wczxPcHRpb24sIElzTXVsdGksIEdyb3VwPlxuKSA9PiB7XG4gIGNvbnN0IHsgaW5uZXJQcm9wcyB9ID0gcHJvcHM7XG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgey4uLmdldFN0eWxlUHJvcHMocHJvcHMsICdpbmRpY2F0b3JTZXBhcmF0b3InLCB7XG4gICAgICAgICdpbmRpY2F0b3Itc2VwYXJhdG9yJzogdHJ1ZSxcbiAgICAgIH0pfVxuICAgIC8+XG4gICk7XG59O1xuXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIExvYWRpbmdcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG5jb25zdCBsb2FkaW5nRG90QW5pbWF0aW9ucyA9IGtleWZyYW1lc2BcbiAgMCUsIDgwJSwgMTAwJSB7IG9wYWNpdHk6IDA7IH1cbiAgNDAlIHsgb3BhY2l0eTogMTsgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGxvYWRpbmdJbmRpY2F0b3JDU1MgPSA8XG4gIE9wdGlvbixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj5cbj4oXG4gIHtcbiAgICBpc0ZvY3VzZWQsXG4gICAgc2l6ZSxcbiAgICB0aGVtZToge1xuICAgICAgY29sb3JzLFxuICAgICAgc3BhY2luZzogeyBiYXNlVW5pdCB9LFxuICAgIH0sXG4gIH06IExvYWRpbmdJbmRpY2F0b3JQcm9wczxPcHRpb24sIElzTXVsdGksIEdyb3VwPixcbiAgdW5zdHlsZWQ6IGJvb2xlYW5cbik6IENTU09iamVjdFdpdGhMYWJlbCA9PiAoe1xuICBsYWJlbDogJ2xvYWRpbmdJbmRpY2F0b3InLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIHRyYW5zaXRpb246ICdjb2xvciAxNTBtcycsXG4gIGFsaWduU2VsZjogJ2NlbnRlcicsXG4gIGZvbnRTaXplOiBzaXplLFxuICBsaW5lSGVpZ2h0OiAxLFxuICBtYXJnaW5SaWdodDogc2l6ZSxcbiAgdGV4dEFsaWduOiAnY2VudGVyJyxcbiAgdmVydGljYWxBbGlnbjogJ21pZGRsZScsXG4gIC4uLih1bnN0eWxlZFxuICAgID8ge31cbiAgICA6IHtcbiAgICAgICAgY29sb3I6IGlzRm9jdXNlZCA/IGNvbG9ycy5uZXV0cmFsNjAgOiBjb2xvcnMubmV1dHJhbDIwLFxuICAgICAgICBwYWRkaW5nOiBiYXNlVW5pdCAqIDIsXG4gICAgICB9KSxcbn0pO1xuXG5pbnRlcmZhY2UgTG9hZGluZ0RvdFByb3BzIHtcbiAgZGVsYXk6IG51bWJlcjtcbiAgb2Zmc2V0OiBib29sZWFuO1xufVxuY29uc3QgTG9hZGluZ0RvdCA9ICh7IGRlbGF5LCBvZmZzZXQgfTogTG9hZGluZ0RvdFByb3BzKSA9PiAoXG4gIDxzcGFuXG4gICAgY3NzPXt7XG4gICAgICBhbmltYXRpb246IGAke2xvYWRpbmdEb3RBbmltYXRpb25zfSAxcyBlYXNlLWluLW91dCAke2RlbGF5fW1zIGluZmluaXRlO2AsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6ICdjdXJyZW50Q29sb3InLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnMWVtJyxcbiAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgbWFyZ2luTGVmdDogb2Zmc2V0ID8gJzFlbScgOiB1bmRlZmluZWQsXG4gICAgICBoZWlnaHQ6ICcxZW0nLFxuICAgICAgdmVydGljYWxBbGlnbjogJ3RvcCcsXG4gICAgICB3aWR0aDogJzFlbScsXG4gICAgfX1cbiAgLz5cbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTG9hZGluZ0luZGljYXRvclByb3BzPFxuICBPcHRpb24gPSB1bmtub3duLFxuICBJc011bHRpIGV4dGVuZHMgYm9vbGVhbiA9IGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj4gPSBHcm91cEJhc2U8T3B0aW9uPlxuPiBleHRlbmRzIENvbW1vblByb3BzQW5kQ2xhc3NOYW1lPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+IHtcbiAgLyoqIFByb3BzIHRoYXQgd2lsbCBiZSBwYXNzZWQgb24gdG8gdGhlIGNoaWxkcmVuLiAqL1xuICBpbm5lclByb3BzOiBKU1guSW50cmluc2ljRWxlbWVudHNbJ2RpdiddO1xuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuO1xuICBpc0Rpc2FibGVkOiBib29sZWFuO1xuICAvKiogU2V0IHNpemUgb2YgdGhlIGNvbnRhaW5lci4gKi9cbiAgc2l6ZTogbnVtYmVyO1xufVxuZXhwb3J0IGNvbnN0IExvYWRpbmdJbmRpY2F0b3IgPSA8XG4gIE9wdGlvbixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj5cbj4oe1xuICBpbm5lclByb3BzLFxuICBpc1J0bCxcbiAgc2l6ZSA9IDQsXG4gIC4uLnJlc3RQcm9wc1xufTogTG9hZGluZ0luZGljYXRvclByb3BzPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgey4uLmdldFN0eWxlUHJvcHMoXG4gICAgICAgIHsgLi4ucmVzdFByb3BzLCBpbm5lclByb3BzLCBpc1J0bCwgc2l6ZSB9LFxuICAgICAgICAnbG9hZGluZ0luZGljYXRvcicsXG4gICAgICAgIHtcbiAgICAgICAgICBpbmRpY2F0b3I6IHRydWUsXG4gICAgICAgICAgJ2xvYWRpbmctaW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfVxuICAgICAgKX1cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgID5cbiAgICAgIDxMb2FkaW5nRG90IGRlbGF5PXswfSBvZmZzZXQ9e2lzUnRsfSAvPlxuICAgICAgPExvYWRpbmdEb3QgZGVsYXk9ezE2MH0gb2Zmc2V0IC8+XG4gICAgICA8TG9hZGluZ0RvdCBkZWxheT17MzIwfSBvZmZzZXQ9eyFpc1J0bH0gLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-var Svg = function Svg(_ref) {
-  var size = _ref.size,
-    props = objectWithoutProperties.default(_ref, _excluded$2);
+var Svg = function Svg2(_ref) {
+  var size = _ref.size, props = objectWithoutProperties.default(_ref, _excluded$2);
   return emotionReact_esm.createElement("svg", _extends.default({
     height: size,
     width: size,
@@ -837,73 +600,55 @@ var Svg = function Svg(_ref) {
     css: _ref2
   }, props));
 };
-var CrossIcon = function CrossIcon(props) {
+var CrossIcon = function CrossIcon2(props) {
   return emotionReact_esm.createElement(Svg, _extends.default({
     size: 20
   }, props), emotionReact_esm.createElement("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) {
+var DownChevron = function DownChevron2(props) {
   return emotionReact_esm.createElement(Svg, _extends.default({
     size: 20
   }, props), emotionReact_esm.createElement("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"
   }));
 };
-
-// ==============================
-// Dropdown & Clear Buttons
-// ==============================
-
-var baseCSS = function baseCSS(_ref3, unstyled) {
-  var isFocused = _ref3.isFocused,
-    _ref3$theme = _ref3.theme,
-    baseUnit = _ref3$theme.spacing.baseUnit,
-    colors = _ref3$theme.colors;
+var baseCSS = function baseCSS2(_ref3, unstyled) {
+  var isFocused = _ref3.isFocused, _ref3$theme = _ref3.theme, baseUnit = _ref3$theme.spacing.baseUnit, colors = _ref3$theme.colors;
   return objectSpread2.default({
-    label: 'indicatorContainer',
-    display: 'flex',
-    transition: 'color 150ms'
+    label: "indicatorContainer",
+    display: "flex",
+    transition: "color 150ms"
   }, unstyled ? {} : {
     color: isFocused ? colors.neutral60 : colors.neutral20,
     padding: baseUnit * 2,
-    ':hover': {
+    ":hover": {
       color: isFocused ? colors.neutral80 : colors.neutral40
     }
   });
 };
 var dropdownIndicatorCSS = baseCSS;
-var DropdownIndicator = function DropdownIndicator(props) {
-  var children = props.children,
-    innerProps = props.innerProps;
-  return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(props, 'dropdownIndicator', {
+var DropdownIndicator = function DropdownIndicator2(props) {
+  var children = props.children, innerProps = props.innerProps;
+  return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(props, "dropdownIndicator", {
     indicator: true,
-    'dropdown-indicator': true
+    "dropdown-indicator": true
   }), innerProps), children || emotionReact_esm.createElement(DownChevron, null));
 };
 var clearIndicatorCSS = baseCSS;
-var ClearIndicator = function ClearIndicator(props) {
-  var children = props.children,
-    innerProps = props.innerProps;
-  return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(props, 'clearIndicator', {
+var ClearIndicator = function ClearIndicator2(props) {
+  var children = props.children, innerProps = props.innerProps;
+  return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(props, "clearIndicator", {
     indicator: true,
-    'clear-indicator': true
+    "clear-indicator": true
   }), innerProps), children || emotionReact_esm.createElement(CrossIcon, null));
 };
-
-// ==============================
-// Separator
-// ==============================
-
-var indicatorSeparatorCSS = function indicatorSeparatorCSS(_ref4, unstyled) {
-  var isDisabled = _ref4.isDisabled,
-    _ref4$theme = _ref4.theme,
-    baseUnit = _ref4$theme.spacing.baseUnit,
-    colors = _ref4$theme.colors;
+var indicatorSeparatorCSS = function indicatorSeparatorCSS2(_ref4, unstyled) {
+  var isDisabled = _ref4.isDisabled, _ref4$theme = _ref4.theme, baseUnit = _ref4$theme.spacing.baseUnit, colors = _ref4$theme.colors;
   return objectSpread2.default({
-    label: 'indicatorSeparator',
-    alignSelf: 'stretch',
+    label: "indicatorSeparator",
+    alignSelf: "stretch",
     width: 1
   }, unstyled ? {} : {
     backgroundColor: isDisabled ? colors.neutral10 : colors.neutral20,
@@ -911,68 +656,54 @@ var indicatorSeparatorCSS = function indicatorSeparatorCSS(_ref4, unstyled) {
     marginTop: baseUnit * 2
   });
 };
-var IndicatorSeparator = function IndicatorSeparator(props) {
+var IndicatorSeparator = function IndicatorSeparator2(props) {
   var innerProps = props.innerProps;
-  return emotionReact_esm.createElement("span", _extends.default({}, innerProps, getStyleProps(props, 'indicatorSeparator', {
-    'indicator-separator': true
+  return emotionReact_esm.createElement("span", _extends.default({}, innerProps, getStyleProps(props, "indicatorSeparator", {
+    "indicator-separator": true
   })));
 };
-
-// ==============================
-// Loading
-// ==============================
-
 var loadingDotAnimations = emotionReact_esm.keyframes(_templateObject || (_templateObject = taggedTemplateLiteral.default(["\n  0%, 80%, 100% { opacity: 0; }\n  40% { opacity: 1; }\n"])));
-var loadingIndicatorCSS = function loadingIndicatorCSS(_ref5, unstyled) {
-  var isFocused = _ref5.isFocused,
-    size = _ref5.size,
-    _ref5$theme = _ref5.theme,
-    colors = _ref5$theme.colors,
-    baseUnit = _ref5$theme.spacing.baseUnit;
+var loadingIndicatorCSS = function loadingIndicatorCSS2(_ref5, unstyled) {
+  var isFocused = _ref5.isFocused, size = _ref5.size, _ref5$theme = _ref5.theme, colors = _ref5$theme.colors, baseUnit = _ref5$theme.spacing.baseUnit;
   return objectSpread2.default({
-    label: 'loadingIndicator',
-    display: 'flex',
-    transition: 'color 150ms',
-    alignSelf: 'center',
+    label: "loadingIndicator",
+    display: "flex",
+    transition: "color 150ms",
+    alignSelf: "center",
     fontSize: size,
     lineHeight: 1,
     marginRight: size,
-    textAlign: 'center',
-    verticalAlign: 'middle'
+    textAlign: "center",
+    verticalAlign: "middle"
   }, unstyled ? {} : {
     color: isFocused ? colors.neutral60 : colors.neutral20,
     padding: baseUnit * 2
   });
 };
-var LoadingDot = function LoadingDot(_ref6) {
-  var delay = _ref6.delay,
-    offset = _ref6.offset;
+var LoadingDot = function LoadingDot2(_ref6) {
+  var delay = _ref6.delay, offset = _ref6.offset;
   return emotionReact_esm.createElement("span", {
-    css: /*#__PURE__*/emotionReact_esm.css({
+    css: /* @__PURE__ */ emotionReact_esm.css({
       animation: "".concat(loadingDotAnimations, " 1s ease-in-out ").concat(delay, "ms infinite;"),
-      backgroundColor: 'currentColor',
-      borderRadius: '1em',
-      display: 'inline-block',
-      marginLeft: offset ? '1em' : undefined,
-      height: '1em',
-      verticalAlign: 'top',
-      width: '1em'
+      backgroundColor: "currentColor",
+      borderRadius: "1em",
+      display: "inline-block",
+      marginLeft: offset ? "1em" : void 0,
+      height: "1em",
+      verticalAlign: "top",
+      width: "1em"
     }, process.env.NODE_ENV === "production" ? "" : ";label:LoadingDot;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGljYXRvcnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1RSSIsImZpbGUiOiJpbmRpY2F0b3JzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHsgSlNYLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3gsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHtcbiAgQ29tbW9uUHJvcHNBbmRDbGFzc05hbWUsXG4gIENTU09iamVjdFdpdGhMYWJlbCxcbiAgR3JvdXBCYXNlLFxufSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRTdHlsZVByb3BzIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIERyb3Bkb3duICYgQ2xlYXIgSWNvbnNcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG5jb25zdCBTdmcgPSAoe1xuICBzaXplLFxuICAuLi5wcm9wc1xufTogSlNYLkludHJpbnNpY0VsZW1lbnRzWydzdmcnXSAmIHsgc2l6ZTogbnVtYmVyIH0pID0+IChcbiAgPHN2Z1xuICAgIGhlaWdodD17c2l6ZX1cbiAgICB3aWR0aD17c2l6ZX1cbiAgICB2aWV3Qm94PVwiMCAwIDIwIDIwXCJcbiAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgIGZvY3VzYWJsZT1cImZhbHNlXCJcbiAgICBjc3M9e3tcbiAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgZmlsbDogJ2N1cnJlbnRDb2xvcicsXG4gICAgICBsaW5lSGVpZ2h0OiAxLFxuICAgICAgc3Ryb2tlOiAnY3VycmVudENvbG9yJyxcbiAgICAgIHN0cm9rZVdpZHRoOiAwLFxuICAgIH19XG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcblxuZXhwb3J0IHR5cGUgQ3Jvc3NJY29uUHJvcHMgPSBKU1guSW50cmluc2ljRWxlbWVudHNbJ3N2ZyddICYgeyBzaXplPzogbnVtYmVyIH07XG5leHBvcnQgY29uc3QgQ3Jvc3NJY29uID0gKHByb3BzOiBDcm9zc0ljb25Qcm9wcykgPT4gKFxuICA8U3ZnIHNpemU9ezIwfSB7Li4ucHJvcHN9PlxuICAgIDxwYXRoIGQ9XCJNMTQuMzQ4IDE0Ljg0OWMtMC40NjkgMC40NjktMS4yMjkgMC40NjktMS42OTcgMGwtMi42NTEtMy4wMzAtMi42NTEgMy4wMjljLTAuNDY5IDAuNDY5LTEuMjI5IDAuNDY5LTEuNjk3IDAtMC40NjktMC40NjktMC40NjktMS4yMjkgMC0xLjY5N2wyLjc1OC0zLjE1LTIuNzU5LTMuMTUyYy0wLjQ2OS0wLjQ2OS0wLjQ2OS0xLjIyOCAwLTEuNjk3czEuMjI4LTAuNDY5IDEuNjk3IDBsMi42NTIgMy4wMzEgMi42NTEtMy4wMzFjMC40NjktMC40NjkgMS4yMjgtMC40NjkgMS42OTcgMHMwLjQ2OSAxLjIyOSAwIDEuNjk3bC0yLjc1OCAzLjE1MiAyLjc1OCAzLjE1YzAuNDY5IDAuNDY5IDAuNDY5IDEuMjI5IDAgMS42OTh6XCIgLz5cbiAgPC9Tdmc+XG4pO1xuZXhwb3J0IHR5cGUgRG93bkNoZXZyb25Qcm9wcyA9IEpTWC5JbnRyaW5zaWNFbGVtZW50c1snc3ZnJ10gJiB7IHNpemU/OiBudW1iZXIgfTtcbmV4cG9ydCBjb25zdCBEb3duQ2hldnJvbiA9IChwcm9wczogRG93bkNoZXZyb25Qcm9wcykgPT4gKFxuICA8U3ZnIHNpemU9ezIwfSB7Li4ucHJvcHN9PlxuICAgIDxwYXRoIGQ9XCJNNC41MTYgNy41NDhjMC40MzYtMC40NDYgMS4wNDMtMC40ODEgMS41NzYgMGwzLjkwOCAzLjc0NyAzLjkwOC0zLjc0N2MwLjUzMy0wLjQ4MSAxLjE0MS0wLjQ0NiAxLjU3NCAwIDAuNDM2IDAuNDQ1IDAuNDA4IDEuMTk3IDAgMS42MTUtMC40MDYgMC40MTgtNC42OTUgNC41MDItNC42OTUgNC41MDItMC4yMTcgMC4yMjMtMC41MDIgMC4zMzUtMC43ODcgMC4zMzVzLTAuNTctMC4xMTItMC43ODktMC4zMzVjMCAwLTQuMjg3LTQuMDg0LTQuNjk1LTQuNTAycy0wLjQzNi0xLjE3IDAtMS42MTV6XCIgLz5cbiAgPC9Tdmc+XG4pO1xuXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIERyb3Bkb3duICYgQ2xlYXIgQnV0dG9uc1xuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG5cbmV4cG9ydCBpbnRlcmZhY2UgRHJvcGRvd25JbmRpY2F0b3JQcm9wczxcbiAgT3B0aW9uID0gdW5rbm93bixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4gPSBib29sZWFuLFxuICBHcm91cCBleHRlbmRzIEdyb3VwQmFzZTxPcHRpb24+ID0gR3JvdXBCYXNlPE9wdGlvbj5cbj4gZXh0ZW5kcyBDb21tb25Qcm9wc0FuZENsYXNzTmFtZTxPcHRpb24sIElzTXVsdGksIEdyb3VwPiB7XG4gIC8qKiBUaGUgY2hpbGRyZW4gdG8gYmUgcmVuZGVyZWQgaW5zaWRlIHRoZSBpbmRpY2F0b3IuICovXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xuICAvKiogUHJvcHMgdGhhdCB3aWxsIGJlIHBhc3NlZCBvbiB0byB0aGUgY2hpbGRyZW4uICovXG4gIGlubmVyUHJvcHM6IEpTWC5JbnRyaW5zaWNFbGVtZW50c1snZGl2J107XG4gIC8qKiBUaGUgZm9jdXNlZCBzdGF0ZSBvZiB0aGUgc2VsZWN0LiAqL1xuICBpc0ZvY3VzZWQ6IGJvb2xlYW47XG4gIGlzRGlzYWJsZWQ6IGJvb2xlYW47XG59XG5cbmNvbnN0IGJhc2VDU1MgPSA8XG4gIE9wdGlvbixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj5cbj4oXG4gIHtcbiAgICBpc0ZvY3VzZWQsXG4gICAgdGhlbWU6IHtcbiAgICAgIHNwYWNpbmc6IHsgYmFzZVVuaXQgfSxcbiAgICAgIGNvbG9ycyxcbiAgICB9LFxuICB9OlxuICAgIHwgRHJvcGRvd25JbmRpY2F0b3JQcm9wczxPcHRpb24sIElzTXVsdGksIEdyb3VwPlxuICAgIHwgQ2xlYXJJbmRpY2F0b3JQcm9wczxPcHRpb24sIElzTXVsdGksIEdyb3VwPixcbiAgdW5zdHlsZWQ6IGJvb2xlYW5cbik6IENTU09iamVjdFdpdGhMYWJlbCA9PiAoe1xuICBsYWJlbDogJ2luZGljYXRvckNvbnRhaW5lcicsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgdHJhbnNpdGlvbjogJ2NvbG9yIDE1MG1zJyxcbiAgLi4uKHVuc3R5bGVkXG4gICAgPyB7fVxuICAgIDoge1xuICAgICAgICBjb2xvcjogaXNGb2N1c2VkID8gY29sb3JzLm5ldXRyYWw2MCA6IGNvbG9ycy5uZXV0cmFsMjAsXG4gICAgICAgIHBhZGRpbmc6IGJhc2VVbml0ICogMixcbiAgICAgICAgJzpob3Zlcic6IHtcbiAgICAgICAgICBjb2xvcjogaXNGb2N1c2VkID8gY29sb3JzLm5ldXRyYWw4MCA6IGNvbG9ycy5uZXV0cmFsNDAsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcGRvd25JbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IERyb3Bkb3duSW5kaWNhdG9yID0gPFxuICBPcHRpb24sXG4gIElzTXVsdGkgZXh0ZW5kcyBib29sZWFuLFxuICBHcm91cCBleHRlbmRzIEdyb3VwQmFzZTxPcHRpb24+XG4+KFxuICBwcm9wczogRHJvcGRvd25JbmRpY2F0b3JQcm9wczxPcHRpb24sIElzTXVsdGksIEdyb3VwPlxuKSA9PiB7XG4gIGNvbnN0IHsgY2hpbGRyZW4sIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5nZXRTdHlsZVByb3BzKHByb3BzLCAnZHJvcGRvd25JbmRpY2F0b3InLCB7XG4gICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgJ2Ryb3Bkb3duLWluZGljYXRvcic6IHRydWUsXG4gICAgICB9KX1cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8RG93bkNoZXZyb24gLz59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIENsZWFySW5kaWNhdG9yUHJvcHM8XG4gIE9wdGlvbiA9IHVua25vd24sXG4gIElzTXVsdGkgZXh0ZW5kcyBib29sZWFuID0gYm9vbGVhbixcbiAgR3JvdXAgZXh0ZW5kcyBHcm91cEJhc2U8T3B0aW9uPiA9IEdyb3VwQmFzZTxPcHRpb24+XG4+IGV4dGVuZHMgQ29tbW9uUHJvcHNBbmRDbGFzc05hbWU8T3B0aW9uLCBJc011bHRpLCBHcm91cD4ge1xuICAvKiogVGhlIGNoaWxkcmVuIHRvIGJlIHJlbmRlcmVkIGluc2lkZSB0aGUgaW5kaWNhdG9yLiAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgLyoqIFByb3BzIHRoYXQgd2lsbCBiZSBwYXNzZWQgb24gdG8gdGhlIGNoaWxkcmVuLiAqL1xuICBpbm5lclByb3BzOiBKU1guSW50cmluc2ljRWxlbWVudHNbJ2RpdiddO1xuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgY2xlYXJJbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IENsZWFySW5kaWNhdG9yID0gPFxuICBPcHRpb24sXG4gIElzTXVsdGkgZXh0ZW5kcyBib29sZWFuLFxuICBHcm91cCBleHRlbmRzIEdyb3VwQmFzZTxPcHRpb24+XG4+KFxuICBwcm9wczogQ2xlYXJJbmRpY2F0b3JQcm9wczxPcHRpb24sIElzTXVsdGksIEdyb3VwPlxuKSA9PiB7XG4gIGNvbnN0IHsgY2hpbGRyZW4sIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5nZXRTdHlsZVByb3BzKHByb3BzLCAnY2xlYXJJbmRpY2F0b3InLCB7XG4gICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgJ2NsZWFyLWluZGljYXRvcic6IHRydWUsXG4gICAgICB9KX1cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8Q3Jvc3NJY29uIC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBTZXBhcmF0b3Jcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG5leHBvcnQgaW50ZXJmYWNlIEluZGljYXRvclNlcGFyYXRvclByb3BzPFxuICBPcHRpb24gPSB1bmtub3duLFxuICBJc011bHRpIGV4dGVuZHMgYm9vbGVhbiA9IGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj4gPSBHcm91cEJhc2U8T3B0aW9uPlxuPiBleHRlbmRzIENvbW1vblByb3BzQW5kQ2xhc3NOYW1lPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+IHtcbiAgaXNEaXNhYmxlZDogYm9vbGVhbjtcbiAgaXNGb2N1c2VkOiBib29sZWFuO1xuICBpbm5lclByb3BzPzogSlNYLkludHJpbnNpY0VsZW1lbnRzWydzcGFuJ107XG59XG5cbmV4cG9ydCBjb25zdCBpbmRpY2F0b3JTZXBhcmF0b3JDU1MgPSA8XG4gIE9wdGlvbixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj5cbj4oXG4gIHtcbiAgICBpc0Rpc2FibGVkLFxuICAgIHRoZW1lOiB7XG4gICAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gICAgICBjb2xvcnMsXG4gICAgfSxcbiAgfTogSW5kaWNhdG9yU2VwYXJhdG9yUHJvcHM8T3B0aW9uLCBJc011bHRpLCBHcm91cD4sXG4gIHVuc3R5bGVkOiBib29sZWFuXG4pOiBDU1NPYmplY3RXaXRoTGFiZWwgPT4gKHtcbiAgbGFiZWw6ICdpbmRpY2F0b3JTZXBhcmF0b3InLFxuICBhbGlnblNlbGY6ICdzdHJldGNoJyxcbiAgd2lkdGg6IDEsXG4gIC4uLih1bnN0eWxlZFxuICAgID8ge31cbiAgICA6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBpc0Rpc2FibGVkID8gY29sb3JzLm5ldXRyYWwxMCA6IGNvbG9ycy5uZXV0cmFsMjAsXG4gICAgICAgIG1hcmdpbkJvdHRvbTogYmFzZVVuaXQgKiAyLFxuICAgICAgICBtYXJnaW5Ub3A6IGJhc2VVbml0ICogMixcbiAgICAgIH0pLFxufSk7XG5cbmV4cG9ydCBjb25zdCBJbmRpY2F0b3JTZXBhcmF0b3IgPSA8XG4gIE9wdGlvbixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj5cbj4oXG4gIHByb3BzOiBJbmRpY2F0b3JTZXBhcmF0b3JQcm9wczxPcHRpb24sIElzTXVsdGksIEdyb3VwPlxuKSA9PiB7XG4gIGNvbnN0IHsgaW5uZXJQcm9wcyB9ID0gcHJvcHM7XG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgey4uLmdldFN0eWxlUHJvcHMocHJvcHMsICdpbmRpY2F0b3JTZXBhcmF0b3InLCB7XG4gICAgICAgICdpbmRpY2F0b3Itc2VwYXJhdG9yJzogdHJ1ZSxcbiAgICAgIH0pfVxuICAgIC8+XG4gICk7XG59O1xuXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIExvYWRpbmdcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG5jb25zdCBsb2FkaW5nRG90QW5pbWF0aW9ucyA9IGtleWZyYW1lc2BcbiAgMCUsIDgwJSwgMTAwJSB7IG9wYWNpdHk6IDA7IH1cbiAgNDAlIHsgb3BhY2l0eTogMTsgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGxvYWRpbmdJbmRpY2F0b3JDU1MgPSA8XG4gIE9wdGlvbixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj5cbj4oXG4gIHtcbiAgICBpc0ZvY3VzZWQsXG4gICAgc2l6ZSxcbiAgICB0aGVtZToge1xuICAgICAgY29sb3JzLFxuICAgICAgc3BhY2luZzogeyBiYXNlVW5pdCB9LFxuICAgIH0sXG4gIH06IExvYWRpbmdJbmRpY2F0b3JQcm9wczxPcHRpb24sIElzTXVsdGksIEdyb3VwPixcbiAgdW5zdHlsZWQ6IGJvb2xlYW5cbik6IENTU09iamVjdFdpdGhMYWJlbCA9PiAoe1xuICBsYWJlbDogJ2xvYWRpbmdJbmRpY2F0b3InLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIHRyYW5zaXRpb246ICdjb2xvciAxNTBtcycsXG4gIGFsaWduU2VsZjogJ2NlbnRlcicsXG4gIGZvbnRTaXplOiBzaXplLFxuICBsaW5lSGVpZ2h0OiAxLFxuICBtYXJnaW5SaWdodDogc2l6ZSxcbiAgdGV4dEFsaWduOiAnY2VudGVyJyxcbiAgdmVydGljYWxBbGlnbjogJ21pZGRsZScsXG4gIC4uLih1bnN0eWxlZFxuICAgID8ge31cbiAgICA6IHtcbiAgICAgICAgY29sb3I6IGlzRm9jdXNlZCA/IGNvbG9ycy5uZXV0cmFsNjAgOiBjb2xvcnMubmV1dHJhbDIwLFxuICAgICAgICBwYWRkaW5nOiBiYXNlVW5pdCAqIDIsXG4gICAgICB9KSxcbn0pO1xuXG5pbnRlcmZhY2UgTG9hZGluZ0RvdFByb3BzIHtcbiAgZGVsYXk6IG51bWJlcjtcbiAgb2Zmc2V0OiBib29sZWFuO1xufVxuY29uc3QgTG9hZGluZ0RvdCA9ICh7IGRlbGF5LCBvZmZzZXQgfTogTG9hZGluZ0RvdFByb3BzKSA9PiAoXG4gIDxzcGFuXG4gICAgY3NzPXt7XG4gICAgICBhbmltYXRpb246IGAke2xvYWRpbmdEb3RBbmltYXRpb25zfSAxcyBlYXNlLWluLW91dCAke2RlbGF5fW1zIGluZmluaXRlO2AsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6ICdjdXJyZW50Q29sb3InLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnMWVtJyxcbiAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgbWFyZ2luTGVmdDogb2Zmc2V0ID8gJzFlbScgOiB1bmRlZmluZWQsXG4gICAgICBoZWlnaHQ6ICcxZW0nLFxuICAgICAgdmVydGljYWxBbGlnbjogJ3RvcCcsXG4gICAgICB3aWR0aDogJzFlbScsXG4gICAgfX1cbiAgLz5cbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTG9hZGluZ0luZGljYXRvclByb3BzPFxuICBPcHRpb24gPSB1bmtub3duLFxuICBJc011bHRpIGV4dGVuZHMgYm9vbGVhbiA9IGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj4gPSBHcm91cEJhc2U8T3B0aW9uPlxuPiBleHRlbmRzIENvbW1vblByb3BzQW5kQ2xhc3NOYW1lPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+IHtcbiAgLyoqIFByb3BzIHRoYXQgd2lsbCBiZSBwYXNzZWQgb24gdG8gdGhlIGNoaWxkcmVuLiAqL1xuICBpbm5lclByb3BzOiBKU1guSW50cmluc2ljRWxlbWVudHNbJ2RpdiddO1xuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuO1xuICBpc0Rpc2FibGVkOiBib29sZWFuO1xuICAvKiogU2V0IHNpemUgb2YgdGhlIGNvbnRhaW5lci4gKi9cbiAgc2l6ZTogbnVtYmVyO1xufVxuZXhwb3J0IGNvbnN0IExvYWRpbmdJbmRpY2F0b3IgPSA8XG4gIE9wdGlvbixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj5cbj4oe1xuICBpbm5lclByb3BzLFxuICBpc1J0bCxcbiAgc2l6ZSA9IDQsXG4gIC4uLnJlc3RQcm9wc1xufTogTG9hZGluZ0luZGljYXRvclByb3BzPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgey4uLmdldFN0eWxlUHJvcHMoXG4gICAgICAgIHsgLi4ucmVzdFByb3BzLCBpbm5lclByb3BzLCBpc1J0bCwgc2l6ZSB9LFxuICAgICAgICAnbG9hZGluZ0luZGljYXRvcicsXG4gICAgICAgIHtcbiAgICAgICAgICBpbmRpY2F0b3I6IHRydWUsXG4gICAgICAgICAgJ2xvYWRpbmctaW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfVxuICAgICAgKX1cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgID5cbiAgICAgIDxMb2FkaW5nRG90IGRlbGF5PXswfSBvZmZzZXQ9e2lzUnRsfSAvPlxuICAgICAgPExvYWRpbmdEb3QgZGVsYXk9ezE2MH0gb2Zmc2V0IC8+XG4gICAgICA8TG9hZGluZ0RvdCBkZWxheT17MzIwfSBvZmZzZXQ9eyFpc1J0bH0gLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */")
   });
 };
-var LoadingIndicator = function LoadingIndicator(_ref7) {
-  var innerProps = _ref7.innerProps,
-    isRtl = _ref7.isRtl,
-    _ref7$size = _ref7.size,
-    size = _ref7$size === void 0 ? 4 : _ref7$size,
-    restProps = objectWithoutProperties.default(_ref7, _excluded2);
+var LoadingIndicator = function LoadingIndicator2(_ref7) {
+  var innerProps = _ref7.innerProps, isRtl = _ref7.isRtl, _ref7$size = _ref7.size, size = _ref7$size === void 0 ? 4 : _ref7$size, restProps = objectWithoutProperties.default(_ref7, _excluded2);
   return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(objectSpread2.default(objectSpread2.default({}, restProps), {}, {
-    innerProps: innerProps,
-    isRtl: isRtl,
-    size: size
-  }), 'loadingIndicator', {
+    innerProps,
+    isRtl,
+    size
+  }), "loadingIndicator", {
     indicator: true,
-    'loading-indicator': true
+    "loading-indicator": true
   }), innerProps), emotionReact_esm.createElement(LoadingDot, {
     delay: 0,
     offset: isRtl
@@ -984,126 +715,98 @@ var LoadingIndicator = function LoadingIndicator(_ref7) {
     offset: !isRtl
   }));
 };
-
 var css$1 = function css(_ref, unstyled) {
-  var isDisabled = _ref.isDisabled,
-    isFocused = _ref.isFocused,
-    _ref$theme = _ref.theme,
-    colors = _ref$theme.colors,
-    borderRadius = _ref$theme.borderRadius,
-    spacing = _ref$theme.spacing;
+  var isDisabled = _ref.isDisabled, isFocused = _ref.isFocused, _ref$theme = _ref.theme, colors = _ref$theme.colors, borderRadius = _ref$theme.borderRadius, spacing = _ref$theme.spacing;
   return objectSpread2.default({
-    label: 'control',
-    alignItems: 'center',
-    cursor: 'default',
-    display: 'flex',
-    flexWrap: 'wrap',
-    justifyContent: 'space-between',
+    label: "control",
+    alignItems: "center",
+    cursor: "default",
+    display: "flex",
+    flexWrap: "wrap",
+    justifyContent: "space-between",
     minHeight: spacing.controlHeight,
-    outline: '0 !important',
-    position: 'relative',
-    transition: 'all 100ms'
+    outline: "0 !important",
+    position: "relative",
+    transition: "all 100ms"
   }, unstyled ? {} : {
     backgroundColor: isDisabled ? colors.neutral5 : colors.neutral0,
     borderColor: isDisabled ? colors.neutral10 : isFocused ? colors.primary : colors.neutral20,
-    borderRadius: borderRadius,
-    borderStyle: 'solid',
+    borderRadius,
+    borderStyle: "solid",
     borderWidth: 1,
-    boxShadow: isFocused ? "0 0 0 1px ".concat(colors.primary) : undefined,
-    '&:hover': {
+    boxShadow: isFocused ? "0 0 0 1px ".concat(colors.primary) : void 0,
+    "&:hover": {
       borderColor: isFocused ? colors.primary : colors.neutral30
     }
   });
 };
-var Control = function Control(props) {
-  var children = props.children,
-    isDisabled = props.isDisabled,
-    isFocused = props.isFocused,
-    innerRef = props.innerRef,
-    innerProps = props.innerProps,
-    menuIsOpen = props.menuIsOpen;
+var Control = function Control2(props) {
+  var children = props.children, isDisabled = props.isDisabled, isFocused = props.isFocused, innerRef = props.innerRef, innerProps = props.innerProps, menuIsOpen = props.menuIsOpen;
   return emotionReact_esm.createElement("div", _extends.default({
     ref: innerRef
-  }, getStyleProps(props, 'control', {
+  }, getStyleProps(props, "control", {
     control: true,
-    'control--is-disabled': isDisabled,
-    'control--is-focused': isFocused,
-    'control--menu-is-open': menuIsOpen
+    "control--is-disabled": isDisabled,
+    "control--is-focused": isFocused,
+    "control--menu-is-open": menuIsOpen
   }), innerProps, {
-    "aria-disabled": isDisabled || undefined
+    "aria-disabled": isDisabled || void 0
   }), children);
 };
 var Control$1 = Control;
-
 var _excluded$1 = ["data"];
-var groupCSS = function groupCSS(_ref, unstyled) {
+var groupCSS = function groupCSS2(_ref, unstyled) {
   var spacing = _ref.theme.spacing;
   return unstyled ? {} : {
     paddingBottom: spacing.baseUnit * 2,
     paddingTop: spacing.baseUnit * 2
   };
 };
-var Group = function Group(props) {
-  var children = props.children,
-    cx = props.cx,
-    getStyles = props.getStyles,
-    getClassNames = props.getClassNames,
-    Heading = props.Heading,
-    headingProps = props.headingProps,
-    innerProps = props.innerProps,
-    label = props.label,
-    theme = props.theme,
-    selectProps = props.selectProps;
-  return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(props, 'group', {
+var Group = function Group2(props) {
+  var children = props.children, cx = props.cx, getStyles = props.getStyles, getClassNames = props.getClassNames, Heading = props.Heading, headingProps = props.headingProps, innerProps = props.innerProps, label = props.label, theme = props.theme, selectProps = props.selectProps;
+  return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(props, "group", {
     group: true
   }), innerProps), emotionReact_esm.createElement(Heading, _extends.default({}, headingProps, {
-    selectProps: selectProps,
-    theme: theme,
-    getStyles: getStyles,
-    getClassNames: getClassNames,
-    cx: cx
+    selectProps,
+    theme,
+    getStyles,
+    getClassNames,
+    cx
   }), label), emotionReact_esm.createElement("div", null, children));
 };
-var groupHeadingCSS = function groupHeadingCSS(_ref2, unstyled) {
-  var _ref2$theme = _ref2.theme,
-    colors = _ref2$theme.colors,
-    spacing = _ref2$theme.spacing;
+var groupHeadingCSS = function groupHeadingCSS2(_ref22, unstyled) {
+  var _ref2$theme = _ref22.theme, colors = _ref2$theme.colors, spacing = _ref2$theme.spacing;
   return objectSpread2.default({
-    label: 'group',
-    cursor: 'default',
-    display: 'block'
+    label: "group",
+    cursor: "default",
+    display: "block"
   }, unstyled ? {} : {
     color: colors.neutral40,
-    fontSize: '75%',
+    fontSize: "75%",
     fontWeight: 500,
-    marginBottom: '0.25em',
+    marginBottom: "0.25em",
     paddingLeft: spacing.baseUnit * 3,
     paddingRight: spacing.baseUnit * 3,
-    textTransform: 'uppercase'
+    textTransform: "uppercase"
   });
 };
-var GroupHeading = function GroupHeading(props) {
+var GroupHeading = function GroupHeading2(props) {
   var _cleanCommonProps = cleanCommonProps(props);
-    _cleanCommonProps.data;
-    var innerProps = objectWithoutProperties.default(_cleanCommonProps, _excluded$1);
-  return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(props, 'groupHeading', {
-    'group-heading': true
+  _cleanCommonProps.data;
+  var innerProps = objectWithoutProperties.default(_cleanCommonProps, _excluded$1);
+  return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(props, "groupHeading", {
+    "group-heading": true
   }), innerProps));
 };
 var Group$1 = Group;
-
 var _excluded = ["innerRef", "isDisabled", "isHidden", "inputClassName"];
-var inputCSS = function inputCSS(_ref, unstyled) {
-  var isDisabled = _ref.isDisabled,
-    value = _ref.value,
-    _ref$theme = _ref.theme,
-    spacing = _ref$theme.spacing,
-    colors = _ref$theme.colors;
+var inputCSS = function inputCSS2(_ref, unstyled) {
+  var isDisabled = _ref.isDisabled, value = _ref.value, _ref$theme = _ref.theme, spacing = _ref$theme.spacing, colors = _ref$theme.colors;
   return objectSpread2.default(objectSpread2.default({
-    visibility: isDisabled ? 'hidden' : 'visible',
+    visibility: isDisabled ? "hidden" : "visible",
     // force css to recompute when value change due to @emotion bug.
     // We can remove it whenever the bug is fixed.
-    transform: value ? 'translateZ(0)' : ''
+    transform: value ? "translateZ(0)" : ""
   }, containerStyle), unstyled ? {} : {
     margin: spacing.baseUnit / 2,
     paddingBottom: spacing.baseUnit / 2,
@@ -1112,47 +815,41 @@ var inputCSS = function inputCSS(_ref, unstyled) {
   });
 };
 var spacingStyle = {
-  gridArea: '1 / 2',
-  font: 'inherit',
-  minWidth: '2px',
+  gridArea: "1 / 2",
+  font: "inherit",
+  minWidth: "2px",
   border: 0,
   margin: 0,
   outline: 0,
   padding: 0
 };
 var containerStyle = {
-  flex: '1 1 auto',
-  display: 'inline-grid',
-  gridArea: '1 / 1 / 2 / 3',
-  gridTemplateColumns: '0 min-content',
-  '&:after': objectSpread2.default({
+  flex: "1 1 auto",
+  display: "inline-grid",
+  gridArea: "1 / 1 / 2 / 3",
+  gridTemplateColumns: "0 min-content",
+  "&:after": objectSpread2.default({
     content: 'attr(data-value) " "',
-    visibility: 'hidden',
-    whiteSpace: 'pre'
+    visibility: "hidden",
+    whiteSpace: "pre"
   }, spacingStyle)
 };
-var inputStyle = function inputStyle(isHidden) {
+var inputStyle = function inputStyle2(isHidden) {
   return objectSpread2.default({
-    label: 'input',
-    color: 'inherit',
+    label: "input",
+    color: "inherit",
     background: 0,
     opacity: isHidden ? 0 : 1,
-    width: '100%'
+    width: "100%"
   }, spacingStyle);
 };
-var Input = function Input(props) {
-  var cx = props.cx,
-    value = props.value;
-  var _cleanCommonProps = cleanCommonProps(props),
-    innerRef = _cleanCommonProps.innerRef,
-    isDisabled = _cleanCommonProps.isDisabled,
-    isHidden = _cleanCommonProps.isHidden,
-    inputClassName = _cleanCommonProps.inputClassName,
-    innerProps = objectWithoutProperties.default(_cleanCommonProps, _excluded);
-  return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(props, 'input', {
-    'input-container': true
+var Input = function Input2(props) {
+  var cx = props.cx, value = props.value;
+  var _cleanCommonProps = cleanCommonProps(props), innerRef = _cleanCommonProps.innerRef, isDisabled = _cleanCommonProps.isDisabled, isHidden = _cleanCommonProps.isHidden, inputClassName = _cleanCommonProps.inputClassName, innerProps = objectWithoutProperties.default(_cleanCommonProps, _excluded);
+  return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(props, "input", {
+    "input-container": true
   }), {
-    "data-value": value || ''
+    "data-value": value || ""
   }), emotionReact_esm.createElement("input", _extends.default({
     className: cx({
       input: true
@@ -1163,15 +860,11 @@ var Input = function Input(props) {
   }, innerProps)));
 };
 var Input$1 = Input;
-
-var multiValueCSS = function multiValueCSS(_ref, unstyled) {
-  var _ref$theme = _ref.theme,
-    spacing = _ref$theme.spacing,
-    borderRadius = _ref$theme.borderRadius,
-    colors = _ref$theme.colors;
+var multiValueCSS = function multiValueCSS2(_ref, unstyled) {
+  var _ref$theme = _ref.theme, spacing = _ref$theme.spacing, borderRadius = _ref$theme.borderRadius, colors = _ref$theme.colors;
   return objectSpread2.default({
-    label: 'multiValue',
-    display: 'flex',
+    label: "multiValue",
+    display: "flex",
     minWidth: 0
   }, unstyled ? {} : {
     backgroundColor: colors.neutral10,
@@ -1179,218 +872,179 @@ var multiValueCSS = function multiValueCSS(_ref, unstyled) {
     margin: spacing.baseUnit / 2
   });
 };
-var multiValueLabelCSS = function multiValueLabelCSS(_ref2, unstyled) {
-  var _ref2$theme = _ref2.theme,
-    borderRadius = _ref2$theme.borderRadius,
-    colors = _ref2$theme.colors,
-    cropWithEllipsis = _ref2.cropWithEllipsis;
+var multiValueLabelCSS = function multiValueLabelCSS2(_ref22, unstyled) {
+  var _ref2$theme = _ref22.theme, borderRadius = _ref2$theme.borderRadius, colors = _ref2$theme.colors, cropWithEllipsis = _ref22.cropWithEllipsis;
   return objectSpread2.default({
-    overflow: 'hidden',
-    textOverflow: cropWithEllipsis || cropWithEllipsis === undefined ? 'ellipsis' : undefined,
-    whiteSpace: 'nowrap'
+    overflow: "hidden",
+    textOverflow: cropWithEllipsis || cropWithEllipsis === void 0 ? "ellipsis" : void 0,
+    whiteSpace: "nowrap"
   }, unstyled ? {} : {
     borderRadius: borderRadius / 2,
     color: colors.neutral80,
-    fontSize: '85%',
+    fontSize: "85%",
     padding: 3,
     paddingLeft: 6
   });
 };
-var multiValueRemoveCSS = function multiValueRemoveCSS(_ref3, unstyled) {
-  var _ref3$theme = _ref3.theme,
-    spacing = _ref3$theme.spacing,
-    borderRadius = _ref3$theme.borderRadius,
-    colors = _ref3$theme.colors,
-    isFocused = _ref3.isFocused;
+var multiValueRemoveCSS = function multiValueRemoveCSS2(_ref3, unstyled) {
+  var _ref3$theme = _ref3.theme, spacing = _ref3$theme.spacing, borderRadius = _ref3$theme.borderRadius, colors = _ref3$theme.colors, isFocused = _ref3.isFocused;
   return objectSpread2.default({
-    alignItems: 'center',
-    display: 'flex'
+    alignItems: "center",
+    display: "flex"
   }, unstyled ? {} : {
     borderRadius: borderRadius / 2,
-    backgroundColor: isFocused ? colors.dangerLight : undefined,
+    backgroundColor: isFocused ? colors.dangerLight : void 0,
     paddingLeft: spacing.baseUnit,
     paddingRight: spacing.baseUnit,
-    ':hover': {
+    ":hover": {
       backgroundColor: colors.dangerLight,
       color: colors.danger
     }
   });
 };
-var MultiValueGeneric = function MultiValueGeneric(_ref4) {
-  var children = _ref4.children,
-    innerProps = _ref4.innerProps;
+var MultiValueGeneric = function MultiValueGeneric2(_ref4) {
+  var children = _ref4.children, innerProps = _ref4.innerProps;
   return emotionReact_esm.createElement("div", innerProps, children);
 };
 var MultiValueContainer = MultiValueGeneric;
 var MultiValueLabel = MultiValueGeneric;
 function MultiValueRemove(_ref5) {
-  var children = _ref5.children,
-    innerProps = _ref5.innerProps;
+  var children = _ref5.children, innerProps = _ref5.innerProps;
   return emotionReact_esm.createElement("div", _extends.default({
     role: "button"
   }, innerProps), children || emotionReact_esm.createElement(CrossIcon, {
     size: 14
   }));
 }
-var MultiValue = function MultiValue(props) {
-  var children = props.children,
-    components = props.components,
-    data = props.data,
-    innerProps = props.innerProps,
-    isDisabled = props.isDisabled,
-    removeProps = props.removeProps,
-    selectProps = props.selectProps;
-  var Container = components.Container,
-    Label = components.Label,
-    Remove = components.Remove;
+var MultiValue = function MultiValue2(props) {
+  var children = props.children, components2 = props.components, data = props.data, innerProps = props.innerProps, isDisabled = props.isDisabled, removeProps3 = props.removeProps, selectProps = props.selectProps;
+  var Container = components2.Container, Label = components2.Label, Remove = components2.Remove;
   return emotionReact_esm.createElement(Container, {
-    data: data,
-    innerProps: objectSpread2.default(objectSpread2.default({}, getStyleProps(props, 'multiValue', {
-      'multi-value': true,
-      'multi-value--is-disabled': isDisabled
+    data,
+    innerProps: objectSpread2.default(objectSpread2.default({}, getStyleProps(props, "multiValue", {
+      "multi-value": true,
+      "multi-value--is-disabled": isDisabled
     })), innerProps),
-    selectProps: selectProps
+    selectProps
   }, emotionReact_esm.createElement(Label, {
-    data: data,
-    innerProps: objectSpread2.default({}, getStyleProps(props, 'multiValueLabel', {
-      'multi-value__label': true
+    data,
+    innerProps: objectSpread2.default({}, getStyleProps(props, "multiValueLabel", {
+      "multi-value__label": true
     })),
-    selectProps: selectProps
+    selectProps
   }, children), emotionReact_esm.createElement(Remove, {
-    data: data,
-    innerProps: objectSpread2.default(objectSpread2.default({}, getStyleProps(props, 'multiValueRemove', {
-      'multi-value__remove': true
+    data,
+    innerProps: objectSpread2.default(objectSpread2.default({}, getStyleProps(props, "multiValueRemove", {
+      "multi-value__remove": true
     })), {}, {
-      'aria-label': "Remove ".concat(children || 'option')
-    }, removeProps),
-    selectProps: selectProps
+      "aria-label": "Remove ".concat(children || "option")
+    }, removeProps3),
+    selectProps
   }));
 };
 var MultiValue$1 = MultiValue;
-
-var optionCSS = function optionCSS(_ref, unstyled) {
-  var isDisabled = _ref.isDisabled,
-    isFocused = _ref.isFocused,
-    isSelected = _ref.isSelected,
-    _ref$theme = _ref.theme,
-    spacing = _ref$theme.spacing,
-    colors = _ref$theme.colors;
+var optionCSS = function optionCSS2(_ref, unstyled) {
+  var isDisabled = _ref.isDisabled, isFocused = _ref.isFocused, isSelected = _ref.isSelected, _ref$theme = _ref.theme, spacing = _ref$theme.spacing, colors = _ref$theme.colors;
   return objectSpread2.default({
-    label: 'option',
-    cursor: 'default',
-    display: 'block',
-    fontSize: 'inherit',
-    width: '100%',
-    userSelect: 'none',
-    WebkitTapHighlightColor: 'rgba(0, 0, 0, 0)'
+    label: "option",
+    cursor: "default",
+    display: "block",
+    fontSize: "inherit",
+    width: "100%",
+    userSelect: "none",
+    WebkitTapHighlightColor: "rgba(0, 0, 0, 0)"
   }, unstyled ? {} : {
-    backgroundColor: isSelected ? colors.primary : isFocused ? colors.primary25 : 'transparent',
-    color: isDisabled ? colors.neutral20 : isSelected ? colors.neutral0 : 'inherit',
+    backgroundColor: isSelected ? colors.primary : isFocused ? colors.primary25 : "transparent",
+    color: isDisabled ? colors.neutral20 : isSelected ? colors.neutral0 : "inherit",
     padding: "".concat(spacing.baseUnit * 2, "px ").concat(spacing.baseUnit * 3, "px"),
     // provide some affordance on touch devices
-    ':active': {
-      backgroundColor: !isDisabled ? isSelected ? colors.primary : colors.primary50 : undefined
+    ":active": {
+      backgroundColor: !isDisabled ? isSelected ? colors.primary : colors.primary50 : void 0
     }
   });
 };
-var Option = function Option(props) {
-  var children = props.children,
-    isDisabled = props.isDisabled,
-    isFocused = props.isFocused,
-    isSelected = props.isSelected,
-    innerRef = props.innerRef,
-    innerProps = props.innerProps;
-  return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(props, 'option', {
+var Option = function Option2(props) {
+  var children = props.children, isDisabled = props.isDisabled, isFocused = props.isFocused, isSelected = props.isSelected, innerRef = props.innerRef, innerProps = props.innerProps;
+  return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(props, "option", {
     option: true,
-    'option--is-disabled': isDisabled,
-    'option--is-focused': isFocused,
-    'option--is-selected': isSelected
+    "option--is-disabled": isDisabled,
+    "option--is-focused": isFocused,
+    "option--is-selected": isSelected
   }), {
     ref: innerRef,
     "aria-disabled": isDisabled
   }, innerProps), children);
 };
 var Option$1 = Option;
-
-var placeholderCSS = function placeholderCSS(_ref, unstyled) {
-  var _ref$theme = _ref.theme,
-    spacing = _ref$theme.spacing,
-    colors = _ref$theme.colors;
+var placeholderCSS = function placeholderCSS2(_ref, unstyled) {
+  var _ref$theme = _ref.theme, spacing = _ref$theme.spacing, colors = _ref$theme.colors;
   return objectSpread2.default({
-    label: 'placeholder',
-    gridArea: '1 / 1 / 2 / 3'
+    label: "placeholder",
+    gridArea: "1 / 1 / 2 / 3"
   }, unstyled ? {} : {
     color: colors.neutral50,
     marginLeft: spacing.baseUnit / 2,
     marginRight: spacing.baseUnit / 2
   });
 };
-var Placeholder = function Placeholder(props) {
-  var children = props.children,
-    innerProps = props.innerProps;
-  return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(props, 'placeholder', {
+var Placeholder = function Placeholder2(props) {
+  var children = props.children, innerProps = props.innerProps;
+  return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(props, "placeholder", {
     placeholder: true
   }), innerProps), children);
 };
 var Placeholder$1 = Placeholder;
-
-var css = function css(_ref, unstyled) {
-  var isDisabled = _ref.isDisabled,
-    _ref$theme = _ref.theme,
-    spacing = _ref$theme.spacing,
-    colors = _ref$theme.colors;
+var css2 = function css3(_ref, unstyled) {
+  var isDisabled = _ref.isDisabled, _ref$theme = _ref.theme, spacing = _ref$theme.spacing, colors = _ref$theme.colors;
   return objectSpread2.default({
-    label: 'singleValue',
-    gridArea: '1 / 1 / 2 / 3',
-    maxWidth: '100%',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap'
+    label: "singleValue",
+    gridArea: "1 / 1 / 2 / 3",
+    maxWidth: "100%",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
   }, unstyled ? {} : {
     color: isDisabled ? colors.neutral40 : colors.neutral80,
     marginLeft: spacing.baseUnit / 2,
     marginRight: spacing.baseUnit / 2
   });
 };
-var SingleValue = function SingleValue(props) {
-  var children = props.children,
-    isDisabled = props.isDisabled,
-    innerProps = props.innerProps;
-  return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(props, 'singleValue', {
-    'single-value': true,
-    'single-value--is-disabled': isDisabled
+var SingleValue = function SingleValue2(props) {
+  var children = props.children, isDisabled = props.isDisabled, innerProps = props.innerProps;
+  return emotionReact_esm.createElement("div", _extends.default({}, getStyleProps(props, "singleValue", {
+    "single-value": true,
+    "single-value--is-disabled": isDisabled
   }), innerProps), children);
 };
 var SingleValue$1 = SingleValue;
-
 var components = {
-  ClearIndicator: ClearIndicator,
+  ClearIndicator,
   Control: Control$1,
-  DropdownIndicator: DropdownIndicator,
-  DownChevron: DownChevron,
-  CrossIcon: CrossIcon,
+  DropdownIndicator,
+  DownChevron,
+  CrossIcon,
   Group: Group$1,
-  GroupHeading: GroupHeading,
-  IndicatorsContainer: IndicatorsContainer,
-  IndicatorSeparator: IndicatorSeparator,
+  GroupHeading,
+  IndicatorsContainer,
+  IndicatorSeparator,
   Input: Input$1,
-  LoadingIndicator: LoadingIndicator,
+  LoadingIndicator,
   Menu: Menu$1,
-  MenuList: MenuList,
-  MenuPortal: MenuPortal,
-  LoadingMessage: LoadingMessage,
-  NoOptionsMessage: NoOptionsMessage,
+  MenuList,
+  MenuPortal,
+  LoadingMessage,
+  NoOptionsMessage,
   MultiValue: MultiValue$1,
-  MultiValueContainer: MultiValueContainer,
-  MultiValueLabel: MultiValueLabel,
-  MultiValueRemove: MultiValueRemove,
+  MultiValueContainer,
+  MultiValueLabel,
+  MultiValueRemove,
   Option: Option$1,
   Placeholder: Placeholder$1,
-  SelectContainer: SelectContainer,
+  SelectContainer,
   SingleValue: SingleValue$1,
-  ValueContainer: ValueContainer
+  ValueContainer
 };
-var defaultComponents = function defaultComponents(props) {
+var defaultComponents = function defaultComponents2(props) {
   return objectSpread2.default(objectSpread2.default({}, components), props.components);
 };
 
@@ -1430,7 +1084,7 @@ exports.t = multiValueRemoveCSS;
 exports.u = noOptionsMessageCSS;
 exports.v = optionCSS;
 exports.w = placeholderCSS;
-exports.x = css;
+exports.x = css2;
 exports.y = valueContainerCSS;
 exports.z = isTouchCapable;
 //# sourceMappingURL=index-641ee5b8.esm.js.map