@splunk/react-ui 4.21.0 → 4.21.1

package/Select.js

@@ -1,2394 +1,2491 @@
-/******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	// The require scope
-/******/ 	var __webpack_require__ = {};
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/compat get default export */
-/******/ 	(() => {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = (module) => {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				() => (module['default']) :
-/******/ 				() => (module);
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-var __webpack_exports__ = {};
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  Divider: () => (/* reexport */ Menu_namespaceObject.Divider),
-  Heading: () => (/* reexport */ Menu_namespaceObject.Heading),
-  Option: () => (/* reexport */ Select_Option),
-  "default": () => (/* reexport */ Select_Select)
-});
-
-;// CONCATENATED MODULE: external "react"
-const external_react_namespaceObject = require("react");
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
-;// CONCATENATED MODULE: external "prop-types"
-const external_prop_types_namespaceObject = require("prop-types");
-var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/has"
-const has_namespaceObject = require("lodash/has");
-var has_default = /*#__PURE__*/__webpack_require__.n(has_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-const i18n_namespaceObject = require("@splunk/ui-utils/i18n");
-;// CONCATENATED MODULE: external "lodash/castArray"
-const castArray_namespaceObject = require("lodash/castArray");
-var castArray_default = /*#__PURE__*/__webpack_require__.n(castArray_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/find"
-const find_namespaceObject = require("lodash/find");
-var find_default = /*#__PURE__*/__webpack_require__.n(find_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/forEachRight"
-const forEachRight_namespaceObject = require("lodash/forEachRight");
-var forEachRight_default = /*#__PURE__*/__webpack_require__.n(forEachRight_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/includes"
-const includes_namespaceObject = require("lodash/includes");
-var includes_default = /*#__PURE__*/__webpack_require__.n(includes_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/isUndefined"
-const isUndefined_namespaceObject = require("lodash/isUndefined");
-var isUndefined_default = /*#__PURE__*/__webpack_require__.n(isUndefined_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/keys"
-const keys_namespaceObject = require("lodash/keys");
-var keys_default = /*#__PURE__*/__webpack_require__.n(keys_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/memoize"
-const memoize_namespaceObject = require("lodash/memoize");
-var memoize_default = /*#__PURE__*/__webpack_require__.n(memoize_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/omit"
-const omit_namespaceObject = require("lodash/omit");
-var omit_default = /*#__PURE__*/__webpack_require__.n(omit_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/pick"
-const pick_namespaceObject = require("lodash/pick");
-var pick_default = /*#__PURE__*/__webpack_require__.n(pick_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/uniq"
-const uniq_namespaceObject = require("lodash/uniq");
-var uniq_default = /*#__PURE__*/__webpack_require__.n(uniq_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/without"
-const without_namespaceObject = require("lodash/without");
-var without_default = /*#__PURE__*/__webpack_require__.n(without_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/ui-utils/id"
-const id_namespaceObject = require("@splunk/ui-utils/id");
-;// CONCATENATED MODULE: external "@splunk/react-ui/Menu"
-const Menu_namespaceObject = require("@splunk/react-ui/Menu");
-;// CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
-const Dropdown_namespaceObject = require("@splunk/react-ui/Dropdown");
-var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-const keyboard_namespaceObject = require("@splunk/ui-utils/keyboard");
-;// CONCATENATED MODULE: external "@splunk/ui-utils/filter"
-const filter_namespaceObject = require("@splunk/ui-utils/filter");
-;// CONCATENATED MODULE: external "@splunk/react-ui/Link"
-const Link_namespaceObject = require("@splunk/react-ui/Link");
-var Link_default = /*#__PURE__*/__webpack_require__.n(Link_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
-const ResultsMenu_namespaceObject = require("@splunk/react-ui/ResultsMenu");
-var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/react-ui/Text"
-const Text_namespaceObject = require("@splunk/react-ui/Text");
-var Text_default = /*#__PURE__*/__webpack_require__.n(Text_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
-const CaretSmallDown_namespaceObject = require("@splunk/react-icons/CaretSmallDown");
-var CaretSmallDown_default = /*#__PURE__*/__webpack_require__.n(CaretSmallDown_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Caret"
-const Caret_namespaceObject = require("@splunk/react-icons/enterprise/Caret");
-var Caret_default = /*#__PURE__*/__webpack_require__.n(Caret_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/themes"
-const themes_namespaceObject = require("@splunk/themes");
-;// CONCATENATED MODULE: ./src/Select/icons/CaretSmallDown.tsx
-
-
-
-
-
-var CaretSmallDownIcon = function CaretSmallDownIcon() {
-  var _useSplunkTheme = (0,themes_namespaceObject.useSplunkTheme)(),
-      isEnterprise = _useSplunkTheme.isEnterprise;
-
-  var familyCaretSmallDownIcon = isEnterprise ? /*#__PURE__*/external_react_default().createElement((Caret_default()), {
-    screenReaderText: null,
-    hideDefaultTooltip: true,
-    size: 0.5
-  }) : /*#__PURE__*/external_react_default().createElement((CaretSmallDown_default()), null);
-  return familyCaretSmallDownIcon;
-};
-
-/* harmony default export */ const CaretSmallDown = (CaretSmallDownIcon);
-;// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Search"
-const Search_namespaceObject = require("@splunk/react-icons/enterprise/Search");
-var Search_default = /*#__PURE__*/__webpack_require__.n(Search_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
-const Magnifier_namespaceObject = require("@splunk/react-icons/Magnifier");
-var Magnifier_default = /*#__PURE__*/__webpack_require__.n(Magnifier_namespaceObject);
-;// CONCATENATED MODULE: ./src/Select/icons/Search.tsx
-
-
-
-
-
-
-var Search = function Search() {
-  var _useSplunkTheme = (0,themes_namespaceObject.useSplunkTheme)(),
-      isEnterprise = _useSplunkTheme.isEnterprise,
-      isCompact = _useSplunkTheme.isCompact;
-
-  var screenReaderText = (0,i18n_namespaceObject._)('Search');
-
-  var prismaSize = isCompact ? '20px' : '24px';
-  var familyIcon = isEnterprise ? /*#__PURE__*/external_react_default().createElement((Search_default()), {
-    role: "presentation",
-    size: "16px",
-    screenReaderText: screenReaderText,
-    hideDefaultTooltip: true
-  }) : /*#__PURE__*/external_react_default().createElement((Magnifier_default()), {
-    role: "presentation",
-    "aria-label": screenReaderText,
-    width: prismaSize,
-    height: prismaSize
-  });
-  return familyIcon;
-};
-
-/* harmony default export */ const icons_Search = (Search);
-;// CONCATENATED MODULE: ./src/Select/OptionBase.tsx
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-
-
-
-var propTypes = {
-  /** @private */
-  active: (external_prop_types_default()).bool,
-  children: (external_prop_types_default()).node,
-  description: (external_prop_types_default()).string,
-  descriptionPosition: external_prop_types_default().oneOf(['right', 'bottom']),
-  disabled: (external_prop_types_default()).bool,
-  hidden: (external_prop_types_default()).bool,
-  icon: (external_prop_types_default()).node,
-  label: (external_prop_types_default()).string.isRequired,
-
-  /**
+/******/ (() => {
+    // webpackBootstrap
+    /******/ "use strict";
+    /******/ // The require scope
+    /******/    var e = {};
+    /******/
+    /************************************************************************/
+    /******/ /* webpack/runtime/compat get default export */
+    /******/    (() => {
+        /******/ // getDefaultExport function for compatibility with non-harmony modules
+        /******/ e.n = t => {
+            /******/ var n = t && t.__esModule ? 
+            /******/ () => t["default"]
+            /******/ : () => t
+            /******/;
+            e.d(n, {
+                a: n
+            });
+            /******/            return n;
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/define property getters */
+    /******/    (() => {
+        /******/ // define getter functions for harmony exports
+        /******/ e.d = (t, n) => {
+            /******/ for (var r in n) {
+                /******/ if (e.o(n, r) && !e.o(t, r)) {
+                    /******/ Object.defineProperty(t, r, {
+                        enumerable: true,
+                        get: n[r]
+                    });
+                    /******/                }
+                /******/            }
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/hasOwnProperty shorthand */
+    /******/    (() => {
+        /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
+        /******/;
+    })();
+    /******/
+    /******/ /* webpack/runtime/make namespace object */
+    /******/    (() => {
+        /******/ // define __esModule on exports
+        /******/ e.r = e => {
+            /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
+                /******/ Object.defineProperty(e, Symbol.toStringTag, {
+                    value: "Module"
+                });
+                /******/            }
+            /******/            Object.defineProperty(e, "__esModule", {
+                value: true
+            });
+            /******/        };
+        /******/    })();
+    /******/
+    /************************************************************************/    var t = {};
+    // ESM COMPAT FLAG
+        e.r(t);
+    // EXPORTS
+        e.d(t, {
+        Divider: () => /* reexport */ T.Divider,
+        Heading: () => /* reexport */ T.Heading,
+        Option: () => /* reexport */ nn,
+        default: () => /* reexport */ wn
+    });
+    // CONCATENATED MODULE: external "react"
+    const n = require("react");
+    var r =  e.n(n);
+    // CONCATENATED MODULE: external "prop-types"
+    const o = require("prop-types");
+    var a =  e.n(o);
+    // CONCATENATED MODULE: external "lodash/has"
+    const i = require("lodash/has");
+    var l =  e.n(i);
+    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+    const c = require("@splunk/ui-utils/i18n");
+    // CONCATENATED MODULE: external "lodash/castArray"
+    const s = require("lodash/castArray");
+    var u =  e.n(s);
+    // CONCATENATED MODULE: external "lodash/find"
+    const p = require("lodash/find");
+    var f =  e.n(p);
+    // CONCATENATED MODULE: external "lodash/forEachRight"
+    const d = require("lodash/forEachRight");
+    var v =  e.n(d);
+    // CONCATENATED MODULE: external "lodash/includes"
+    const h = require("lodash/includes");
+    var b =  e.n(h);
+    // CONCATENATED MODULE: external "lodash/isUndefined"
+    const y = require("lodash/isUndefined");
+    var m =  e.n(y);
+    // CONCATENATED MODULE: external "lodash/keys"
+    const g = require("lodash/keys");
+    var O =  e.n(g);
+    // CONCATENATED MODULE: external "lodash/memoize"
+    const S = require("lodash/memoize");
+    var w =  e.n(S);
+    // CONCATENATED MODULE: external "lodash/omit"
+    const k = require("lodash/omit");
+    var C =  e.n(k);
+    // CONCATENATED MODULE: external "lodash/pick"
+    const x = require("lodash/pick");
+    var I =  e.n(x);
+    // CONCATENATED MODULE: external "lodash/uniq"
+    const _ = require("lodash/uniq");
+    var A =  e.n(_);
+    // CONCATENATED MODULE: external "lodash/without"
+    const j = require("lodash/without");
+    var E =  e.n(j);
+    // CONCATENATED MODULE: external "@splunk/ui-utils/id"
+    const M = require("@splunk/ui-utils/id");
+    // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
+    const T = require("@splunk/react-ui/Menu");
+    // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
+    const P = require("@splunk/react-ui/Dropdown");
+    var V =  e.n(P);
+    // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
+    const R = require("@splunk/ui-utils/keyboard");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/filter"
+    const D = require("@splunk/ui-utils/filter");
+    // CONCATENATED MODULE: external "@splunk/react-ui/Link"
+    const q = require("@splunk/react-ui/Link");
+    var L =  e.n(q);
+    // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
+    const N = require("@splunk/react-ui/ResultsMenu");
+    var B =  e.n(N);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Text"
+    const K = require("@splunk/react-ui/Text");
+    var F =  e.n(K);
+    // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
+    const $ = require("@splunk/react-icons/CaretSmallDown");
+    var H =  e.n($);
+    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Caret"
+    const W = require("@splunk/react-icons/enterprise/Caret");
+    var z =  e.n(W);
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const U = require("@splunk/themes");
+    // CONCATENATED MODULE: ./src/Select/icons/CaretSmallDown.tsx
+    var G = function e() {
+        var t = (0, U.useSplunkTheme)(), n = t.isEnterprise;
+        var o = n ?  r().createElement(z(), {
+            screenReaderText: null,
+            hideDefaultTooltip: true,
+            size: .5
+        }) :  r().createElement(H(), null);
+        return o;
+    };
+    /* harmony default export */    const J = G;
+    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Search"
+    const Q = require("@splunk/react-icons/enterprise/Search");
+    var X =  e.n(Q);
+    // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
+    const Y = require("@splunk/react-icons/Magnifier");
+    var Z =  e.n(Y);
+    // CONCATENATED MODULE: ./src/Select/icons/Search.tsx
+    var ee = function e() {
+        var t = (0, U.useSplunkTheme)(), n = t.isEnterprise, o = t.isCompact;
+        var a = (0, c._)("Search");
+        var i = o ? "20px" : "24px";
+        var l = n ?  r().createElement(X(), {
+            role: "presentation",
+            size: "16px",
+            screenReaderText: a,
+            hideDefaultTooltip: true
+        }) :  r().createElement(Z(), {
+            role: "presentation",
+            "aria-label": a,
+            width: i,
+            height: i
+        });
+        return l;
+    };
+    /* harmony default export */    const te = ee;
+    // CONCATENATED MODULE: ./src/Select/OptionBase.tsx
+    function ne(e) {
+        "@babel/helpers - typeof";
+        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+            ne = function e(t) {
+                return typeof t;
+            };
+        } else {
+            ne = function e(t) {
+                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+            };
+        }
+        return ne(e);
+    }
+    function re() {
+        re = Object.assign || function(e) {
+            for (var t = 1; t < arguments.length; t++) {
+                var n = arguments[t];
+                for (var r in n) {
+                    if (Object.prototype.hasOwnProperty.call(n, r)) {
+                        e[r] = n[r];
+                    }
+                }
+            }
+            return e;
+        };
+        return re.apply(this, arguments);
+    }
+    function oe(e, t) {
+        if (e == null) return {};
+        var n = ae(e, t);
+        var r, o;
+        if (Object.getOwnPropertySymbols) {
+            var a = Object.getOwnPropertySymbols(e);
+            for (o = 0; o < a.length; o++) {
+                r = a[o];
+                if (t.indexOf(r) >= 0) continue;
+                if (!Object.prototype.propertyIsEnumerable.call(e, r)) continue;
+                n[r] = e[r];
+            }
+        }
+        return n;
+    }
+    function ae(e, t) {
+        if (e == null) return {};
+        var n = {};
+        var r = Object.keys(e);
+        var o, a;
+        for (a = 0; a < r.length; a++) {
+            o = r[a];
+            if (t.indexOf(o) >= 0) continue;
+            n[o] = e[o];
+        }
+        return n;
+    }
+    function ie(e, t) {
+        if (!(e instanceof t)) {
+            throw new TypeError("Cannot call a class as a function");
+        }
+    }
+    function le(e, t) {
+        for (var n = 0; n < t.length; n++) {
+            var r = t[n];
+            r.enumerable = r.enumerable || false;
+            r.configurable = true;
+            if ("value" in r) r.writable = true;
+            Object.defineProperty(e, r.key, r);
+        }
+    }
+    function ce(e, t, n) {
+        if (t) le(e.prototype, t);
+        if (n) le(e, n);
+        return e;
+    }
+    function se(e, t) {
+        if (typeof t !== "function" && t !== null) {
+            throw new TypeError("Super expression must either be null or a function");
+        }
+        e.prototype = Object.create(t && t.prototype, {
+            constructor: {
+                value: e,
+                writable: true,
+                configurable: true
+            }
+        });
+        if (t) ue(e, t);
+    }
+    function ue(e, t) {
+        ue = Object.setPrototypeOf || function e(t, n) {
+            t.__proto__ = n;
+            return t;
+        };
+        return ue(e, t);
+    }
+    function pe(e) {
+        var t = ve();
+        return function n() {
+            var r = he(e), o;
+            if (t) {
+                var a = he(this).constructor;
+                o = Reflect.construct(r, arguments, a);
+            } else {
+                o = r.apply(this, arguments);
+            }
+            return fe(this, o);
+        };
+    }
+    function fe(e, t) {
+        if (t && (ne(t) === "object" || typeof t === "function")) {
+            return t;
+        }
+        return de(e);
+    }
+    function de(e) {
+        if (e === void 0) {
+            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+        }
+        return e;
+    }
+    function ve() {
+        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+        if (Reflect.construct.sham) return false;
+        if (typeof Proxy === "function") return true;
+        try {
+            Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
+            return true;
+        } catch (e) {
+            return false;
+        }
+    }
+    function he(e) {
+        he = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+            return t.__proto__ || Object.getPrototypeOf(t);
+        };
+        return he(e);
+    }
+    function be(e, t, n) {
+        if (t in e) {
+            Object.defineProperty(e, t, {
+                value: n,
+                enumerable: true,
+                configurable: true,
+                writable: true
+            });
+        } else {
+            e[t] = n;
+        }
+        return e;
+    }
+    var ye = {
+        /** @private */
+        active: a().bool,
+        children: a().node,
+        description: a().string,
+        descriptionPosition: a().oneOf([ "right", "bottom" ]),
+        disabled: a().bool,
+        hidden: a().bool,
+        icon: a().node,
+        label: a().string.isRequired,
+        /**
    * @private Passed down from <BaseSelect>
    */
-  multiple: (external_prop_types_default()).bool,
-  matchRanges: external_prop_types_default().arrayOf(external_prop_types_default().shape({
-    start: (external_prop_types_default()).number.isRequired,
-    end: (external_prop_types_default()).number.isRequired
-  })),
-
-  /** @private */
-  onClick: (external_prop_types_default()).func,
-
-  /** @private */
-  selected: (external_prop_types_default()).bool,
-  truncate: (external_prop_types_default()).bool,
-  value: external_prop_types_default().oneOfType([(external_prop_types_default()).string, (external_prop_types_default()).number, (external_prop_types_default()).bool]).isRequired
-};
-var defaultProps = {
-  descriptionPosition: 'bottom',
-  disabled: false,
-  multiple: false,
-  selected: false,
-  truncate: false
-};
-
-/**
+        multiple: a().bool,
+        matchRanges: a().arrayOf(a().shape({
+            start: a().number.isRequired,
+            end: a().number.isRequired
+        })),
+        /** @private */
+        onClick: a().func,
+        /** @private */
+        selected: a().bool,
+        truncate: a().bool,
+        value: a().oneOfType([ a().string, a().number, a().bool ]).isRequired
+    };
+    var me = {
+        descriptionPosition: "bottom",
+        disabled: false,
+        multiple: false,
+        selected: false,
+        truncate: false
+    };
+    /**
  * An option within a `Multiselect`. This inherits from
  * [PureComponent](https://reactjs.org/docs/react-api.html#reactpurecomponent)
  * so any elements passed to it must also be pure.
- */
-var Option = /*#__PURE__*/function (_PureComponent) {
-  _inherits(Option, _PureComponent);
-
-  var _super = _createSuper(Option);
-
-  function Option() {
-    var _this;
-
-    _classCallCheck(this, Option);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "c", null);
-
-    _defineProperty(_assertThisInitialized(_this), "handleClick", function (e) {
-      var _this$props = _this.props,
-          onClick = _this$props.onClick,
-          value = _this$props.value,
-          disabled = _this$props.disabled;
-
-      if (!disabled) {
-        onClick === null || onClick === void 0 ? void 0 : onClick(e, {
-          value: value
-        });
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleMount", function (c) {
-      _this.c = c;
-    });
-
-    return _this;
-  }
-
-  _createClass(Option, [{
-    key: "scrollIntoViewIfNeeded",
-    value: function scrollIntoViewIfNeeded() {
-      var _this$c;
-
-      (_this$c = this.c) === null || _this$c === void 0 ? void 0 : _this$c.scrollIntoViewIfNeeded();
-    }
-    /**
+ */    var ge =  function(e) {
+        se(n, e);
+        var t = pe(n);
+        function n() {
+            var e;
+            ie(this, n);
+            for (var r = arguments.length, o = new Array(r), a = 0; a < r; a++) {
+                o[a] = arguments[a];
+            }
+            e = t.call.apply(t, [ this ].concat(o));
+            be(de(e), "c", null);
+            be(de(e), "handleClick", (function(t) {
+                var n = e.props, r = n.onClick, o = n.value, a = n.disabled;
+                if (!a) {
+                    r === null || r === void 0 ? void 0 : r(t, {
+                        value: o
+                    });
+                }
+            }));
+            be(de(e), "handleMount", (function(t) {
+                e.c = t;
+            }));
+            return e;
+        }
+        ce(n, [ {
+            key: "scrollIntoViewIfNeeded",
+            value: function e() {
+                var t;
+                (t = this.c) === null || t === void 0 ? void 0 : t.scrollIntoViewIfNeeded();
+            }
+            /**
      * Place focus on the button.
-     */
-
-  }, {
-    key: "focus",
-    value: function focus() {
-      var _this$c2;
-
-      (_this$c2 = this.c) === null || _this$c2 === void 0 ? void 0 : _this$c2.focus();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          value = _this$props2.value,
-          children = _this$props2.children,
-          label = _this$props2.label,
-          multiple = _this$props2.multiple,
-          otherProps = _objectWithoutProperties(_this$props2, ["value", "children", "label", "multiple"]);
-
-      return /*#__PURE__*/external_react_default().createElement(Menu_namespaceObject.Item, _extends({
-        "aria-selected": this.props.selected,
-        "data-test-value": value,
-        "data-test": "option",
-        ref: this.handleMount
-      }, otherProps, {
-        selectable: true,
-        selectableAppearance: multiple ? 'checkbox' : undefined,
-        onClick: this.handleClick,
-        role: "option",
-        value: value.toString()
-      }), children || label);
-    }
-  }]);
-
-  return Option;
-}(external_react_namespaceObject.PureComponent);
-
-_defineProperty(Option, "propTypes", propTypes);
-
-_defineProperty(Option, "defaultProps", defaultProps);
-
-_defineProperty(Option, "type", Menu_namespaceObject.Item);
-
-/* harmony default export */ const OptionBase = (Option);
-;// CONCATENATED MODULE: external "styled-components"
-const external_styled_components_namespaceObject = require("styled-components");
-var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
-const Clickable_namespaceObject = require("@splunk/react-ui/Clickable");
-var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/react-ui/Switch"
-const Switch_namespaceObject = require("@splunk/react-ui/Switch");
-var Switch_default = /*#__PURE__*/__webpack_require__.n(Switch_namespaceObject);
-;// CONCATENATED MODULE: ./src/Menu/ItemStyles.ts
-
-
-
-
-var itemDescription = (0,external_styled_components_namespaceObject.css)(["color:", ";font-size:", ";line-height:", ";overflow:inherit;white-space:inherit;text-overflow:inherit;"], (0,themes_namespaceObject.pick)({
-  prisma: themes_namespaceObject.variables.contentColorDefault,
-  enterprise: themes_namespaceObject.variables.textGray
-}), themes_namespaceObject.variables.fontSizeSmall, (0,themes_namespaceObject.pick)({
-  prisma: '16px'
-}));
-var StyledItemDescriptionBottom = external_styled_components_default().span.withConfig({
-  displayName: "ItemStyles__StyledItemDescriptionBottom",
-  componentId: "sc-4kc053-0"
-})(["", ";display:block;"], itemDescription);
-var StyledItemDescriptionRight = external_styled_components_default().span.withConfig({
-  displayName: "ItemStyles__StyledItemDescriptionRight",
-  componentId: "sc-4kc053-1"
-})(["", ";float:right;padding-left:", ";max-width:50%;text-align:right;box-sizing:border-box;"], itemDescription, themes_namespaceObject.variables.spacing);
-var StyledItemSelectedIcon = external_styled_components_default().div.withConfig({
-  displayName: "ItemStyles__StyledItemSelectedIcon",
-  componentId: "sc-4kc053-2"
-})(["position:absolute;", " color:", ";"], (0,themes_namespaceObject.pick)({
-  prisma: (0,external_styled_components_namespaceObject.css)(["right:16px;"]),
-  enterprise: (0,external_styled_components_namespaceObject.css)(["top:5px;right:3px;left:8px;"])
-}), (0,themes_namespaceObject.pick)({
-  prisma: themes_namespaceObject.variables.contentColorActive,
-  enterprise: themes_namespaceObject.variables.accentColorL10
-}));
-var StyledItemIcon = external_styled_components_default().span.withConfig({
-  displayName: "ItemStyles__StyledItemIcon",
-  componentId: "sc-4kc053-3"
-})(["flex:0 0 auto;padding-right:", ";min-width:10px;display:inline-block;text-align:center;vertical-align:", ";", ""], (0,themes_namespaceObject.pick)({
-  prisma: '8px',
-  enterprise: '3px'
-}), (0,themes_namespaceObject.pick)({
-  prisma: 'initial',
-  enterprise: 'middle'
-}), (0,themes_namespaceObject.pick)({
-  prisma: (0,external_styled_components_namespaceObject.css)(["color:", ";display:inline-flex;align-items:center;min-width:20px;min-height:20px;& > svg{width:20px;height:20px;}"], themes_namespaceObject.variables.contentColorMuted),
-  enterprise: (0,external_styled_components_namespaceObject.css)(["transform:translateY(-1px);"])
-}));
-var StyledClickable = external_styled_components_default()((Clickable_default())).withConfig({
-  displayName: "ItemStyles__StyledClickable",
-  componentId: "sc-4kc053-4"
-})(["display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;padding:", ";", " ", " ", " &:not([disabled]){&:hover{background:", ";", "}&:focus{outline:0;box-shadow:", ";", "}", " ", "}&[disabled]{color:", ";cursor:not-allowed;", ",", "{color:inherit;}", "{cursor:not-allowed;color:", ";}", "}", ""], (0,themes_namespaceObject.pick)({
-  prisma: themes_namespaceObject.variables.contentColorActive,
-  enterprise: {
-    dark: themes_namespaceObject.variables.gray96,
-    light: themes_namespaceObject.variables.gray22
-  }
-}), (0,themes_namespaceObject.pick)({
-  prisma: {
-    comfortable: '10px 16px',
-    compact: '6px 16px'
-  },
-  enterprise: '6px 10px'
-}), function (_ref) {
-  var $isSelectable = _ref.$isSelectable,
-      $selectableAppearance = _ref.$selectableAppearance;
-  return $isSelectable && (0,themes_namespaceObject.pick)({
-    prisma: (0,external_styled_components_namespaceObject.css)(["padding-right:44px;", ""], function () {
-      return $selectableAppearance === 'checkbox' && 'padding-left: 42px;';
-    }),
-    enterprise: (0,external_styled_components_namespaceObject.css)(["padding-right:10px;padding-left:", ";"], function () {
-      return $selectableAppearance === 'checkbox' ? '32px' : '28px';
-    })
-  });
-}, function (_ref2) {
-  var $active = _ref2.$active,
-      $preventFocus = _ref2.$preventFocus;
-  return $active && !$preventFocus && (0,external_styled_components_namespaceObject.css)(["box-shadow:", ";"], themes_namespaceObject.variables.focusShadowInset);
-}, function (_ref3) {
-  var $active = _ref3.$active;
-  return $active && (0,external_styled_components_namespaceObject.css)(["background:", ";font-weight:", ";"], (0,themes_namespaceObject.pick)({
-    enterprise: {
-      light: themes_namespaceObject.variables.gray92,
-      dark: themes_namespaceObject.variables.gray22
-    },
-    prisma: themes_namespaceObject.variables.neutral100
-  }), themes_namespaceObject.variables.fontWeightBold);
-}, (0,themes_namespaceObject.pick)({
-  prisma: themes_namespaceObject.variables.interactiveColorOverlayHover,
-  enterprise: themes_namespaceObject.variables.backgroundColorHover
-}), function (_ref4) {
-  var $selected = _ref4.$selected;
-  return $selected && (0,themes_namespaceObject.pick)({
-    prisma: (0,external_styled_components_namespaceObject.css)(["background:", ";"], themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.interactiveColorOverlaySelected, themes_namespaceObject.variables.interactiveColorOverlayHover))
-  });
-}, themes_namespaceObject.variables.focusShadowInset, (0,themes_namespaceObject.pick)({
-  prisma: (0,external_styled_components_namespaceObject.css)(["background:", ";"], themes_namespaceObject.variables.interactiveColorOverlayHover)
-}), (0,themes_namespaceObject.pick)({
-  prisma: (0,external_styled_components_namespaceObject.css)(["&:active{background:", ";}"], themes_namespaceObject.variables.interactiveColorOverlayActive)
-}), function (_ref5) {
-  var $selected = _ref5.$selected;
-  return $selected && (0,themes_namespaceObject.pick)({
-    prisma: (0,external_styled_components_namespaceObject.css)(["background:", ";&:active{background:", ";}"], themes_namespaceObject.variables.interactiveColorOverlaySelected, themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.interactiveColorOverlaySelected, themes_namespaceObject.variables.interactiveColorOverlayActive))
-  });
-}, (0,themes_namespaceObject.pick)({
-  enterprise: {
-    light: themes_namespaceObject.variables.gray45,
-    dark: themes_namespaceObject.variables.contentColorDisabled
-  },
-  prisma: themes_namespaceObject.variables.contentColorDisabled
-}),
-/* sc-sel */
-StyledItemDescriptionBottom,
-/* sc-sel */
-StyledItemDescriptionRight,
-/* sc-sel */
-StyledItemSelectedIcon, (0,themes_namespaceObject.pick)({
-  prisma: themes_namespaceObject.variables.contentColorDisabled,
-  enterprise: themes_namespaceObject.variables.gray80
-}), (0,themes_namespaceObject.pick)({
-  prisma: (0,external_styled_components_namespaceObject.css)(["& > * > ", "{color:", ";}"],
-  /* sc-sel */
-  StyledItemIcon, themes_namespaceObject.variables.contentColorDisabled)
-}), function (_ref6) {
-  var $selected = _ref6.$selected;
-  return $selected && (0,themes_namespaceObject.pick)({
-    prisma: (0,external_styled_components_namespaceObject.css)(["", "{color:", ";}"],
-    /* sc-sel */
-    StyledItemIcon, themes_namespaceObject.variables.contentColorActive)
-  });
-});
-var StyledSwitch = external_styled_components_default()((Switch_default())).withConfig({
-  displayName: "ItemStyles__StyledSwitch",
-  componentId: "sc-4kc053-5"
-})(["position:absolute;left:", ";top:", ";"], (0,themes_namespaceObject.pick)({
-  prisma: '16px',
-  enterprise: '8px'
-}), (0,themes_namespaceObject.pick)({
-  prisma: '0px',
-  enterprise: {
-    comfortable: '-1px',
-    compact: '2px'
-  }
-}));
-var StyledInnerWrapper = external_styled_components_default().span.withConfig({
-  displayName: "ItemStyles__StyledInnerWrapper",
-  componentId: "sc-4kc053-6"
-})(["display:flex;align-items:flex-start;"]);
-var StyledTitleAndDescriptionWrapper = external_styled_components_default().span.withConfig({
-  displayName: "ItemStyles__StyledTitleAndDescriptionWrapper",
-  componentId: "sc-4kc053-7"
-})(["max-width:100%;width:100%;align-self:center;word-break:break-word;white-space:normal;", ""], function (_ref7) {
-  var $truncate = _ref7.$truncate;
-  return $truncate && (0,external_styled_components_namespaceObject.css)(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);
-});
-var StyledLabel = external_styled_components_default().div.withConfig({
-  displayName: "ItemStyles__StyledLabel",
-  componentId: "sc-4kc053-8"
-})(["overflow:inherit;white-space:inherit;text-overflow:inherit;max-width:100%;min-height:20px;", ""], function (_ref8) {
-  var $truncate = _ref8.$truncate;
-  return $truncate && (0,external_styled_components_namespaceObject.css)(["display:block;clear:both;"]);
-});
-var StyledMatch = external_styled_components_default().span.withConfig({
-  displayName: "ItemStyles__StyledMatch",
-  componentId: "sc-4kc053-9"
-})(["border-bottom:1px solid ", ";"], (0,themes_namespaceObject.pick)({
-  prisma: themes_namespaceObject.variables.contentColorActive,
-  enterprise: {
-    dark: themes_namespaceObject.variables.gray96,
-    light: themes_namespaceObject.variables.gray45
-  }
-}));
-var StyledSubmenu = external_styled_components_default().span.withConfig({
-  displayName: "ItemStyles__StyledSubmenu",
-  componentId: "sc-4kc053-10"
-})(["float:right;padding-left:", ";color:", ";"], themes_namespaceObject.variables.spacingSmall, (0,themes_namespaceObject.pick)({
-  prisma: 'inherit',
-  enterprise: themes_namespaceObject.variables.textGray
-}));
-
-;// CONCATENATED MODULE: ./src/Select/SelectAllOptionStyles.ts
-
-
-
-
-var StyledSelectAllLabel = external_styled_components_default()(StyledLabel).withConfig({
-  displayName: "SelectAllOptionStyles__StyledSelectAllLabel",
-  componentId: "y6bn08-0"
-})(["font-weight:", ";"], themes_namespaceObject.variables.fontWeightBold);
-var StyledSelectAllOption = external_styled_components_default()(OptionBase).withConfig({
-  displayName: "SelectAllOptionStyles__StyledSelectAllOption",
-  componentId: "y6bn08-1"
-})(["padding-inline-start:", ";box-shadow:none;"], (0,themes_namespaceObject.pick)({
-  prisma: '42px;',
-  enterprise: '32px;'
-}));
-
-;// CONCATENATED MODULE: ./src/Select/SelectAllOption.tsx
-
-
-
-
-var SelectAllOption_propTypes = {
-  active: (external_prop_types_default()).bool,
-  elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
-  id: (external_prop_types_default()).string,
-  onClick: (external_prop_types_default()).func,
-  selectAllLabel: (external_prop_types_default()).string,
-  totalCount: (external_prop_types_default()).number,
-  changedToggle: (external_prop_types_default()).bool,
-  selected: external_prop_types_default().oneOf([false, true, 'some'])
-};
-var SelectAllOption = /*#__PURE__*/external_react_default().forwardRef(function (_ref, ref) {
-  var active = _ref.active,
-      id = _ref.id,
-      onClick = _ref.onClick,
-      selectAllLabel = _ref.selectAllLabel,
-      totalCount = _ref.totalCount,
-      changedToggle = _ref.changedToggle,
-      selected = _ref.selected;
-  // When toggle is changed the total count is not displayed anymore so the count is now shown in the Select All menu item
-  var totalCountDisplay = changedToggle ? " (".concat(totalCount === null || totalCount === void 0 ? void 0 : totalCount.toString(), ")") : '';
-  return /*#__PURE__*/external_react_default().createElement(StyledSelectAllOption, {
-    label: selectAllLabel,
-    value: "selectAll",
-    key: "selectAll",
-    onClick: onClick,
-    "data-test": "select-all",
-    "aria-keyshortcuts": "Control+A",
-    id: id,
-    active: active,
-    ref: ref,
-    tabIndex: -1
-  }, /*#__PURE__*/external_react_default().createElement(StyledSwitch, {
-    interactive: false,
-    selected: selected === 'some' && 'some' || selected,
-    key: "main-checkbox",
-    value: "main-checkbox",
-    appearance: "checkbox",
-    "aria-label": !selected && (0,i18n_namespaceObject._)('No options selected') || selected === 'some' && (0,i18n_namespaceObject._)('Some options selected') || (0,i18n_namespaceObject._)('All options selected'),
-    "data-test": "select-all-switch",
-    selectedLabel: selected === true ? (0,i18n_namespaceObject._)('All options selected') : (0,i18n_namespaceObject._)('Option selected'),
-    unselectedLabel: selected === true ? (0,i18n_namespaceObject._)('No options selected') : (0,i18n_namespaceObject._)('Option unselected'),
-    someSelectedLabel: (0,i18n_namespaceObject._)('Some options selected')
-  }), /*#__PURE__*/external_react_default().createElement(StyledItemDescriptionRight, {
-    "data-test": "description"
-  }, "".concat(totalCountDisplay, " Ctrl-a")), /*#__PURE__*/external_react_default().createElement(StyledInnerWrapper, null, /*#__PURE__*/external_react_default().createElement(StyledTitleAndDescriptionWrapper, {
-    $truncate: false
-  }, /*#__PURE__*/external_react_default().createElement(StyledSelectAllLabel, {
-    $truncate: false
-  }, selectAllLabel))));
-});
-SelectAllOption.propTypes = SelectAllOption_propTypes;
-/* harmony default export */ const Select_SelectAllOption = (SelectAllOption);
-;// CONCATENATED MODULE: external "@splunk/react-ui/Button"
-const Button_namespaceObject = require("@splunk/react-ui/Button");
-var Button_default = /*#__PURE__*/__webpack_require__.n(Button_namespaceObject);
-;// CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
-
-
-
-
-var StyledButton = external_styled_components_default()((Button_default())).withConfig({
-  displayName: "SelectBaseStyles__StyledButton",
-  componentId: "sc-16cj7sk-0"
-})(["&[data-inline]{width:", ";}", ""], function (_ref) {
-  var $multiple = _ref.$multiple;
-  return $multiple ? '400px' : 'auto';
-}, function (_ref2) {
-  var $multiple = _ref2.$multiple;
-  return !$multiple && 'flex-grow: 0;';
-});
-var StyledLinkIcon = external_styled_components_default().span.withConfig({
-  displayName: "SelectBaseStyles__StyledLinkIcon",
-  componentId: "sc-16cj7sk-1"
-})(["padding-right:2px;"]);
-var StyledLinkCaret = external_styled_components_default().span.withConfig({
-  displayName: "SelectBaseStyles__StyledLinkCaret",
-  componentId: "sc-16cj7sk-2"
-})(["padding-left:2px;"]);
-var StyledFilter = external_styled_components_default().div.withConfig({
-  displayName: "SelectBaseStyles__StyledFilter",
-  componentId: "sc-16cj7sk-3"
-})(["padding:", ";min-width:160px;"], (0,themes_namespaceObject.pick)({
-  enterprise: '8px',
-  prisma: '10px 16px'
-}));
-var StyledSearchIconWrapper = external_styled_components_default().span.withConfig({
-  displayName: "SelectBaseStyles__StyledSearchIconWrapper",
-  componentId: "sc-16cj7sk-4"
-})(["color:", ";pointer-events:none;padding:", ";"], (0,themes_namespaceObject.pick)({
-  enterprise: {
-    light: themes_namespaceObject.variables.gray60,
-    dark: themes_namespaceObject.variables.white
-  },
-  prisma: themes_namespaceObject.variables.contentColorMuted
-}), (0,themes_namespaceObject.pick)({
-  comfortable: '0 8px',
-  compact: '0 6px'
-}));
-var StyledCount = external_styled_components_default().span.withConfig({
-  displayName: "SelectBaseStyles__StyledCount",
-  componentId: "sc-16cj7sk-5"
-})(["padding-right:", ";"], (0,themes_namespaceObject.pick)({
-  enterprise: themes_namespaceObject.variables.spacingQuarter,
-  prisma: themes_namespaceObject.variables.spacingXSmall
-}));
-var StyledControlsLink = external_styled_components_default()((Link_default())).withConfig({
-  displayName: "SelectBaseStyles__StyledControlsLink",
-  componentId: "sc-16cj7sk-6"
-})(["margin-right:20px;", ";"], function (_ref3) {
-  var $disabled = _ref3.$disabled;
-  return $disabled && (0,external_styled_components_namespaceObject.css)(["color:", ";"], themes_namespaceObject.variables.contentColorDisabled);
-});
-var StyledToggleAllControls = external_styled_components_default().div.withConfig({
-  displayName: "SelectBaseStyles__StyledToggleAllControls",
-  componentId: "sc-16cj7sk-7"
-})(["padding:", ";", ""], (0,themes_namespaceObject.pick)({
-  enterprise: "5px 8px",
-  prisma: '10px 16px'
-}), (0,themes_namespaceObject.pickVariant)('$placement', {
-  above: {
-    enterprise: (0,external_styled_components_namespaceObject.css)(["border-top:", ";"], themes_namespaceObject.variables.border),
-    prisma: (0,external_styled_components_namespaceObject.css)(["border-top:1px solid ", ";"], themes_namespaceObject.variables.neutral200)
-  },
-  below: {
-    enterprise: (0,external_styled_components_namespaceObject.css)(["border-bottom:", ";"], themes_namespaceObject.variables.border),
-    prisma: (0,external_styled_components_namespaceObject.css)(["border-bottom:1px solid ", ";"], themes_namespaceObject.variables.neutral200)
-  }
-}));
-
-;// CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
-// A utility for matching keyboard characters to list values
-var charFromMatchOption = function charFromMatchOption(option, charIndex) {
-  return option ? option.label.charAt(charIndex).toLowerCase() : '';
-};
-
-var fuzzyMatch = function fuzzyMatch(options, matchChar) {
-  if (!options.length) {
-    return options;
-  }
-
-  var defaultMatch = null;
-  var hasMatch = false;
-  var matches = options.filter(function (option) {
-    var characterValue = charFromMatchOption(option, matchChar.index);
-
-    if (characterValue === matchChar.value) {
-      hasMatch = true;
-      return true;
-    } // If we haven't found a match yet, keep track of the next closest match.
-    // Secondary matching looks for the closest character of a higher value, and failing that, closest of a lower value.
-
-
-    if (!hasMatch) {
-      var defaultValue = charFromMatchOption(defaultMatch, matchChar.index);
-
-      if (!defaultValue) {
-        defaultMatch = option;
-      } else if (characterValue > matchChar.value) {
-        if (defaultValue < matchChar.value) {
-          defaultMatch = option;
-        } else if (defaultValue > characterValue) {
-          defaultMatch = option;
+     */        }, {
+            key: "focus",
+            value: function e() {
+                var t;
+                (t = this.c) === null || t === void 0 ? void 0 : t.focus();
+            }
+        }, {
+            key: "render",
+            value: function e() {
+                var t = this.props, n = t.value, o = t.children, a = t.label, i = t.multiple, l = oe(t, [ "value", "children", "label", "multiple" ]);
+                
+                return r().createElement(T.Item, re({
+                    "aria-selected": this.props.selected,
+                    "data-test-value": n,
+                    "data-test": "option",
+                    ref: this.handleMount
+                }, l, {
+                    selectable: true,
+                    selectableAppearance: i ? "checkbox" : undefined,
+                    onClick: this.handleClick,
+                    role: "option",
+                    value: n.toString()
+                }), o || a);
+            }
+        } ]);
+        return n;
+    }(n.PureComponent);
+    be(ge, "propTypes", ye);
+    be(ge, "defaultProps", me);
+    be(ge, "type", T.Item);
+    /* harmony default export */    const Oe = ge;
+    // CONCATENATED MODULE: external "styled-components"
+    const Se = require("styled-components");
+    var we =  e.n(Se);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
+    const ke = require("@splunk/react-ui/Clickable");
+    var Ce =  e.n(ke);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Switch"
+    const xe = require("@splunk/react-ui/Switch");
+    var Ie =  e.n(xe);
+    // CONCATENATED MODULE: ./src/Menu/ItemStyles.ts
+    var _e = (0, Se.css)([ "color:", ";font-size:", ";line-height:", ";overflow:inherit;white-space:inherit;text-overflow:inherit;" ], (0, 
+    U.pick)({
+        prisma: U.variables.contentColorDefault,
+        enterprise: U.variables.textGray
+    }), U.variables.fontSizeSmall, (0, U.pick)({
+        prisma: "16px"
+    }));
+    var Ae = we().span.withConfig({
+        displayName: "ItemStyles__StyledItemDescriptionBottom",
+        componentId: "sc-4kc053-0"
+    })([ "", ";display:block;" ], _e);
+    var je = we().span.withConfig({
+        displayName: "ItemStyles__StyledItemDescriptionRight",
+        componentId: "sc-4kc053-1"
+    })([ "", ";float:right;padding-left:", ";max-width:50%;text-align:right;box-sizing:border-box;" ], _e, U.variables.spacing);
+    var Ee = we().div.withConfig({
+        displayName: "ItemStyles__StyledItemSelectedIcon",
+        componentId: "sc-4kc053-2"
+    })([ "position:absolute;", " color:", ";" ], (0, U.pick)({
+        prisma: (0, Se.css)([ "right:16px;" ]),
+        enterprise: (0, Se.css)([ "top:5px;right:3px;left:8px;" ])
+    }), (0, U.pick)({
+        prisma: U.variables.contentColorActive,
+        enterprise: U.variables.accentColorL10
+    }));
+    var Me = we().span.withConfig({
+        displayName: "ItemStyles__StyledItemIcon",
+        componentId: "sc-4kc053-3"
+    })([ "flex:0 0 auto;padding-right:", ";min-width:10px;display:inline-block;text-align:center;vertical-align:", ";", "" ], (0, 
+    U.pick)({
+        prisma: "8px",
+        enterprise: "3px"
+    }), (0, U.pick)({
+        prisma: "initial",
+        enterprise: "middle"
+    }), (0, U.pick)({
+        prisma: (0, Se.css)([ "color:", ";display:inline-flex;align-items:center;min-width:20px;min-height:20px;& > svg{width:20px;height:20px;}" ], U.variables.contentColorMuted),
+        enterprise: (0, Se.css)([ "transform:translateY(-1px);" ])
+    }));
+    var Te = we()(Ce()).withConfig({
+        displayName: "ItemStyles__StyledClickable",
+        componentId: "sc-4kc053-4"
+    })([ "display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;padding:", ";", " ", " ", " &:not([disabled]){&:hover{background:", ";", "}&:focus{outline:0;box-shadow:", ";", "}", " ", "}&[disabled]{color:", ";cursor:not-allowed;", ",", "{color:inherit;}", "{cursor:not-allowed;color:", ";}", "}", "" ], (0, 
+    U.pick)({
+        prisma: U.variables.contentColorActive,
+        enterprise: {
+            dark: U.variables.gray96,
+            light: U.variables.gray22
         }
-      } else if (characterValue > defaultValue) {
-        defaultMatch = option;
-      }
-    }
-
-    return false;
-  });
-  return matches.length === 0 && defaultMatch ? [defaultMatch] : matches;
-};
-
-
-;// CONCATENATED MODULE: ./src/utils/ssrDocument.ts
-/* eslint-disable @typescript-eslint/no-empty-function */
-var ssrDocument = {
-  body: {
-    appendChild: function appendChild() {
-      return [];
-    }
-  },
-  addEventListener: function addEventListener() {},
-  removeEventListener: function removeEventListener() {},
-  activeElement: {
-    blur: function blur() {},
-    nodeName: ''
-  },
-  querySelector: function querySelector() {
-    return null;
-  },
-  querySelectorAll: function querySelectorAll() {
-    return [];
-  },
-  getElementById: function getElementById() {
-    return null;
-  },
-  createEvent: function createEvent() {
-    return {
-      initEvent: function initEvent() {}
-    };
-  },
-  createElement: function createElement() {
-    return {
-      children: [],
-      childNodes: [],
-      style: {},
-      setAttribute: function setAttribute() {},
-      getElementsByTagName: function getElementsByTagName() {
-        return [];
-      }
-    };
-  },
-  createElementNS: function createElementNS() {
-    return {};
-  },
-  importNode: function importNode() {
-    return null;
-  },
-  location: {
-    hash: '',
-    host: '',
-    hostname: '',
-    href: '',
-    origin: '',
-    pathname: '',
-    protocol: '',
-    search: ''
-  }
-};
-
-function getDocument() {
-  var doc = typeof document !== 'undefined' ? document : ssrDocument;
-  return doc;
-}
-
-
-;// CONCATENATED MODULE: ./src/utils/ssrWindow.ts
-/* eslint-disable @typescript-eslint/no-empty-function */
-
-var ssrWindow = {
-  document: ssrDocument,
-  navigator: {
-    userAgent: ''
-  },
-  location: {
-    hash: '',
-    host: '',
-    hostname: '',
-    href: '',
-    origin: '',
-    pathname: '',
-    protocol: '',
-    search: ''
-  },
-  history: {
-    replaceState: function replaceState() {},
-    pushState: function pushState() {},
-    go: function go() {},
-    back: function back() {}
-  },
-  CustomEvent: function CustomEvent() {
-    return this;
-  },
-  addEventListener: function addEventListener() {},
-  removeEventListener: function removeEventListener() {},
-  getComputedStyle: function getComputedStyle() {
-    return {
-      getPropertyValue: function getPropertyValue() {
-        return '';
-      }
-    };
-  },
-  Image: function Image() {},
-  Date: function Date() {},
-  screen: {},
-  setTimeout: function setTimeout() {},
-  clearTimeout: function clearTimeout() {},
-  matchMedia: function matchMedia() {
-    return {};
-  },
-  requestAnimationFrame: function requestAnimationFrame(callback) {
-    if (typeof setTimeout === 'undefined') {
-      callback();
-      return null;
-    }
-
-    return setTimeout(callback, 0);
-  },
-  cancelAnimationFrame: function cancelAnimationFrame(id) {
-    if (typeof setTimeout === 'undefined') {
-      return;
-    }
-
-    clearTimeout(id);
-  }
-};
-
-function getWindow() {
-  var win = typeof window !== 'undefined' ? window : ssrWindow;
-  return win;
-}
-
-
-;// CONCATENATED MODULE: ./src/Select/SelectBase.tsx
-function SelectBase_extends() { SelectBase_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return SelectBase_extends.apply(this, arguments); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function SelectBase_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function SelectBase_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function SelectBase_createClass(Constructor, protoProps, staticProps) { if (protoProps) SelectBase_defineProperties(Constructor.prototype, protoProps); if (staticProps) SelectBase_defineProperties(Constructor, staticProps); return Constructor; }
-
-function SelectBase_inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) SelectBase_setPrototypeOf(subClass, superClass); }
-
-function SelectBase_setPrototypeOf(o, p) { SelectBase_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return SelectBase_setPrototypeOf(o, p); }
-
-function SelectBase_createSuper(Derived) { var hasNativeReflectConstruct = SelectBase_isNativeReflectConstruct(); return function _createSuperInternal() { var Super = SelectBase_getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = SelectBase_getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return SelectBase_possibleConstructorReturn(this, result); }; }
-
-function SelectBase_possibleConstructorReturn(self, call) { if (call && (SelectBase_typeof(call) === "object" || typeof call === "function")) { return call; } return SelectBase_assertThisInitialized(self); }
-
-function SelectBase_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function SelectBase_isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-function SelectBase_getPrototypeOf(o) { SelectBase_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return SelectBase_getPrototypeOf(o); }
-
-function SelectBase_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { SelectBase_typeof = function _typeof(obj) { return typeof obj; }; } else { SelectBase_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return SelectBase_typeof(obj); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { SelectBase_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function SelectBase_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var SelectBase_propTypes = {
-  allowKeyMatching: (external_prop_types_default()).bool,
-  allowNewValues: (external_prop_types_default()).bool,
-  animateLoading: (external_prop_types_default()).bool,
-  appearance: external_prop_types_default().oneOf(['default', 'link', 'primary', 'pill', 'toggle', 'flat']),
-  append: (external_prop_types_default()).bool,
-  children: (external_prop_types_default()).node,
-  defaultPlacement: external_prop_types_default().oneOf(['above', 'below', 'vertical']),
-  defaultValues: (external_prop_types_default()).array,
-  describedBy: (external_prop_types_default()).string,
-  disabled: (external_prop_types_default()).bool,
-  elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
-  error: (external_prop_types_default()).bool,
-  filter: external_prop_types_default().oneOf([false, true, 'controlled']),
-  footerMessage: (external_prop_types_default()).node,
-  inline: (external_prop_types_default()).bool,
-  inputId: (external_prop_types_default()).string,
-  inputRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
-  isLoadingOptions: (external_prop_types_default()).bool,
-  labelledBy: (external_prop_types_default()).string,
-  labelText: (external_prop_types_default()).string,
-  loadingMessage: (external_prop_types_default()).node,
-  menuStyle: (external_prop_types_default()).object,
-  multiple: (external_prop_types_default()).bool,
-  name: (external_prop_types_default()).string,
-  noOptionsMessage: (external_prop_types_default()).node,
-  onChange: (external_prop_types_default()).func,
-  onClose: (external_prop_types_default()).func,
-  onFilterChange: (external_prop_types_default()).func,
-  onOpen: (external_prop_types_default()).func,
-  onScroll: (external_prop_types_default()).func,
-  onScrollBottom: (external_prop_types_default()).func,
-
-  /** @private. */
-  required: (external_prop_types_default()).bool,
-  placeholder: (external_prop_types_default()).string,
-  prefixLabel: (external_prop_types_default()).string,
-  prepend: (external_prop_types_default()).bool,
-  repositionMode: external_prop_types_default().oneOf(['none', 'flip']),
-  selectAllAppearance: external_prop_types_default().oneOf(['buttongroup', 'checkbox']),
-  showSelectedValuesFirst: external_prop_types_default().oneOf(['nextOpen', 'immediately', 'never']),
-  suffixLabel: (external_prop_types_default()).string,
-  tabConfirmsNewValue: (external_prop_types_default()).bool,
-  values: (external_prop_types_default()).array
-};
-var SelectBase_defaultProps = {
-  allowKeyMatching: true,
-  allowNewValues: false,
-  animateLoading: false,
-  appearance: 'toggle',
-  append: false,
-  defaultPlacement: 'vertical',
-  disabled: false,
-  filter: false,
-  inline: false,
-  isLoadingOptions: false,
-  menuStyle: {},
-  multiple: false,
-  noOptionsMessage: (0,i18n_namespaceObject._)('No matches'),
-  placeholder: (0,i18n_namespaceObject._)('Select...'),
-  prepend: false,
-  repositionMode: 'flip',
-  selectAllAppearance: 'buttongroup',
-  tabConfirmsNewValue: false
-};
-var getLabelFromPlaceholder = memoize_default()(function (placeholder) {
-  return [placeholder];
-}); // preserve separate widths for single vs. multi mode
-
-var getInlineMenuStyle = memoize_default()(function (_ref) {
-  var anchorWidth = _ref.anchorWidth,
-      isMultiple = _ref.isMultiple,
-      menuStyle = _ref.menuStyle;
-  return isMultiple ? _objectSpread({
-    width: Math.max(anchorWidth !== null && anchorWidth !== void 0 ? anchorWidth : 0, 200)
-  }, menuStyle) : _objectSpread({
-    minWidth: anchorWidth !== null && anchorWidth !== void 0 ? anchorWidth : undefined,
-    maxWidth: Math.max(anchorWidth !== null && anchorWidth !== void 0 ? anchorWidth : 0, 300)
-  }, menuStyle);
-});
-var dropdownCloseReasons = ['clickAway', 'escapeKey', 'offScreen', 'tabKey', 'toggleClick'];
-
-function isOption(child) {
-  return child && has_default()(child.props, 'value');
-}
-
-function itemKeyFromValueLabel(value, label) {
-  return "".concat(SelectBase_typeof(value), "-").concat(value, "-").concat(label);
-}
-
-var SelectBase = /*#__PURE__*/function (_Component) {
-  SelectBase_inherits(SelectBase, _Component);
-
-  var _super = SelectBase_createSuper(SelectBase);
-
-  SelectBase_createClass(SelectBase, null, [{
-    key: "validateAppearance",
-    // @docs-props-type CompactPropsBase
-    value: function validateAppearance(props) {
-      if (false) {}
-    }
-  }]);
-
-  function SelectBase(props) {
-    var _this;
-
-    SelectBase_classCallCheck(this, SelectBase);
-
-    _this = _super.call(this, props);
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "activeItemId", void 0);
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "activeValue", void 0);
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "availableOptionCount", void 0);
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "controlledExternally", void 0);
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "displayedValues", void 0);
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "dropdown", null);
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "firstSelectedEnabledOption", null);
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "firstSelectedOptionIndex", void 0);
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "menuId", void 0);
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "previousActiveIndex", null);
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "selectedOptionCount", void 0);
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "optionRefsByKey", void 0);
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "matchCharacter", void 0);
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "matchTimeout", void 0);
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "currentMatchOptions", void 0);
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "availableMatchOptions", void 0);
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "optionSelection", void 0);
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "resetMatches", function () {
-      _this.matchCharacter = null;
-      _this.currentMatchOptions = [];
-
-      if (_this.matchTimeout) {
-        clearTimeout(_this.matchTimeout);
-      }
-    });
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleSelectAll", function (e) {
-      var _this$getCurrentValue, _this$props$onChange, _this$props2;
-
-      var _this$props = _this.props,
-          name = _this$props.name,
-          children = _this$props.children,
-          multiple = _this$props.multiple; // this doesn't make sense if we can't select multiple values
-
-      if (!multiple) {
-        return;
-      }
-
-      var currentValues = (_this$getCurrentValue = _this.getCurrentValues()) !== null && _this$getCurrentValue !== void 0 ? _this$getCurrentValue : [];
-      var values = uniq_default()(currentValues.concat(_this.displayedValues));
-      values = external_react_default().Children.toArray(children).filter(function (child) {
-        return isOption(child) && includes_default()(values, child.props.value) && (!child.props.disabled || includes_default()(currentValues, child.props.value));
-      }).map(function (child) {
-        return child.props.value;
-      });
-
-      if (!_this.isControlled()) {
-        _this.setState({
-          values: values
+    }), (0, U.pick)({
+        prisma: {
+            comfortable: "10px 16px",
+            compact: "6px 16px"
+        },
+        enterprise: "6px 10px"
+    }), (function(e) {
+        var t = e.$isSelectable, n = e.$selectableAppearance;
+        return t && (0, U.pick)({
+            prisma: (0, Se.css)([ "padding-right:44px;", "" ], (function() {
+                return n === "checkbox" && "padding-left: 42px;";
+            })),
+            enterprise: (0, Se.css)([ "padding-right:10px;padding-left:", ";" ], (function() {
+                return n === "checkbox" ? "32px" : "28px";
+            }))
         });
-      }
-
-      (_this$props$onChange = (_this$props2 = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props2, e, {
-        values: values,
-        name: name,
-        reason: 'selectAll'
-      });
-    });
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleClearAll", function (e) {
-      var _this$getCurrentValue2, _this$props$onChange2, _this$props4;
-
-      var _this$props3 = _this.props,
-          name = _this$props3.name,
-          children = _this$props3.children,
-          multiple = _this$props3.multiple; // this doesn't make sense if we can't select multiple values
-
-      if (!multiple) {
-        return;
-      }
-
-      var currentValues = (_this$getCurrentValue2 = _this.getCurrentValues()) !== null && _this$getCurrentValue2 !== void 0 ? _this$getCurrentValue2 : [];
-      var hiddenCurrentValues = without_default().apply(void 0, [currentValues].concat(_toConsumableArray(_this.displayedValues))); // this will unselect all selected values unless those values are disabled or hidden by the filter
-
-      var values = external_react_default().Children.toArray(children).filter(function (child) {
-        return isOption(child) && (includes_default()(currentValues, child.props.value) && child.props.disabled || includes_default()(hiddenCurrentValues, child.props.value));
-      }).map(function (child) {
-        return child.props.value;
-      });
-
-      if (!_this.isControlled()) {
-        _this.setState({
-          values: values
+    }), (function(e) {
+        var t = e.$active, n = e.$preventFocus;
+        return t && !n && (0, Se.css)([ "box-shadow:", ";" ], U.variables.focusShadowInset);
+    }), (function(e) {
+        var t = e.$active;
+        return t && (0, Se.css)([ "background:", ";font-weight:", ";" ], (0, U.pick)({
+            enterprise: {
+                light: U.variables.gray92,
+                dark: U.variables.gray22
+            },
+            prisma: U.variables.neutral100
+        }), U.variables.fontWeightBold);
+    }), (0, U.pick)({
+        prisma: U.variables.interactiveColorOverlayHover,
+        enterprise: U.variables.backgroundColorHover
+    }), (function(e) {
+        var t = e.$selected;
+        return t && (0, U.pick)({
+            prisma: (0, Se.css)([ "background:", ";" ], U.mixins.overlayColors(U.variables.interactiveColorOverlaySelected, U.variables.interactiveColorOverlayHover))
         });
-      }
-
-      (_this$props$onChange2 = (_this$props4 = _this.props).onChange) === null || _this$props$onChange2 === void 0 ? void 0 : _this$props$onChange2.call(_this$props4, e, {
-        values: values,
-        name: name,
-        reason: 'clearAll'
-      });
-    });
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleTextKeyDown", function (e) {
-      var _this$props5 = _this.props,
-          children = _this$props5.children,
-          onScrollBottom = _this$props5.onScrollBottom,
-          tabConfirmsNewValue = _this$props5.tabConfirmsNewValue;
-      var eventKeyCode = (0,keyboard_namespaceObject.keycode)(e.nativeEvent);
-
-      if (eventKeyCode === 'tab') {
-        if (tabConfirmsNewValue && !isUndefined_default()(_this.activeValue) && _this.availableOptionCount <= 1) {
-          e.preventDefault();
-
-          _this.toggleValue(e, _this.activeValue);
+    }), U.variables.focusShadowInset, (0, U.pick)({
+        prisma: (0, Se.css)([ "background:", ";" ], U.variables.interactiveColorOverlayHover)
+    }), (0, U.pick)({
+        prisma: (0, Se.css)([ "&:active{background:", ";}" ], U.variables.interactiveColorOverlayActive)
+    }), (function(e) {
+        var t = e.$selected;
+        return t && (0, U.pick)({
+            prisma: (0, Se.css)([ "background:", ";&:active{background:", ";}" ], U.variables.interactiveColorOverlaySelected, U.mixins.overlayColors(U.variables.interactiveColorOverlaySelected, U.variables.interactiveColorOverlayActive))
+        });
+    }), (0, U.pick)({
+        enterprise: {
+            light: U.variables.gray45,
+            dark: U.variables.contentColorDisabled
+        },
+        prisma: U.variables.contentColorDisabled
+    }), 
+    /* sc-sel */
+    Ae, 
+    /* sc-sel */
+    je, 
+    /* sc-sel */
+    Ee, (0, U.pick)({
+        prisma: U.variables.contentColorDisabled,
+        enterprise: U.variables.gray80
+    }), (0, U.pick)({
+        prisma: (0, Se.css)([ "& > * > ", "{color:", ";}" ], 
+        /* sc-sel */
+        Me, U.variables.contentColorDisabled)
+    }), (function(e) {
+        var t = e.$selected;
+        return t && (0, U.pick)({
+            prisma: (0, Se.css)([ "", "{color:", ";}" ], 
+            /* sc-sel */
+            Me, U.variables.contentColorActive)
+        });
+    }));
+    var Pe = we()(Ie()).withConfig({
+        displayName: "ItemStyles__StyledSwitch",
+        componentId: "sc-4kc053-5"
+    })([ "position:absolute;left:", ";top:", ";" ], (0, U.pick)({
+        prisma: "16px",
+        enterprise: "8px"
+    }), (0, U.pick)({
+        prisma: "0px",
+        enterprise: {
+            comfortable: "-1px",
+            compact: "2px"
         }
-      }
-
-      if (e.shiftKey || e.metaKey || e.ctrlKey) {
-        if (eventKeyCode === 'a' && (e.ctrlKey || e.metaKey)) {
-          // handle control + A
-          if (_this.optionSelection === 'all') {
-            _this.handleClearAll(e);
-          } else {
-            _this.handleSelectAll(e);
-          }
+    }));
+    var Ve = we().span.withConfig({
+        displayName: "ItemStyles__StyledInnerWrapper",
+        componentId: "sc-4kc053-6"
+    })([ "display:flex;align-items:flex-start;" ]);
+    var Re = we().span.withConfig({
+        displayName: "ItemStyles__StyledTitleAndDescriptionWrapper",
+        componentId: "sc-4kc053-7"
+    })([ "max-width:100%;width:100%;align-self:center;word-break:break-word;white-space:normal;", "" ], (function(e) {
+        var t = e.$truncate;
+        return t && (0, Se.css)([ "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" ]);
+    }));
+    var De = we().div.withConfig({
+        displayName: "ItemStyles__StyledLabel",
+        componentId: "sc-4kc053-8"
+    })([ "overflow:inherit;white-space:inherit;text-overflow:inherit;max-width:100%;min-height:20px;", "" ], (function(e) {
+        var t = e.$truncate;
+        return t && (0, Se.css)([ "display:block;clear:both;" ]);
+    }));
+    var qe = we().span.withConfig({
+        displayName: "ItemStyles__StyledMatch",
+        componentId: "sc-4kc053-9"
+    })([ "border-bottom:1px solid ", ";" ], (0, U.pick)({
+        prisma: U.variables.contentColorActive,
+        enterprise: {
+            dark: U.variables.gray96,
+            light: U.variables.gray45
         }
-
-        return;
-      }
-
-      if (eventKeyCode === 'down') {
-        e.preventDefault();
-
-        _this.setState(function (state) {
-          return {
-            activeIndex: Math.min(state.activeIndex + 1, _this.props.selectAllAppearance === 'checkbox' ? _this.availableOptionCount : _this.availableOptionCount - 1)
-          };
-        });
-
-        if (children && onScrollBottom) {
-          var _this$getCurrentValue3;
-
-          var beforeLastChild = external_react_namespaceObject.Children.toArray(children).length - (2 + ((_this$getCurrentValue3 = _this.getCurrentValues()) !== null && _this$getCurrentValue3 !== void 0 ? _this$getCurrentValue3 : []).length);
-
-          if (_this.state.activeIndex === beforeLastChild) {
-            _this.handleScrollBottom(e);
-          }
+    }));
+    var Le = we().span.withConfig({
+        displayName: "ItemStyles__StyledSubmenu",
+        componentId: "sc-4kc053-10"
+    })([ "float:right;padding-left:", ";color:", ";" ], U.variables.spacingSmall, (0, 
+    U.pick)({
+        prisma: "inherit",
+        enterprise: U.variables.textGray
+    }));
+    // CONCATENATED MODULE: ./src/Select/SelectAllOptionStyles.ts
+    var Ne = we()(De).withConfig({
+        displayName: "SelectAllOptionStyles__StyledSelectAllLabel",
+        componentId: "y6bn08-0"
+    })([ "font-weight:", ";" ], U.variables.fontWeightBold);
+    var Be = we()(Oe).withConfig({
+        displayName: "SelectAllOptionStyles__StyledSelectAllOption",
+        componentId: "y6bn08-1"
+    })([ "padding-inline-start:", ";box-shadow:none;" ], (0, U.pick)({
+        prisma: "42px;",
+        enterprise: "32px;"
+    }));
+    // CONCATENATED MODULE: ./src/Select/SelectAllOption.tsx
+    var Ke = {
+        active: a().bool,
+        elementRef: a().oneOfType([ a().func, a().object ]),
+        id: a().string,
+        onClick: a().func,
+        selectAllLabel: a().string,
+        totalCount: a().number,
+        changedToggle: a().bool,
+        selected: a().oneOf([ false, true, "some" ])
+    };
+    var Fe =  r().forwardRef((function(e, t) {
+        var n = e.active, o = e.id, a = e.onClick, i = e.selectAllLabel, l = e.totalCount, s = e.changedToggle, u = e.selected;
+        // When toggle is changed the total count is not displayed anymore so the count is now shown in the Select All menu item
+                var p = s ? " (".concat(l === null || l === void 0 ? void 0 : l.toString(), ")") : "";
+        
+        return r().createElement(Be, {
+            label: i,
+            value: "selectAll",
+            key: "selectAll",
+            onClick: a,
+            "data-test": "select-all",
+            "aria-keyshortcuts": "Control+A",
+            id: o,
+            active: n,
+            ref: t,
+            tabIndex: -1
+        },  r().createElement(Pe, {
+            interactive: false,
+            selected: u === "some" && "some" || u,
+            key: "main-checkbox",
+            value: "main-checkbox",
+            appearance: "checkbox",
+            "aria-label": !u && (0, c._)("No options selected") || u === "some" && (0, c._)("Some options selected") || (0, 
+            c._)("All options selected"),
+            "data-test": "select-all-switch",
+            selectedLabel: u === true ? (0, c._)("All options selected") : (0, c._)("Option selected"),
+            unselectedLabel: u === true ? (0, c._)("No options selected") : (0, c._)("Option unselected"),
+            someSelectedLabel: (0, c._)("Some options selected")
+        }),  r().createElement(je, {
+            "data-test": "description"
+        }, "".concat(p, " Ctrl-a")),  r().createElement(Ve, null,  r().createElement(Re, {
+            $truncate: false
+        },  r().createElement(Ne, {
+            $truncate: false
+        }, i))));
+    }));
+    Fe.propTypes = Ke;
+    /* harmony default export */    const $e = Fe;
+    // CONCATENATED MODULE: external "@splunk/react-ui/Button"
+    const He = require("@splunk/react-ui/Button");
+    var We =  e.n(He);
+    // CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
+    var ze = we()(We()).withConfig({
+        displayName: "SelectBaseStyles__StyledButton",
+        componentId: "sc-16cj7sk-0"
+    })([ "&[data-inline]{width:", ";}", "" ], (function(e) {
+        var t = e.$multiple;
+        return t ? "400px" : "auto";
+    }), (function(e) {
+        var t = e.$multiple;
+        return !t && "flex-grow: 0;";
+    }));
+    var Ue = we().span.withConfig({
+        displayName: "SelectBaseStyles__StyledLinkIcon",
+        componentId: "sc-16cj7sk-1"
+    })([ "padding-right:2px;" ]);
+    var Ge = we().span.withConfig({
+        displayName: "SelectBaseStyles__StyledLinkCaret",
+        componentId: "sc-16cj7sk-2"
+    })([ "padding-left:2px;" ]);
+    var Je = we().div.withConfig({
+        displayName: "SelectBaseStyles__StyledFilter",
+        componentId: "sc-16cj7sk-3"
+    })([ "padding:", ";min-width:160px;" ], (0, U.pick)({
+        enterprise: "8px",
+        prisma: "10px 16px"
+    }));
+    var Qe = we().span.withConfig({
+        displayName: "SelectBaseStyles__StyledSearchIconWrapper",
+        componentId: "sc-16cj7sk-4"
+    })([ "color:", ";pointer-events:none;padding:", ";" ], (0, U.pick)({
+        enterprise: {
+            light: U.variables.gray60,
+            dark: U.variables.white
+        },
+        prisma: U.variables.contentColorMuted
+    }), (0, U.pick)({
+        comfortable: "0 8px",
+        compact: "0 6px"
+    }));
+    var Xe = we().span.withConfig({
+        displayName: "SelectBaseStyles__StyledCount",
+        componentId: "sc-16cj7sk-5"
+    })([ "padding-right:", ";" ], (0, U.pick)({
+        enterprise: U.variables.spacingQuarter,
+        prisma: U.variables.spacingXSmall
+    }));
+    var Ye = we()(L()).withConfig({
+        displayName: "SelectBaseStyles__StyledControlsLink",
+        componentId: "sc-16cj7sk-6"
+    })([ "margin-right:20px;", ";" ], (function(e) {
+        var t = e.$disabled;
+        return t && (0, Se.css)([ "color:", ";" ], U.variables.contentColorDisabled);
+    }));
+    var Ze = we().div.withConfig({
+        displayName: "SelectBaseStyles__StyledToggleAllControls",
+        componentId: "sc-16cj7sk-7"
+    })([ "padding:", ";", "" ], (0, U.pick)({
+        enterprise: "5px 8px",
+        prisma: "10px 16px"
+    }), (0, U.pickVariant)("$placement", {
+        above: {
+            enterprise: (0, Se.css)([ "border-top:", ";" ], U.variables.border),
+            prisma: (0, Se.css)([ "border-top:1px solid ", ";" ], U.variables.neutral200)
+        },
+        below: {
+            enterprise: (0, Se.css)([ "border-bottom:", ";" ], U.variables.border),
+            prisma: (0, Se.css)([ "border-bottom:1px solid ", ";" ], U.variables.neutral200)
         }
-      }
-
-      if (eventKeyCode === 'up') {
-        e.preventDefault();
-
-        _this.setState(function (state) {
-          return {
-            activeIndex: Math.max(state.activeIndex - 1, 0)
-          };
-        });
-      }
-
-      if (eventKeyCode === 'enter' && !isUndefined_default()(_this.activeValue) && _this.state.open) {
-        if (_this.activeValue === 'selectAll') {
-          if (_this.optionSelection === 'all') {
-            _this.handleClearAll(e);
-          } else {
-            _this.handleSelectAll(e);
-          }
-        } else {
-          e.preventDefault();
-
-          _this.toggleValue(e, _this.activeValue);
+    }));
+    // CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
+    // A utility for matching keyboard characters to list values
+    var et = function e(t, n) {
+        return t ? t.label.charAt(n).toLowerCase() : "";
+    };
+    var tt = function e(t, n) {
+        if (!t.length) {
+            return t;
         }
-      }
-    });
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleMenuOptionClick", function (e, _ref2) {
-      var value = _ref2.value;
-      e.preventDefault();
-
-      if (!_this.state.open) {
-        return;
-      }
-
-      _this.toggleValue(e, value);
-    });
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleMenuOptionKeyDown", function (e, optionIndex) {
-      var currentKey = e.nativeEvent.key; // Checking for a single character to avoid complications from double-byte languages and emojis.
-
-      if (currentKey.length === 1) {
-        var matches = [];
-        var character = {
-          index: 0,
-          value: currentKey
-        };
-
-        if (!_this.matchCharacter) {
-          if (currentKey === ' ') {
-            _this.resetMatches();
-
-            return;
-          }
-
-          matches = fuzzyMatch(_this.availableMatchOptions, character);
-        } else if (_this.currentMatchOptions.length > 1) {
-          character.index = _this.matchCharacter.index + 1;
-          matches = fuzzyMatch(_this.currentMatchOptions, character);
+        var r = null;
+        var o = false;
+        var a = t.filter((function(e) {
+            var t = et(e, n.index);
+            if (t === n.value) {
+                o = true;
+                return true;
+            }
+ // If we haven't found a match yet, keep track of the next closest match.
+            // Secondary matching looks for the closest character of a higher value, and failing that, closest of a lower value.
+                        if (!o) {
+                var a = et(r, n.index);
+                if (!a) {
+                    r = e;
+                } else if (t > n.value) {
+                    if (a < n.value) {
+                        r = e;
+                    } else if (a > t) {
+                        r = e;
+                    }
+                } else if (t > a) {
+                    r = e;
+                }
+            }
+            return false;
+        }));
+        return a.length === 0 && r ? [ r ] : a;
+    };
+    // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
+    /* eslint-disable @typescript-eslint/no-empty-function */
+    var nt = {
+        body: {
+            appendChild: function e() {
+                return [];
+            }
+        },
+        addEventListener: function e() {},
+        removeEventListener: function e() {},
+        activeElement: {
+            blur: function e() {},
+            nodeName: ""
+        },
+        querySelector: function e() {
+            return null;
+        },
+        querySelectorAll: function e() {
+            return [];
+        },
+        getElementById: function e() {
+            return null;
+        },
+        createEvent: function e() {
+            return {
+                initEvent: function e() {}
+            };
+        },
+        createElement: function e() {
+            return {
+                children: [],
+                childNodes: [],
+                style: {},
+                setAttribute: function e() {},
+                getElementsByTagName: function e() {
+                    return [];
+                }
+            };
+        },
+        createElementNS: function e() {
+            return {};
+        },
+        importNode: function e() {
+            return null;
+        },
+        location: {
+            hash: "",
+            host: "",
+            hostname: "",
+            href: "",
+            origin: "",
+            pathname: "",
+            protocol: "",
+            search: ""
         }
-
-        if (matches.length) {
-          var matchIndex = 0; // If the active option is a first character match, cycle to the next matching option.
-
-          if (character.index === 0 && matches.length > 1) {
-            var activeMatchIndex = matches.indexOf(_this.availableMatchOptions[optionIndex]);
-
-            if (activeMatchIndex >= 0) {
-              matchIndex = activeMatchIndex === matches.length - 1 ? 0 : activeMatchIndex + 1;
+    };
+    function rt() {
+        var e = typeof document !== "undefined" ? document : nt;
+        return e;
+    }
+    // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
+    /* eslint-disable @typescript-eslint/no-empty-function */
+    var ot = {
+        document: nt,
+        navigator: {
+            userAgent: ""
+        },
+        location: {
+            hash: "",
+            host: "",
+            hostname: "",
+            href: "",
+            origin: "",
+            pathname: "",
+            protocol: "",
+            search: ""
+        },
+        history: {
+            replaceState: function e() {},
+            pushState: function e() {},
+            go: function e() {},
+            back: function e() {}
+        },
+        CustomEvent: function e() {
+            return this;
+        },
+        addEventListener: function e() {},
+        removeEventListener: function e() {},
+        getComputedStyle: function e() {
+            return {
+                getPropertyValue: function e() {
+                    return "";
+                }
+            };
+        },
+        Image: function e() {},
+        Date: function e() {},
+        screen: {},
+        setTimeout: function e() {},
+        clearTimeout: function e() {},
+        matchMedia: function e() {
+            return {};
+        },
+        requestAnimationFrame: function e(t) {
+            if (typeof setTimeout === "undefined") {
+                t();
+                return null;
             }
-          }
-
-          var match = matches[matchIndex];
-
-          var optionToFocusRef = _this.optionRefsByKey[itemKeyFromValueLabel(match.value, match.label)];
-
-          if (optionToFocusRef != null) {
-            var _optionToFocusRef$foc;
-
-            (_optionToFocusRef$foc = optionToFocusRef.focus) === null || _optionToFocusRef$foc === void 0 ? void 0 : _optionToFocusRef$foc.call(optionToFocusRef);
-          }
+            return setTimeout(t, 0);
+        },
+        cancelAnimationFrame: function e(t) {
+            if (typeof setTimeout === "undefined") {
+                return;
+            }
+            clearTimeout(t);
         }
-
-        _this.currentMatchOptions = matches;
-        _this.matchCharacter = character;
-
-        if (_this.matchTimeout) {
-          clearTimeout(_this.matchTimeout);
+    };
+    function at() {
+        var e = typeof window !== "undefined" ? window : ot;
+        return e;
+    }
+    // CONCATENATED MODULE: ./src/Select/SelectBase.tsx
+    function it() {
+        it = Object.assign || function(e) {
+            for (var t = 1; t < arguments.length; t++) {
+                var n = arguments[t];
+                for (var r in n) {
+                    if (Object.prototype.hasOwnProperty.call(n, r)) {
+                        e[r] = n[r];
+                    }
+                }
+            }
+            return e;
+        };
+        return it.apply(this, arguments);
+    }
+    function lt(e, t) {
+        return ut(e) || st(e, t) || dt(e, t) || ct();
+    }
+    function ct() {
+        throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+    }
+    function st(e, t) {
+        if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
+        var n = [];
+        var r = true;
+        var o = false;
+        var a = undefined;
+        try {
+            for (var i = e[Symbol.iterator](), l; !(r = (l = i.next()).done); r = true) {
+                n.push(l.value);
+                if (t && n.length === t) break;
+            }
+        } catch (e) {
+            o = true;
+            a = e;
+        } finally {
+            try {
+                if (!r && i["return"] != null) i["return"]();
+            } finally {
+                if (o) throw a;
+            }
         }
-
-        _this.matchTimeout = setTimeout(_this.resetMatches, 500);
-        e.preventDefault();
-        e.stopPropagation();
-      }
-    });
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleTextChange", function (e, _ref3) {
-      var _this$props$onFilterC, _this$props6;
-
-      var value = _ref3.value;
-
-      _this.setState({
-        filterKeyword: value,
-        open: true,
-        activeIndex: 0
-      });
-
-      (_this$props$onFilterC = (_this$props6 = _this.props).onFilterChange) === null || _this$props$onFilterC === void 0 ? void 0 : _this$props$onFilterC.call(_this$props6, e, {
-        keyword: value
-      });
-    });
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleTextFocus", function () {
-      _this.setState({
-        textHasFocus: true
-      });
-    });
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleTextBlur", function () {
-      _this.setState({
-        textHasFocus: false
-      });
-    });
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleRequestOpen", function (e) {
-      var newState = {
-        open: true,
-        topValues: _this.getTopValues()
-      }; // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
-
-      if (_this.props.multiple) {
-        newState.filterKeyword = '';
-      }
-
-      var oldFilterKeyword = _this.state.filterKeyword;
-
-      _this.setState(newState, function () {
-        var _this$props$onOpen, _this$props7;
-
-        (_this$props$onOpen = (_this$props7 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props7);
-
-        if (_this.firstSelectedEnabledOption && !_this.hasFilter()) {
-          _this.firstSelectedEnabledOption.focus();
-        } else {
-          var _this$firstSelectedOp;
-
-          _this.setState({
-            activeIndex: (_this$firstSelectedOp = _this.firstSelectedOptionIndex) !== null && _this$firstSelectedOp !== void 0 ? _this$firstSelectedOp : 0
-          });
+        return n;
+    }
+    function ut(e) {
+        if (Array.isArray(e)) return e;
+    }
+    function pt(e) {
+        return ht(e) || vt(e) || dt(e) || ft();
+    }
+    function ft() {
+        throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+    }
+    function dt(e, t) {
+        if (!e) return;
+        if (typeof e === "string") return bt(e, t);
+        var n = Object.prototype.toString.call(e).slice(8, -1);
+        if (n === "Object" && e.constructor) n = e.constructor.name;
+        if (n === "Map" || n === "Set") return Array.from(e);
+        if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return bt(e, t);
+    }
+    function vt(e) {
+        if (typeof Symbol !== "undefined" && Symbol.iterator in Object(e)) return Array.from(e);
+    }
+    function ht(e) {
+        if (Array.isArray(e)) return bt(e);
+    }
+    function bt(e, t) {
+        if (t == null || t > e.length) t = e.length;
+        for (var n = 0, r = new Array(t); n < t; n++) {
+            r[n] = e[n];
         }
-
-        if (oldFilterKeyword !== _this.state.filterKeyword) {
-          var _this$props$onFilterC2, _this$props8;
-
-          (_this$props$onFilterC2 = (_this$props8 = _this.props).onFilterChange) === null || _this$props$onFilterC2 === void 0 ? void 0 : _this$props$onFilterC2.call(_this$props8, e, {
-            keyword: _this.state.filterKeyword
-          });
+        return r;
+    }
+    function yt(e, t) {
+        if (!(e instanceof t)) {
+            throw new TypeError("Cannot call a class as a function");
         }
-      });
-    });
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleRequestClose", function () {
-      _this.setState({
-        open: false,
-        activeIndex: 0
-      }, function () {
-        var _this$props$onClose, _this$props9;
-
-        _this.previousActiveIndex = null;
-        (_this$props$onClose = (_this$props9 = _this.props).onClose) === null || _this$props$onClose === void 0 ? void 0 : _this$props$onClose.call(_this$props9);
-      });
-    });
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleScrollBottom", function (e) {
-      if (_this.state.open && !_this.props.isLoadingOptions) {
-        var _this$props$onScrollB, _this$props10;
-
-        (_this$props$onScrollB = (_this$props10 = _this.props).onScrollBottom) === null || _this$props$onScrollB === void 0 ? void 0 : _this$props$onScrollB.call(_this$props10, e);
-      }
-    });
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleActiveOptionMount", function (c) {
-      if (_this.previousActiveIndex !== _this.state.activeIndex) {
-        c === null || c === void 0 ? void 0 : c.scrollIntoViewIfNeeded();
-      }
-    });
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleOptionMount", function (c, itemKey, isFirst) {
-      if (isFirst) {
-        _this.firstSelectedEnabledOption = c;
-      }
-
-      if (c == null) {
-        delete _this.optionRefsByKey[itemKey];
-      } else {
-        _this.optionRefsByKey[itemKey] = c;
-      }
-    });
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "createToggle", function () {
-      var _this$getCurrentValue4;
-
-      var _this$props11 = _this.props,
-          toggle = _this$props11.toggle,
-          appearance = _this$props11.appearance,
-          children = _this$props11.children,
-          describedBy = _this$props11.describedBy,
-          disabled = _this$props11.disabled,
-          elementRef = _this$props11.elementRef,
-          error = _this$props11.error,
-          inline = _this$props11.inline,
-          labelledBy = _this$props11.labelledBy,
-          labelText = _this$props11.labelText,
-          multiple = _this$props11.multiple,
-          placeholder = _this$props11.placeholder,
-          prefixLabel = _this$props11.prefixLabel,
-          required = _this$props11.required,
-          suffixLabel = _this$props11.suffixLabel;
-      var icon;
-      var label; // Generate buttonLabels
-
-      var currentValues = (_this$getCurrentValue4 = _this.getCurrentValues()) !== null && _this$getCurrentValue4 !== void 0 ? _this$getCurrentValue4 : [];
-      var childrenArray = external_react_namespaceObject.Children.toArray(children);
-      var valuesLabel = currentValues.reduce(function (acc, value, index, orig) {
-        var matchedItem = find_default()(childrenArray, function (item) {
-          return isOption(item) && item.props.value === value;
-        });
-
-        if (matchedItem) {
-          acc.push(matchedItem.props.children || matchedItem.props.label); // if not in multiple mode, add the icon
-
-          if (!multiple && currentValues.length === 1) {
-            icon = matchedItem.props.icon;
-          }
-        } else if (multiple) {
-          // only add values that don't match an option in "multiple" mode to preserve old behaviour
-          acc.push(value);
+    }
+    function mt(e, t) {
+        for (var n = 0; n < t.length; n++) {
+            var r = t[n];
+            r.enumerable = r.enumerable || false;
+            r.configurable = true;
+            if ("value" in r) r.writable = true;
+            Object.defineProperty(e, r.key, r);
         }
-
-        if (index < orig.length - 1) {
-          acc.push((0,i18n_namespaceObject._)(', '));
+    }
+    function gt(e, t, n) {
+        if (t) mt(e.prototype, t);
+        if (n) mt(e, n);
+        return e;
+    }
+    function Ot(e, t) {
+        if (typeof t !== "function" && t !== null) {
+            throw new TypeError("Super expression must either be null or a function");
         }
-
-        return acc;
-      }, []);
-      label = valuesLabel; // only apply prefix / suffix if the label is not empty
-
-      if (label.length > 0) {
-        label = _this.wrapLabel({
-          prefixLabel: prefixLabel,
-          label: label,
-          suffixLabel: suffixLabel
-        });
-      } // single <Select> behaviour is to show the placeholder if all parts of the the label
-      // are empty strings so we replicate this behaviour here
-
-
-      if (label.length === 0 || !multiple && label.every(function (labelNode) {
-        return labelNode === '';
-      })) {
-        label = getLabelFromPlaceholder(placeholder);
-      }
-
-      var ariaLabel = label; // If there's more than one item selected, read out the selected total
-      // rather than reading out each selected item
-
-      if (label.length > 1) {
-        ariaLabel = _this.wrapLabel({
-          prefixLabel: prefixLabel,
-          label: ["".concat(currentValues.length, " items selected")],
-          suffixLabel: suffixLabel
+        e.prototype = Object.create(t && t.prototype, {
+            constructor: {
+                value: e,
+                writable: true,
+                configurable: true
+            }
         });
-      }
-
-      var commonProps = _objectSpread({
-        'aria-describedby': describedBy,
-        'aria-label': "".concat(labelText ? "".concat(labelText, ", ") : '').concat(ariaLabel),
-        'aria-labelledby': labelText ? undefined : labelledBy,
-        'aria-multiselectable': multiple || undefined,
-        'aria-required': required,
-        'data-select-appearance': appearance,
-        'data-test': multiple ? 'multiselect' : 'select',
-        disabled: disabled,
-        elementRef: elementRef,
-        error: error
-      }, omit_default()(_this.props, keys_default()(SelectBase.propTypes)));
-
-      if (multiple) {
-        commonProps['data-test-values'] = JSON.stringify(currentValues);
-      } else {
-        var _currentValues = _slicedToArray(currentValues, 1),
-            dataTestValue = _currentValues[0];
-
-        commonProps['data-test-value'] = dataTestValue;
-      }
-
-      if (toggle) {
-        return /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(toggle, commonProps);
-      }
-
-      if (appearance === 'link') {
-        return /*#__PURE__*/external_react_default().createElement((Link_default()), SelectBase_extends({}, commonProps, {
-          "data-select-appearance": "link"
-        }), !!icon && /*#__PURE__*/external_react_default().createElement(StyledLinkIcon, null, icon), label || placeholder, /*#__PURE__*/external_react_default().createElement(StyledLinkCaret, null, /*#__PURE__*/external_react_default().createElement(CaretSmallDown, null)));
-      }
-
-      return /*#__PURE__*/external_react_default().createElement(StyledButton, SelectBase_extends({}, commonProps, {
-        $multiple: multiple,
-        appearance: appearance,
-        label: label,
-        error: error,
-        icon: icon,
-        inline: inline,
-        isMenu: true,
-        "aria-haspopup": "listbox",
-        "aria-owns": _this.menuId // @ts-expect-error - accept inconsistency with Button
-        ,
-        onClick: _this.props.onClick
-      }, pick_default()(_this.props, SelectBase.invalidLinkAppearanceProps)), !!currentValues.length && multiple && /*#__PURE__*/external_react_default().createElement(StyledCount, {
-        "data-role": "count"
-      }, "(", currentValues.length, ")"));
-    });
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "createChildren", function () {
-      var _this$state = _this.state,
-          filterKeyword = _this$state.filterKeyword,
-          textHasFocus = _this$state.textHasFocus,
-          topValuesState = _this$state.topValues;
-      var _this$props12 = _this.props,
-          allowKeyMatching = _this$props12.allowKeyMatching,
-          allowNewValues = _this$props12.allowNewValues,
-          filter = _this$props12.filter,
-          multiple = _this$props12.multiple,
-          selectAllAppearance = _this$props12.selectAllAppearance,
-          showSelectedValuesFirst = _this$props12.showSelectedValuesFirst,
-          isLoadingOptions = _this$props12.isLoadingOptions,
-          onScrollBottom = _this$props12.onScrollBottom;
-
-      var currentValues = _this.getCurrentValues();
-
-      _this.availableOptionCount = 0;
-      _this.firstSelectedOptionIndex = undefined;
-      _this.selectedOptionCount = 0;
-      _this.activeValue = undefined;
-      _this.availableMatchOptions = [];
-      var foundExactMatch;
-      var childrenTopCount = 0;
-      var hasDivider = false; // used to avoid overwriting the selected item ref in multiple mode
-
-      var foundSelectedAndEnabled;
-      var topValues = showSelectedValuesFirst === 'immediately' ? _this.getTopValues() : topValuesState;
-      var children = external_react_namespaceObject.Children.toArray(_this.props.children).reduce(function (acc, item, i) {
-        // ignore Headings and Dividers
-        if (!isOption(item)) {
-          acc.push(item);
-          return acc;
-        } // Find out if the search string exactly matches a value
-
-
-        if (item.props.value === _this.state.filterKeyword) {
-          foundExactMatch = true;
+        if (t) St(e, t);
+    }
+    function St(e, t) {
+        St = Object.setPrototypeOf || function e(t, n) {
+            t.__proto__ = n;
+            return t;
+        };
+        return St(e, t);
+    }
+    function wt(e) {
+        var t = xt();
+        return function n() {
+            var r = It(e), o;
+            if (t) {
+                var a = It(this).constructor;
+                o = Reflect.construct(r, arguments, a);
+            } else {
+                o = r.apply(this, arguments);
+            }
+            return kt(this, o);
+        };
+    }
+    function kt(e, t) {
+        if (t && (_t(t) === "object" || typeof t === "function")) {
+            return t;
         }
-
-        var selected = currentValues && currentValues.indexOf(item.props.value) >= 0;
-        var isFirstSelectedAndEnabled = !!selected && !item.props.disabled && !foundSelectedAndEnabled;
-        var useMatchOptions = allowKeyMatching && !multiple && !filter && !isLoadingOptions && !onScrollBottom;
-        var itemKey = itemKeyFromValueLabel(item.props.value, item.props.label);
-        var filterIndex = -1;
-
-        if (useMatchOptions && !item.props.disabled && !item.props.hidden) {
-          _this.availableMatchOptions.push({
-            label: item.props.label,
-            value: item.props.value
-          });
-
-          filterIndex = _this.availableMatchOptions.length - 1;
-        } // Format the Menu.Item
-
-
-        var clonedItem = /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(item, {
-          key: item.key || i,
-          onClick: _this.handleMenuOptionClick,
-          onKeyDown: useMatchOptions ? function (e) {
-            return _this.handleMenuOptionKeyDown(e, filterIndex);
-          } : undefined,
-          selected: selected,
-          multiple: multiple,
-          role: 'option',
-          ref: function ref(element) {
-            return _this.handleOptionMount(element, itemKey, isFirstSelectedAndEnabled);
-          }
-        });
-
-        if (isFirstSelectedAndEnabled) {
-          foundSelectedAndEnabled = true;
+        return Ct(e);
+    }
+    function Ct(e) {
+        if (e === void 0) {
+            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
-
-        if (topValues && topValues.indexOf(item.props.value) >= 0) {
-          if (childrenTopCount === 0) {
-            acc.splice(childrenTopCount, 0, /*#__PURE__*/external_react_default().createElement(Menu_namespaceObject.Divider, {
-              key: "topDivider"
-            }));
-            hasDivider = true;
-          }
-
-          acc.splice(childrenTopCount, 0, clonedItem);
-          childrenTopCount += 1;
+        return e;
+    }
+    function xt() {
+        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+        if (Reflect.construct.sham) return false;
+        if (typeof Proxy === "function") return true;
+        try {
+            Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
+            return true;
+        } catch (e) {
+            return false;
+        }
+    }
+    function It(e) {
+        It = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+            return t.__proto__ || Object.getPrototypeOf(t);
+        };
+        return It(e);
+    }
+    function _t(e) {
+        "@babel/helpers - typeof";
+        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+            _t = function e(t) {
+                return typeof t;
+            };
         } else {
-          acc.push(clonedItem);
+            _t = function e(t) {
+                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+            };
         }
-
-        return acc;
-      }, []); // In multiple mode, add missing items
-
-      if (multiple) {
-        forEachRight_default()(currentValues, function (value) {
-          var matchedItem = find_default()(children, function (item) {
-            return isOption(item) && item.props && item.props.value === value;
-          });
-
-          if (!matchedItem) {
-            if (value === _this.state.filterKeyword) {
-              foundExactMatch = true;
-            }
-
-            var isTopValue = topValues && topValues.indexOf(value) >= 0;
-            var topLength = topValues.length;
-
-            if (childrenTopCount === 0) {
-              children.splice(0, 0, /*#__PURE__*/external_react_default().createElement(Menu_namespaceObject.Divider, {
-                key: "topDivider"
-              }));
-              childrenTopCount += 1;
-              hasDivider = true;
-            }
-
-            children.splice(isTopValue ? 0 : topLength + 1, 0, /*#__PURE__*/external_react_default().createElement(OptionBase, {
-              label: String(value),
-              value: value,
-              key: "missing-value-".concat(value),
-              onClick: _this.handleMenuOptionClick,
-              multiple: multiple,
-              selected: true
+        return _t(e);
+    }
+    function At(e, t) {
+        var n = Object.keys(e);
+        if (Object.getOwnPropertySymbols) {
+            var r = Object.getOwnPropertySymbols(e);
+            if (t) r = r.filter((function(t) {
+                return Object.getOwnPropertyDescriptor(e, t).enumerable;
             }));
-
-            if (isTopValue) {
-              childrenTopCount += 1;
+            n.push.apply(n, r);
+        }
+        return n;
+    }
+    function jt(e) {
+        for (var t = 1; t < arguments.length; t++) {
+            var n = arguments[t] != null ? arguments[t] : {};
+            if (t % 2) {
+                At(Object(n), true).forEach((function(t) {
+                    Et(e, t, n[t]);
+                }));
+            } else if (Object.getOwnPropertyDescriptors) {
+                Object.defineProperties(e, Object.getOwnPropertyDescriptors(n));
+            } else {
+                At(Object(n)).forEach((function(t) {
+                    Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+                }));
             }
-          }
-        });
-      }
-
-      var controlledFilter = filter === 'controlled'; // Filter the items
-
-      var keywords = (0,filter_namespaceObject.stringToKeywords)(filterKeyword);
-      children = controlledFilter ? children : children.filter(function (option) {
-        if (isOption(option)) {
-          return (0,filter_namespaceObject.testPhrase)(option.props.label, keywords);
         }
-
-        return true; // Keep all headers and non-interactive options
-      }) // highlight the matched text
-      .map(function (option) {
-        if (!isOption(option)) {
-          return option;
-        } // highlight matched text
-
-
-        var matchRanges = keywords && (0,filter_namespaceObject.keywordLocations)(option.props.label, keywords);
-        return /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(option, {
-          matchRanges: matchRanges || undefined
-        });
-      }); // Add the option to add the new value
-
-      if (allowNewValues && !foundExactMatch && filterKeyword) {
-        var insertIndex = hasDivider ? childrenTopCount + 1 : childrenTopCount;
-        children.splice(insertIndex, 0, /*#__PURE__*/external_react_default().createElement(OptionBase, {
-          label: "".concat(filterKeyword, " (new value)"),
-          value: filterKeyword,
-          key: "newValue",
-          multiple: multiple,
-          onClick: _this.handleMenuOptionClick
-        }));
-      } // When selectAll is a menu item, add an offset so that activeItem accounts for the extra selectAll option.
-
-
-      var totalOptionCount = selectAllAppearance === 'checkbox' && multiple && children.length > 1 ? 1 : 0;
-      var allOptionsSelected = true; // Highlight the selected Items and remove hidden
-
-      children = children.reduce(function (acc, item) {
-        // ignore Dividers & Headings
-        if (!isOption(item)) {
-          acc.push(item);
-          return acc;
-        } // Ignore any hidden items
-
-
-        if (item.props && item.props.hidden) {
-          return acc;
+        return e;
+    }
+    function Et(e, t, n) {
+        if (t in e) {
+            Object.defineProperty(e, t, {
+                value: n,
+                enumerable: true,
+                configurable: true,
+                writable: true
+            });
+        } else {
+            e[t] = n;
         }
-
-        if (item.props.selected && !item.props.disabled && _this.firstSelectedOptionIndex == null) {
-          _this.firstSelectedOptionIndex = _this.availableOptionCount;
+        return e;
+    }
+    var Mt = {
+        allowKeyMatching: a().bool,
+        allowNewValues: a().bool,
+        animateLoading: a().bool,
+        appearance: a().oneOf([ "default", "link", "primary", "pill", "toggle", "flat" ]),
+        append: a().bool,
+        children: a().node,
+        defaultPlacement: a().oneOf([ "above", "below", "vertical" ]),
+        defaultValues: a().array,
+        describedBy: a().string,
+        disabled: a().bool,
+        elementRef: a().oneOfType([ a().func, a().object ]),
+        error: a().bool,
+        filter: a().oneOf([ false, true, "controlled" ]),
+        footerMessage: a().node,
+        inline: a().bool,
+        inputId: a().string,
+        inputRef: a().oneOfType([ a().func, a().object ]),
+        isLoadingOptions: a().bool,
+        labelledBy: a().string,
+        labelText: a().string,
+        loadingMessage: a().node,
+        menuStyle: a().object,
+        multiple: a().bool,
+        name: a().string,
+        noOptionsMessage: a().node,
+        onChange: a().func,
+        onClose: a().func,
+        onFilterChange: a().func,
+        onOpen: a().func,
+        onScroll: a().func,
+        onScrollBottom: a().func,
+        /** @private. */
+        required: a().bool,
+        placeholder: a().string,
+        prefixLabel: a().string,
+        prepend: a().bool,
+        repositionMode: a().oneOf([ "none", "flip" ]),
+        selectAllAppearance: a().oneOf([ "buttongroup", "checkbox" ]),
+        showSelectedValuesFirst: a().oneOf([ "nextOpen", "immediately", "never" ]),
+        suffixLabel: a().string,
+        tabConfirmsNewValue: a().bool,
+        values: a().array
+    };
+    var Tt = {
+        allowKeyMatching: true,
+        allowNewValues: false,
+        animateLoading: false,
+        appearance: "toggle",
+        append: false,
+        defaultPlacement: "vertical",
+        disabled: false,
+        filter: false,
+        inline: false,
+        isLoadingOptions: false,
+        menuStyle: {},
+        multiple: false,
+        noOptionsMessage: (0, c._)("No matches"),
+        placeholder: (0, c._)("Select..."),
+        prepend: false,
+        repositionMode: "flip",
+        selectAllAppearance: "buttongroup",
+        tabConfirmsNewValue: false
+    };
+    var Pt = w()((function(e) {
+        return [ e ];
+    }));
+ // preserve separate widths for single vs. multi mode
+        var Vt = w()((function(e) {
+        var t = e.anchorWidth, n = e.isMultiple, r = e.menuStyle;
+        return n ? jt({
+            width: Math.max(t !== null && t !== void 0 ? t : 0, 200)
+        }, r) : jt({
+            minWidth: t !== null && t !== void 0 ? t : undefined,
+            maxWidth: Math.max(t !== null && t !== void 0 ? t : 0, 300)
+        }, r);
+    }));
+    var Rt = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
+    function Dt(e) {
+        return e && l()(e.props, "value");
+    }
+    function qt(e, t) {
+        return "".concat(_t(e), "-").concat(e, "-").concat(t);
+    }
+    var Lt =  function(e) {
+        Ot(o, e);
+        var t = wt(o);
+        gt(o, null, [ {
+            key: "validateAppearance",
+            // @docs-props-type CompactPropsBase
+            value: function e(t) {
+                if (false) {}
+            }
+        } ]);
+        function o(e) {
+            var a;
+            yt(this, o);
+            a = t.call(this, e);
+            Et(Ct(a), "activeItemId", void 0);
+            Et(Ct(a), "activeValue", void 0);
+            Et(Ct(a), "availableOptionCount", void 0);
+            Et(Ct(a), "controlledExternally", void 0);
+            Et(Ct(a), "displayedValues", void 0);
+            Et(Ct(a), "dropdown", null);
+            Et(Ct(a), "firstSelectedEnabledOption", null);
+            Et(Ct(a), "firstSelectedOptionIndex", void 0);
+            Et(Ct(a), "menuId", void 0);
+            Et(Ct(a), "previousActiveIndex", null);
+            Et(Ct(a), "selectedOptionCount", void 0);
+            Et(Ct(a), "optionRefsByKey", void 0);
+            Et(Ct(a), "matchCharacter", void 0);
+            Et(Ct(a), "matchTimeout", void 0);
+            Et(Ct(a), "currentMatchOptions", void 0);
+            Et(Ct(a), "availableMatchOptions", void 0);
+            Et(Ct(a), "optionSelection", void 0);
+            Et(Ct(a), "resetMatches", (function() {
+                a.matchCharacter = null;
+                a.currentMatchOptions = [];
+                if (a.matchTimeout) {
+                    clearTimeout(a.matchTimeout);
+                }
+            }));
+            Et(Ct(a), "handleSelectAll", (function(e) {
+                var t, n, o;
+                var i = a.props, l = i.name, c = i.children, s = i.multiple;
+ // this doesn't make sense if we can't select multiple values
+                                if (!s) {
+                    return;
+                }
+                var u = (t = a.getCurrentValues()) !== null && t !== void 0 ? t : [];
+                var p = A()(u.concat(a.displayedValues));
+                p = r().Children.toArray(c).filter((function(e) {
+                    return Dt(e) && b()(p, e.props.value) && (!e.props.disabled || b()(u, e.props.value));
+                })).map((function(e) {
+                    return e.props.value;
+                }));
+                if (!a.isControlled()) {
+                    a.setState({
+                        values: p
+                    });
+                }
+                (n = (o = a.props).onChange) === null || n === void 0 ? void 0 : n.call(o, e, {
+                    values: p,
+                    name: l,
+                    reason: "selectAll"
+                });
+            }));
+            Et(Ct(a), "handleClearAll", (function(e) {
+                var t, n, o;
+                var i = a.props, l = i.name, c = i.children, s = i.multiple;
+ // this doesn't make sense if we can't select multiple values
+                                if (!s) {
+                    return;
+                }
+                var u = (t = a.getCurrentValues()) !== null && t !== void 0 ? t : [];
+                var p = E().apply(void 0, [ u ].concat(pt(a.displayedValues)));
+ // this will unselect all selected values unless those values are disabled or hidden by the filter
+                                var f = r().Children.toArray(c).filter((function(e) {
+                    return Dt(e) && (b()(u, e.props.value) && e.props.disabled || b()(p, e.props.value));
+                })).map((function(e) {
+                    return e.props.value;
+                }));
+                if (!a.isControlled()) {
+                    a.setState({
+                        values: f
+                    });
+                }
+                (n = (o = a.props).onChange) === null || n === void 0 ? void 0 : n.call(o, e, {
+                    values: f,
+                    name: l,
+                    reason: "clearAll"
+                });
+            }));
+            Et(Ct(a), "handleTextKeyDown", (function(e) {
+                var t = a.props, r = t.children, o = t.onScrollBottom, i = t.tabConfirmsNewValue;
+                var l = (0, R.keycode)(e.nativeEvent);
+                if (l === "tab") {
+                    if (i && !m()(a.activeValue) && a.availableOptionCount <= 1) {
+                        e.preventDefault();
+                        a.toggleValue(e, a.activeValue);
+                    }
+                }
+                if (e.shiftKey || e.metaKey || e.ctrlKey) {
+                    if (l === "a" && (e.ctrlKey || e.metaKey)) {
+                        // handle control + A
+                        if (a.optionSelection === "all") {
+                            a.handleClearAll(e);
+                        } else {
+                            a.handleSelectAll(e);
+                        }
+                    }
+                    return;
+                }
+                if (l === "down") {
+                    e.preventDefault();
+                    a.setState((function(e) {
+                        return {
+                            activeIndex: Math.min(e.activeIndex + 1, a.props.selectAllAppearance === "checkbox" ? a.availableOptionCount : a.availableOptionCount - 1)
+                        };
+                    }));
+                    if (r && o) {
+                        var c;
+                        var s = n.Children.toArray(r).length - (2 + ((c = a.getCurrentValues()) !== null && c !== void 0 ? c : []).length);
+                        if (a.state.activeIndex === s) {
+                            a.handleScrollBottom(e);
+                        }
+                    }
+                }
+                if (l === "up") {
+                    e.preventDefault();
+                    a.setState((function(e) {
+                        return {
+                            activeIndex: Math.max(e.activeIndex - 1, 0)
+                        };
+                    }));
+                }
+                if (l === "enter" && !m()(a.activeValue) && a.state.open) {
+                    if (a.activeValue === "selectAll") {
+                        if (a.optionSelection === "all") {
+                            a.handleClearAll(e);
+                        } else {
+                            a.handleSelectAll(e);
+                        }
+                    } else {
+                        e.preventDefault();
+                        a.toggleValue(e, a.activeValue);
+                    }
+                }
+            }));
+            Et(Ct(a), "handleMenuOptionClick", (function(e, t) {
+                var n = t.value;
+                e.preventDefault();
+                if (!a.state.open) {
+                    return;
+                }
+                a.toggleValue(e, n);
+            }));
+            Et(Ct(a), "handleMenuOptionKeyDown", (function(e, t) {
+                var n = e.nativeEvent.key;
+ // Checking for a single character to avoid complications from double-byte languages and emojis.
+                                if (n.length === 1) {
+                    var r = [];
+                    var o = {
+                        index: 0,
+                        value: n
+                    };
+                    if (!a.matchCharacter) {
+                        if (n === " ") {
+                            a.resetMatches();
+                            return;
+                        }
+                        r = tt(a.availableMatchOptions, o);
+                    } else if (a.currentMatchOptions.length > 1) {
+                        o.index = a.matchCharacter.index + 1;
+                        r = tt(a.currentMatchOptions, o);
+                    }
+                    if (r.length) {
+                        var i = 0;
+ // If the active option is a first character match, cycle to the next matching option.
+                                                if (o.index === 0 && r.length > 1) {
+                            var l = r.indexOf(a.availableMatchOptions[t]);
+                            if (l >= 0) {
+                                i = l === r.length - 1 ? 0 : l + 1;
+                            }
+                        }
+                        var c = r[i];
+                        var s = a.optionRefsByKey[qt(c.value, c.label)];
+                        if (s != null) {
+                            var u;
+                            (u = s.focus) === null || u === void 0 ? void 0 : u.call(s);
+                        }
+                    }
+                    a.currentMatchOptions = r;
+                    a.matchCharacter = o;
+                    if (a.matchTimeout) {
+                        clearTimeout(a.matchTimeout);
+                    }
+                    a.matchTimeout = setTimeout(a.resetMatches, 500);
+                    e.preventDefault();
+                    e.stopPropagation();
+                }
+            }));
+            Et(Ct(a), "handleTextChange", (function(e, t) {
+                var n, r;
+                var o = t.value;
+                a.setState({
+                    filterKeyword: o,
+                    open: true,
+                    activeIndex: 0
+                });
+                (n = (r = a.props).onFilterChange) === null || n === void 0 ? void 0 : n.call(r, e, {
+                    keyword: o
+                });
+            }));
+            Et(Ct(a), "handleTextFocus", (function() {
+                a.setState({
+                    textHasFocus: true
+                });
+            }));
+            Et(Ct(a), "handleTextBlur", (function() {
+                a.setState({
+                    textHasFocus: false
+                });
+            }));
+            Et(Ct(a), "handleRequestOpen", (function(e) {
+                var t = {
+                    open: true,
+                    topValues: a.getTopValues()
+                };
+ // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
+                                if (a.props.multiple) {
+                    t.filterKeyword = "";
+                }
+                var n = a.state.filterKeyword;
+                a.setState(t, (function() {
+                    var t, r;
+                    (t = (r = a.props).onOpen) === null || t === void 0 ? void 0 : t.call(r);
+                    if (a.firstSelectedEnabledOption && !a.hasFilter()) {
+                        a.firstSelectedEnabledOption.focus();
+                    } else {
+                        var o;
+                        a.setState({
+                            activeIndex: (o = a.firstSelectedOptionIndex) !== null && o !== void 0 ? o : 0
+                        });
+                    }
+                    if (n !== a.state.filterKeyword) {
+                        var i, l;
+                        (i = (l = a.props).onFilterChange) === null || i === void 0 ? void 0 : i.call(l, e, {
+                            keyword: a.state.filterKeyword
+                        });
+                    }
+                }));
+            }));
+            Et(Ct(a), "handleRequestClose", (function() {
+                a.setState({
+                    open: false,
+                    activeIndex: 0
+                }, (function() {
+                    var e, t;
+                    a.previousActiveIndex = null;
+                    (e = (t = a.props).onClose) === null || e === void 0 ? void 0 : e.call(t);
+                }));
+            }));
+            Et(Ct(a), "handleScrollBottom", (function(e) {
+                if (a.state.open && !a.props.isLoadingOptions) {
+                    var t, n;
+                    (t = (n = a.props).onScrollBottom) === null || t === void 0 ? void 0 : t.call(n, e);
+                }
+            }));
+            Et(Ct(a), "handleActiveOptionMount", (function(e) {
+                if (a.previousActiveIndex !== a.state.activeIndex) {
+                    e === null || e === void 0 ? void 0 : e.scrollIntoViewIfNeeded();
+                }
+            }));
+            Et(Ct(a), "handleOptionMount", (function(e, t, n) {
+                if (n) {
+                    a.firstSelectedEnabledOption = e;
+                }
+                if (e == null) {
+                    delete a.optionRefsByKey[t];
+                } else {
+                    a.optionRefsByKey[t] = e;
+                }
+            }));
+            Et(Ct(a), "createToggle", (function() {
+                var e;
+                var t = a.props, i = t.toggle, l = t.appearance, s = t.children, u = t.describedBy, p = t.disabled, d = t.elementRef, v = t.error, h = t.inline, b = t.labelledBy, y = t.labelText, m = t.multiple, g = t.placeholder, S = t.prefixLabel, w = t.required, k = t.suffixLabel;
+                var x;
+                var _;
+ // Generate buttonLabels
+                                var A = (e = a.getCurrentValues()) !== null && e !== void 0 ? e : [];
+                var j = n.Children.toArray(s);
+                var E = A.reduce((function(e, t, n, r) {
+                    var o = f()(j, (function(e) {
+                        return Dt(e) && e.props.value === t;
+                    }));
+                    if (o) {
+                        e.push(o.props.children || o.props.label);
+ // if not in multiple mode, add the icon
+                                                if (!m && A.length === 1) {
+                            x = o.props.icon;
+                        }
+                    } else if (m) {
+                        // only add values that don't match an option in "multiple" mode to preserve old behaviour
+                        e.push(t);
+                    }
+                    if (n < r.length - 1) {
+                        e.push((0, c._)(", "));
+                    }
+                    return e;
+                }), []);
+                _ = E;
+ // only apply prefix / suffix if the label is not empty
+                                if (_.length > 0) {
+                    _ = a.wrapLabel({
+                        prefixLabel: S,
+                        label: _,
+                        suffixLabel: k
+                    });
+                }
+ // single <Select> behaviour is to show the placeholder if all parts of the the label
+                // are empty strings so we replicate this behaviour here
+                                if (_.length === 0 || !m && _.every((function(e) {
+                    return e === "";
+                }))) {
+                    _ = Pt(g);
+                }
+                var M = _;
+ // If there's more than one item selected, read out the selected total
+                // rather than reading out each selected item
+                                if (_.length > 1) {
+                    M = a.wrapLabel({
+                        prefixLabel: S,
+                        label: [ "".concat(A.length, " items selected") ],
+                        suffixLabel: k
+                    });
+                }
+                var T = jt({
+                    "aria-describedby": u,
+                    "aria-label": "".concat(y ? "".concat(y, ", ") : "").concat(M),
+                    "aria-labelledby": y ? undefined : b,
+                    "aria-multiselectable": m || undefined,
+                    "aria-required": w,
+                    "data-select-appearance": l,
+                    "data-test": m ? "multiselect" : "select",
+                    disabled: p,
+                    elementRef: d,
+                    error: v
+                }, C()(a.props, O()(o.propTypes)));
+                if (m) {
+                    T["data-test-values"] = JSON.stringify(A);
+                } else {
+                    var P = lt(A, 1), V = P[0];
+                    T["data-test-value"] = V;
+                }
+                if (i) {
+                    
+                    return (0, n.cloneElement)(i, T);
+                }
+                if (l === "link") {
+                    
+                    return r().createElement(L(), it({}, T, {
+                        "data-select-appearance": "link"
+                    }), !!x &&  r().createElement(Ue, null, x), _ || g,  r().createElement(Ge, null,  r().createElement(J, null)));
+                }
+                
+                return r().createElement(ze, it({}, T, {
+                    $multiple: m,
+                    appearance: l,
+                    label: _,
+                    error: v,
+                    icon: x,
+                    inline: h,
+                    isMenu: true,
+                    "aria-haspopup": "listbox",
+                    "aria-owns": a.menuId,
+                    onClick: a.props.onClick
+                }, I()(a.props, o.invalidLinkAppearanceProps)), !!A.length && m &&  r().createElement(Xe, {
+                    "data-role": "count"
+                }, "(", A.length, ")"));
+            }));
+            Et(Ct(a), "createChildren", (function() {
+                var e = a.state, t = e.filterKeyword, o = e.textHasFocus, i = e.topValues;
+                var l = a.props, s = l.allowKeyMatching, u = l.allowNewValues, p = l.filter, d = l.multiple, h = l.selectAllAppearance, b = l.showSelectedValuesFirst, y = l.isLoadingOptions, m = l.onScrollBottom;
+                var g = a.getCurrentValues();
+                a.availableOptionCount = 0;
+                a.firstSelectedOptionIndex = undefined;
+                a.selectedOptionCount = 0;
+                a.activeValue = undefined;
+                a.availableMatchOptions = [];
+                var O;
+                var S = 0;
+                var w = false;
+ // used to avoid overwriting the selected item ref in multiple mode
+                                var k;
+                var C = b === "immediately" ? a.getTopValues() : i;
+                var x = n.Children.toArray(a.props.children).reduce((function(e, t, o) {
+                    // ignore Headings and Dividers
+                    if (!Dt(t)) {
+                        e.push(t);
+                        return e;
+                    }
+ // Find out if the search string exactly matches a value
+                                        if (t.props.value === a.state.filterKeyword) {
+                        O = true;
+                    }
+                    var i = g && g.indexOf(t.props.value) >= 0;
+                    var l = !!i && !t.props.disabled && !k;
+                    var c = s && !d && !p && !y && !m;
+                    var u = qt(t.props.value, t.props.label);
+                    var f = -1;
+                    if (c && !t.props.disabled && !t.props.hidden) {
+                        a.availableMatchOptions.push({
+                            label: t.props.label,
+                            value: t.props.value
+                        });
+                        f = a.availableMatchOptions.length - 1;
+                    }
+ // Format the Menu.Item
+                                        var v =  (0, n.cloneElement)(t, {
+                        key: t.key || o,
+                        onClick: a.handleMenuOptionClick,
+                        onKeyDown: c ? function(e) {
+                            return a.handleMenuOptionKeyDown(e, f);
+                        } : undefined,
+                        selected: i,
+                        multiple: d,
+                        role: "option",
+                        ref: function e(t) {
+                            return a.handleOptionMount(t, u, l);
+                        }
+                    });
+                    if (l) {
+                        k = true;
+                    }
+                    if (C && C.indexOf(t.props.value) >= 0) {
+                        if (S === 0) {
+                            e.splice(S, 0,  r().createElement(T.Divider, {
+                                key: "topDivider"
+                            }));
+                            w = true;
+                        }
+                        e.splice(S, 0, v);
+                        S += 1;
+                    } else {
+                        e.push(v);
+                    }
+                    return e;
+                }), []);
+ // In multiple mode, add missing items
+                                if (d) {
+                    v()(g, (function(e) {
+                        var t = f()(x, (function(t) {
+                            return Dt(t) && t.props && t.props.value === e;
+                        }));
+                        if (!t) {
+                            if (e === a.state.filterKeyword) {
+                                O = true;
+                            }
+                            var n = C && C.indexOf(e) >= 0;
+                            var o = C.length;
+                            if (S === 0) {
+                                x.splice(0, 0,  r().createElement(T.Divider, {
+                                    key: "topDivider"
+                                }));
+                                S += 1;
+                                w = true;
+                            }
+                            x.splice(n ? 0 : o + 1, 0,  r().createElement(Oe, {
+                                label: String(e),
+                                value: e,
+                                key: "missing-value-".concat(e),
+                                onClick: a.handleMenuOptionClick,
+                                multiple: d,
+                                selected: true
+                            }));
+                            if (n) {
+                                S += 1;
+                            }
+                        }
+                    }));
+                }
+                var I = p === "controlled";
+ // Filter the items
+                                var _ = (0, D.stringToKeywords)(t);
+                x = I ? x : x.filter((function(e) {
+                    if (Dt(e)) {
+                        return (0, D.testPhrase)(e.props.label, _);
+                    }
+                    return true;
+ // Keep all headers and non-interactive options
+                                })).map((function(e) {
+                    if (!Dt(e)) {
+                        return e;
+                    }
+ // highlight matched text
+                                        var t = _ && (0, D.keywordLocations)(e.props.label, _);
+                    
+                    return (0, n.cloneElement)(e, {
+                        matchRanges: t || undefined
+                    });
+                }));
+ // Add the option to add the new value
+                                if (u && !O && t) {
+                    var A = w ? S + 1 : S;
+                    x.splice(A, 0,  r().createElement(Oe, {
+                        label: "".concat(t, " (new value)"),
+                        value: t,
+                        key: "newValue",
+                        multiple: d,
+                        onClick: a.handleMenuOptionClick
+                    }));
+                }
+ // When selectAll is a menu item, add an offset so that activeItem accounts for the extra selectAll option.
+                                var j = h === "checkbox" && d && x.length > 1 ? 1 : 0;
+                var E = true;
+ // Highlight the selected Items and remove hidden
+                                x = x.reduce((function(e, t) {
+                    // ignore Dividers & Headings
+                    if (!Dt(t)) {
+                        e.push(t);
+                        return e;
+                    }
+ // Ignore any hidden items
+                                        if (t.props && t.props.hidden) {
+                        return e;
+                    }
+                    if (t.props.selected && !t.props.disabled && a.firstSelectedOptionIndex == null) {
+                        a.firstSelectedOptionIndex = a.availableOptionCount;
+                    }
+                    var r = j === a.state.activeIndex;
+                    j += 1;
+                    a.availableOptionCount += 1;
+                    a.selectedOptionCount += t.props.selected ? 1 : 0;
+                    if (t.key !== "newValue" && !t.props.disabled && !t.props.selected) {
+                        E = false;
+                    }
+                    if (!r || !o) {
+                        e.push(t);
+                        return e;
+                    }
+                    if (!t.props.disabled) {
+                        a.activeValue = t.props.value;
+                    }
+                    var i =  (0, n.cloneElement)(t, {
+                        active: r,
+                        id: a.activeItemId,
+                        ref: a.handleActiveOptionMount
+                    });
+                    e.push(i);
+                    return e;
+                }), []);
+                a.optionSelection = a.selectedOptionCount === 0 && "none" || E && "all" || "some";
+ // add select all option
+                                if (h === "checkbox" && d && a.availableOptionCount > 0) {
+                    var M;
+                    var P;
+                    if (a.optionSelection === "all") {
+                        if (t === "") {
+                            P = (0, c._)("Clear all");
+                        } else {
+                            P = (0, c._)("Clear all matches");
+                        }
+                    } else if (t === "") {
+                        P = (0, c._)("Select all");
+                    } else {
+                        P = (0, c._)("Select all matches");
+                    }
+                    if (a.state.activeIndex === 0 && o) {
+                        a.activeValue = "selectAll";
+                    }
+                    x.unshift( r().createElement($e, {
+                        key: "selectAllOption",
+                        selected: a.optionSelection === "all" || a.optionSelection !== "none" && "some",
+                        selectAllLabel: P,
+                        totalCount: (M = a.getCurrentValues()) === null || M === void 0 ? void 0 : M.length,
+                        changedToggle: !!a.props.toggle,
+                        onClick: a.optionSelection === "all" ? a.handleClearAll : a.handleSelectAll,
+                        id: a.state.activeIndex === 0 ? a.activeItemId : undefined,
+                        active: a.state.activeIndex === 0,
+                        ref: a.handleActiveOptionMount,
+                        tabIndex: -1
+                    }),  r().createElement(T.Divider, {
+                        key: "selectAllDivider"
+                    }));
+                }
+                a.displayedValues = x.reduce((function(e, t) {
+                    if (Dt(t)) {
+                        e.push(t.props.value);
+                    }
+                    return e;
+                }), []);
+                return x;
+            }));
+            Et(Ct(a), "wrapLabel", (function(e) {
+                var t = e.prefixLabel, n = e.label, r = e.suffixLabel;
+                var o = n;
+                if (t) {
+                    o = [ "".concat(t, ": ") ].concat(o);
+                }
+                if (r) {
+                    o = u()(o).concat(" ".concat(r));
+                }
+                return o;
+            }));
+            Et(Ct(a), "handleDropdownMount", (function(e) {
+                a.dropdown = e;
+            }));
+            a.state = {
+                activeIndex: 0,
+                filterKeyword: "",
+                open: false,
+                textHasFocus: false,
+                topValues: [],
+                values: e.defaultValues || []
+            };
+            a.controlledExternally = l()(e, "values");
+            a.displayedValues = [];
+            a.availableOptionCount = 0;
+            a.firstSelectedOptionIndex = undefined;
+            a.selectedOptionCount = 0;
+            a.matchCharacter = null;
+            a.matchTimeout = null;
+            a.currentMatchOptions = [];
+            a.availableMatchOptions = [];
+            a.optionRefsByKey = {};
+            a.optionSelection = "none";
+            if (false) {}
+            if (false) {}
+            o.validateAppearance(e);
+            a.menuId = (0, M.createDOMID)("menu");
+            a.activeItemId = (0, M.createDOMID)("active-item");
+            return a;
+        }
+        gt(o, [ {
+            key: "componentDidUpdate",
+            value: function e(t, n) {
+                if (false) {}
+                if (false) {}
+                o.validateAppearance(this.props);
+                this.previousActiveIndex = n.activeIndex;
+            }
+        }, {
+            key: "getCurrentValues",
+            value: function e() {
+                var t = this.isControlled() ? this.props.values : this.state.values;
+                return this.props.multiple || t == null ? t : t.slice(0, 1);
+            }
+        }, {
+            key: "getTopValues",
+            value: function e() {
+                var t;
+                // in non-multiple mode, don't move values to the top of the list
+                                return this.props.multiple && this.props.showSelectedValuesFirst !== "never" ? (t = this.getCurrentValues()) !== null && t !== void 0 ? t : [] : [];
+            }
+        }, {
+            key: "isControlled",
+            value: function e() {
+                return this.controlledExternally;
+            }
+        }, {
+            key: "hasFilter",
+            value: function e() {
+                return !!this.props.filter;
+            }
+        }, {
+            key: "toggleValue",
+            value: function e(t, n) {
+                var r, o, a;
+                var i = (r = this.getCurrentValues()) !== null && r !== void 0 ? r : [];
+                var l = i.indexOf(n);
+                var c = this.props, s = c.name, u = c.multiple;
+                var p;
+                if (u) {
+                    if (l >= 0) {
+                        p = [].concat(pt(i.slice(0, l)), pt(i.slice(l + 1)));
+                    } else {
+                        p = i.concat([ n ]);
+                    }
+                } else {
+                    // non-multiple mode must always have a value
+                    p = [ n ];
+                }
+                var f = !this.isControlled();
+                if (f) {
+                    this.setState({
+                        values: p
+                    });
+                }
+                if (u) {
+                    // in uncontrolled multiple mode, keep the menu open
+                    if (f) {
+                        this.setState({
+                            open: true
+                        });
+                    }
+                } else {
+                    // non-multiple mode only supports a single selection
+                    // so close the menu once a selection is made
+                    this.handleRequestClose({
+                        reason: "contentClick"
+                    });
+                    this.focus();
+                }
+                (o = (a = this.props).onChange) === null || o === void 0 ? void 0 : o.call(a, t, {
+                    values: p,
+                    name: s,
+                    reason: "valueToggle"
+                });
+            }
+            /**
+     * Place focus on the toggle.
+     */        }, {
+            key: "focus",
+            value: function e() {
+                var t;
+                (t = this.dropdown) === null || t === void 0 ? void 0 : t.focus();
+            }
+        }, {
+            key: "renderControls",
+            value: function e(t) {
+                var n = t.hasChildren, o = t.placement;
+                var a = this.state.filterKeyword;
+                var i = this.props, l = i.inputId, s = i.inputRef, u = i.multiple, p = i.selectAllAppearance;
+                var f = (0, c._)("Select all options".concat(this.optionSelection === "all" ? " disabled" : ""));
+                var d = (0, c._)("Clear all options".concat(this.optionSelection === "none" ? " disabled" : ""));
+ // only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
+                                var v =  r().createElement(Ze, {
+                    $placement: o,
+                    key: "selectAll"
+                },  r().createElement(Ye, {
+                    $disabled: this.optionSelection === "all",
+                    "aria-label": f,
+                    onClick: this.handleSelectAll,
+                    "data-test": "select-all"
+                }, a ? (0, c._)("Select All Matches") : (0, c._)("Select All")),  r().createElement(Ye, {
+                    $disabled: this.optionSelection === "none",
+                    "aria-label": d,
+                    onClick: this.handleClearAll,
+                    "data-test": "clear-all"
+                }, a ? (0, c._)("Clear All Matches") : (0, c._)("Clear All")));
+                return this.hasFilter() &&  r().createElement("div", {
+                    key: "controls"
+                },  r().createElement(Je, {
+                    key: "filter",
+                    "data-test": "filter"
+                },  r().createElement(F(), {
+                    value: a,
+                    autoCapitalize: "off",
+                    autoComplete: "off",
+                    autoCorrect: "off",
+                    spellCheck: false,
+                    onChange: this.handleTextChange,
+                    onKeyDown: this.handleTextKeyDown,
+                    onFocus: this.handleTextFocus,
+                    onBlur: this.handleTextBlur,
+                    placeholder: (0, c._)("filter"),
+                    role: "combobox",
+                    "aria-expanded": "true",
+                    "aria-label": (0, c._)("Filter"),
+                    "aria-activedescendant": this.activeItemId,
+                    inputRef: s,
+                    inputId: l,
+                    canClear: true,
+                    startAdornment:  r().createElement(Qe, null,  r().createElement(te, null))
+                })), u && n && p === "buttongroup" && v);
+            }
+        }, {
+            key: "render",
+            value: function e() {
+                var t, o = this;
+                var a = this.props, i = a.children, l = a.defaultPlacement, c = a.inputId, s = a.multiple, u = a.repositionMode;
+                var p = this.hasFilter();
+                var d = (t = this.getCurrentValues()) !== null && t !== void 0 ? t : [];
+                var v = n.Children.toArray(i);
+                var h = d.some((function(e) {
+                    var t = f()(v, (function(t) {
+                        return Dt(t) && t.props.value === e;
+                    }));
+                    return t && !t.props.disabled;
+                }));
+                var b = this.createChildren();
+                var y = this.createToggle();
+                var m = function e(t) {
+                    var n = t.anchorWidth, a = t.maxHeight, i = t.placement;
+                    var l = Vt({
+                        anchorWidth: n,
+                        isMultiple: o.props.multiple,
+                        menuStyle: o.props.menuStyle
+                    });
+                    var c = d.length > 0 && !h && !o.hasFilter() ? 0 : undefined;
+                    
+                    return r().createElement(B(), it({
+                        "aria-multiselectable": s || undefined,
+                        childrenStart: o.renderControls({
+                            placement: i,
+                            hasChildren: !!b.length
+                        }),
+                        controlledExternally: o.hasFilter(),
+                        placement: i !== null && i !== void 0 ? i : undefined,
+                        maxHeight: a !== null && a !== void 0 ? a : undefined,
+                        onScrollBottom: o.props.onScrollBottom ? o.handleScrollBottom : undefined,
+                        "data-test": "results-menu",
+                        isLoading: o.props.isLoadingOptions,
+                        id: o.menuId
+                    }, I()(o.props, "noOptionsMessage", "footerMessage", "animateLoading", "loadingMessage", "onScroll"), {
+                        style: l,
+                        tabIndex: c
+                    }), b);
+                };
+                
+                return r().createElement(V(), {
+                    closeReasons: Rt,
+                    inputId: c,
+                    toggle: y,
+                    onRequestOpen: this.handleRequestOpen,
+                    onRequestClose: this.handleRequestClose,
+                    open: this.state.open,
+                    openWithArrowKeys: true,
+                    repositionMode: u,
+                    defaultPlacement: p ? l : undefined,
+                    canCoverAnchor: at().innerHeight < 500,
+                    ref: this.handleDropdownMount,
+                    retainFocus: false,
+                    takeFocus: d.length === 0 || d.length > 0 && !h || !!p
+                }, m);
+            }
+        } ]);
+        return o;
+    }(n.Component);
+    Et(Lt, "propTypes", Mt);
+    Et(Lt, "defaultProps", Tt);
+    Et(Lt, "Option", Oe);
+    Et(Lt, "Divider", T.Divider);
+    Et(Lt, "Heading", T.Heading);
+    Et(Lt, "invalidLinkAppearanceProps", [ "append", "error", "prepend" ]);
+    /* harmony default export */    const Nt = Lt;
+    // CONCATENATED MODULE: ./src/Select/Option.tsx
+    function Bt(e) {
+        "@babel/helpers - typeof";
+        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+            Bt = function e(t) {
+                return typeof t;
+            };
+        } else {
+            Bt = function e(t) {
+                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+            };
         }
-
-        var active = totalOptionCount === _this.state.activeIndex;
-        totalOptionCount += 1;
-        _this.availableOptionCount += 1;
-        _this.selectedOptionCount += item.props.selected ? 1 : 0;
-
-        if (item.key !== 'newValue' && !item.props.disabled && !item.props.selected) {
-          allOptionsSelected = false;
+        return Bt(e);
+    }
+    function Kt() {
+        Kt = Object.assign || function(e) {
+            for (var t = 1; t < arguments.length; t++) {
+                var n = arguments[t];
+                for (var r in n) {
+                    if (Object.prototype.hasOwnProperty.call(n, r)) {
+                        e[r] = n[r];
+                    }
+                }
+            }
+            return e;
+        };
+        return Kt.apply(this, arguments);
+    }
+    function Ft(e, t) {
+        if (!(e instanceof t)) {
+            throw new TypeError("Cannot call a class as a function");
         }
-
-        if (!active || !textHasFocus) {
-          acc.push(item);
-          return acc;
+    }
+    function $t(e, t) {
+        for (var n = 0; n < t.length; n++) {
+            var r = t[n];
+            r.enumerable = r.enumerable || false;
+            r.configurable = true;
+            if ("value" in r) r.writable = true;
+            Object.defineProperty(e, r.key, r);
         }
-
-        if (!item.props.disabled) {
-          _this.activeValue = item.props.value;
+    }
+    function Ht(e, t, n) {
+        if (t) $t(e.prototype, t);
+        if (n) $t(e, n);
+        return e;
+    }
+    function Wt(e, t) {
+        if (typeof t !== "function" && t !== null) {
+            throw new TypeError("Super expression must either be null or a function");
         }
-
-        var clonedItem = /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(item, {
-          active: active,
-          id: _this.activeItemId,
-          ref: _this.handleActiveOptionMount
+        e.prototype = Object.create(t && t.prototype, {
+            constructor: {
+                value: e,
+                writable: true,
+                configurable: true
+            }
         });
-        acc.push(clonedItem);
-        return acc;
-      }, []);
-      _this.optionSelection = _this.selectedOptionCount === 0 && 'none' || allOptionsSelected && 'all' || 'some'; // add select all option
-
-      if (selectAllAppearance === 'checkbox' && multiple && _this.availableOptionCount > 0) {
-        var _this$getCurrentValue5;
-
-        var selectAllLabel;
-
-        if (_this.optionSelection === 'all') {
-          if (filterKeyword === '') {
-            selectAllLabel = (0,i18n_namespaceObject._)('Clear all');
-          } else {
-            selectAllLabel = (0,i18n_namespaceObject._)('Clear all matches');
-          }
-        } else if (filterKeyword === '') {
-          selectAllLabel = (0,i18n_namespaceObject._)('Select all');
-        } else {
-          selectAllLabel = (0,i18n_namespaceObject._)('Select all matches');
+        if (t) zt(e, t);
+    }
+    function zt(e, t) {
+        zt = Object.setPrototypeOf || function e(t, n) {
+            t.__proto__ = n;
+            return t;
+        };
+        return zt(e, t);
+    }
+    function Ut(e) {
+        var t = Qt();
+        return function n() {
+            var r = Xt(e), o;
+            if (t) {
+                var a = Xt(this).constructor;
+                o = Reflect.construct(r, arguments, a);
+            } else {
+                o = r.apply(this, arguments);
+            }
+            return Gt(this, o);
+        };
+    }
+    function Gt(e, t) {
+        if (t && (Bt(t) === "object" || typeof t === "function")) {
+            return t;
         }
-
-        if (_this.state.activeIndex === 0 && textHasFocus) {
-          _this.activeValue = 'selectAll';
+        return Jt(e);
+    }
+    function Jt(e) {
+        if (e === void 0) {
+            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
-
-        children.unshift( /*#__PURE__*/external_react_default().createElement(Select_SelectAllOption, {
-          key: "selectAllOption",
-          selected: _this.optionSelection === 'all' || _this.optionSelection !== 'none' && 'some',
-          selectAllLabel: selectAllLabel,
-          totalCount: (_this$getCurrentValue5 = _this.getCurrentValues()) === null || _this$getCurrentValue5 === void 0 ? void 0 : _this$getCurrentValue5.length,
-          changedToggle: !!_this.props.toggle,
-          onClick: _this.optionSelection === 'all' ? _this.handleClearAll : _this.handleSelectAll,
-          id: _this.state.activeIndex === 0 ? _this.activeItemId : undefined,
-          active: _this.state.activeIndex === 0,
-          ref: _this.handleActiveOptionMount,
-          tabIndex: -1
-        }), /*#__PURE__*/external_react_default().createElement(Menu_namespaceObject.Divider, {
-          key: "selectAllDivider"
-        }));
-      }
-
-      _this.displayedValues = children.reduce(function (acc, item) {
-        if (isOption(item)) {
-          acc.push(item.props.value);
+        return e;
+    }
+    function Qt() {
+        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+        if (Reflect.construct.sham) return false;
+        if (typeof Proxy === "function") return true;
+        try {
+            Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
+            return true;
+        } catch (e) {
+            return false;
         }
-
-        return acc;
-      }, []);
-      return children;
-    });
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "wrapLabel", function (_ref4) {
-      var prefixLabel = _ref4.prefixLabel,
-          label = _ref4.label,
-          suffixLabel = _ref4.suffixLabel;
-      var wrappedLabel = label;
-
-      if (prefixLabel) {
-        wrappedLabel = ["".concat(prefixLabel, ": ")].concat(wrappedLabel);
-      }
-
-      if (suffixLabel) {
-        wrappedLabel = castArray_default()(wrappedLabel).concat(" ".concat(suffixLabel));
-      }
-
-      return wrappedLabel;
-    });
-
-    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleDropdownMount", function (c) {
-      _this.dropdown = c;
-    });
-
-    _this.state = {
-      activeIndex: 0,
-      filterKeyword: '',
-      open: false,
-      textHasFocus: false,
-      topValues: [],
-      values: props.defaultValues || []
-    };
-    _this.controlledExternally = has_default()(props, 'values');
-    _this.displayedValues = [];
-    _this.availableOptionCount = 0;
-    _this.firstSelectedOptionIndex = undefined;
-    _this.selectedOptionCount = 0;
-    _this.matchCharacter = null;
-    _this.matchTimeout = null;
-    _this.currentMatchOptions = [];
-    _this.availableMatchOptions = [];
-    _this.optionRefsByKey = {};
-    _this.optionSelection = 'none';
-
-    if (false) {}
-
-    if (false) {}
-
-    SelectBase.validateAppearance(props);
-    _this.menuId = (0,id_namespaceObject.createDOMID)('menu');
-    _this.activeItemId = (0,id_namespaceObject.createDOMID)('active-item');
-    return _this;
-  }
-
-  SelectBase_createClass(SelectBase, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      if (false) {}
-
-      if (false) {}
-
-      SelectBase.validateAppearance(this.props);
-      this.previousActiveIndex = prevState.activeIndex;
-    }
-  }, {
-    key: "getCurrentValues",
-    value: function getCurrentValues() {
-      var values = this.isControlled() ? this.props.values : this.state.values;
-      return this.props.multiple || values == null ? values : values.slice(0, 1);
-    }
-  }, {
-    key: "getTopValues",
-    value: function getTopValues() {
-      var _this$getCurrentValue6;
-
-      // in non-multiple mode, don't move values to the top of the list
-      return this.props.multiple && this.props.showSelectedValuesFirst !== 'never' ? (_this$getCurrentValue6 = this.getCurrentValues()) !== null && _this$getCurrentValue6 !== void 0 ? _this$getCurrentValue6 : [] : [];
-    }
-  }, {
-    key: "isControlled",
-    value: function isControlled() {
-      return this.controlledExternally;
-    }
-  }, {
-    key: "hasFilter",
-    value: function hasFilter() {
-      return !!this.props.filter;
-    }
-  }, {
-    key: "toggleValue",
-    value: function toggleValue(e, value) {
-      var _this$getCurrentValue7, _this$props$onChange3, _this$props14;
-
-      var values = (_this$getCurrentValue7 = this.getCurrentValues()) !== null && _this$getCurrentValue7 !== void 0 ? _this$getCurrentValue7 : [];
-      var currentIndex = values.indexOf(value);
-      var _this$props13 = this.props,
-          name = _this$props13.name,
-          multiple = _this$props13.multiple;
-      var newValues;
-
-      if (multiple) {
-        if (currentIndex >= 0) {
-          newValues = [].concat(_toConsumableArray(values.slice(0, currentIndex)), _toConsumableArray(values.slice(currentIndex + 1)));
+    }
+    function Xt(e) {
+        Xt = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+            return t.__proto__ || Object.getPrototypeOf(t);
+        };
+        return Xt(e);
+    }
+    function Yt(e, t, n) {
+        if (t in e) {
+            Object.defineProperty(e, t, {
+                value: n,
+                enumerable: true,
+                configurable: true,
+                writable: true
+            });
         } else {
-          newValues = values.concat([value]);
+            e[t] = n;
         }
-      } else {
-        // non-multiple mode must always have a value
-        newValues = [value];
-      }
-
-      var uncontrolled = !this.isControlled();
-
-      if (uncontrolled) {
-        this.setState({
-          values: newValues
-        });
-      }
-
-      if (multiple) {
-        // in uncontrolled multiple mode, keep the menu open
-        if (uncontrolled) {
-          this.setState({
-            open: true
-          });
-        }
-      } else {
-        // non-multiple mode only supports a single selection
-        // so close the menu once a selection is made
-        this.handleRequestClose({
-          reason: 'contentClick'
-        });
-        this.focus();
-      }
-
-      (_this$props$onChange3 = (_this$props14 = this.props).onChange) === null || _this$props$onChange3 === void 0 ? void 0 : _this$props$onChange3.call(_this$props14, e, {
-        values: newValues,
-        name: name,
-        reason: 'valueToggle'
-      });
+        return e;
     }
+    var Zt = {
+        /** @private */
+        active: a().bool,
+        children: a().node,
+        description: a().string,
+        descriptionPosition: a().oneOf([ "right", "bottom" ]),
+        disabled: a().bool,
+        hidden: a().bool,
+        icon: a().node,
+        label: a().string.isRequired,
+        matchRanges: a().arrayOf(a().shape({
+            start: a().number.isRequired,
+            end: a().number.isRequired
+        })),
+        /** @private */
+        onClick: a().func,
+        /** @private */
+        selected: a().bool,
+        truncate: a().bool,
+        value: a().oneOfType([ a().string, a().number, a().bool ]).isRequired
+    };
+    var en = {
+        active: false,
+        descriptionPosition: "bottom",
+        disabled: false,
+        hidden: false,
+        selected: false,
+        truncate: false
+    };
     /**
-     * Place focus on the toggle.
-     */
-
-  }, {
-    key: "focus",
-    value: function focus() {
-      var _this$dropdown;
-
-      (_this$dropdown = this.dropdown) === null || _this$dropdown === void 0 ? void 0 : _this$dropdown.focus();
-    }
-  }, {
-    key: "renderControls",
-    value: function renderControls(_ref5) {
-      var hasChildren = _ref5.hasChildren,
-          placement = _ref5.placement;
-      var filterKeyword = this.state.filterKeyword;
-      var _this$props15 = this.props,
-          inputId = _this$props15.inputId,
-          inputRef = _this$props15.inputRef,
-          multiple = _this$props15.multiple,
-          selectAllAppearance = _this$props15.selectAllAppearance;
-
-      var selectAllLabel = (0,i18n_namespaceObject._)("Select all options".concat(this.optionSelection === 'all' ? ' disabled' : ''));
-
-      var clearAllLabel = (0,i18n_namespaceObject._)("Clear all options".concat(this.optionSelection === 'none' ? ' disabled' : '')); // only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
-
-
-      var selectControls = /*#__PURE__*/external_react_default().createElement(StyledToggleAllControls, {
-        $placement: placement,
-        key: "selectAll"
-      }, /*#__PURE__*/external_react_default().createElement(StyledControlsLink, {
-        $disabled: this.optionSelection === 'all',
-        "aria-label": selectAllLabel,
-        onClick: this.handleSelectAll,
-        "data-test": "select-all"
-      }, filterKeyword ? (0,i18n_namespaceObject._)('Select All Matches') : (0,i18n_namespaceObject._)('Select All')), /*#__PURE__*/external_react_default().createElement(StyledControlsLink, {
-        $disabled: this.optionSelection === 'none',
-        "aria-label": clearAllLabel,
-        onClick: this.handleClearAll,
-        "data-test": "clear-all"
-      }, filterKeyword ? (0,i18n_namespaceObject._)('Clear All Matches') : (0,i18n_namespaceObject._)('Clear All')));
-      return this.hasFilter() && /*#__PURE__*/external_react_default().createElement("div", {
-        key: "controls"
-      }, /*#__PURE__*/external_react_default().createElement(StyledFilter, {
-        key: "filter",
-        "data-test": "filter"
-      }, /*#__PURE__*/external_react_default().createElement((Text_default()), {
-        value: filterKeyword,
-        autoCapitalize: "off",
-        autoComplete: "off",
-        autoCorrect: "off",
-        spellCheck: false,
-        onChange: this.handleTextChange,
-        onKeyDown: this.handleTextKeyDown,
-        onFocus: this.handleTextFocus,
-        onBlur: this.handleTextBlur,
-        placeholder: (0,i18n_namespaceObject._)('filter'),
-        role: "combobox",
-        "aria-expanded": "true",
-        "aria-label": (0,i18n_namespaceObject._)('Filter'),
-        "aria-activedescendant": this.activeItemId,
-        inputRef: inputRef,
-        inputId: inputId,
-        canClear: true,
-        startAdornment: /*#__PURE__*/external_react_default().createElement(StyledSearchIconWrapper, null, /*#__PURE__*/external_react_default().createElement(icons_Search, null))
-      })), multiple && hasChildren && selectAllAppearance === 'buttongroup' && selectControls);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$getCurrentValue8,
-          _this2 = this;
-
-      var _this$props16 = this.props,
-          children = _this$props16.children,
-          defaultPlacement = _this$props16.defaultPlacement,
-          inputId = _this$props16.inputId,
-          multiple = _this$props16.multiple,
-          repositionMode = _this$props16.repositionMode;
-      var filterEnabled = this.hasFilter();
-      var currentValues = (_this$getCurrentValue8 = this.getCurrentValues()) !== null && _this$getCurrentValue8 !== void 0 ? _this$getCurrentValue8 : [];
-      var childrenArray = external_react_namespaceObject.Children.toArray(children);
-      var isAnyValueSelected = currentValues.some(function (value) {
-        var matchedItem = find_default()(childrenArray, function (item) {
-          return isOption(item) && item.props.value === value;
-        });
-        return matchedItem && !matchedItem.props.disabled;
-      });
-      var finalChildren = this.createChildren();
-      var toggle = this.createToggle();
-
-      var createMenu = function createMenu(_ref6) {
-        var anchorWidth = _ref6.anchorWidth,
-            maxHeight = _ref6.maxHeight,
-            placement = _ref6.placement;
-        var internalMenuStyle = getInlineMenuStyle({
-          anchorWidth: anchorWidth,
-          isMultiple: _this2.props.multiple,
-          menuStyle: _this2.props.menuStyle
-        });
-        var tabIndex = currentValues.length > 0 && !isAnyValueSelected && !_this2.hasFilter() ? 0 : undefined;
-        return /*#__PURE__*/external_react_default().createElement((ResultsMenu_default()), SelectBase_extends({
-          "aria-multiselectable": multiple || undefined,
-          childrenStart: _this2.renderControls({
-            placement: placement,
-            hasChildren: !!finalChildren.length
-          }),
-          controlledExternally: _this2.hasFilter(),
-          placement: placement !== null && placement !== void 0 ? placement : undefined,
-          maxHeight: maxHeight !== null && maxHeight !== void 0 ? maxHeight : undefined,
-          onScrollBottom: _this2.props.onScrollBottom ? _this2.handleScrollBottom : undefined,
-          "data-test": "results-menu",
-          isLoading: _this2.props.isLoadingOptions,
-          id: _this2.menuId
-        }, pick_default()(_this2.props, 'noOptionsMessage', 'footerMessage', 'animateLoading', 'loadingMessage', 'onScroll'), {
-          style: internalMenuStyle,
-          tabIndex: tabIndex
-        }), finalChildren);
-      };
-
-      return /*#__PURE__*/external_react_default().createElement((Dropdown_default()), {
-        closeReasons: dropdownCloseReasons,
-        inputId: inputId,
-        toggle: toggle,
-        onRequestOpen: this.handleRequestOpen,
-        onRequestClose: this.handleRequestClose,
-        open: this.state.open,
-        openWithArrowKeys: true,
-        repositionMode: repositionMode,
-        defaultPlacement: filterEnabled ? defaultPlacement : undefined,
-        canCoverAnchor: getWindow().innerHeight < 500,
-        ref: this.handleDropdownMount,
-        retainFocus: false,
-        takeFocus: currentValues.length === 0 || currentValues.length > 0 && !isAnyValueSelected || !!filterEnabled
-      }, createMenu);
-    }
-  }]);
-
-  return SelectBase;
-}(external_react_namespaceObject.Component);
-
-SelectBase_defineProperty(SelectBase, "propTypes", SelectBase_propTypes);
-
-SelectBase_defineProperty(SelectBase, "defaultProps", SelectBase_defaultProps);
-
-SelectBase_defineProperty(SelectBase, "Option", OptionBase);
-
-SelectBase_defineProperty(SelectBase, "Divider", Menu_namespaceObject.Divider);
-
-SelectBase_defineProperty(SelectBase, "Heading", Menu_namespaceObject.Heading);
-
-SelectBase_defineProperty(SelectBase, "invalidLinkAppearanceProps", ['append', 'error', 'prepend']);
-
-/* harmony default export */ const Select_SelectBase = (SelectBase);
-
-;// CONCATENATED MODULE: ./src/Select/Option.tsx
-function Option_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Option_typeof = function _typeof(obj) { return typeof obj; }; } else { Option_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Option_typeof(obj); }
-
-function Option_extends() { Option_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return Option_extends.apply(this, arguments); }
-
-function Option_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function Option_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function Option_createClass(Constructor, protoProps, staticProps) { if (protoProps) Option_defineProperties(Constructor.prototype, protoProps); if (staticProps) Option_defineProperties(Constructor, staticProps); return Constructor; }
-
-function Option_inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) Option_setPrototypeOf(subClass, superClass); }
-
-function Option_setPrototypeOf(o, p) { Option_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return Option_setPrototypeOf(o, p); }
-
-function Option_createSuper(Derived) { var hasNativeReflectConstruct = Option_isNativeReflectConstruct(); return function _createSuperInternal() { var Super = Option_getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = Option_getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return Option_possibleConstructorReturn(this, result); }; }
-
-function Option_possibleConstructorReturn(self, call) { if (call && (Option_typeof(call) === "object" || typeof call === "function")) { return call; } return Option_assertThisInitialized(self); }
-
-function Option_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function Option_isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-function Option_getPrototypeOf(o) { Option_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return Option_getPrototypeOf(o); }
-
-function Option_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-
-
-
-var Option_propTypes = {
-  /** @private */
-  active: (external_prop_types_default()).bool,
-  children: (external_prop_types_default()).node,
-  description: (external_prop_types_default()).string,
-  descriptionPosition: external_prop_types_default().oneOf(['right', 'bottom']),
-  disabled: (external_prop_types_default()).bool,
-  hidden: (external_prop_types_default()).bool,
-  icon: (external_prop_types_default()).node,
-  label: (external_prop_types_default()).string.isRequired,
-  matchRanges: external_prop_types_default().arrayOf(external_prop_types_default().shape({
-    start: (external_prop_types_default()).number.isRequired,
-    end: (external_prop_types_default()).number.isRequired
-  })),
-
-  /** @private */
-  onClick: (external_prop_types_default()).func,
-
-  /** @private */
-  selected: (external_prop_types_default()).bool,
-  truncate: (external_prop_types_default()).bool,
-  value: external_prop_types_default().oneOfType([(external_prop_types_default()).string, (external_prop_types_default()).number, (external_prop_types_default()).bool]).isRequired
-};
-var Option_defaultProps = {
-  active: false,
-  descriptionPosition: 'bottom',
-  disabled: false,
-  hidden: false,
-  selected: false,
-  truncate: false
-};
-
-/**
  * An option within a `Select`. This inherits from
  * [PureComponent](https://reactjs.org/docs/react-api.html#reactpurecomponent)
  * so any elements passed to it must also be pure.
- */
-var Option_Option = /*#__PURE__*/function (_PureComponent) {
-  Option_inherits(Option, _PureComponent);
-
-  var _super = Option_createSuper(Option);
-
-  function Option() {
-    var _this;
-
-    Option_classCallCheck(this, Option);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    Option_defineProperty(Option_assertThisInitialized(_this), "c", null);
-
-    Option_defineProperty(Option_assertThisInitialized(_this), "handleMount", function (c) {
-      _this.c = c;
-    });
-
-    return _this;
-  }
-
-  Option_createClass(Option, [{
-    key: "scrollIntoViewIfNeeded",
-    value: function scrollIntoViewIfNeeded() {
-      var _this$c;
-
-      (_this$c = this.c) === null || _this$c === void 0 ? void 0 : _this$c.scrollIntoViewIfNeeded();
-    }
-    /**
+ */    var tn =  function(e) {
+        Wt(n, e);
+        var t = Ut(n);
+        function n() {
+            var e;
+            Ft(this, n);
+            for (var r = arguments.length, o = new Array(r), a = 0; a < r; a++) {
+                o[a] = arguments[a];
+            }
+            e = t.call.apply(t, [ this ].concat(o));
+            Yt(Jt(e), "c", null);
+            Yt(Jt(e), "handleMount", (function(t) {
+                e.c = t;
+            }));
+            return e;
+        }
+        Ht(n, [ {
+            key: "scrollIntoViewIfNeeded",
+            value: function e() {
+                var t;
+                (t = this.c) === null || t === void 0 ? void 0 : t.scrollIntoViewIfNeeded();
+            }
+            /**
      * Place focus on the button.
-     */
-
-  }, {
-    key: "focus",
-    value: function focus() {
-      var _this$c2;
-
-      (_this$c2 = this.c) === null || _this$c2 === void 0 ? void 0 : _this$c2.focus();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/external_react_default().createElement(OptionBase, Option_extends({}, this.props, {
-        multiple: false,
-        ref: this.handleMount
-      }), this.props.children || this.props.label);
-    }
-  }]);
-
-  return Option;
-}(external_react_namespaceObject.PureComponent);
-
-Option_defineProperty(Option_Option, "propTypes", Option_propTypes);
-
-Option_defineProperty(Option_Option, "defaultProps", Option_defaultProps);
-
-/* harmony default export */ const Select_Option = (Option_Option);
-;// CONCATENATED MODULE: ./src/Select/Select.tsx
-function Select_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Select_typeof = function _typeof(obj) { return typeof obj; }; } else { Select_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Select_typeof(obj); }
-
-function Select_extends() { Select_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return Select_extends.apply(this, arguments); }
-
-function Select_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Select_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function Select_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function Select_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function Select_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function Select_createClass(Constructor, protoProps, staticProps) { if (protoProps) Select_defineProperties(Constructor.prototype, protoProps); if (staticProps) Select_defineProperties(Constructor, staticProps); return Constructor; }
-
-function Select_inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) Select_setPrototypeOf(subClass, superClass); }
-
-function Select_setPrototypeOf(o, p) { Select_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return Select_setPrototypeOf(o, p); }
-
-function Select_createSuper(Derived) { var hasNativeReflectConstruct = Select_isNativeReflectConstruct(); return function _createSuperInternal() { var Super = Select_getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = Select_getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return Select_possibleConstructorReturn(this, result); }; }
-
-function Select_possibleConstructorReturn(self, call) { if (call && (Select_typeof(call) === "object" || typeof call === "function")) { return call; } return Select_assertThisInitialized(self); }
-
-function Select_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function Select_isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-function Select_getPrototypeOf(o) { Select_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return Select_getPrototypeOf(o); }
-
-function Select_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-/* eslint-disable max-classes-per-file */
-
-
-
-
-
-
-/** @public */
-
-var Select_propTypes = {
-  allowKeyMatching: (external_prop_types_default()).bool,
-  animateLoading: (external_prop_types_default()).bool,
-  appearance: external_prop_types_default().oneOf(['default', 'link', 'primary', 'pill', 'toggle', 'flat']),
-  append: (external_prop_types_default()).bool,
-  children: (external_prop_types_default()).node,
-  defaultPlacement: external_prop_types_default().oneOf(['above', 'below', 'vertical']),
-  defaultValue: external_prop_types_default().oneOfType([(external_prop_types_default()).string, (external_prop_types_default()).number, (external_prop_types_default()).bool]),
-  describedBy: (external_prop_types_default()).string,
-  disabled: (external_prop_types_default()).bool,
-  elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
-  error: (external_prop_types_default()).bool,
-  filter: external_prop_types_default().oneOf([false, true, 'controlled']),
-  footerMessage: (external_prop_types_default()).node,
-  inline: (external_prop_types_default()).bool,
-  inputId: (external_prop_types_default()).string,
-  inputRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
-  isLoadingOptions: (external_prop_types_default()).bool,
-  labelledBy: (external_prop_types_default()).string,
-  labelText: (external_prop_types_default()).string,
-  loadingMessage: (external_prop_types_default()).node,
-  menuStyle: (external_prop_types_default()).object,
-  name: (external_prop_types_default()).string,
-  noOptionsMessage: (external_prop_types_default()).node,
-  onChange: (external_prop_types_default()).func,
-  onClose: (external_prop_types_default()).func,
-  onFilterChange: (external_prop_types_default()).func,
-  onOpen: (external_prop_types_default()).func,
-  onScroll: (external_prop_types_default()).func,
-  onScrollBottom: (external_prop_types_default()).func,
-  placeholder: (external_prop_types_default()).string,
-  prefixLabel: (external_prop_types_default()).string,
-  prepend: (external_prop_types_default()).bool,
-  suffixLabel: (external_prop_types_default()).string,
-  value: external_prop_types_default().oneOfType([(external_prop_types_default()).string, (external_prop_types_default()).number, (external_prop_types_default()).bool])
-};
-var Select_defaultProps = {
-  allowKeyMatching: true,
-  animateLoading: false,
-  appearance: 'toggle',
-  append: false,
-  children: [],
-  defaultPlacement: 'vertical',
-  disabled: false,
-  error: false,
-  filter: false,
-  inline: true,
-  isLoadingOptions: false,
-  menuStyle: {},
-  noOptionsMessage: (0,i18n_namespaceObject._)('No matches'),
-  placeholder: (0,i18n_namespaceObject._)('Select...'),
-  prepend: false
-};
-
-var Select = /*#__PURE__*/function (_Component) {
-  Select_inherits(Select, _Component);
-
-  var _super = Select_createSuper(Select);
-
-  // @docs-props-type SelectPropsBase
-  function Select(props) {
-    var _this;
-
-    Select_classCallCheck(this, Select);
-
-    _this = _super.call(this, props);
-    var state = {}; // wrap defaultValue in an array once to avoid failing <SelectBase>'s defaultValues comparison check
-    // using "has" to make sure that pre-4.3 behavior is preserved if a user explicitly passes "null" or "undefined"
-
-    if (has_default()(props, 'defaultValue')) {
-      if (props.defaultValue != null) {
-        state.defaultValues = [props.defaultValue];
-      } else {
-        state.defaultValues = [];
-      }
-    }
-
-    _this.state = state;
-    return _this;
-  }
-
-  Select_createClass(Select, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (false) {}
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          defaultValue = _this$props.defaultValue,
-          _onChange = _this$props.onChange,
-          value = _this$props.value,
-          otherProps = Select_objectWithoutProperties(_this$props, ["defaultValue", "onChange", "value"]);
-
-      var convertedProps = {
-        onChange: function onChange(e, _ref) {
-          var name = _ref.name,
-              values = _ref.values;
-          _onChange === null || _onChange === void 0 ? void 0 : _onChange(e, {
-            name: name,
-            value: values[0]
-          });
+     */        }, {
+            key: "focus",
+            value: function e() {
+                var t;
+                (t = this.c) === null || t === void 0 ? void 0 : t.focus();
+            }
+        }, {
+            key: "render",
+            value: function e() {
+                
+                return r().createElement(Oe, Kt({}, this.props, {
+                    multiple: false,
+                    ref: this.handleMount
+                }), this.props.children || this.props.label);
+            }
+        } ]);
+        return n;
+    }(n.PureComponent);
+    Yt(tn, "propTypes", Zt);
+    Yt(tn, "defaultProps", en);
+    /* harmony default export */    const nn = tn;
+    // CONCATENATED MODULE: ./src/Select/Select.tsx
+    function rn(e) {
+        "@babel/helpers - typeof";
+        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+            rn = function e(t) {
+                return typeof t;
+            };
+        } else {
+            rn = function e(t) {
+                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+            };
+        }
+        return rn(e);
+    }
+    function on() {
+        on = Object.assign || function(e) {
+            for (var t = 1; t < arguments.length; t++) {
+                var n = arguments[t];
+                for (var r in n) {
+                    if (Object.prototype.hasOwnProperty.call(n, r)) {
+                        e[r] = n[r];
+                    }
+                }
+            }
+            return e;
+        };
+        return on.apply(this, arguments);
+    }
+    function an(e, t) {
+        if (e == null) return {};
+        var n = ln(e, t);
+        var r, o;
+        if (Object.getOwnPropertySymbols) {
+            var a = Object.getOwnPropertySymbols(e);
+            for (o = 0; o < a.length; o++) {
+                r = a[o];
+                if (t.indexOf(r) >= 0) continue;
+                if (!Object.prototype.propertyIsEnumerable.call(e, r)) continue;
+                n[r] = e[r];
+            }
         }
-      }; // using "has" as opposed to a null check to match SelectBase
-
-      if (has_default()(this.props, 'value')) {
-        if (value != null) {
-          convertedProps.values = [value];
+        return n;
+    }
+    function ln(e, t) {
+        if (e == null) return {};
+        var n = {};
+        var r = Object.keys(e);
+        var o, a;
+        for (a = 0; a < r.length; a++) {
+            o = r[a];
+            if (t.indexOf(o) >= 0) continue;
+            n[o] = e[o];
+        }
+        return n;
+    }
+    function cn(e, t) {
+        if (!(e instanceof t)) {
+            throw new TypeError("Cannot call a class as a function");
+        }
+    }
+    function sn(e, t) {
+        for (var n = 0; n < t.length; n++) {
+            var r = t[n];
+            r.enumerable = r.enumerable || false;
+            r.configurable = true;
+            if ("value" in r) r.writable = true;
+            Object.defineProperty(e, r.key, r);
+        }
+    }
+    function un(e, t, n) {
+        if (t) sn(e.prototype, t);
+        if (n) sn(e, n);
+        return e;
+    }
+    function pn(e, t) {
+        if (typeof t !== "function" && t !== null) {
+            throw new TypeError("Super expression must either be null or a function");
+        }
+        e.prototype = Object.create(t && t.prototype, {
+            constructor: {
+                value: e,
+                writable: true,
+                configurable: true
+            }
+        });
+        if (t) fn(e, t);
+    }
+    function fn(e, t) {
+        fn = Object.setPrototypeOf || function e(t, n) {
+            t.__proto__ = n;
+            return t;
+        };
+        return fn(e, t);
+    }
+    function dn(e) {
+        var t = bn();
+        return function n() {
+            var r = yn(e), o;
+            if (t) {
+                var a = yn(this).constructor;
+                o = Reflect.construct(r, arguments, a);
+            } else {
+                o = r.apply(this, arguments);
+            }
+            return vn(this, o);
+        };
+    }
+    function vn(e, t) {
+        if (t && (rn(t) === "object" || typeof t === "function")) {
+            return t;
+        }
+        return hn(e);
+    }
+    function hn(e) {
+        if (e === void 0) {
+            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+        }
+        return e;
+    }
+    function bn() {
+        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+        if (Reflect.construct.sham) return false;
+        if (typeof Proxy === "function") return true;
+        try {
+            Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
+            return true;
+        } catch (e) {
+            return false;
+        }
+    }
+    function yn(e) {
+        yn = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+            return t.__proto__ || Object.getPrototypeOf(t);
+        };
+        return yn(e);
+    }
+    function mn(e, t, n) {
+        if (t in e) {
+            Object.defineProperty(e, t, {
+                value: n,
+                enumerable: true,
+                configurable: true,
+                writable: true
+            });
         } else {
-          convertedProps.values = [];
+            e[t] = n;
+        }
+        return e;
+    }
+    /* eslint-disable max-classes-per-file */
+    /** @public */    var gn = {
+        allowKeyMatching: a().bool,
+        animateLoading: a().bool,
+        appearance: a().oneOf([ "default", "link", "primary", "pill", "toggle", "flat" ]),
+        append: a().bool,
+        children: a().node,
+        defaultPlacement: a().oneOf([ "above", "below", "vertical" ]),
+        defaultValue: a().oneOfType([ a().string, a().number, a().bool ]),
+        describedBy: a().string,
+        disabled: a().bool,
+        elementRef: a().oneOfType([ a().func, a().object ]),
+        error: a().bool,
+        filter: a().oneOf([ false, true, "controlled" ]),
+        footerMessage: a().node,
+        inline: a().bool,
+        inputId: a().string,
+        inputRef: a().oneOfType([ a().func, a().object ]),
+        isLoadingOptions: a().bool,
+        labelledBy: a().string,
+        labelText: a().string,
+        loadingMessage: a().node,
+        menuStyle: a().object,
+        name: a().string,
+        noOptionsMessage: a().node,
+        onChange: a().func,
+        onClose: a().func,
+        onFilterChange: a().func,
+        onOpen: a().func,
+        onScroll: a().func,
+        onScrollBottom: a().func,
+        placeholder: a().string,
+        prefixLabel: a().string,
+        prepend: a().bool,
+        suffixLabel: a().string,
+        value: a().oneOfType([ a().string, a().number, a().bool ])
+    };
+    var On = {
+        allowKeyMatching: true,
+        animateLoading: false,
+        appearance: "toggle",
+        append: false,
+        children: [],
+        defaultPlacement: "vertical",
+        disabled: false,
+        error: false,
+        filter: false,
+        inline: true,
+        isLoadingOptions: false,
+        menuStyle: {},
+        noOptionsMessage: (0, c._)("No matches"),
+        placeholder: (0, c._)("Select..."),
+        prepend: false
+    };
+    var Sn =  function(e) {
+        pn(n, e);
+        var t = dn(n);
+        // @docs-props-type SelectPropsBase
+                function n(e) {
+            var r;
+            cn(this, n);
+            r = t.call(this, e);
+            var o = {};
+ // wrap defaultValue in an array once to avoid failing <SelectBase>'s defaultValues comparison check
+            // using "has" to make sure that pre-4.3 behavior is preserved if a user explicitly passes "null" or "undefined"
+                        if (l()(e, "defaultValue")) {
+                if (e.defaultValue != null) {
+                    o.defaultValues = [ e.defaultValue ];
+                } else {
+                    o.defaultValues = [];
+                }
+            }
+            r.state = o;
+            return r;
         }
-      } else if (this.state.defaultValues != null) {
-        // using defaultValues from state in order to avoid wrapping defaultValue here
-        convertedProps.defaultValues = this.state.defaultValues;
-      }
-
-      return /*#__PURE__*/external_react_default().createElement(Select_SelectBase, Select_extends({}, otherProps, convertedProps, {
-        multiple: false
-      }));
-    }
-  }]);
-
-  return Select;
-}(external_react_namespaceObject.Component);
-
-Select_defineProperty(Select, "propTypes", Select_propTypes);
-
-Select_defineProperty(Select, "defaultProps", Select_defaultProps);
-
-Select_defineProperty(Select, "Option", Select_Option);
-
-Select_defineProperty(Select, "Heading", Menu_namespaceObject.Heading);
-
-Select_defineProperty(Select, "Divider", Menu_namespaceObject.Divider);
-
-/* harmony default export */ const Select_Select = (Select);
-
-;// CONCATENATED MODULE: ./src/Select/index.ts
-
-
-module.exports = __webpack_exports__;
-/******/ })()
-;
+        un(n, [ {
+            key: "componentDidUpdate",
+            value: function e(t) {
+                if (false) {}
+            }
+        }, {
+            key: "render",
+            value: function e() {
+                var t = this.props, n = t.defaultValue, o = t.onChange, a = t.value, i = an(t, [ "defaultValue", "onChange", "value" ]);
+                var c = {
+                    onChange: function e(t, n) {
+                        var r = n.name, a = n.values;
+                        o === null || o === void 0 ? void 0 : o(t, {
+                            name: r,
+                            value: a[0]
+                        });
+                    }
+                };
+ // using "has" as opposed to a null check to match SelectBase
+                                if (l()(this.props, "value")) {
+                    if (a != null) {
+                        c.values = [ a ];
+                    } else {
+                        c.values = [];
+                    }
+                } else if (this.state.defaultValues != null) {
+                    // using defaultValues from state in order to avoid wrapping defaultValue here
+                    c.defaultValues = this.state.defaultValues;
+                }
+                
+                return r().createElement(Nt, on({}, i, c, {
+                    multiple: false
+                }));
+            }
+        } ]);
+        return n;
+    }(n.Component);
+    mn(Sn, "propTypes", gn);
+    mn(Sn, "defaultProps", On);
+    mn(Sn, "Option", nn);
+    mn(Sn, "Heading", T.Heading);
+    mn(Sn, "Divider", T.Divider);
+    /* harmony default export */    const wn = Sn;
+    // CONCATENATED MODULE: ./src/Select/index.ts
+    module.exports = t;
+    /******/})();