@stokr/components-library 3.0.67 → 3.0.68

package/dist/node_modules/react-select/dist/Select-ef7c0426.esm.js

@@ -1,2317 +0,0 @@
-import _extends from "../../@babel/runtime/helpers/esm/extends.js";
-import _objectSpread2 from "../../@babel/runtime/helpers/esm/objectSpread2.js";
-import _classCallCheck from "../../@babel/runtime/helpers/esm/classCallCheck.js";
-import _createClass from "../../@babel/runtime/helpers/esm/createClass.js";
-import _inherits from "../../@babel/runtime/helpers/esm/inherits.js";
-import _createSuper from "../../@babel/runtime/helpers/esm/createSuper.js";
-import _toConsumableArray from "../../@babel/runtime/helpers/esm/toConsumableArray.js";
-import * as React from "react";
-import { Component, Fragment, useMemo, useRef, useCallback, useEffect } from "react";
-import { B as multiValueAsValue, C as singleValueAsValue, D as valueTernary, E as classNames, y as valueContainerCSS, x as css, w as placeholderCSS, v as optionCSS, u as noOptionsMessageCSS, t as multiValueRemoveCSS, q as multiValueLabelCSS, p as multiValueCSS, o as menuPortalCSS, n as menuListCSS, m as menuCSS, k as loadingMessageCSS, l as loadingIndicatorCSS, j as inputCSS, h as indicatorSeparatorCSS, i as indicatorsContainerCSS, f as groupHeadingCSS, g as groupCSS, e as dropdownIndicatorCSS, d as css$1, b as containerCSS, a as clearIndicatorCSS, F as defaultComponents, G as isDocumentElement, H as cleanValue, K as notNullish, A as isMobileDevice, z as isTouchCapable, I as scrollIntoView, J as noop, M as MenuPlacer, r as removeProps, s as supportsPassiveEvents } from "./index-641ee5b8.esm.js";
-import { createElement as jsx, css as css$2 } from "../../@emotion/react/dist/emotion-react.browser.esm.js";
-import memoizeOne from "../../memoize-one/dist/memoize-one.esm.js";
-import _objectWithoutProperties from "../../@babel/runtime/helpers/esm/objectWithoutProperties.js";
-function _EMOTION_STRINGIFIED_CSS_ERROR__$2() {
-  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 _ref = process.env.NODE_ENV === "production" ? {
-  name: "7pg0cj-a11yText",
-  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"
-} : {
-  name: "1f43avz-a11yText-A11yText",
-  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;label:A11yText;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkExMXlUZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPSSIsImZpbGUiOiJBMTF5VGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7IEpTWCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGpzeCB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLy8gQXNzaXN0aXZlIHRleHQgdG8gZGVzY3JpYmUgdmlzdWFsIGVsZW1lbnRzLiBIaWRkZW4gZm9yIHNpZ2h0ZWQgdXNlcnMuXG5jb25zdCBBMTF5VGV4dCA9IChwcm9wczogSlNYLkludHJpbnNpY0VsZW1lbnRzWydzcGFuJ10pID0+IChcbiAgPHNwYW5cbiAgICBjc3M9e3tcbiAgICAgIGxhYmVsOiAnYTExeVRleHQnLFxuICAgICAgekluZGV4OiA5OTk5LFxuICAgICAgYm9yZGVyOiAwLFxuICAgICAgY2xpcDogJ3JlY3QoMXB4LCAxcHgsIDFweCwgMXB4KScsXG4gICAgICBoZWlnaHQ6IDEsXG4gICAgICB3aWR0aDogMSxcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICAgICAgcGFkZGluZzogMCxcbiAgICAgIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICAgIH19XG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgQTExeVRleHQ7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
-};
-var A11yText = function A11yText2(props) {
-  return jsx("span", _extends({
-    css: _ref
-  }, props));
-};
-var A11yText$1 = A11yText;
-var defaultAriaLiveMessages = {
-  guidance: function guidance(props) {
-    var isSearchable = props.isSearchable, isMulti = props.isMulti, tabSelectsValue = props.tabSelectsValue, context = props.context, isInitialFocus = props.isInitialFocus;
-    switch (context) {
-      case "menu":
-        return "Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu".concat(tabSelectsValue ? ", press Tab to select the option and exit the menu" : "", ".");
-      case "input":
-        return isInitialFocus ? "".concat(props["aria-label"] || "Select", " is focused ").concat(isSearchable ? ",type to refine list" : "", ", press Down to open the menu, ").concat(isMulti ? " press left to focus selected values" : "") : "";
-      case "value":
-        return "Use left and right to toggle between focused values, press Backspace to remove the currently focused value";
-      default:
-        return "";
-    }
-  },
-  onChange: function onChange(props) {
-    var action = props.action, _props$label = props.label, label = _props$label === void 0 ? "" : _props$label, labels = props.labels, isDisabled = props.isDisabled;
-    switch (action) {
-      case "deselect-option":
-      case "pop-value":
-      case "remove-value":
-        return "option ".concat(label, ", deselected.");
-      case "clear":
-        return "All selected options have been cleared.";
-      case "initial-input-focus":
-        return "option".concat(labels.length > 1 ? "s" : "", " ").concat(labels.join(","), ", selected.");
-      case "select-option":
-        return isDisabled ? "option ".concat(label, " is disabled. Select another option.") : "option ".concat(label, ", selected.");
-      default:
-        return "";
-    }
-  },
-  onFocus: function onFocus(props) {
-    var context = props.context, focused = props.focused, options = props.options, _props$label2 = props.label, label = _props$label2 === void 0 ? "" : _props$label2, selectValue = props.selectValue, isDisabled = props.isDisabled, isSelected = props.isSelected, isAppleDevice2 = props.isAppleDevice;
-    var getArrayIndex = function getArrayIndex2(arr, item) {
-      return arr && arr.length ? "".concat(arr.indexOf(item) + 1, " of ").concat(arr.length) : "";
-    };
-    if (context === "value" && selectValue) {
-      return "value ".concat(label, " focused, ").concat(getArrayIndex(selectValue, focused), ".");
-    }
-    if (context === "menu" && isAppleDevice2) {
-      var disabled = isDisabled ? " disabled" : "";
-      var status = "".concat(isSelected ? " selected" : "").concat(disabled);
-      return "".concat(label).concat(status, ", ").concat(getArrayIndex(options, focused), ".");
-    }
-    return "";
-  },
-  onFilter: function onFilter(props) {
-    var inputValue = props.inputValue, resultsMessage = props.resultsMessage;
-    return "".concat(resultsMessage).concat(inputValue ? " for search term " + inputValue : "", ".");
-  }
-};
-var LiveRegion = function LiveRegion2(props) {
-  var ariaSelection = props.ariaSelection, focusedOption = props.focusedOption, focusedValue = props.focusedValue, focusableOptions = props.focusableOptions, isFocused = props.isFocused, selectValue = props.selectValue, selectProps = props.selectProps, id = props.id, isAppleDevice2 = props.isAppleDevice;
-  var ariaLiveMessages = selectProps.ariaLiveMessages, getOptionLabel4 = selectProps.getOptionLabel, inputValue = selectProps.inputValue, isMulti = selectProps.isMulti, isOptionDisabled3 = selectProps.isOptionDisabled, isSearchable = selectProps.isSearchable, menuIsOpen = selectProps.menuIsOpen, options = selectProps.options, screenReaderStatus2 = selectProps.screenReaderStatus, tabSelectsValue = selectProps.tabSelectsValue, isLoading = selectProps.isLoading;
-  var ariaLabel = selectProps["aria-label"];
-  var ariaLive = selectProps["aria-live"];
-  var messages = useMemo(function() {
-    return _objectSpread2(_objectSpread2({}, defaultAriaLiveMessages), ariaLiveMessages || {});
-  }, [ariaLiveMessages]);
-  var ariaSelected = useMemo(function() {
-    var message = "";
-    if (ariaSelection && messages.onChange) {
-      var option = ariaSelection.option, selectedOptions = ariaSelection.options, removedValue = ariaSelection.removedValue, removedValues = ariaSelection.removedValues, value = ariaSelection.value;
-      var asOption = function asOption2(val) {
-        return !Array.isArray(val) ? val : null;
-      };
-      var selected = removedValue || option || asOption(value);
-      var label = selected ? getOptionLabel4(selected) : "";
-      var multiSelected = selectedOptions || removedValues || void 0;
-      var labels = multiSelected ? multiSelected.map(getOptionLabel4) : [];
-      var onChangeProps = _objectSpread2({
-        // 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 && isOptionDisabled3(selected, selectValue),
-        label,
-        labels
-      }, ariaSelection);
-      message = messages.onChange(onChangeProps);
-    }
-    return message;
-  }, [ariaSelection, messages, isOptionDisabled3, selectValue, getOptionLabel4]);
-  var ariaFocused = useMemo(function() {
-    var focusMsg = "";
-    var focused = focusedOption || focusedValue;
-    var isSelected = !!(focusedOption && selectValue && selectValue.includes(focusedOption));
-    if (focused && messages.onFocus) {
-      var onFocusProps = {
-        focused,
-        label: getOptionLabel4(focused),
-        isDisabled: isOptionDisabled3(focused, selectValue),
-        isSelected,
-        options: focusableOptions,
-        context: focused === focusedOption ? "menu" : "value",
-        selectValue,
-        isAppleDevice: isAppleDevice2
-      };
-      focusMsg = messages.onFocus(onFocusProps);
-    }
-    return focusMsg;
-  }, [focusedOption, focusedValue, getOptionLabel4, isOptionDisabled3, messages, focusableOptions, selectValue, isAppleDevice2]);
-  var ariaResults = useMemo(function() {
-    var resultsMsg = "";
-    if (menuIsOpen && options.length && !isLoading && messages.onFilter) {
-      var resultsMessage = screenReaderStatus2({
-        count: focusableOptions.length
-      });
-      resultsMsg = messages.onFilter({
-        inputValue,
-        resultsMessage
-      });
-    }
-    return resultsMsg;
-  }, [focusableOptions, inputValue, menuIsOpen, messages, options, screenReaderStatus2, isLoading]);
-  var isInitialFocus = (ariaSelection === null || ariaSelection === void 0 ? void 0 : ariaSelection.action) === "initial-input-focus";
-  var ariaGuidance = useMemo(function() {
-    var guidanceMsg = "";
-    if (messages.guidance) {
-      var context = focusedValue ? "value" : menuIsOpen ? "menu" : "input";
-      guidanceMsg = messages.guidance({
-        "aria-label": ariaLabel,
-        context,
-        isDisabled: focusedOption && isOptionDisabled3(focusedOption, selectValue),
-        isMulti,
-        isSearchable,
-        tabSelectsValue,
-        isInitialFocus
-      });
-    }
-    return guidanceMsg;
-  }, [ariaLabel, focusedOption, focusedValue, isMulti, isOptionDisabled3, isSearchable, menuIsOpen, messages, selectValue, tabSelectsValue, isInitialFocus]);
-  var ScreenReaderText = jsx(Fragment, null, jsx("span", {
-    id: "aria-selection"
-  }, ariaSelected), jsx("span", {
-    id: "aria-focused"
-  }, ariaFocused), jsx("span", {
-    id: "aria-results"
-  }, ariaResults), jsx("span", {
-    id: "aria-guidance"
-  }, ariaGuidance));
-  return jsx(Fragment, null, jsx(A11yText$1, {
-    id
-  }, isInitialFocus && ScreenReaderText), jsx(A11yText$1, {
-    "aria-live": ariaLive,
-    "aria-atomic": "false",
-    "aria-relevant": "additions text",
-    role: "log"
-  }, isFocused && !isInitialFocus && ScreenReaderText));
-};
-var LiveRegion$1 = LiveRegion;
-var diacritics = [{
-  base: "A",
-  letters: "AⒶＡÀÁÂẦẤẪẨÃĀĂẰẮẴẲȦǠÄǞẢÅǺǍȀȂẠẬẶḀĄȺⱯ"
-}, {
-  base: "AA",
-  letters: "Ꜳ"
-}, {
-  base: "AE",
-  letters: "ÆǼǢ"
-}, {
-  base: "AO",
-  letters: "Ꜵ"
-}, {
-  base: "AU",
-  letters: "Ꜷ"
-}, {
-  base: "AV",
-  letters: "ꜸꜺ"
-}, {
-  base: "AY",
-  letters: "Ꜽ"
-}, {
-  base: "B",
-  letters: "BⒷＢḂḄḆɃƂƁ"
-}, {
-  base: "C",
-  letters: "CⒸＣĆĈĊČÇḈƇȻꜾ"
-}, {
-  base: "D",
-  letters: "DⒹＤḊĎḌḐḒḎĐƋƊƉꝹ"
-}, {
-  base: "DZ",
-  letters: "DZDŽ"
-}, {
-  base: "Dz",
-  letters: "DzDž"
-}, {
-  base: "E",
-  letters: "EⒺＥÈÉÊỀẾỄỂẼĒḔḖĔĖËẺĚȄȆẸỆȨḜĘḘḚƐƎ"
-}, {
-  base: "F",
-  letters: "FⒻＦḞƑꝻ"
-}, {
-  base: "G",
-  letters: "GⒼＧǴĜḠĞĠǦĢǤƓꞠꝽꝾ"
-}, {
-  base: "H",
-  letters: "HⒽＨĤḢḦȞḤḨḪĦⱧⱵꞍ"
-}, {
-  base: "I",
-  letters: "IⒾＩÌÍÎĨĪĬİÏḮỈǏȈȊỊĮḬƗ"
-}, {
-  base: "J",
-  letters: "JⒿＪĴɈ"
-}, {
-  base: "K",
-  letters: "KⓀＫḰǨḲĶḴƘⱩꝀꝂꝄꞢ"
-}, {
-  base: "L",
-  letters: "LⓁＬĿĹĽḶḸĻḼḺŁȽⱢⱠꝈꝆꞀ"
-}, {
-  base: "LJ",
-  letters: "LJ"
-}, {
-  base: "Lj",
-  letters: "Lj"
-}, {
-  base: "M",
-  letters: "MⓂＭḾṀṂⱮƜ"
-}, {
-  base: "N",
-  letters: "NⓃＮǸŃÑṄŇṆŅṊṈȠƝꞐꞤ"
-}, {
-  base: "NJ",
-  letters: "NJ"
-}, {
-  base: "Nj",
-  letters: "Nj"
-}, {
-  base: "O",
-  letters: "OⓄＯÒÓÔỒỐỖỔÕṌȬṎŌṐṒŎȮȰÖȪỎŐǑȌȎƠỜỚỠỞỢỌỘǪǬØǾƆƟꝊꝌ"
-}, {
-  base: "OI",
-  letters: "Ƣ"
-}, {
-  base: "OO",
-  letters: "Ꝏ"
-}, {
-  base: "OU",
-  letters: "Ȣ"
-}, {
-  base: "P",
-  letters: "PⓅＰṔṖƤⱣꝐꝒꝔ"
-}, {
-  base: "Q",
-  letters: "QⓆＱꝖꝘɊ"
-}, {
-  base: "R",
-  letters: "RⓇＲŔṘŘȐȒṚṜŖṞɌⱤꝚꞦꞂ"
-}, {
-  base: "S",
-  letters: "SⓈＳẞŚṤŜṠŠṦṢṨȘŞⱾꞨꞄ"
-}, {
-  base: "T",
-  letters: "TⓉＴṪŤṬȚŢṰṮŦƬƮȾꞆ"
-}, {
-  base: "TZ",
-  letters: "Ꜩ"
-}, {
-  base: "U",
-  letters: "UⓊＵÙÚÛŨṸŪṺŬÜǛǗǕǙỦŮŰǓȔȖƯỪỨỮỬỰỤṲŲṶṴɄ"
-}, {
-  base: "V",
-  letters: "VⓋＶṼṾƲꝞɅ"
-}, {
-  base: "VY",
-  letters: "Ꝡ"
-}, {
-  base: "W",
-  letters: "WⓌＷẀẂŴẆẄẈⱲ"
-}, {
-  base: "X",
-  letters: "XⓍＸẊẌ"
-}, {
-  base: "Y",
-  letters: "YⓎＹỲÝŶỸȲẎŸỶỴƳɎỾ"
-}, {
-  base: "Z",
-  letters: "ZⓏＺŹẐŻŽẒẔƵȤⱿⱫꝢ"
-}, {
-  base: "a",
-  letters: "aⓐａẚàáâầấẫẩãāăằắẵẳȧǡäǟảåǻǎȁȃạậặḁąⱥɐ"
-}, {
-  base: "aa",
-  letters: "ꜳ"
-}, {
-  base: "ae",
-  letters: "æǽǣ"
-}, {
-  base: "ao",
-  letters: "ꜵ"
-}, {
-  base: "au",
-  letters: "ꜷ"
-}, {
-  base: "av",
-  letters: "ꜹꜻ"
-}, {
-  base: "ay",
-  letters: "ꜽ"
-}, {
-  base: "b",
-  letters: "bⓑｂḃḅḇƀƃɓ"
-}, {
-  base: "c",
-  letters: "cⓒｃćĉċčçḉƈȼꜿↄ"
-}, {
-  base: "d",
-  letters: "dⓓｄḋďḍḑḓḏđƌɖɗꝺ"
-}, {
-  base: "dz",
-  letters: "dzdž"
-}, {
-  base: "e",
-  letters: "eⓔｅèéêềếễểẽēḕḗĕėëẻěȅȇẹệȩḝęḙḛɇɛǝ"
-}, {
-  base: "f",
-  letters: "fⓕｆḟƒꝼ"
-}, {
-  base: "g",
-  letters: "gⓖｇǵĝḡğġǧģǥɠꞡᵹꝿ"
-}, {
-  base: "h",
-  letters: "hⓗｈĥḣḧȟḥḩḫẖħⱨⱶɥ"
-}, {
-  base: "hv",
-  letters: "ƕ"
-}, {
-  base: "i",
-  letters: "iⓘｉìíîĩīĭïḯỉǐȉȋịįḭɨı"
-}, {
-  base: "j",
-  letters: "jⓙｊĵǰɉ"
-}, {
-  base: "k",
-  letters: "kⓚｋḱǩḳķḵƙⱪꝁꝃꝅꞣ"
-}, {
-  base: "l",
-  letters: "lⓛｌŀĺľḷḹļḽḻſłƚɫⱡꝉꞁꝇ"
-}, {
-  base: "lj",
-  letters: "lj"
-}, {
-  base: "m",
-  letters: "mⓜｍḿṁṃɱɯ"
-}, {
-  base: "n",
-  letters: "nⓝｎǹńñṅňṇņṋṉƞɲʼnꞑꞥ"
-}, {
-  base: "nj",
-  letters: "nj"
-}, {
-  base: "o",
-  letters: "oⓞｏòóôồốỗổõṍȭṏōṑṓŏȯȱöȫỏőǒȍȏơờớỡởợọộǫǭøǿɔꝋꝍɵ"
-}, {
-  base: "oi",
-  letters: "ƣ"
-}, {
-  base: "ou",
-  letters: "ȣ"
-}, {
-  base: "oo",
-  letters: "ꝏ"
-}, {
-  base: "p",
-  letters: "pⓟｐṕṗƥᵽꝑꝓꝕ"
-}, {
-  base: "q",
-  letters: "qⓠｑɋꝗꝙ"
-}, {
-  base: "r",
-  letters: "rⓡｒŕṙřȑȓṛṝŗṟɍɽꝛꞧꞃ"
-}, {
-  base: "s",
-  letters: "sⓢｓßśṥŝṡšṧṣṩșşȿꞩꞅẛ"
-}, {
-  base: "t",
-  letters: "tⓣｔṫẗťṭțţṱṯŧƭʈⱦꞇ"
-}, {
-  base: "tz",
-  letters: "ꜩ"
-}, {
-  base: "u",
-  letters: "uⓤｕùúûũṹūṻŭüǜǘǖǚủůűǔȕȗưừứữửựụṳųṷṵʉ"
-}, {
-  base: "v",
-  letters: "vⓥｖṽṿʋꝟʌ"
-}, {
-  base: "vy",
-  letters: "ꝡ"
-}, {
-  base: "w",
-  letters: "wⓦｗẁẃŵẇẅẘẉⱳ"
-}, {
-  base: "x",
-  letters: "xⓧｘẋẍ"
-}, {
-  base: "y",
-  letters: "yⓨｙỳýŷỹȳẏÿỷẙỵƴɏỿ"
-}, {
-  base: "z",
-  letters: "zⓩｚźẑżžẓẕƶȥɀⱬꝣ"
-}];
-var anyDiacritic = new RegExp("[" + diacritics.map(function(d) {
-  return d.letters;
-}).join("") + "]", "g");
-var diacriticToBase = {};
-for (var i = 0; i < diacritics.length; i++) {
-  var diacritic = diacritics[i];
-  for (var j = 0; j < diacritic.letters.length; j++) {
-    diacriticToBase[diacritic.letters[j]] = diacritic.base;
-  }
-}
-var stripDiacritics = function stripDiacritics2(str) {
-  return str.replace(anyDiacritic, function(match) {
-    return diacriticToBase[match];
-  });
-};
-var memoizedStripDiacriticsForInput = memoizeOne(stripDiacritics);
-var trimString = function trimString2(str) {
-  return str.replace(/^\s+|\s+$/g, "");
-};
-var defaultStringify = function defaultStringify2(option) {
-  return "".concat(option.label, " ").concat(option.value);
-};
-var createFilter = function createFilter2(config) {
-  return function(option, rawInput) {
-    if (option.data.__isNew__) return true;
-    var _ignoreCase$ignoreAcc = _objectSpread2({
-      ignoreCase: true,
-      ignoreAccents: true,
-      stringify: defaultStringify,
-      trim: true,
-      matchFrom: "any"
-    }, config), ignoreCase = _ignoreCase$ignoreAcc.ignoreCase, ignoreAccents = _ignoreCase$ignoreAcc.ignoreAccents, stringify = _ignoreCase$ignoreAcc.stringify, trim = _ignoreCase$ignoreAcc.trim, matchFrom = _ignoreCase$ignoreAcc.matchFrom;
-    var input = trim ? trimString(rawInput) : rawInput;
-    var candidate = trim ? trimString(stringify(option)) : stringify(option);
-    if (ignoreCase) {
-      input = input.toLowerCase();
-      candidate = candidate.toLowerCase();
-    }
-    if (ignoreAccents) {
-      input = memoizedStripDiacriticsForInput(input);
-      candidate = stripDiacritics(candidate);
-    }
-    return matchFrom === "start" ? candidate.substr(0, input.length) === input : candidate.indexOf(input) > -1;
-  };
-};
-var _excluded = ["innerRef"];
-function DummyInput(_ref3) {
-  var innerRef = _ref3.innerRef, props = _objectWithoutProperties(_ref3, _excluded);
-  var filteredProps = removeProps(props, "onExited", "in", "enter", "exit", "appear");
-  return jsx("input", _extends({
-    ref: innerRef
-  }, filteredProps, {
-    css: /* @__PURE__ */ css$2({
-      label: "dummyInput",
-      // get rid of any default styles
-      background: 0,
-      border: 0,
-      // important! this hides the flashing cursor
-      caretColor: "transparent",
-      fontSize: "inherit",
-      gridArea: "1 / 1 / 2 / 3",
-      outline: 0,
-      padding: 0,
-      // important! without `width` browsers won't allow focus
-      width: 1,
-      // remove cursor on desktop
-      color: "transparent",
-      // remove cursor on mobile whilst maintaining "scroll into view" behaviour
-      left: -100,
-      opacity: 0,
-      position: "relative",
-      transform: "scale(.01)"
-    }, process.env.NODE_ENV === "production" ? "" : ";label:DummyInput;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkR1bW15SW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCTSIsImZpbGUiOiJEdW1teUlucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHsgSlNYLCBSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3ggfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW1vdmVQcm9wcyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gRHVtbXlJbnB1dCh7XG4gIGlubmVyUmVmLFxuICAuLi5wcm9wc1xufTogSlNYLkludHJpbnNpY0VsZW1lbnRzWydpbnB1dCddICYge1xuICByZWFkb25seSBpbm5lclJlZjogUmVmPEhUTUxJbnB1dEVsZW1lbnQ+O1xufSkge1xuICAvLyBSZW1vdmUgYW5pbWF0aW9uIHByb3BzIG5vdCBtZWFudCBmb3IgSFRNTCBlbGVtZW50c1xuICBjb25zdCBmaWx0ZXJlZFByb3BzID0gcmVtb3ZlUHJvcHMoXG4gICAgcHJvcHMsXG4gICAgJ29uRXhpdGVkJyxcbiAgICAnaW4nLFxuICAgICdlbnRlcicsXG4gICAgJ2V4aXQnLFxuICAgICdhcHBlYXInXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8aW5wdXRcbiAgICAgIHJlZj17aW5uZXJSZWZ9XG4gICAgICB7Li4uZmlsdGVyZWRQcm9wc31cbiAgICAgIGNzcz17e1xuICAgICAgICBsYWJlbDogJ2R1bW15SW5wdXQnLFxuICAgICAgICAvLyBnZXQgcmlkIG9mIGFueSBkZWZhdWx0IHN0eWxlc1xuICAgICAgICBiYWNrZ3JvdW5kOiAwLFxuICAgICAgICBib3JkZXI6IDAsXG4gICAgICAgIC8vIGltcG9ydGFudCEgdGhpcyBoaWRlcyB0aGUgZmxhc2hpbmcgY3Vyc29yXG4gICAgICAgIGNhcmV0Q29sb3I6ICd0cmFuc3BhcmVudCcsXG4gICAgICAgIGZvbnRTaXplOiAnaW5oZXJpdCcsXG4gICAgICAgIGdyaWRBcmVhOiAnMSAvIDEgLyAyIC8gMycsXG4gICAgICAgIG91dGxpbmU6IDAsXG4gICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgIC8vIGltcG9ydGFudCEgd2l0aG91dCBgd2lkdGhgIGJyb3dzZXJzIHdvbid0IGFsbG93IGZvY3VzXG4gICAgICAgIHdpZHRoOiAxLFxuXG4gICAgICAgIC8vIHJlbW92ZSBjdXJzb3Igb24gZGVza3RvcFxuICAgICAgICBjb2xvcjogJ3RyYW5zcGFyZW50JyxcblxuICAgICAgICAvLyByZW1vdmUgY3Vyc29yIG9uIG1vYmlsZSB3aGlsc3QgbWFpbnRhaW5pbmcgXCJzY3JvbGwgaW50byB2aWV3XCIgYmVoYXZpb3VyXG4gICAgICAgIGxlZnQ6IC0xMDAsXG4gICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgICAgICB0cmFuc2Zvcm06ICdzY2FsZSguMDEpJyxcbiAgICAgIH19XG4gICAgLz5cbiAgKTtcbn1cbiJdfQ== */")
-  }));
-}
-var cancelScroll = function cancelScroll2(event) {
-  if (event.cancelable) event.preventDefault();
-  event.stopPropagation();
-};
-function useScrollCapture(_ref3) {
-  var isEnabled = _ref3.isEnabled, onBottomArrive = _ref3.onBottomArrive, onBottomLeave = _ref3.onBottomLeave, onTopArrive = _ref3.onTopArrive, onTopLeave = _ref3.onTopLeave;
-  var isBottom = useRef(false);
-  var isTop = useRef(false);
-  var touchStart = useRef(0);
-  var scrollTarget = useRef(null);
-  var handleEventDelta = useCallback(function(event, delta) {
-    if (scrollTarget.current === null) return;
-    var _scrollTarget$current = scrollTarget.current, scrollTop = _scrollTarget$current.scrollTop, scrollHeight = _scrollTarget$current.scrollHeight, clientHeight = _scrollTarget$current.clientHeight;
-    var target = scrollTarget.current;
-    var isDeltaPositive = delta > 0;
-    var availableScroll = scrollHeight - clientHeight - scrollTop;
-    var shouldCancelScroll = false;
-    if (availableScroll > delta && isBottom.current) {
-      if (onBottomLeave) onBottomLeave(event);
-      isBottom.current = false;
-    }
-    if (isDeltaPositive && isTop.current) {
-      if (onTopLeave) onTopLeave(event);
-      isTop.current = false;
-    }
-    if (isDeltaPositive && delta > availableScroll) {
-      if (onBottomArrive && !isBottom.current) {
-        onBottomArrive(event);
-      }
-      target.scrollTop = scrollHeight;
-      shouldCancelScroll = true;
-      isBottom.current = true;
-    } else if (!isDeltaPositive && -delta > scrollTop) {
-      if (onTopArrive && !isTop.current) {
-        onTopArrive(event);
-      }
-      target.scrollTop = 0;
-      shouldCancelScroll = true;
-      isTop.current = true;
-    }
-    if (shouldCancelScroll) {
-      cancelScroll(event);
-    }
-  }, [onBottomArrive, onBottomLeave, onTopArrive, onTopLeave]);
-  var onWheel = useCallback(function(event) {
-    handleEventDelta(event, event.deltaY);
-  }, [handleEventDelta]);
-  var onTouchStart = useCallback(function(event) {
-    touchStart.current = event.changedTouches[0].clientY;
-  }, []);
-  var onTouchMove = useCallback(function(event) {
-    var deltaY = touchStart.current - event.changedTouches[0].clientY;
-    handleEventDelta(event, deltaY);
-  }, [handleEventDelta]);
-  var startListening = useCallback(function(el) {
-    if (!el) return;
-    var notPassive = supportsPassiveEvents ? {
-      passive: false
-    } : false;
-    el.addEventListener("wheel", onWheel, notPassive);
-    el.addEventListener("touchstart", onTouchStart, notPassive);
-    el.addEventListener("touchmove", onTouchMove, notPassive);
-  }, [onTouchMove, onTouchStart, onWheel]);
-  var stopListening = useCallback(function(el) {
-    if (!el) return;
-    el.removeEventListener("wheel", onWheel, false);
-    el.removeEventListener("touchstart", onTouchStart, false);
-    el.removeEventListener("touchmove", onTouchMove, false);
-  }, [onTouchMove, onTouchStart, onWheel]);
-  useEffect(function() {
-    if (!isEnabled) return;
-    var element = scrollTarget.current;
-    startListening(element);
-    return function() {
-      stopListening(element);
-    };
-  }, [isEnabled, startListening, stopListening]);
-  return function(element) {
-    scrollTarget.current = element;
-  };
-}
-var STYLE_KEYS = ["boxSizing", "height", "overflow", "paddingRight", "position"];
-var LOCK_STYLES = {
-  boxSizing: "border-box",
-  // account for possible declaration `width: 100%;` on body
-  overflow: "hidden",
-  position: "relative",
-  height: "100%"
-};
-function preventTouchMove(e) {
-  if (e.cancelable) e.preventDefault();
-}
-function allowTouchMove(e) {
-  e.stopPropagation();
-}
-function preventInertiaScroll() {
-  var top = this.scrollTop;
-  var totalScroll = this.scrollHeight;
-  var currentScroll = top + this.offsetHeight;
-  if (top === 0) {
-    this.scrollTop = 1;
-  } else if (currentScroll === totalScroll) {
-    this.scrollTop = top - 1;
-  }
-}
-function isTouchDevice() {
-  return "ontouchstart" in window || navigator.maxTouchPoints;
-}
-var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
-var activeScrollLocks = 0;
-var listenerOptions = {
-  capture: false,
-  passive: false
-};
-function useScrollLock(_ref3) {
-  var isEnabled = _ref3.isEnabled, _ref$accountForScroll = _ref3.accountForScrollbars, accountForScrollbars = _ref$accountForScroll === void 0 ? true : _ref$accountForScroll;
-  var originalStyles = useRef({});
-  var scrollTarget = useRef(null);
-  var addScrollLock = useCallback(function(touchScrollTarget) {
-    if (!canUseDOM) return;
-    var target = document.body;
-    var targetStyle = target && target.style;
-    if (accountForScrollbars) {
-      STYLE_KEYS.forEach(function(key) {
-        var val = targetStyle && targetStyle[key];
-        originalStyles.current[key] = val;
-      });
-    }
-    if (accountForScrollbars && activeScrollLocks < 1) {
-      var currentPadding = parseInt(originalStyles.current.paddingRight, 10) || 0;
-      var clientWidth = document.body ? document.body.clientWidth : 0;
-      var adjustedPadding = window.innerWidth - clientWidth + currentPadding || 0;
-      Object.keys(LOCK_STYLES).forEach(function(key) {
-        var val = LOCK_STYLES[key];
-        if (targetStyle) {
-          targetStyle[key] = val;
-        }
-      });
-      if (targetStyle) {
-        targetStyle.paddingRight = "".concat(adjustedPadding, "px");
-      }
-    }
-    if (target && isTouchDevice()) {
-      target.addEventListener("touchmove", preventTouchMove, listenerOptions);
-      if (touchScrollTarget) {
-        touchScrollTarget.addEventListener("touchstart", preventInertiaScroll, listenerOptions);
-        touchScrollTarget.addEventListener("touchmove", allowTouchMove, listenerOptions);
-      }
-    }
-    activeScrollLocks += 1;
-  }, [accountForScrollbars]);
-  var removeScrollLock = useCallback(function(touchScrollTarget) {
-    if (!canUseDOM) return;
-    var target = document.body;
-    var targetStyle = target && target.style;
-    activeScrollLocks = Math.max(activeScrollLocks - 1, 0);
-    if (accountForScrollbars && activeScrollLocks < 1) {
-      STYLE_KEYS.forEach(function(key) {
-        var val = originalStyles.current[key];
-        if (targetStyle) {
-          targetStyle[key] = val;
-        }
-      });
-    }
-    if (target && isTouchDevice()) {
-      target.removeEventListener("touchmove", preventTouchMove, listenerOptions);
-      if (touchScrollTarget) {
-        touchScrollTarget.removeEventListener("touchstart", preventInertiaScroll, listenerOptions);
-        touchScrollTarget.removeEventListener("touchmove", allowTouchMove, listenerOptions);
-      }
-    }
-  }, [accountForScrollbars]);
-  useEffect(function() {
-    if (!isEnabled) return;
-    var element = scrollTarget.current;
-    addScrollLock(element);
-    return function() {
-      removeScrollLock(element);
-    };
-  }, [isEnabled, addScrollLock, removeScrollLock]);
-  return function(element) {
-    scrollTarget.current = element;
-  };
-}
-function _EMOTION_STRINGIFIED_CSS_ERROR__$1() {
-  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 blurSelectInput = function blurSelectInput2(event) {
-  var element = event.target;
-  return element.ownerDocument.activeElement && element.ownerDocument.activeElement.blur();
-};
-var _ref2$1 = process.env.NODE_ENV === "production" ? {
-  name: "1kfdb0e",
-  styles: "position:fixed;left:0;bottom:0;right:0;top:0"
-} : {
-  name: "bp8cua-ScrollManager",
-  styles: "position:fixed;left:0;bottom:0;right:0;top:0;label:ScrollManager;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNjcm9sbE1hbmFnZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EVSIsImZpbGUiOiJTY3JvbGxNYW5hZ2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHsganN4IH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgRnJhZ21lbnQsIFJlYWN0RWxlbWVudCwgUmVmQ2FsbGJhY2ssIE1vdXNlRXZlbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgdXNlU2Nyb2xsQ2FwdHVyZSBmcm9tICcuL3VzZVNjcm9sbENhcHR1cmUnO1xuaW1wb3J0IHVzZVNjcm9sbExvY2sgZnJvbSAnLi91c2VTY3JvbGxMb2NrJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgcmVhZG9ubHkgY2hpbGRyZW46IChyZWY6IFJlZkNhbGxiYWNrPEhUTUxFbGVtZW50PikgPT4gUmVhY3RFbGVtZW50O1xuICByZWFkb25seSBsb2NrRW5hYmxlZDogYm9vbGVhbjtcbiAgcmVhZG9ubHkgY2FwdHVyZUVuYWJsZWQ6IGJvb2xlYW47XG4gIHJlYWRvbmx5IG9uQm90dG9tQXJyaXZlPzogKGV2ZW50OiBXaGVlbEV2ZW50IHwgVG91Y2hFdmVudCkgPT4gdm9pZDtcbiAgcmVhZG9ubHkgb25Cb3R0b21MZWF2ZT86IChldmVudDogV2hlZWxFdmVudCB8IFRvdWNoRXZlbnQpID0+IHZvaWQ7XG4gIHJlYWRvbmx5IG9uVG9wQXJyaXZlPzogKGV2ZW50OiBXaGVlbEV2ZW50IHwgVG91Y2hFdmVudCkgPT4gdm9pZDtcbiAgcmVhZG9ubHkgb25Ub3BMZWF2ZT86IChldmVudDogV2hlZWxFdmVudCB8IFRvdWNoRXZlbnQpID0+IHZvaWQ7XG59XG5cbmNvbnN0IGJsdXJTZWxlY3RJbnB1dCA9IChldmVudDogTW91c2VFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgY29uc3QgZWxlbWVudCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MRGl2RWxlbWVudDtcbiAgcmV0dXJuIChcbiAgICBlbGVtZW50Lm93bmVyRG9jdW1lbnQuYWN0aXZlRWxlbWVudCAmJlxuICAgIChlbGVtZW50Lm93bmVyRG9jdW1lbnQuYWN0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudCkuYmx1cigpXG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBTY3JvbGxNYW5hZ2VyKHtcbiAgY2hpbGRyZW4sXG4gIGxvY2tFbmFibGVkLFxuICBjYXB0dXJlRW5hYmxlZCA9IHRydWUsXG4gIG9uQm90dG9tQXJyaXZlLFxuICBvbkJvdHRvbUxlYXZlLFxuICBvblRvcEFycml2ZSxcbiAgb25Ub3BMZWF2ZSxcbn06IFByb3BzKSB7XG4gIGNvbnN0IHNldFNjcm9sbENhcHR1cmVUYXJnZXQgPSB1c2VTY3JvbGxDYXB0dXJlKHtcbiAgICBpc0VuYWJsZWQ6IGNhcHR1cmVFbmFibGVkLFxuICAgIG9uQm90dG9tQXJyaXZlLFxuICAgIG9uQm90dG9tTGVhdmUsXG4gICAgb25Ub3BBcnJpdmUsXG4gICAgb25Ub3BMZWF2ZSxcbiAgfSk7XG4gIGNvbnN0IHNldFNjcm9sbExvY2tUYXJnZXQgPSB1c2VTY3JvbGxMb2NrKHsgaXNFbmFibGVkOiBsb2NrRW5hYmxlZCB9KTtcblxuICBjb25zdCB0YXJnZXRSZWY6IFJlZkNhbGxiYWNrPEhUTUxFbGVtZW50PiA9IChlbGVtZW50KSA9PiB7XG4gICAgc2V0U2Nyb2xsQ2FwdHVyZVRhcmdldChlbGVtZW50KTtcbiAgICBzZXRTY3JvbGxMb2NrVGFyZ2V0KGVsZW1lbnQpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEZyYWdtZW50PlxuICAgICAge2xvY2tFbmFibGVkICYmIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIG9uQ2xpY2s9e2JsdXJTZWxlY3RJbnB1dH1cbiAgICAgICAgICBjc3M9e3sgcG9zaXRpb246ICdmaXhlZCcsIGxlZnQ6IDAsIGJvdHRvbTogMCwgcmlnaHQ6IDAsIHRvcDogMCB9fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIHtjaGlsZHJlbih0YXJnZXRSZWYpfVxuICAgIDwvRnJhZ21lbnQ+XG4gICk7XG59XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
-};
-function ScrollManager(_ref3) {
-  var children = _ref3.children, lockEnabled = _ref3.lockEnabled, _ref$captureEnabled = _ref3.captureEnabled, captureEnabled = _ref$captureEnabled === void 0 ? true : _ref$captureEnabled, onBottomArrive = _ref3.onBottomArrive, onBottomLeave = _ref3.onBottomLeave, onTopArrive = _ref3.onTopArrive, onTopLeave = _ref3.onTopLeave;
-  var setScrollCaptureTarget = useScrollCapture({
-    isEnabled: captureEnabled,
-    onBottomArrive,
-    onBottomLeave,
-    onTopArrive,
-    onTopLeave
-  });
-  var setScrollLockTarget = useScrollLock({
-    isEnabled: lockEnabled
-  });
-  var targetRef = function targetRef2(element) {
-    setScrollCaptureTarget(element);
-    setScrollLockTarget(element);
-  };
-  return jsx(Fragment, null, lockEnabled && jsx("div", {
-    onClick: blurSelectInput,
-    css: _ref2$1
-  }), children(targetRef));
-}
-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: "1a0ro4n-requiredInput",
-  styles: "label:requiredInput;opacity:0;pointer-events:none;position:absolute;bottom:0;left:0;right:0;width:100%"
-} : {
-  name: "5kkxb2-requiredInput-RequiredInput",
-  styles: "label:requiredInput;opacity:0;pointer-events:none;position:absolute;bottom:0;left:0;right:0;width:100%;label:RequiredInput;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlcXVpcmVkSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNJIiwiZmlsZSI6IlJlcXVpcmVkSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyBGb2N1c0V2ZW50SGFuZGxlciwgRnVuY3Rpb25Db21wb25lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3ggfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IFJlcXVpcmVkSW5wdXQ6IEZ1bmN0aW9uQ29tcG9uZW50PHtcbiAgcmVhZG9ubHkgbmFtZT86IHN0cmluZztcbiAgcmVhZG9ubHkgb25Gb2N1czogRm9jdXNFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD47XG59PiA9ICh7IG5hbWUsIG9uRm9jdXMgfSkgPT4gKFxuICA8aW5wdXRcbiAgICByZXF1aXJlZFxuICAgIG5hbWU9e25hbWV9XG4gICAgdGFiSW5kZXg9ey0xfVxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICBjc3M9e3tcbiAgICAgIGxhYmVsOiAncmVxdWlyZWRJbnB1dCcsXG4gICAgICBvcGFjaXR5OiAwLFxuICAgICAgcG9pbnRlckV2ZW50czogJ25vbmUnLFxuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICBib3R0b206IDAsXG4gICAgICBsZWZ0OiAwLFxuICAgICAgcmlnaHQ6IDAsXG4gICAgICB3aWR0aDogJzEwMCUnLFxuICAgIH19XG4gICAgLy8gUHJldmVudCBgU3dpdGNoaW5nIGZyb20gdW5jb250cm9sbGVkIHRvIGNvbnRyb2xsZWRgIGVycm9yXG4gICAgdmFsdWU9XCJcIlxuICAgIG9uQ2hhbmdlPXsoKSA9PiB7fX1cbiAgLz5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IFJlcXVpcmVkSW5wdXQ7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-var RequiredInput = function RequiredInput2(_ref3) {
-  var name = _ref3.name, onFocus2 = _ref3.onFocus;
-  return jsx("input", {
-    required: true,
-    name,
-    tabIndex: -1,
-    "aria-hidden": "true",
-    onFocus: onFocus2,
-    css: _ref2,
-    value: "",
-    onChange: function onChange2() {
-    }
-  });
-};
-var RequiredInput$1 = RequiredInput;
-function testPlatform(re) {
-  var _window$navigator$use;
-  return typeof window !== "undefined" && window.navigator != null ? re.test(((_window$navigator$use = window.navigator["userAgentData"]) === null || _window$navigator$use === void 0 ? void 0 : _window$navigator$use.platform) || window.navigator.platform) : false;
-}
-function isIPhone() {
-  return testPlatform(/^iPhone/i);
-}
-function isMac() {
-  return testPlatform(/^Mac/i);
-}
-function isIPad() {
-  return testPlatform(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
-  isMac() && navigator.maxTouchPoints > 1;
-}
-function isIOS() {
-  return isIPhone() || isIPad();
-}
-function isAppleDevice() {
-  return isMac() || isIOS();
-}
-var formatGroupLabel = function formatGroupLabel2(group) {
-  return group.label;
-};
-var getOptionLabel$1 = function getOptionLabel(option) {
-  return option.label;
-};
-var getOptionValue$1 = function getOptionValue(option) {
-  return option.value;
-};
-var isOptionDisabled = function isOptionDisabled2(option) {
-  return !!option.isDisabled;
-};
-var defaultStyles = {
-  clearIndicator: clearIndicatorCSS,
-  container: containerCSS,
-  control: css$1,
-  dropdownIndicator: dropdownIndicatorCSS,
-  group: groupCSS,
-  groupHeading: groupHeadingCSS,
-  indicatorsContainer: indicatorsContainerCSS,
-  indicatorSeparator: indicatorSeparatorCSS,
-  input: inputCSS,
-  loadingIndicator: loadingIndicatorCSS,
-  loadingMessage: loadingMessageCSS,
-  menu: menuCSS,
-  menuList: menuListCSS,
-  menuPortal: menuPortalCSS,
-  multiValue: multiValueCSS,
-  multiValueLabel: multiValueLabelCSS,
-  multiValueRemove: multiValueRemoveCSS,
-  noOptionsMessage: noOptionsMessageCSS,
-  option: optionCSS,
-  placeholder: placeholderCSS,
-  singleValue: css,
-  valueContainer: valueContainerCSS
-};
-var colors = {
-  primary: "#2684FF",
-  primary75: "#4C9AFF",
-  primary50: "#B2D4FF",
-  primary25: "#DEEBFF",
-  danger: "#DE350B",
-  dangerLight: "#FFBDAD",
-  neutral0: "hsl(0, 0%, 100%)",
-  neutral5: "hsl(0, 0%, 95%)",
-  neutral10: "hsl(0, 0%, 90%)",
-  neutral20: "hsl(0, 0%, 80%)",
-  neutral30: "hsl(0, 0%, 70%)",
-  neutral40: "hsl(0, 0%, 60%)",
-  neutral50: "hsl(0, 0%, 50%)",
-  neutral60: "hsl(0, 0%, 40%)",
-  neutral70: "hsl(0, 0%, 30%)",
-  neutral80: "hsl(0, 0%, 20%)",
-  neutral90: "hsl(0, 0%, 10%)"
-};
-var borderRadius = 4;
-var baseUnit = 4;
-var controlHeight = 38;
-var menuGutter = baseUnit * 2;
-var spacing = {
-  baseUnit,
-  controlHeight,
-  menuGutter
-};
-var defaultTheme = {
-  borderRadius,
-  colors,
-  spacing
-};
-var defaultProps = {
-  "aria-live": "polite",
-  backspaceRemovesValue: true,
-  blurInputOnSelect: isTouchCapable(),
-  captureMenuScroll: !isTouchCapable(),
-  classNames: {},
-  closeMenuOnSelect: true,
-  closeMenuOnScroll: false,
-  components: {},
-  controlShouldRenderValue: true,
-  escapeClearsValue: false,
-  filterOption: createFilter(),
-  formatGroupLabel,
-  getOptionLabel: getOptionLabel$1,
-  getOptionValue: getOptionValue$1,
-  isDisabled: false,
-  isLoading: false,
-  isMulti: false,
-  isRtl: false,
-  isSearchable: true,
-  isOptionDisabled,
-  loadingMessage: function loadingMessage() {
-    return "Loading...";
-  },
-  maxMenuHeight: 300,
-  minMenuHeight: 140,
-  menuIsOpen: false,
-  menuPlacement: "bottom",
-  menuPosition: "absolute",
-  menuShouldBlockScroll: false,
-  menuShouldScrollIntoView: !isMobileDevice(),
-  noOptionsMessage: function noOptionsMessage() {
-    return "No options";
-  },
-  openMenuOnFocus: false,
-  openMenuOnClick: true,
-  options: [],
-  pageSize: 5,
-  placeholder: "Select...",
-  screenReaderStatus: function screenReaderStatus(_ref3) {
-    var count = _ref3.count;
-    return "".concat(count, " result").concat(count !== 1 ? "s" : "", " available");
-  },
-  styles: {},
-  tabIndex: 0,
-  tabSelectsValue: true,
-  unstyled: false
-};
-function toCategorizedOption(props, option, selectValue, index) {
-  var isDisabled = _isOptionDisabled(props, option, selectValue);
-  var isSelected = _isOptionSelected(props, option, selectValue);
-  var label = getOptionLabel2(props, option);
-  var value = getOptionValue2(props, option);
-  return {
-    type: "option",
-    data: option,
-    isDisabled,
-    isSelected,
-    label,
-    value,
-    index
-  };
-}
-function buildCategorizedOptions(props, selectValue) {
-  return props.options.map(function(groupOrOption, groupOrOptionIndex) {
-    if ("options" in groupOrOption) {
-      var categorizedOptions = groupOrOption.options.map(function(option, optionIndex) {
-        return toCategorizedOption(props, option, selectValue, optionIndex);
-      }).filter(function(categorizedOption2) {
-        return isFocusable(props, categorizedOption2);
-      });
-      return categorizedOptions.length > 0 ? {
-        type: "group",
-        data: groupOrOption,
-        options: categorizedOptions,
-        index: groupOrOptionIndex
-      } : void 0;
-    }
-    var categorizedOption = toCategorizedOption(props, groupOrOption, selectValue, groupOrOptionIndex);
-    return isFocusable(props, categorizedOption) ? categorizedOption : void 0;
-  }).filter(notNullish);
-}
-function buildFocusableOptionsFromCategorizedOptions(categorizedOptions) {
-  return categorizedOptions.reduce(function(optionsAccumulator, categorizedOption) {
-    if (categorizedOption.type === "group") {
-      optionsAccumulator.push.apply(optionsAccumulator, _toConsumableArray(categorizedOption.options.map(function(option) {
-        return option.data;
-      })));
-    } else {
-      optionsAccumulator.push(categorizedOption.data);
-    }
-    return optionsAccumulator;
-  }, []);
-}
-function buildFocusableOptionsWithIds(categorizedOptions, optionId) {
-  return categorizedOptions.reduce(function(optionsAccumulator, categorizedOption) {
-    if (categorizedOption.type === "group") {
-      optionsAccumulator.push.apply(optionsAccumulator, _toConsumableArray(categorizedOption.options.map(function(option) {
-        return {
-          data: option.data,
-          id: "".concat(optionId, "-").concat(categorizedOption.index, "-").concat(option.index)
-        };
-      })));
-    } else {
-      optionsAccumulator.push({
-        data: categorizedOption.data,
-        id: "".concat(optionId, "-").concat(categorizedOption.index)
-      });
-    }
-    return optionsAccumulator;
-  }, []);
-}
-function buildFocusableOptions(props, selectValue) {
-  return buildFocusableOptionsFromCategorizedOptions(buildCategorizedOptions(props, selectValue));
-}
-function isFocusable(props, categorizedOption) {
-  var _props$inputValue = props.inputValue, inputValue = _props$inputValue === void 0 ? "" : _props$inputValue;
-  var data = categorizedOption.data, isSelected = categorizedOption.isSelected, label = categorizedOption.label, value = categorizedOption.value;
-  return (!shouldHideSelectedOptions(props) || !isSelected) && _filterOption(props, {
-    label,
-    value,
-    data
-  }, inputValue);
-}
-function getNextFocusedValue(state, nextSelectValue) {
-  var focusedValue = state.focusedValue, lastSelectValue = state.selectValue;
-  var lastFocusedIndex = lastSelectValue.indexOf(focusedValue);
-  if (lastFocusedIndex > -1) {
-    var nextFocusedIndex = nextSelectValue.indexOf(focusedValue);
-    if (nextFocusedIndex > -1) {
-      return focusedValue;
-    } else if (lastFocusedIndex < nextSelectValue.length) {
-      return nextSelectValue[lastFocusedIndex];
-    }
-  }
-  return null;
-}
-function getNextFocusedOption(state, options) {
-  var lastFocusedOption = state.focusedOption;
-  return lastFocusedOption && options.indexOf(lastFocusedOption) > -1 ? lastFocusedOption : options[0];
-}
-var getFocusedOptionId = function getFocusedOptionId2(focusableOptionsWithIds, focusedOption) {
-  var _focusableOptionsWith;
-  var focusedOptionId = (_focusableOptionsWith = focusableOptionsWithIds.find(function(option) {
-    return option.data === focusedOption;
-  })) === null || _focusableOptionsWith === void 0 ? void 0 : _focusableOptionsWith.id;
-  return focusedOptionId || null;
-};
-var getOptionLabel2 = function getOptionLabel3(props, data) {
-  return props.getOptionLabel(data);
-};
-var getOptionValue2 = function getOptionValue3(props, data) {
-  return props.getOptionValue(data);
-};
-function _isOptionDisabled(props, option, selectValue) {
-  return typeof props.isOptionDisabled === "function" ? props.isOptionDisabled(option, selectValue) : false;
-}
-function _isOptionSelected(props, option, selectValue) {
-  if (selectValue.indexOf(option) > -1) return true;
-  if (typeof props.isOptionSelected === "function") {
-    return props.isOptionSelected(option, selectValue);
-  }
-  var candidate = getOptionValue2(props, option);
-  return selectValue.some(function(i) {
-    return getOptionValue2(props, i) === candidate;
-  });
-}
-function _filterOption(props, option, inputValue) {
-  return props.filterOption ? props.filterOption(option, inputValue) : true;
-}
-var shouldHideSelectedOptions = function shouldHideSelectedOptions2(props) {
-  var hideSelectedOptions = props.hideSelectedOptions, isMulti = props.isMulti;
-  if (hideSelectedOptions === void 0) return isMulti;
-  return hideSelectedOptions;
-};
-var instanceId = 1;
-var Select = /* @__PURE__ */ (function(_Component) {
-  _inherits(Select2, _Component);
-  var _super = _createSuper(Select2);
-  function Select2(_props) {
-    var _this;
-    _classCallCheck(this, Select2);
-    _this = _super.call(this, _props);
-    _this.state = {
-      ariaSelection: null,
-      focusedOption: null,
-      focusedOptionId: null,
-      focusableOptionsWithIds: [],
-      focusedValue: null,
-      inputIsHidden: false,
-      isFocused: false,
-      selectValue: [],
-      clearFocusValueOnUpdate: false,
-      prevWasFocused: false,
-      inputIsHiddenAfterUpdate: void 0,
-      prevProps: void 0,
-      instancePrefix: "",
-      isAppleDevice: false
-    };
-    _this.blockOptionHover = false;
-    _this.isComposing = false;
-    _this.commonProps = void 0;
-    _this.initialTouchX = 0;
-    _this.initialTouchY = 0;
-    _this.openAfterFocus = false;
-    _this.scrollToFocusedOptionOnUpdate = false;
-    _this.userIsDragging = void 0;
-    _this.controlRef = null;
-    _this.getControlRef = function(ref) {
-      _this.controlRef = ref;
-    };
-    _this.focusedOptionRef = null;
-    _this.getFocusedOptionRef = function(ref) {
-      _this.focusedOptionRef = ref;
-    };
-    _this.menuListRef = null;
-    _this.getMenuListRef = function(ref) {
-      _this.menuListRef = ref;
-    };
-    _this.inputRef = null;
-    _this.getInputRef = function(ref) {
-      _this.inputRef = ref;
-    };
-    _this.focus = _this.focusInput;
-    _this.blur = _this.blurInput;
-    _this.onChange = function(newValue, actionMeta) {
-      var _this$props = _this.props, onChange2 = _this$props.onChange, name = _this$props.name;
-      actionMeta.name = name;
-      _this.ariaOnChange(newValue, actionMeta);
-      onChange2(newValue, actionMeta);
-    };
-    _this.setValue = function(newValue, action, option) {
-      var _this$props2 = _this.props, closeMenuOnSelect = _this$props2.closeMenuOnSelect, isMulti = _this$props2.isMulti, inputValue = _this$props2.inputValue;
-      _this.onInputChange("", {
-        action: "set-value",
-        prevInputValue: inputValue
-      });
-      if (closeMenuOnSelect) {
-        _this.setState({
-          inputIsHiddenAfterUpdate: !isMulti
-        });
-        _this.onMenuClose();
-      }
-      _this.setState({
-        clearFocusValueOnUpdate: true
-      });
-      _this.onChange(newValue, {
-        action,
-        option
-      });
-    };
-    _this.selectOption = function(newValue) {
-      var _this$props3 = _this.props, blurInputOnSelect = _this$props3.blurInputOnSelect, isMulti = _this$props3.isMulti, name = _this$props3.name;
-      var selectValue = _this.state.selectValue;
-      var deselected = isMulti && _this.isOptionSelected(newValue, selectValue);
-      var isDisabled = _this.isOptionDisabled(newValue, selectValue);
-      if (deselected) {
-        var candidate = _this.getOptionValue(newValue);
-        _this.setValue(multiValueAsValue(selectValue.filter(function(i) {
-          return _this.getOptionValue(i) !== candidate;
-        })), "deselect-option", newValue);
-      } else if (!isDisabled) {
-        if (isMulti) {
-          _this.setValue(multiValueAsValue([].concat(_toConsumableArray(selectValue), [newValue])), "select-option", newValue);
-        } else {
-          _this.setValue(singleValueAsValue(newValue), "select-option");
-        }
-      } else {
-        _this.ariaOnChange(singleValueAsValue(newValue), {
-          action: "select-option",
-          option: newValue,
-          name
-        });
-        return;
-      }
-      if (blurInputOnSelect) {
-        _this.blurInput();
-      }
-    };
-    _this.removeValue = function(removedValue) {
-      var isMulti = _this.props.isMulti;
-      var selectValue = _this.state.selectValue;
-      var candidate = _this.getOptionValue(removedValue);
-      var newValueArray = selectValue.filter(function(i) {
-        return _this.getOptionValue(i) !== candidate;
-      });
-      var newValue = valueTernary(isMulti, newValueArray, newValueArray[0] || null);
-      _this.onChange(newValue, {
-        action: "remove-value",
-        removedValue
-      });
-      _this.focusInput();
-    };
-    _this.clearValue = function() {
-      var selectValue = _this.state.selectValue;
-      _this.onChange(valueTernary(_this.props.isMulti, [], null), {
-        action: "clear",
-        removedValues: selectValue
-      });
-    };
-    _this.popValue = function() {
-      var isMulti = _this.props.isMulti;
-      var selectValue = _this.state.selectValue;
-      var lastSelectedValue = selectValue[selectValue.length - 1];
-      var newValueArray = selectValue.slice(0, selectValue.length - 1);
-      var newValue = valueTernary(isMulti, newValueArray, newValueArray[0] || null);
-      if (lastSelectedValue) {
-        _this.onChange(newValue, {
-          action: "pop-value",
-          removedValue: lastSelectedValue
-        });
-      }
-    };
-    _this.getFocusedOptionId = function(focusedOption) {
-      return getFocusedOptionId(_this.state.focusableOptionsWithIds, focusedOption);
-    };
-    _this.getFocusableOptionsWithIds = function() {
-      return buildFocusableOptionsWithIds(buildCategorizedOptions(_this.props, _this.state.selectValue), _this.getElementId("option"));
-    };
-    _this.getValue = function() {
-      return _this.state.selectValue;
-    };
-    _this.cx = function() {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      return classNames.apply(void 0, [_this.props.classNamePrefix].concat(args));
-    };
-    _this.getOptionLabel = function(data) {
-      return getOptionLabel2(_this.props, data);
-    };
-    _this.getOptionValue = function(data) {
-      return getOptionValue2(_this.props, data);
-    };
-    _this.getStyles = function(key, props) {
-      var unstyled = _this.props.unstyled;
-      var base = defaultStyles[key](props, unstyled);
-      base.boxSizing = "border-box";
-      var custom = _this.props.styles[key];
-      return custom ? custom(base, props) : base;
-    };
-    _this.getClassNames = function(key, props) {
-      var _this$props$className, _this$props$className2;
-      return (_this$props$className = (_this$props$className2 = _this.props.classNames)[key]) === null || _this$props$className === void 0 ? void 0 : _this$props$className.call(_this$props$className2, props);
-    };
-    _this.getElementId = function(element) {
-      return "".concat(_this.state.instancePrefix, "-").concat(element);
-    };
-    _this.getComponents = function() {
-      return defaultComponents(_this.props);
-    };
-    _this.buildCategorizedOptions = function() {
-      return buildCategorizedOptions(_this.props, _this.state.selectValue);
-    };
-    _this.getCategorizedOptions = function() {
-      return _this.props.menuIsOpen ? _this.buildCategorizedOptions() : [];
-    };
-    _this.buildFocusableOptions = function() {
-      return buildFocusableOptionsFromCategorizedOptions(_this.buildCategorizedOptions());
-    };
-    _this.getFocusableOptions = function() {
-      return _this.props.menuIsOpen ? _this.buildFocusableOptions() : [];
-    };
-    _this.ariaOnChange = function(value, actionMeta) {
-      _this.setState({
-        ariaSelection: _objectSpread2({
-          value
-        }, actionMeta)
-      });
-    };
-    _this.onMenuMouseDown = function(event) {
-      if (event.button !== 0) {
-        return;
-      }
-      event.stopPropagation();
-      event.preventDefault();
-      _this.focusInput();
-    };
-    _this.onMenuMouseMove = function(event) {
-      _this.blockOptionHover = false;
-    };
-    _this.onControlMouseDown = function(event) {
-      if (event.defaultPrevented) {
-        return;
-      }
-      var openMenuOnClick = _this.props.openMenuOnClick;
-      if (!_this.state.isFocused) {
-        if (openMenuOnClick) {
-          _this.openAfterFocus = true;
-        }
-        _this.focusInput();
-      } else if (!_this.props.menuIsOpen) {
-        if (openMenuOnClick) {
-          _this.openMenu("first");
-        }
-      } else {
-        if (event.target.tagName !== "INPUT" && event.target.tagName !== "TEXTAREA") {
-          _this.onMenuClose();
-        }
-      }
-      if (event.target.tagName !== "INPUT" && event.target.tagName !== "TEXTAREA") {
-        event.preventDefault();
-      }
-    };
-    _this.onDropdownIndicatorMouseDown = function(event) {
-      if (event && event.type === "mousedown" && event.button !== 0) {
-        return;
-      }
-      if (_this.props.isDisabled) return;
-      var _this$props4 = _this.props, isMulti = _this$props4.isMulti, menuIsOpen = _this$props4.menuIsOpen;
-      _this.focusInput();
-      if (menuIsOpen) {
-        _this.setState({
-          inputIsHiddenAfterUpdate: !isMulti
-        });
-        _this.onMenuClose();
-      } else {
-        _this.openMenu("first");
-      }
-      event.preventDefault();
-    };
-    _this.onClearIndicatorMouseDown = function(event) {
-      if (event && event.type === "mousedown" && event.button !== 0) {
-        return;
-      }
-      _this.clearValue();
-      event.preventDefault();
-      _this.openAfterFocus = false;
-      if (event.type === "touchend") {
-        _this.focusInput();
-      } else {
-        setTimeout(function() {
-          return _this.focusInput();
-        });
-      }
-    };
-    _this.onScroll = function(event) {
-      if (typeof _this.props.closeMenuOnScroll === "boolean") {
-        if (event.target instanceof HTMLElement && isDocumentElement(event.target)) {
-          _this.props.onMenuClose();
-        }
-      } else if (typeof _this.props.closeMenuOnScroll === "function") {
-        if (_this.props.closeMenuOnScroll(event)) {
-          _this.props.onMenuClose();
-        }
-      }
-    };
-    _this.onCompositionStart = function() {
-      _this.isComposing = true;
-    };
-    _this.onCompositionEnd = function() {
-      _this.isComposing = false;
-    };
-    _this.onTouchStart = function(_ref22) {
-      var touches = _ref22.touches;
-      var touch = touches && touches.item(0);
-      if (!touch) {
-        return;
-      }
-      _this.initialTouchX = touch.clientX;
-      _this.initialTouchY = touch.clientY;
-      _this.userIsDragging = false;
-    };
-    _this.onTouchMove = function(_ref3) {
-      var touches = _ref3.touches;
-      var touch = touches && touches.item(0);
-      if (!touch) {
-        return;
-      }
-      var deltaX = Math.abs(touch.clientX - _this.initialTouchX);
-      var deltaY = Math.abs(touch.clientY - _this.initialTouchY);
-      var moveThreshold = 5;
-      _this.userIsDragging = deltaX > moveThreshold || deltaY > moveThreshold;
-    };
-    _this.onTouchEnd = function(event) {
-      if (_this.userIsDragging) return;
-      if (_this.controlRef && !_this.controlRef.contains(event.target) && _this.menuListRef && !_this.menuListRef.contains(event.target)) {
-        _this.blurInput();
-      }
-      _this.initialTouchX = 0;
-      _this.initialTouchY = 0;
-    };
-    _this.onControlTouchEnd = function(event) {
-      if (_this.userIsDragging) return;
-      _this.onControlMouseDown(event);
-    };
-    _this.onClearIndicatorTouchEnd = function(event) {
-      if (_this.userIsDragging) return;
-      _this.onClearIndicatorMouseDown(event);
-    };
-    _this.onDropdownIndicatorTouchEnd = function(event) {
-      if (_this.userIsDragging) return;
-      _this.onDropdownIndicatorMouseDown(event);
-    };
-    _this.handleInputChange = function(event) {
-      var prevInputValue = _this.props.inputValue;
-      var inputValue = event.currentTarget.value;
-      _this.setState({
-        inputIsHiddenAfterUpdate: false
-      });
-      _this.onInputChange(inputValue, {
-        action: "input-change",
-        prevInputValue
-      });
-      if (!_this.props.menuIsOpen) {
-        _this.onMenuOpen();
-      }
-    };
-    _this.onInputFocus = function(event) {
-      if (_this.props.onFocus) {
-        _this.props.onFocus(event);
-      }
-      _this.setState({
-        inputIsHiddenAfterUpdate: false,
-        isFocused: true
-      });
-      if (_this.openAfterFocus || _this.props.openMenuOnFocus) {
-        _this.openMenu("first");
-      }
-      _this.openAfterFocus = false;
-    };
-    _this.onInputBlur = function(event) {
-      var prevInputValue = _this.props.inputValue;
-      if (_this.menuListRef && _this.menuListRef.contains(document.activeElement)) {
-        _this.inputRef.focus();
-        return;
-      }
-      if (_this.props.onBlur) {
-        _this.props.onBlur(event);
-      }
-      _this.onInputChange("", {
-        action: "input-blur",
-        prevInputValue
-      });
-      _this.onMenuClose();
-      _this.setState({
-        focusedValue: null,
-        isFocused: false
-      });
-    };
-    _this.onOptionHover = function(focusedOption) {
-      if (_this.blockOptionHover || _this.state.focusedOption === focusedOption) {
-        return;
-      }
-      var options = _this.getFocusableOptions();
-      var focusedOptionIndex = options.indexOf(focusedOption);
-      _this.setState({
-        focusedOption,
-        focusedOptionId: focusedOptionIndex > -1 ? _this.getFocusedOptionId(focusedOption) : null
-      });
-    };
-    _this.shouldHideSelectedOptions = function() {
-      return shouldHideSelectedOptions(_this.props);
-    };
-    _this.onValueInputFocus = function(e) {
-      e.preventDefault();
-      e.stopPropagation();
-      _this.focus();
-    };
-    _this.onKeyDown = function(event) {
-      var _this$props5 = _this.props, isMulti = _this$props5.isMulti, backspaceRemovesValue = _this$props5.backspaceRemovesValue, escapeClearsValue = _this$props5.escapeClearsValue, inputValue = _this$props5.inputValue, isClearable = _this$props5.isClearable, isDisabled = _this$props5.isDisabled, menuIsOpen = _this$props5.menuIsOpen, onKeyDown = _this$props5.onKeyDown, tabSelectsValue = _this$props5.tabSelectsValue, openMenuOnFocus = _this$props5.openMenuOnFocus;
-      var _this$state = _this.state, focusedOption = _this$state.focusedOption, focusedValue = _this$state.focusedValue, selectValue = _this$state.selectValue;
-      if (isDisabled) return;
-      if (typeof onKeyDown === "function") {
-        onKeyDown(event);
-        if (event.defaultPrevented) {
-          return;
-        }
-      }
-      _this.blockOptionHover = true;
-      switch (event.key) {
-        case "ArrowLeft":
-          if (!isMulti || inputValue) return;
-          _this.focusValue("previous");
-          break;
-        case "ArrowRight":
-          if (!isMulti || inputValue) return;
-          _this.focusValue("next");
-          break;
-        case "Delete":
-        case "Backspace":
-          if (inputValue) return;
-          if (focusedValue) {
-            _this.removeValue(focusedValue);
-          } else {
-            if (!backspaceRemovesValue) return;
-            if (isMulti) {
-              _this.popValue();
-            } else if (isClearable) {
-              _this.clearValue();
-            }
-          }
-          break;
-        case "Tab":
-          if (_this.isComposing) return;
-          if (event.shiftKey || !menuIsOpen || !tabSelectsValue || !focusedOption || // don't capture the event if the menu opens on focus and the focused
-          // option is already selected; it breaks the flow of navigation
-          openMenuOnFocus && _this.isOptionSelected(focusedOption, selectValue)) {
-            return;
-          }
-          _this.selectOption(focusedOption);
-          break;
-        case "Enter":
-          if (event.keyCode === 229) {
-            break;
-          }
-          if (menuIsOpen) {
-            if (!focusedOption) return;
-            if (_this.isComposing) return;
-            _this.selectOption(focusedOption);
-            break;
-          }
-          return;
-        case "Escape":
-          if (menuIsOpen) {
-            _this.setState({
-              inputIsHiddenAfterUpdate: false
-            });
-            _this.onInputChange("", {
-              action: "menu-close",
-              prevInputValue: inputValue
-            });
-            _this.onMenuClose();
-          } else if (isClearable && escapeClearsValue) {
-            _this.clearValue();
-          }
-          break;
-        case " ":
-          if (inputValue) {
-            return;
-          }
-          if (!menuIsOpen) {
-            _this.openMenu("first");
-            break;
-          }
-          if (!focusedOption) return;
-          _this.selectOption(focusedOption);
-          break;
-        case "ArrowUp":
-          if (menuIsOpen) {
-            _this.focusOption("up");
-          } else {
-            _this.openMenu("last");
-          }
-          break;
-        case "ArrowDown":
-          if (menuIsOpen) {
-            _this.focusOption("down");
-          } else {
-            _this.openMenu("first");
-          }
-          break;
-        case "PageUp":
-          if (!menuIsOpen) return;
-          _this.focusOption("pageup");
-          break;
-        case "PageDown":
-          if (!menuIsOpen) return;
-          _this.focusOption("pagedown");
-          break;
-        case "Home":
-          if (!menuIsOpen) return;
-          _this.focusOption("first");
-          break;
-        case "End":
-          if (!menuIsOpen) return;
-          _this.focusOption("last");
-          break;
-        default:
-          return;
-      }
-      event.preventDefault();
-    };
-    _this.state.instancePrefix = "react-select-" + (_this.props.instanceId || ++instanceId);
-    _this.state.selectValue = cleanValue(_props.value);
-    if (_props.menuIsOpen && _this.state.selectValue.length) {
-      var focusableOptionsWithIds = _this.getFocusableOptionsWithIds();
-      var focusableOptions = _this.buildFocusableOptions();
-      var optionIndex = focusableOptions.indexOf(_this.state.selectValue[0]);
-      _this.state.focusableOptionsWithIds = focusableOptionsWithIds;
-      _this.state.focusedOption = focusableOptions[optionIndex];
-      _this.state.focusedOptionId = getFocusedOptionId(focusableOptionsWithIds, focusableOptions[optionIndex]);
-    }
-    return _this;
-  }
-  _createClass(Select2, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.startListeningComposition();
-      this.startListeningToTouch();
-      if (this.props.closeMenuOnScroll && document && document.addEventListener) {
-        document.addEventListener("scroll", this.onScroll, true);
-      }
-      if (this.props.autoFocus) {
-        this.focusInput();
-      }
-      if (this.props.menuIsOpen && this.state.focusedOption && this.menuListRef && this.focusedOptionRef) {
-        scrollIntoView(this.menuListRef, this.focusedOptionRef);
-      }
-      if (isAppleDevice()) {
-        this.setState({
-          isAppleDevice: true
-        });
-      }
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this$props6 = this.props, isDisabled = _this$props6.isDisabled, menuIsOpen = _this$props6.menuIsOpen;
-      var isFocused = this.state.isFocused;
-      if (
-        // ensure focus is restored correctly when the control becomes enabled
-        isFocused && !isDisabled && prevProps.isDisabled || // ensure focus is on the Input when the menu opens
-        isFocused && menuIsOpen && !prevProps.menuIsOpen
-      ) {
-        this.focusInput();
-      }
-      if (isFocused && isDisabled && !prevProps.isDisabled) {
-        this.setState({
-          isFocused: false
-        }, this.onMenuClose);
-      } else if (!isFocused && !isDisabled && prevProps.isDisabled && this.inputRef === document.activeElement) {
-        this.setState({
-          isFocused: true
-        });
-      }
-      if (this.menuListRef && this.focusedOptionRef && this.scrollToFocusedOptionOnUpdate) {
-        scrollIntoView(this.menuListRef, this.focusedOptionRef);
-        this.scrollToFocusedOptionOnUpdate = false;
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.stopListeningComposition();
-      this.stopListeningToTouch();
-      document.removeEventListener("scroll", this.onScroll, true);
-    }
-    // ==============================
-    // Consumer Handlers
-    // ==============================
-  }, {
-    key: "onMenuOpen",
-    value: function onMenuOpen() {
-      this.props.onMenuOpen();
-    }
-  }, {
-    key: "onMenuClose",
-    value: function onMenuClose() {
-      this.onInputChange("", {
-        action: "menu-close",
-        prevInputValue: this.props.inputValue
-      });
-      this.props.onMenuClose();
-    }
-  }, {
-    key: "onInputChange",
-    value: function onInputChange(newValue, actionMeta) {
-      this.props.onInputChange(newValue, actionMeta);
-    }
-    // ==============================
-    // Methods
-    // ==============================
-  }, {
-    key: "focusInput",
-    value: function focusInput() {
-      if (!this.inputRef) return;
-      this.inputRef.focus();
-    }
-  }, {
-    key: "blurInput",
-    value: function blurInput() {
-      if (!this.inputRef) return;
-      this.inputRef.blur();
-    }
-    // aliased for consumers
-  }, {
-    key: "openMenu",
-    value: function openMenu(focusOption) {
-      var _this2 = this;
-      var _this$state2 = this.state, selectValue = _this$state2.selectValue, isFocused = _this$state2.isFocused;
-      var focusableOptions = this.buildFocusableOptions();
-      var openAtIndex = focusOption === "first" ? 0 : focusableOptions.length - 1;
-      if (!this.props.isMulti) {
-        var selectedIndex = focusableOptions.indexOf(selectValue[0]);
-        if (selectedIndex > -1) {
-          openAtIndex = selectedIndex;
-        }
-      }
-      this.scrollToFocusedOptionOnUpdate = !(isFocused && this.menuListRef);
-      this.setState({
-        inputIsHiddenAfterUpdate: false,
-        focusedValue: null,
-        focusedOption: focusableOptions[openAtIndex],
-        focusedOptionId: this.getFocusedOptionId(focusableOptions[openAtIndex])
-      }, function() {
-        return _this2.onMenuOpen();
-      });
-    }
-  }, {
-    key: "focusValue",
-    value: function focusValue(direction) {
-      var _this$state3 = this.state, selectValue = _this$state3.selectValue, focusedValue = _this$state3.focusedValue;
-      if (!this.props.isMulti) return;
-      this.setState({
-        focusedOption: null
-      });
-      var focusedIndex = selectValue.indexOf(focusedValue);
-      if (!focusedValue) {
-        focusedIndex = -1;
-      }
-      var lastIndex = selectValue.length - 1;
-      var nextFocus = -1;
-      if (!selectValue.length) return;
-      switch (direction) {
-        case "previous":
-          if (focusedIndex === 0) {
-            nextFocus = 0;
-          } else if (focusedIndex === -1) {
-            nextFocus = lastIndex;
-          } else {
-            nextFocus = focusedIndex - 1;
-          }
-          break;
-        case "next":
-          if (focusedIndex > -1 && focusedIndex < lastIndex) {
-            nextFocus = focusedIndex + 1;
-          }
-          break;
-      }
-      this.setState({
-        inputIsHidden: nextFocus !== -1,
-        focusedValue: selectValue[nextFocus]
-      });
-    }
-  }, {
-    key: "focusOption",
-    value: function focusOption() {
-      var direction = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "first";
-      var pageSize = this.props.pageSize;
-      var focusedOption = this.state.focusedOption;
-      var options = this.getFocusableOptions();
-      if (!options.length) return;
-      var nextFocus = 0;
-      var focusedIndex = options.indexOf(focusedOption);
-      if (!focusedOption) {
-        focusedIndex = -1;
-      }
-      if (direction === "up") {
-        nextFocus = focusedIndex > 0 ? focusedIndex - 1 : options.length - 1;
-      } else if (direction === "down") {
-        nextFocus = (focusedIndex + 1) % options.length;
-      } else if (direction === "pageup") {
-        nextFocus = focusedIndex - pageSize;
-        if (nextFocus < 0) nextFocus = 0;
-      } else if (direction === "pagedown") {
-        nextFocus = focusedIndex + pageSize;
-        if (nextFocus > options.length - 1) nextFocus = options.length - 1;
-      } else if (direction === "last") {
-        nextFocus = options.length - 1;
-      }
-      this.scrollToFocusedOptionOnUpdate = true;
-      this.setState({
-        focusedOption: options[nextFocus],
-        focusedValue: null,
-        focusedOptionId: this.getFocusedOptionId(options[nextFocus])
-      });
-    }
-  }, {
-    key: "getTheme",
-    value: (
-      // ==============================
-      // Getters
-      // ==============================
-      function getTheme() {
-        if (!this.props.theme) {
-          return defaultTheme;
-        }
-        if (typeof this.props.theme === "function") {
-          return this.props.theme(defaultTheme);
-        }
-        return _objectSpread2(_objectSpread2({}, defaultTheme), this.props.theme);
-      }
-    )
-  }, {
-    key: "getCommonProps",
-    value: function getCommonProps() {
-      var clearValue = this.clearValue, cx = this.cx, getStyles = this.getStyles, getClassNames = this.getClassNames, getValue = this.getValue, selectOption = this.selectOption, setValue = this.setValue, props = this.props;
-      var isMulti = props.isMulti, isRtl = props.isRtl, options = props.options;
-      var hasValue = this.hasValue();
-      return {
-        clearValue,
-        cx,
-        getStyles,
-        getClassNames,
-        getValue,
-        hasValue,
-        isMulti,
-        isRtl,
-        options,
-        selectOption,
-        selectProps: props,
-        setValue,
-        theme: this.getTheme()
-      };
-    }
-  }, {
-    key: "hasValue",
-    value: function hasValue() {
-      var selectValue = this.state.selectValue;
-      return selectValue.length > 0;
-    }
-  }, {
-    key: "hasOptions",
-    value: function hasOptions() {
-      return !!this.getFocusableOptions().length;
-    }
-  }, {
-    key: "isClearable",
-    value: function isClearable() {
-      var _this$props7 = this.props, isClearable2 = _this$props7.isClearable, isMulti = _this$props7.isMulti;
-      if (isClearable2 === void 0) return isMulti;
-      return isClearable2;
-    }
-  }, {
-    key: "isOptionDisabled",
-    value: function isOptionDisabled3(option, selectValue) {
-      return _isOptionDisabled(this.props, option, selectValue);
-    }
-  }, {
-    key: "isOptionSelected",
-    value: function isOptionSelected(option, selectValue) {
-      return _isOptionSelected(this.props, option, selectValue);
-    }
-  }, {
-    key: "filterOption",
-    value: function filterOption(option, inputValue) {
-      return _filterOption(this.props, option, inputValue);
-    }
-  }, {
-    key: "formatOptionLabel",
-    value: function formatOptionLabel(data, context) {
-      if (typeof this.props.formatOptionLabel === "function") {
-        var _inputValue = this.props.inputValue;
-        var _selectValue = this.state.selectValue;
-        return this.props.formatOptionLabel(data, {
-          context,
-          inputValue: _inputValue,
-          selectValue: _selectValue
-        });
-      } else {
-        return this.getOptionLabel(data);
-      }
-    }
-  }, {
-    key: "formatGroupLabel",
-    value: function formatGroupLabel3(data) {
-      return this.props.formatGroupLabel(data);
-    }
-    // ==============================
-    // Mouse Handlers
-    // ==============================
-  }, {
-    key: "startListeningComposition",
-    value: (
-      // ==============================
-      // Composition Handlers
-      // ==============================
-      function startListeningComposition() {
-        if (document && document.addEventListener) {
-          document.addEventListener("compositionstart", this.onCompositionStart, false);
-          document.addEventListener("compositionend", this.onCompositionEnd, false);
-        }
-      }
-    )
-  }, {
-    key: "stopListeningComposition",
-    value: function stopListeningComposition() {
-      if (document && document.removeEventListener) {
-        document.removeEventListener("compositionstart", this.onCompositionStart);
-        document.removeEventListener("compositionend", this.onCompositionEnd);
-      }
-    }
-  }, {
-    key: "startListeningToTouch",
-    value: (
-      // ==============================
-      // Touch Handlers
-      // ==============================
-      function startListeningToTouch() {
-        if (document && document.addEventListener) {
-          document.addEventListener("touchstart", this.onTouchStart, false);
-          document.addEventListener("touchmove", this.onTouchMove, false);
-          document.addEventListener("touchend", this.onTouchEnd, false);
-        }
-      }
-    )
-  }, {
-    key: "stopListeningToTouch",
-    value: function stopListeningToTouch() {
-      if (document && document.removeEventListener) {
-        document.removeEventListener("touchstart", this.onTouchStart);
-        document.removeEventListener("touchmove", this.onTouchMove);
-        document.removeEventListener("touchend", this.onTouchEnd);
-      }
-    }
-  }, {
-    key: "renderInput",
-    value: (
-      // ==============================
-      // Renderers
-      // ==============================
-      function renderInput() {
-        var _this$props8 = this.props, isDisabled = _this$props8.isDisabled, isSearchable = _this$props8.isSearchable, inputId = _this$props8.inputId, inputValue = _this$props8.inputValue, tabIndex = _this$props8.tabIndex, form = _this$props8.form, menuIsOpen = _this$props8.menuIsOpen, required = _this$props8.required;
-        var _this$getComponents = this.getComponents(), Input = _this$getComponents.Input;
-        var _this$state4 = this.state, inputIsHidden = _this$state4.inputIsHidden, ariaSelection = _this$state4.ariaSelection;
-        var commonProps = this.commonProps;
-        var id = inputId || this.getElementId("input");
-        var ariaAttributes = _objectSpread2(_objectSpread2(_objectSpread2({
-          "aria-autocomplete": "list",
-          "aria-expanded": menuIsOpen,
-          "aria-haspopup": true,
-          "aria-errormessage": this.props["aria-errormessage"],
-          "aria-invalid": this.props["aria-invalid"],
-          "aria-label": this.props["aria-label"],
-          "aria-labelledby": this.props["aria-labelledby"],
-          "aria-required": required,
-          role: "combobox",
-          "aria-activedescendant": this.state.isAppleDevice ? void 0 : this.state.focusedOptionId || ""
-        }, menuIsOpen && {
-          "aria-controls": this.getElementId("listbox")
-        }), !isSearchable && {
-          "aria-readonly": true
-        }), this.hasValue() ? (ariaSelection === null || ariaSelection === void 0 ? void 0 : ariaSelection.action) === "initial-input-focus" && {
-          "aria-describedby": this.getElementId("live-region")
-        } : {
-          "aria-describedby": this.getElementId("placeholder")
-        });
-        if (!isSearchable) {
-          return /* @__PURE__ */ React.createElement(DummyInput, _extends({
-            id,
-            innerRef: this.getInputRef,
-            onBlur: this.onInputBlur,
-            onChange: noop,
-            onFocus: this.onInputFocus,
-            disabled: isDisabled,
-            tabIndex,
-            inputMode: "none",
-            form,
-            value: ""
-          }, ariaAttributes));
-        }
-        return /* @__PURE__ */ React.createElement(Input, _extends({}, commonProps, {
-          autoCapitalize: "none",
-          autoComplete: "off",
-          autoCorrect: "off",
-          id,
-          innerRef: this.getInputRef,
-          isDisabled,
-          isHidden: inputIsHidden,
-          onBlur: this.onInputBlur,
-          onChange: this.handleInputChange,
-          onFocus: this.onInputFocus,
-          spellCheck: "false",
-          tabIndex,
-          form,
-          type: "text",
-          value: inputValue
-        }, ariaAttributes));
-      }
-    )
-  }, {
-    key: "renderPlaceholderOrValue",
-    value: function renderPlaceholderOrValue() {
-      var _this3 = this;
-      var _this$getComponents2 = this.getComponents(), MultiValue = _this$getComponents2.MultiValue, MultiValueContainer = _this$getComponents2.MultiValueContainer, MultiValueLabel = _this$getComponents2.MultiValueLabel, MultiValueRemove = _this$getComponents2.MultiValueRemove, SingleValue = _this$getComponents2.SingleValue, Placeholder = _this$getComponents2.Placeholder;
-      var commonProps = this.commonProps;
-      var _this$props9 = this.props, controlShouldRenderValue = _this$props9.controlShouldRenderValue, isDisabled = _this$props9.isDisabled, isMulti = _this$props9.isMulti, inputValue = _this$props9.inputValue, placeholder = _this$props9.placeholder;
-      var _this$state5 = this.state, selectValue = _this$state5.selectValue, focusedValue = _this$state5.focusedValue, isFocused = _this$state5.isFocused;
-      if (!this.hasValue() || !controlShouldRenderValue) {
-        return inputValue ? null : /* @__PURE__ */ React.createElement(Placeholder, _extends({}, commonProps, {
-          key: "placeholder",
-          isDisabled,
-          isFocused,
-          innerProps: {
-            id: this.getElementId("placeholder")
-          }
-        }), placeholder);
-      }
-      if (isMulti) {
-        return selectValue.map(function(opt, index) {
-          var isOptionFocused = opt === focusedValue;
-          var key = "".concat(_this3.getOptionLabel(opt), "-").concat(_this3.getOptionValue(opt));
-          return /* @__PURE__ */ React.createElement(MultiValue, _extends({}, commonProps, {
-            components: {
-              Container: MultiValueContainer,
-              Label: MultiValueLabel,
-              Remove: MultiValueRemove
-            },
-            isFocused: isOptionFocused,
-            isDisabled,
-            key,
-            index,
-            removeProps: {
-              onClick: function onClick() {
-                return _this3.removeValue(opt);
-              },
-              onTouchEnd: function onTouchEnd() {
-                return _this3.removeValue(opt);
-              },
-              onMouseDown: function onMouseDown(e) {
-                e.preventDefault();
-              }
-            },
-            data: opt
-          }), _this3.formatOptionLabel(opt, "value"));
-        });
-      }
-      if (inputValue) {
-        return null;
-      }
-      var singleValue = selectValue[0];
-      return /* @__PURE__ */ React.createElement(SingleValue, _extends({}, commonProps, {
-        data: singleValue,
-        isDisabled
-      }), this.formatOptionLabel(singleValue, "value"));
-    }
-  }, {
-    key: "renderClearIndicator",
-    value: function renderClearIndicator() {
-      var _this$getComponents3 = this.getComponents(), ClearIndicator = _this$getComponents3.ClearIndicator;
-      var commonProps = this.commonProps;
-      var _this$props10 = this.props, isDisabled = _this$props10.isDisabled, isLoading = _this$props10.isLoading;
-      var isFocused = this.state.isFocused;
-      if (!this.isClearable() || !ClearIndicator || isDisabled || !this.hasValue() || isLoading) {
-        return null;
-      }
-      var innerProps = {
-        onMouseDown: this.onClearIndicatorMouseDown,
-        onTouchEnd: this.onClearIndicatorTouchEnd,
-        "aria-hidden": "true"
-      };
-      return /* @__PURE__ */ React.createElement(ClearIndicator, _extends({}, commonProps, {
-        innerProps,
-        isFocused
-      }));
-    }
-  }, {
-    key: "renderLoadingIndicator",
-    value: function renderLoadingIndicator() {
-      var _this$getComponents4 = this.getComponents(), LoadingIndicator = _this$getComponents4.LoadingIndicator;
-      var commonProps = this.commonProps;
-      var _this$props11 = this.props, isDisabled = _this$props11.isDisabled, isLoading = _this$props11.isLoading;
-      var isFocused = this.state.isFocused;
-      if (!LoadingIndicator || !isLoading) return null;
-      var innerProps = {
-        "aria-hidden": "true"
-      };
-      return /* @__PURE__ */ React.createElement(LoadingIndicator, _extends({}, commonProps, {
-        innerProps,
-        isDisabled,
-        isFocused
-      }));
-    }
-  }, {
-    key: "renderIndicatorSeparator",
-    value: function renderIndicatorSeparator() {
-      var _this$getComponents5 = this.getComponents(), DropdownIndicator = _this$getComponents5.DropdownIndicator, IndicatorSeparator = _this$getComponents5.IndicatorSeparator;
-      if (!DropdownIndicator || !IndicatorSeparator) return null;
-      var commonProps = this.commonProps;
-      var isDisabled = this.props.isDisabled;
-      var isFocused = this.state.isFocused;
-      return /* @__PURE__ */ React.createElement(IndicatorSeparator, _extends({}, commonProps, {
-        isDisabled,
-        isFocused
-      }));
-    }
-  }, {
-    key: "renderDropdownIndicator",
-    value: function renderDropdownIndicator() {
-      var _this$getComponents6 = this.getComponents(), DropdownIndicator = _this$getComponents6.DropdownIndicator;
-      if (!DropdownIndicator) return null;
-      var commonProps = this.commonProps;
-      var isDisabled = this.props.isDisabled;
-      var isFocused = this.state.isFocused;
-      var innerProps = {
-        onMouseDown: this.onDropdownIndicatorMouseDown,
-        onTouchEnd: this.onDropdownIndicatorTouchEnd,
-        "aria-hidden": "true"
-      };
-      return /* @__PURE__ */ React.createElement(DropdownIndicator, _extends({}, commonProps, {
-        innerProps,
-        isDisabled,
-        isFocused
-      }));
-    }
-  }, {
-    key: "renderMenu",
-    value: function renderMenu() {
-      var _this4 = this;
-      var _this$getComponents7 = this.getComponents(), Group = _this$getComponents7.Group, GroupHeading = _this$getComponents7.GroupHeading, Menu = _this$getComponents7.Menu, MenuList = _this$getComponents7.MenuList, MenuPortal = _this$getComponents7.MenuPortal, LoadingMessage = _this$getComponents7.LoadingMessage, NoOptionsMessage = _this$getComponents7.NoOptionsMessage, Option = _this$getComponents7.Option;
-      var commonProps = this.commonProps;
-      var focusedOption = this.state.focusedOption;
-      var _this$props12 = this.props, captureMenuScroll = _this$props12.captureMenuScroll, inputValue = _this$props12.inputValue, isLoading = _this$props12.isLoading, loadingMessage2 = _this$props12.loadingMessage, minMenuHeight = _this$props12.minMenuHeight, maxMenuHeight = _this$props12.maxMenuHeight, menuIsOpen = _this$props12.menuIsOpen, menuPlacement = _this$props12.menuPlacement, menuPosition = _this$props12.menuPosition, menuPortalTarget = _this$props12.menuPortalTarget, menuShouldBlockScroll = _this$props12.menuShouldBlockScroll, menuShouldScrollIntoView = _this$props12.menuShouldScrollIntoView, noOptionsMessage2 = _this$props12.noOptionsMessage, onMenuScrollToTop = _this$props12.onMenuScrollToTop, onMenuScrollToBottom = _this$props12.onMenuScrollToBottom;
-      if (!menuIsOpen) return null;
-      var render = function render2(props, id) {
-        var type = props.type, data = props.data, isDisabled = props.isDisabled, isSelected = props.isSelected, label = props.label, value = props.value;
-        var isFocused = focusedOption === data;
-        var onHover = isDisabled ? void 0 : function() {
-          return _this4.onOptionHover(data);
-        };
-        var onSelect = isDisabled ? void 0 : function() {
-          return _this4.selectOption(data);
-        };
-        var optionId = "".concat(_this4.getElementId("option"), "-").concat(id);
-        var innerProps = {
-          id: optionId,
-          onClick: onSelect,
-          onMouseMove: onHover,
-          onMouseOver: onHover,
-          tabIndex: -1,
-          role: "option",
-          "aria-selected": _this4.state.isAppleDevice ? void 0 : isSelected
-          // is not supported on Apple devices
-        };
-        return /* @__PURE__ */ React.createElement(Option, _extends({}, commonProps, {
-          innerProps,
-          data,
-          isDisabled,
-          isSelected,
-          key: optionId,
-          label,
-          type,
-          value,
-          isFocused,
-          innerRef: isFocused ? _this4.getFocusedOptionRef : void 0
-        }), _this4.formatOptionLabel(props.data, "menu"));
-      };
-      var menuUI;
-      if (this.hasOptions()) {
-        menuUI = this.getCategorizedOptions().map(function(item) {
-          if (item.type === "group") {
-            var _data = item.data, options = item.options, groupIndex = item.index;
-            var groupId = "".concat(_this4.getElementId("group"), "-").concat(groupIndex);
-            var headingId = "".concat(groupId, "-heading");
-            return /* @__PURE__ */ React.createElement(Group, _extends({}, commonProps, {
-              key: groupId,
-              data: _data,
-              options,
-              Heading: GroupHeading,
-              headingProps: {
-                id: headingId,
-                data: item.data
-              },
-              label: _this4.formatGroupLabel(item.data)
-            }), item.options.map(function(option) {
-              return render(option, "".concat(groupIndex, "-").concat(option.index));
-            }));
-          } else if (item.type === "option") {
-            return render(item, "".concat(item.index));
-          }
-        });
-      } else if (isLoading) {
-        var message = loadingMessage2({
-          inputValue
-        });
-        if (message === null) return null;
-        menuUI = /* @__PURE__ */ React.createElement(LoadingMessage, commonProps, message);
-      } else {
-        var _message = noOptionsMessage2({
-          inputValue
-        });
-        if (_message === null) return null;
-        menuUI = /* @__PURE__ */ React.createElement(NoOptionsMessage, commonProps, _message);
-      }
-      var menuPlacementProps = {
-        minMenuHeight,
-        maxMenuHeight,
-        menuPlacement,
-        menuPosition,
-        menuShouldScrollIntoView
-      };
-      var menuElement = /* @__PURE__ */ React.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.createElement(Menu, _extends({}, commonProps, menuPlacementProps, {
-          innerRef: ref,
-          innerProps: {
-            onMouseDown: _this4.onMenuMouseDown,
-            onMouseMove: _this4.onMenuMouseMove
-          },
-          isLoading,
-          placement
-        }), /* @__PURE__ */ React.createElement(ScrollManager, {
-          captureEnabled: captureMenuScroll,
-          onTopArrive: onMenuScrollToTop,
-          onBottomArrive: onMenuScrollToBottom,
-          lockEnabled: menuShouldBlockScroll
-        }, function(scrollTargetRef) {
-          return /* @__PURE__ */ React.createElement(MenuList, _extends({}, commonProps, {
-            innerRef: function innerRef(instance) {
-              _this4.getMenuListRef(instance);
-              scrollTargetRef(instance);
-            },
-            innerProps: {
-              role: "listbox",
-              "aria-multiselectable": commonProps.isMulti,
-              id: _this4.getElementId("listbox")
-            },
-            isLoading,
-            maxHeight,
-            focusedOption
-          }), menuUI);
-        }));
-      });
-      return menuPortalTarget || menuPosition === "fixed" ? /* @__PURE__ */ React.createElement(MenuPortal, _extends({}, commonProps, {
-        appendTo: menuPortalTarget,
-        controlElement: this.controlRef,
-        menuPlacement,
-        menuPosition
-      }), menuElement) : menuElement;
-    }
-  }, {
-    key: "renderFormField",
-    value: function renderFormField() {
-      var _this5 = this;
-      var _this$props13 = this.props, delimiter = _this$props13.delimiter, isDisabled = _this$props13.isDisabled, isMulti = _this$props13.isMulti, name = _this$props13.name, required = _this$props13.required;
-      var selectValue = this.state.selectValue;
-      if (required && !this.hasValue() && !isDisabled) {
-        return /* @__PURE__ */ React.createElement(RequiredInput$1, {
-          name,
-          onFocus: this.onValueInputFocus
-        });
-      }
-      if (!name || isDisabled) return;
-      if (isMulti) {
-        if (delimiter) {
-          var value = selectValue.map(function(opt) {
-            return _this5.getOptionValue(opt);
-          }).join(delimiter);
-          return /* @__PURE__ */ React.createElement("input", {
-            name,
-            type: "hidden",
-            value
-          });
-        } else {
-          var input = selectValue.length > 0 ? selectValue.map(function(opt, i) {
-            return /* @__PURE__ */ React.createElement("input", {
-              key: "i-".concat(i),
-              name,
-              type: "hidden",
-              value: _this5.getOptionValue(opt)
-            });
-          }) : /* @__PURE__ */ React.createElement("input", {
-            name,
-            type: "hidden",
-            value: ""
-          });
-          return /* @__PURE__ */ React.createElement("div", null, input);
-        }
-      } else {
-        var _value = selectValue[0] ? this.getOptionValue(selectValue[0]) : "";
-        return /* @__PURE__ */ React.createElement("input", {
-          name,
-          type: "hidden",
-          value: _value
-        });
-      }
-    }
-  }, {
-    key: "renderLiveRegion",
-    value: function renderLiveRegion() {
-      var commonProps = this.commonProps;
-      var _this$state6 = this.state, ariaSelection = _this$state6.ariaSelection, focusedOption = _this$state6.focusedOption, focusedValue = _this$state6.focusedValue, isFocused = _this$state6.isFocused, selectValue = _this$state6.selectValue;
-      var focusableOptions = this.getFocusableOptions();
-      return /* @__PURE__ */ React.createElement(LiveRegion$1, _extends({}, commonProps, {
-        id: this.getElementId("live-region"),
-        ariaSelection,
-        focusedOption,
-        focusedValue,
-        isFocused,
-        selectValue,
-        focusableOptions,
-        isAppleDevice: this.state.isAppleDevice
-      }));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$getComponents8 = this.getComponents(), Control = _this$getComponents8.Control, IndicatorsContainer = _this$getComponents8.IndicatorsContainer, SelectContainer = _this$getComponents8.SelectContainer, ValueContainer = _this$getComponents8.ValueContainer;
-      var _this$props14 = this.props, className = _this$props14.className, id = _this$props14.id, isDisabled = _this$props14.isDisabled, menuIsOpen = _this$props14.menuIsOpen;
-      var isFocused = this.state.isFocused;
-      var commonProps = this.commonProps = this.getCommonProps();
-      return /* @__PURE__ */ React.createElement(SelectContainer, _extends({}, commonProps, {
-        className,
-        innerProps: {
-          id,
-          onKeyDown: this.onKeyDown
-        },
-        isDisabled,
-        isFocused
-      }), this.renderLiveRegion(), /* @__PURE__ */ React.createElement(Control, _extends({}, commonProps, {
-        innerRef: this.getControlRef,
-        innerProps: {
-          onMouseDown: this.onControlMouseDown,
-          onTouchEnd: this.onControlTouchEnd
-        },
-        isDisabled,
-        isFocused,
-        menuIsOpen
-      }), /* @__PURE__ */ React.createElement(ValueContainer, _extends({}, commonProps, {
-        isDisabled
-      }), this.renderPlaceholderOrValue(), this.renderInput()), /* @__PURE__ */ React.createElement(IndicatorsContainer, _extends({}, commonProps, {
-        isDisabled
-      }), this.renderClearIndicator(), this.renderLoadingIndicator(), this.renderIndicatorSeparator(), this.renderDropdownIndicator())), this.renderMenu(), this.renderFormField());
-    }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(props, state) {
-      var prevProps = state.prevProps, clearFocusValueOnUpdate = state.clearFocusValueOnUpdate, inputIsHiddenAfterUpdate = state.inputIsHiddenAfterUpdate, ariaSelection = state.ariaSelection, isFocused = state.isFocused, prevWasFocused = state.prevWasFocused, instancePrefix = state.instancePrefix;
-      var options = props.options, value = props.value, menuIsOpen = props.menuIsOpen, inputValue = props.inputValue, isMulti = props.isMulti;
-      var selectValue = cleanValue(value);
-      var newMenuOptionsState = {};
-      if (prevProps && (value !== prevProps.value || options !== prevProps.options || menuIsOpen !== prevProps.menuIsOpen || inputValue !== prevProps.inputValue)) {
-        var focusableOptions = menuIsOpen ? buildFocusableOptions(props, selectValue) : [];
-        var focusableOptionsWithIds = menuIsOpen ? buildFocusableOptionsWithIds(buildCategorizedOptions(props, selectValue), "".concat(instancePrefix, "-option")) : [];
-        var focusedValue = clearFocusValueOnUpdate ? getNextFocusedValue(state, selectValue) : null;
-        var focusedOption = getNextFocusedOption(state, focusableOptions);
-        var focusedOptionId = getFocusedOptionId(focusableOptionsWithIds, focusedOption);
-        newMenuOptionsState = {
-          selectValue,
-          focusedOption,
-          focusedOptionId,
-          focusableOptionsWithIds,
-          focusedValue,
-          clearFocusValueOnUpdate: false
-        };
-      }
-      var newInputIsHiddenState = inputIsHiddenAfterUpdate != null && props !== prevProps ? {
-        inputIsHidden: inputIsHiddenAfterUpdate,
-        inputIsHiddenAfterUpdate: void 0
-      } : {};
-      var newAriaSelection = ariaSelection;
-      var hasKeptFocus = isFocused && prevWasFocused;
-      if (isFocused && !hasKeptFocus) {
-        newAriaSelection = {
-          value: valueTernary(isMulti, selectValue, selectValue[0] || null),
-          options: selectValue,
-          action: "initial-input-focus"
-        };
-        hasKeptFocus = !prevWasFocused;
-      }
-      if ((ariaSelection === null || ariaSelection === void 0 ? void 0 : ariaSelection.action) === "initial-input-focus") {
-        newAriaSelection = null;
-      }
-      return _objectSpread2(_objectSpread2(_objectSpread2({}, newMenuOptionsState), newInputIsHiddenState), {}, {
-        prevProps: props,
-        ariaSelection: newAriaSelection,
-        prevWasFocused: hasKeptFocus
-      });
-    }
-  }]);
-  return Select2;
-})(Component);
-Select.defaultProps = defaultProps;
-export {
-  Select as S,
-  defaultProps as a,
-  getOptionLabel$1 as b,
-  createFilter as c,
-  defaultTheme as d,
-  getOptionValue$1 as g
-};