@splunk/react-ui 4.38.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,2464 +120,2140 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var t = {};
-    // ESM COMPAT FLAG
-        e.r(t);
-    // EXPORTS
-        e.d(t, {
-        Divider: () => /* reexport */ T.Divider,
-        Heading: () => /* reexport */ T.Heading,
-        Option: () => /* reexport */ nn,
-        default: () => /* reexport */ wn
-    });
-    // CONCATENATED MODULE: external "react"
-    const n = require("react");
-    var r =  e.n(n);
-    // CONCATENATED MODULE: external "prop-types"
-    const o = require("prop-types");
-    var i =  e.n(o);
-    // CONCATENATED MODULE: external "lodash/has"
-    const a = require("lodash/has");
-    var l =  e.n(a);
-    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const c = require("@splunk/ui-utils/i18n");
-    // CONCATENATED MODULE: external "lodash/castArray"
-    const s = require("lodash/castArray");
-    var u =  e.n(s);
-    // CONCATENATED MODULE: external "lodash/find"
-    const p = require("lodash/find");
-    var f =  e.n(p);
-    // CONCATENATED MODULE: external "lodash/forEachRight"
-    const d = require("lodash/forEachRight");
-    var v =  e.n(d);
-    // CONCATENATED MODULE: external "lodash/includes"
-    const h = require("lodash/includes");
-    var b =  e.n(h);
-    // CONCATENATED MODULE: external "lodash/isUndefined"
-    const m = require("lodash/isUndefined");
-    var y =  e.n(m);
-    // CONCATENATED MODULE: external "lodash/keys"
-    const g = require("lodash/keys");
-    var O =  e.n(g);
-    // CONCATENATED MODULE: external "lodash/memoize"
-    const S = require("lodash/memoize");
-    var w =  e.n(S);
-    // CONCATENATED MODULE: external "lodash/omit"
-    const x = require("lodash/omit");
-    var C =  e.n(x);
-    // CONCATENATED MODULE: external "lodash/pick"
-    const k = require("lodash/pick");
-    var I =  e.n(k);
-    // CONCATENATED MODULE: external "lodash/uniq"
-    const _ = require("lodash/uniq");
-    var A =  e.n(_);
-    // CONCATENATED MODULE: external "lodash/without"
-    const j = require("lodash/without");
-    var E =  e.n(j);
-    // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-    const M = require("@splunk/ui-utils/id");
-    // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
-    const T = require("@splunk/react-ui/Menu");
-    // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
-    const P = require("@splunk/react-ui/Dropdown");
-    var V =  e.n(P);
-    // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-    const R = require("@splunk/ui-utils/keyboard");
-    // CONCATENATED MODULE: external "@splunk/ui-utils/filter"
-    const D = require("@splunk/ui-utils/filter");
-    // CONCATENATED MODULE: external "@splunk/react-ui/Link"
-    const L = require("@splunk/react-ui/Link");
-    var q =  e.n(L);
-    // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
-    const N = require("@splunk/react-ui/ResultsMenu");
-    var B =  e.n(N);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Text"
-    const K = require("@splunk/react-ui/Text");
-    var F =  e.n(K);
-    // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
-    const H = require("@splunk/react-icons/CaretSmallDown");
-    var $ =  e.n(H);
-    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Caret"
-    const z = require("@splunk/react-icons/enterprise/Caret");
-    var W =  e.n(z);
-    // CONCATENATED MODULE: external "@splunk/themes"
-    const U = require("@splunk/themes");
-    // CONCATENATED MODULE: ./src/Select/icons/CaretSmallDown.tsx
-    var G = function e() {
-        var t = (0, U.useSplunkTheme)(), n = t.isEnterprise;
-        var o = n ?  r().createElement(W(), {
-            screenReaderText: null,
-            hideDefaultTooltip: true,
-            size: .5
-        }) :  r().createElement($(), null);
-        return o;
-    };
-    /* harmony default export */    const J = G;
-    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Search"
-    const X = require("@splunk/react-icons/enterprise/Search");
-    var Y =  e.n(X);
-    // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
-    const Q = require("@splunk/react-icons/Magnifier");
-    var Z =  e.n(Q);
-    // CONCATENATED MODULE: ./src/Select/icons/Search.tsx
-    var ee = function e() {
-        var t = (0, U.useSplunkTheme)(), n = t.isEnterprise, o = t.isCompact;
-        var i = (0, c._)("Search");
-        var a = o ? "20px" : "24px";
-        var l = n ?  r().createElement(Y(), {
-            role: "presentation",
-            size: "16px",
-            screenReaderText: i,
-            hideDefaultTooltip: true
-        }) :  r().createElement(Z(), {
-            role: "presentation",
-            "aria-label": i,
-            width: a,
-            height: a
+    /************************************************************************/    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 l;
-    };
-    /* harmony default export */    const te = ee;
-    // CONCATENATED MODULE: ./src/Select/OptionBase.tsx
-    function ne(e) {
-        "@babel/helpers - typeof";
-        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            ne = function e(t) {
-                return typeof t;
-            };
-        } else {
-            ne = function e(t) {
-                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-            };
+        // 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);
         }
-        return ne(e);
-    }
-    function re() {
-        re = Object.assign || function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var n = arguments[t];
-                for (var r in n) {
-                    if (Object.prototype.hasOwnProperty.call(n, r)) {
-                        e[r] = n[r];
+        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;
-        };
-        return re.apply(this, arguments);
-    }
-    function oe(e, t) {
-        if (e == null) return {};
-        var n = ie(e, t);
-        var r, o;
-        if (Object.getOwnPropertySymbols) {
-            var i = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < i.length; o++) {
-                r = i[o];
-                if (t.indexOf(r) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, r)) continue;
-                n[r] = e[r];
+            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 n;
-    }
-    function ie(e, t) {
-        if (e == null) return {};
-        var n = {};
-        var r = Object.keys(e);
-        var o, i;
-        for (i = 0; i < r.length; i++) {
-            o = r[i];
-            if (t.indexOf(o) >= 0) continue;
-            n[o] = e[o];
-        }
-        return n;
-    }
-    function ae(e, t) {
-        if (!(e instanceof t)) {
-            throw new TypeError("Cannot call a class as a function");
-        }
-    }
-    function le(e, t) {
-        for (var n = 0; n < t.length; n++) {
-            var r = t[n];
-            r.enumerable = r.enumerable || false;
-            r.configurable = true;
-            if ("value" in r) r.writable = true;
-            Object.defineProperty(e, r.key, r);
-        }
-    }
-    function ce(e, t, n) {
-        if (t) le(e.prototype, t);
-        if (n) le(e, n);
-        return e;
-    }
-    function se(e, t) {
-        if (typeof t !== "function" && t !== null) {
-            throw new TypeError("Super expression must either be null or a function");
-        }
-        e.prototype = Object.create(t && t.prototype, {
-            constructor: {
-                value: e,
-                writable: true,
-                configurable: true
+        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);
             }
-        });
-        if (t) ue(e, t);
-    }
-    function ue(e, t) {
-        ue = Object.setPrototypeOf || function e(t, n) {
-            t.__proto__ = n;
-            return t;
-        };
-        return ue(e, t);
-    }
-    function pe(e) {
-        var t = ve();
-        return function n() {
-            var r = he(e), o;
-            if (t) {
-                var i = he(this).constructor;
-                o = Reflect.construct(r, arguments, i);
-            } else {
-                o = r.apply(this, arguments);
+        }
+        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.");
             }
-            return fe(this, o);
+            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
         };
-    }
-    function fe(e, t) {
-        if (t && (ne(t) === "object" || typeof t === "function")) {
-            return t;
-        }
-        return de(e);
-    }
-    function de(e) {
-        if (e === void 0) {
-            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        }
-        return e;
-    }
-    function ve() {
-        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-        if (Reflect.construct.sham) return false;
-        if (typeof Proxy === "function") return true;
-        try {
-            Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
-            return true;
-        } catch (e) {
-            return false;
-        }
-    }
-    function he(e) {
-        he = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
-            return t.__proto__ || Object.getPrototypeOf(t);
+        var me = {
+            descriptionPosition: "bottom",
+            disabled: false,
+            multiple: false,
+            role: "option",
+            selected: false,
+            truncate: false
         };
-        return he(e);
-    }
-    function be(e, t, n) {
-        if (t in e) {
-            Object.defineProperty(e, t, {
-                value: n,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[t] = n;
-        }
-        return e;
-    }
-    var me = {
-        /** @private */
-        active: i().bool,
-        children: i().node,
-        description: i().string,
-        descriptionPosition: i().oneOf([ "right", "bottom" ]),
-        disabled: i().bool,
-        hidden: i().bool,
-        icon: i().node,
-        label: i().string.isRequired,
         /**
-   * @private Passed down from <BaseSelect>
-   */
-        multiple: i().bool,
-        matchRanges: i().arrayOf(i().shape({
-            start: i().number.isRequired,
-            end: i().number.isRequired
-        })),
-        /** @private */
-        onClick: i().func,
-        /** @private */
-        selected: i().bool,
-        truncate: i().bool,
-        value: i().oneOfType([ i().string, i().number, i().bool ]).isRequired
-    };
-    var ye = {
-        descriptionPosition: "bottom",
-        disabled: false,
-        multiple: false,
-        selected: false,
-        truncate: false
-    };
-    /**
  * An option within a `Multiselect`. This inherits from
  * [PureComponent](https://reactjs.org/docs/react-api.html#reactpurecomponent)
  * so any elements passed to it must also be pure.
- */    var ge =  function(e) {
-        se(n, e);
-        var t = pe(n);
-        function n() {
-            var e;
-            ae(this, n);
-            for (var r = arguments.length, o = new Array(r), i = 0; i < r; i++) {
-                o[i] = arguments[i];
-            }
-            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, i = n.disabled;
-                if (!i) {
-                    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;
-        }
-        ce(n, [ {
-            key: "scrollIntoViewIfNeeded",
-            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.
-     */        }, {
-            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, i = t.label, a = t.multiple, l = oe(t, [ "value", "children", "label", "multiple" ]);
-                
-                return r().createElement(T.Item, re({
-                    "data-test-value": n,
-                    "data-test": "option",
-                    ref: this.handleMount
-                }, l, {
-                    selectable: true,
-                    selectableAppearance: a ? "checkbox" : "checkmark",
-                    onClick: this.handleClick,
-                    role: "option",
-                    value: n.toString()
-                }), o || i);
-            }
-        } ]);
-        return n;
-    }(n.PureComponent);
-    be(ge, "propTypes", me);
-    be(ge, "defaultProps", ye);
-    be(ge, "type", T.Item);
-    /* harmony default export */    const Oe = ge;
-    // CONCATENATED MODULE: external "styled-components"
-    const Se = require("styled-components");
-    var we =  e.n(Se);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
-    const xe = require("@splunk/react-ui/Clickable");
-    var Ce =  e.n(xe);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Switch"
-    const ke = require("@splunk/react-ui/Switch");
-    var Ie =  e.n(ke);
-    // CONCATENATED MODULE: ./src/Menu/ItemStyles.ts
-    var _e = (0, Se.css)([ "color:", ";font-size:", ";line-height:", ";overflow:inherit;white-space:inherit;text-overflow:inherit;" ], (0, 
-    U.pick)({
-        prisma: U.variables.contentColorDefault,
-        enterprise: U.variables.textGray
-    }), U.variables.fontSizeSmall, (0, U.pick)({
-        prisma: "16px"
-    }));
-    var Ae = we().span.withConfig({
-        displayName: "ItemStyles__StyledItemDescriptionBottom",
-        componentId: "sc-4kc053-0"
-    })([ "", ";display:block;" ], _e);
-    var je = we().span.withConfig({
-        displayName: "ItemStyles__StyledItemDescriptionRight",
-        componentId: "sc-4kc053-1"
-    })([ "", ";float:right;", " max-width:50%;text-align:right;box-sizing:border-box;" ], _e, (0, 
-    U.pick)({
-        enterprise: (0, Se.css)([ "padding-left:", ";" ], U.variables.spacingLarge)
-    }));
-    var Ee = we().div.withConfig({
-        displayName: "ItemStyles__StyledItemSelectedIcon",
-        componentId: "sc-4kc053-2"
-    })([ "position:absolute;", " color:", ";" ], (0, U.pick)({
-        prisma: (0, Se.css)([ "right:16px;" ]),
-        enterprise: (0, Se.css)([ "right:3px;left:8px;" ])
-    }), (0, U.pick)({
-        prisma: U.variables.contentColorActive,
-        enterprise: U.variables.accentColorL10
-    }));
-    var Me = we().span.withConfig({
-        displayName: "ItemStyles__StyledItemIcon",
-        componentId: "sc-4kc053-3"
-    })([ "flex:0 0 auto;padding-right:", ";min-width:10px;display:inline-block;text-align:center;vertical-align:", ";", "" ], (0, 
-    U.pick)({
-        prisma: "8px",
-        enterprise: "3px"
-    }), (0, U.pick)({
-        prisma: "initial",
-        enterprise: "middle"
-    }), (0, U.pick)({
-        prisma: (0, Se.css)([ "color:", ";display:inline-flex;align-items:center;min-width:20px;min-height:20px;& > svg{width:20px;height:20px;}" ], U.variables.contentColorMuted),
-        enterprise: (0, Se.css)([ "transform:translateY(-1px);" ])
-    }));
-    var Te = we()(Ce()).withConfig({
-        displayName: "ItemStyles__StyledClickable",
-        componentId: "sc-4kc053-4"
-    })([ "display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;padding:", ";", " ", " ", " &:not([disabled],[aria-disabled='true']){&:hover{background:", ";", "}", " ", "}&:focus{outline:0;box-shadow:", ";", "}&[disabled],&[aria-disabled='true']{color:", ";cursor:not-allowed;", ",", "{color:inherit;}", "{cursor:not-allowed;color:", ";}", "}", "" ], (0, 
-    U.pick)({
-        prisma: U.variables.contentColorActive,
-        enterprise: {
-            dark: U.variables.gray96,
-            light: U.variables.gray22
-        }
-    }), (0, U.pick)({
-        prisma: {
-            comfortable: "10px 16px",
-            compact: "6px 16px"
-        },
-        enterprise: "6px 10px"
-    }), (function(e) {
-        var t = e.$isSelectable, n = e.$selectableAppearance;
-        return t && (0, U.pick)({
-            prisma: (0, Se.css)([ "padding-right:44px;", "" ], (function() {
-                return n === "checkbox" && "padding-left: 42px;";
-            })),
-            enterprise: (0, Se.css)([ "padding-right:10px;padding-left:", ";" ], (function() {
-                return n === "checkbox" ? "32px" : "28px";
-            }))
-        });
-    }), (function(e) {
-        var t = e.$active, n = e.$preventFocus;
-        return t && !n && (0, Se.css)([ "box-shadow:", ";" ], U.variables.focusShadowInset);
-    }), (function(e) {
-        var t = e.$active;
-        return t && (0, Se.css)([ "background:", ";font-weight:", ";" ], (0, U.pick)({
+     */
+                // 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: U.variables.gray92,
-                dark: U.variables.gray22
+                light: H.variables.gray60,
+                dark: H.variables.white
             },
-            prisma: U.variables.neutral100
-        }), U.variables.fontWeightBold);
-    }), (0, U.pick)({
-        prisma: U.variables.interactiveColorOverlayHover,
-        enterprise: U.variables.backgroundColorHover
-    }), (function(e) {
-        var t = e.$selected;
-        return t && (0, U.pick)({
-            prisma: (0, Se.css)([ "background:", ";" ], U.mixins.overlayColors(U.variables.interactiveColorOverlaySelected, U.variables.interactiveColorOverlayHover))
-        });
-    }), (0, U.pick)({
-        prisma: (0, Se.css)([ "&:active{background:", ";}" ], U.variables.interactiveColorOverlayActive)
-    }), (function(e) {
-        var t = e.$selected;
-        return t && (0, U.pick)({
-            prisma: (0, Se.css)([ "background:", ";&:active{background:", ";}" ], U.variables.interactiveColorOverlaySelected, U.mixins.overlayColors(U.variables.interactiveColorOverlaySelected, U.variables.interactiveColorOverlayActive))
-        });
-    }), U.variables.focusShadowInset, (0, U.pick)({
-        prisma: (0, Se.css)([ "background:", ";" ], U.variables.interactiveColorOverlayHover)
-    }), (0, U.pick)({
-        enterprise: {
-            light: U.variables.gray45,
-            dark: U.variables.contentColorDisabled
-        },
-        prisma: U.variables.contentColorDisabled
-    }), 
-    /* sc-sel */
-    Ae, 
-    /* sc-sel */
-    je, 
-    /* sc-sel */
-    Ee, (0, U.pick)({
-        prisma: U.variables.contentColorDisabled,
-        enterprise: U.variables.gray80
-    }), (0, U.pick)({
-        prisma: (0, Se.css)([ "& > * > ", "{color:", ";}" ], 
-        /* sc-sel */
-        Me, U.variables.contentColorDisabled)
-    }), (function(e) {
-        var t = e.$selected;
-        return t && (0, U.pick)({
-            prisma: (0, Se.css)([ "", "{color:", ";}" ], 
-            /* sc-sel */
-            Me, U.variables.contentColorActive)
-        });
-    }));
-    var Pe = we()(Ie()).withConfig({
-        displayName: "ItemStyles__StyledSwitch",
-        componentId: "sc-4kc053-5"
-    })([ "position:absolute;left:", ";top:", ";" ], (0, U.pick)({
-        prisma: "16px",
-        enterprise: "8px"
-    }), (0, U.pick)({
-        prisma: "0px",
-        enterprise: {
-            comfortable: "-1px",
-            compact: "2px"
-        }
-    }));
-    var Ve = we().span.withConfig({
-        displayName: "ItemStyles__StyledInnerWrapper",
-        componentId: "sc-4kc053-6"
-    })([ "display:flex;align-items:flex-start;" ]);
-    var Re = we().span.withConfig({
-        displayName: "ItemStyles__StyledTitleAndDescriptionWrapper",
-        componentId: "sc-4kc053-7"
-    })([ "display:flex;flex-wrap:wrap;flex-direction:column;max-width:100%;width:100%;align-self:center;word-break:break-word;white-space:normal;", "" ], (function(e) {
-        var t = e.$truncate;
-        return t && (0, Se.css)([ "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" ]);
-    }));
-    var De = we().div.withConfig({
-        displayName: "ItemStyles__StyledLabel",
-        componentId: "sc-4kc053-8"
-    })([ "overflow:inherit;white-space:inherit;text-overflow:inherit;max-width:100%;min-height:20px;", "" ], (function(e) {
-        var t = e.$truncate;
-        return t && (0, Se.css)([ "display:block;clear:both;" ]);
-    }));
-    var Le = we().span.withConfig({
-        displayName: "ItemStyles__StyledMatch",
-        componentId: "sc-4kc053-9"
-    })([ "border-bottom:1px solid ", ";" ], (0, U.pick)({
-        prisma: U.variables.contentColorActive,
-        enterprise: {
-            dark: U.variables.gray96,
-            light: U.variables.gray45
-        }
-    }));
-    var qe = we().span.withConfig({
-        displayName: "ItemStyles__StyledSubmenu",
-        componentId: "sc-4kc053-10"
-    })([ "float:right;padding-left:", ";color:", ";", "" ], U.variables.spacingSmall, (0, 
-    U.pick)({
-        prisma: "inherit",
-        enterprise: U.variables.textGray
-    }), (0, U.pick)({
-        prisma: (0, Se.css)([ "& > svg{width:20px;height:20px;}" ])
-    }));
-    // CONCATENATED MODULE: ./src/Select/SelectAllOptionStyles.ts
-    var Ne = we()(De).withConfig({
-        displayName: "SelectAllOptionStyles__StyledSelectAllLabel",
-        componentId: "y6bn08-0"
-    })([ "font-weight:", ";" ], U.variables.fontWeightBold);
-    var Be = we()(Oe).withConfig({
-        displayName: "SelectAllOptionStyles__StyledSelectAllOption",
-        componentId: "y6bn08-1"
-    })([ "padding-inline-start:", ";box-shadow:none;" ], (0, U.pick)({
-        prisma: "42px;",
-        enterprise: "32px;"
-    }));
-    // CONCATENATED MODULE: ./src/Select/SelectAllOption.tsx
-    var Ke = {
-        active: i().bool,
-        elementRef: i().oneOfType([ i().func, i().object ]),
-        id: i().string,
-        onClick: i().func,
-        selectAllLabel: i().string,
-        totalCount: i().number,
-        changedToggle: i().bool,
-        selected: i().oneOf([ false, true, "some" ])
-    };
-    var Fe =  r().forwardRef((function(e, t) {
-        var n = e.active, o = e.id, i = e.onClick, a = e.selectAllLabel, l = e.totalCount, s = e.changedToggle, u = e.selected;
-        // When toggle is changed the total count is not displayed anymore so the count is now shown in the Select all menu item
-                var p = s ? " (".concat(l === null || l === void 0 ? void 0 : l.toString(), ")") : "";
-        
-        return r().createElement(Be, {
-            label: a,
-            value: "selectAll",
-            key: "selectAll",
-            onClick: i,
-            "data-test": "select-all",
-            "aria-keyshortcuts": "Control+A",
-            id: o,
-            active: n,
-            ref: t,
-            tabIndex: -1
-        },  r().createElement(Pe, {
-            interactive: false,
-            selected: u === "some" && "some" || u,
-            key: "main-checkbox",
-            value: "main-checkbox",
-            appearance: "checkbox",
-            "aria-label": !u && (0, c._)("No options selected") || u === "some" && (0, c._)("Some options selected") || (0, 
-            c._)("All options selected"),
-            "data-test": "select-all-switch",
-            selectedLabel: u === true ? (0, c._)("All options selected") : (0, c._)("Option selected"),
-            unselectedLabel: u === true ? (0, c._)("No options selected") : (0, c._)("Option unselected"),
-            someSelectedLabel: (0, c._)("Some options selected")
-        }),  r().createElement(je, {
-            "data-test": "description"
-        }, "".concat(p, " Ctrl-a")),  r().createElement(Ve, null,  r().createElement(Re, {
-            $truncate: false
-        },  r().createElement(Ne, {
-            $truncate: false
-        }, a))));
-    }));
-    Fe.propTypes = Ke;
-    /* harmony default export */    const He = Fe;
-    // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const $e = require("@splunk/react-ui/Button");
-    var ze =  e.n($e);
-    // CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
-    var We = we()(ze()).withConfig({
-        displayName: "SelectBaseStyles__StyledButton",
-        componentId: "sc-16cj7sk-0"
-    })([ "&[data-inline]{width:", ";}", "" ], (function(e) {
-        var t = e.$multiple;
-        return t ? "400px" : "auto";
-    }), (function(e) {
-        var t = e.$multiple;
-        return !t && "flex-grow: 0;";
-    }));
-    var Ue = we().span.withConfig({
-        displayName: "SelectBaseStyles__StyledLinkIcon",
-        componentId: "sc-16cj7sk-1"
-    })([ "padding-right:2px;" ]);
-    var Ge = we().span.withConfig({
-        displayName: "SelectBaseStyles__StyledLinkCaret",
-        componentId: "sc-16cj7sk-2"
-    })([ "padding-left:2px;" ]);
-    var Je = we().div.withConfig({
-        displayName: "SelectBaseStyles__StyledFilter",
-        componentId: "sc-16cj7sk-3"
-    })([ "padding:", ";min-width:160px;" ], (0, U.pick)({
-        enterprise: "8px",
-        prisma: "10px 16px"
-    }));
-    var Xe = we().span.withConfig({
-        displayName: "SelectBaseStyles__StyledSearchIconWrapper",
-        componentId: "sc-16cj7sk-4"
-    })([ "color:", ";pointer-events:none;padding:", ";" ], (0, U.pick)({
-        enterprise: {
-            light: U.variables.gray60,
-            dark: U.variables.white
-        },
-        prisma: U.variables.contentColorMuted
-    }), (0, U.pick)({
-        comfortable: "0 8px",
-        compact: "0 6px"
-    }));
-    var Ye = we().span.withConfig({
-        displayName: "SelectBaseStyles__StyledCount",
-        componentId: "sc-16cj7sk-5"
-    })([ "padding-right:", ";" ], U.variables.spacingXSmall);
-    var Qe = we()(q()).withConfig({
-        displayName: "SelectBaseStyles__StyledControlsLink",
-        componentId: "sc-16cj7sk-6"
-    })([ "margin-right:20px;", ";" ], (function(e) {
-        var t = e.$disabled;
-        return t && (0, Se.css)([ "color:", ";" ], U.variables.contentColorDisabled);
-    }));
-    var Ze = we().div.withConfig({
-        displayName: "SelectBaseStyles__StyledToggleAllControls",
-        componentId: "sc-16cj7sk-7"
-    })([ "padding:", ";", "" ], (0, U.pick)({
-        enterprise: "5px 8px",
-        prisma: "10px 16px"
-    }), (0, U.pickVariant)("$placement", {
-        above: {
-            enterprise: (0, Se.css)([ "border-top:", ";" ], U.variables.border),
-            prisma: (0, Se.css)([ "border-top:1px solid ", ";" ], U.variables.neutral200)
-        },
-        below: {
-            enterprise: (0, Se.css)([ "border-bottom:", ";" ], U.variables.border),
-            prisma: (0, Se.css)([ "border-bottom:1px solid ", ";" ], U.variables.neutral200)
-        }
-    }));
-    // CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
-    // A utility for matching keyboard characters to list values
-    var et = function e(t, n) {
-        return t ? t.label.charAt(n).toLowerCase() : "";
-    };
-    var tt = function e(t, n) {
-        if (!t.length) {
-            return t;
-        }
-        var r = null;
-        var o = false;
-        var i = t.filter((function(e) {
-            var t = et(e, n.index);
-            if (t === n.value) {
-                o = true;
-                return true;
+            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)
+            }
+        }));
+        // 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 i = et(r, n.index);
-                if (!i) {
-                    r = e;
-                } else if (t > n.value) {
-                    if (i < 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 (i > 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 > i) {
-                    r = e;
                 }
-            }
-            return false;
-        }));
-        return i.length === 0 && r ? [ r ] : i;
-    };
-    // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
-    /* eslint-disable @typescript-eslint/no-empty-function */
-    var nt = {
-        body: {
-            appendChild: 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 [];
+                }
+            },
+            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: ""
             }
-        },
-        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 [];
+        };
+        function Be() {
+            var e = typeof document !== "undefined" ? document : qe;
+            return e;
+        }
+        // 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;
                 }
-            };
-        },
-        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 Ne() {
+            var e = typeof window !== "undefined" ? window : De;
+            return e;
         }
-    };
-    function rt() {
-        var e = typeof document !== "undefined" ? document : nt;
-        return e;
-    }
-    // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
-    /* eslint-disable @typescript-eslint/no-empty-function */
-    var ot = {
-        document: nt,
-        navigator: {
-            userAgent: ""
-        },
-        location: {
-            hash: "",
-            host: "",
-            hostname: "",
-            href: "",
-            origin: "",
-            pathname: "",
-            protocol: "",
-            search: ""
-        },
-        history: {
-            replaceState: function e() {},
-            pushState: function e() {},
-            go: function e() {},
-            back: function e() {}
-        },
-        CustomEvent: function e() {
-            return this;
-        },
-        addEventListener: function e() {},
-        removeEventListener: function e() {},
-        getComputedStyle: function e() {
-            return {
-                getPropertyValue: function e() {
-                    return "";
+        // 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]);
+                    }
                 }
-            };
-        },
-        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 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;
             }
-            return setTimeout(t, 0);
-        },
-        cancelAnimationFrame: function e(t) {
-            if (typeof setTimeout === "undefined") {
-                return;
+        }
+        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];
             }
-            clearTimeout(t);
+            return r;
         }
-    };
-    function it() {
-        var e = typeof window !== "undefined" ? window : ot;
-        return e;
-    }
-    // CONCATENATED MODULE: ./src/Select/SelectBase.tsx
-    function at() {
-        at = Object.assign || function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var n = arguments[t];
-                for (var r in n) {
-                    if (Object.prototype.hasOwnProperty.call(n, r)) {
-                        e[r] = n[r];
+        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 (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 {
+                    try {
+                        if (!u && null != n["return"] && (a = n["return"](), Object(a) !== a)) return;
+                    } finally {
+                        if (c) throw o;
                     }
                 }
+                return i;
             }
-            return e;
-        };
-        return at.apply(this, arguments);
-    }
-    function lt(e, t) {
-        return ut(e) || st(e, t) || dt(e, t) || ct();
-    }
-    function ct() {
-        throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-    }
-    function st(e, t) {
-        if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
-        var n = [];
-        var r = true;
-        var o = false;
-        var i = undefined;
-        try {
-            for (var a = e[Symbol.iterator](), l; !(r = (l = a.next()).done); r = true) {
-                n.push(l.value);
-                if (t && n.length === t) break;
-            }
-        } catch (e) {
-            o = true;
-            i = e;
-        } finally {
-            try {
-                if (!r && a["return"] != null) a["return"]();
-            } finally {
-                if (o) throw 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;
         }
-        return n;
-    }
-    function ut(e) {
-        if (Array.isArray(e)) return e;
-    }
-    function pt(e) {
-        return ht(e) || vt(e) || dt(e) || ft();
-    }
-    function ft() {
-        throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-    }
-    function dt(e, t) {
-        if (!e) return;
-        if (typeof e === "string") return bt(e, t);
-        var n = Object.prototype.toString.call(e).slice(8, -1);
-        if (n === "Object" && e.constructor) n = e.constructor.name;
-        if (n === "Map" || n === "Set") return Array.from(e);
-        if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return bt(e, t);
-    }
-    function vt(e) {
-        if (typeof Symbol !== "undefined" && Symbol.iterator in Object(e)) return Array.from(e);
-    }
-    function ht(e) {
-        if (Array.isArray(e)) return bt(e);
-    }
-    function bt(e, t) {
-        if (t == null || t > e.length) t = e.length;
-        for (var n = 0, r = new Array(t); n < t; n++) {
-            r[n] = e[n];
-        }
-        return r;
-    }
-    function mt(e, t) {
-        if (!(e instanceof t)) {
-            throw new TypeError("Cannot call a class as a function");
-        }
-    }
-    function yt(e, t) {
-        for (var n = 0; n < t.length; n++) {
-            var r = t[n];
-            r.enumerable = r.enumerable || false;
-            r.configurable = true;
-            if ("value" in r) r.writable = true;
-            Object.defineProperty(e, r.key, r);
-        }
-    }
-    function gt(e, t, n) {
-        if (t) yt(e.prototype, t);
-        if (n) yt(e, n);
-        return e;
-    }
-    function Ot(e, t) {
-        if (typeof t !== "function" && t !== null) {
-            throw new TypeError("Super expression must either be null or a function");
-        }
-        e.prototype = Object.create(t && t.prototype, {
-            constructor: {
-                value: e,
-                writable: true,
-                configurable: true
+        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];
+                }
             }
-        });
-        if (t) St(e, t);
-    }
-    function St(e, t) {
-        St = Object.setPrototypeOf || function e(t, n) {
-            t.__proto__ = n;
-            return t;
-        };
-        return St(e, t);
-    }
-    function wt(e) {
-        var t = kt();
-        return function n() {
-            var r = It(e), o;
-            if (t) {
-                var i = It(this).constructor;
-                o = Reflect.construct(r, arguments, i);
-            } else {
-                o = r.apply(this, arguments);
+            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);
             }
-            return xt(this, o);
-        };
-    }
-    function xt(e, t) {
-        if (t && (_t(t) === "object" || typeof t === "function")) {
-            return t;
-        }
-        return Ct(e);
-    }
-    function Ct(e) {
-        if (e === void 0) {
-            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        }
-        return e;
-    }
-    function kt() {
-        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-        if (Reflect.construct.sham) return false;
-        if (typeof Proxy === "function") return true;
-        try {
-            Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
-            return true;
-        } catch (e) {
-            return false;
-        }
-    }
-    function It(e) {
-        It = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
-            return t.__proto__ || Object.getPrototypeOf(t);
-        };
-        return It(e);
-    }
-    function _t(e) {
-        "@babel/helpers - typeof";
-        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            _t = function e(t) {
-                return typeof t;
-            };
-        } else {
-            _t = function e(t) {
-                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-            };
+            return n;
         }
-        return _t(e);
-    }
-    function At(e, t) {
-        var n = Object.keys(e);
-        if (Object.getOwnPropertySymbols) {
-            var r = Object.getOwnPropertySymbols(e);
-            if (t) r = r.filter((function(t) {
-                return Object.getOwnPropertyDescriptor(e, t).enumerable;
-            }));
-            n.push.apply(n, r);
-        }
-        return n;
-    }
-    function jt(e) {
-        for (var t = 1; t < arguments.length; t++) {
-            var n = arguments[t] != null ? arguments[t] : {};
-            if (t % 2) {
-                At(Object(n), true).forEach((function(t) {
-                    Et(e, t, n[t]);
-                }));
-            } else if (Object.getOwnPropertyDescriptors) {
-                Object.defineProperties(e, Object.getOwnPropertyDescriptors(n));
-            } else {
-                At(Object(n)).forEach((function(t) {
+        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;
         }
-        return e;
-    }
-    function Et(e, t, n) {
-        if (t in e) {
-            Object.defineProperty(e, t, {
+        function rt(e, t, n) {
+            return (t = ot(t)) in e ? Object.defineProperty(e, t, {
                 value: n,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[t] = n;
-        }
-        return e;
-    }
-    var Mt = {
-        allowKeyMatching: i().bool,
-        allowNewValues: i().bool,
-        animateLoading: i().bool,
-        appearance: i().oneOf([ "default", "link", "primary", "pill", "toggle", "flat", "subtle" ]),
-        append: i().bool,
-        children: i().node,
-        defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
-        defaultValues: i().array,
-        describedBy: i().string,
-        disabled: i().bool,
-        elementRef: i().oneOfType([ i().func, i().object ]),
-        error: i().bool,
-        filter: i().oneOf([ false, true, "controlled" ]),
-        footerMessage: i().node,
-        inline: i().bool,
-        inputId: i().string,
-        inputRef: i().oneOfType([ i().func, i().object ]),
-        isLoadingOptions: i().bool,
-        labelledBy: i().string,
-        labelText: i().string,
-        loadingMessage: i().node,
-        menuStyle: i().object,
-        multiple: i().bool,
-        name: i().string,
-        noOptionsMessage: i().node,
-        onChange: i().func,
-        onClose: i().func,
-        onFilterChange: i().func,
-        onOpen: i().func,
-        onScroll: i().func,
-        onScrollBottom: i().func,
-        /** @private. */
-        required: i().bool,
-        placeholder: i().string,
-        prefixLabel: i().string,
-        prepend: i().bool,
-        repositionMode: i().oneOf([ "none", "flip" ]),
-        selectAllAppearance: i().oneOf([ "buttongroup", "checkbox" ]),
-        showSelectedValuesFirst: i().oneOf([ "nextOpen", "immediately", "never" ]),
-        suffixLabel: i().string,
-        tabConfirmsNewValue: i().bool,
-        toggleContent: i().oneOf([ "optionChildren", "optionLabel" ]),
-        values: i().array,
-        /** @private. */
-        virtualization: i().number
-    };
-    var Tt = {
-        allowKeyMatching: true,
-        allowNewValues: false,
-        animateLoading: false,
-        appearance: "toggle",
-        append: false,
-        defaultPlacement: "vertical",
-        disabled: false,
-        filter: false,
-        inline: false,
-        isLoadingOptions: false,
-        menuStyle: {},
-        multiple: false,
-        noOptionsMessage: (0, c._)("No matches"),
-        placeholder: (0, c._)("Select..."),
-        prepend: false,
-        repositionMode: "flip",
-        selectAllAppearance: "buttongroup",
-        tabConfirmsNewValue: false,
-        toggleContent: "optionChildren"
-    };
-    var Pt = w()((function(e) {
-        return [ e ];
-    }));
- // preserve separate widths for single vs. multi mode
-        var Vt = w()((function(e) {
-        var t = e.anchorWidth, n = e.isMultiple, r = e.maxHeight, o = e.menuStyle;
-        return n ? jt({
-            width: Math.max(t !== null && t !== void 0 ? t : 0, 200),
-            maxHeight: r
-        }, o) : jt({
-            minWidth: t !== null && t !== void 0 ? t : undefined,
-            maxWidth: Math.max(t !== null && t !== void 0 ? t : 0, 300),
-            maxHeight: r
-        }, o);
-    }));
-    var Rt = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
-    function Dt(e) {
-        return e && l()(e.props, "value");
-    }
-    function Lt(e, t) {
-        return "".concat(_t(e), "-").concat(e, "-").concat(t);
-    }
-    var qt =  function(e) {
-        Ot(o, e);
-        var t = wt(o);
-        gt(o, null, [ {
-            key: "validateAppearance",
-            // @docs-props-type CompactPropsBase
-            value: function e(t) {
-                if (false) {}
+                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.");
             }
-        } ]);
-        function o(e) {
-            var i;
-            mt(this, o);
-            i = t.call(this, e);
-            Et(Ct(i), "activeItemId", void 0);
-            Et(Ct(i), "activeValue", void 0);
-            Et(Ct(i), "availableOptionCount", void 0);
-            Et(Ct(i), "controlledExternally", void 0);
-            Et(Ct(i), "displayedValues", void 0);
-            Et(Ct(i), "dropdown", null);
-            Et(Ct(i), "firstSelectedEnabledOption", null);
-            Et(Ct(i), "firstSelectedOptionIndex", void 0);
-            Et(Ct(i), "menuListboxId", void 0);
-            Et(Ct(i), "previousActiveIndex", null);
-            Et(Ct(i), "selectedOptionCount", void 0);
-            Et(Ct(i), "optionRefsByKey", void 0);
-            Et(Ct(i), "matchCharacter", void 0);
-            Et(Ct(i), "matchTimeout", void 0);
-            Et(Ct(i), "currentMatchOptions", void 0);
-            Et(Ct(i), "availableMatchOptions", void 0);
-            Et(Ct(i), "optionSelection", void 0);
-            Et(Ct(i), "resetMatches", (function() {
-                i.matchCharacter = null;
-                i.currentMatchOptions = [];
-                if (i.matchTimeout) {
-                    clearTimeout(i.matchTimeout);
+            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
+        };
+        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");
+        }
+        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;
                 }
-            }));
-            Et(Ct(i), "handleSelectAll", (function(e) {
-                var t, n, o;
-                var a = i.props, l = a.name, c = a.children, s = a.multiple;
- // this doesn't make sense if we can't select multiple values
-                                if (!s) {
-                    return;
+                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 u = (t = i.getCurrentValues()) !== null && t !== void 0 ? t : [];
-                var p = A()(u.concat(i.displayedValues));
-                p = r().Children.toArray(c).filter((function(e) {
-                    return Dt(e) && b()(p, e.props.value) && (!e.props.disabled || b()(u, e.props.value));
-                })).map((function(e) {
-                    return e.props.value;
-                }));
-                if (!i.isControlled()) {
-                    i.setState({
-                        values: p
+                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;
                 }
-                (n = (o = i.props).onChange) === null || n === void 0 ? void 0 : n.call(o, e, {
-                    values: p,
-                    name: l,
-                    reason: "selectAll"
+                // 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);
+                    }
                 });
-            }));
-            Et(Ct(i), "handleClearAll", (function(e) {
-                var t, n, o;
-                var a = i.props, l = a.name, c = a.children, s = a.multiple;
- // this doesn't make sense if we can't select multiple values
-                                if (!s) {
-                    return;
+                if (v) {
+                    $ = true;
                 }
-                var u = (t = i.getCurrentValues()) !== null && t !== void 0 ? t : [];
-                var p = E().apply(void 0, [ u ].concat(pt(i.displayedValues)));
- // this will unselect all selected values unless those values are disabled or hidden by the filter
-                                var f = r().Children.toArray(c).filter((function(e) {
-                    return Dt(e) && (b()(u, e.props.value) && e.props.disabled || b()(p, e.props.value));
-                })).map((function(e) {
-                    return e.props.value;
+                if (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;
+                        }
+                    }
                 }));
-                if (!i.isControlled()) {
-                    i.setState({
-                        values: f
-                    });
+            }
+            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);
                 }
-                (n = (o = i.props).onChange) === null || n === void 0 ? void 0 : n.call(o, e, {
-                    values: f,
-                    name: l,
-                    reason: "clearAll"
+                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
                 });
             }));
-            Et(Ct(i), "handleTextKeyDown", (function(e) {
-                var t = i.props, r = t.children, o = t.onScrollBottom, a = t.tabConfirmsNewValue;
-                var l = (0, R.keycode)(e.nativeEvent);
-                if (l === "tab") {
-                    if (a && !y()(i.activeValue) && i.availableOptionCount <= 1) {
-                        e.preventDefault();
-                        i.toggleValue(e, i.activeValue);
-                    }
+            // 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;
                 }
-                if (e.shiftKey || e.metaKey || e.ctrlKey) {
-                    if (l === "a" && (e.ctrlKey || e.metaKey)) {
-                        // handle control + A
-                        if (i.optionSelection === "all") {
-                            i.handleClearAll(e);
-                        } else {
-                            i.handleSelectAll(e);
-                        }
-                    }
-                    return;
+                // Ignore any hidden items
+                                if (n.props && n.props.hidden) {
+                    return t;
                 }
-                if (l === "down") {
-                    e.preventDefault();
-                    i.setState((function(e) {
-                        return {
-                            activeIndex: Math.min(e.activeIndex + 1, i.props.selectAllAppearance === "checkbox" ? i.availableOptionCount : i.availableOptionCount - 1)
-                        };
-                    }));
-                    if (r && o) {
-                        var c;
-                        var s = n.Children.toArray(r).length - (2 + ((c = i.getCurrentValues()) !== null && c !== void 0 ? c : []).length);
-                        if (i.state.activeIndex === s) {
-                            i.handleScrollBottom(e);
-                        }
-                    }
+                if (n.props.selected && !n.props.disabled && y.current == null) {
+                    q(s.current);
                 }
-                if (l === "up") {
-                    e.preventDefault();
-                    i.setState((function(e) {
-                        return {
-                            activeIndex: Math.max(e.activeIndex - 1, 0)
-                        };
-                    }));
+                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 (l === "enter" && !y()(i.activeValue) && i.state.open) {
-                    if (i.activeValue === "selectAll") {
-                        if (i.optionSelection === "all") {
-                            i.handleClearAll(e);
-                        } else {
-                            i.handleSelectAll(e);
-                        }
+                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 {
-                        e.preventDefault();
-                        i.toggleValue(e, i.activeValue);
+                        Y = (0, u._)("Clear all matches");
                     }
+                } else if (m === "") {
+                    Y = (0, u._)("Select all");
+                } else {
+                    Y = (0, u._)("Select all matches");
                 }
-            }));
-            Et(Ct(i), "handleMenuOptionClick", (function(e, t) {
-                var n = t.value;
-                e.preventDefault();
-                if (!i.state.open) {
-                    return;
+                if (o === 0 && N) {
+                    _("selectAll");
                 }
-                i.toggleValue(e, n);
+                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);
             }));
-            Et(Ct(i), "handleMenuOptionKeyDown", (function(e, t) {
-                var n = e.nativeEvent.key;
- // Checking for a single character to avoid complications from double-byte languages and emojis.
-                                if (n.length === 1) {
-                    var r = [];
-                    var o = {
-                        index: 0,
-                        value: n
-                    };
-                    if (!i.matchCharacter) {
-                        if (n === " ") {
-                            i.resetMatches();
-                            return;
-                        }
-                        r = tt(i.availableMatchOptions, o);
-                    } else if (i.currentMatchOptions.length > 1) {
-                        o.index = i.matchCharacter.index + 1;
-                        r = tt(i.currentMatchOptions, o);
-                    }
-                    if (r.length) {
-                        var a = 0;
- // If the active option is a first character match, cycle to the next matching option.
-                                                if (o.index === 0 && r.length > 1) {
-                            var l = r.indexOf(i.availableMatchOptions[t]);
-                            if (l >= 0) {
-                                a = l === r.length - 1 ? 0 : l + 1;
-                            }
-                        }
-                        var c = r[a];
-                        var s = i.optionRefsByKey[Lt(c.value, c.label)];
-                        if (s != null) {
-                            var u;
-                            (u = s.focus) === null || u === void 0 ? void 0 : u.call(s);
-                        }
-                    }
-                    i.currentMatchOptions = r;
-                    i.matchCharacter = o;
-                    if (i.matchTimeout) {
-                        clearTimeout(i.matchTimeout);
+            // 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;
                     }
-                    i.matchTimeout = setTimeout(i.resetMatches, 500);
-                    e.preventDefault();
-                    e.stopPropagation();
+                } 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());
                 }
-            }));
-            Et(Ct(i), "handleTextChange", (function(e, t) {
-                var n, r;
-                var o = t.value;
-                i.setState({
-                    filterKeyword: o,
-                    open: true,
-                    activeIndex: 0
-                });
-                (n = (r = i.props).onFilterChange) === null || n === void 0 ? void 0 : n.call(r, e, {
-                    keyword: o
-                });
-            }));
-            Et(Ct(i), "handleTextFocus", (function() {
-                i.setState({
-                    textHasFocus: true
+                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
                 });
-            }));
-            Et(Ct(i), "handleTextBlur", (function() {
-                i.setState({
-                    textHasFocus: false
+                T = ht({
+                    prefixLabel: w,
+                    label: T,
+                    suffixLabel: k
                 });
-            }));
-            Et(Ct(i), "handleRequestOpen", (function(e) {
-                var t = {
-                    open: true,
-                    topValues: i.getTopValues()
+            }
+            // 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")
                 };
- // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
-                                if (i.props.multiple) {
-                    t.filterKeyword = "";
-                }
-                var n = i.state.filterKeyword;
-                i.setState(t, (function() {
-                    var t, r;
-                    (t = (r = i.props).onOpen) === null || t === void 0 ? void 0 : t.call(r);
-                    if (i.firstSelectedEnabledOption && !i.hasFilter()) {
-                        i.firstSelectedEnabledOption.focus();
-                    } else {
-                        var o;
-                        i.setState({
-                            activeIndex: (o = i.firstSelectedOptionIndex) !== null && o !== void 0 ? o : 0
-                        });
-                    }
-                    if (n !== i.state.filterKeyword) {
-                        var a, l;
-                        (a = (l = i.props).onFilterChange) === null || a === void 0 ? void 0 : a.call(l, e, {
-                            keyword: i.state.filterKeyword
-                        });
-                    }
-                }));
-            }));
-            Et(Ct(i), "handleRequestClose", (function() {
-                i.setState({
-                    open: false,
-                    activeIndex: 0
-                }, (function() {
-                    var e, t;
-                    i.previousActiveIndex = null;
-                    (e = (t = i.props).onClose) === null || e === void 0 ? void 0 : e.call(t);
-                }));
-            }));
-            Et(Ct(i), "handleScrollBottom", (function(e) {
-                if (i.state.open && !i.props.isLoadingOptions) {
-                    var t, n;
-                    (t = (n = i.props).onScrollBottom) === null || t === void 0 ? void 0 : t.call(n, e);
+            })), 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("");
                 }
-            }));
-            Et(Ct(i), "handleActiveOptionMount", (function(e) {
-                if (i.previousActiveIndex !== i.state.activeIndex) {
-                    e === null || e === void 0 ? void 0 : e.scrollIntoViewIfNeeded();
+                if (t !== Ee) {
+                    U === null || U === void 0 ? void 0 : U(e, {
+                        keyword: Ee
+                    });
                 }
-            }));
-            Et(Ct(i), "handleOptionMount", (function(e, t, n) {
-                if (n) {
-                    i.firstSelectedEnabledOption = e;
+            }), [ 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);
+                    }
                 }
-                if (e == null) {
-                    delete i.optionRefsByKey[t];
+            }), [ 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 {
-                    i.optionRefsByKey[t] = e;
+                    // non-multiple mode must always have a value
+                    l = [ t ];
                 }
-            }));
-            Et(Ct(i), "createToggle", (function() {
-                var e;
-                var t = i.props, a = t.toggle, l = t.appearance, s = t.children, u = t.describedBy, p = t.disabled, d = t.elementRef, v = t.error, h = t.inline, b = t.labelledBy, m = t.labelText, y = t.multiple, g = t.placeholder, S = t.prefixLabel, w = t.required, x = t.suffixLabel, k = t.toggleContent;
-                var _;
-                var A;
-                var j = [];
- // Generate buttonLabels
-                                var E = (e = i.getCurrentValues()) !== null && e !== void 0 ? e : [];
-                var M = n.Children.toArray(s);
-                var T = E.reduce((function(e, t, n, r) {
-                    var o = f()(M, (function(e) {
-                        return Dt(e) && e.props.value === t;
-                    }));
-                    if (o) {
-                        var i = k !== "optionLabel" && o.props.children ? o.props.children : o.props.label;
-                        e.push(i);
-                        j.push(o.props.label);
- // if not in multiple mode, add the icon
-                                                if (!y && E.length === 1) {
-                            _ = o.props.icon;
-                        }
-                    } else if (y) {
-                        // only add values that don't match an option in "multiple" mode to preserve old behaviour
-                        e.push(t);
-                        j.push(t.toString());
-                    }
-                    if (n < r.length - 1) {
-                        e.push((0, c._)(", "));
-                        j.push((0, c._)(", "));
+                var a = !be;
+                if (a) {
+                    Ge(l);
+                }
+                if (N) {
+                    // in uncontrolled multiple mode, keep the menu open
+                    if (a) {
+                        _e(true);
                     }
-                    return e;
-                }), []);
-                A = T;
- // only apply prefix / suffix if the label is not empty
-                                if (A.length > 0) {
-                    // If there's more than one item selected, read out the selected total
-                    // rather than reading out each selected item
-                    j = i.wrapLabel({
-                        prefixLabel: S,
-                        label: A.length > 1 ? [ "".concat(E.length, " items selected") ] : j,
-                        suffixLabel: x
-                    });
-                    A = i.wrapLabel({
-                        prefixLabel: S,
-                        label: A,
-                        suffixLabel: x
+                } 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();
                 }
- // single <Select> behaviour is to show the placeholder if all parts of the label
-                // are empty strings so we replicate this behaviour here
-                                if (A.length === 0 || !y && A.every((function(e) {
-                    return e === "";
-                }))) {
-                    A = Pt(g);
-                    j = A;
-                }
-                var P = jt({
-                    "aria-describedby": u,
-                    "aria-label": "".concat(m ? "".concat(m, ", ") : "").concat(j.join("")),
-                    "aria-labelledby": m ? undefined : b,
-                    "aria-required": w,
-                    "data-select-appearance": l,
-                    "data-test": y ? "multiselect" : "select",
-                    role: "combobox",
-                    disabled: p,
-                    elementRef: d,
-                    error: v
-                }, C()(i.props, O()(o.propTypes)));
-                if (y) {
-                    P["data-test-values"] = JSON.stringify(E);
-                } else {
-                    var V = lt(E, 1), R = V[0];
-                    P["data-test-value"] = R;
+                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);
                 }
-                if (a) {
-                    
-                    return (0, n.cloneElement)(a, P);
+            };
+            var Vt = (0, e.useCallback)((function(e) {
+                var n;
+                // this doesn't make sense if we can't select multiple values
+                                if (!N) {
+                    return;
                 }
-                if (l === "link") {
-                    
-                    return r().createElement(q(), at({}, P, {
-                        "data-select-appearance": "link"
-                    }), !!_ &&  r().createElement(Ue, null, _), A || g,  r().createElement(Ge, null,  r().createElement(J, null)));
+                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 (!be) {
+                    Ge(o);
                 }
-                
-                return r().createElement(We, at({}, P, {
-                    $multiple: y,
-                    appearance: l,
-                    label: A,
-                    error: v,
-                    icon: _,
-                    inline: h,
-                    isMenu: true,
-                    onClick: i.props.onClick
-                }, I()(i.props, o.invalidLinkAppearanceProps)), !!E.length && y &&  r().createElement(Ye, {
-                    "data-role": "count"
-                }, "(", E.length, ")"));
-            }));
-            Et(Ct(i), "createChildren", (function() {
-                var e = i.state, t = e.filterKeyword, o = e.textHasFocus, a = e.topValues;
-                var l = i.props, s = l.allowKeyMatching, u = l.allowNewValues, p = l.filter, d = l.multiple, h = l.selectAllAppearance, b = l.showSelectedValuesFirst, m = l.isLoadingOptions, y = l.onScrollBottom;
-                var g = i.getCurrentValues();
-                i.availableOptionCount = 0;
-                i.firstSelectedOptionIndex = undefined;
-                i.selectedOptionCount = 0;
-                i.activeValue = undefined;
-                i.availableMatchOptions = [];
-                var O;
-                var S = 0;
-                var w = false;
- // used to avoid overwriting the selected item ref in multiple mode
-                                var x;
-                var C = b === "immediately" ? i.getTopValues() : a;
-                var k = n.Children.toArray(i.props.children).reduce((function(e, t, o) {
-                    // ignore Headings and Dividers
-                    if (!Dt(t)) {
-                        e.push(t);
-                        return e;
-                    }
- // Find out if the search string exactly matches a value
-                                        if (t.props.value === i.state.filterKeyword) {
-                        O = true;
-                    }
-                    var a = g && g.indexOf(t.props.value) >= 0;
-                    var l = !!a && !t.props.disabled && !x;
-                    var c = s && !d && !p && !m && !y;
-                    var u = Lt(t.props.value, t.props.label);
-                    var f = -1;
-                    if (c && !t.props.disabled && !t.props.hidden) {
-                        i.availableMatchOptions.push({
-                            label: t.props.label,
-                            value: t.props.value
-                        });
-                        f = i.availableMatchOptions.length - 1;
-                    }
- // Format the Menu.Item
-                                        var v =  (0, n.cloneElement)(t, {
-                        key: t.key || o,
-                        onClick: i.handleMenuOptionClick,
-                        onKeyDown: c ? function(e) {
-                            return i.handleMenuOptionKeyDown(e, f);
-                        } : undefined,
-                        selected: a,
-                        multiple: d,
-                        role: "option",
-                        ref: function e(t) {
-                            return i.handleOptionMount(t, u, l);
-                        }
-                    });
-                    if (l) {
-                        x = true;
-                    }
-                    if (C && C.indexOf(t.props.value) >= 0) {
-                        if (S === 0) {
-                            e.splice(S, 0,  r().createElement(T.Divider, {
-                                key: "topDivider"
-                            }));
-                            w = true;
-                        }
-                        e.splice(S, 0, v);
-                        S += 1;
-                    } else {
-                        e.push(v);
-                    }
-                    return e;
-                }), []);
- // In multiple mode, add missing items
-                                if (d) {
-                    v()(g, (function(e) {
-                        var t = f()(k, (function(t) {
-                            return Dt(t) && t.props && t.props.value === e;
-                        }));
-                        if (!t) {
-                            if (e === i.state.filterKeyword) {
-                                O = true;
-                            }
-                            var n = C && C.indexOf(e) >= 0;
-                            var o = C.length;
-                            if (S === 0) {
-                                k.splice(0, 0,  r().createElement(T.Divider, {
-                                    key: "topDivider"
-                                }));
-                                S += 1;
-                                w = true;
-                            }
-                            k.splice(n ? 0 : o + 1, 0,  r().createElement(Oe, {
-                                label: String(e),
-                                value: e,
-                                key: "missing-value-".concat(e),
-                                onClick: i.handleMenuOptionClick,
-                                multiple: d,
-                                selected: true
-                            }));
-                            if (n) {
-                                S += 1;
-                            }
-                        }
-                    }));
+                z === null || z === void 0 ? void 0 : z(e, {
+                    values: o,
+                    name: K,
+                    reason: "selectAll"
+                });
+            }), [ 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 I = p === "controlled";
- // Filter the items
-                                var _ = (0, D.stringToKeywords)(t);
-                k = I ? k : k.filter((function(e) {
-                    if (Dt(e)) {
-                        return (0, D.testPhrase)(e.props.label, _);
-                    }
-                    return true;
- // Keep all headers and non-interactive options
-                                })).map((function(e) {
-                    if (!Dt(e)) {
-                        return e;
-                    }
- // highlight matched text
-                                        var t = _ && (0, D.keywordLocations)(e.props.label, _);
-                    
-                    return (0, n.cloneElement)(e, {
-                        matchRanges: t || undefined
-                    });
+                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 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;
                 }));
- // Add the option to add the new value
-                                if (u && !O && t) {
-                    var A = w ? S + 1 : S;
-                    k.splice(A, 0,  r().createElement(Oe, {
-                        label: "".concat(t, " (new value)"),
-                        value: t,
-                        key: "newValue",
-                        multiple: d,
-                        onClick: i.handleMenuOptionClick
-                    }));
+                if (!be) {
+                    Ge(l);
                 }
- // When selectAll is a menu item, add an offset so that activeItem accounts for the extra selectAll option.
-                                var j = h === "checkbox" && d && k.length > 1 ? 1 : 0;
-                var E = true;
- // Highlight the selected Items and remove hidden
-                                k = k.reduce((function(e, t) {
-                    // ignore Dividers & Headings
-                    if (!Dt(t)) {
-                        e.push(t);
-                        return e;
-                    }
- // Ignore any hidden items
-                                        if (t.props && t.props.hidden) {
-                        return e;
-                    }
-                    if (t.props.selected && !t.props.disabled && i.firstSelectedOptionIndex == null) {
-                        i.firstSelectedOptionIndex = i.availableOptionCount;
-                    }
-                    var r = j === i.state.activeIndex;
-                    j += 1;
-                    i.availableOptionCount += 1;
-                    i.selectedOptionCount += t.props.selected ? 1 : 0;
-                    if (t.key !== "newValue" && !t.props.disabled && !t.props.selected) {
-                        E = false;
-                    }
-                    if (!r || !o) {
-                        e.push(t);
-                        return e;
-                    }
-                    if (!t.props.disabled) {
-                        i.activeValue = t.props.value;
+                z === null || z === void 0 ? void 0 : z(e, {
+                    values: l,
+                    name: K,
+                    reason: "clearAll"
+                });
+            }), [ 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);
                     }
-                    var a =  (0, n.cloneElement)(t, {
-                        active: r,
-                        id: i.activeItemId,
-                        ref: i.handleActiveOptionMount
-                    });
-                    e.push(a);
-                    return e;
-                }), []);
-                i.optionSelection = i.selectedOptionCount === 0 && "none" || E && "all" || "some";
- // add select all option
-                                if (h === "checkbox" && d && i.availableOptionCount > 0) {
-                    var M;
-                    var P;
-                    if (i.optionSelection === "all") {
-                        if (t === "") {
-                            P = (0, c._)("Clear all");
+                }
+                if (t.shiftKey || t.metaKey || t.ctrlKey) {
+                    if (n === "a" && (t.ctrlKey || t.metaKey)) {
+                        // handle control + A
+                        if (St.current === "all") {
+                            qt(t);
                         } else {
-                            P = (0, c._)("Clear all matches");
+                            Vt(t);
                         }
-                    } else if (t === "") {
-                        P = (0, c._)("Select all");
-                    } else {
-                        P = (0, c._)("Select all matches");
                     }
-                    if (i.state.activeIndex === 0 && o) {
-                        i.activeValue = "selectAll";
-                    }
-                    k.unshift( r().createElement(He, {
-                        key: "selectAllOption",
-                        selected: i.optionSelection === "all" || i.optionSelection !== "none" && "some",
-                        selectAllLabel: P,
-                        totalCount: (M = i.getCurrentValues()) === null || M === void 0 ? void 0 : M.length,
-                        changedToggle: !!i.props.toggle,
-                        onClick: i.optionSelection === "all" ? i.handleClearAll : i.handleSelectAll,
-                        id: i.state.activeIndex === 0 ? i.activeItemId : undefined,
-                        active: i.state.activeIndex === 0,
-                        ref: i.handleActiveOptionMount,
-                        tabIndex: -1
-                    }),  r().createElement(T.Divider, {
-                        key: "selectAllDivider"
-                    }));
+                    return;
                 }
-                i.displayedValues = k.reduce((function(e, t) {
-                    if (Dt(t)) {
-                        e.push(t.props.value);
+                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);
+                        }
                     }
-                    return e;
-                }), []);
-                return k;
-            }));
-            Et(Ct(i), "wrapLabel", (function(e) {
-                var t = e.prefixLabel, n = e.label, r = e.suffixLabel;
-                var o = n;
-                if (t) {
-                    o = [ "".concat(t, ": ") ].concat(o);
                 }
-                if (r) {
-                    o = u()(o).concat(" ".concat(r));
+                if (n === "up") {
+                    t.preventDefault();
+                    ke(Math.max(Ce - 1, 0));
                 }
-                return o;
-            }));
-            Et(Ct(i), "handleDropdownMount", (function(e) {
-                i.dropdown = e;
-            }));
-            i.state = {
-                activeIndex: 0,
-                filterKeyword: "",
-                open: false,
-                textHasFocus: false,
-                topValues: [],
-                values: e.defaultValues || []
-            };
-            i.controlledExternally = l()(e, "values");
-            i.displayedValues = [];
-            i.availableOptionCount = 0;
-            i.firstSelectedOptionIndex = undefined;
-            i.selectedOptionCount = 0;
-            i.matchCharacter = null;
-            i.matchTimeout = null;
-            i.currentMatchOptions = [];
-            i.availableMatchOptions = [];
-            i.optionRefsByKey = {};
-            i.optionSelection = "none";
-            if (false) {}
-            if (false) {}
-            o.validateAppearance(e);
-            i.menuListboxId = (0, M.createDOMID)("menu-listbox");
-            i.activeItemId = (0, M.createDOMID)("active-item");
-            return i;
-        }
-        gt(o, [ {
-            key: "componentDidUpdate",
-            value: function e(t, n) {
-                if (false) {}
-                if (false) {}
-                o.validateAppearance(this.props);
-                this.previousActiveIndex = n.activeIndex;
-            }
-        }, {
-            key: "getCurrentValues",
-            value: function e() {
-                var t = this.isControlled() ? this.props.values : this.state.values;
-                return this.props.multiple || t == null ? t : t.slice(0, 1);
-            }
-        }, {
-            key: "getTopValues",
-            value: function e() {
-                var t;
-                // in non-multiple mode, don't move values to the top of the list
-                                return this.props.multiple && this.props.showSelectedValuesFirst !== "never" ? (t = this.getCurrentValues()) !== null && t !== void 0 ? t : [] : [];
-            }
-        }, {
-            key: "isControlled",
-            value: function e() {
-                return this.controlledExternally;
-            }
-        }, {
-            key: "hasFilter",
-            value: function e() {
-                return !!this.props.filter;
-            }
-        }, {
-            key: "toggleValue",
-            value: function e(t, n) {
-                var r, o, i;
-                var a = (r = this.getCurrentValues()) !== null && r !== void 0 ? r : [];
-                var l = a.indexOf(n);
-                var c = this.props, s = c.name, u = c.multiple;
-                var p;
-                if (u) {
-                    if (l >= 0) {
-                        p = [].concat(pt(a.slice(0, l)), pt(a.slice(l + 1)));
+                if (n === "enter" && lt.current && Ie) {
+                    if (lt.current === "selectAll") {
+                        if (St.current === "all") {
+                            qt(t);
+                        } else {
+                            Vt(t);
+                        }
                     } else {
-                        p = a.concat([ n ]);
+                        t.preventDefault();
+                        Rt(t, lt.current);
                     }
-                } else {
-                    // non-multiple mode must always have a value
-                    p = [ n ];
                 }
-                var f = !this.isControlled();
-                if (f) {
-                    this.setState({
-                        values: p
-                    });
+            }), [ 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 (!Ie) {
+                    return;
                 }
-                if (u) {
-                    // in uncontrolled multiple mode, keep the menu open
-                    if (f) {
-                        this.setState({
-                            open: true
-                        });
+                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) {
+                    var r = [];
+                    var o = {
+                        index: 0,
+                        value: n
+                    };
+                    if (!et.current) {
+                        if (n === " ") {
+                            Lt();
+                            return;
+                        }
+                        r = Ve(rt.current, o);
+                    } else if (nt.current.length > 1) {
+                        o.index = et.current.index + 1;
+                        r = Ve(nt.current, o);
                     }
-                } else {
-                    // non-multiple mode only supports a single selection
-                    // so close the menu once a selection is made
-                    this.handleRequestClose({
-                        reason: "contentClick"
-                    });
-                    this.focus();
+                    if (r.length) {
+                        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(rt.current[t]);
+                            if (a >= 0) {
+                                l = a === r.length - 1 ? 0 : a + 1;
+                            }
+                        }
+                        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);
+                        }
+                    }
+                    nt.current = r;
+                    et.current = o;
+                    if (tt.current) {
+                        clearTimeout(tt.current);
+                    }
+                    tt.current = setTimeout(Lt, 500);
+                    e.preventDefault();
+                    e.stopPropagation();
                 }
-                (o = (i = this.props).onChange) === null || o === void 0 ? void 0 : o.call(i, t, {
-                    values: p,
-                    name: s,
-                    reason: "valueToggle"
+            }), []);
+            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
                 });
-            }
-            /**
-     * 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 i = this.state.filterKeyword;
-                var a = this.props, l = a.inputId, s = a.inputRef, u = a.multiple, p = a.selectAllAppearance;
-                var f = (0, c._)("Select all options".concat(this.optionSelection === "all" ? " disabled" : ""));
-                var d = (0, c._)("Clear all options".concat(this.optionSelection === "none" ? " disabled" : ""));
- // only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
-                                var v =  r().createElement(Ze, {
-                    $placement: o,
-                    key: "selectAll"
-                },  r().createElement(Qe, {
-                    $disabled: this.optionSelection === "all",
-                    "aria-label": f,
-                    onClick: this.handleSelectAll,
-                    "data-test": "select-all"
-                }, i ? (0, c._)("Select all Matches") : (0, c._)("Select all")),  r().createElement(Qe, {
-                    $disabled: this.optionSelection === "none",
-                    "aria-label": d,
-                    onClick: this.handleClearAll,
-                    "data-test": "clear-all"
-                }, i ? (0, c._)("Clear all Matches") : (0, c._)("Clear all")));
-                return this.hasFilter() &&  r().createElement("div", {
-                    key: "controls"
-                },  r().createElement(Je, {
-                    key: "filter",
-                    "data-test": "filter"
-                },  r().createElement(F(), {
-                    value: i,
-                    autoCapitalize: "off",
-                    autoComplete: "off",
-                    autoCorrect: "off",
-                    spellCheck: false,
-                    onChange: this.handleTextChange,
-                    onKeyDown: this.handleTextKeyDown,
-                    onFocus: this.handleTextFocus,
-                    onBlur: this.handleTextBlur,
-                    placeholder: (0, c._)("filter"),
-                    role: "combobox",
-                    "aria-expanded": "true",
-                    "aria-controls": this.menuListboxId,
-                    "aria-owns": n ? this.activeItemId : undefined,
-                    "aria-label": (0, c._)("Filter"),
-                    "aria-autocomplete": "list",
-                    "aria-activedescendant": this.state.textHasFocus && n ? this.activeItemId : undefined,
-                    inputRef: s,
-                    inputId: l,
-                    canClear: true,
-                    startAdornment:  r().createElement(Xe, null,  r().createElement(te, null))
-                })), u && n && p === "buttongroup" && v);
-            }
-        }, {
-            key: "render",
-            value: function e() {
-                var t, o = this;
-                var i = this.props, a = i.children, l = i.defaultPlacement, c = i.inputId, s = i.multiple, u = i.repositionMode, p = i.virtualization;
-                var d = this.hasFilter();
-                var v = (t = this.getCurrentValues()) !== null && t !== void 0 ? t : [];
-                var h = n.Children.toArray(a);
-                var b = v.some((function(e) {
-                    var t = f()(h, (function(t) {
-                        return Dt(t) && t.props.value === e;
-                    }));
-                    return t && !t.props.disabled;
+            }), [ 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();
+                }
+            }), [ Ce ]);
+            var Wt = (0, e.useCallback)((function(e, t, n) {
+                if (n) {
+                    ht.current = e;
+                }
+                if (e == null) {
+                    delete at.current[t];
+                } else {
+                    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;
                 }));
-                var m = this.createChildren();
-                var y = this.createToggle();
-                var g = function e(t) {
-                    var n = t.anchorWidth, i = t.maxHeight, a = t.placement;
-                    var l = Vt({
-                        anchorWidth: n,
-                        isMultiple: o.props.multiple,
-                        maxHeight: i,
-                        menuStyle: o.props.menuStyle
-                    });
-                    var c = v.length > 0 && !b && !o.hasFilter() ? 0 : undefined;
-                    var u = jt(jt({
-                        "aria-multiselectable": s || undefined,
-                        childrenStart: o.renderControls({
-                            placement: a,
-                            hasChildren: m.some((function(e) {
-                                return Dt(e);
-                            }))
-                        }),
-                        focusMode: o.hasFilter() ? "never" : undefined,
-                        isLoading: o.props.isLoadingOptions,
-                        menuId: o.menuListboxId,
-                        onScrollBottom: o.props.onScrollBottom ? o.handleScrollBottom : undefined,
-                        placement: a !== null && a !== void 0 ? a : undefined
-                    }, I()(o.props, "noOptionsMessage", "footerMessage", "animateLoading", "loadingMessage", "onScroll")), {}, {
-                        style: l,
-                        tabIndex: c
-                    });
-                    if (p) {
-                        
-                        return r().createElement(N.VirtualizedResultsMenu, at({
-                            virtualization: p
-                        }, u), m);
-                    }
-                    
-                    return r().createElement(B(), u, m);
+                return t && !t.props.disabled;
+            }));
+            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 t().createElement(T.VirtualizedResultsMenu, $e({
+                        virtualization: se
+                    }, c),  t().createElement(yt, Yt));
+                }
                 
-                return r().createElement(V(), {
-                    closeReasons: Rt,
-                    inputId: c,
-                    toggle: y,
-                    onRequestOpen: this.handleRequestOpen,
-                    onRequestClose: this.handleRequestClose,
-                    open: this.state.open,
-                    openWithArrowKeys: true,
-                    repositionMode: u,
-                    defaultPlacement: d ? l : undefined,
-                    canCoverAnchor: it().innerHeight < 500,
-                    ref: this.handleDropdownMount,
-                    retainFocus: false,
-                    takeFocus: v.length === 0 || v.length > 0 && !b || d
-                }, g);
-            }
-        } ]);
-        return o;
-    }(n.Component);
-    Et(qt, "propTypes", Mt);
-    Et(qt, "defaultProps", Tt);
-    Et(qt, "Option", Oe);
-    Et(qt, "Divider", T.Divider);
-    Et(qt, "Heading", T.Heading);
-    Et(qt, "invalidLinkAppearanceProps", [ "append", "error", "prepend" ]);
-    /* harmony default export */    const Nt = qt;
-    // CONCATENATED MODULE: ./src/Select/Option.tsx
-    function Bt(e) {
-        "@babel/helpers - typeof";
-        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            Bt = function e(t) {
-                return typeof t;
-            };
-        } else {
-            Bt = function e(t) {
-                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+                return t().createElement(I(), c,  t().createElement(yt, Yt));
             };
+            
+            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);
         }
-        return Bt(e);
-    }
-    function Kt() {
-        Kt = Object.assign || function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var n = arguments[t];
-                for (var r in n) {
-                    if (Object.prototype.hasOwnProperty.call(n, r)) {
-                        e[r] = n[r];
+        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]);
                     }
                 }
+                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);
             }
+        }
+        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;
-        };
-        return Kt.apply(this, arguments);
-    }
-    function Ft(e, t) {
-        if (!(e instanceof t)) {
-            throw new TypeError("Cannot call a class as a function");
-        }
-    }
-    function Ht(e, t) {
-        for (var n = 0; n < t.length; n++) {
-            var r = t[n];
-            r.enumerable = r.enumerable || false;
-            r.configurable = true;
-            if ("value" in r) r.writable = true;
-            Object.defineProperty(e, r.key, r);
-        }
-    }
-    function $t(e, t, n) {
-        if (t) Ht(e.prototype, t);
-        if (n) Ht(e, n);
-        return e;
-    }
-    function zt(e, t) {
-        if (typeof t !== "function" && t !== null) {
-            throw new TypeError("Super expression must either be null or a function");
-        }
-        e.prototype = Object.create(t && t.prototype, {
-            constructor: {
-                value: e,
-                writable: true,
-                configurable: true
-            }
-        });
-        if (t) Wt(e, t);
-    }
-    function Wt(e, t) {
-        Wt = Object.setPrototypeOf || function e(t, n) {
-            t.__proto__ = n;
-            return t;
-        };
-        return Wt(e, t);
-    }
-    function Ut(e) {
-        var t = Xt();
-        return function n() {
-            var r = Yt(e), o;
-            if (t) {
-                var i = Yt(this).constructor;
-                o = Reflect.construct(r, arguments, i);
-            } else {
-                o = r.apply(this, arguments);
+        }
+        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.");
             }
-            return Gt(this, o);
+            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 Gt(e, t) {
-        if (t && (Bt(t) === "object" || typeof t === "function")) {
-            return t;
-        }
-        return Jt(e);
-    }
-    function Jt(e) {
-        if (e === void 0) {
-            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        }
-        return e;
-    }
-    function Xt() {
-        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-        if (Reflect.construct.sham) return false;
-        if (typeof Proxy === "function") return true;
-        try {
-            Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
-            return true;
-        } catch (e) {
-            return false;
-        }
-    }
-    function Yt(e) {
-        Yt = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
-            return t.__proto__ || Object.getPrototypeOf(t);
+        var Bt = {
+            active: false,
+            descriptionPosition: "bottom",
+            disabled: false,
+            hidden: false,
+            selected: false,
+            truncate: false
         };
-        return Yt(e);
-    }
-    function Qt(e, t, n) {
-        if (t in e) {
-            Object.defineProperty(e, t, {
-                value: n,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[t] = n;
-        }
-        return e;
-    }
-    var Zt = {
-        /** @private */
-        active: i().bool,
-        children: i().node,
-        description: i().string,
-        descriptionPosition: i().oneOf([ "right", "bottom" ]),
-        disabled: i().bool,
-        hidden: i().bool,
-        icon: i().node,
-        label: i().string.isRequired,
-        matchRanges: i().arrayOf(i().shape({
-            start: i().number.isRequired,
-            end: i().number.isRequired
-        })),
-        /** @private */
-        onClick: i().func,
-        /** @private */
-        selected: i().bool,
-        truncate: i().bool,
-        value: i().oneOfType([ i().string, i().number, i().bool ]).isRequired
-    };
-    var en = {
-        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 tn =  function(e) {
-        zt(n, e);
-        var t = Ut(n);
-        function n() {
-            var e;
-            Ft(this, n);
-            for (var r = arguments.length, o = new Array(r), i = 0; i < r; i++) {
-                o[i] = arguments[i];
-            }
-            e = t.call.apply(t, [ this ].concat(o));
-            Qt(Jt(e), "c", null);
-            Qt(Jt(e), "handleMount", (function(t) {
-                e.c = t;
-            }));
-            return e;
-        }
-        $t(n, [ {
-            key: "scrollIntoViewIfNeeded",
-            value: function e() {
-                var t;
-                (t = this.c) === null || t === void 0 ? void 0 : t.scrollIntoViewIfNeeded();
+ */        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;
             }
-            /**
+ // @docs-props-type OptionPropsBase
+                        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.
-     */        }, {
-            key: "focus",
-            value: function e() {
-                var t;
-                (t = this.c) === null || t === void 0 ? void 0 : t.focus();
-            }
-        }, {
-            key: "render",
-            value: function e() {
-                
-                return r().createElement(Oe, Kt({}, this.props, {
-                    multiple: false,
-                    ref: this.handleMount
-                }), this.props.children || this.props.label);
-            }
-        } ]);
-        return n;
-    }(n.PureComponent);
-    Qt(tn, "propTypes", Zt);
-    Qt(tn, "defaultProps", en);
-    /* harmony default export */    const nn = tn;
-    // CONCATENATED MODULE: ./src/Select/Select.tsx
-    function rn(e) {
-        "@babel/helpers - typeof";
-        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            rn = function e(t) {
-                return typeof t;
-            };
-        } else {
-            rn = function e(t) {
-                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-            };
+     */
+                // 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);
         }
-        return rn(e);
-    }
-    function on() {
-        on = Object.assign || function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var n = arguments[t];
-                for (var r in n) {
-                    if (Object.prototype.hasOwnProperty.call(n, r)) {
-                        e[r] = n[r];
+        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;
-        };
-        return on.apply(this, arguments);
-    }
-    function an(e, t) {
-        if (e == null) return {};
-        var n = ln(e, t);
-        var r, o;
-        if (Object.getOwnPropertySymbols) {
-            var i = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < i.length; o++) {
-                r = i[o];
-                if (t.indexOf(r) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, r)) continue;
-                n[r] = e[r];
-            }
+            return o;
         }
-        return n;
-    }
-    function ln(e, t) {
-        if (e == null) return {};
-        var n = {};
-        var r = Object.keys(e);
-        var o, i;
-        for (i = 0; i < r.length; i++) {
-            o = r[i];
-            if (t.indexOf(o) >= 0) continue;
-            n[o] = e[o];
-        }
-        return n;
-    }
-    function cn(e, t) {
-        if (!(e instanceof t)) {
-            throw new TypeError("Cannot call a class as a function");
-        }
-    }
-    function sn(e, t) {
-        for (var n = 0; n < t.length; n++) {
-            var r = t[n];
-            r.enumerable = r.enumerable || false;
-            r.configurable = true;
-            if ("value" in r) r.writable = true;
-            Object.defineProperty(e, r.key, r);
-        }
-    }
-    function un(e, t, n) {
-        if (t) sn(e.prototype, t);
-        if (n) sn(e, n);
-        return e;
-    }
-    function pn(e, t) {
-        if (typeof t !== "function" && t !== null) {
-            throw new TypeError("Super expression must either be null or a function");
-        }
-        e.prototype = Object.create(t && t.prototype, {
-            constructor: {
-                value: e,
-                writable: true,
-                configurable: true
+        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];
+                }
             }
-        });
-        if (t) fn(e, t);
-    }
-    function fn(e, t) {
-        fn = Object.setPrototypeOf || function e(t, n) {
-            t.__proto__ = n;
-            return t;
-        };
-        return fn(e, t);
-    }
-    function dn(e) {
-        var t = bn();
-        return function n() {
-            var r = mn(e), o;
-            if (t) {
-                var i = mn(this).constructor;
-                o = Reflect.construct(r, arguments, i);
-            } else {
-                o = r.apply(this, arguments);
+            return n;
+        }
+        function $t(e, t) {
+            if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
+        }
+        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);
             }
-            return vn(this, o);
-        };
-    }
-    function vn(e, t) {
-        if (t && (rn(t) === "object" || typeof t === "function")) {
-            return t;
-        }
-        return hn(e);
-    }
-    function hn(e) {
-        if (e === void 0) {
-            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        }
-        return e;
-    }
-    function bn() {
-        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-        if (Reflect.construct.sham) return false;
-        if (typeof Proxy === "function") return true;
-        try {
-            Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
-            return true;
-        } catch (e) {
-            return false;
-        }
-    }
-    function mn(e) {
-        mn = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
-            return t.__proto__ || Object.getPrototypeOf(t);
-        };
-        return mn(e);
-    }
-    function yn(e, t, n) {
-        if (t in e) {
-            Object.defineProperty(e, t, {
-                value: n,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[t] = n;
-        }
-        return e;
-    }
-    /* eslint-disable max-classes-per-file */
-    /** @public */    var gn = {
-        allowKeyMatching: i().bool,
-        animateLoading: i().bool,
-        appearance: i().oneOf([ "default", "link", "primary", "pill", "toggle", "flat", "subtle" ]),
-        append: i().bool,
-        children: i().node,
-        defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
-        defaultValue: i().oneOfType([ i().string, i().number, i().bool ]),
-        describedBy: i().string,
-        disabled: i().bool,
-        elementRef: i().oneOfType([ i().func, i().object ]),
-        error: i().bool,
-        filter: i().oneOf([ false, true, "controlled" ]),
-        footerMessage: i().node,
-        inline: i().bool,
-        inputId: i().string,
-        inputRef: i().oneOfType([ i().func, i().object ]),
-        isLoadingOptions: i().bool,
-        labelledBy: i().string,
-        labelText: i().string,
-        loadingMessage: i().node,
-        menuStyle: i().object,
-        name: i().string,
-        noOptionsMessage: i().node,
-        onChange: i().func,
-        onClose: i().func,
-        onFilterChange: i().func,
-        onOpen: i().func,
-        onScroll: i().func,
-        onScrollBottom: i().func,
-        placeholder: i().string,
-        prefixLabel: i().string,
-        prepend: i().bool,
-        suffixLabel: i().string,
-        toggleContent: i().oneOf([ "optionChildren", "optionLabel" ]),
-        /** @private. */
-        toggle: i().node,
-        value: i().oneOfType([ i().string, i().number, i().bool ]),
-        /** @private. */
-        virtualization: i().number
-    };
-    var On = {
-        allowKeyMatching: true,
-        animateLoading: false,
-        appearance: "toggle",
-        append: false,
-        children: [],
-        defaultPlacement: "vertical",
-        disabled: false,
-        error: false,
-        filter: false,
-        inline: true,
-        isLoadingOptions: false,
-        menuStyle: {},
-        noOptionsMessage: (0, c._)("No matches"),
-        placeholder: (0, c._)("Select..."),
-        prepend: false,
-        toggleContent: "optionChildren"
-    };
-    var Sn =  function(e) {
-        pn(n, e);
-        var t = dn(n);
-        // @docs-props-type SelectPropsBase
-                function n(e) {
-            var r;
-            cn(this, n);
-            r = t.call(this, e);
-            var o = {};
- // wrap defaultValue in an array once to avoid failing <SelectBase>'s defaultValues comparison check
-            // using "has" to make sure that pre-4.3 behavior is preserved if a user explicitly passes "null" or "undefined"
-                        if (l()(e, "defaultValue")) {
-                if (e.defaultValue != null) {
-                    o.defaultValues = [ e.defaultValue ];
-                } else {
-                    o.defaultValues = [];
+        }
+        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);
         }
-        un(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, i = t.value, a = an(t, [ "defaultValue", "onChange", "value" ]);
-                var c = {
-                    onChange: function e(t, n) {
-                        var r = n.name, i = n.values;
-                        o === null || o === void 0 ? void 0 : o(t, {
-                            name: r,
-                            value: i[0]
-                        });
-                    }
-                };
- // using "has" as opposed to a null check to match SelectBase
-                                if (l()(this.props, "value")) {
-                    if (i != null) {
-                        c.values = [ i ];
+            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 {
-                        c.values = [];
+                        o.defaultValues = [];
                     }
-                } else if (this.state.defaultValues != null) {
-                    // using defaultValues from state in order to avoid wrapping defaultValue here
-                    c.defaultValues = this.state.defaultValues;
                 }
-                
-                return r().createElement(Nt, on({}, a, c, {
-                    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);
-    yn(Sn, "propTypes", gn);
-    yn(Sn, "defaultProps", On);
-    yn(Sn, "Option", nn);
-    yn(Sn, "Heading", T.Heading);
-    yn(Sn, "Divider", T.Divider);
-    /* harmony default export */    const wn = Sn;
-    // 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;
     /******/})();