@splunk/react-ui 5.3.0 → 5.4.0

package/Select.js

@@ -1,120 +1,34 @@
 /******/ (() => {
     // webpackBootstrap
     /******/ "use strict";
-    /******/    var e = {
-        /***/ 3639: 
-        /***/ (e, n, r) => {
-            // EXPORTS
-            r.d(n, {
-                default: () => /* reexport */ s
-            });
-            // UNUSED EXPORTS: isAllowedType, isPrimitive
-            // EXTERNAL MODULE: external "react"
-                        var t = r(9497);
-            // CONCATENATED MODULE: external "lodash/isEqual"
-            const l = require("lodash/isEqual");
-            // EXTERNAL MODULE: external "lodash/has"
-                        var o = r(5919);
-            var a =  r.n(o);
-            // CONCATENATED MODULE: ./src/useControlled/useControlled.tsx
-            function i(e) {
-                return e === null || e === undefined || typeof e === "boolean" || typeof e === "string" || typeof e === "number";
-            }
-            function u(e) {
-                if (i(e)) {
-                    return true;
-                }
-                if (Array.isArray(e)) {
-                    return e.every(i);
-                }
-                return false;
-            }
-            /**
- * 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 c(e) {
-                var n = e.componentProps, r = e.componentName, l = r === void 0 ? "this component" : r, o = e.defaultValuePropName, i = o === void 0 ? "defaultValue" : o, u = e.valuePropName, c = u === void 0 ? "value" : u;
-                var s = (0, t.useRef)(a()(n, c));
-                var f = (0, t.useRef)(n[i]);
-                (0, t.useEffect)((function() {
-                    if (false) {}
-                }), [ l, n, i, c ]);
-                (0, t.useEffect)((function() {
-                    if (false) {}
-                    if (false) {}
-                    if (false) {}
-                }), [ l, n, i, c ]);
-                return s.current;
-            }
-            /* harmony default export */            const s = c;
-        } // CONCATENATED MODULE: ./src/useControlled/index.ts
-        /***/ ,
-        /***/ 5919: 
-        /***/ e => {
-            e.exports = require("lodash/has");
-            /***/        },
-        /***/ 9497: 
-        /***/ e => {
-            e.exports = require("react");
-            /***/
-            /******/        }
-    };
-    /************************************************************************/
-    /******/ // The module cache
-    /******/    var n = {};
-    /******/
-    /******/ // The require function
-    /******/    function r(t) {
-        /******/ // Check if module is in cache
-        /******/ var l = n[t];
-        /******/        if (l !== undefined) {
-            /******/ return l.exports;
-            /******/        }
-        /******/ // Create a new module (and put it into the cache)
-        /******/        var o = n[t] = {
-            /******/ // no module.id needed
-            /******/ // no module.loaded needed
-            /******/ exports: {}
-            /******/        };
-        /******/
-        /******/ // Execute the module function
-        /******/        e[t](o, o.exports, r);
-        /******/
-        /******/ // Return the exports of the module
-        /******/        return o.exports;
-        /******/    }
+    /******/ // The require scope
+    /******/    var e = {};
     /******/
     /************************************************************************/
     /******/ /* webpack/runtime/compat get default export */
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/ r.n = e => {
-            /******/ var n = e && e.__esModule ? 
-            /******/ () => e["default"]
-            /******/ : () => e
+        /******/ e.n = n => {
+            /******/ var t = n && n.__esModule ? 
+            /******/ () => n["default"]
+            /******/ : () => n
             /******/;
-            r.d(n, {
-                a: n
+            e.d(t, {
+                a: t
             });
-            /******/            return n;
+            /******/            return t;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ r.d = (e, n) => {
-            /******/ for (var t in n) {
-                /******/ if (r.o(n, t) && !r.o(e, t)) {
-                    /******/ Object.defineProperty(e, t, {
+        /******/ e.d = (n, t) => {
+            /******/ for (var r in t) {
+                /******/ if (e.o(t, r) && !e.o(n, r)) {
+                    /******/ Object.defineProperty(n, r, {
                         enumerable: true,
-                        get: n[t]
+                        get: t[r]
                     });
                     /******/                }
                 /******/            }
@@ -123,14 +37,14 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ r.o = (e, n) => Object.prototype.hasOwnProperty.call(e, n)
+        /******/ e.o = (e, n) => Object.prototype.hasOwnProperty.call(e, n)
         /******/;
     })();
     /******/
     /******/ /* webpack/runtime/make namespace object */
     /******/    (() => {
         /******/ // define __esModule on exports
-        /******/ r.r = e => {
+        /******/ e.r = e => {
             /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
                 /******/ Object.defineProperty(e, Symbol.toStringTag, {
                     value: "Module"
@@ -142,1861 +56,1856 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var t = {};
-    // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
-        (() => {
-        // ESM COMPAT FLAG
-        r.r(t);
-        // EXPORTS
-                r.d(t, {
-            Divider: () => /* reexport */ c.Divider,
-            Heading: () => /* reexport */ c.Heading,
-            Option: () => /* reexport */ E,
-            default: () => /* reexport */ Hn
-        });
-        // EXTERNAL MODULE: external "react"
-                var e = r(9497);
-        var n =  r.n(e);
-        // CONCATENATED MODULE: external "prop-types"
-        const l = require("prop-types");
-        var o =  r.n(l);
-        // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
-        const a = require("@splunk/react-ui/useControlled");
-        var i =  r.n(a);
-        // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-        const u = require("@splunk/ui-utils/i18n");
-        // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
-        const c = require("@splunk/react-ui/Menu");
-        // CONCATENATED MODULE: ./src/Select/OptionBase.tsx
-        function s(e) {
-            "@babel/helpers - typeof";
-            return s = "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;
-            }, s(e);
-        }
-        function f() {
-            return f = Object.assign ? Object.assign.bind() : function(e) {
-                for (var n = 1; n < arguments.length; n++) {
-                    var r = arguments[n];
-                    for (var t in r) {
-                        ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
-                    }
-                }
-                return e;
-            }, f.apply(null, arguments);
-        }
-        function d(e, n) {
-            var r = Object.keys(e);
-            if (Object.getOwnPropertySymbols) {
-                var t = Object.getOwnPropertySymbols(e);
-                n && (t = t.filter((function(n) {
-                    return Object.getOwnPropertyDescriptor(e, n).enumerable;
-                }))), r.push.apply(r, t);
-            }
-            return r;
-        }
-        function p(e) {
+    /************************************************************************/    var n = {};
+    // ESM COMPAT FLAG
+        e.r(n);
+    // EXPORTS
+        e.d(n, {
+        Divider: () => /* reexport */ c.Divider,
+        Heading: () => /* reexport */ c.Heading,
+        Option: () => /* reexport */ E,
+        default: () => /* reexport */ Fn
+    });
+    // CONCATENATED MODULE: external "react"
+    const t = require("react");
+    var r =  e.n(t);
+    // CONCATENATED MODULE: external "prop-types"
+    const l = require("prop-types");
+    var o =  e.n(l);
+    // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
+    const a = require("@splunk/react-ui/useControlled");
+    var i =  e.n(a);
+    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+    const u = require("@splunk/ui-utils/i18n");
+    // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
+    const c = require("@splunk/react-ui/Menu");
+    // CONCATENATED MODULE: ./src/Select/OptionBase.tsx
+    function s(e) {
+        "@babel/helpers - typeof";
+        return s = "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;
+        }, s(e);
+    }
+    function f() {
+        return f = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
-                var r = null != arguments[n] ? arguments[n] : {};
-                n % 2 ? d(Object(r), !0).forEach((function(n) {
-                    v(e, n, r[n]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : d(Object(r)).forEach((function(n) {
-                    Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
-                }));
+                var t = arguments[n];
+                for (var r in t) {
+                    ({}).hasOwnProperty.call(t, r) && (e[r] = t[r]);
+                }
             }
             return e;
+        }, f.apply(null, arguments);
+    }
+    function d(e, n) {
+        var t = Object.keys(e);
+        if (Object.getOwnPropertySymbols) {
+            var r = Object.getOwnPropertySymbols(e);
+            n && (r = r.filter((function(n) {
+                return Object.getOwnPropertyDescriptor(e, n).enumerable;
+            }))), t.push.apply(t, r);
         }
-        function v(e, n, r) {
-            return (n = b(n)) in e ? Object.defineProperty(e, n, {
-                value: r,
-                enumerable: !0,
-                configurable: !0,
-                writable: !0
-            }) : e[n] = r, e;
-        }
-        function b(e) {
-            var n = m(e, "string");
-            return "symbol" == s(n) ? n : n + "";
+        return t;
+    }
+    function p(e) {
+        for (var n = 1; n < arguments.length; n++) {
+            var t = null != arguments[n] ? arguments[n] : {};
+            n % 2 ? d(Object(t), !0).forEach((function(n) {
+                v(e, n, t[n]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : d(Object(t)).forEach((function(n) {
+                Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
+            }));
         }
-        function m(e, n) {
-            if ("object" != s(e) || !e) return e;
-            var r = e[Symbol.toPrimitive];
-            if (void 0 !== r) {
-                var t = r.call(e, n || "default");
-                if ("object" != s(t)) return t;
-                throw new TypeError("@@toPrimitive must return a primitive value.");
-            }
-            return ("string" === n ? String : Number)(e);
+        return e;
+    }
+    function v(e, n, t) {
+        return (n = b(n)) in e ? Object.defineProperty(e, n, {
+            value: t,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[n] = t, e;
+    }
+    function b(e) {
+        var n = m(e, "string");
+        return "symbol" == s(n) ? n : n + "";
+    }
+    function m(e, n) {
+        if ("object" != s(e) || !e) return e;
+        var t = e[Symbol.toPrimitive];
+        if (void 0 !== t) {
+            var r = t.call(e, n || "default");
+            if ("object" != s(r)) return r;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        function y(e, n) {
-            if (null == e) return {};
-            var r, t, l = g(e, n);
-            if (Object.getOwnPropertySymbols) {
-                var o = Object.getOwnPropertySymbols(e);
-                for (t = 0; t < o.length; t++) {
-                    r = o[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (l[r] = e[r]);
-                }
+        return ("string" === n ? String : Number)(e);
+    }
+    function y(e, n) {
+        if (null == e) return {};
+        var t, r, l = g(e, n);
+        if (Object.getOwnPropertySymbols) {
+            var o = Object.getOwnPropertySymbols(e);
+            for (r = 0; r < o.length; r++) {
+                t = o[r], -1 === n.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
             }
-            return l;
         }
-        function g(e, n) {
-            if (null == e) return {};
-            var r = {};
-            for (var t in e) {
-                if ({}.hasOwnProperty.call(e, t)) {
-                    if (-1 !== n.indexOf(t)) continue;
-                    r[t] = e[t];
-                }
+        return l;
+    }
+    function g(e, n) {
+        if (null == e) return {};
+        var t = {};
+        for (var r in e) {
+            if ({}.hasOwnProperty.call(e, r)) {
+                if (-1 !== n.indexOf(r)) continue;
+                t[r] = e[r];
             }
-            return r;
         }
-        var h = {
-            /** @private */
-            active: o().bool,
-            children: o().node,
-            description: o().string,
-            descriptionPosition: o().oneOf([ "right", "bottom" ]),
-            disabled: o().bool,
-            elementRef: o().oneOfType([ o().func, o().object ]),
-            hidden: o().bool,
-            icon: o().node,
-            label: o().string.isRequired,
-            /**
+        return t;
+    }
+    var h = {
+        /** @private */
+        active: o().bool,
+        children: o().node,
+        description: o().string,
+        descriptionPosition: o().oneOf([ "right", "bottom" ]),
+        disabled: o().bool,
+        elementRef: o().oneOfType([ o().func, o().object ]),
+        hidden: o().bool,
+        icon: o().node,
+        label: o().string.isRequired,
+        /**
    * @private Passed down from <BaseSelect>
    */
-            multiple: o().bool,
-            matchRanges: o().arrayOf(o().shape({
-                start: o().number.isRequired,
-                end: o().number.isRequired
-            })),
-            /** @private */
-            onClick: o().func,
-            /** @private */
-            role: o().oneOf([ "menuitemcheckbox", "option" ]),
-            /** @private */
-            selected: o().oneOfType([ o().bool, o().oneOf([ "some" ]) ]),
-            truncate: o().bool,
-            value: o().oneOfType([ o().string, o().number, o().bool ]).isRequired
-        };
-        /**
+        multiple: o().bool,
+        matchRanges: o().arrayOf(o().shape({
+            start: o().number.isRequired,
+            end: o().number.isRequired
+        })),
+        /** @private */
+        onClick: o().func,
+        /** @private */
+        role: o().oneOf([ "menuitemcheckbox", "option" ]),
+        /** @private */
+        selected: o().oneOfType([ o().bool, o().oneOf([ "some" ]) ]),
+        truncate: o().bool,
+        value: o().oneOfType([ o().string, o().number, o().bool ]).isRequired
+    };
+    /**
  * An option within a `Multiselect`.
- */        function O(r) {
-            var t = r.children, l = r.descriptionPosition, o = l === void 0 ? "bottom" : l, a = r.disabled, i = r.elementRef, u = r.icon, s = r.label, d = r.multiple, v = r.onClick, b = r.role, m = b === void 0 ? "option" : b, g = r.value, h = y(r, [ "children", "descriptionPosition", "disabled", "elementRef", "icon", "label", "multiple", "onClick", "role", "value" ]);
-            // @docs-props-type OptionPropsBase
-                        var O = (0, e.useCallback)((function(e) {
-                if (!a) {
-                    v === null || v === void 0 ? void 0 : v(e, {
-                        value: g
-                    });
-                }
-            }), [ a, v, g ]);
-            var S = g.toString();
-            var C = p({
-                descriptionPosition: o,
-                disabled: a ? "disabled" : undefined
-            }, h);
-            
-            return n().createElement(c.Item, f({
-                "data-test-value": g,
-                "data-test": "option",
-                elementRef: i
-            }, C, {
-                selectable: true,
-                selectableAppearance: d ? "checkbox" : "checkmark",
-                startAdornment: u,
-                onClick: O,
-                role: m,
-                value: S
-            }), t || s);
-        }
-        O.propTypes = h;
-        O.type = c.Item;
+ */    function O(e) {
+        var n = e.children, l = e.descriptionPosition, o = l === void 0 ? "bottom" : l, a = e.disabled, i = e.elementRef, u = e.icon, s = e.label, d = e.multiple, v = e.onClick, b = e.role, m = b === void 0 ? "option" : b, g = e.value, h = y(e, [ "children", "descriptionPosition", "disabled", "elementRef", "icon", "label", "multiple", "onClick", "role", "value" ]);
+        // @docs-props-type OptionPropsBase
+                var O = (0, t.useCallback)((function(e) {
+            if (!a) {
+                v === null || v === void 0 ? void 0 : v(e, {
+                    value: g
+                });
+            }
+        }), [ a, v, g ]);
+        var S = g.toString();
+        var C = p({
+            descriptionPosition: o,
+            disabled: a ? "disabled" : undefined
+        }, h);
+        
+        return r().createElement(c.Item, f({
+            "data-test-value": g,
+            "data-test": "option",
+            elementRef: i
+        }, C, {
+            selectable: true,
+            selectableAppearance: d ? "checkbox" : "checkmark",
+            startAdornment: u,
+            onClick: O,
+            role: m,
+            value: S
+        }), n || s);
+    }
+    O.propTypes = h;
+    O.type = c.Item;
  // For components to distinguish if their children are Options or Headings/Dividers
-        /* harmony default export */        const S = O;
-        // CONCATENATED MODULE: ./src/Select/Option.tsx
-        function C() {
-            return C = Object.assign ? Object.assign.bind() : function(e) {
-                for (var n = 1; n < arguments.length; n++) {
-                    var r = arguments[n];
-                    for (var t in r) {
-                        ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
-                    }
-                }
-                return e;
-            }, C.apply(null, arguments);
-        }
-        function w(e, n) {
-            if (null == e) return {};
-            var r, t, l = k(e, n);
-            if (Object.getOwnPropertySymbols) {
-                var o = Object.getOwnPropertySymbols(e);
-                for (t = 0; t < o.length; t++) {
-                    r = o[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (l[r] = e[r]);
+    /* harmony default export */    const S = O;
+    // CONCATENATED MODULE: ./src/Select/Option.tsx
+    function C() {
+        return C = Object.assign ? Object.assign.bind() : function(e) {
+            for (var n = 1; n < arguments.length; n++) {
+                var t = arguments[n];
+                for (var r in t) {
+                    ({}).hasOwnProperty.call(t, r) && (e[r] = t[r]);
                 }
             }
-            return l;
-        }
-        function k(e, n) {
-            if (null == e) return {};
-            var r = {};
-            for (var t in e) {
-                if ({}.hasOwnProperty.call(e, t)) {
-                    if (-1 !== n.indexOf(t)) continue;
-                    r[t] = e[t];
-                }
+            return e;
+        }, C.apply(null, arguments);
+    }
+    function w(e, n) {
+        if (null == e) return {};
+        var t, r, l = k(e, n);
+        if (Object.getOwnPropertySymbols) {
+            var o = Object.getOwnPropertySymbols(e);
+            for (r = 0; r < o.length; r++) {
+                t = o[r], -1 === n.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
             }
-            return r;
         }
-        var x = {
-            /** @private */
-            active: o().bool,
-            children: o().node,
-            description: o().string,
-            descriptionPosition: o().oneOf([ "right", "bottom" ]),
-            disabled: o().bool,
-            elementRef: o().oneOfType([ o().func, o().object ]),
-            hidden: o().bool,
-            icon: o().node,
-            label: o().string.isRequired,
-            matchRanges: o().arrayOf(o().shape({
-                start: o().number.isRequired,
-                end: o().number.isRequired
-            })),
-            /** @private */
-            onClick: o().func,
-            /** @private */
-            role: o().oneOf([ "menuitemcheckbox", "option" ]),
-            /** @private */
-            selected: o().bool,
-            truncate: o().bool,
-            value: o().oneOfType([ o().string, o().number, o().bool ]).isRequired
-        };
-        /**
- * An option within a `Select`. Any elements passed to it should be memoized.
- */        function j(e) {
-            var r = e.children, t = e.descriptionPosition, l = t === void 0 ? "bottom" : t, o = e.elementRef, a = e.label, i = w(e, [ "children", "descriptionPosition", "elementRef", "label" ]);
-            // @docs-props-type OptionPropsBase
-                        
-            return n().createElement(S, C({
-                descriptionPosition: l,
-                label: a
-            }, i, {
-                elementRef: o,
-                multiple: false
-            }), r || a);
-        }
-        var P =  (0, e.memo)(j);
-        // @ts-expect-error Need to set propTypes on OptionMemoized so that javascript propType validation will work
-                P.propTypes = x;
-        /* harmony default export */        const E = P;
-        // CONCATENATED MODULE: external "lodash/castArray"
-        const R = require("lodash/castArray");
-        var M =  r.n(R);
-        // CONCATENATED MODULE: external "lodash/find"
-        const A = require("lodash/find");
-        var T =  r.n(A);
-        // CONCATENATED MODULE: external "lodash/forEachRight"
-        const I = require("lodash/forEachRight");
-        var q =  r.n(I);
-        // EXTERNAL MODULE: external "lodash/has"
-                var L = r(5919);
-        var D =  r.n(L);
-        // CONCATENATED MODULE: external "lodash/includes"
-        const N = require("lodash/includes");
-        var _ =  r.n(N);
-        // CONCATENATED MODULE: external "lodash/memoize"
-        const B = require("lodash/memoize");
-        var V =  r.n(B);
-        // CONCATENATED MODULE: external "lodash/pick"
-        const K = require("lodash/pick");
-        var F =  r.n(K);
-        // CONCATENATED MODULE: external "lodash/uniq"
-        const H = require("lodash/uniq");
-        var z =  r.n(H);
-        // CONCATENATED MODULE: external "lodash/without"
-        const W = require("lodash/without");
-        var $ =  r.n(W);
-        // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
-        const X = require("@splunk/react-icons/CaretSmallDown");
-        var U =  r.n(X);
-        // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
-        const J = require("@splunk/react-icons/Magnifier");
-        var G =  r.n(J);
-        // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
-        const Q = require("@splunk/react-ui/Dropdown");
-        var Y =  r.n(Q);
-        // CONCATENATED MODULE: external "@splunk/react-ui/Link"
-        const Z = require("@splunk/react-ui/Link");
-        var ee =  r.n(Z);
-        // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
-        const ne = require("@splunk/react-ui/ResultsMenu");
-        var re =  r.n(ne);
-        // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
-        const te = require("@splunk/react-ui/ScreenReaderContent");
-        var le =  r.n(te);
-        // CONCATENATED MODULE: external "@splunk/react-ui/Text"
-        const oe = require("@splunk/react-ui/Text");
-        var ae =  r.n(oe);
-        // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
-        const ie = require("@splunk/react-ui/usePrevious");
-        var ue =  r.n(ie);
-        // CONCATENATED MODULE: external "@splunk/ui-utils/filter"
-        const ce = require("@splunk/ui-utils/filter");
-        // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-        const se = require("@splunk/ui-utils/id");
-        // CONCATENATED MODULE: external "@splunk/ui-utils/scroll"
-        const fe = require("@splunk/ui-utils/scroll");
-        // CONCATENATED MODULE: ./src/Select/SelectAllOption.tsx
-        function de(e) {
-            "@babel/helpers - typeof";
-            return de = "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;
-            }, de(e);
-        }
-        function pe() {
-            return pe = Object.assign ? Object.assign.bind() : function(e) {
-                for (var n = 1; n < arguments.length; n++) {
-                    var r = arguments[n];
-                    for (var t in r) {
-                        ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
-                    }
-                }
-                return e;
-            }, pe.apply(null, arguments);
-        }
-        function ve(e, n) {
-            if (null == e) return {};
-            var r, t, l = be(e, n);
-            if (Object.getOwnPropertySymbols) {
-                var o = Object.getOwnPropertySymbols(e);
-                for (t = 0; t < o.length; t++) {
-                    r = o[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (l[r] = e[r]);
-                }
+        return l;
+    }
+    function k(e, n) {
+        if (null == e) return {};
+        var t = {};
+        for (var r in e) {
+            if ({}.hasOwnProperty.call(e, r)) {
+                if (-1 !== n.indexOf(r)) continue;
+                t[r] = e[r];
             }
-            return l;
         }
-        function be(e, n) {
-            if (null == e) return {};
-            var r = {};
-            for (var t in e) {
-                if ({}.hasOwnProperty.call(e, t)) {
-                    if (-1 !== n.indexOf(t)) continue;
-                    r[t] = e[t];
+        return t;
+    }
+    var x = {
+        /** @private */
+        active: o().bool,
+        children: o().node,
+        description: o().string,
+        descriptionPosition: o().oneOf([ "right", "bottom" ]),
+        disabled: o().bool,
+        elementRef: o().oneOfType([ o().func, o().object ]),
+        hidden: o().bool,
+        icon: o().node,
+        label: o().string.isRequired,
+        matchRanges: o().arrayOf(o().shape({
+            start: o().number.isRequired,
+            end: o().number.isRequired
+        })),
+        /** @private */
+        onClick: o().func,
+        /** @private */
+        role: o().oneOf([ "menuitemcheckbox", "option" ]),
+        /** @private */
+        selected: o().bool,
+        truncate: o().bool,
+        value: o().oneOfType([ o().string, o().number, o().bool ]).isRequired
+    };
+    /**
+ * An option within a `Select`. Any elements passed to it should be memoized.
+ */    function j(e) {
+        var n = e.children, t = e.descriptionPosition, l = t === void 0 ? "bottom" : t, o = e.elementRef, a = e.label, i = w(e, [ "children", "descriptionPosition", "elementRef", "label" ]);
+        // @docs-props-type OptionPropsBase
+                
+        return r().createElement(S, C({
+            descriptionPosition: l,
+            label: a
+        }, i, {
+            elementRef: o,
+            multiple: false
+        }), n || a);
+    }
+    var P =  (0, t.memo)(j);
+    // @ts-expect-error Need to set propTypes on OptionMemoized so that javascript propType validation will work
+        P.propTypes = x;
+    /* harmony default export */    const E = P;
+    // CONCATENATED MODULE: external "lodash/castArray"
+    const R = require("lodash/castArray");
+    var M =  e.n(R);
+    // CONCATENATED MODULE: external "lodash/find"
+    const A = require("lodash/find");
+    var T =  e.n(A);
+    // CONCATENATED MODULE: external "lodash/forEachRight"
+    const I = require("lodash/forEachRight");
+    var q =  e.n(I);
+    // CONCATENATED MODULE: external "lodash/has"
+    const L = require("lodash/has");
+    var D =  e.n(L);
+    // CONCATENATED MODULE: external "lodash/includes"
+    const _ = require("lodash/includes");
+    var B =  e.n(_);
+    // CONCATENATED MODULE: external "lodash/memoize"
+    const N = require("lodash/memoize");
+    var V =  e.n(N);
+    // CONCATENATED MODULE: external "lodash/pick"
+    const K = require("lodash/pick");
+    var F =  e.n(K);
+    // CONCATENATED MODULE: external "lodash/uniq"
+    const H = require("lodash/uniq");
+    var z =  e.n(H);
+    // CONCATENATED MODULE: external "lodash/without"
+    const W = require("lodash/without");
+    var $ =  e.n(W);
+    // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
+    const X = require("@splunk/react-icons/CaretSmallDown");
+    var U =  e.n(X);
+    // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
+    const J = require("@splunk/react-icons/Magnifier");
+    var G =  e.n(J);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
+    const Q = require("@splunk/react-ui/Dropdown");
+    var Y =  e.n(Q);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Link"
+    const Z = require("@splunk/react-ui/Link");
+    var ee =  e.n(Z);
+    // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
+    const ne = require("@splunk/react-ui/ResultsMenu");
+    var te =  e.n(ne);
+    // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
+    const re = require("@splunk/react-ui/ScreenReaderContent");
+    var le =  e.n(re);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Text"
+    const oe = require("@splunk/react-ui/Text");
+    var ae =  e.n(oe);
+    // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
+    const ie = require("@splunk/react-ui/usePrevious");
+    var ue =  e.n(ie);
+    // CONCATENATED MODULE: external "@splunk/ui-utils/filter"
+    const ce = require("@splunk/ui-utils/filter");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/id"
+    const se = require("@splunk/ui-utils/id");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/scroll"
+    const fe = require("@splunk/ui-utils/scroll");
+    // CONCATENATED MODULE: ./src/Select/SelectAllOption.tsx
+    function de(e) {
+        "@babel/helpers - typeof";
+        return de = "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;
+        }, de(e);
+    }
+    function pe() {
+        return pe = Object.assign ? Object.assign.bind() : function(e) {
+            for (var n = 1; n < arguments.length; n++) {
+                var t = arguments[n];
+                for (var r in t) {
+                    ({}).hasOwnProperty.call(t, r) && (e[r] = t[r]);
                 }
             }
-            return r;
-        }
-        function me(e, n) {
-            var r = Object.keys(e);
-            if (Object.getOwnPropertySymbols) {
-                var t = Object.getOwnPropertySymbols(e);
-                n && (t = t.filter((function(n) {
-                    return Object.getOwnPropertyDescriptor(e, n).enumerable;
-                }))), r.push.apply(r, t);
+            return e;
+        }, pe.apply(null, arguments);
+    }
+    function ve(e, n) {
+        if (null == e) return {};
+        var t, r, l = be(e, n);
+        if (Object.getOwnPropertySymbols) {
+            var o = Object.getOwnPropertySymbols(e);
+            for (r = 0; r < o.length; r++) {
+                t = o[r], -1 === n.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
             }
-            return r;
         }
-        function ye(e) {
-            for (var n = 1; n < arguments.length; n++) {
-                var r = null != arguments[n] ? arguments[n] : {};
-                n % 2 ? me(Object(r), !0).forEach((function(n) {
-                    ge(e, n, r[n]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : me(Object(r)).forEach((function(n) {
-                    Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
-                }));
+        return l;
+    }
+    function be(e, n) {
+        if (null == e) return {};
+        var t = {};
+        for (var r in e) {
+            if ({}.hasOwnProperty.call(e, r)) {
+                if (-1 !== n.indexOf(r)) continue;
+                t[r] = e[r];
             }
-            return e;
         }
-        function ge(e, n, r) {
-            return (n = he(n)) in e ? Object.defineProperty(e, n, {
-                value: r,
-                enumerable: !0,
-                configurable: !0,
-                writable: !0
-            }) : e[n] = r, e;
+        return t;
+    }
+    function me(e, n) {
+        var t = Object.keys(e);
+        if (Object.getOwnPropertySymbols) {
+            var r = Object.getOwnPropertySymbols(e);
+            n && (r = r.filter((function(n) {
+                return Object.getOwnPropertyDescriptor(e, n).enumerable;
+            }))), t.push.apply(t, r);
         }
-        function he(e) {
-            var n = Oe(e, "string");
-            return "symbol" == de(n) ? n : n + "";
+        return t;
+    }
+    function ye(e) {
+        for (var n = 1; n < arguments.length; n++) {
+            var t = null != arguments[n] ? arguments[n] : {};
+            n % 2 ? me(Object(t), !0).forEach((function(n) {
+                ge(e, n, t[n]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : me(Object(t)).forEach((function(n) {
+                Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
+            }));
         }
-        function Oe(e, n) {
-            if ("object" != de(e) || !e) return e;
-            var r = e[Symbol.toPrimitive];
-            if (void 0 !== r) {
-                var t = r.call(e, n || "default");
-                if ("object" != de(t)) return t;
-                throw new TypeError("@@toPrimitive must return a primitive value.");
-            }
-            return ("string" === n ? String : Number)(e);
+        return e;
+    }
+    function ge(e, n, t) {
+        return (n = he(n)) in e ? Object.defineProperty(e, n, {
+            value: t,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[n] = t, e;
+    }
+    function he(e) {
+        var n = Oe(e, "string");
+        return "symbol" == de(n) ? n : n + "";
+    }
+    function Oe(e, n) {
+        if ("object" != de(e) || !e) return e;
+        var t = e[Symbol.toPrimitive];
+        if (void 0 !== t) {
+            var r = t.call(e, n || "default");
+            if ("object" != de(r)) return r;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        var Se = ye(ye({}, S.propTypes), {}, {
-            totalCount: o().number,
-            // unlike OptionBase, there's a default value for this prop
-            value: o().string
-        });
-        function Ce(e) {
-            var r = e.active, t = e.elementRef, l = e.id, o = e.label, a = e.onClick, i = e.selected, u = e.totalCount, c = e.value, s = c === void 0 ? "selectAll" : c, f = ve(e, [ "active", "elementRef", "id", "label", "onClick", "selected", "totalCount", "value" ]);
-            // @docs-props-type SelectAllOptionPropsBase
-            // When toggle is changed the total count is not displayed anymore so the count is now shown in the Select all menu item
-                        var d = u != null ? " (".concat(u === null || u === void 0 ? void 0 : u.toString(), ")") : "";
-            
-            return n().createElement(S, pe({
-                active: r,
-                elementRef: t,
-                "aria-keyshortcuts": "Control+A",
-                "data-test": "select-all",
-                description: "".concat(d, " Ctrl-a"),
-                descriptionPosition: "right",
-                id: l,
-                key: "selectAll",
-                multiple: true,
-                label: o,
-                onClick: a,
-                selected: i,
-                role: "menuitemcheckbox",
-                value: s
-            }, f));
+        return ("string" === n ? String : Number)(e);
+    }
+    var Se = ye(ye({}, S.propTypes), {}, {
+        totalCount: o().number,
+        // unlike OptionBase, there's a default value for this prop
+        value: o().string
+    });
+    function Ce(e) {
+        var n = e.active, t = e.elementRef, l = e.id, o = e.label, a = e.onClick, i = e.selected, u = e.totalCount, c = e.value, s = c === void 0 ? "selectAll" : c, f = ve(e, [ "active", "elementRef", "id", "label", "onClick", "selected", "totalCount", "value" ]);
+        // @docs-props-type SelectAllOptionPropsBase
+        // When toggle is changed the total count is not displayed anymore so the count is now shown in the Select all menu item
+                var d = u != null ? " (".concat(u === null || u === void 0 ? void 0 : u.toString(), ")") : "";
+        
+        return r().createElement(S, pe({
+            active: n,
+            elementRef: t,
+            "aria-keyshortcuts": "Control+A",
+            "data-test": "select-all",
+            description: "".concat(d, " Ctrl-a"),
+            descriptionPosition: "right",
+            id: l,
+            key: "selectAll",
+            multiple: true,
+            label: o,
+            onClick: a,
+            selected: i,
+            role: "menuitemcheckbox",
+            value: s
+        }, f));
+    }
+    Ce.propTypes = Se;
+    /* harmony default export */    const we = Ce;
+    // CONCATENATED MODULE: external "styled-components"
+    const ke = require("styled-components");
+    var xe =  e.n(ke);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Button"
+    const je = require("@splunk/react-ui/Button");
+    var Pe =  e.n(je);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
+    const Ee = require("@splunk/react-ui/Divider");
+    var Re =  e.n(Ee);
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const Me = require("@splunk/themes");
+    // CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
+    var Ae = xe()(Pe()).withConfig({
+        displayName: "SelectBaseStyles__StyledButton",
+        componentId: "sc-16cj7sk-0"
+    })([ "&[data-inline]{width:", ";}", "" ], (function(e) {
+        var n = e.$multiple;
+        return n ? "400px" : "auto";
+    }), (function(e) {
+        var n = e.$multiple;
+        return !n && "flex-grow: 0;";
+    }));
+    var Te = xe().span.withConfig({
+        displayName: "SelectBaseStyles__StyledLinkIcon",
+        componentId: "sc-16cj7sk-1"
+    })([ "padding-right:", ";" ], Me.variables.spacingXSmall);
+    var Ie = xe().span.withConfig({
+        displayName: "SelectBaseStyles__StyledLinkCaret",
+        componentId: "sc-16cj7sk-2"
+    })([ "padding-left:", ";" ], Me.variables.spacingXSmall);
+    var qe = xe().div.withConfig({
+        displayName: "SelectBaseStyles__StyledFilter",
+        componentId: "sc-16cj7sk-3"
+    })([ "padding:", " ", " ", ";min-width:160px;" ], Me.variables.spacingLarge, Me.variables.spacingLarge, Me.variables.spacingSmall);
+    var Le = xe().span.withConfig({
+        displayName: "SelectBaseStyles__StyledCount",
+        componentId: "sc-16cj7sk-4"
+    })([ "padding-right:", ";" ], Me.variables.spacingXSmall);
+    var De = xe()(ee()).withConfig({
+        displayName: "SelectBaseStyles__StyledControlsLink",
+        componentId: "sc-16cj7sk-5"
+    })([ "", ";" ], (function(e) {
+        var n = e.$disabled;
+        return n && (0, ke.css)([ "color:", ";" ], Me.variables.contentColorDisabled);
+    }));
+    var _e = xe().div.withConfig({
+        displayName: "SelectBaseStyles__StyledToggleAllControls",
+        componentId: "sc-16cj7sk-6"
+    })([ "", ";gap:", ";padding:", " ", " ", ";" ], Me.mixins.reset("flex"), Me.variables.spacingMedium, Me.variables.spacingXSmall, Me.variables.spacingLarge, Me.variables.spacingSmall);
+    var Be = xe()(Re()).withConfig({
+        displayName: "SelectBaseStyles__StyledControlsDivider",
+        componentId: "sc-16cj7sk-7"
+    })([ "border-color:", ";" ], Me.variables.borderColor);
+    // CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
+    // A utility for matching keyboard characters to list values
+    var Ne = function e(n, t) {
+        return n ? n.label.charAt(t).toLowerCase() : "";
+    };
+    var Ve = function e(n, t) {
+        if (!n.length) {
+            return n;
         }
-        Ce.propTypes = Se;
-        /* harmony default export */        const we = Ce;
-        // CONCATENATED MODULE: external "styled-components"
-        const ke = require("styled-components");
-        var xe =  r.n(ke);
-        // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-        const je = require("@splunk/react-ui/Button");
-        var Pe =  r.n(je);
-        // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
-        const Ee = require("@splunk/react-ui/Divider");
-        var Re =  r.n(Ee);
-        // CONCATENATED MODULE: external "@splunk/themes"
-        const Me = require("@splunk/themes");
-        // CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
-        var Ae = xe()(Pe()).withConfig({
-            displayName: "SelectBaseStyles__StyledButton",
-            componentId: "sc-16cj7sk-0"
-        })([ "&[data-inline]{width:", ";}", "" ], (function(e) {
-            var n = e.$multiple;
-            return n ? "400px" : "auto";
-        }), (function(e) {
-            var n = e.$multiple;
-            return !n && "flex-grow: 0;";
-        }));
-        var Te = xe().span.withConfig({
-            displayName: "SelectBaseStyles__StyledLinkIcon",
-            componentId: "sc-16cj7sk-1"
-        })([ "padding-right:", ";" ], Me.variables.spacingXSmall);
-        var Ie = xe().span.withConfig({
-            displayName: "SelectBaseStyles__StyledLinkCaret",
-            componentId: "sc-16cj7sk-2"
-        })([ "padding-left:", ";" ], Me.variables.spacingXSmall);
-        var qe = xe().div.withConfig({
-            displayName: "SelectBaseStyles__StyledFilter",
-            componentId: "sc-16cj7sk-3"
-        })([ "padding:", " ", " ", ";min-width:160px;" ], Me.variables.spacingLarge, Me.variables.spacingLarge, Me.variables.spacingSmall);
-        var Le = xe().span.withConfig({
-            displayName: "SelectBaseStyles__StyledCount",
-            componentId: "sc-16cj7sk-4"
-        })([ "padding-right:", ";" ], Me.variables.spacingXSmall);
-        var De = xe()(ee()).withConfig({
-            displayName: "SelectBaseStyles__StyledControlsLink",
-            componentId: "sc-16cj7sk-5"
-        })([ "", ";" ], (function(e) {
-            var n = e.$disabled;
-            return n && (0, ke.css)([ "color:", ";" ], Me.variables.contentColorDisabled);
-        }));
-        var Ne = xe().div.withConfig({
-            displayName: "SelectBaseStyles__StyledToggleAllControls",
-            componentId: "sc-16cj7sk-6"
-        })([ "", ";gap:", ";padding:", " ", " ", ";" ], Me.mixins.reset("flex"), Me.variables.spacingMedium, Me.variables.spacingXSmall, Me.variables.spacingLarge, Me.variables.spacingSmall);
-        var _e = xe()(Re()).withConfig({
-            displayName: "SelectBaseStyles__StyledControlsDivider",
-            componentId: "sc-16cj7sk-7"
-        })([ "border-color:", ";" ], Me.variables.borderColor);
-        // EXTERNAL MODULE: ./src/useControlled/index.ts + 2 modules
-                var Be = r(3639);
-        // CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
-        // A utility for matching keyboard characters to list values
-        var Ve = function e(n, r) {
-            return n ? n.label.charAt(r).toLowerCase() : "";
-        };
-        var Ke = function e(n, r) {
-            if (!n.length) {
-                return n;
+        var r = null;
+        var l = false;
+        var o = n.filter((function(e) {
+            var n = Ne(e, t.index);
+            if (n === t.value) {
+                l = true;
+                return true;
             }
-            var t = null;
-            var l = false;
-            var o = n.filter((function(e) {
-                var n = Ve(e, r.index);
-                if (n === r.value) {
-                    l = 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 (!l) {
-                    var o = Ve(t, r.index);
-                    if (!o) {
-                        t = e;
-                    } else if (n > r.value) {
-                        if (o < r.value) {
-                            t = e;
-                        } else if (o > n) {
-                            t = e;
-                        }
-                    } else if (n > o) {
-                        t = e;
+            // 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 (!l) {
+                var o = Ne(r, t.index);
+                if (!o) {
+                    r = e;
+                } else if (n > t.value) {
+                    if (o < t.value) {
+                        r = e;
+                    } else if (o > n) {
+                        r = e;
                     }
+                } else if (n > o) {
+                    r = e;
                 }
-                return false;
-            }));
-            return o.length === 0 && t ? [ t ] : o;
-        };
-        // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
-        /* eslint-disable @typescript-eslint/no-empty-function */
-        var Fe = {
-            body: {
-                appendChild: function e() {
-                    return [];
-                }
-            },
-            addEventListener: function e() {},
-            removeEventListener: function e() {},
-            activeElement: {
-                blur: function e() {},
-                nodeName: ""
-            },
-            querySelector: function e() {
-                return null;
-            },
-            querySelectorAll: function e() {
+            }
+            return false;
+        }));
+        return o.length === 0 && r ? [ r ] : o;
+    };
+    // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
+    /* eslint-disable @typescript-eslint/no-empty-function */
+    var Ke = {
+        body: {
+            appendChild: 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: ""
             }
-        };
-        function He() {
-            var e = typeof document !== "undefined" ? document : Fe;
-            return e;
-        }
-        var ze = He();
-        /* harmony default export */        const We = /* unused pure expression or super */ null && ze;
-        // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
-        /* eslint-disable @typescript-eslint/no-empty-function */
-        var $e = {
-            document: Fe,
-            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(n) {
-                if (typeof setTimeout === "undefined") {
-                    n();
-                    return null;
+        },
+        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 [];
                 }
-                return setTimeout(n, 0);
-            },
-            cancelAnimationFrame: function e(n) {
-                if (typeof setTimeout === "undefined") {
-                    return;
+            };
+        },
+        createElementNS: function e() {
+            return {};
+        },
+        importNode: function e() {
+            return null;
+        },
+        location: {
+            hash: "",
+            host: "",
+            hostname: "",
+            href: "",
+            origin: "",
+            pathname: "",
+            protocol: "",
+            search: ""
+        }
+    };
+    function Fe() {
+        var e = typeof document !== "undefined" ? document : Ke;
+        return e;
+    }
+    var He = Fe();
+    /* harmony default export */    const ze = /* unused pure expression or super */ null && He;
+    // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
+    /* eslint-disable @typescript-eslint/no-empty-function */
+    var We = {
+        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 "";
                 }
-                clearTimeout(n);
+            };
+        },
+        Image: function e() {},
+        Date: function e() {},
+        screen: {},
+        setTimeout: function e() {},
+        clearTimeout: function e() {},
+        matchMedia: function e() {
+            return {};
+        },
+        requestAnimationFrame: function e(n) {
+            if (typeof setTimeout === "undefined") {
+                n();
+                return null;
             }
-        };
-        function Xe() {
-            var e = typeof window !== "undefined" ? window : $e;
-            return e;
+            return setTimeout(n, 0);
+        },
+        cancelAnimationFrame: function e(n) {
+            if (typeof setTimeout === "undefined") {
+                return;
+            }
+            clearTimeout(n);
         }
-        var Ue = Xe();
-        /* harmony default export */        const Je = /* unused pure expression or super */ null && Ue;
-        // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
-        /**
+    };
+    function $e() {
+        var e = typeof window !== "undefined" ? window : We;
+        return e;
+    }
+    var Xe = $e();
+    /* harmony default export */    const Ue = /* unused pure expression or super */ null && Xe;
+    // 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 Ge(e, n) {
-            if (e) {
-                if (typeof e === "function") {
-                    e(n);
-                } else {
-                    // 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 = n;
+    function Je(e, n) {
+        if (e) {
+            if (typeof e === "function") {
+                e(n);
+            } else {
+                // 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 = n;
  // eslint-disable-line no-param-reassign
-                                }
-            }
-        }
-        // CONCATENATED MODULE: ./src/Select/SelectBase.tsx
-        function Qe(e) {
-            return en(e) || Ze(e) || ln(e) || Ye();
-        }
-        function Ye() {
-            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 Ze(e) {
-            if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
-        }
-        function en(e) {
-            if (Array.isArray(e)) return on(e);
+                        }
         }
-        function nn() {
-            return nn = Object.assign ? Object.assign.bind() : function(e) {
-                for (var n = 1; n < arguments.length; n++) {
-                    var r = arguments[n];
-                    for (var t in r) {
-                        ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
-                    }
+    }
+    // CONCATENATED MODULE: ./src/Select/SelectBase.tsx
+    function Ge(e) {
+        return Ze(e) || Ye(e) || rn(e) || Qe();
+    }
+    function Qe() {
+        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 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 ln(e);
+    }
+    function en() {
+        return en = Object.assign ? Object.assign.bind() : function(e) {
+            for (var n = 1; n < arguments.length; n++) {
+                var t = arguments[n];
+                for (var r in t) {
+                    ({}).hasOwnProperty.call(t, r) && (e[r] = t[r]);
                 }
-                return e;
-            }, nn.apply(null, arguments);
-        }
-        function rn(e, n) {
-            return un(e) || an(e, n) || ln(e, n) || tn();
-        }
-        function tn() {
-            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 ln(e, n) {
-            if (e) {
-                if ("string" == typeof e) return on(e, n);
-                var r = {}.toString.call(e).slice(8, -1);
-                return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? on(e, n) : void 0;
             }
+            return e;
+        }, en.apply(null, arguments);
+    }
+    function nn(e, n) {
+        return an(e) || on(e, n) || rn(e, n) || tn();
+    }
+    function tn() {
+        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 rn(e, n) {
+        if (e) {
+            if ("string" == typeof e) return ln(e, n);
+            var t = {}.toString.call(e).slice(8, -1);
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? ln(e, n) : void 0;
         }
-        function on(e, n) {
-            (null == n || n > e.length) && (n = e.length);
-            for (var r = 0, t = Array(n); r < n; r++) {
-                t[r] = e[r];
-            }
-            return t;
+    }
+    function ln(e, n) {
+        (null == n || n > e.length) && (n = e.length);
+        for (var t = 0, r = Array(n); t < n; t++) {
+            r[t] = e[t];
         }
-        function an(e, n) {
-            var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
-            if (null != r) {
-                var t, l, o, a, i = [], u = !0, c = !1;
+        return r;
+    }
+    function on(e, n) {
+        var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != t) {
+            var r, l, o, a, i = [], u = !0, c = !1;
+            try {
+                if (o = (t = t.call(e)).next, 0 === n) {
+                    if (Object(t) !== t) return;
+                    u = !1;
+                } else for (;!(u = (r = o.call(t)).done) && (i.push(r.value), i.length !== n); u = !0) {
+                }
+            } catch (e) {
+                c = !0, l = e;
+            } finally {
                 try {
-                    if (o = (r = r.call(e)).next, 0 === n) {
-                        if (Object(r) !== r) return;
-                        u = !1;
-                    } else for (;!(u = (t = o.call(r)).done) && (i.push(t.value), i.length !== n); u = !0) {
-                    }
-                } catch (e) {
-                    c = !0, l = e;
+                    if (!u && null != t["return"] && (a = t["return"](), Object(a) !== a)) return;
                 } finally {
-                    try {
-                        if (!u && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
-                    } finally {
-                        if (c) throw l;
-                    }
+                    if (c) throw l;
                 }
-                return i;
             }
+            return i;
         }
-        function un(e) {
-            if (Array.isArray(e)) return e;
-        }
-        function cn(e, n) {
-            if (null == e) return {};
-            var r, t, l = sn(e, n);
-            if (Object.getOwnPropertySymbols) {
-                var o = Object.getOwnPropertySymbols(e);
-                for (t = 0; t < o.length; t++) {
-                    r = o[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (l[r] = e[r]);
-                }
+    }
+    function an(e) {
+        if (Array.isArray(e)) return e;
+    }
+    function un(e, n) {
+        if (null == e) return {};
+        var t, r, l = cn(e, n);
+        if (Object.getOwnPropertySymbols) {
+            var o = Object.getOwnPropertySymbols(e);
+            for (r = 0; r < o.length; r++) {
+                t = o[r], -1 === n.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
             }
-            return l;
         }
-        function sn(e, n) {
-            if (null == e) return {};
-            var r = {};
-            for (var t in e) {
-                if ({}.hasOwnProperty.call(e, t)) {
-                    if (-1 !== n.indexOf(t)) continue;
-                    r[t] = e[t];
-                }
+        return l;
+    }
+    function cn(e, n) {
+        if (null == e) return {};
+        var t = {};
+        for (var r in e) {
+            if ({}.hasOwnProperty.call(e, r)) {
+                if (-1 !== n.indexOf(r)) continue;
+                t[r] = e[r];
             }
-            return r;
         }
-        function fn(e) {
-            "@babel/helpers - typeof";
-            return fn = "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;
-            }, fn(e);
+        return t;
+    }
+    function sn(e) {
+        "@babel/helpers - typeof";
+        return sn = "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;
+        }, sn(e);
+    }
+    function fn(e, n) {
+        var t = Object.keys(e);
+        if (Object.getOwnPropertySymbols) {
+            var r = Object.getOwnPropertySymbols(e);
+            n && (r = r.filter((function(n) {
+                return Object.getOwnPropertyDescriptor(e, n).enumerable;
+            }))), t.push.apply(t, r);
         }
-        function dn(e, n) {
-            var r = Object.keys(e);
-            if (Object.getOwnPropertySymbols) {
-                var t = Object.getOwnPropertySymbols(e);
-                n && (t = t.filter((function(n) {
-                    return Object.getOwnPropertyDescriptor(e, n).enumerable;
-                }))), r.push.apply(r, t);
-            }
-            return r;
+        return t;
+    }
+    function dn(e) {
+        for (var n = 1; n < arguments.length; n++) {
+            var t = null != arguments[n] ? arguments[n] : {};
+            n % 2 ? fn(Object(t), !0).forEach((function(n) {
+                pn(e, n, t[n]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : fn(Object(t)).forEach((function(n) {
+                Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
+            }));
         }
-        function pn(e) {
-            for (var n = 1; n < arguments.length; n++) {
-                var r = null != arguments[n] ? arguments[n] : {};
-                n % 2 ? dn(Object(r), !0).forEach((function(n) {
-                    vn(e, n, r[n]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : dn(Object(r)).forEach((function(n) {
-                    Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
-                }));
-            }
-            return e;
+        return e;
+    }
+    function pn(e, n, t) {
+        return (n = vn(n)) in e ? Object.defineProperty(e, n, {
+            value: t,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[n] = t, e;
+    }
+    function vn(e) {
+        var n = bn(e, "string");
+        return "symbol" == sn(n) ? n : n + "";
+    }
+    function bn(e, n) {
+        if ("object" != sn(e) || !e) return e;
+        var t = e[Symbol.toPrimitive];
+        if (void 0 !== t) {
+            var r = t.call(e, n || "default");
+            if ("object" != sn(r)) return r;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        function vn(e, n, r) {
-            return (n = bn(n)) in e ? Object.defineProperty(e, n, {
-                value: r,
-                enumerable: !0,
-                configurable: !0,
-                writable: !0
-            }) : e[n] = r, e;
+        return ("string" === n ? String : Number)(e);
+    }
+    var mn = {
+        allowKeyMatching: o().bool,
+        allowNewValues: o().bool,
+        animateLoading: o().bool,
+        appearance: o().oneOf([ "default", "link", "subtle" ]),
+        append: o().bool,
+        children: o().node,
+        defaultPlacement: o().oneOf([ "above", "below", "vertical" ]),
+        defaultValues: o().array,
+        describedBy: o().string,
+        disabled: o().bool,
+        elementRef: o().oneOfType([ o().func, o().object ]),
+        error: o().bool,
+        filter: o().oneOf([ false, true, "controlled" ]),
+        footerMessage: o().node,
+        inline: o().bool,
+        inputId: o().string,
+        inputRef: o().oneOfType([ o().func, o().object ]),
+        isLoadingOptions: o().bool,
+        labelledBy: o().string,
+        labelText: o().string,
+        loadingMessage: o().node,
+        menuStyle: o().object,
+        multiple: o().bool,
+        name: o().string,
+        noOptionsMessage: o().node,
+        onChange: o().func,
+        onClick: o().func,
+        onClose: o().func,
+        onFilterChange: o().func,
+        onOpen: o().func,
+        onScroll: o().func,
+        onScrollBottom: o().func,
+        /** @private. */
+        required: o().bool,
+        placeholder: o().string,
+        prefixLabel: o().string,
+        prepend: o().bool,
+        repositionMode: o().oneOf([ "none", "flip" ]),
+        selectAllAppearance: o().oneOf([ "buttongroup", "checkbox", "none" ]),
+        showSelectedValuesFirst: o().oneOf([ "nextOpen", "immediately", "never" ]),
+        suffixLabel: o().string,
+        tabConfirmsNewValue: o().bool,
+        toggle: o().node,
+        toggleContent: o().oneOf([ "optionChildren", "optionLabel" ]),
+        values: o().array,
+        /** @private. */
+        virtualization: o().number
+    };
+    var yn = V()((function(e) {
+        return [ e ];
+    }));
+    // preserve separate widths for single vs. multi mode
+        var gn = V()((function(e) {
+        var n = e.anchorWidth, t = e.isMultiple, r = e.maxHeight, l = e.menuStyle;
+        return t ? dn({
+            width: Math.max(n !== null && n !== void 0 ? n : 0, 200),
+            maxHeight: r
+        }, l) : dn({
+            minWidth: n !== null && n !== void 0 ? n : undefined,
+            maxWidth: Math.max(n !== null && n !== void 0 ? n : 0, 300),
+            maxHeight: r
+        }, l);
+    }));
+    var hn = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
+    function On(e) {
+        return e && D()(e.props, "value");
+    }
+    function Sn(e, n) {
+        return "".concat(sn(e), "-").concat(e, "-").concat(n);
+    }
+    var Cn = [ "append", "error", "prepend" ];
+    var wn = (0, u._)("No matches");
+    var kn = (0, u._)("Select...");
+    var xn =  r().createElement(G(), null);
+    var jn = function e(n) {
+        var t = n.activeItemId, l = n.filterA11yId, o = n.filterKeyword, a = n.hasChildren, i = n.inputId, c = n.inputRef, s = n.menuListboxId, f = n.multiple, d = n.onClearAll, p = n.onSelectAll, v = n.onTextBlur, b = n.onTextChange, m = n.onTextFocus, y = n.onTextKeyDown, g = n.optionSelection, h = n.placement, O = n.selectAllAppearance, S = n.textHasFocus;
+        var C = (0, u._)("Select all options".concat(g.current === "all" ? " disabled" : ""));
+        var w = (0, u._)("Clear all options".concat(g.current === "none" ? " disabled" : ""));
+        // only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
+                var k =  r().createElement(_e, {
+            key: "selectAll"
+        },  r().createElement(De, {
+            disabled: g.current === "all",
+            appearance: "standalone",
+            "aria-label": C,
+            onClick: p,
+            "data-test": "select-all",
+            tag: "button"
+        }, o ? (0, u._)("Select all Matches") : (0, u._)("Select all")),  r().createElement(De, {
+            disabled: g.current === "none",
+            appearance: "standalone",
+            "aria-label": w,
+            onClick: d,
+            "data-test": "clear-all",
+            tag: "button"
+        }, o ? (0, u._)("Clear all Matches") : (0, u._)("Clear all")));
+        
+        return r().createElement("div", {
+            key: "controls"
+        }, l &&  r().createElement(le(), {
+            id: l
+        }, (0, u._)("Type to filter")), h === "above" &&  r().createElement(Be, null),  r().createElement(qe, {
+            key: "filter",
+            "data-test": "filter"
+        },  r().createElement(ae(), {
+            value: o,
+            autoCapitalize: "off",
+            autoComplete: "off",
+            autoCorrect: "off",
+            spellCheck: false,
+            onChange: b,
+            onKeyDown: y,
+            onFocus: m,
+            onBlur: v,
+            placeholder: (0, u._)("filter"),
+            role: "combobox",
+            "aria-expanded": "true",
+            "aria-controls": s,
+            "aria-owns": S && a ? t : undefined,
+            "aria-label": (0, u._)("Filter"),
+            "aria-autocomplete": "list",
+            "aria-activedescendant": S && a ? t : undefined,
+            inputRef: c,
+            inputId: i,
+            canClear: true,
+            startAdornment: xn
+        })), f && a && O === "buttongroup" && k, h === "below" &&  r().createElement(Be, null));
+    };
+    var Pn = function e(n) {
+        var t = n.prefixLabel, r = n.label, l = n.suffixLabel;
+        var o = r;
+        if (t) {
+            o = [ "".concat(t, ": ") ].concat(o);
         }
-        function bn(e) {
-            var n = mn(e, "string");
-            return "symbol" == fn(n) ? n : n + "";
+        if (l) {
+            o = M()(o).concat(" ".concat(l));
         }
-        function mn(e, n) {
-            if ("object" != fn(e) || !e) return e;
-            var r = e[Symbol.toPrimitive];
-            if (void 0 !== r) {
-                var t = r.call(e, n || "default");
-                if ("object" != fn(t)) return t;
-                throw new TypeError("@@toPrimitive must return a primitive value.");
+        return o;
+    };
+    var En =  r().forwardRef((function(e, n) {
+        var l = e.appearance, o = l === void 0 ? "default" : l, a = e.append, i = e.children, c = e.currentValues, s = c === void 0 ? [] : c, f = e.describedBy, d = e.disabled, p = e.elementRef, v = e.error, b = e.inline, m = e.labelText, y = e.labelledBy, g = e.multiple, h = e.onClick, O = e.placeholder, S = e.prefixLabel, C = e.prepend, w = e.required, k = e.suffixLabel, x = e.toggle, j = e.toggleContent, P = un(e, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent" ]);
+        var E;
+        var R;
+        var M = [];
+        // Generate buttonLabels
+                var A = t.Children.toArray(i);
+        var I = s.reduce((function(e, n, t, r) {
+            var l = T()(A, (function(e) {
+                return On(e) && e.props.value === n;
+            }));
+            if (l) {
+                var o = l.props, a = o.children, i = o.icon, c = o.label;
+                var f = j !== "optionLabel" && a ? a : c;
+                e.push(f);
+                M.push(c);
+                // if not in multiple mode, add the icon
+                                if (!g && s.length === 1) {
+                    E = i;
+                }
+            } else if (g) {
+                // only add values that don't match an option in "multiple" mode to preserve old behaviour
+                e.push(n);
+                M.push(n.toString());
+            }
+            if (t < r.length - 1) {
+                e.push((0, u._)(", "));
+                M.push((0, u._)(", "));
             }
-            return ("string" === n ? String : Number)(e);
+            return e;
+        }), []);
+        R = I;
+        // 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
+            M = Pn({
+                prefixLabel: S,
+                label: R.length > 1 ? [ "".concat(s.length, " items selected") ] : M,
+                suffixLabel: k
+            });
+            R = Pn({
+                prefixLabel: S,
+                label: R,
+                suffixLabel: k
+            });
         }
-        var yn = {
-            allowKeyMatching: o().bool,
-            allowNewValues: o().bool,
-            animateLoading: o().bool,
-            appearance: o().oneOf([ "default", "link", "subtle" ]),
-            append: o().bool,
-            children: o().node,
-            defaultPlacement: o().oneOf([ "above", "below", "vertical" ]),
-            defaultValues: o().array,
-            describedBy: o().string,
-            disabled: o().bool,
-            elementRef: o().oneOfType([ o().func, o().object ]),
-            error: o().bool,
-            filter: o().oneOf([ false, true, "controlled" ]),
-            footerMessage: o().node,
-            inline: o().bool,
-            inputId: o().string,
-            inputRef: o().oneOfType([ o().func, o().object ]),
-            isLoadingOptions: o().bool,
-            labelledBy: o().string,
-            labelText: o().string,
-            loadingMessage: o().node,
-            menuStyle: o().object,
-            multiple: o().bool,
-            name: o().string,
-            noOptionsMessage: o().node,
-            onChange: o().func,
-            onClick: o().func,
-            onClose: o().func,
-            onFilterChange: o().func,
-            onOpen: o().func,
-            onScroll: o().func,
-            onScrollBottom: o().func,
-            /** @private. */
-            required: o().bool,
-            placeholder: o().string,
-            prefixLabel: o().string,
-            prepend: o().bool,
-            repositionMode: o().oneOf([ "none", "flip" ]),
-            selectAllAppearance: o().oneOf([ "buttongroup", "checkbox", "none" ]),
-            showSelectedValuesFirst: o().oneOf([ "nextOpen", "immediately", "never" ]),
-            suffixLabel: o().string,
-            tabConfirmsNewValue: o().bool,
-            toggle: o().node,
-            toggleContent: o().oneOf([ "optionChildren", "optionLabel" ]),
-            values: o().array,
-            /** @private. */
-            virtualization: o().number
-        };
-        var gn = V()((function(e) {
-            return [ e ];
-        }));
-        // preserve separate widths for single vs. multi mode
-                var hn = V()((function(e) {
-            var n = e.anchorWidth, r = e.isMultiple, t = e.maxHeight, l = e.menuStyle;
-            return r ? pn({
-                width: Math.max(n !== null && n !== void 0 ? n : 0, 200),
-                maxHeight: t
-            }, l) : pn({
-                minWidth: n !== null && n !== void 0 ? n : undefined,
-                maxWidth: Math.max(n !== null && n !== void 0 ? n : 0, 300),
-                maxHeight: t
-            }, l);
-        }));
-        var On = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
-        function Sn(e) {
-            return e && D()(e.props, "value");
+        // 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 || !g && R.every((function(e) {
+            return e === "";
+        }))) {
+            R = yn(O);
+            M = R;
         }
-        function Cn(e, n) {
-            return "".concat(fn(e), "-").concat(e, "-").concat(n);
+        var q = Object.keys(P).includes("aria-labelledby");
+        var L = dn({
+            "aria-describedby": f,
+            "aria-label": y || q ? undefined : "".concat(m ? "".concat(m, ", ") : "").concat(M.join("")),
+            // aria-labelledby takes precedence over aria-label, so existence of both is redundant
+            "aria-labelledby": y,
+            "aria-required": w,
+            "data-select-appearance": o,
+            append: a,
+            prepend: C,
+            onClick: h,
+            role: "combobox",
+            disabled: d ? "disabled" : undefined,
+            elementRef: p,
+            error: v,
+            ref: n
+        }, P);
+        if (g) {
+            L["data-test-values"] = JSON.stringify(s);
+        } else {
+            var D = nn(s, 1), _ = D[0];
+            L["data-test-value"] = _;
         }
-        var wn = [ "append", "error", "prepend" ];
-        var kn = (0, u._)("No matches");
-        var xn = (0, u._)("Select...");
-        var jn =  n().createElement(G(), null);
-        var Pn = function e(r) {
-            var t = r.activeItemId, l = r.filterA11yId, o = r.filterKeyword, a = r.hasChildren, i = r.inputId, c = r.inputRef, s = r.menuListboxId, f = r.multiple, d = r.onClearAll, p = r.onSelectAll, v = r.onTextBlur, b = r.onTextChange, m = r.onTextFocus, y = r.onTextKeyDown, g = r.optionSelection, h = r.placement, O = r.selectAllAppearance, S = r.textHasFocus;
-            var C = (0, u._)("Select all options".concat(g.current === "all" ? " disabled" : ""));
-            var w = (0, u._)("Clear all options".concat(g.current === "none" ? " disabled" : ""));
-            // only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
-                        var k =  n().createElement(Ne, {
-                key: "selectAll"
-            },  n().createElement(De, {
-                disabled: g.current === "all",
-                appearance: "standalone",
-                "aria-label": C,
-                onClick: p,
-                "data-test": "select-all",
-                tag: "button"
-            }, o ? (0, u._)("Select all Matches") : (0, u._)("Select all")),  n().createElement(De, {
-                disabled: g.current === "none",
-                appearance: "standalone",
-                "aria-label": w,
-                onClick: d,
-                "data-test": "clear-all",
-                tag: "button"
-            }, o ? (0, u._)("Clear all Matches") : (0, u._)("Clear all")));
+        if (x) {
             
-            return n().createElement("div", {
-                key: "controls"
-            }, l &&  n().createElement(le(), {
-                id: l
-            }, (0, u._)("Type to filter")), h === "above" &&  n().createElement(_e, null),  n().createElement(qe, {
-                key: "filter",
-                "data-test": "filter"
-            },  n().createElement(ae(), {
-                value: o,
-                autoCapitalize: "off",
-                autoComplete: "off",
-                autoCorrect: "off",
-                spellCheck: false,
-                onChange: b,
-                onKeyDown: y,
-                onFocus: m,
-                onBlur: v,
-                placeholder: (0, u._)("filter"),
-                role: "combobox",
-                "aria-expanded": "true",
-                "aria-controls": s,
-                "aria-owns": S && a ? t : undefined,
-                "aria-label": (0, u._)("Filter"),
-                "aria-autocomplete": "list",
-                "aria-activedescendant": S && a ? t : undefined,
-                inputRef: c,
-                inputId: i,
-                canClear: true,
-                startAdornment: jn
-            })), f && a && O === "buttongroup" && k, h === "below" &&  n().createElement(_e, null));
-        };
-        var En = function e(n) {
-            var r = n.prefixLabel, t = n.label, l = n.suffixLabel;
-            var o = t;
-            if (r) {
-                o = [ "".concat(r, ": ") ].concat(o);
+            return (0, t.cloneElement)(x, L);
+        }
+        if (o === "link") {
+            
+            return r().createElement(ee(), en({
+                tag: "button",
+                appearance: "standalone"
+            }, L, {
+                "data-select-appearance": "link"
+            }), !!E &&  r().createElement(Te, null, E), R || O,  r().createElement(Ie, null,  r().createElement(U(), null)));
+        }
+        // Using Button's secondary appearance as Select's default appearance.
+                var B = o === "default" ? "secondary" : o;
+        
+        return r().createElement(Ae, en({}, L, {
+            $multiple: g,
+            appearance: B,
+            label: R,
+            error: v,
+            icon: E,
+            inline: b,
+            isMenu: true,
+            onClick: h
+        }, F()(P, Cn)), !!s.length && g &&  r().createElement(Le, {
+            "data-role": "count"
+        }, "(", s.length, ")"));
+    }));
+    function Rn(e) {
+        var n = e.allowKeyMatching, l = n === void 0 ? true : n, o = e.animateLoading, a = e.appearance, s = a === void 0 ? "default" : a, f = e.append, d = e.allowNewValues, p = e.children, v = e.defaultPlacement, b = v === void 0 ? "vertical" : v, m = e.defaultValues, y = e.describedBy, g = e.disabled, h = e.elementRef, O = e.error, C = e.filter, w = e.footerMessage, k = e.inline, x = e.inputId, j = e.inputRef, P = e.isLoadingOptions, E = e.labelledBy, R = e.labelText, M = e.loadingMessage, A = e.menuStyle, I = A === void 0 ? {} : A, L = e.multiple, D = e.name, _ = e.noOptionsMessage, N = _ === void 0 ? wn : _, V = e.onChange, K = e.onScroll, F = e.onScrollBottom, H = e.onFilterChange, W = e.onClick, X = e.onClose, U = e.onOpen, J = e.required, G = e.placeholder, Q = G === void 0 ? kn : G, Z = e.prefixLabel, ee = e.prepend, re = e.repositionMode, le = re === void 0 ? "flip" : re, oe = e.selectAllAppearance, ae = oe === void 0 ? "buttongroup" : oe, ie = e.showSelectedValuesFirst, de = e.suffixLabel, pe = e.tabConfirmsNewValue, ve = e.values, be = e.virtualization, me = e.toggle, ye = e.toggleContent, ge = ye === void 0 ? "optionChildren" : ye, he = un(e, [ "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 = i()({
+            componentName: "SelectBase",
+            /* eslint-disable-next-line prefer-rest-params */
+            componentProps: arguments[0],
+            // see SUI-7028
+            defaultValuePropName: "defaultValues",
+            valuePropName: "values"
+        });
+        // states
+                var Se = (0, t.useState)((function() {
+            return {
+                activeItemId: (0, se.createDOMID)("active-item"),
+                menuListboxId: (0, se.createDOMID)("menu-listbox")
+            };
+        })), Ce = nn(Se, 1), ke = Ce[0], xe = ke.activeItemId, je = ke.menuListboxId;
+        var Pe = (0, t.useState)(0), Ee = nn(Pe, 2), Re = Ee[0], Me = Ee[1];
+        var Ae = (0, t.useState)(""), Te = nn(Ae, 2), Ie = Te[0], qe = Te[1];
+        var Le = (0, t.useState)(false), De = nn(Le, 2), _e = De[0], Be = De[1];
+        var Ne = (0, t.useState)(false), Ke = nn(Ne, 2), Fe = Ke[0], He = Ke[1];
+        var ze = (0, t.useState)([]), We = nn(ze, 2), Xe = We[0], Ue = We[1];
+        var Qe = (0, t.useState)(m || []), Ye = nn(Qe, 2), Ze = Ye[0], tn = Ye[1];
+ // previous state
+                var rn = ue()(Re);
+        // refs
+                var ln = (0, t.useRef)(null);
+        var on = (0, t.useRef)(null);
+        var an = (0, t.useRef)(null);
+        var cn = (0, t.useRef)([]);
+        var sn = (0, t.useRef)([]);
+        var fn = (0, t.useRef)(rn);
+        var dn = (0, t.useRef)();
+        var pn = (0, t.useRef)({});
+        var vn = (0, t.useRef)(0);
+        var bn = (0, t.useRef)([]);
+        var mn = (0, t.useRef)(null);
+        var yn = (0, t.useRef)();
+        var Cn = (0, t.useRef)(0);
+        var xn = (0, t.useRef)("none");
+        var Pn = (0, t.useState)(C ? (0, se.createDOMID)("filter") : undefined), Rn = nn(Pn, 1), Mn = Rn[0];
+        (0, t.useEffect)((function() {
+            if (false) {}
+        }), [ s, f, O, ee ]);
+        var An = (0, t.useCallback)((function() {
+            var e = Oe ? ve : Ze;
+            return L || e == null ? e : e.slice(0, 1);
+        }), [ Oe, L, ve, Ze ]);
+        var Tn = (0, t.useCallback)((function() {
+            var e;
+            // in non-multiple mode, don't move values to the top of the list
+                        return L && ie !== "never" ? (e = An()) !== null && e !== void 0 ? e : [] : [];
+        }), [ An, L, ie ]);
+        var In = (0, t.useCallback)((function(e) {
+            var n = Ie;
+            Be(true);
+            Ue(Tn());
+            // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
+                        if (L) {
+                qe("");
             }
-            if (l) {
-                o = M()(o).concat(" ".concat(l));
+            if (n !== Ie) {
+                H === null || H === void 0 ? void 0 : H(e, {
+                    keyword: Ie
+                });
             }
-            return o;
-        };
-        var Rn =  n().forwardRef((function(r, t) {
-            var l = r.appearance, o = l === void 0 ? "default" : l, a = r.append, i = r.children, c = r.currentValues, s = c === void 0 ? [] : c, f = r.describedBy, d = r.disabled, p = r.elementRef, v = r.error, b = r.inline, m = r.labelText, y = r.labelledBy, g = r.multiple, h = r.onClick, O = r.placeholder, S = r.prefixLabel, C = r.prepend, w = r.required, k = r.suffixLabel, x = r.toggle, j = r.toggleContent, P = cn(r, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent" ]);
-            var E;
-            var R;
-            var M = [];
-            // Generate buttonLabels
-                        var A = e.Children.toArray(i);
-            var I = s.reduce((function(e, n, r, t) {
-                var l = T()(A, (function(e) {
-                    return Sn(e) && e.props.value === n;
-                }));
-                if (l) {
-                    var o = l.props, a = o.children, i = o.icon, c = o.label;
-                    var f = j !== "optionLabel" && a ? a : c;
-                    e.push(f);
-                    M.push(c);
-                    // if not in multiple mode, add the icon
-                                        if (!g && s.length === 1) {
-                        E = i;
-                    }
-                } else if (g) {
-                    // only add values that don't match an option in "multiple" mode to preserve old behaviour
-                    e.push(n);
-                    M.push(n.toString());
+        }), [ Ie, Tn, L, H ]);
+        (0, t.useEffect)((function() {
+            if (_e) {
+                U === null || U === void 0 ? void 0 : U();
+                if (mn.current && !C) {
+                    mn.current.focus();
+                } else {
+                    var e;
+                    Me((e = yn.current) !== null && e !== void 0 ? e : 0);
                 }
-                if (r < t.length - 1) {
-                    e.push((0, u._)(", "));
-                    M.push((0, u._)(", "));
+            }
+        }), [ U, _e, Xe, Ie, C ]);
+        var qn = (0, t.useCallback)((function() {
+            Be(false);
+            Me(0);
+            fn.current = null;
+            X === null || X === void 0 ? void 0 : X();
+        }), [ X ]);
+        var Ln = (0, t.useCallback)((function(e, n) {
+            var t;
+            var r = (t = An()) !== null && t !== void 0 ? t : [];
+            var l = r.indexOf(n);
+            var o;
+            if (L) {
+                if (l >= 0) {
+                    o = [].concat(Ge(r.slice(0, l)), Ge(r.slice(l + 1)));
+                } else {
+                    o = r.concat([ n ]);
                 }
-                return e;
-            }), []);
-            R = I;
-            // 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
-                M = En({
-                    prefixLabel: S,
-                    label: R.length > 1 ? [ "".concat(s.length, " items selected") ] : M,
-                    suffixLabel: k
-                });
-                R = En({
-                    prefixLabel: S,
-                    label: R,
-                    suffixLabel: k
-                });
+            } else {
+                // non-multiple mode must always have a value
+                o = [ n ];
             }
-            // 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 || !g && R.every((function(e) {
-                return e === "";
-            }))) {
-                R = gn(O);
-                M = R;
+            var a = !Oe;
+            if (a) {
+                tn(o);
             }
-            var q = Object.keys(P).includes("aria-labelledby");
-            var L = pn({
-                "aria-describedby": f,
-                "aria-label": y || q ? undefined : "".concat(m ? "".concat(m, ", ") : "").concat(M.join("")),
-                // aria-labelledby takes precedence over aria-label, so existence of both is redundant
-                "aria-labelledby": y,
-                "aria-required": w,
-                "data-select-appearance": o,
-                append: a,
-                prepend: C,
-                onClick: h,
-                role: "combobox",
-                disabled: d ? "disabled" : undefined,
-                elementRef: p,
-                error: v,
-                ref: t
-            }, P);
-            if (g) {
-                L["data-test-values"] = JSON.stringify(s);
+            if (L) {
+                // in uncontrolled multiple mode, keep the menu open
+                if (a) {
+                    Be(true);
+                }
             } else {
-                var D = rn(s, 1), N = D[0];
-                L["data-test-value"] = N;
+                var i;
+                // non-multiple mode only supports a single selection
+                // so close the menu once a selection is made
+                                qn({
+                    reason: "contentClick"
+                });
+                (i = ln.current) === null || i === void 0 ? void 0 : i.focus();
             }
-            if (x) {
-                
-                return (0, e.cloneElement)(x, L);
+            V === null || V === void 0 ? void 0 : V(e, {
+                values: o,
+                name: D,
+                reason: "valueToggle"
+            });
+        }), [ An, qn, Oe, L, D, V ]);
+        var Dn = function e() {
+            on.current = null;
+            cn.current = [];
+            if (an.current) {
+                clearTimeout(an.current);
             }
-            if (o === "link") {
-                
-                return n().createElement(ee(), nn({
-                    tag: "button",
-                    appearance: "standalone"
-                }, L, {
-                    "data-select-appearance": "link"
-                }), !!E &&  n().createElement(Te, null, E), R || O,  n().createElement(Ie, null,  n().createElement(U(), null)));
+        };
+        var _n = (0, t.useCallback)((function(e) {
+            var n;
+            // this doesn't make sense if we can't select multiple values
+                        if (!L) {
+                return;
             }
-            // Using Button's secondary appearance as Select's default appearance.
-                        var _ = o === "default" ? "secondary" : o;
-            
-            return n().createElement(Ae, nn({}, L, {
-                $multiple: g,
-                appearance: _,
-                label: R,
-                error: v,
-                icon: E,
-                inline: b,
-                isMenu: true,
-                onClick: h
-            }, F()(P, wn)), !!s.length && g &&  n().createElement(Le, {
-                "data-role": "count"
-            }, "(", s.length, ")"));
-        }));
-        function Mn(r) {
-            var t = r.allowKeyMatching, l = t === void 0 ? true : t, o = r.animateLoading, a = r.appearance, i = a === void 0 ? "default" : a, s = r.append, f = r.allowNewValues, d = r.children, p = r.defaultPlacement, v = p === void 0 ? "vertical" : p, b = r.defaultValues, m = r.describedBy, y = r.disabled, g = r.elementRef, h = r.error, O = r.filter, C = r.footerMessage, w = r.inline, k = r.inputId, x = r.inputRef, j = r.isLoadingOptions, P = r.labelledBy, E = r.labelText, R = r.loadingMessage, M = r.menuStyle, A = M === void 0 ? {} : M, I = r.multiple, L = r.name, D = r.noOptionsMessage, N = D === void 0 ? kn : D, B = r.onChange, V = r.onScroll, K = r.onScrollBottom, F = r.onFilterChange, H = r.onClick, W = r.onClose, X = r.onOpen, U = r.required, J = r.placeholder, G = J === void 0 ? xn : J, Q = r.prefixLabel, Z = r.prepend, ee = r.repositionMode, te = ee === void 0 ? "flip" : ee, le = r.selectAllAppearance, oe = le === void 0 ? "buttongroup" : le, ae = r.showSelectedValuesFirst, ie = r.suffixLabel, de = r.tabConfirmsNewValue, pe = r.values, ve = r.virtualization, be = r.toggle, me = r.toggleContent, ye = me === void 0 ? "optionChildren" : me, ge = cn(r, [ "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 he = (0, Be["default"])({
-                componentName: "SelectBase",
-                /* eslint-disable-next-line prefer-rest-params */
-                componentProps: arguments[0],
-                // see SUI-7028
-                defaultValuePropName: "defaultValues",
-                valuePropName: "values"
+            var t = (n = An()) !== null && n !== void 0 ? n : [];
+            var l = z()(t.concat(bn.current));
+            l = r().Children.toArray(p).filter((function(e) {
+                return On(e) && B()(l, e.props.value) && (!e.props.disabled || B()(t, e.props.value));
+            })).map((function(e) {
+                return e.props.value;
+            }));
+            if (!Oe) {
+                tn(l);
+            }
+            V === null || V === void 0 ? void 0 : V(e, {
+                values: l,
+                name: D,
+                reason: "selectAll"
             });
-            // states
-                        var Oe = (0, e.useState)((function() {
-                return {
-                    activeItemId: (0, se.createDOMID)("active-item"),
-                    menuListboxId: (0, se.createDOMID)("menu-listbox")
-                };
-            })), Se = rn(Oe, 1), Ce = Se[0], ke = Ce.activeItemId, xe = Ce.menuListboxId;
-            var je = (0, e.useState)(0), Pe = rn(je, 2), Ee = Pe[0], Re = Pe[1];
-            var Me = (0, e.useState)(""), Ae = rn(Me, 2), Te = Ae[0], Ie = Ae[1];
-            var qe = (0, e.useState)(false), Le = rn(qe, 2), De = Le[0], Ne = Le[1];
-            var _e = (0, e.useState)(false), Ve = rn(_e, 2), Fe = Ve[0], He = Ve[1];
-            var ze = (0, e.useState)([]), We = rn(ze, 2), $e = We[0], Ue = We[1];
-            var Je = (0, e.useState)(b || []), Ye = rn(Je, 2), Ze = Ye[0], en = Ye[1];
- // previous state
-                        var tn = ue()(Ee);
-            // refs
-                        var ln = (0, e.useRef)(null);
-            var on = (0, e.useRef)(null);
-            var an = (0, e.useRef)(null);
-            var un = (0, e.useRef)([]);
-            var sn = (0, e.useRef)([]);
-            var fn = (0, e.useRef)(tn);
-            var dn = (0, e.useRef)();
-            var pn = (0, e.useRef)({});
-            var vn = (0, e.useRef)(0);
-            var bn = (0, e.useRef)([]);
-            var mn = (0, e.useRef)(null);
-            var yn = (0, e.useRef)();
-            var gn = (0, e.useRef)(0);
-            var wn = (0, e.useRef)("none");
-            var jn = (0, e.useState)(O ? (0, se.createDOMID)("filter") : undefined), En = rn(jn, 1), Mn = En[0];
-            (0, e.useEffect)((function() {
-                if (false) {}
-            }), [ i, s, h, Z ]);
-            var An = (0, e.useCallback)((function() {
-                var e = he ? pe : Ze;
-                return I || e == null ? e : e.slice(0, 1);
-            }), [ he, I, pe, Ze ]);
-            var Tn = (0, e.useCallback)((function() {
-                var e;
-                // in non-multiple mode, don't move values to the top of the list
-                                return I && ae !== "never" ? (e = An()) !== null && e !== void 0 ? e : [] : [];
-            }), [ An, I, ae ]);
-            var In = (0, e.useCallback)((function(e) {
-                var n = Te;
-                Ne(true);
-                Ue(Tn());
-                // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
-                                if (I) {
-                    Ie("");
-                }
-                if (n !== Te) {
-                    F === null || F === void 0 ? void 0 : F(e, {
-                        keyword: Te
-                    });
+        }), [ p, An, Oe, L, D, V ]);
+        var Bn = (0, t.useCallback)((function(e) {
+            var n;
+            // this doesn't make sense if we can't select multiple values
+                        if (!L) {
+                return;
+            }
+            var t = (n = An()) !== null && n !== void 0 ? n : [];
+            var l = $().apply(void 0, [ t ].concat(Ge(bn.current)));
+            // this will unselect all selected values unless those values are disabled or hidden by the filter
+                        var o = r().Children.toArray(p).filter((function(e) {
+                return On(e) && (B()(t, e.props.value) && e.props.disabled || B()(l, e.props.value));
+            })).map((function(e) {
+                return e.props.value;
+            }));
+            if (!Oe) {
+                tn(o);
+            }
+            V === null || V === void 0 ? void 0 : V(e, {
+                values: o,
+                name: D,
+                reason: "clearAll"
+            });
+        }), [ p, An, Oe, L, D, V ]);
+        var Nn = (0, t.useCallback)((function(e) {
+            if (_e && !P) {
+                F === null || F === void 0 ? void 0 : F(e);
+            }
+        }), [ _e, P, F ]);
+        var Vn = (0, t.useCallback)((function(e) {
+            var n = e.key;
+            if (n === "Tab") {
+                if (pe && dn.current && vn.current <= 1) {
+                    e.preventDefault();
+                    Ln(e, dn.current);
                 }
-            }), [ Te, Tn, I, F ]);
-            (0, e.useEffect)((function() {
-                if (De) {
-                    X === null || X === void 0 ? void 0 : X();
-                    if (mn.current && !O) {
-                        mn.current.focus();
+            }
+            if (e.shiftKey || e.metaKey || e.ctrlKey) {
+                if (n === "a" && (e.ctrlKey || e.metaKey)) {
+                    // handle control + A
+                    if (xn.current === "all") {
+                        Bn(e);
                     } else {
-                        var e;
-                        Re((e = yn.current) !== null && e !== void 0 ? e : 0);
+                        _n(e);
                     }
                 }
-            }), [ X, De, $e, Te, O ]);
-            var qn = (0, e.useCallback)((function() {
-                Ne(false);
-                Re(0);
-                fn.current = null;
-                W === null || W === void 0 ? void 0 : W();
-            }), [ W ]);
-            var Ln = (0, e.useCallback)((function(e, n) {
-                var r;
-                var t = (r = An()) !== null && r !== void 0 ? r : [];
-                var l = t.indexOf(n);
-                var o;
-                if (I) {
-                    if (l >= 0) {
-                        o = [].concat(Qe(t.slice(0, l)), Qe(t.slice(l + 1)));
+                return;
+            }
+            if (n === "ArrowDown") {
+                e.preventDefault();
+                Me(Math.min(Re + 1, ae === "checkbox" ? vn.current : vn.current - 1));
+                if (p && F) {
+                    var r;
+                    var l = t.Children.toArray(p).length - (2 + ((r = An()) !== null && r !== void 0 ? r : []).length);
+                    if (Re === l) {
+                        Nn(e);
+                    }
+                }
+            }
+            if (n === "ArrowUp") {
+                e.preventDefault();
+                Me(Math.max(Re - 1, 0));
+            }
+            if (n === "Enter" && dn.current && _e) {
+                if (dn.current === "selectAll") {
+                    if (xn.current === "all") {
+                        Bn(e);
                     } else {
-                        o = t.concat([ n ]);
+                        _n(e);
                     }
                 } else {
-                    // non-multiple mode must always have a value
-                    o = [ n ];
+                    e.preventDefault();
+                    Ln(e, dn.current);
                 }
-                var a = !he;
-                if (a) {
-                    en(o);
+            }
+        }), [ Re, p, An, Bn, Nn, _n, F, _e, ae, pe, Ln ]);
+        var Kn = (0, t.useCallback)((function(e, n) {
+            var t = n.value;
+            e.preventDefault();
+            if (!_e) {
+                return;
+            }
+            Ln(e, t);
+        }), [ _e, Ln ]);
+        var Fn = (0, t.useCallback)((function(e, n) {
+            var t = e.nativeEvent.key;
+            // Checking for a single character to avoid complications from double-byte languages and emojis.
+                        if (t.length === 1) {
+                var r = [];
+                var l = {
+                    index: 0,
+                    value: t
+                };
+                if (!on.current) {
+                    if (t === " ") {
+                        Dn();
+                        return;
+                    }
+                    r = Ve(sn.current, l);
+                } else if (cn.current.length > 1) {
+                    l.index = on.current.index + 1;
+                    r = Ve(cn.current, l);
                 }
-                if (I) {
-                    // in uncontrolled multiple mode, keep the menu open
-                    if (a) {
-                        Ne(true);
+                if (r.length) {
+                    var o;
+                    var a = 0;
+                    // If the active option is a first character match, cycle to the next matching option.
+                                        if (l.index === 0 && r.length > 1) {
+                        var i = r.indexOf(sn.current[n]);
+                        if (i >= 0) {
+                            a = i === r.length - 1 ? 0 : i + 1;
+                        }
                     }
-                } else {
-                    var i;
-                    // non-multiple mode only supports a single selection
-                    // so close the menu once a selection is made
-                                        qn({
-                        reason: "contentClick"
-                    });
-                    (i = ln.current) === null || i === void 0 ? void 0 : i.focus();
+                    var u = r[a];
+                    var c = u.value, s = u.label;
+                    var f = pn.current[Sn(c, s)];
+                    f === null || f === void 0 ? void 0 : (o = f.focus) === null || o === void 0 ? void 0 : o.call(f);
                 }
-                B === null || B === void 0 ? void 0 : B(e, {
-                    values: o,
-                    name: L,
-                    reason: "valueToggle"
-                });
-            }), [ An, qn, he, I, L, B ]);
-            var Dn = function e() {
-                on.current = null;
-                un.current = [];
+                cn.current = r;
+                on.current = l;
                 if (an.current) {
                     clearTimeout(an.current);
                 }
+                an.current = setTimeout(Dn, 500);
+                e.preventDefault();
+                e.stopPropagation();
+            }
+        }), []);
+        var Hn = (0, t.useCallback)((function(e, n) {
+            var t = n.value;
+            qe(t);
+            Be(true);
+            Me(0);
+            H === null || H === void 0 ? void 0 : H(e, {
+                keyword: t
+            });
+        }), [ H ]);
+        var zn = (0, t.useCallback)((function() {
+            He(true);
+        }), []);
+        var Wn = (0, t.useCallback)((function() {
+            He(false);
+        }), []);
+        var $n = (0, t.useCallback)((function(e) {
+            if (fn.current !== Re) {
+                (0, fe.scrollIntoViewIfNeeded)(e);
+            }
+        }), [ Re ]);
+        var Xn = (0, t.useCallback)((function(e, n, t) {
+            if (t) {
+                mn.current = e;
+            }
+            if (e == null) {
+                delete pn.current[n];
+            } else {
+                pn.current[n] = e;
+            }
+        }), [ pn ]);
+        var Un = (0, t.useCallback)((function(e) {
+            ln.current = e;
+            Je(h, e);
+        }), [ h, ln ]);
+        var Jn = (0, t.useMemo)((function() {
+            var e;
+            return (e = An()) !== null && e !== void 0 ? e : [];
+        }), [ An ]);
+        var Gn = t.Children.toArray(p);
+        var Qn = Jn.some((function(e) {
+            var n = T()(Gn, (function(n) {
+                return On(n) && n.props.value === e;
+            }));
+            return n && !n.props.disabled;
+        }));
+        var Yn = ie === "immediately" ? Tn() : Xe;
+        var Zn = (0, t.useMemo)((function() {
+            vn.current = 0;
+            yn.current = undefined;
+            Cn.current = 0;
+            dn.current = undefined;
+            sn.current = [];
+            var e = function e(n, t) {
+                return function(e) {
+                    return Xn(e, n, t);
+                };
             };
-            var Nn = (0, e.useCallback)((function(e) {
-                var r;
-                // this doesn't make sense if we can't select multiple values
-                                if (!I) {
-                    return;
-                }
-                var t = (r = An()) !== null && r !== void 0 ? r : [];
-                var l = z()(t.concat(bn.current));
-                l = n().Children.toArray(d).filter((function(e) {
-                    return Sn(e) && _()(l, e.props.value) && (!e.props.disabled || _()(t, e.props.value));
-                })).map((function(e) {
-                    return e.props.value;
-                }));
-                if (!he) {
-                    en(l);
+            var n;
+            var o = 0;
+            var a = false;
+            // used to avoid overwriting the selected item ref in multiple mode
+                        var i;
+            var s = t.Children.toArray(p).reduce((function(u, s, f) {
+                // ignore Headings and Dividers
+                if (!On(s)) {
+                    u.push(s);
+                    return u;
                 }
-                B === null || B === void 0 ? void 0 : B(e, {
-                    values: l,
-                    name: L,
-                    reason: "selectAll"
-                });
-            }), [ d, An, he, I, L, B ]);
-            var _n = (0, e.useCallback)((function(e) {
-                var r;
-                // this doesn't make sense if we can't select multiple values
-                                if (!I) {
-                    return;
+                var d = s.props, p = d.disabled, v = d.hidden, b = d.label, m = d.value;
+ // Find out if the search string exactly matches a value
+                                if (m === Ie) {
+                    n = true;
                 }
-                var t = (r = An()) !== null && r !== void 0 ? r : [];
-                var l = $().apply(void 0, [ t ].concat(Qe(bn.current)));
-                // this will unselect all selected values unless those values are disabled or hidden by the filter
-                                var o = n().Children.toArray(d).filter((function(e) {
-                    return Sn(e) && (_()(t, e.props.value) && e.props.disabled || _()(l, e.props.value));
-                })).map((function(e) {
-                    return e.props.value;
-                }));
-                if (!he) {
-                    en(o);
+                var y = Jn && Jn.indexOf(m) >= 0;
+                var g = !!y && !p && !i;
+                var h = l && !L && !C && !P && !F;
+                var O = Sn(m, b);
+                var S = -1;
+                if (h && !p && !v) {
+                    sn.current.push({
+                        label: b,
+                        value: m
+                    });
+                    S = sn.current.length - 1;
                 }
-                B === null || B === void 0 ? void 0 : B(e, {
-                    values: o,
-                    name: L,
-                    reason: "clearAll"
+                // Format the Menu.Item
+                                var w =  (0, t.cloneElement)(s, {
+                    elementRef: e(O, g),
+                    key: s.key || f,
+                    onClick: Kn,
+                    onKeyDown: h ? function(e) {
+                        return Fn(e, S);
+                    } : undefined,
+                    selected: y,
+                    multiple: L,
+                    role: "option"
                 });
-            }), [ d, An, he, I, L, B ]);
-            var Bn = (0, e.useCallback)((function(e) {
-                if (De && !j) {
-                    K === null || K === void 0 ? void 0 : K(e);
-                }
-            }), [ De, j, K ]);
-            var Vn = (0, e.useCallback)((function(n) {
-                var r = n.key;
-                if (r === "Tab") {
-                    if (de && dn.current && vn.current <= 1) {
-                        n.preventDefault();
-                        Ln(n, dn.current);
-                    }
-                }
-                if (n.shiftKey || n.metaKey || n.ctrlKey) {
-                    if (r === "a" && (n.ctrlKey || n.metaKey)) {
-                        // handle control + A
-                        if (wn.current === "all") {
-                            _n(n);
-                        } else {
-                            Nn(n);
-                        }
-                    }
-                    return;
-                }
-                if (r === "ArrowDown") {
-                    n.preventDefault();
-                    Re(Math.min(Ee + 1, oe === "checkbox" ? vn.current : vn.current - 1));
-                    if (d && K) {
-                        var t;
-                        var l = e.Children.toArray(d).length - (2 + ((t = An()) !== null && t !== void 0 ? t : []).length);
-                        if (Ee === l) {
-                            Bn(n);
-                        }
-                    }
+                if (g) {
+                    i = true;
                 }
-                if (r === "ArrowUp") {
-                    n.preventDefault();
-                    Re(Math.max(Ee - 1, 0));
-                }
-                if (r === "Enter" && dn.current && De) {
-                    if (dn.current === "selectAll") {
-                        if (wn.current === "all") {
-                            _n(n);
-                        } else {
-                            Nn(n);
-                        }
-                    } else {
-                        n.preventDefault();
-                        Ln(n, dn.current);
-                    }
-                }
-            }), [ Ee, d, An, _n, Bn, Nn, K, De, oe, de, Ln ]);
-            var Kn = (0, e.useCallback)((function(e, n) {
-                var r = n.value;
-                e.preventDefault();
-                if (!De) {
-                    return;
-                }
-                Ln(e, r);
-            }), [ De, Ln ]);
-            var Fn = (0, e.useCallback)((function(e, n) {
-                var r = e.nativeEvent.key;
-                // Checking for a single character to avoid complications from double-byte languages and emojis.
-                                if (r.length === 1) {
-                    var t = [];
-                    var l = {
-                        index: 0,
-                        value: r
-                    };
-                    if (!on.current) {
-                        if (r === " ") {
-                            Dn();
-                            return;
-                        }
-                        t = Ke(sn.current, l);
-                    } else if (un.current.length > 1) {
-                        l.index = on.current.index + 1;
-                        t = Ke(un.current, l);
-                    }
-                    if (t.length) {
-                        var o;
-                        var a = 0;
-                        // If the active option is a first character match, cycle to the next matching option.
-                                                if (l.index === 0 && t.length > 1) {
-                            var i = t.indexOf(sn.current[n]);
-                            if (i >= 0) {
-                                a = i === t.length - 1 ? 0 : i + 1;
-                            }
-                        }
-                        var u = t[a];
-                        var c = u.value, s = u.label;
-                        var f = pn.current[Cn(c, s)];
-                        f === null || f === void 0 ? void 0 : (o = f.focus) === null || o === void 0 ? void 0 : o.call(f);
-                    }
-                    un.current = t;
-                    on.current = l;
-                    if (an.current) {
-                        clearTimeout(an.current);
+                if (Yn && Yn.indexOf(m) >= 0) {
+                    if (o === 0) {
+                        u.splice(o, 0,  r().createElement(c.Divider, {
+                            key: "topDivider"
+                        }));
+                        a = true;
                     }
-                    an.current = setTimeout(Dn, 500);
-                    e.preventDefault();
-                    e.stopPropagation();
-                }
-            }), []);
-            var Hn = (0, e.useCallback)((function(e, n) {
-                var r = n.value;
-                Ie(r);
-                Ne(true);
-                Re(0);
-                F === null || F === void 0 ? void 0 : F(e, {
-                    keyword: r
-                });
-            }), [ F ]);
-            var zn = (0, e.useCallback)((function() {
-                He(true);
-            }), []);
-            var Wn = (0, e.useCallback)((function() {
-                He(false);
-            }), []);
-            var $n = (0, e.useCallback)((function(e) {
-                if (fn.current !== Ee) {
-                    (0, fe.scrollIntoViewIfNeeded)(e);
-                }
-            }), [ Ee ]);
-            var Xn = (0, e.useCallback)((function(e, n, r) {
-                if (r) {
-                    mn.current = e;
-                }
-                if (e == null) {
-                    delete pn.current[n];
+                    u.splice(o, 0, w);
+                    o += 1;
                 } else {
-                    pn.current[n] = e;
+                    u.push(w);
                 }
-            }), [ pn ]);
-            var Un = (0, e.useCallback)((function(e) {
-                ln.current = e;
-                Ge(g, e);
-            }), [ g, ln ]);
-            var Jn = (0, e.useMemo)((function() {
-                var e;
-                return (e = An()) !== null && e !== void 0 ? e : [];
-            }), [ An ]);
-            var Gn = e.Children.toArray(d);
-            var Qn = Jn.some((function(e) {
-                var n = T()(Gn, (function(n) {
-                    return Sn(n) && n.props.value === e;
-                }));
-                return n && !n.props.disabled;
-            }));
-            var Yn = ae === "immediately" ? Tn() : $e;
-            var Zn = (0, e.useMemo)((function() {
-                vn.current = 0;
-                yn.current = undefined;
-                gn.current = 0;
-                dn.current = undefined;
-                sn.current = [];
-                var r = function e(n, r) {
-                    return function(e) {
-                        return Xn(e, n, r);
-                    };
-                };
-                var t;
-                var o = 0;
-                var a = false;
-                // used to avoid overwriting the selected item ref in multiple mode
-                                var i;
-                var s = e.Children.toArray(d).reduce((function(u, s, f) {
-                    // ignore Headings and Dividers
-                    if (!Sn(s)) {
-                        u.push(s);
-                        return u;
-                    }
-                    var d = s.props, p = d.disabled, v = d.hidden, b = d.label, m = d.value;
- // Find out if the search string exactly matches a value
-                                        if (m === Te) {
-                        t = true;
-                    }
-                    var y = Jn && Jn.indexOf(m) >= 0;
-                    var g = !!y && !p && !i;
-                    var h = l && !I && !O && !j && !K;
-                    var S = Cn(m, b);
-                    var C = -1;
-                    if (h && !p && !v) {
-                        sn.current.push({
-                            label: b,
-                            value: m
-                        });
-                        C = sn.current.length - 1;
-                    }
-                    // Format the Menu.Item
-                                        var w =  (0, e.cloneElement)(s, {
-                        elementRef: r(S, g),
-                        key: s.key || f,
-                        onClick: Kn,
-                        onKeyDown: h ? function(e) {
-                            return Fn(e, C);
-                        } : undefined,
-                        selected: y,
-                        multiple: I,
-                        role: "option"
-                    });
-                    if (g) {
-                        i = true;
-                    }
-                    if (Yn && Yn.indexOf(m) >= 0) {
+                return u;
+            }), []);
+            // In multiple mode, add missing items
+                        if (L) {
+                q()(Jn, (function(t) {
+                    var l = T()(s, (function(e) {
+                        return On(e) && e.props && e.props.value === t;
+                    }));
+                    if (!l) {
+                        if (t === Ie) {
+                            n = true;
+                        }
+                        var i = Yn && Yn.indexOf(t) >= 0;
+                        var u = Yn.length;
                         if (o === 0) {
-                            u.splice(o, 0,  n().createElement(c.Divider, {
+                            s.splice(0, 0,  r().createElement(c.Divider, {
                                 key: "topDivider"
                             }));
+                            o += 1;
                             a = true;
                         }
-                        u.splice(o, 0, w);
-                        o += 1;
-                    } else {
-                        u.push(w);
-                    }
-                    return u;
-                }), []);
-                // In multiple mode, add missing items
-                                if (I) {
-                    q()(Jn, (function(e) {
-                        var l = T()(s, (function(n) {
-                            return Sn(n) && n.props && n.props.value === e;
+                        var f = String(t);
+                        var d = Sn(t, f);
+                        s.splice(i ? 0 : u + 1, 0,  r().createElement(S, {
+                            elementRef: e(d),
+                            label: f,
+                            value: t,
+                            key: "missing-value-".concat(t),
+                            onClick: Kn,
+                            multiple: L,
+                            selected: true
                         }));
-                        if (!l) {
-                            if (e === Te) {
-                                t = true;
-                            }
-                            var i = Yn && Yn.indexOf(e) >= 0;
-                            var u = Yn.length;
-                            if (o === 0) {
-                                s.splice(0, 0,  n().createElement(c.Divider, {
-                                    key: "topDivider"
-                                }));
-                                o += 1;
-                                a = true;
-                            }
-                            var f = String(e);
-                            var d = Cn(e, f);
-                            s.splice(i ? 0 : u + 1, 0,  n().createElement(S, {
-                                elementRef: r(d),
-                                label: f,
-                                value: e,
-                                key: "missing-value-".concat(e),
-                                onClick: Kn,
-                                multiple: I,
-                                selected: true
-                            }));
-                            if (i) {
-                                o += 1;
-                            }
+                        if (i) {
+                            o += 1;
                         }
-                    }));
-                }
-                var p = O === "controlled";
-                // Filter the items
-                                var v = (0, ce.stringToKeywords)(Te);
-                s = p ? s : s.filter((function(e) {
-                    if (Sn(e)) {
-                        return (0, ce.testPhrase)(e.props.label, v);
                     }
-                    return true;
+                }));
+            }
+            var f = C === "controlled";
+            // Filter the items
+                        var v = (0, ce.stringToKeywords)(Ie);
+            s = f ? s : s.filter((function(e) {
+                if (On(e)) {
+                    return (0, ce.testPhrase)(e.props.label, v);
+                }
+                return true;
  // Keep all headers and non-interactive options
-                                })).map((function(n) {
-                    if (!Sn(n)) {
-                        return n;
-                    }
-                    // highlight matched text
-                                        var r = v && (0, ce.keywordLocations)(n.props.label, v);
-                    
-                    return (0, e.cloneElement)(n, {
-                        matchRanges: r || undefined
-                    });
+                        })).map((function(e) {
+                if (!On(e)) {
+                    return e;
+                }
+                // highlight matched text
+                                var n = v && (0, ce.keywordLocations)(e.props.label, v);
+                
+                return (0, t.cloneElement)(e, {
+                    matchRanges: n || undefined
+                });
+            }));
+            // Add the option to add the new value
+                        if (d && !n && Ie) {
+                var b = a ? o + 1 : o;
+                var m = "".concat(Ie, " (new value)");
+                var y = Sn(Ie, m);
+                s.splice(b, 0,  r().createElement(S, {
+                    elementRef: e(y),
+                    label: m,
+                    value: Ie,
+                    key: "newValue",
+                    multiple: L,
+                    onClick: Kn
                 }));
-                // Add the option to add the new value
-                                if (f && !t && Te) {
-                    var b = a ? o + 1 : o;
-                    var m = "".concat(Te, " (new value)");
-                    var y = Cn(Te, m);
-                    s.splice(b, 0,  n().createElement(S, {
-                        elementRef: r(y),
-                        label: m,
-                        value: Te,
-                        key: "newValue",
-                        multiple: I,
-                        onClick: Kn
-                    }));
+            }
+            // When selectAll is a menu item, add an offset so that activeItem accounts for the extra selectAll option.
+                        var g = ae === "checkbox" && L && s.length > 1 ? 1 : 0;
+            var h = true;
+            // Highlight the selected Items and remove hidden
+                        s = s.reduce((function(e, n) {
+                // ignore Dividers & Headings
+                if (!On(n)) {
+                    e.push(n);
+                    return e;
                 }
-                // When selectAll is a menu item, add an offset so that activeItem accounts for the extra selectAll option.
-                                var g = oe === "checkbox" && I && s.length > 1 ? 1 : 0;
-                var h = true;
-                // Highlight the selected Items and remove hidden
-                                s = s.reduce((function(n, r) {
-                    // ignore Dividers & Headings
-                    if (!Sn(r)) {
-                        n.push(r);
-                        return n;
-                    }
-                    // Ignore any hidden items
-                                        if (r.props && r.props.hidden) {
-                        return n;
-                    }
-                    if (r.props.selected && !r.props.disabled && yn.current == null) {
-                        yn.current = vn.current;
-                    }
-                    var t = g === Ee;
-                    g += 1;
-                    vn.current += 1;
-                    gn.current += r.props.selected ? 1 : 0;
-                    if (r.key !== "newValue" && !r.props.disabled && !r.props.selected) {
-                        h = false;
-                    }
-                    if (!t || !Fe) {
-                        n.push(r);
-                        return n;
-                    }
-                    if (!r.props.disabled) {
-                        dn.current = r.props.value;
-                    }
-                    var l =  (0, e.cloneElement)(r, {
-                        active: t,
-                        elementRef: $n,
-                        id: ke
-                    });
-                    n.push(l);
-                    return n;
-                }), []);
-                wn.current = gn.current === 0 && "none" || h && "all" || "some";
-                // add select all option
-                                if (oe === "checkbox" && I && vn.current > 0) {
-                    var C = Ee === 0 && !!O;
-                    var w;
-                    if (wn.current === "all") {
-                        if (Te === "") {
-                            w = (0, u._)("Clear all");
-                        } else {
-                            w = (0, u._)("Clear all matches");
-                        }
-                    } else if (Te === "") {
-                        w = (0, u._)("Select all");
-                    } else {
-                        w = (0, u._)("Select all matches");
-                    }
-                    if (C) {
-                        dn.current = "selectAll";
-                    }
-                    s.unshift( n().createElement(we, {
-                        key: "select-all-option",
-                        active: C,
-                        elementRef: $n,
-                        id: C ? ke : undefined,
-                        onClick: wn.current === "all" ? _n : Nn,
-                        label: w,
-                        selected: wn.current === "all" || wn.current !== "none" && "some",
-                        totalCount: !!be && Jn.length || undefined,
-                        tabIndex: O ? -1 : undefined
-                    }),  n().createElement(c.Divider, {
-                        key: "selectAllDivider"
-                    }));
+                // Ignore any hidden items
+                                if (n.props && n.props.hidden) {
+                    return e;
                 }
-                bn.current = s.reduce((function(e, n) {
-                    if (Sn(n)) {
-                        e.push(n.props.value);
-                    }
+                if (n.props.selected && !n.props.disabled && yn.current == null) {
+                    yn.current = vn.current;
+                }
+                var r = g === Re;
+                g += 1;
+                vn.current += 1;
+                Cn.current += n.props.selected ? 1 : 0;
+                if (n.key !== "newValue" && !n.props.disabled && !n.props.selected) {
+                    h = false;
+                }
+                if (!r || !Fe) {
+                    e.push(n);
                     return e;
-                }), []);
-                return s;
-            }), [ Ee, ke, l, f, d, Jn, O, Te, $n, _n, Kn, Fn, Xn, Nn, j, I, Yn, K, oe, Fe, be ]);
-            var er = function e(r) {
-                var t = r.anchorWidth, l = r.maxHeight, a = r.placement, i = r.toggleId;
-                var u = hn({
-                    anchorWidth: t,
-                    isMultiple: I,
-                    maxHeight: l,
-                    menuStyle: A
+                }
+                if (!n.props.disabled) {
+                    dn.current = n.props.value;
+                }
+                var l =  (0, t.cloneElement)(n, {
+                    active: r,
+                    elementRef: $n,
+                    id: xe
                 });
-                var c = Jn.length > 0 && !Qn && !O ? 0 : undefined;
-                var s = {
-                    "aria-multiselectable": I || undefined,
-                    childrenStart: !!O &&  n().createElement(Pn, {
-                        activeItemId: ke,
-                        filterA11yId: Mn,
-                        filterKeyword: Te,
-                        hasChildren: Zn.some((function(e) {
-                            return Sn(e);
-                        })),
-                        inputId: k,
-                        inputRef: x,
-                        menuListboxId: xe,
-                        multiple: I,
-                        onClearAll: _n,
-                        onSelectAll: Nn,
-                        onTextBlur: Wn,
-                        onTextChange: Hn,
-                        onTextFocus: zn,
-                        onTextKeyDown: Vn,
-                        optionSelection: wn,
-                        placement: a,
-                        selectAllAppearance: oe,
-                        textHasFocus: Fe
-                    }),
-                    focusMode: O ? "never" : undefined,
-                    isLoading: j,
-                    labelledBy: "".concat(Mn !== null && Mn !== void 0 ? Mn : "", " ").concat(i !== null && i !== void 0 ? i : "").trim(),
-                    // NVDA ignores aria-labelledby attribute on popover, but reads it on menu
-                    menuId: xe,
-                    onScrollBottom: K ? Bn : undefined,
-                    placement: a !== null && a !== void 0 ? a : undefined,
-                    noOptionsMessage: N,
-                    footerMessage: C,
-                    animateLoading: o,
-                    loadingMessage: R,
-                    onScroll: V,
-                    style: u,
-                    tabIndex: c
-                };
-                if (ve) {
-                    
-                    return n().createElement(ne.VirtualizedResultsMenu, nn({
-                        virtualization: ve
-                    }, s), Zn);
+                e.push(l);
+                return e;
+            }), []);
+            xn.current = Cn.current === 0 && "none" || h && "all" || "some";
+            // add select all option
+                        if (ae === "checkbox" && L && vn.current > 0) {
+                var O = Re === 0 && !!C;
+                var w;
+                if (xn.current === "all") {
+                    if (Ie === "") {
+                        w = (0, u._)("Clear all");
+                    } else {
+                        w = (0, u._)("Clear all matches");
+                    }
+                } else if (Ie === "") {
+                    w = (0, u._)("Select all");
+                } else {
+                    w = (0, u._)("Select all matches");
                 }
-                
-                return n().createElement(re(), s, Zn);
+                if (O) {
+                    dn.current = "selectAll";
+                }
+                s.unshift( r().createElement(we, {
+                    key: "select-all-option",
+                    active: O,
+                    elementRef: $n,
+                    id: O ? xe : undefined,
+                    onClick: xn.current === "all" ? Bn : _n,
+                    label: w,
+                    selected: xn.current === "all" || xn.current !== "none" && "some",
+                    totalCount: !!me && Jn.length || undefined,
+                    tabIndex: C ? -1 : undefined
+                }),  r().createElement(c.Divider, {
+                    key: "selectAllDivider"
+                }));
+            }
+            bn.current = s.reduce((function(e, n) {
+                if (On(n)) {
+                    e.push(n.props.value);
+                }
+                return e;
+            }), []);
+            return s;
+        }), [ Re, xe, l, d, p, Jn, C, Ie, $n, Bn, Kn, Fn, Xn, _n, P, L, Yn, F, ae, Fe, me ]);
+        var et = function e(n) {
+            var t = n.anchorWidth, l = n.maxHeight, a = n.placement, i = n.toggleId;
+            var u = gn({
+                anchorWidth: t,
+                isMultiple: L,
+                maxHeight: l,
+                menuStyle: I
+            });
+            var c = Jn.length > 0 && !Qn && !C ? 0 : undefined;
+            var s = {
+                "aria-multiselectable": L || undefined,
+                childrenStart: !!C &&  r().createElement(jn, {
+                    activeItemId: xe,
+                    filterA11yId: Mn,
+                    filterKeyword: Ie,
+                    hasChildren: Zn.some((function(e) {
+                        return On(e);
+                    })),
+                    inputId: x,
+                    inputRef: j,
+                    menuListboxId: je,
+                    multiple: L,
+                    onClearAll: Bn,
+                    onSelectAll: _n,
+                    onTextBlur: Wn,
+                    onTextChange: Hn,
+                    onTextFocus: zn,
+                    onTextKeyDown: Vn,
+                    optionSelection: xn,
+                    placement: a,
+                    selectAllAppearance: ae,
+                    textHasFocus: Fe
+                }),
+                focusMode: C ? "never" : undefined,
+                isLoading: P,
+                labelledBy: "".concat(Mn !== null && Mn !== void 0 ? Mn : "", " ").concat(i !== null && i !== void 0 ? i : "").trim(),
+                // NVDA ignores aria-labelledby attribute on popover, but reads it on menu
+                menuId: je,
+                onScrollBottom: F ? Nn : undefined,
+                placement: a !== null && a !== void 0 ? a : undefined,
+                noOptionsMessage: N,
+                footerMessage: w,
+                animateLoading: o,
+                loadingMessage: M,
+                onScroll: K,
+                style: u,
+                tabIndex: c
             };
-            var nr = (0, e.useMemo)((function() {
+            if (be) {
                 
-                return n().createElement(Rn, nn({
-                    appearance: i,
-                    append: s,
-                    currentValues: An(),
-                    "data-test": I ? "multiselect" : "select",
-                    describedBy: m,
-                    disabled: y,
-                    elementRef: Un,
-                    error: h,
-                    inline: w,
-                    labelText: E,
-                    labelledBy: P,
-                    multiple: I,
-                    onClick: H,
-                    placeholder: G,
-                    prefixLabel: Q,
-                    prepend: Z,
-                    required: U,
-                    suffixLabel: ie,
-                    toggle: be,
-                    toggleContent: ye
-                }, ge), d);
-            }), [ i, s, An, I, m, y, h, Un, w, E, P, H, G, Q, Z, U, ie, be, ye, ge, d ]);
+                return r().createElement(ne.VirtualizedResultsMenu, en({
+                    virtualization: be
+                }, s), Zn);
+            }
             
-            return n().createElement(Y(), {
-                closeReasons: On,
-                inputId: k,
-                "aria-labelledby": Mn,
-                toggle: nr,
-                onRequestOpen: In,
-                onRequestClose: qn,
-                open: De,
-                openWithArrowKeys: true,
-                repositionMode: te,
-                defaultPlacement: v,
-                canCoverAnchor: Xe().innerHeight < 500,
-                retainFocus: false,
-                takeFocus: Jn.length === 0 || Jn.length > 0 && !Qn || !!O
-            }, er);
-        }
-        Mn.propTypes = yn;
-        Mn.componentType = "SelectBase";
-        Mn.Option = S;
-        Mn.Divider = c.Divider;
-        Mn.Heading = c.Heading;
-        /* harmony default export */        const An = Mn;
-        // CONCATENATED MODULE: ./src/utils/useDeprecate.tsx
-        var Tn = "is deprecated and will be removed in the next major version.";
-        var In = function e(n) {
-            var r = n.additionalMessage, t = r === void 0 ? "" : r, l = n.componentName;
-            useEffect((function() {
-                if (false) {}
-            }), [ t, l ]);
-        };
-        var qn = function e(n) {
-            var r = n.additionalMessage, t = r === void 0 ? "" : r, l = n.componentName, o = n.propName, a = n.propValue;
-            useEffect((function() {
-                if (false) {}
-            }), [ t, l, o, a ]);
+            return r().createElement(te(), s, Zn);
         };
-        var Ln = function n(r) {
-            var t = r.additionalMessage, l = t === void 0 ? "" : t, o = r.componentName, a = r.deprecatedPropValue, i = r.propName, u = r.propValue;
-            (0, e.useEffect)((function() {
-                if (false) {}
-            }), [ l, o, i, u, a ]);
-        };
-        // CONCATENATED MODULE: ./src/Select/Select.tsx
-        function Dn() {
-            return Dn = Object.assign ? Object.assign.bind() : function(e) {
-                for (var n = 1; n < arguments.length; n++) {
-                    var r = arguments[n];
-                    for (var t in r) {
-                        ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
-                    }
-                }
-                return e;
-            }, Dn.apply(null, arguments);
-        }
-        function Nn(e, n) {
-            if (null == e) return {};
-            var r, t, l = _n(e, n);
-            if (Object.getOwnPropertySymbols) {
-                var o = Object.getOwnPropertySymbols(e);
-                for (t = 0; t < o.length; t++) {
-                    r = o[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (l[r] = e[r]);
+        var nt = (0, t.useMemo)((function() {
+            
+            return r().createElement(En, en({
+                appearance: s,
+                append: f,
+                currentValues: An(),
+                "data-test": L ? "multiselect" : "select",
+                describedBy: y,
+                disabled: g,
+                elementRef: Un,
+                error: O,
+                inline: k,
+                labelText: R,
+                labelledBy: E,
+                multiple: L,
+                onClick: W,
+                placeholder: Q,
+                prefixLabel: Z,
+                prepend: ee,
+                required: J,
+                suffixLabel: de,
+                toggle: me,
+                toggleContent: ge
+            }, he), p);
+        }), [ s, f, An, L, y, g, O, Un, k, R, E, W, Q, Z, ee, J, de, me, ge, he, p ]);
+        
+        return r().createElement(Y(), {
+            closeReasons: hn,
+            inputId: x,
+            "aria-labelledby": Mn,
+            toggle: nt,
+            onRequestOpen: In,
+            onRequestClose: qn,
+            open: _e,
+            openWithArrowKeys: true,
+            repositionMode: le,
+            defaultPlacement: b,
+            canCoverAnchor: $e().innerHeight < 500,
+            retainFocus: false,
+            takeFocus: Jn.length === 0 || Jn.length > 0 && !Qn || !!C
+        }, et);
+    }
+    Rn.propTypes = mn;
+    Rn.componentType = "SelectBase";
+    Rn.Option = S;
+    Rn.Divider = c.Divider;
+    Rn.Heading = c.Heading;
+    /* harmony default export */    const Mn = Rn;
+    // CONCATENATED MODULE: ./src/utils/useDeprecate.tsx
+    var An = "is deprecated and will be removed in the next major version.";
+    var Tn = function e(n) {
+        var t = n.additionalMessage, r = t === void 0 ? "" : t, l = n.componentName;
+        useEffect((function() {
+            if (false) {}
+        }), [ r, l ]);
+    };
+    var In = function e(n) {
+        var t = n.additionalMessage, r = t === void 0 ? "" : t, l = n.componentName, o = n.propName, a = n.propValue;
+        useEffect((function() {
+            if (false) {}
+        }), [ r, l, o, a ]);
+    };
+    var qn = function e(n) {
+        var r = n.additionalMessage, l = r === void 0 ? "" : r, o = n.componentName, a = n.deprecatedPropValue, i = n.propName, u = n.propValue;
+        (0, t.useEffect)((function() {
+            if (false) {}
+        }), [ l, o, i, u, a ]);
+    };
+    // CONCATENATED MODULE: ./src/Select/Select.tsx
+    function Ln() {
+        return Ln = Object.assign ? Object.assign.bind() : function(e) {
+            for (var n = 1; n < arguments.length; n++) {
+                var t = arguments[n];
+                for (var r in t) {
+                    ({}).hasOwnProperty.call(t, r) && (e[r] = t[r]);
                 }
             }
-            return l;
-        }
-        function _n(e, n) {
-            if (null == e) return {};
-            var r = {};
-            for (var t in e) {
-                if ({}.hasOwnProperty.call(e, t)) {
-                    if (-1 !== n.indexOf(t)) continue;
-                    r[t] = e[t];
-                }
+            return e;
+        }, Ln.apply(null, arguments);
+    }
+    function Dn(e, n) {
+        if (null == e) return {};
+        var t, r, l = _n(e, n);
+        if (Object.getOwnPropertySymbols) {
+            var o = Object.getOwnPropertySymbols(e);
+            for (r = 0; r < o.length; r++) {
+                t = o[r], -1 === n.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
             }
-            return r;
         }
-        /** @public */
-        /** @public */
-        /** @public */        var Bn = {
-            allowKeyMatching: o().bool,
-            animateLoading: o().bool,
-            appearance: o().oneOf([ "default", "link", "subtle" ]),
-            append: o().bool,
-            children: o().node,
-            defaultPlacement: o().oneOf([ "above", "below", "vertical" ]),
-            defaultValue: o().oneOfType([ o().string, o().number, o().bool ]),
-            describedBy: o().string,
-            disabled: o().bool,
-            elementRef: o().oneOfType([ o().func, o().object ]),
-            error: o().bool,
-            filter: o().oneOf([ false, true, "controlled" ]),
-            footerMessage: o().node,
-            inline: o().bool,
-            inputId: o().string,
-            inputRef: o().oneOfType([ o().func, o().object ]),
-            isLoadingOptions: o().bool,
-            labelledBy: o().string,
-            labelText: o().string,
-            loadingMessage: o().node,
-            menuStyle: o().object,
-            name: o().string,
-            noOptionsMessage: o().node,
-            onChange: o().func,
-            onClose: o().func,
-            onFilterChange: o().func,
-            onOpen: o().func,
-            onScroll: o().func,
-            onScrollBottom: o().func,
-            placeholder: o().string,
-            prefixLabel: o().string,
-            prepend: o().bool,
-            repositionMode: o().oneOf([ "none", "flip" ]),
-            suffixLabel: o().string,
-            toggleContent: o().oneOf([ "optionChildren", "optionLabel" ]),
-            /** @private. */
-            toggle: o().node,
-            value: o().oneOfType([ o().string, o().number, o().bool ]),
-            /** @private. */
-            virtualization: o().number
-        };
-        var Vn = (0, u._)("No matches");
-        var Kn = (0, u._)("Select...");
-        function Fn(r) {
-            var t = r.allowKeyMatching, l = t === void 0 ? true : t, o = r.appearance, a = o === void 0 ? "default" : o, u = r.defaultPlacement, c = u === void 0 ? "vertical" : u, s = r.defaultValue, f = r.inline, d = f === void 0 ? true : f, p = r.noOptionsMessage, v = p === void 0 ? Vn : p, b = r.onChange, m = r.placeholder, y = m === void 0 ? Kn : m, g = r.toggleContent, h = g === void 0 ? "optionChildren" : g, O = r.value, S = Nn(r, [ "allowKeyMatching", "appearance", "defaultPlacement", "defaultValue", "inline", "noOptionsMessage", "onChange", "placeholder", "toggleContent", "value" ]);
-            // @docs-props-type SelectPropsBase
-                        Ln({
-                componentName: "Select",
-                deprecatedPropValue: "link",
-                propName: "appearance",
-                propValue: a
-            });
-            var C = i()({
-                componentName: "Select",
-                /* eslint-disable-next-line prefer-rest-params */
-                componentProps: arguments[0]
-            });
-            var w = (0, e.useMemo)((function() {
-                // wrap defaultValue in an array once to avoid failing <SelectBase>'s defaultValues comparison check
-                if (s != null) {
-                    return [ s ];
-                }
-                return [];
-            }), [ s ]);
-            // Converts the provided props into a structure suitable for SelectBase.
-                        var k = (0, e.useMemo)((function() {
-                var e = C ? undefined : w;
-                var n = function e(n, r) {
-                    var t = r.name, l = r.values;
-                    b === null || b === void 0 ? void 0 : b(n, {
-                        name: t,
-                        value: l[0]
-                    });
-                };
-                var r = {
-                    onChange: n
-                };
-                if (C) {
-                    r.values = O != null ? [ O ] : [];
-                } else if (e != null) {
-                    r.defaultValues = e;
-                }
-                return r;
-            }), [ w, b, C, O ]);
-            
-            return n().createElement(An, Dn({
-                allowKeyMatching: l,
-                appearance: a,
-                defaultPlacement: c,
-                inline: d,
-                noOptionsMessage: v,
-                placeholder: y,
-                toggleContent: h
-            }, S, k, {
-                multiple: false
-            }));
+        return l;
+    }
+    function _n(e, n) {
+        if (null == e) return {};
+        var t = {};
+        for (var r in e) {
+            if ({}.hasOwnProperty.call(e, r)) {
+                if (-1 !== n.indexOf(r)) continue;
+                t[r] = e[r];
+            }
         }
-        Fn.propTypes = Bn;
-        Fn.Option = E;
-        Fn.Heading = c.Heading;
-        Fn.Divider = c.Divider;
-        /* harmony default export */        const Hn = Fn;
-    }) // CONCATENATED MODULE: ./src/Select/index.ts
-    ();
-    module.exports = t;
+        return t;
+    }
+    /** @public */
+    /** @public */
+    /** @public */    var Bn = {
+        allowKeyMatching: o().bool,
+        animateLoading: o().bool,
+        appearance: o().oneOf([ "default", "link", "subtle" ]),
+        append: o().bool,
+        children: o().node,
+        defaultPlacement: o().oneOf([ "above", "below", "vertical" ]),
+        defaultValue: o().oneOfType([ o().string, o().number, o().bool ]),
+        describedBy: o().string,
+        disabled: o().bool,
+        elementRef: o().oneOfType([ o().func, o().object ]),
+        error: o().bool,
+        filter: o().oneOf([ false, true, "controlled" ]),
+        footerMessage: o().node,
+        inline: o().bool,
+        inputId: o().string,
+        inputRef: o().oneOfType([ o().func, o().object ]),
+        isLoadingOptions: o().bool,
+        labelledBy: o().string,
+        labelText: o().string,
+        loadingMessage: o().node,
+        menuStyle: o().object,
+        name: o().string,
+        noOptionsMessage: o().node,
+        onChange: o().func,
+        onClose: o().func,
+        onFilterChange: o().func,
+        onOpen: o().func,
+        onScroll: o().func,
+        onScrollBottom: o().func,
+        placeholder: o().string,
+        prefixLabel: o().string,
+        prepend: o().bool,
+        repositionMode: o().oneOf([ "none", "flip" ]),
+        suffixLabel: o().string,
+        toggleContent: o().oneOf([ "optionChildren", "optionLabel" ]),
+        /** @private. */
+        toggle: o().node,
+        value: o().oneOfType([ o().string, o().number, o().bool ]),
+        /** @private. */
+        virtualization: o().number
+    };
+    var Nn = (0, u._)("No matches");
+    var Vn = (0, u._)("Select...");
+    function Kn(e) {
+        var n = e.allowKeyMatching, l = n === void 0 ? true : n, o = e.appearance, a = o === void 0 ? "default" : o, u = e.defaultPlacement, c = u === void 0 ? "vertical" : u, s = e.defaultValue, f = e.inline, d = f === void 0 ? true : f, p = e.noOptionsMessage, v = p === void 0 ? Nn : p, b = e.onChange, m = e.placeholder, y = m === void 0 ? Vn : m, g = e.toggleContent, h = g === void 0 ? "optionChildren" : g, O = e.value, S = Dn(e, [ "allowKeyMatching", "appearance", "defaultPlacement", "defaultValue", "inline", "noOptionsMessage", "onChange", "placeholder", "toggleContent", "value" ]);
+        // @docs-props-type SelectPropsBase
+                qn({
+            componentName: "Select",
+            deprecatedPropValue: "link",
+            propName: "appearance",
+            propValue: a
+        });
+        var C = i()({
+            componentName: "Select",
+            /* eslint-disable-next-line prefer-rest-params */
+            componentProps: arguments[0]
+        });
+        var w = (0, t.useMemo)((function() {
+            // wrap defaultValue in an array once to avoid failing <SelectBase>'s defaultValues comparison check
+            if (s != null) {
+                return [ s ];
+            }
+            return [];
+        }), [ s ]);
+        // Converts the provided props into a structure suitable for SelectBase.
+                var k = (0, t.useMemo)((function() {
+            var e = C ? undefined : w;
+            var n = function e(n, t) {
+                var r = t.name, l = t.values;
+                b === null || b === void 0 ? void 0 : b(n, {
+                    name: r,
+                    value: l[0]
+                });
+            };
+            var t = {
+                onChange: n
+            };
+            if (C) {
+                t.values = O != null ? [ O ] : [];
+            } else if (e != null) {
+                t.defaultValues = e;
+            }
+            return t;
+        }), [ w, b, C, O ]);
+        
+        return r().createElement(Mn, Ln({
+            allowKeyMatching: l,
+            appearance: a,
+            defaultPlacement: c,
+            inline: d,
+            noOptionsMessage: v,
+            placeholder: y,
+            toggleContent: h
+        }, S, k, {
+            multiple: false
+        }));
+    }
+    Kn.propTypes = Bn;
+    Kn.Option = E;
+    Kn.Heading = c.Heading;
+    Kn.Divider = c.Divider;
+    /* harmony default export */    const Fn = Kn;
+    // CONCATENATED MODULE: ./src/Select/index.ts
+    module.exports = n;
     /******/})();