@splunk/react-ui 4.39.0 → 4.40.0

package/Select.js

@@ -1,34 +1,98 @@
 /******/ (() => {
     // webpackBootstrap
     /******/ "use strict";
-    /******/ // The require scope
-    /******/    var e = {};
+    /******/    var e = {
+        /***/ 2907: 
+        /***/ (e, t, n) => {
+            // EXPORTS
+            n.d(t, {
+                default: () => /* reexport */ l
+            });
+            // EXTERNAL MODULE: external "react"
+                        var r = n(9497);
+            // CONCATENATED MODULE: ./src/useControlled/useControlled.tsx
+            /**
+ * This is a private component not intended for use outside @splunk/react-ui
+ *
+ * A hook that accepts a default value (as used in an uncontrolled component)
+ * and validates that actions that aren't valid in an uncontrolled component
+ * such as updating the default value, combining default value with value, etc.
+ * are not happening.
+ *
+ * Return the controlled state of the component.
+ */
+            function o(e) {
+                var t = e.defaultValue, n = e.value, o = e.componentName, l = o === void 0 ? "this component" : o, a = e.defaultValuePropName, i = a === void 0 ? "defaultValue" : a, u = e.valuePropName, c = u === void 0 ? "value" : u;
+                var s = (0, r.useRef)(n != null);
+                var f = (0, r.useRef)(t);
+                (0, r.useEffect)((function() {
+                    if (false) {}
+                }), [ l, t, i, c ]);
+                (0, r.useEffect)((function() {
+                    if (false) {}
+                    if (false) {}
+                }), [ l, t, i, n, c ]);
+                return s.current;
+            }
+            /* harmony default export */            const l = o;
+        } // CONCATENATED MODULE: ./src/useControlled/index.ts
+        /***/ ,
+        /***/ 9497: 
+        /***/ e => {
+            e.exports = require("react");
+            /***/
+            /******/        }
+    };
+    /************************************************************************/
+    /******/ // The module cache
+    /******/    var t = {};
+    /******/
+    /******/ // The require function
+    /******/    function n(r) {
+        /******/ // Check if module is in cache
+        /******/ var o = t[r];
+        /******/        if (o !== undefined) {
+            /******/ return o.exports;
+            /******/        }
+        /******/ // Create a new module (and put it into the cache)
+        /******/        var l = t[r] = {
+            /******/ // no module.id needed
+            /******/ // no module.loaded needed
+            /******/ exports: {}
+            /******/        };
+        /******/
+        /******/ // Execute the module function
+        /******/        e[r](l, l.exports, n);
+        /******/
+        /******/ // Return the exports of the module
+        /******/        return l.exports;
+        /******/    }
     /******/
     /************************************************************************/
     /******/ /* 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
+        /******/ n.n = e => {
+            /******/ var t = e && e.__esModule ? 
+            /******/ () => e["default"]
+            /******/ : () => e
             /******/;
-            e.d(n, {
-                a: n
+            n.d(t, {
+                a: t
             });
-            /******/            return n;
+            /******/            return t;
             /******/        };
         /******/    })();
     /******/
     /******/ /* 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, {
+        /******/ n.d = (e, t) => {
+            /******/ for (var r in t) {
+                /******/ if (n.o(t, r) && !n.o(e, r)) {
+                    /******/ Object.defineProperty(e, r, {
                         enumerable: true,
-                        get: n[r]
+                        get: t[r]
                     });
                     /******/                }
                 /******/            }
@@ -37,14 +101,14 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
+        /******/ n.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
         /******/;
     })();
     /******/
     /******/ /* webpack/runtime/make namespace object */
     /******/    (() => {
         /******/ // define __esModule on exports
-        /******/ e.r = e => {
+        /******/ n.r = e => {
             /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
                 /******/ Object.defineProperty(e, Symbol.toStringTag, {
                     value: "Module"
@@ -56,1055 +120,1472 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var t = {};
-    // ESM COMPAT FLAG
-        e.r(t);
-    // EXPORTS
-        e.d(t, {
-        Divider: () => /* reexport */ M.Divider,
-        Heading: () => /* reexport */ M.Heading,
-        Option: () => /* reexport */ zt,
-        default: () => /* reexport */ fn
-    });
-    // CONCATENATED MODULE: external "react"
-    const n = require("react");
-    var r =  e.n(n);
-    // CONCATENATED MODULE: external "prop-types"
-    const o = require("prop-types");
-    var l =  e.n(o);
-    // CONCATENATED MODULE: external "lodash/has"
-    const i = require("lodash/has");
-    var a =  e.n(i);
-    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const u = require("@splunk/ui-utils/i18n");
-    // CONCATENATED MODULE: external "lodash/castArray"
-    const c = require("lodash/castArray");
-    var s =  e.n(c);
-    // 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 w = require("lodash/memoize");
-    var S =  e.n(w);
-    // CONCATENATED MODULE: external "lodash/omit"
-    const C = require("lodash/omit");
-    var x =  e.n(C);
-    // CONCATENATED MODULE: external "lodash/pick"
-    const k = require("lodash/pick");
-    var j =  e.n(k);
-    // CONCATENATED MODULE: external "lodash/uniq"
-    const P = require("lodash/uniq");
-    var E =  e.n(P);
-    // CONCATENATED MODULE: external "lodash/without"
-    const I = require("lodash/without");
-    var T =  e.n(I);
-    // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-    const A = require("@splunk/ui-utils/id");
-    // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
-    const M = require("@splunk/react-ui/Menu");
-    // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
-    const _ = require("@splunk/react-ui/Dropdown");
-    var V =  e.n(_);
-    // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-    const q = require("@splunk/ui-utils/keyboard");
-    // CONCATENATED MODULE: external "@splunk/ui-utils/filter"
-    const R = require("@splunk/ui-utils/filter");
-    // CONCATENATED MODULE: external "@splunk/react-ui/Link"
-    const L = require("@splunk/react-ui/Link");
-    var D =  e.n(L);
-    // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
-    const B = require("@splunk/react-ui/ResultsMenu");
-    var K =  e.n(B);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Text"
-    const N = require("@splunk/react-ui/Text");
-    var F =  e.n(N);
-    // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
-    const H = require("@splunk/react-icons/CaretSmallDown");
-    var z =  e.n(H);
-    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Caret"
-    const $ = require("@splunk/react-icons/enterprise/Caret");
-    var W =  e.n($);
-    // CONCATENATED MODULE: external "@splunk/themes"
-    const U = require("@splunk/themes");
-    // CONCATENATED MODULE: ./src/Select/icons/CaretSmallDown.tsx
-    var J = function e() {
-        var t = (0, U.useSplunkTheme)(), n = t.isEnterprise;
-        var o = n ?  r().createElement(W(), {
-            screenReaderText: null,
-            hideDefaultTooltip: true,
-            size: .5
-        }) :  r().createElement(z(), null);
-        return o;
-    };
-    /* harmony default export */    const X = J;
-    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Search"
-    const G = require("@splunk/react-icons/enterprise/Search");
-    var Q =  e.n(G);
-    // 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 l = (0, u._)("Search");
-        var i = o ? "20px" : "24px";
-        var a = n ?  r().createElement(Q(), {
-            role: "presentation",
-            size: "16px",
-            screenReaderText: l,
-            hideDefaultTooltip: true
-        }) :  r().createElement(Z(), {
-            role: "presentation",
-            "aria-label": l,
-            width: i,
-            height: i
+    /************************************************************************/    var r = {};
+    // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+        (() => {
+        // ESM COMPAT FLAG
+        n.r(r);
+        // EXPORTS
+                n.d(r, {
+            Divider: () => /* reexport */ A.Divider,
+            Heading: () => /* reexport */ A.Heading,
+            Option: () => /* reexport */ Nt,
+            default: () => /* reexport */ un
         });
-        return a;
-    };
-    /* harmony default export */    const te = ee;
-    // CONCATENATED MODULE: ./src/Select/OptionBase.tsx
-    function ne(e) {
-        "@babel/helpers - typeof";
-        return ne = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
-            return typeof e;
-        } : function(e) {
-            return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-        }, ne(e);
-    }
-    function re() {
-        return re = Object.assign ? Object.assign.bind() : function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var n = arguments[t];
-                for (var r in n) {
-                    ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
+        // EXTERNAL MODULE: external "react"
+                var e = n(9497);
+        var t =  n.n(e);
+        // CONCATENATED MODULE: external "prop-types"
+        const o = require("prop-types");
+        var l =  n.n(o);
+        // CONCATENATED MODULE: external "lodash/has"
+        const a = require("lodash/has");
+        var i =  n.n(a);
+        // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+        const u = require("@splunk/ui-utils/i18n");
+        // CONCATENATED MODULE: external "lodash/castArray"
+        const c = require("lodash/castArray");
+        var s =  n.n(c);
+        // CONCATENATED MODULE: external "lodash/find"
+        const f = require("lodash/find");
+        var p =  n.n(f);
+        // CONCATENATED MODULE: external "lodash/forEachRight"
+        const d = require("lodash/forEachRight");
+        var v =  n.n(d);
+        // CONCATENATED MODULE: external "lodash/includes"
+        const b = require("lodash/includes");
+        var m =  n.n(b);
+        // CONCATENATED MODULE: external "lodash/memoize"
+        const y = require("lodash/memoize");
+        var h =  n.n(y);
+        // CONCATENATED MODULE: external "lodash/pick"
+        const g = require("lodash/pick");
+        var O =  n.n(g);
+        // CONCATENATED MODULE: external "lodash/uniq"
+        const w = require("lodash/uniq");
+        var S =  n.n(w);
+        // CONCATENATED MODULE: external "lodash/without"
+        const C = require("lodash/without");
+        var k =  n.n(C);
+        // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
+        const x = require("@splunk/react-ui/Dropdown");
+        var j =  n.n(x);
+        // CONCATENATED MODULE: external "@splunk/react-ui/Link"
+        const E = require("@splunk/react-ui/Link");
+        var P =  n.n(E);
+        // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
+        const A = require("@splunk/react-ui/Menu");
+        // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
+        const T = require("@splunk/react-ui/ResultsMenu");
+        var I =  n.n(T);
+        // CONCATENATED MODULE: external "@splunk/react-ui/Text"
+        const _ = require("@splunk/react-ui/Text");
+        var M =  n.n(_);
+        // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
+        const R = require("@splunk/react-ui/usePrevious");
+        var L =  n.n(R);
+        // CONCATENATED MODULE: external "@splunk/ui-utils/filter"
+        const V = require("@splunk/ui-utils/filter");
+        // CONCATENATED MODULE: external "@splunk/ui-utils/id"
+        const q = require("@splunk/ui-utils/id");
+        // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
+        const B = require("@splunk/ui-utils/keyboard");
+        // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
+        const D = require("@splunk/react-icons/CaretSmallDown");
+        var N =  n.n(D);
+        // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Caret"
+        const K = require("@splunk/react-icons/enterprise/Caret");
+        var F =  n.n(K);
+        // CONCATENATED MODULE: external "@splunk/themes"
+        const H = require("@splunk/themes");
+        // CONCATENATED MODULE: ./src/Select/icons/CaretSmallDown.tsx
+        var z = function e() {
+            var n = (0, H.useSplunkTheme)(), r = n.isEnterprise;
+            var o = r ?  t().createElement(F(), {
+                screenReaderText: null,
+                hideDefaultTooltip: true,
+                size: .5
+            }) :  t().createElement(N(), null);
+            return o;
+        };
+        /* harmony default export */        const $ = z;
+        // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Search"
+        const W = require("@splunk/react-icons/enterprise/Search");
+        var U =  n.n(W);
+        // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
+        const J = require("@splunk/react-icons/Magnifier");
+        var X =  n.n(J);
+        // CONCATENATED MODULE: ./src/Select/icons/Search.tsx
+        var G = function e() {
+            var n = (0, H.useSplunkTheme)(), r = n.isEnterprise, o = n.isCompact;
+            var l = (0, u._)("Search");
+            var a = o ? "20px" : "24px";
+            var i = r ?  t().createElement(U(), {
+                role: "presentation",
+                size: "16px",
+                screenReaderText: l,
+                hideDefaultTooltip: true
+            }) :  t().createElement(X(), {
+                role: "presentation",
+                "aria-label": l,
+                width: a,
+                height: a
+            });
+            return i;
+        };
+        /* harmony default export */        const Q = G;
+        // CONCATENATED MODULE: ./src/Select/OptionBase.tsx
+        function Y(e) {
+            "@babel/helpers - typeof";
+            return Y = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+                return typeof e;
+            } : function(e) {
+                return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+            }, Y(e);
+        }
+        function Z() {
+            return Z = Object.assign ? Object.assign.bind() : function(e) {
+                for (var t = 1; t < arguments.length; t++) {
+                    var n = arguments[t];
+                    for (var r in n) {
+                        ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
+                    }
+                }
+                return e;
+            }, Z.apply(null, arguments);
+        }
+        function ee(e, t) {
+            if (null == e) return {};
+            var n, r, o = te(e, t);
+            if (Object.getOwnPropertySymbols) {
+                var l = Object.getOwnPropertySymbols(e);
+                for (r = 0; r < l.length; r++) {
+                    n = l[r], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
                 }
             }
-            return e;
-        }, re.apply(null, arguments);
-    }
-    function oe(e, t) {
-        if (null == e) return {};
-        var n, r, o = le(e, t);
-        if (Object.getOwnPropertySymbols) {
-            var l = Object.getOwnPropertySymbols(e);
-            for (r = 0; r < l.length; r++) {
-                n = l[r], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+            return o;
+        }
+        function te(e, t) {
+            if (null == e) return {};
+            var n = {};
+            for (var r in e) {
+                if ({}.hasOwnProperty.call(e, r)) {
+                    if (t.includes(r)) continue;
+                    n[r] = e[r];
+                }
             }
+            return n;
         }
-        return o;
-    }
-    function le(e, t) {
-        if (null == e) return {};
-        var n = {};
-        for (var r in e) {
-            if ({}.hasOwnProperty.call(e, r)) {
-                if (t.includes(r)) continue;
-                n[r] = e[r];
+        function ne(e, t) {
+            if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
+        }
+        function re(e, t) {
+            for (var n = 0; n < t.length; n++) {
+                var r = t[n];
+                r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
+                Object.defineProperty(e, de(r.key), r);
             }
         }
-        return n;
-    }
-    function ie(e, t) {
-        if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
-    }
-    function ae(e, t) {
-        for (var n = 0; n < t.length; n++) {
-            var r = t[n];
-            r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
-            Object.defineProperty(e, ye(r.key), r);
-        }
-    }
-    function ue(e, t, n) {
-        return t && ae(e.prototype, t), n && ae(e, n), Object.defineProperty(e, "prototype", {
-            writable: !1
-        }), e;
-    }
-    function ce(e, t) {
-        if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
-        e.prototype = Object.create(t && t.prototype, {
-            constructor: {
-                value: e,
-                writable: !0,
-                configurable: !0
+        function oe(e, t, n) {
+            return t && re(e.prototype, t), n && re(e, n), Object.defineProperty(e, "prototype", {
+                writable: !1
+            }), e;
+        }
+        function le(e, t) {
+            if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
+            e.prototype = Object.create(t && t.prototype, {
+                constructor: {
+                    value: e,
+                    writable: !0,
+                    configurable: !0
+                }
+            }), Object.defineProperty(e, "prototype", {
+                writable: !1
+            }), t && ae(e, t);
+        }
+        function ae(e, t) {
+            return ae = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+                return e.__proto__ = t, e;
+            }, ae(e, t);
+        }
+        function ie(e) {
+            var t = se();
+            return function() {
+                var n, r = fe(e);
+                if (t) {
+                    var o = fe(this).constructor;
+                    n = Reflect.construct(r, arguments, o);
+                } else n = r.apply(this, arguments);
+                return ue(this, n);
+            };
+        }
+        function ue(e, t) {
+            if (t && ("object" == Y(t) || "function" == typeof t)) return t;
+            if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
+            return ce(e);
+        }
+        function ce(e) {
+            if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+            return e;
+        }
+        function se() {
+            try {
+                var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
+            } catch (e) {}
+            return (se = function t() {
+                return !!e;
+            })();
+        }
+        function fe(e) {
+            return fe = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+                return e.__proto__ || Object.getPrototypeOf(e);
+            }, fe(e);
+        }
+        function pe(e, t, n) {
+            return (t = de(t)) in e ? Object.defineProperty(e, t, {
+                value: n,
+                enumerable: !0,
+                configurable: !0,
+                writable: !0
+            }) : e[t] = n, e;
+        }
+        function de(e) {
+            var t = ve(e, "string");
+            return "symbol" == Y(t) ? t : t + "";
+        }
+        function ve(e, t) {
+            if ("object" != Y(e) || !e) return e;
+            var n = e[Symbol.toPrimitive];
+            if (void 0 !== n) {
+                var r = n.call(e, t || "default");
+                if ("object" != Y(r)) return r;
+                throw new TypeError("@@toPrimitive must return a primitive value.");
             }
-        }), Object.defineProperty(e, "prototype", {
-            writable: !1
-        }), t && se(e, t);
-    }
-    function se(e, t) {
-        return se = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
-            return e.__proto__ = t, e;
-        }, se(e, t);
-    }
-    function pe(e) {
-        var t = ve();
-        return function() {
-            var n, r = he(e);
-            if (t) {
-                var o = he(this).constructor;
-                n = Reflect.construct(r, arguments, o);
-            } else n = r.apply(this, arguments);
-            return fe(this, n);
-        };
-    }
-    function fe(e, t) {
-        if (t && ("object" == ne(t) || "function" == typeof t)) return t;
-        if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-        return de(e);
-    }
-    function de(e) {
-        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        return e;
-    }
-    function ve() {
-        try {
-            var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
-        } catch (e) {}
-        return (ve = function t() {
-            return !!e;
-        })();
-    }
-    function he(e) {
-        return he = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
-            return e.__proto__ || Object.getPrototypeOf(e);
-        }, he(e);
-    }
-    function be(e, t, n) {
-        return (t = ye(t)) in e ? Object.defineProperty(e, t, {
-            value: n,
-            enumerable: !0,
-            configurable: !0,
-            writable: !0
-        }) : e[t] = n, e;
-    }
-    function ye(e) {
-        var t = me(e, "string");
-        return "symbol" == ne(t) ? t : t + "";
-    }
-    function me(e, t) {
-        if ("object" != ne(e) || !e) return e;
-        var n = e[Symbol.toPrimitive];
-        if (void 0 !== n) {
-            var r = n.call(e, t || "default");
-            if ("object" != ne(r)) return r;
-            throw new TypeError("@@toPrimitive must return a primitive value.");
-        }
-        return ("string" === t ? String : Number)(e);
-    }
-    var ge = {
-        /** @private */
-        active: l().bool,
-        children: l().node,
-        description: l().string,
-        descriptionPosition: l().oneOf([ "right", "bottom" ]),
-        disabled: l().bool,
-        hidden: l().bool,
-        icon: l().node,
-        label: l().string.isRequired,
-        /**
+            return ("string" === t ? String : Number)(e);
+        }
+        var be = {
+            /** @private */
+            active: l().bool,
+            children: l().node,
+            description: l().string,
+            descriptionPosition: l().oneOf([ "right", "bottom" ]),
+            disabled: l().bool,
+            hidden: l().bool,
+            icon: l().node,
+            label: l().string.isRequired,
+            /**
    * @private Passed down from <BaseSelect>
    */
-        multiple: l().bool,
-        matchRanges: l().arrayOf(l().shape({
-            start: l().number.isRequired,
-            end: l().number.isRequired
-        })),
-        /** @private */
-        onClick: l().func,
-        /** @private */
-        role: l().oneOf([ "menuitemcheckbox", "option" ]),
-        /** @private */
-        selected: l().oneOfType([ l().bool, l().oneOf([ "some" ]) ]),
-        truncate: l().bool,
-        value: l().oneOfType([ l().string, l().number, l().bool ]).isRequired
-    };
-    var Oe = {
-        descriptionPosition: "bottom",
-        disabled: false,
-        multiple: false,
-        role: "option",
-        selected: false,
-        truncate: false
-    };
-    /**
+            multiple: l().bool,
+            matchRanges: l().arrayOf(l().shape({
+                start: l().number.isRequired,
+                end: l().number.isRequired
+            })),
+            /** @private */
+            onClick: l().func,
+            /** @private */
+            role: l().oneOf([ "menuitemcheckbox", "option" ]),
+            /** @private */
+            selected: l().oneOfType([ l().bool, l().oneOf([ "some" ]) ]),
+            truncate: l().bool,
+            value: l().oneOfType([ l().string, l().number, l().bool ]).isRequired
+        };
+        var me = {
+            descriptionPosition: "bottom",
+            disabled: false,
+            multiple: false,
+            role: "option",
+            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 we =  function(e) {
-        ce(n, e);
-        var t = pe(n);
-        function n() {
-            var e;
-            ie(this, n);
-            for (var r = arguments.length, o = new Array(r), l = 0; l < r; l++) {
-                o[l] = arguments[l];
-            }
-            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, l = n.disabled;
-                if (!l) {
-                    r === null || r === void 0 ? void 0 : r(t, {
-                        value: o
-                    });
+ */        var ye =  function(e) {
+            le(r, e);
+            var n = ie(r);
+            function r() {
+                var e;
+                ne(this, r);
+                for (var t = arguments.length, o = new Array(t), l = 0; l < t; l++) {
+                    o[l] = arguments[l];
                 }
-            }));
-            be(de(e), "handleMount", (function(t) {
-                e.c = t;
-            }));
-            return e;
-        }
- // @docs-props-type OptionPropsBase
-                ue(n, [ {
-            key: "scrollIntoViewIfNeeded",
-            // eslint-disable-next-line react/no-unused-class-component-methods
-            value: function e() {
-                var t;
-                (t = this.c) === null || t === void 0 ? void 0 : t.scrollIntoViewIfNeeded();
+                e = n.call.apply(n, [ this ].concat(o));
+                pe(ce(e), "c", null);
+                pe(ce(e), "handleClick", (function(t) {
+                    var n = e.props, r = n.onClick, o = n.value, l = n.disabled;
+                    if (!l) {
+                        r === null || r === void 0 ? void 0 : r(t, {
+                            value: o
+                        });
+                    }
+                }));
+                pe(ce(e), "handleMount", (function(t) {
+                    e.c = t;
+                }));
+                return e;
             }
-            /**
+ // @docs-props-type OptionPropsBase
+                        oe(r, [ {
+                key: "scrollIntoViewIfNeeded",
+                // eslint-disable-next-line react/no-unused-class-component-methods
+                value: function e() {
+                    var t;
+                    (t = this.c) === null || t === void 0 ? void 0 : t.scrollIntoViewIfNeeded();
+                }
+                /**
      * Place focus on the button.
      */
-            // eslint-disable-next-line react/no-unused-class-component-methods
-                }, {
-            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, l = t.label, i = t.multiple, a = t.role, u = t.icon, c = oe(t, [ "value", "children", "label", "multiple", "role", "icon" ]);
-                var s = n.toString();
-                
-                return r().createElement(M.Item, re({
-                    "data-test-value": n,
-                    "data-test": "option",
-                    ref: this.handleMount
-                }, c, {
-                    selectable: true,
-                    selectableAppearance: i ? "checkbox" : "checkmark",
-                    onClick: this.handleClick,
-                    role: a,
-                    value: s,
-                    startAdornment: u
-                }), o || l);
+                // eslint-disable-next-line react/no-unused-class-component-methods
+                        }, {
+                key: "focus",
+                value: function e() {
+                    var t;
+                    (t = this.c) === null || t === void 0 ? void 0 : t.focus();
+                }
+            }, {
+                key: "render",
+                value: function e() {
+                    var n = this.props, r = n.value, o = n.children, l = n.label, a = n.multiple, i = n.role, u = n.icon, c = ee(n, [ "value", "children", "label", "multiple", "role", "icon" ]);
+                    var s = r.toString();
+                    
+                    return t().createElement(A.Item, Z({
+                        "data-test-value": r,
+                        "data-test": "option",
+                        ref: this.handleMount
+                    }, c, {
+                        selectable: true,
+                        selectableAppearance: a ? "checkbox" : "checkmark",
+                        onClick: this.handleClick,
+                        role: i,
+                        value: s,
+                        startAdornment: u
+                    }), o || l);
+                }
+            } ]);
+            return r;
+        }(e.PureComponent);
+        pe(ye, "propTypes", be);
+        pe(ye, "defaultProps", me);
+        pe(ye, "type", A.Item);
+        /* harmony default export */        const he = ye;
+        // CONCATENATED MODULE: ./src/Select/SelectAllOption.tsx
+        var ge = {
+            active: l().bool,
+            changedToggle: l().bool,
+            elementRef: l().oneOfType([ l().func, l().object ]),
+            id: l().string,
+            onClick: l().func,
+            selectAllLabel: l().string,
+            selected: l().oneOf([ false, true, "some" ]),
+            totalCount: l().number
+        };
+        var Oe =  t().forwardRef((function(e, n) {
+            var r = e.active, o = e.id, l = e.onClick, a = e.selectAllLabel, i = e.totalCount, u = e.changedToggle, c = 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 s = u ? " (".concat(i === null || i === void 0 ? void 0 : i.toString(), ")") : "";
+            
+            return t().createElement(he, {
+                active: r,
+                "aria-keyshortcuts": "Control+A",
+                "data-test": "select-all",
+                description: "".concat(s, " Ctrl-a"),
+                descriptionPosition: "right",
+                id: o,
+                key: "selectAll",
+                label: a,
+                multiple: true,
+                onClick: l,
+                ref: n,
+                role: "menuitemcheckbox",
+                selected: c,
+                tabIndex: -1,
+                value: "selectAll"
+            });
+        }));
+        Oe.propTypes = ge;
+        /* harmony default export */        const we = Oe;
+        // CONCATENATED MODULE: external "styled-components"
+        const Se = require("styled-components");
+        var Ce =  n.n(Se);
+        // CONCATENATED MODULE: external "@splunk/react-ui/Button"
+        const ke = require("@splunk/react-ui/Button");
+        var xe =  n.n(ke);
+        // CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
+        var je = Ce()(xe()).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 Ee = Ce().span.withConfig({
+            displayName: "SelectBaseStyles__StyledLinkIcon",
+            componentId: "sc-16cj7sk-1"
+        })([ "padding-right:2px;" ]);
+        var Pe = Ce().span.withConfig({
+            displayName: "SelectBaseStyles__StyledLinkCaret",
+            componentId: "sc-16cj7sk-2"
+        })([ "padding-left:2px;" ]);
+        var Ae = Ce().div.withConfig({
+            displayName: "SelectBaseStyles__StyledFilter",
+            componentId: "sc-16cj7sk-3"
+        })([ "padding:", ";min-width:160px;" ], (0, H.pick)({
+            enterprise: "8px",
+            prisma: "10px 16px"
+        }));
+        var Te = Ce().span.withConfig({
+            displayName: "SelectBaseStyles__StyledSearchIconWrapper",
+            componentId: "sc-16cj7sk-4"
+        })([ "color:", ";pointer-events:none;padding:", ";" ], (0, H.pick)({
+            enterprise: {
+                light: H.variables.gray60,
+                dark: H.variables.white
+            },
+            prisma: H.variables.contentColorMuted
+        }), (0, H.pick)({
+            comfortable: "0 8px",
+            compact: "0 6px"
+        }));
+        var Ie = Ce().span.withConfig({
+            displayName: "SelectBaseStyles__StyledCount",
+            componentId: "sc-16cj7sk-5"
+        })([ "padding-right:", ";" ], H.variables.spacingXSmall);
+        var _e = Ce()(P()).withConfig({
+            displayName: "SelectBaseStyles__StyledControlsLink",
+            componentId: "sc-16cj7sk-6"
+        })([ "margin-right:20px;", ";" ], (function(e) {
+            var t = e.$disabled;
+            return t && (0, Se.css)([ "color:", ";" ], H.variables.contentColorDisabled);
+        }));
+        var Me = Ce().div.withConfig({
+            displayName: "SelectBaseStyles__StyledToggleAllControls",
+            componentId: "sc-16cj7sk-7"
+        })([ "padding:", ";", "" ], (0, H.pick)({
+            enterprise: "5px 8px",
+            prisma: "10px 16px"
+        }), (0, H.pickVariant)("$placement", {
+            above: {
+                enterprise: (0, Se.css)([ "border-top:", ";" ], H.variables.border),
+                prisma: (0, Se.css)([ "border-top:1px solid ", ";" ], H.variables.neutral200)
+            },
+            below: {
+                enterprise: (0, Se.css)([ "border-bottom:", ";" ], H.variables.border),
+                prisma: (0, Se.css)([ "border-bottom:1px solid ", ";" ], H.variables.neutral200)
             }
-        } ]);
-        return n;
-    }(n.PureComponent);
-    be(we, "propTypes", ge);
-    be(we, "defaultProps", Oe);
-    be(we, "type", M.Item);
-    /* harmony default export */    const Se = we;
-    // CONCATENATED MODULE: ./src/Select/SelectAllOption.tsx
-    var Ce = {
-        active: l().bool,
-        elementRef: l().oneOfType([ l().func, l().object ]),
-        id: l().string,
-        onClick: l().func,
-        selectAllLabel: l().string,
-        totalCount: l().number,
-        changedToggle: l().bool,
-        selected: l().oneOf([ false, true, "some" ])
-    };
-    var xe =  r().forwardRef((function(e, t) {
-        var n = e.active, o = e.id, l = e.onClick, i = e.selectAllLabel, a = e.totalCount, u = e.changedToggle, c = 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 s = u ? " (".concat(a === null || a === void 0 ? void 0 : a.toString(), ")") : "";
-        
-        return r().createElement(Se, {
-            label: i,
-            value: "selectAll",
-            key: "selectAll",
-            onClick: l,
-            "data-test": "select-all",
-            "aria-keyshortcuts": "Control+A",
-            id: o,
-            active: n,
-            ref: t,
-            tabIndex: -1,
-            selected: c,
-            description: "".concat(s, " Ctrl-a"),
-            descriptionPosition: "right",
-            multiple: true,
-            role: "menuitemcheckbox"
-        });
-    }));
-    xe.propTypes = Ce;
-    /* harmony default export */    const ke = xe;
-    // CONCATENATED MODULE: external "styled-components"
-    const je = require("styled-components");
-    var Pe =  e.n(je);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const Ee = require("@splunk/react-ui/Button");
-    var Ie =  e.n(Ee);
-    // CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
-    var Te = Pe()(Ie()).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 Ae = Pe().span.withConfig({
-        displayName: "SelectBaseStyles__StyledLinkIcon",
-        componentId: "sc-16cj7sk-1"
-    })([ "padding-right:2px;" ]);
-    var Me = Pe().span.withConfig({
-        displayName: "SelectBaseStyles__StyledLinkCaret",
-        componentId: "sc-16cj7sk-2"
-    })([ "padding-left:2px;" ]);
-    var _e = Pe().div.withConfig({
-        displayName: "SelectBaseStyles__StyledFilter",
-        componentId: "sc-16cj7sk-3"
-    })([ "padding:", ";min-width:160px;" ], (0, U.pick)({
-        enterprise: "8px",
-        prisma: "10px 16px"
-    }));
-    var Ve = Pe().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 qe = Pe().span.withConfig({
-        displayName: "SelectBaseStyles__StyledCount",
-        componentId: "sc-16cj7sk-5"
-    })([ "padding-right:", ";" ], U.variables.spacingXSmall);
-    var Re = Pe()(D()).withConfig({
-        displayName: "SelectBaseStyles__StyledControlsLink",
-        componentId: "sc-16cj7sk-6"
-    })([ "margin-right:20px;", ";" ], (function(e) {
-        var t = e.$disabled;
-        return t && (0, je.css)([ "color:", ";" ], U.variables.contentColorDisabled);
-    }));
-    var Le = Pe().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, je.css)([ "border-top:", ";" ], U.variables.border),
-            prisma: (0, je.css)([ "border-top:1px solid ", ";" ], U.variables.neutral200)
-        },
-        below: {
-            enterprise: (0, je.css)([ "border-bottom:", ";" ], U.variables.border),
-            prisma: (0, je.css)([ "border-bottom:1px solid ", ";" ], U.variables.neutral200)
-        }
-    }));
-    // CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
-    // A utility for matching keyboard characters to list values
-    var De = function e(t, n) {
-        return t ? t.label.charAt(n).toLowerCase() : "";
-    };
-    var Be = function e(t, n) {
-        if (!t.length) {
-            return t;
-        }
-        var r = null;
-        var o = false;
-        var l = t.filter((function(e) {
-            var t = De(e, n.index);
-            if (t === n.value) {
-                o = true;
-                return true;
+        }));
+        // EXTERNAL MODULE: ./src/useControlled/index.ts + 1 modules
+                var Re = n(2907);
+        // CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
+        // A utility for matching keyboard characters to list values
+        var Le = function e(t, n) {
+            return t ? t.label.charAt(n).toLowerCase() : "";
+        };
+        var Ve = function e(t, n) {
+            if (!t.length) {
+                return t;
             }
-            // 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 l = De(r, n.index);
-                if (!l) {
-                    r = e;
-                } else if (t > n.value) {
-                    if (l < n.value) {
+            var r = null;
+            var o = false;
+            var l = t.filter((function(e) {
+                var t = Le(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 l = Le(r, n.index);
+                    if (!l) {
                         r = e;
-                    } else if (l > t) {
+                    } else if (t > n.value) {
+                        if (l < n.value) {
+                            r = e;
+                        } else if (l > t) {
+                            r = e;
+                        }
+                    } else if (t > l) {
                         r = e;
                     }
-                } else if (t > l) {
-                    r = e;
                 }
-            }
-            return false;
-        }));
-        return l.length === 0 && r ? [ r ] : l;
-    };
-    // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
-    /* eslint-disable @typescript-eslint/no-empty-function */
-    var Ke = {
-        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 false;
+            }));
+            return l.length === 0 && r ? [ r ] : l;
+        };
+        // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
+        /* eslint-disable @typescript-eslint/no-empty-function */
+        var qe = {
+            body: {
+                appendChild: function e() {
                     return [];
                 }
-            };
-        },
-        createElementNS: function e() {
-            return {};
-        },
-        importNode: function e() {
-            return null;
-        },
-        location: {
-            hash: "",
-            host: "",
-            hostname: "",
-            href: "",
-            origin: "",
-            pathname: "",
-            protocol: "",
-            search: ""
-        }
-    };
-    function Ne() {
-        var e = typeof document !== "undefined" ? document : Ke;
-        return e;
-    }
-    // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
-    /* eslint-disable @typescript-eslint/no-empty-function */
-    var Fe = {
-        document: Ke,
-        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();
+            },
+            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: ""
             }
-            return setTimeout(t, 0);
-        },
-        cancelAnimationFrame: function e(t) {
-            if (typeof setTimeout === "undefined") {
-                return;
-            }
-            clearTimeout(t);
+        };
+        function Be() {
+            var e = typeof document !== "undefined" ? document : qe;
+            return e;
         }
-    };
-    function He() {
-        var e = typeof window !== "undefined" ? window : Fe;
-        return e;
-    }
-    // CONCATENATED MODULE: ./src/Select/SelectBase.tsx
-    function ze() {
-        return ze = Object.assign ? Object.assign.bind() : function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var n = arguments[t];
-                for (var r in n) {
-                    ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
+        // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
+        /* eslint-disable @typescript-eslint/no-empty-function */
+        var De = {
+            document: qe,
+            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;
+                }
+                return setTimeout(t, 0);
+            },
+            cancelAnimationFrame: function e(t) {
+                if (typeof setTimeout === "undefined") {
+                    return;
                 }
+                clearTimeout(t);
             }
+        };
+        function Ne() {
+            var e = typeof window !== "undefined" ? window : De;
             return e;
-        }, ze.apply(null, arguments);
-    }
-    function $e(e, t) {
-        return Je(e) || Ue(e, t) || Qe(e, t) || We();
-    }
-    function We() {
-        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 Ue(e, t) {
-        var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
-        if (null != n) {
-            var r, o, l, i, a = [], u = !0, c = !1;
-            try {
-                if (l = (n = n.call(e)).next, 0 === t) {
-                    if (Object(n) !== n) return;
-                    u = !1;
-                } else for (;!(u = (r = l.call(n)).done) && (a.push(r.value), a.length !== t); u = !0) {
-                }
-            } catch (e) {
-                c = !0, o = e;
-            } finally {
+        }
+        // CONCATENATED MODULE: ./src/Select/SelectBase.tsx
+        function Ke(e) {
+            return ze(e) || He(e) || Je(e) || Fe();
+        }
+        function Fe() {
+            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 He(e) {
+            if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
+        }
+        function ze(e) {
+            if (Array.isArray(e)) return Xe(e);
+        }
+        function $e() {
+            return $e = Object.assign ? Object.assign.bind() : function(e) {
+                for (var t = 1; t < arguments.length; t++) {
+                    var n = arguments[t];
+                    for (var r in n) {
+                        ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
+                    }
+                }
+                return e;
+            }, $e.apply(null, arguments);
+        }
+        function We(e, t) {
+            return Qe(e) || Ge(e, t) || Je(e, t) || Ue();
+        }
+        function Ue() {
+            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 Je(e, t) {
+            if (e) {
+                if ("string" == typeof e) return Xe(e, t);
+                var n = {}.toString.call(e).slice(8, -1);
+                return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? Xe(e, t) : void 0;
+            }
+        }
+        function Xe(e, t) {
+            (null == t || t > e.length) && (t = e.length);
+            for (var n = 0, r = Array(t); n < t; n++) {
+                r[n] = e[n];
+            }
+            return r;
+        }
+        function Ge(e, t) {
+            var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+            if (null != n) {
+                var r, o, l, a, i = [], u = !0, c = !1;
                 try {
-                    if (!u && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
+                    if (l = (n = n.call(e)).next, 0 === t) {
+                        if (Object(n) !== n) return;
+                        u = !1;
+                    } else for (;!(u = (r = l.call(n)).done) && (i.push(r.value), i.length !== t); u = !0) {
+                    }
+                } catch (e) {
+                    c = !0, o = e;
                 } finally {
-                    if (c) throw o;
+                    try {
+                        if (!u && null != n["return"] && (a = n["return"](), Object(a) !== a)) return;
+                    } finally {
+                        if (c) throw o;
+                    }
+                }
+                return i;
+            }
+        }
+        function Qe(e) {
+            if (Array.isArray(e)) return e;
+        }
+        function Ye(e, t) {
+            if (null == e) return {};
+            var n, r, o = Ze(e, t);
+            if (Object.getOwnPropertySymbols) {
+                var l = Object.getOwnPropertySymbols(e);
+                for (r = 0; r < l.length; r++) {
+                    n = l[r], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+                }
+            }
+            return o;
+        }
+        function Ze(e, t) {
+            if (null == e) return {};
+            var n = {};
+            for (var r in e) {
+                if ({}.hasOwnProperty.call(e, r)) {
+                    if (t.includes(r)) continue;
+                    n[r] = e[r];
                 }
             }
-            return a;
-        }
-    }
-    function Je(e) {
-        if (Array.isArray(e)) return e;
-    }
-    function Xe(e) {
-        return Ze(e) || Ye(e) || Qe(e) || Ge();
-    }
-    function Ge() {
-        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 Qe(e, t) {
-        if (e) {
-            if ("string" == typeof e) return et(e, t);
-            var n = {}.toString.call(e).slice(8, -1);
-            return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? et(e, t) : void 0;
-        }
-    }
-    function Ye(e) {
-        if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
-    }
-    function Ze(e) {
-        if (Array.isArray(e)) return et(e);
-    }
-    function et(e, t) {
-        (null == t || t > e.length) && (t = e.length);
-        for (var n = 0, r = Array(t); n < t; n++) {
-            r[n] = e[n];
-        }
-        return r;
-    }
-    function tt(e, t) {
-        if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
-    }
-    function nt(e, t) {
-        for (var n = 0; n < t.length; n++) {
-            var r = t[n];
-            r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
-            Object.defineProperty(e, ht(r.key), r);
-        }
-    }
-    function rt(e, t, n) {
-        return t && nt(e.prototype, t), n && nt(e, n), Object.defineProperty(e, "prototype", {
-            writable: !1
-        }), e;
-    }
-    function ot(e, t) {
-        if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
-        e.prototype = Object.create(t && t.prototype, {
-            constructor: {
-                value: e,
-                writable: !0,
-                configurable: !0
+            return n;
+        }
+        function et(e) {
+            "@babel/helpers - typeof";
+            return et = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+                return typeof e;
+            } : function(e) {
+                return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+            }, et(e);
+        }
+        function tt(e, t) {
+            var n = Object.keys(e);
+            if (Object.getOwnPropertySymbols) {
+                var r = Object.getOwnPropertySymbols(e);
+                t && (r = r.filter((function(t) {
+                    return Object.getOwnPropertyDescriptor(e, t).enumerable;
+                }))), n.push.apply(n, r);
             }
-        }), Object.defineProperty(e, "prototype", {
-            writable: !1
-        }), t && lt(e, t);
-    }
-    function lt(e, t) {
-        return lt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
-            return e.__proto__ = t, e;
-        }, lt(e, t);
-    }
-    function it(e) {
-        var t = ct();
-        return function() {
-            var n, r = st(e);
-            if (t) {
-                var o = st(this).constructor;
-                n = Reflect.construct(r, arguments, o);
-            } else n = r.apply(this, arguments);
-            return at(this, n);
+            return n;
+        }
+        function nt(e) {
+            for (var t = 1; t < arguments.length; t++) {
+                var n = null != arguments[t] ? arguments[t] : {};
+                t % 2 ? tt(Object(n), !0).forEach((function(t) {
+                    rt(e, t, n[t]);
+                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : tt(Object(n)).forEach((function(t) {
+                    Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+                }));
+            }
+            return e;
+        }
+        function rt(e, t, n) {
+            return (t = ot(t)) in e ? Object.defineProperty(e, t, {
+                value: n,
+                enumerable: !0,
+                configurable: !0,
+                writable: !0
+            }) : e[t] = n, e;
+        }
+        function ot(e) {
+            var t = lt(e, "string");
+            return "symbol" == et(t) ? t : t + "";
+        }
+        function lt(e, t) {
+            if ("object" != et(e) || !e) return e;
+            var n = e[Symbol.toPrimitive];
+            if (void 0 !== n) {
+                var r = n.call(e, t || "default");
+                if ("object" != et(r)) return r;
+                throw new TypeError("@@toPrimitive must return a primitive value.");
+            }
+            return ("string" === t ? String : Number)(e);
+        }
+        var at = {
+            allowKeyMatching: l().bool,
+            allowNewValues: l().bool,
+            animateLoading: l().bool,
+            appearance: l().oneOf([ "default", "link", "primary", "pill", "toggle", "flat", "subtle" ]),
+            append: l().bool,
+            children: l().node,
+            defaultPlacement: l().oneOf([ "above", "below", "vertical" ]),
+            defaultValues: l().array,
+            describedBy: l().string,
+            disabled: l().bool,
+            elementRef: l().oneOfType([ l().func, l().object ]),
+            error: l().bool,
+            filter: l().oneOf([ false, true, "controlled" ]),
+            footerMessage: l().node,
+            inline: l().bool,
+            inputId: l().string,
+            inputRef: l().oneOfType([ l().func, l().object ]),
+            isLoadingOptions: l().bool,
+            labelledBy: l().string,
+            labelText: l().string,
+            loadingMessage: l().node,
+            menuStyle: l().object,
+            multiple: l().bool,
+            name: l().string,
+            noOptionsMessage: l().node,
+            onChange: l().func,
+            onClick: l().func,
+            onClose: l().func,
+            onFilterChange: l().func,
+            onOpen: l().func,
+            onScroll: l().func,
+            onScrollBottom: l().func,
+            /** @private. */
+            required: l().bool,
+            placeholder: l().string,
+            prefixLabel: l().string,
+            prepend: l().bool,
+            repositionMode: l().oneOf([ "none", "flip" ]),
+            selectAllAppearance: l().oneOf([ "buttongroup", "checkbox" ]),
+            showSelectedValuesFirst: l().oneOf([ "nextOpen", "immediately", "never" ]),
+            suffixLabel: l().string,
+            tabConfirmsNewValue: l().bool,
+            toggle: l().node,
+            toggleContent: l().oneOf([ "optionChildren", "optionLabel" ]),
+            values: l().array,
+            /** @private. */
+            virtualization: l().number
         };
-    }
-    function at(e, t) {
-        if (t && ("object" == pt(t) || "function" == typeof t)) return t;
-        if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-        return ut(e);
-    }
-    function ut(e) {
-        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        return e;
-    }
-    function ct() {
-        try {
-            var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
-        } catch (e) {}
-        return (ct = function t() {
-            return !!e;
-        })();
-    }
-    function st(e) {
-        return st = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
-            return e.__proto__ || Object.getPrototypeOf(e);
-        }, st(e);
-    }
-    function pt(e) {
-        "@babel/helpers - typeof";
-        return pt = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
-            return typeof e;
-        } : function(e) {
-            return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-        }, pt(e);
-    }
-    function ft(e, t) {
-        var n = Object.keys(e);
-        if (Object.getOwnPropertySymbols) {
-            var r = Object.getOwnPropertySymbols(e);
-            t && (r = r.filter((function(t) {
-                return Object.getOwnPropertyDescriptor(e, t).enumerable;
-            }))), n.push.apply(n, r);
-        }
-        return n;
-    }
-    function dt(e) {
-        for (var t = 1; t < arguments.length; t++) {
-            var n = null != arguments[t] ? arguments[t] : {};
-            t % 2 ? ft(Object(n), !0).forEach((function(t) {
-                vt(e, t, n[t]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : ft(Object(n)).forEach((function(t) {
-                Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
-            }));
+        var it = h()((function(e) {
+            return [ e ];
+        }));
+        // preserve separate widths for single vs. multi mode
+                var ut = h()((function(e) {
+            var t = e.anchorWidth, n = e.isMultiple, r = e.maxHeight, o = e.menuStyle;
+            return n ? nt({
+                width: Math.max(t !== null && t !== void 0 ? t : 0, 200),
+                maxHeight: r
+            }, o) : nt({
+                minWidth: t !== null && t !== void 0 ? t : undefined,
+                maxWidth: Math.max(t !== null && t !== void 0 ? t : 0, 300),
+                maxHeight: r
+            }, o);
+        }));
+        var ct = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
+        function st(e) {
+            return e && i()(e.props, "value");
         }
-        return e;
-    }
-    function vt(e, t, n) {
-        return (t = ht(t)) in e ? Object.defineProperty(e, t, {
-            value: n,
-            enumerable: !0,
-            configurable: !0,
-            writable: !0
-        }) : e[t] = n, e;
-    }
-    function ht(e) {
-        var t = bt(e, "string");
-        return "symbol" == pt(t) ? t : t + "";
-    }
-    function bt(e, t) {
-        if ("object" != pt(e) || !e) return e;
-        var n = e[Symbol.toPrimitive];
-        if (void 0 !== n) {
-            var r = n.call(e, t || "default");
-            if ("object" != pt(r)) return r;
-            throw new TypeError("@@toPrimitive must return a primitive value.");
-        }
-        return ("string" === t ? String : Number)(e);
-    }
-    var yt = {
-        allowKeyMatching: l().bool,
-        allowNewValues: l().bool,
-        animateLoading: l().bool,
-        appearance: l().oneOf([ "default", "link", "primary", "pill", "toggle", "flat", "subtle" ]),
-        append: l().bool,
-        children: l().node,
-        defaultPlacement: l().oneOf([ "above", "below", "vertical" ]),
-        defaultValues: l().array,
-        describedBy: l().string,
-        disabled: l().bool,
-        elementRef: l().oneOfType([ l().func, l().object ]),
-        error: l().bool,
-        filter: l().oneOf([ false, true, "controlled" ]),
-        footerMessage: l().node,
-        inline: l().bool,
-        inputId: l().string,
-        inputRef: l().oneOfType([ l().func, l().object ]),
-        isLoadingOptions: l().bool,
-        labelledBy: l().string,
-        labelText: l().string,
-        loadingMessage: l().node,
-        menuStyle: l().object,
-        multiple: l().bool,
-        name: l().string,
-        noOptionsMessage: l().node,
-        onChange: l().func,
-        onClose: l().func,
-        onFilterChange: l().func,
-        onOpen: l().func,
-        onScroll: l().func,
-        onScrollBottom: l().func,
-        /** @private. */
-        required: l().bool,
-        placeholder: l().string,
-        prefixLabel: l().string,
-        prepend: l().bool,
-        repositionMode: l().oneOf([ "none", "flip" ]),
-        selectAllAppearance: l().oneOf([ "buttongroup", "checkbox" ]),
-        showSelectedValuesFirst: l().oneOf([ "nextOpen", "immediately", "never" ]),
-        suffixLabel: l().string,
-        tabConfirmsNewValue: l().bool,
-        toggleContent: l().oneOf([ "optionChildren", "optionLabel" ]),
-        values: l().array,
-        /** @private. */
-        virtualization: l().number
-    };
-    var mt = {
-        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, u._)("No matches"),
-        placeholder: (0, u._)("Select..."),
-        prepend: false,
-        repositionMode: "flip",
-        selectAllAppearance: "buttongroup",
-        tabConfirmsNewValue: false,
-        toggleContent: "optionChildren"
-    };
-    var gt = S()((function(e) {
-        return [ e ];
-    }));
-    // preserve separate widths for single vs. multi mode
-        var Ot = S()((function(e) {
-        var t = e.anchorWidth, n = e.isMultiple, r = e.maxHeight, o = e.menuStyle;
-        return n ? dt({
-            width: Math.max(t !== null && t !== void 0 ? t : 0, 200),
-            maxHeight: r
-        }, o) : dt({
-            minWidth: t !== null && t !== void 0 ? t : undefined,
-            maxWidth: Math.max(t !== null && t !== void 0 ? t : 0, 300),
-            maxHeight: r
-        }, o);
-    }));
-    var wt = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
-    function St(e) {
-        return e && a()(e.props, "value");
-    }
-    function Ct(e, t) {
-        return "".concat(pt(e), "-").concat(e, "-").concat(t);
-    }
-    var xt =  function(e) {
-        ot(o, e);
-        var t = it(o);
-        rt(o, null, [ {
-            key: "validateAppearance",
-            // @docs-props-type CompactPropsBase
-            value: function e(t) {
-                if (false) {}
+        function ft(e, t) {
+            return "".concat(et(e), "-").concat(e, "-").concat(t);
+        }
+        var pt = [ "append", "error", "prepend" ];
+        var dt = (0, u._)("No matches");
+        var vt = (0, u._)("Select...");
+        var bt = function e(n) {
+            var r = n.activeItemId, o = n.filterKeyword, l = n.hasChildren, a = n.inputId, i = n.inputRef, c = n.menuListboxId, s = n.multiple, f = n.onClearAll, p = n.onSelectAll, d = n.onTextBlur, v = n.onTextChange, b = n.onTextFocus, m = n.onTextKeyDown, y = n.optionSelection, h = n.placement, g = n.selectAllAppearance, O = n.textHasFocus;
+            var w = (0, u._)("Select all options".concat(y.current === "all" ? " disabled" : ""));
+            var S = (0, u._)("Clear all options".concat(y.current === "none" ? " disabled" : ""));
+            // only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
+                        var C =  t().createElement(Me, {
+                $placement: h,
+                key: "selectAll"
+            },  t().createElement(_e, {
+                $disabled: y.current === "all",
+                "aria-label": w,
+                onClick: p,
+                "data-test": "select-all"
+            }, o ? (0, u._)("Select all Matches") : (0, u._)("Select all")),  t().createElement(_e, {
+                $disabled: y.current === "none",
+                "aria-label": S,
+                onClick: f,
+                "data-test": "clear-all"
+            }, o ? (0, u._)("Clear all Matches") : (0, u._)("Clear all")));
+            
+            return t().createElement("div", {
+                key: "controls"
+            },  t().createElement(Ae, {
+                key: "filter",
+                "data-test": "filter"
+            },  t().createElement(M(), {
+                value: o,
+                autoCapitalize: "off",
+                autoComplete: "off",
+                autoCorrect: "off",
+                spellCheck: false,
+                onChange: v,
+                onKeyDown: m,
+                onFocus: b,
+                onBlur: d,
+                placeholder: (0, u._)("filter"),
+                role: "combobox",
+                "aria-expanded": "true",
+                "aria-controls": c,
+                "aria-owns": l ? r : undefined,
+                "aria-label": (0, u._)("Filter"),
+                "aria-autocomplete": "list",
+                "aria-activedescendant": O && l ? r : undefined,
+                inputRef: i,
+                inputId: a,
+                canClear: true,
+                startAdornment:  t().createElement(Te, null,  t().createElement(Q, null))
+            })), s && l && g === "buttongroup" && C);
+        };
+        var mt = false;
+        var yt = function n(r) {
+            var o = r.activeIndex, l = r.activeItemId, a = r.allowKeyMatching, i = r.allowNewValues, c = r.availableMatchOptions, s = r.availableOptionCount, f = r.children, d = r.currentValues, b = r.filter, m = r.filterKeyword, y = r.firstSelectedOptionIndex, h = r.isLoadingOptions, g = r.multiple, O = r.newTopValues, w = r.onActiveOptionMount, S = r.onClearAll, C = r.onClick, k = r.onKeyDown, x = r.onOptionMount, j = r.onScrollBottom, E = r.onSelectAll, P = r.optionSelection, T = r.selectAllAppearance, I = r.selectedOptionCount, _ = r.setActiveValue, M = r.setAvailableMatchOptions, R = r.setAvailableOptionCount, L = r.setDisplayedValues, q = r.setFirstSelectedOptionIndex, B = r.setOptionSelection, D = r.setSelectedOptionCount, N = r.textHasFocus, K = r.toggle;
+            R(0);
+            q(undefined);
+            D(0);
+            _(undefined);
+            M([]);
+            var F;
+            var H = 0;
+            var z = false;
+            // used to avoid overwriting the selected item ref in multiple mode
+                        var $;
+            var W = e.Children.toArray(f).reduce((function(n, r, o) {
+                // ignore Headings and Dividers
+                if (!st(r)) {
+                    n.push(r);
+                    return n;
+                }
+                var l = r.props, i = l.disabled, u = l.hidden, s = l.label, f = l.value;
+ // Find out if the search string exactly matches a value
+                                if (f === m) {
+                    F = true;
+                }
+                var p = d && d.indexOf(f) >= 0;
+                var v = !!p && !i && !$;
+                var y = a && !g && !b && !h && !j;
+                var w = ft(f, s);
+                var S = -1;
+                if (y && !i && !u) {
+                    c.current.push({
+                        label: s,
+                        value: f
+                    });
+                    S = c.current.length - 1;
+                }
+                // Format the Menu.Item
+                                var E =  (0, e.cloneElement)(r, {
+                    key: r.key || o,
+                    onClick: C,
+                    onKeyDown: y ? function(e) {
+                        return k(e, S);
+                    } : undefined,
+                    selected: p,
+                    multiple: g,
+                    role: "option",
+                    ref: function e(t) {
+                        return x(t, w, v);
+                    }
+                });
+                if (v) {
+                    $ = true;
+                }
+                if (O && O.indexOf(f) >= 0) {
+                    if (H === 0) {
+                        n.splice(H, 0,  t().createElement(A.Divider, {
+                            key: "topDivider"
+                        }));
+                        z = true;
+                    }
+                    n.splice(H, 0, E);
+                    H += 1;
+                } else {
+                    n.push(E);
+                }
+                return n;
+            }), []);
+            // In multiple mode, add missing items
+                        if (g) {
+                v()(d, (function(e) {
+                    var n = p()(W, (function(t) {
+                        return st(t) && t.props && t.props.value === e;
+                    }));
+                    if (!n) {
+                        if (e === m) {
+                            F = true;
+                        }
+                        var r = O && O.indexOf(e) >= 0;
+                        var o = O.length;
+                        if (H === 0) {
+                            W.splice(0, 0,  t().createElement(A.Divider, {
+                                key: "topDivider"
+                            }));
+                            H += 1;
+                            z = true;
+                        }
+                        W.splice(r ? 0 : o + 1, 0,  t().createElement(he, {
+                            label: String(e),
+                            value: e,
+                            key: "missing-value-".concat(e),
+                            onClick: C,
+                            multiple: g,
+                            selected: true
+                        }));
+                        if (r) {
+                            H += 1;
+                        }
+                    }
+                }));
             }
-        } ]);
-        function o(e) {
-            var l;
-            tt(this, o);
-            l = t.call(this, e);
-            vt(ut(l), "activeItemId", void 0);
-            vt(ut(l), "activeValue", void 0);
-            vt(ut(l), "availableOptionCount", void 0);
-            vt(ut(l), "controlledExternally", void 0);
-            vt(ut(l), "displayedValues", void 0);
-            vt(ut(l), "dropdown", null);
-            vt(ut(l), "firstSelectedEnabledOption", null);
-            vt(ut(l), "firstSelectedOptionIndex", void 0);
-            vt(ut(l), "menuListboxId", void 0);
-            vt(ut(l), "previousActiveIndex", null);
-            vt(ut(l), "selectedOptionCount", void 0);
-            vt(ut(l), "optionRefsByKey", void 0);
-            vt(ut(l), "matchCharacter", void 0);
-            vt(ut(l), "matchTimeout", void 0);
-            vt(ut(l), "currentMatchOptions", void 0);
-            vt(ut(l), "availableMatchOptions", void 0);
-            vt(ut(l), "optionSelection", void 0);
-            vt(ut(l), "resetMatches", (function() {
-                l.matchCharacter = null;
-                l.currentMatchOptions = [];
-                if (l.matchTimeout) {
-                    clearTimeout(l.matchTimeout);
+            var U = b === "controlled";
+            // Filter the items
+                        var J = (0, V.stringToKeywords)(m);
+            W = U ? W : W.filter((function(e) {
+                if (st(e)) {
+                    return (0, V.testPhrase)(e.props.label, J);
                 }
+                return true;
+ // Keep all headers and non-interactive options
+                        })).map((function(t) {
+                if (!st(t)) {
+                    return t;
+                }
+                // highlight matched text
+                                var n = J && (0, V.keywordLocations)(t.props.label, J);
+                
+                return (0, e.cloneElement)(t, {
+                    matchRanges: n || undefined
+                });
             }));
-            vt(ut(l), "handleSelectAll", (function(e) {
-                var t, n, o;
-                var i = l.props, a = i.name, u = i.children, c = i.multiple;
- // this doesn't make sense if we can't select multiple values
-                                if (!c) {
+            // Add the option to add the new value
+                        if (i && !F && m) {
+                var X = z ? H + 1 : H;
+                W.splice(X, 0,  t().createElement(he, {
+                    label: "".concat(m, " (new value)"),
+                    value: m,
+                    key: "newValue",
+                    multiple: g,
+                    onClick: C
+                }));
+            }
+            // When selectAll is a menu item, add an offset so that activeItem accounts for the extra selectAll option.
+                        var G = T === "checkbox" && g && W.length > 1 ? 1 : 0;
+            var Q = true;
+            // Highlight the selected Items and remove hidden
+                        W = W.reduce((function(t, n) {
+                // ignore Dividers & Headings
+                if (!st(n)) {
+                    t.push(n);
+                    return t;
+                }
+                // Ignore any hidden items
+                                if (n.props && n.props.hidden) {
+                    return t;
+                }
+                if (n.props.selected && !n.props.disabled && y.current == null) {
+                    q(s.current);
+                }
+                var r = G === o;
+                G += 1;
+                R(s.current + 1);
+                D(I.current + (n.props.selected ? 1 : 0));
+                if (n.key !== "newValue" && !n.props.disabled && !n.props.selected) {
+                    Q = false;
+                }
+                if (!r || !N) {
+                    t.push(n);
+                    return t;
+                }
+                if (!n.props.disabled) {
+                    _(n.props.value);
+                }
+                var a =  (0, e.cloneElement)(n, {
+                    active: r,
+                    id: l,
+                    ref: w
+                });
+                t.push(a);
+                return t;
+            }), []);
+            B(I.current === 0 && "none" || Q && "all" || "some");
+            // add select all option
+                        if (T === "checkbox" && g && s.current > 0) {
+                var Y;
+                if (P.current === "all") {
+                    if (m === "") {
+                        Y = (0, u._)("Clear all");
+                    } else {
+                        Y = (0, u._)("Clear all matches");
+                    }
+                } else if (m === "") {
+                    Y = (0, u._)("Select all");
+                } else {
+                    Y = (0, u._)("Select all matches");
+                }
+                if (o === 0 && N) {
+                    _("selectAll");
+                }
+                W.unshift( t().createElement(we, {
+                    active: o === 0,
+                    changedToggle: !!K,
+                    id: o === 0 ? l : undefined,
+                    onClick: P.current === "all" ? S : E,
+                    selectAllLabel: Y,
+                    selected: P.current === "all" || P.current !== "none" && "some",
+                    totalCount: d.length,
+                    tabIndex: -1,
+                    ref: w
+                }),  t().createElement(A.Divider, {
+                    key: "selectAllDivider"
+                }));
+            }
+            L(W.reduce((function(e, t) {
+                if (st(t)) {
+                    e.push(t.props.value);
+                }
+                return e;
+            }), []));
+            mt = W.some((function(e) {
+                return st(e);
+            }));
+            // eslint-disable-next-line react/jsx-no-useless-fragment
+                        
+            return t().createElement(t().Fragment, null, W);
+        };
+        var ht = function e(t) {
+            var n = t.prefixLabel, r = t.label, o = t.suffixLabel;
+            var l = r;
+            if (n) {
+                l = [ "".concat(n, ": ") ].concat(l);
+            }
+            if (o) {
+                l = s()(l).concat(" ".concat(o));
+            }
+            return l;
+        };
+        function gt(n) {
+            var r = n.appearance, o = n.append, l = n.children, a = n.currentValues, i = a === void 0 ? [] : a, c = n.describedBy, s = n.disabled, f = n.elementRef, d = n.error, v = n.inline, b = n.labelText, m = n.labelledBy, y = n.multiple, h = n.onClick, g = n.placeholder, w = n.prefixLabel, S = n.prepend, C = n.required, k = n.suffixLabel, x = n.toggle, j = n.toggleContent, E = Ye(n, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent" ]);
+            var A;
+            var T;
+            var I = [];
+            // Generate buttonLabels
+                        var _ = e.Children.toArray(l);
+            var M = i.reduce((function(e, t, n, r) {
+                var o = p()(_, (function(e) {
+                    return st(e) && e.props.value === t;
+                }));
+                if (o) {
+                    var l = o.props, a = l.children, c = l.icon, s = l.label;
+                    var f = j !== "optionLabel" && a ? a : s;
+                    e.push(f);
+                    I.push(s);
+                    // if not in multiple mode, add the icon
+                                        if (!y && i.length === 1) {
+                        A = c;
+                    }
+                } else if (y) {
+                    // only add values that don't match an option in "multiple" mode to preserve old behaviour
+                    e.push(t);
+                    I.push(t.toString());
+                }
+                if (n < r.length - 1) {
+                    e.push((0, u._)(", "));
+                    I.push((0, u._)(", "));
+                }
+                return e;
+            }), []);
+            T = M;
+            // only apply prefix / suffix if the label is not empty
+                        if (T.length > 0) {
+                // If there's more than one item selected, read out the selected total
+                // rather than reading out each selected item
+                I = ht({
+                    prefixLabel: w,
+                    label: T.length > 1 ? [ "".concat(i.length, " items selected") ] : I,
+                    suffixLabel: k
+                });
+                T = ht({
+                    prefixLabel: w,
+                    label: T,
+                    suffixLabel: k
+                });
+            }
+            // single <Select> behaviour is to show the placeholder if all parts of the label
+            // are empty strings so we replicate this behaviour here
+                        if (T.length === 0 || !y && T.every((function(e) {
+                return e === "";
+            }))) {
+                T = it(g);
+                I = T;
+            }
+            var R = nt({
+                "aria-describedby": c,
+                "aria-label": "".concat(b ? "".concat(b, ", ") : "").concat(I.join("")),
+                "aria-labelledby": m,
+                // aria-labelledby takes precedence over aria-label if exists
+                "aria-required": C,
+                "data-select-appearance": r,
+                append: o,
+                prepend: S,
+                onClick: h,
+                role: "combobox",
+                disabled: s,
+                elementRef: f,
+                error: d
+            }, E);
+            if (y) {
+                R["data-test-values"] = JSON.stringify(i);
+            } else {
+                var L = We(i, 1), V = L[0];
+                R["data-test-value"] = V;
+            }
+            if (x) {
+                
+                return (0, e.cloneElement)(x, R);
+            }
+            if (r === "link") {
+                
+                return t().createElement(P(), $e({}, R, {
+                    "data-select-appearance": "link"
+                }), !!A &&  t().createElement(Ee, null, A), T || g,  t().createElement(Pe, null,  t().createElement($, null)));
+            }
+            
+            return t().createElement(je, $e({}, R, {
+                $multiple: y,
+                appearance: r,
+                label: T,
+                error: d,
+                icon: A,
+                inline: v,
+                isMenu: true,
+                onClick: h
+            }, O()(E, pt)), !!i.length && y &&  t().createElement(Ie, {
+                "data-role": "count"
+            }, "(", i.length, ")"));
+        }
+        gt[x.legacyRefMode] = true;
+        function Ot(n) {
+            var r;
+            var o = n.allowKeyMatching, l = o === void 0 ? true : o, a = n.animateLoading, i = n.appearance, u = i === void 0 ? "toggle" : i, c = n.append, s = n.allowNewValues, f = n.children, d = n.defaultPlacement, v = d === void 0 ? "vertical" : d, b = n.defaultValues, y = n.describedBy, h = n.disabled, g = n.elementRef, O = n.error, w = n.filter, C = n.footerMessage, x = n.inline, E = n.inputId, P = n.inputRef, A = n.isLoadingOptions, _ = n.labelledBy, M = n.labelText, R = n.loadingMessage, V = n.menuStyle, D = V === void 0 ? {} : V, N = n.multiple, K = n.name, F = n.noOptionsMessage, H = F === void 0 ? dt : F, z = n.onChange, $ = n.onScroll, W = n.onScrollBottom, U = n.onFilterChange, J = n.onClick, X = n.onClose, G = n.onOpen, Q = n.required, Y = n.placeholder, Z = Y === void 0 ? vt : Y, ee = n.prefixLabel, te = n.prepend, ne = n.repositionMode, re = ne === void 0 ? "flip" : ne, oe = n.selectAllAppearance, le = oe === void 0 ? "buttongroup" : oe, ae = n.showSelectedValuesFirst, ie = n.suffixLabel, ue = n.tabConfirmsNewValue, ce = n.values, se = n.virtualization, fe = n.toggle, pe = n.toggleContent, de = pe === void 0 ? "optionChildren" : pe, ve = Ye(n, [ "allowKeyMatching", "animateLoading", "appearance", "append", "allowNewValues", "children", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "filter", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "labelText", "loadingMessage", "menuStyle", "multiple", "name", "noOptionsMessage", "onChange", "onScroll", "onScrollBottom", "onFilterChange", "onClick", "onClose", "onOpen", "required", "placeholder", "prefixLabel", "prepend", "repositionMode", "selectAllAppearance", "showSelectedValuesFirst", "suffixLabel", "tabConfirmsNewValue", "values", "virtualization", "toggle", "toggleContent" ]);
+            // @docs-props-type SelectBasePropsBase
+                        var be = (0, Re["default"])({
+                value: ce,
+                defaultValue: b,
+                componentName: "SelectBase"
+            });
+            // states
+                        var me = (0, e.useState)((function() {
+                return {
+                    activeItemId: (0, q.createDOMID)("active-item"),
+                    menuListboxId: (0, q.createDOMID)("menu-listbox")
+                };
+            })), ye = We(me, 1), he = ye[0], ge = he.activeItemId, Oe = he.menuListboxId;
+            var we = (0, e.useState)(0), Se = We(we, 2), Ce = Se[0], ke = Se[1];
+            var xe = (0, e.useState)(""), je = We(xe, 2), Ee = je[0], Pe = je[1];
+            var Ae = (0, e.useState)(false), Te = We(Ae, 2), Ie = Te[0], _e = Te[1];
+            var Me = (0, e.useState)(false), Le = We(Me, 2), qe = Le[0], Be = Le[1];
+            var De = (0, e.useState)([]), Fe = We(De, 2), He = Fe[0], ze = Fe[1];
+            var Ue = (0, e.useState)(b || []), Je = We(Ue, 2), Xe = Je[0], Ge = Je[1];
+ // previous state
+                        var Qe = L()(Ce);
+            // refs
+                        var Ze = (0, e.useRef)(null);
+            var et = (0, e.useRef)(null);
+            var tt = (0, e.useRef)(null);
+            var nt = (0, e.useRef)([]);
+            var rt = (0, e.useRef)([]);
+            var ot = (0, e.useRef)(Qe);
+            var lt = (0, e.useRef)();
+            var at = (0, e.useRef)({});
+            var it = (0, e.useRef)(0);
+            var pt = (0, e.useRef)([]);
+            var ht = (0, e.useRef)(null);
+            var Ot = (0, e.useRef)();
+            var wt = (0, e.useRef)(0);
+            var St = (0, e.useRef)("none");
+            // setters for refs used in subcomponents
+                        var Ct = function e(t) {
+                it.current = t;
+            };
+            var kt = function e(t) {
+                Ot.current = t;
+            };
+            var xt = function e(t) {
+                wt.current = t;
+            };
+            var jt = function e(t) {
+                lt.current = t;
+            };
+            var Et = function e(t) {
+                rt.current = t;
+            };
+            var Pt = function e(t) {
+                St.current = t;
+            };
+            var At = function e(t) {
+                pt.current = t;
+            };
+            (0, e.useEffect)((function() {
+                if (false) {}
+            }), [ u, c, O, te ]);
+            var Tt = (0, e.useCallback)((function() {
+                var e = be ? ce : Xe;
+                return N || e == null ? e : e.slice(0, 1);
+            }), [ be, N, ce, Xe ]);
+            var It = (0, e.useCallback)((function() {
+                var e;
+                // in non-multiple mode, don't move values to the top of the list
+                                return N && ae !== "never" ? (e = Tt()) !== null && e !== void 0 ? e : [] : [];
+            }), [ Tt, N, ae ]);
+            var _t = (0, e.useCallback)((function(e) {
+                var t = Ee;
+                _e(true);
+                ze(It());
+                // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
+                                if (N) {
+                    Pe("");
+                }
+                if (t !== Ee) {
+                    U === null || U === void 0 ? void 0 : U(e, {
+                        keyword: Ee
+                    });
+                }
+            }), [ Ee, It, N, U ]);
+            (0, e.useEffect)((function() {
+                if (Ie) {
+                    G === null || G === void 0 ? void 0 : G();
+                    if (ht.current && !w) {
+                        ht.current.focus();
+                    } else {
+                        var e;
+                        ke((e = Ot.current) !== null && e !== void 0 ? e : 0);
+                    }
+                }
+            }), [ G, Ie, He, Ee, w ]);
+            var Mt = (0, e.useCallback)((function() {
+                _e(false);
+                ke(0);
+                ot.current = null;
+                X === null || X === void 0 ? void 0 : X();
+            }), [ X ]);
+            var Rt = (0, e.useCallback)((function(e, t) {
+                var n;
+                var r = (n = Tt()) !== null && n !== void 0 ? n : [];
+                var o = r.indexOf(t);
+                var l;
+                if (N) {
+                    if (o >= 0) {
+                        l = [].concat(Ke(r.slice(0, o)), Ke(r.slice(o + 1)));
+                    } else {
+                        l = r.concat([ t ]);
+                    }
+                } else {
+                    // non-multiple mode must always have a value
+                    l = [ t ];
+                }
+                var a = !be;
+                if (a) {
+                    Ge(l);
+                }
+                if (N) {
+                    // in uncontrolled multiple mode, keep the menu open
+                    if (a) {
+                        _e(true);
+                    }
+                } else {
+                    var i;
+                    // non-multiple mode only supports a single selection
+                    // so close the menu once a selection is made
+                                        Mt({
+                        reason: "contentClick"
+                    });
+                    (i = Ze.current) === null || i === void 0 ? void 0 : i.focus();
+                }
+                z === null || z === void 0 ? void 0 : z(e, {
+                    values: l,
+                    name: K,
+                    reason: "valueToggle"
+                });
+            }), [ Tt, Mt, be, N, K, z ]);
+            var Lt = function e() {
+                et.current = null;
+                nt.current = [];
+                if (tt.current) {
+                    clearTimeout(tt.current);
+                }
+            };
+            var Vt = (0, e.useCallback)((function(e) {
+                var n;
+                // this doesn't make sense if we can't select multiple values
+                                if (!N) {
                     return;
                 }
-                var s = (t = l.getCurrentValues()) !== null && t !== void 0 ? t : [];
-                var p = E()(s.concat(l.displayedValues));
-                p = r().Children.toArray(u).filter((function(e) {
-                    return St(e) && b()(p, e.props.value) && (!e.props.disabled || b()(s, e.props.value));
+                var r = (n = Tt()) !== null && n !== void 0 ? n : [];
+                var o = S()(r.concat(pt.current));
+                o = t().Children.toArray(f).filter((function(e) {
+                    return st(e) && m()(o, e.props.value) && (!e.props.disabled || m()(r, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
-                if (!l.isControlled()) {
-                    l.setState({
-                        values: p
-                    });
+                if (!be) {
+                    Ge(o);
                 }
-                (n = (o = l.props).onChange) === null || n === void 0 ? void 0 : n.call(o, e, {
-                    values: p,
-                    name: a,
+                z === null || z === void 0 ? void 0 : z(e, {
+                    values: o,
+                    name: K,
                     reason: "selectAll"
                 });
-            }));
-            vt(ut(l), "handleClearAll", (function(e) {
-                var t, n, o;
-                var i = l.props, a = i.name, u = i.children, c = i.multiple;
- // this doesn't make sense if we can't select multiple values
-                                if (!c) {
+            }), [ f, Tt, be, N, K, z ]);
+            var qt = (0, e.useCallback)((function(e) {
+                var n;
+                // this doesn't make sense if we can't select multiple values
+                                if (!N) {
                     return;
                 }
-                var s = (t = l.getCurrentValues()) !== null && t !== void 0 ? t : [];
-                var p = T().apply(void 0, [ s ].concat(Xe(l.displayedValues)));
+                var r = (n = Tt()) !== null && n !== void 0 ? n : [];
+                var o = k().apply(void 0, [ r ].concat(Ke(pt.current)));
                 // this will unselect all selected values unless those values are disabled or hidden by the filter
-                                var f = r().Children.toArray(u).filter((function(e) {
-                    return St(e) && (b()(s, e.props.value) && e.props.disabled || b()(p, e.props.value));
+                                var l = t().Children.toArray(f).filter((function(e) {
+                    return st(e) && (m()(r, e.props.value) && e.props.disabled || m()(o, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
-                if (!l.isControlled()) {
-                    l.setState({
-                        values: f
-                    });
+                if (!be) {
+                    Ge(l);
                 }
-                (n = (o = l.props).onChange) === null || n === void 0 ? void 0 : n.call(o, e, {
-                    values: f,
-                    name: a,
+                z === null || z === void 0 ? void 0 : z(e, {
+                    values: l,
+                    name: K,
                     reason: "clearAll"
                 });
-            }));
-            vt(ut(l), "handleTextKeyDown", (function(e) {
-                var t = l.props, r = t.children, o = t.onScrollBottom, i = t.tabConfirmsNewValue;
-                var a = (0, q.keycode)(e.nativeEvent);
-                if (a === "tab") {
-                    if (i && !m()(l.activeValue) && l.availableOptionCount <= 1) {
-                        e.preventDefault();
-                        l.toggleValue(e, l.activeValue);
+            }), [ f, Tt, be, N, K, z ]);
+            var Bt = (0, e.useCallback)((function(e) {
+                if (Ie && !A) {
+                    W === null || W === void 0 ? void 0 : W(e);
+                }
+            }), [ Ie, A, W ]);
+            var Dt = (0, e.useCallback)((function(t) {
+                var n = (0, B.keycode)(t.nativeEvent);
+                if (n === "tab") {
+                    if (ue && lt.current && it.current <= 1) {
+                        t.preventDefault();
+                        Rt(t, lt.current);
                     }
                 }
-                if (e.shiftKey || e.metaKey || e.ctrlKey) {
-                    if (a === "a" && (e.ctrlKey || e.metaKey)) {
+                if (t.shiftKey || t.metaKey || t.ctrlKey) {
+                    if (n === "a" && (t.ctrlKey || t.metaKey)) {
                         // handle control + A
-                        if (l.optionSelection === "all") {
-                            l.handleClearAll(e);
+                        if (St.current === "all") {
+                            qt(t);
                         } else {
-                            l.handleSelectAll(e);
+                            Vt(t);
                         }
                     }
                     return;
                 }
-                if (a === "down") {
-                    e.preventDefault();
-                    l.setState((function(e) {
-                        return {
-                            activeIndex: Math.min(e.activeIndex + 1, l.props.selectAllAppearance === "checkbox" ? l.availableOptionCount : l.availableOptionCount - 1)
-                        };
-                    }));
-                    if (r && o) {
-                        var u;
-                        var c = n.Children.toArray(r).length - (2 + ((u = l.getCurrentValues()) !== null && u !== void 0 ? u : []).length);
-                        if (l.state.activeIndex === c) {
-                            l.handleScrollBottom(e);
+                if (n === "down") {
+                    t.preventDefault();
+                    ke(Math.min(Ce + 1, le === "checkbox" ? it.current : it.current - 1));
+                    if (f && W) {
+                        var r;
+                        var o = e.Children.toArray(f).length - (2 + ((r = Tt()) !== null && r !== void 0 ? r : []).length);
+                        if (Ce === o) {
+                            Bt(t);
                         }
                     }
                 }
-                if (a === "up") {
-                    e.preventDefault();
-                    l.setState((function(e) {
-                        return {
-                            activeIndex: Math.max(e.activeIndex - 1, 0)
-                        };
-                    }));
+                if (n === "up") {
+                    t.preventDefault();
+                    ke(Math.max(Ce - 1, 0));
                 }
-                if (a === "enter" && !m()(l.activeValue) && l.state.open) {
-                    if (l.activeValue === "selectAll") {
-                        if (l.optionSelection === "all") {
-                            l.handleClearAll(e);
+                if (n === "enter" && lt.current && Ie) {
+                    if (lt.current === "selectAll") {
+                        if (St.current === "all") {
+                            qt(t);
                         } else {
-                            l.handleSelectAll(e);
+                            Vt(t);
                         }
                     } else {
-                        e.preventDefault();
-                        l.toggleValue(e, l.activeValue);
+                        t.preventDefault();
+                        Rt(t, lt.current);
                     }
                 }
-            }));
-            vt(ut(l), "handleMenuOptionClick", (function(e, t) {
+            }), [ Ce, f, Tt, qt, Bt, Vt, W, Ie, le, ue, Rt ]);
+            var Nt = (0, e.useCallback)((function(e, t) {
                 var n = t.value;
                 e.preventDefault();
-                if (!l.state.open) {
+                if (!Ie) {
                     return;
                 }
-                l.toggleValue(e, n);
-            }));
-            vt(ut(l), "handleMenuOptionKeyDown", (function(e, t) {
+                Rt(e, n);
+            }), [ Ie, Rt ]);
+            var Kt = (0, e.useCallback)((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) {
@@ -1113,1139 +1594,666 @@
                         index: 0,
                         value: n
                     };
-                    if (!l.matchCharacter) {
+                    if (!et.current) {
                         if (n === " ") {
-                            l.resetMatches();
+                            Lt();
                             return;
                         }
-                        r = Be(l.availableMatchOptions, o);
-                    } else if (l.currentMatchOptions.length > 1) {
-                        o.index = l.matchCharacter.index + 1;
-                        r = Be(l.currentMatchOptions, o);
+                        r = Ve(rt.current, o);
+                    } else if (nt.current.length > 1) {
+                        o.index = et.current.index + 1;
+                        r = Ve(nt.current, o);
                     }
                     if (r.length) {
-                        var i = 0;
+                        var l = 0;
                         // If the active option is a first character match, cycle to the next matching option.
                                                 if (o.index === 0 && r.length > 1) {
-                            var a = r.indexOf(l.availableMatchOptions[t]);
+                            var a = r.indexOf(rt.current[t]);
                             if (a >= 0) {
-                                i = a === r.length - 1 ? 0 : a + 1;
+                                l = a === r.length - 1 ? 0 : a + 1;
                             }
                         }
-                        var u = r[i];
-                        var c = l.optionRefsByKey[Ct(u.value, u.label)];
-                        if (c != null) {
-                            var s;
-                            (s = c.focus) === null || s === void 0 ? void 0 : s.call(c);
+                        var i = r[l];
+                        var u = i.value, c = i.label;
+                        var s = at.current[ft(u, c)];
+                        if (s != null) {
+                            var f;
+                            (f = s.focus) === null || f === void 0 ? void 0 : f.call(s);
                         }
                     }
-                    l.currentMatchOptions = r;
-                    l.matchCharacter = o;
-                    if (l.matchTimeout) {
-                        clearTimeout(l.matchTimeout);
+                    nt.current = r;
+                    et.current = o;
+                    if (tt.current) {
+                        clearTimeout(tt.current);
                     }
-                    l.matchTimeout = setTimeout(l.resetMatches, 500);
+                    tt.current = setTimeout(Lt, 500);
                     e.preventDefault();
                     e.stopPropagation();
                 }
-            }));
-            vt(ut(l), "handleTextChange", (function(e, t) {
-                var n, r;
-                var o = t.value;
-                l.setState({
-                    filterKeyword: o,
-                    open: true,
-                    activeIndex: 0
-                });
-                (n = (r = l.props).onFilterChange) === null || n === void 0 ? void 0 : n.call(r, e, {
-                    keyword: o
-                });
-            }));
-            vt(ut(l), "handleTextFocus", (function() {
-                l.setState({
-                    textHasFocus: true
-                });
-            }));
-            vt(ut(l), "handleTextBlur", (function() {
-                l.setState({
-                    textHasFocus: false
+            }), []);
+            var Ft = (0, e.useCallback)((function(e, t) {
+                var n = t.value;
+                Pe(n);
+                _e(true);
+                ke(0);
+                U === null || U === void 0 ? void 0 : U(e, {
+                    keyword: n
                 });
-            }));
-            vt(ut(l), "handleRequestOpen", (function(e) {
-                var t = {
-                    open: true,
-                    topValues: l.getTopValues()
-                };
-                // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
-                                if (l.props.multiple) {
-                    t.filterKeyword = "";
-                }
-                var n = l.state.filterKeyword;
-                l.setState(t, (function() {
-                    var t, r;
-                    (t = (r = l.props).onOpen) === null || t === void 0 ? void 0 : t.call(r);
-                    if (l.firstSelectedEnabledOption && !l.hasFilter()) {
-                        l.firstSelectedEnabledOption.focus();
-                    } else {
-                        var o;
-                        l.setState({
-                            activeIndex: (o = l.firstSelectedOptionIndex) !== null && o !== void 0 ? o : 0
-                        });
-                    }
-                    if (n !== l.state.filterKeyword) {
-                        var i, a;
-                        (i = (a = l.props).onFilterChange) === null || i === void 0 ? void 0 : i.call(a, e, {
-                            keyword: l.state.filterKeyword
-                        });
-                    }
-                }));
-            }));
-            vt(ut(l), "handleRequestClose", (function() {
-                l.setState({
-                    open: false,
-                    activeIndex: 0
-                }, (function() {
-                    var e, t;
-                    l.previousActiveIndex = null;
-                    (e = (t = l.props).onClose) === null || e === void 0 ? void 0 : e.call(t);
-                }));
-            }));
-            vt(ut(l), "handleScrollBottom", (function(e) {
-                if (l.state.open && !l.props.isLoadingOptions) {
-                    var t, n;
-                    (t = (n = l.props).onScrollBottom) === null || t === void 0 ? void 0 : t.call(n, e);
-                }
-            }));
-            vt(ut(l), "handleActiveOptionMount", (function(e) {
-                if (l.previousActiveIndex !== l.state.activeIndex) {
+            }), [ U ]);
+            var Ht = (0, e.useCallback)((function() {
+                Be(true);
+            }), []);
+            var zt = (0, e.useCallback)((function() {
+                Be(false);
+            }), []);
+            var $t = (0, e.useCallback)((function(e) {
+                if (ot.current !== Ce) {
                     e === null || e === void 0 ? void 0 : e.scrollIntoViewIfNeeded();
                 }
-            }));
-            vt(ut(l), "handleOptionMount", (function(e, t, n) {
+            }), [ Ce ]);
+            var Wt = (0, e.useCallback)((function(e, t, n) {
                 if (n) {
-                    l.firstSelectedEnabledOption = e;
+                    ht.current = e;
                 }
                 if (e == null) {
-                    delete l.optionRefsByKey[t];
+                    delete at.current[t];
                 } else {
-                    l.optionRefsByKey[t] = e;
+                    at.current[t] = e;
                 }
+            }), []);
+            var Ut = (0, e.useCallback)((function(e) {
+                Ze.current = e;
+            }), [ Ze ]);
+            var Jt = (r = Tt()) !== null && r !== void 0 ? r : [];
+            var Xt = e.Children.toArray(f);
+            var Gt = Jt.some((function(e) {
+                var t = p()(Xt, (function(t) {
+                    return st(t) && t.props.value === e;
+                }));
+                return t && !t.props.disabled;
             }));
-            vt(ut(l), "createToggle", (function() {
-                var e;
-                var t = l.props, i = t.toggle, a = t.appearance, c = t.children, s = 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, w = t.prefixLabel, S = t.required, C = t.suffixLabel, k = t.toggleContent;
-                var P;
-                var E;
-                var I = [];
-                // Generate buttonLabels
-                                var T = (e = l.getCurrentValues()) !== null && e !== void 0 ? e : [];
-                var A = n.Children.toArray(c);
-                var M = T.reduce((function(e, t, n, r) {
-                    var o = f()(A, (function(e) {
-                        return St(e) && e.props.value === t;
-                    }));
-                    if (o) {
-                        var l = k !== "optionLabel" && o.props.children ? o.props.children : o.props.label;
-                        e.push(l);
-                        I.push(o.props.label);
-                        // if not in multiple mode, add the icon
-                                                if (!m && T.length === 1) {
-                            P = 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);
-                        I.push(t.toString());
-                    }
-                    if (n < r.length - 1) {
-                        e.push((0, u._)(", "));
-                        I.push((0, u._)(", "));
-                    }
-                    return e;
-                }), []);
-                E = M;
-                // only apply prefix / suffix if the label is not empty
-                                if (E.length > 0) {
-                    // If there's more than one item selected, read out the selected total
-                    // rather than reading out each selected item
-                    I = l.wrapLabel({
-                        prefixLabel: w,
-                        label: E.length > 1 ? [ "".concat(T.length, " items selected") ] : I,
-                        suffixLabel: C
-                    });
-                    E = l.wrapLabel({
-                        prefixLabel: w,
-                        label: E,
-                        suffixLabel: C
-                    });
-                }
-                // single <Select> behaviour is to show the placeholder if all parts of the label
-                // are empty strings so we replicate this behaviour here
-                                if (E.length === 0 || !m && E.every((function(e) {
-                    return e === "";
-                }))) {
-                    E = gt(g);
-                    I = E;
-                }
-                var _ = dt({
-                    "aria-describedby": s,
-                    "aria-label": "".concat(y ? "".concat(y, ", ") : "").concat(I.join("")),
-                    "aria-labelledby": b,
-                    // aria-labelledby takes precedence over aria-label if exists
-                    "aria-required": S,
-                    "data-select-appearance": a,
-                    "data-test": m ? "multiselect" : "select",
-                    role: "combobox",
-                    disabled: p,
-                    elementRef: d,
-                    error: v
-                }, x()(l.props, O()(o.propTypes)));
-                if (m) {
-                    _["data-test-values"] = JSON.stringify(T);
-                } else {
-                    var V = $e(T, 1), q = V[0];
-                    _["data-test-value"] = q;
-                }
-                if (i) {
-                    
-                    return (0, n.cloneElement)(i, _);
-                }
-                if (a === "link") {
+            var Qt = ae === "immediately" ? It() : He;
+            var Yt = {
+                activeIndex: Ce,
+                activeItemId: ge,
+                allowKeyMatching: l,
+                allowNewValues: s,
+                availableMatchOptions: rt,
+                availableOptionCount: it,
+                children: f,
+                currentValues: Jt,
+                filter: w,
+                filterKeyword: Ee,
+                firstSelectedOptionIndex: Ot,
+                isLoadingOptions: A,
+                multiple: N,
+                newTopValues: Qt,
+                onActiveOptionMount: $t,
+                onClick: Nt,
+                onClearAll: qt,
+                onKeyDown: Kt,
+                onOptionMount: Wt,
+                onScrollBottom: W,
+                onSelectAll: Vt,
+                optionSelection: St,
+                selectAllAppearance: le,
+                selectedOptionCount: wt,
+                setActiveValue: jt,
+                setAvailableMatchOptions: Et,
+                setAvailableOptionCount: Ct,
+                setDisplayedValues: At,
+                setFirstSelectedOptionIndex: kt,
+                setOptionSelection: Pt,
+                setSelectedOptionCount: xt,
+                textHasFocus: qe,
+                toggle: fe
+            };
+            var Zt = function e(n) {
+                var r = n.anchorWidth, o = n.maxHeight, l = n.placement;
+                var i = ut({
+                    anchorWidth: r,
+                    isMultiple: N,
+                    maxHeight: o,
+                    menuStyle: D
+                });
+                var u = Jt.length > 0 && !Gt && !w ? 0 : undefined;
+                var c = {
+                    "aria-multiselectable": N || undefined,
+                    childrenStart: !!w &&  t().createElement(bt, {
+                        activeItemId: ge,
+                        filterKeyword: Ee,
+                        hasChildren: mt,
+                        inputId: E,
+                        inputRef: P,
+                        menuListboxId: Oe,
+                        multiple: N,
+                        onClearAll: qt,
+                        onSelectAll: Vt,
+                        onTextBlur: zt,
+                        onTextChange: Ft,
+                        onTextFocus: Ht,
+                        onTextKeyDown: Dt,
+                        optionSelection: St,
+                        placement: l,
+                        selectAllAppearance: le,
+                        textHasFocus: qe
+                    }),
+                    focusMode: w ? "never" : undefined,
+                    isLoading: A,
+                    menuId: Oe,
+                    onScrollBottom: W ? Bt : undefined,
+                    placement: l !== null && l !== void 0 ? l : undefined,
+                    noOptionsMessage: H,
+                    footerMessage: C,
+                    animateLoading: a,
+                    loadingMessage: R,
+                    onScroll: $,
+                    style: i,
+                    tabIndex: u
+                };
+                if (se) {
                     
-                    return r().createElement(D(), ze({}, _, {
-                        "data-select-appearance": "link"
-                    }), !!P &&  r().createElement(Ae, null, P), E || g,  r().createElement(Me, null,  r().createElement(X, null)));
+                    return t().createElement(T.VirtualizedResultsMenu, $e({
+                        virtualization: se
+                    }, c),  t().createElement(yt, Yt));
                 }
                 
-                return r().createElement(Te, ze({}, _, {
-                    $multiple: m,
-                    appearance: a,
-                    label: E,
-                    error: v,
-                    icon: P,
-                    inline: h,
-                    isMenu: true,
-                    onClick: l.props.onClick
-                }, j()(l.props, o.invalidLinkAppearanceProps)), !!T.length && m &&  r().createElement(qe, {
-                    "data-role": "count"
-                }, "(", T.length, ")"));
-            }));
-            vt(ut(l), "createChildren", (function() {
-                var e = l.state, t = e.filterKeyword, o = e.textHasFocus, i = e.topValues;
-                var a = l.props, c = a.allowKeyMatching, s = a.allowNewValues, p = a.filter, d = a.multiple, h = a.selectAllAppearance, b = a.showSelectedValuesFirst, y = a.isLoadingOptions, m = a.onScrollBottom;
-                var g = l.getCurrentValues();
-                l.availableOptionCount = 0;
-                l.firstSelectedOptionIndex = undefined;
-                l.selectedOptionCount = 0;
-                l.activeValue = undefined;
-                l.availableMatchOptions = [];
-                var O;
-                var w = 0;
-                var S = false;
-                // used to avoid overwriting the selected item ref in multiple mode
-                                var C;
-                var x = b === "immediately" ? l.getTopValues() : i;
-                var k = n.Children.toArray(l.props.children).reduce((function(e, t, o) {
-                    // ignore Headings and Dividers
-                    if (!St(t)) {
-                        e.push(t);
-                        return e;
-                    }
-                    // Find out if the search string exactly matches a value
-                                        if (t.props.value === l.state.filterKeyword) {
-                        O = true;
-                    }
-                    var i = g && g.indexOf(t.props.value) >= 0;
-                    var a = !!i && !t.props.disabled && !C;
-                    var u = c && !d && !p && !y && !m;
-                    var s = Ct(t.props.value, t.props.label);
-                    var f = -1;
-                    if (u && !t.props.disabled && !t.props.hidden) {
-                        l.availableMatchOptions.push({
-                            label: t.props.label,
-                            value: t.props.value
-                        });
-                        f = l.availableMatchOptions.length - 1;
-                    }
-                    // Format the Menu.Item
-                                        var v =  (0, n.cloneElement)(t, {
-                        key: t.key || o,
-                        onClick: l.handleMenuOptionClick,
-                        onKeyDown: u ? function(e) {
-                            return l.handleMenuOptionKeyDown(e, f);
-                        } : undefined,
-                        selected: i,
-                        multiple: d,
-                        role: "option",
-                        ref: function e(t) {
-                            return l.handleOptionMount(t, s, a);
-                        }
-                    });
-                    if (a) {
-                        C = true;
-                    }
-                    if (x && x.indexOf(t.props.value) >= 0) {
-                        if (w === 0) {
-                            e.splice(w, 0,  r().createElement(M.Divider, {
-                                key: "topDivider"
-                            }));
-                            S = true;
-                        }
-                        e.splice(w, 0, v);
-                        w += 1;
-                    } else {
-                        e.push(v);
-                    }
-                    return e;
-                }), []);
-                // In multiple mode, add missing items
-                                if (d) {
-                    v()(g, (function(e) {
-                        var t = f()(k, (function(t) {
-                            return St(t) && t.props && t.props.value === e;
-                        }));
-                        if (!t) {
-                            if (e === l.state.filterKeyword) {
-                                O = true;
-                            }
-                            var n = x && x.indexOf(e) >= 0;
-                            var o = x.length;
-                            if (w === 0) {
-                                k.splice(0, 0,  r().createElement(M.Divider, {
-                                    key: "topDivider"
-                                }));
-                                w += 1;
-                                S = true;
-                            }
-                            k.splice(n ? 0 : o + 1, 0,  r().createElement(Se, {
-                                label: String(e),
-                                value: e,
-                                key: "missing-value-".concat(e),
-                                onClick: l.handleMenuOptionClick,
-                                multiple: d,
-                                selected: true
-                            }));
-                            if (n) {
-                                w += 1;
-                            }
-                        }
-                    }));
-                }
-                var j = p === "controlled";
-                // Filter the items
-                                var P = (0, R.stringToKeywords)(t);
-                k = j ? k : k.filter((function(e) {
-                    if (St(e)) {
-                        return (0, R.testPhrase)(e.props.label, P);
-                    }
-                    return true;
- // Keep all headers and non-interactive options
-                                })).map((function(e) {
-                    if (!St(e)) {
-                        return e;
-                    }
-                    // highlight matched text
-                                        var t = P && (0, R.keywordLocations)(e.props.label, P);
-                    
-                    return (0, n.cloneElement)(e, {
-                        matchRanges: t || undefined
-                    });
-                }));
-                // Add the option to add the new value
-                                if (s && !O && t) {
-                    var E = S ? w + 1 : w;
-                    k.splice(E, 0,  r().createElement(Se, {
-                        label: "".concat(t, " (new value)"),
-                        value: t,
-                        key: "newValue",
-                        multiple: d,
-                        onClick: l.handleMenuOptionClick
-                    }));
-                }
-                // When selectAll is a menu item, add an offset so that activeItem accounts for the extra selectAll option.
-                                var I = h === "checkbox" && d && k.length > 1 ? 1 : 0;
-                var T = true;
-                // Highlight the selected Items and remove hidden
-                                k = k.reduce((function(e, t) {
-                    // ignore Dividers & Headings
-                    if (!St(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 && l.firstSelectedOptionIndex == null) {
-                        l.firstSelectedOptionIndex = l.availableOptionCount;
-                    }
-                    var r = I === l.state.activeIndex;
-                    I += 1;
-                    l.availableOptionCount += 1;
-                    l.selectedOptionCount += t.props.selected ? 1 : 0;
-                    if (t.key !== "newValue" && !t.props.disabled && !t.props.selected) {
-                        T = false;
-                    }
-                    if (!r || !o) {
-                        e.push(t);
-                        return e;
-                    }
-                    if (!t.props.disabled) {
-                        l.activeValue = t.props.value;
-                    }
-                    var i =  (0, n.cloneElement)(t, {
-                        active: r,
-                        id: l.activeItemId,
-                        ref: l.handleActiveOptionMount
-                    });
-                    e.push(i);
-                    return e;
-                }), []);
-                l.optionSelection = l.selectedOptionCount === 0 && "none" || T && "all" || "some";
-                // add select all option
-                                if (h === "checkbox" && d && l.availableOptionCount > 0) {
-                    var A;
-                    var _;
-                    if (l.optionSelection === "all") {
-                        if (t === "") {
-                            _ = (0, u._)("Clear all");
-                        } else {
-                            _ = (0, u._)("Clear all matches");
-                        }
-                    } else if (t === "") {
-                        _ = (0, u._)("Select all");
-                    } else {
-                        _ = (0, u._)("Select all matches");
-                    }
-                    if (l.state.activeIndex === 0 && o) {
-                        l.activeValue = "selectAll";
-                    }
-                    k.unshift( r().createElement(ke, {
-                        key: "selectAllOption",
-                        selected: l.optionSelection === "all" || l.optionSelection !== "none" && "some",
-                        selectAllLabel: _,
-                        totalCount: (A = l.getCurrentValues()) === null || A === void 0 ? void 0 : A.length,
-                        changedToggle: !!l.props.toggle,
-                        onClick: l.optionSelection === "all" ? l.handleClearAll : l.handleSelectAll,
-                        id: l.state.activeIndex === 0 ? l.activeItemId : undefined,
-                        active: l.state.activeIndex === 0,
-                        ref: l.handleActiveOptionMount,
-                        tabIndex: -1
-                    }),  r().createElement(M.Divider, {
-                        key: "selectAllDivider"
-                    }));
-                }
-                l.displayedValues = k.reduce((function(e, t) {
-                    if (St(t)) {
-                        e.push(t.props.value);
-                    }
-                    return e;
-                }), []);
-                return k;
-            }));
-            vt(ut(l), "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 = s()(o).concat(" ".concat(r));
-                }
-                return o;
-            }));
-            vt(ut(l), "handleDropdownMount", (function(e) {
-                l.dropdown = e;
-            }));
-            l.state = {
-                activeIndex: 0,
-                filterKeyword: "",
-                open: false,
-                textHasFocus: false,
-                topValues: [],
-                values: e.defaultValues || []
+                return t().createElement(I(), c,  t().createElement(yt, Yt));
             };
-            l.controlledExternally = a()(e, "values");
-            l.displayedValues = [];
-            l.availableOptionCount = 0;
-            l.firstSelectedOptionIndex = undefined;
-            l.selectedOptionCount = 0;
-            l.matchCharacter = null;
-            l.matchTimeout = null;
-            l.currentMatchOptions = [];
-            l.availableMatchOptions = [];
-            l.optionRefsByKey = {};
-            l.optionSelection = "none";
-            if (false) {}
-            if (false) {}
-            o.validateAppearance(e);
-            l.menuListboxId = (0, A.createDOMID)("menu-listbox");
-            l.activeItemId = (0, A.createDOMID)("active-item");
-            return l;
+            
+            return t().createElement(j(), {
+                closeReasons: ct,
+                inputId: E,
+                toggle:  t().createElement(gt, $e({
+                    appearance: u,
+                    append: c,
+                    currentValues: Tt(),
+                    "data-test": N ? "multiselect" : "select",
+                    describedBy: y,
+                    disabled: h,
+                    elementRef: g,
+                    error: O,
+                    inline: x,
+                    labelText: M,
+                    labelledBy: _,
+                    multiple: N,
+                    onClick: J,
+                    placeholder: Z,
+                    prefixLabel: ee,
+                    prepend: te,
+                    required: Q,
+                    suffixLabel: ie,
+                    toggle: fe,
+                    toggleContent: de
+                }, ve), f),
+                onRequestOpen: _t,
+                onRequestClose: Mt,
+                open: Ie,
+                openWithArrowKeys: true,
+                repositionMode: re,
+                defaultPlacement: w ? v : undefined,
+                canCoverAnchor: Ne().innerHeight < 500,
+                ref: Ut,
+                retainFocus: false,
+                takeFocus: Jt.length === 0 || Jt.length > 0 && !Gt || !!w
+            }, Zt);
         }
-        rt(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, l;
-                var i = (r = this.getCurrentValues()) !== null && r !== void 0 ? r : [];
-                var a = i.indexOf(n);
-                var u = this.props, c = u.name, s = u.multiple;
-                var p;
-                if (s) {
-                    if (a >= 0) {
-                        p = [].concat(Xe(i.slice(0, a)), Xe(i.slice(a + 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 (s) {
-                    // in uncontrolled multiple mode, keep the menu open
-                    if (f) {
-                        this.setState({
-                            open: true
-                        });
+        Ot.propTypes = at;
+        Ot.componentType = "SelectBase";
+        Ot.Option = he;
+        Ot.Divider = A.Divider;
+        Ot.Heading = A.Heading;
+        /* harmony default export */        const wt = Ot;
+        // CONCATENATED MODULE: ./src/Select/Option.tsx
+        function St(e) {
+            "@babel/helpers - typeof";
+            return St = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+                return typeof e;
+            } : function(e) {
+                return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+            }, St(e);
+        }
+        function Ct() {
+            return Ct = Object.assign ? Object.assign.bind() : function(e) {
+                for (var t = 1; t < arguments.length; t++) {
+                    var n = arguments[t];
+                    for (var r in n) {
+                        ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
                     }
-                } 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 = (l = this.props).onChange) === null || o === void 0 ? void 0 : o.call(l, t, {
-                    values: p,
-                    name: c,
-                    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 l = this.state.filterKeyword;
-                var i = this.props, a = i.inputId, c = i.inputRef, s = i.multiple, p = i.selectAllAppearance;
-                var f = (0, u._)("Select all options".concat(this.optionSelection === "all" ? " disabled" : ""));
-                var d = (0, u._)("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(Le, {
-                    $placement: o,
-                    key: "selectAll"
-                },  r().createElement(Re, {
-                    $disabled: this.optionSelection === "all",
-                    "aria-label": f,
-                    onClick: this.handleSelectAll,
-                    "data-test": "select-all"
-                }, l ? (0, u._)("Select all Matches") : (0, u._)("Select all")),  r().createElement(Re, {
-                    $disabled: this.optionSelection === "none",
-                    "aria-label": d,
-                    onClick: this.handleClearAll,
-                    "data-test": "clear-all"
-                }, l ? (0, u._)("Clear all Matches") : (0, u._)("Clear all")));
-                return this.hasFilter() &&  r().createElement("div", {
-                    key: "controls"
-                },  r().createElement(_e, {
-                    key: "filter",
-                    "data-test": "filter"
-                },  r().createElement(F(), {
-                    value: l,
-                    autoCapitalize: "off",
-                    autoComplete: "off",
-                    autoCorrect: "off",
-                    spellCheck: false,
-                    onChange: this.handleTextChange,
-                    onKeyDown: this.handleTextKeyDown,
-                    onFocus: this.handleTextFocus,
-                    onBlur: this.handleTextBlur,
-                    placeholder: (0, u._)("filter"),
-                    role: "combobox",
-                    "aria-expanded": "true",
-                    "aria-controls": this.menuListboxId,
-                    "aria-owns": n ? this.activeItemId : undefined,
-                    "aria-label": (0, u._)("Filter"),
-                    "aria-autocomplete": "list",
-                    "aria-activedescendant": this.state.textHasFocus && n ? this.activeItemId : undefined,
-                    inputRef: c,
-                    inputId: a,
-                    canClear: true,
-                    startAdornment:  r().createElement(Ve, null,  r().createElement(te, null))
-                })), s && n && p === "buttongroup" && v);
-            }
-        }, {
-            key: "render",
-            value: function e() {
-                var t, o = this;
-                var l = this.props, i = l.children, a = l.defaultPlacement, u = l.inputId, c = l.multiple, s = l.repositionMode, p = l.virtualization;
-                var d = this.hasFilter();
-                var v = (t = this.getCurrentValues()) !== null && t !== void 0 ? t : [];
-                var h = n.Children.toArray(i);
-                var b = v.some((function(e) {
-                    var t = f()(h, (function(t) {
-                        return St(t) && t.props.value === e;
-                    }));
-                    return t && !t.props.disabled;
-                }));
-                var y = this.createChildren();
-                var m = this.createToggle();
-                var g = function e(t) {
-                    var n = t.anchorWidth, l = t.maxHeight, i = t.placement;
-                    var a = Ot({
-                        anchorWidth: n,
-                        isMultiple: o.props.multiple,
-                        maxHeight: l,
-                        menuStyle: o.props.menuStyle
-                    });
-                    var u = v.length > 0 && !b && !o.hasFilter() ? 0 : undefined;
-                    var s = dt(dt({
-                        "aria-multiselectable": c || undefined,
-                        childrenStart: o.renderControls({
-                            placement: i,
-                            hasChildren: y.some((function(e) {
-                                return St(e);
-                            }))
-                        }),
-                        focusMode: o.hasFilter() ? "never" : undefined,
-                        isLoading: o.props.isLoadingOptions,
-                        menuId: o.menuListboxId,
-                        onScrollBottom: o.props.onScrollBottom ? o.handleScrollBottom : undefined,
-                        placement: i !== null && i !== void 0 ? i : undefined
-                    }, j()(o.props, "noOptionsMessage", "footerMessage", "animateLoading", "loadingMessage", "onScroll")), {}, {
-                        style: a,
-                        tabIndex: u
-                    });
-                    if (p) {
-                        
-                        return r().createElement(B.VirtualizedResultsMenu, ze({
-                            virtualization: p
-                        }, s), y);
-                    }
-                    
-                    return r().createElement(K(), s, y);
-                };
-                
-                return r().createElement(V(), {
-                    closeReasons: wt,
-                    inputId: u,
-                    toggle: m,
-                    onRequestOpen: this.handleRequestOpen,
-                    onRequestClose: this.handleRequestClose,
-                    open: this.state.open,
-                    openWithArrowKeys: true,
-                    repositionMode: s,
-                    defaultPlacement: d ? a : undefined,
-                    canCoverAnchor: He().innerHeight < 500,
-                    ref: this.handleDropdownMount,
-                    retainFocus: false,
-                    takeFocus: v.length === 0 || v.length > 0 && !b || d
-                }, g);
+                return e;
+            }, Ct.apply(null, arguments);
+        }
+        function kt(e, t) {
+            if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
+        }
+        function xt(e, t) {
+            for (var n = 0; n < t.length; n++) {
+                var r = t[n];
+                r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
+                Object.defineProperty(e, Lt(r.key), r);
             }
-        } ]);
-        return o;
-    }(n.Component);
-    vt(xt, "propTypes", yt);
-    vt(xt, "defaultProps", mt);
-    vt(xt, "Option", Se);
-    vt(xt, "Divider", M.Divider);
-    vt(xt, "Heading", M.Heading);
-    vt(xt, "invalidLinkAppearanceProps", [ "append", "error", "prepend" ]);
-    /* harmony default export */    const kt = xt;
-    // CONCATENATED MODULE: ./src/Select/Option.tsx
-    function jt(e) {
-        "@babel/helpers - typeof";
-        return jt = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
-            return typeof e;
-        } : function(e) {
-            return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-        }, jt(e);
-    }
-    function Pt() {
-        return Pt = Object.assign ? Object.assign.bind() : function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var n = arguments[t];
-                for (var r in n) {
-                    ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
+        }
+        function jt(e, t, n) {
+            return t && xt(e.prototype, t), n && xt(e, n), Object.defineProperty(e, "prototype", {
+                writable: !1
+            }), e;
+        }
+        function Et(e, t) {
+            if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
+            e.prototype = Object.create(t && t.prototype, {
+                constructor: {
+                    value: e,
+                    writable: !0,
+                    configurable: !0
                 }
-            }
+            }), Object.defineProperty(e, "prototype", {
+                writable: !1
+            }), t && Pt(e, t);
+        }
+        function Pt(e, t) {
+            return Pt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+                return e.__proto__ = t, e;
+            }, Pt(e, t);
+        }
+        function At(e) {
+            var t = _t();
+            return function() {
+                var n, r = Mt(e);
+                if (t) {
+                    var o = Mt(this).constructor;
+                    n = Reflect.construct(r, arguments, o);
+                } else n = r.apply(this, arguments);
+                return Tt(this, n);
+            };
+        }
+        function Tt(e, t) {
+            if (t && ("object" == St(t) || "function" == typeof t)) return t;
+            if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
+            return It(e);
+        }
+        function It(e) {
+            if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
             return e;
-        }, Pt.apply(null, arguments);
-    }
-    function Et(e, t) {
-        if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
-    }
-    function It(e, t) {
-        for (var n = 0; n < t.length; n++) {
-            var r = t[n];
-            r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
-            Object.defineProperty(e, Bt(r.key), r);
-        }
-    }
-    function Tt(e, t, n) {
-        return t && It(e.prototype, t), n && It(e, n), Object.defineProperty(e, "prototype", {
-            writable: !1
-        }), e;
-    }
-    function At(e, t) {
-        if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
-        e.prototype = Object.create(t && t.prototype, {
-            constructor: {
-                value: e,
-                writable: !0,
-                configurable: !0
+        }
+        function _t() {
+            try {
+                var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
+            } catch (e) {}
+            return (_t = function t() {
+                return !!e;
+            })();
+        }
+        function Mt(e) {
+            return Mt = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+                return e.__proto__ || Object.getPrototypeOf(e);
+            }, Mt(e);
+        }
+        function Rt(e, t, n) {
+            return (t = Lt(t)) in e ? Object.defineProperty(e, t, {
+                value: n,
+                enumerable: !0,
+                configurable: !0,
+                writable: !0
+            }) : e[t] = n, e;
+        }
+        function Lt(e) {
+            var t = Vt(e, "string");
+            return "symbol" == St(t) ? t : t + "";
+        }
+        function Vt(e, t) {
+            if ("object" != St(e) || !e) return e;
+            var n = e[Symbol.toPrimitive];
+            if (void 0 !== n) {
+                var r = n.call(e, t || "default");
+                if ("object" != St(r)) return r;
+                throw new TypeError("@@toPrimitive must return a primitive value.");
             }
-        }), Object.defineProperty(e, "prototype", {
-            writable: !1
-        }), t && Mt(e, t);
-    }
-    function Mt(e, t) {
-        return Mt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
-            return e.__proto__ = t, e;
-        }, Mt(e, t);
-    }
-    function _t(e) {
-        var t = Rt();
-        return function() {
-            var n, r = Lt(e);
-            if (t) {
-                var o = Lt(this).constructor;
-                n = Reflect.construct(r, arguments, o);
-            } else n = r.apply(this, arguments);
-            return Vt(this, n);
+            return ("string" === t ? String : Number)(e);
+        }
+        var qt = {
+            /** @private */
+            active: l().bool,
+            children: l().node,
+            description: l().string,
+            descriptionPosition: l().oneOf([ "right", "bottom" ]),
+            disabled: l().bool,
+            hidden: l().bool,
+            icon: l().node,
+            label: l().string.isRequired,
+            matchRanges: l().arrayOf(l().shape({
+                start: l().number.isRequired,
+                end: l().number.isRequired
+            })),
+            /** @private */
+            onClick: l().func,
+            /** @private */
+            role: l().oneOf([ "menuitemcheckbox", "option" ]),
+            /** @private */
+            selected: l().bool,
+            truncate: l().bool,
+            value: l().oneOfType([ l().string, l().number, l().bool ]).isRequired
         };
-    }
-    function Vt(e, t) {
-        if (t && ("object" == jt(t) || "function" == typeof t)) return t;
-        if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-        return qt(e);
-    }
-    function qt(e) {
-        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        return e;
-    }
-    function Rt() {
-        try {
-            var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
-        } catch (e) {}
-        return (Rt = function t() {
-            return !!e;
-        })();
-    }
-    function Lt(e) {
-        return Lt = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
-            return e.__proto__ || Object.getPrototypeOf(e);
-        }, Lt(e);
-    }
-    function Dt(e, t, n) {
-        return (t = Bt(t)) in e ? Object.defineProperty(e, t, {
-            value: n,
-            enumerable: !0,
-            configurable: !0,
-            writable: !0
-        }) : e[t] = n, e;
-    }
-    function Bt(e) {
-        var t = Kt(e, "string");
-        return "symbol" == jt(t) ? t : t + "";
-    }
-    function Kt(e, t) {
-        if ("object" != jt(e) || !e) return e;
-        var n = e[Symbol.toPrimitive];
-        if (void 0 !== n) {
-            var r = n.call(e, t || "default");
-            if ("object" != jt(r)) return r;
-            throw new TypeError("@@toPrimitive must return a primitive value.");
-        }
-        return ("string" === t ? String : Number)(e);
-    }
-    var Nt = {
-        /** @private */
-        active: l().bool,
-        children: l().node,
-        description: l().string,
-        descriptionPosition: l().oneOf([ "right", "bottom" ]),
-        disabled: l().bool,
-        hidden: l().bool,
-        icon: l().node,
-        label: l().string.isRequired,
-        matchRanges: l().arrayOf(l().shape({
-            start: l().number.isRequired,
-            end: l().number.isRequired
-        })),
-        /** @private */
-        onClick: l().func,
-        /** @private */
-        role: l().oneOf([ "menuitemcheckbox", "option" ]),
-        /** @private */
-        selected: l().bool,
-        truncate: l().bool,
-        value: l().oneOfType([ l().string, l().number, l().bool ]).isRequired
-    };
-    var Ft = {
-        active: false,
-        descriptionPosition: "bottom",
-        disabled: false,
-        hidden: false,
-        selected: false,
-        truncate: false
-    };
-    /**
+        var Bt = {
+            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 Ht =  function(e) {
-        At(n, e);
-        var t = _t(n);
-        function n() {
-            var e;
-            Et(this, n);
-            for (var r = arguments.length, o = new Array(r), l = 0; l < r; l++) {
-                o[l] = arguments[l];
+ */        var Dt =  function(e) {
+            Et(r, e);
+            var n = At(r);
+            function r() {
+                var e;
+                kt(this, r);
+                for (var t = arguments.length, o = new Array(t), l = 0; l < t; l++) {
+                    o[l] = arguments[l];
+                }
+                e = n.call.apply(n, [ this ].concat(o));
+                Rt(It(e), "c", null);
+                Rt(It(e), "handleMount", (function(t) {
+                    e.c = t;
+                }));
+                return e;
             }
-            e = t.call.apply(t, [ this ].concat(o));
-            Dt(qt(e), "c", null);
-            Dt(qt(e), "handleMount", (function(t) {
-                e.c = t;
-            }));
-            return e;
-        }
  // @docs-props-type OptionPropsBase
-                Tt(n, [ {
-            key: "scrollIntoViewIfNeeded",
-            // eslint-disable-next-line react/no-unused-class-component-methods
-            value: function e() {
-                var t;
-                (t = this.c) === null || t === void 0 ? void 0 : t.scrollIntoViewIfNeeded();
-            }
-            /**
+                        jt(r, [ {
+                key: "scrollIntoViewIfNeeded",
+                // eslint-disable-next-line react/no-unused-class-component-methods
+                value: function e() {
+                    var t;
+                    (t = this.c) === null || t === void 0 ? void 0 : t.scrollIntoViewIfNeeded();
+                }
+                /**
      * Place focus on the button.
      */
-            // eslint-disable-next-line react/no-unused-class-component-methods
-                }, {
-            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(Se, Pt({}, this.props, {
-                    multiple: false,
-                    ref: this.handleMount
-                }), this.props.children || this.props.label);
-            }
-        } ]);
-        return n;
-    }(n.PureComponent);
-    Dt(Ht, "propTypes", Nt);
-    Dt(Ht, "defaultProps", Ft);
-    /* harmony default export */    const zt = Ht;
-    // CONCATENATED MODULE: ./src/Select/Select.tsx
-    function $t(e) {
-        "@babel/helpers - typeof";
-        return $t = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
-            return typeof e;
-        } : function(e) {
-            return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-        }, $t(e);
-    }
-    function Wt() {
-        return Wt = Object.assign ? Object.assign.bind() : function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var n = arguments[t];
-                for (var r in n) {
-                    ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
+                // eslint-disable-next-line react/no-unused-class-component-methods
+                        }, {
+                key: "focus",
+                value: function e() {
+                    var t;
+                    (t = this.c) === null || t === void 0 ? void 0 : t.focus();
+                }
+            }, {
+                key: "render",
+                value: function e() {
+                    
+                    return t().createElement(he, Ct({}, this.props, {
+                        multiple: false,
+                        ref: this.handleMount
+                    }), this.props.children || this.props.label);
+                }
+            } ]);
+            return r;
+        }(e.PureComponent);
+        Rt(Dt, "propTypes", qt);
+        Rt(Dt, "defaultProps", Bt);
+        /* harmony default export */        const Nt = Dt;
+        // CONCATENATED MODULE: ./src/Select/Select.tsx
+        function Kt(e) {
+            "@babel/helpers - typeof";
+            return Kt = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+                return typeof e;
+            } : function(e) {
+                return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+            }, Kt(e);
+        }
+        function Ft() {
+            return Ft = Object.assign ? Object.assign.bind() : function(e) {
+                for (var t = 1; t < arguments.length; t++) {
+                    var n = arguments[t];
+                    for (var r in n) {
+                        ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
+                    }
+                }
+                return e;
+            }, Ft.apply(null, arguments);
+        }
+        function Ht(e, t) {
+            if (null == e) return {};
+            var n, r, o = zt(e, t);
+            if (Object.getOwnPropertySymbols) {
+                var l = Object.getOwnPropertySymbols(e);
+                for (r = 0; r < l.length; r++) {
+                    n = l[r], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
                 }
             }
-            return e;
-        }, Wt.apply(null, arguments);
-    }
-    function Ut(e, t) {
-        if (null == e) return {};
-        var n, r, o = Jt(e, t);
-        if (Object.getOwnPropertySymbols) {
-            var l = Object.getOwnPropertySymbols(e);
-            for (r = 0; r < l.length; r++) {
-                n = l[r], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
-            }
+            return o;
         }
-        return o;
-    }
-    function Jt(e, t) {
-        if (null == e) return {};
-        var n = {};
-        for (var r in e) {
-            if ({}.hasOwnProperty.call(e, r)) {
-                if (t.includes(r)) continue;
-                n[r] = e[r];
+        function zt(e, t) {
+            if (null == e) return {};
+            var n = {};
+            for (var r in e) {
+                if ({}.hasOwnProperty.call(e, r)) {
+                    if (t.includes(r)) continue;
+                    n[r] = e[r];
+                }
             }
+            return n;
+        }
+        function $t(e, t) {
+            if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
         }
-        return n;
-    }
-    function Xt(e, t) {
-        if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
-    }
-    function Gt(e, t) {
-        for (var n = 0; n < t.length; n++) {
-            var r = t[n];
-            r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
-            Object.defineProperty(e, an(r.key), r);
-        }
-    }
-    function Qt(e, t, n) {
-        return t && Gt(e.prototype, t), n && Gt(e, n), Object.defineProperty(e, "prototype", {
-            writable: !1
-        }), e;
-    }
-    function Yt(e, t) {
-        if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
-        e.prototype = Object.create(t && t.prototype, {
-            constructor: {
-                value: e,
-                writable: !0,
-                configurable: !0
+        function Wt(e, t) {
+            for (var n = 0; n < t.length; n++) {
+                var r = t[n];
+                r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
+                Object.defineProperty(e, nn(r.key), r);
             }
-        }), Object.defineProperty(e, "prototype", {
-            writable: !1
-        }), t && Zt(e, t);
-    }
-    function Zt(e, t) {
-        return Zt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
-            return e.__proto__ = t, e;
-        }, Zt(e, t);
-    }
-    function en(e) {
-        var t = rn();
-        return function() {
-            var n, r = on(e);
-            if (t) {
-                var o = on(this).constructor;
-                n = Reflect.construct(r, arguments, o);
-            } else n = r.apply(this, arguments);
-            return tn(this, n);
-        };
-    }
-    function tn(e, t) {
-        if (t && ("object" == $t(t) || "function" == typeof t)) return t;
-        if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-        return nn(e);
-    }
-    function nn(e) {
-        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        return e;
-    }
-    function rn() {
-        try {
-            var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
-        } catch (e) {}
-        return (rn = function t() {
-            return !!e;
-        })();
-    }
-    function on(e) {
-        return on = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
-            return e.__proto__ || Object.getPrototypeOf(e);
-        }, on(e);
-    }
-    function ln(e, t, n) {
-        return (t = an(t)) in e ? Object.defineProperty(e, t, {
-            value: n,
-            enumerable: !0,
-            configurable: !0,
-            writable: !0
-        }) : e[t] = n, e;
-    }
-    function an(e) {
-        var t = un(e, "string");
-        return "symbol" == $t(t) ? t : t + "";
-    }
-    function un(e, t) {
-        if ("object" != $t(e) || !e) return e;
-        var n = e[Symbol.toPrimitive];
-        if (void 0 !== n) {
-            var r = n.call(e, t || "default");
-            if ("object" != $t(r)) return r;
-            throw new TypeError("@@toPrimitive must return a primitive value.");
-        }
-        return ("string" === t ? String : Number)(e);
-    }
-    /* eslint-disable max-classes-per-file */
-    /** @public */
-    /** @public */
-    /** @public */    var cn = {
-        allowKeyMatching: l().bool,
-        animateLoading: l().bool,
-        appearance: l().oneOf([ "default", "link", "primary", "pill", "toggle", "flat", "subtle" ]),
-        append: l().bool,
-        children: l().node,
-        defaultPlacement: l().oneOf([ "above", "below", "vertical" ]),
-        defaultValue: l().oneOfType([ l().string, l().number, l().bool ]),
-        describedBy: l().string,
-        disabled: l().bool,
-        elementRef: l().oneOfType([ l().func, l().object ]),
-        error: l().bool,
-        filter: l().oneOf([ false, true, "controlled" ]),
-        footerMessage: l().node,
-        inline: l().bool,
-        inputId: l().string,
-        inputRef: l().oneOfType([ l().func, l().object ]),
-        isLoadingOptions: l().bool,
-        labelledBy: l().string,
-        labelText: l().string,
-        loadingMessage: l().node,
-        menuStyle: l().object,
-        name: l().string,
-        noOptionsMessage: l().node,
-        onChange: l().func,
-        onClose: l().func,
-        onFilterChange: l().func,
-        onOpen: l().func,
-        onScroll: l().func,
-        onScrollBottom: l().func,
-        placeholder: l().string,
-        prefixLabel: l().string,
-        prepend: l().bool,
-        suffixLabel: l().string,
-        toggleContent: l().oneOf([ "optionChildren", "optionLabel" ]),
-        /** @private. */
-        toggle: l().node,
-        value: l().oneOfType([ l().string, l().number, l().bool ]),
-        /** @private. */
-        virtualization: l().number
-    };
-    var sn = {
-        allowKeyMatching: true,
-        animateLoading: false,
-        appearance: "toggle",
-        append: false,
-        children: [],
-        defaultPlacement: "vertical",
-        disabled: false,
-        error: false,
-        filter: false,
-        inline: true,
-        isLoadingOptions: false,
-        menuStyle: {},
-        noOptionsMessage: (0, u._)("No matches"),
-        placeholder: (0, u._)("Select..."),
-        prepend: false,
-        toggleContent: "optionChildren"
-    };
-    var pn =  function(e) {
-        Yt(n, e);
-        var t = en(n);
-        // @docs-props-type SelectPropsBase
-                function n(e) {
-            var r;
-            Xt(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 (a()(e, "defaultValue")) {
-                if (e.defaultValue != null) {
-                    o.defaultValues = [ e.defaultValue ];
-                } else {
-                    o.defaultValues = [];
+        }
+        function Ut(e, t, n) {
+            return t && Wt(e.prototype, t), n && Wt(e, n), Object.defineProperty(e, "prototype", {
+                writable: !1
+            }), e;
+        }
+        function Jt(e, t) {
+            if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
+            e.prototype = Object.create(t && t.prototype, {
+                constructor: {
+                    value: e,
+                    writable: !0,
+                    configurable: !0
                 }
-            }
-            r.state = o;
-            // `this.props.appearance === 'toggle'` is not included here because it is the default value.
-            // Including it would trigger a warning for every instance of using `Select`.
-                        if (false) {}
-            return r;
+            }), Object.defineProperty(e, "prototype", {
+                writable: !1
+            }), t && Xt(e, t);
         }
-        Qt(n, [ {
-            key: "componentDidUpdate",
-            value: function e(t) {
-                if (false) {}
+        function Xt(e, t) {
+            return Xt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+                return e.__proto__ = t, e;
+            }, Xt(e, t);
+        }
+        function Gt(e) {
+            var t = Zt();
+            return function() {
+                var n, r = en(e);
+                if (t) {
+                    var o = en(this).constructor;
+                    n = Reflect.construct(r, arguments, o);
+                } else n = r.apply(this, arguments);
+                return Qt(this, n);
+            };
+        }
+        function Qt(e, t) {
+            if (t && ("object" == Kt(t) || "function" == typeof t)) return t;
+            if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
+            return Yt(e);
+        }
+        function Yt(e) {
+            if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+            return e;
+        }
+        function Zt() {
+            try {
+                var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
+            } catch (e) {}
+            return (Zt = function t() {
+                return !!e;
+            })();
+        }
+        function en(e) {
+            return en = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+                return e.__proto__ || Object.getPrototypeOf(e);
+            }, en(e);
+        }
+        function tn(e, t, n) {
+            return (t = nn(t)) in e ? Object.defineProperty(e, t, {
+                value: n,
+                enumerable: !0,
+                configurable: !0,
+                writable: !0
+            }) : e[t] = n, e;
+        }
+        function nn(e) {
+            var t = rn(e, "string");
+            return "symbol" == Kt(t) ? t : t + "";
+        }
+        function rn(e, t) {
+            if ("object" != Kt(e) || !e) return e;
+            var n = e[Symbol.toPrimitive];
+            if (void 0 !== n) {
+                var r = n.call(e, t || "default");
+                if ("object" != Kt(r)) return r;
+                throw new TypeError("@@toPrimitive must return a primitive value.");
             }
-        }, {
-            key: "render",
-            value: function e() {
-                var t = this.props, n = t.defaultValue, o = t.onChange, l = t.value, i = Ut(t, [ "defaultValue", "onChange", "value" ]);
-                var u = {
-                    onChange: function e(t, n) {
-                        var r = n.name, l = n.values;
-                        o === null || o === void 0 ? void 0 : o(t, {
-                            name: r,
-                            value: l[0]
-                        });
-                    }
-                };
-                // using "has" as opposed to a null check to match SelectBase
-                                if (a()(this.props, "value")) {
-                    if (l != null) {
-                        u.values = [ l ];
+            return ("string" === t ? String : Number)(e);
+        }
+        /* eslint-disable max-classes-per-file */
+        /** @public */
+        /** @public */
+        /** @public */        var on = {
+            allowKeyMatching: l().bool,
+            animateLoading: l().bool,
+            appearance: l().oneOf([ "default", "link", "primary", "pill", "toggle", "flat", "subtle" ]),
+            append: l().bool,
+            children: l().node,
+            defaultPlacement: l().oneOf([ "above", "below", "vertical" ]),
+            defaultValue: l().oneOfType([ l().string, l().number, l().bool ]),
+            describedBy: l().string,
+            disabled: l().bool,
+            elementRef: l().oneOfType([ l().func, l().object ]),
+            error: l().bool,
+            filter: l().oneOf([ false, true, "controlled" ]),
+            footerMessage: l().node,
+            inline: l().bool,
+            inputId: l().string,
+            inputRef: l().oneOfType([ l().func, l().object ]),
+            isLoadingOptions: l().bool,
+            labelledBy: l().string,
+            labelText: l().string,
+            loadingMessage: l().node,
+            menuStyle: l().object,
+            name: l().string,
+            noOptionsMessage: l().node,
+            onChange: l().func,
+            onClose: l().func,
+            onFilterChange: l().func,
+            onOpen: l().func,
+            onScroll: l().func,
+            onScrollBottom: l().func,
+            placeholder: l().string,
+            prefixLabel: l().string,
+            prepend: l().bool,
+            suffixLabel: l().string,
+            toggleContent: l().oneOf([ "optionChildren", "optionLabel" ]),
+            /** @private. */
+            toggle: l().node,
+            value: l().oneOfType([ l().string, l().number, l().bool ]),
+            /** @private. */
+            virtualization: l().number
+        };
+        var ln = {
+            allowKeyMatching: true,
+            animateLoading: false,
+            appearance: "toggle",
+            append: false,
+            children: [],
+            defaultPlacement: "vertical",
+            disabled: false,
+            error: false,
+            filter: false,
+            inline: true,
+            isLoadingOptions: false,
+            menuStyle: {},
+            noOptionsMessage: (0, u._)("No matches"),
+            placeholder: (0, u._)("Select..."),
+            prepend: false,
+            toggleContent: "optionChildren"
+        };
+        var an =  function(e) {
+            Jt(r, e);
+            var n = Gt(r);
+            // @docs-props-type SelectPropsBase
+                        function r(e) {
+                var t;
+                $t(this, r);
+                t = n.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 (i()(e, "defaultValue")) {
+                    if (e.defaultValue != null) {
+                        o.defaultValues = [ e.defaultValue ];
                     } else {
-                        u.values = [];
+                        o.defaultValues = [];
                     }
-                } else if (this.state.defaultValues != null) {
-                    // using defaultValues from state in order to avoid wrapping defaultValue here
-                    u.defaultValues = this.state.defaultValues;
                 }
-                
-                return r().createElement(kt, Wt({}, i, u, {
-                    multiple: false
-                }));
+                t.state = o;
+                // `this.props.appearance === 'toggle'` is not included here because it is the default value.
+                // Including it would trigger a warning for every instance of using `Select`.
+                                if (false) {}
+                return t;
             }
-        } ]);
-        return n;
-    }(n.Component);
-    ln(pn, "propTypes", cn);
-    ln(pn, "defaultProps", sn);
-    ln(pn, "Option", zt);
-    ln(pn, "Heading", M.Heading);
-    ln(pn, "Divider", M.Divider);
-    /* harmony default export */    const fn = pn;
-    // CONCATENATED MODULE: ./src/Select/index.ts
-    module.exports = t;
+            Ut(r, [ {
+                key: "componentDidUpdate",
+                value: function e(t) {
+                    if (false) {}
+                }
+            }, {
+                key: "render",
+                value: function e() {
+                    var n = this.props, r = n.defaultValue, o = n.onChange, l = n.value, a = Ht(n, [ "defaultValue", "onChange", "value" ]);
+                    var u = {
+                        onChange: function e(t, n) {
+                            var r = n.name, l = n.values;
+                            o === null || o === void 0 ? void 0 : o(t, {
+                                name: r,
+                                value: l[0]
+                            });
+                        }
+                    };
+                    // using "has" as opposed to a null check to match SelectBase
+                                        if (i()(this.props, "value")) {
+                        if (l != null) {
+                            u.values = [ l ];
+                        } else {
+                            u.values = [];
+                        }
+                    } else if (this.state.defaultValues != null) {
+                        // using defaultValues from state in order to avoid wrapping defaultValue here
+                        u.defaultValues = this.state.defaultValues;
+                    }
+                    
+                    return t().createElement(wt, Ft({}, a, u, {
+                        multiple: false
+                    }));
+                }
+            } ]);
+            return r;
+        }(e.Component);
+        tn(an, "propTypes", on);
+        tn(an, "defaultProps", ln);
+        tn(an, "Option", Nt);
+        tn(an, "Heading", A.Heading);
+        tn(an, "Divider", A.Divider);
+        /* harmony default export */        const un = an;
+    }) // CONCATENATED MODULE: ./src/Select/index.ts
+    ();
+    module.exports = r;
     /******/})();