@splunk/react-ui 4.39.0 → 4.41.0

package/Select.js

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