@splunk/react-ui 4.40.0 → 4.41.0

package/Multiselect.js

@@ -129,8 +129,8 @@
                 n.d(r, {
             Divider: () => /* reexport */ f.Divider,
             Heading: () => /* reexport */ f.Heading,
-            Option: () => /* reexport */ Z,
-            default: () => /* reexport */ Dr
+            Option: () => /* reexport */ W,
+            default: () => /* reexport */ Rr
         });
         // EXTERNAL MODULE: external "react"
                 var e = n(9497);
@@ -169,105 +169,39 @@
             }, d.apply(null, arguments);
         }
         function v(e, t) {
-            if (null == e) return {};
-            var n, r, o = b(e, t);
+            var n = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
-                var a = Object.getOwnPropertySymbols(e);
-                for (r = 0; r < a.length; r++) {
-                    n = a[r], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
-                }
-            }
-            return o;
-        }
-        function b(e, t) {
-            if (null == e) return {};
-            var n = {};
-            for (var r in e) {
-                if ({}.hasOwnProperty.call(e, r)) {
-                    if (t.includes(r)) continue;
-                    n[r] = e[r];
-                }
+                var r = Object.getOwnPropertySymbols(e);
+                t && (r = r.filter((function(t) {
+                    return Object.getOwnPropertyDescriptor(e, t).enumerable;
+                }))), n.push.apply(n, r);
             }
             return n;
         }
-        function y(e, t) {
-            if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
-        }
-        function m(e, t) {
-            for (var n = 0; n < t.length; n++) {
-                var r = t[n];
-                r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
-                Object.defineProperty(e, I(r.key), r);
+        function b(e) {
+            for (var t = 1; t < arguments.length; t++) {
+                var n = null != arguments[t] ? arguments[t] : {};
+                t % 2 ? v(Object(n), !0).forEach((function(t) {
+                    y(e, t, n[t]);
+                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : v(Object(n)).forEach((function(t) {
+                    Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+                }));
             }
-        }
-        function h(e, t, n) {
-            return t && m(e.prototype, t), n && m(e, n), Object.defineProperty(e, "prototype", {
-                writable: !1
-            }), e;
-        }
-        function g(e, t) {
-            if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
-            e.prototype = Object.create(t && t.prototype, {
-                constructor: {
-                    value: e,
-                    writable: !0,
-                    configurable: !0
-                }
-            }), Object.defineProperty(e, "prototype", {
-                writable: !1
-            }), t && O(e, t);
-        }
-        function O(e, t) {
-            return O = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
-                return e.__proto__ = t, e;
-            }, O(e, t);
-        }
-        function w(e) {
-            var t = k();
-            return function() {
-                var n, r = x(e);
-                if (t) {
-                    var o = x(this).constructor;
-                    n = Reflect.construct(r, arguments, o);
-                } else n = r.apply(this, arguments);
-                return C(this, n);
-            };
-        }
-        function C(e, t) {
-            if (t && ("object" == p(t) || "function" == typeof t)) return t;
-            if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-            return S(e);
-        }
-        function S(e) {
-            if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
             return e;
         }
-        function k() {
-            try {
-                var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
-            } catch (e) {}
-            return (k = function t() {
-                return !!e;
-            })();
-        }
-        function x(e) {
-            return x = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
-                return e.__proto__ || Object.getPrototypeOf(e);
-            }, x(e);
-        }
-        function j(e, t, n) {
-            return (t = I(t)) in e ? Object.defineProperty(e, t, {
+        function y(e, t, n) {
+            return (t = m(t)) in e ? Object.defineProperty(e, t, {
                 value: n,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
             }) : e[t] = n, e;
         }
-        function I(e) {
-            var t = P(e, "string");
+        function m(e) {
+            var t = h(e, "string");
             return "symbol" == p(t) ? t : t + "";
         }
-        function P(e, t) {
+        function h(e, t) {
             if ("object" != p(e) || !e) return e;
             var n = e[Symbol.toPrimitive];
             if (void 0 !== n) {
@@ -277,13 +211,36 @@
             }
             return ("string" === t ? String : Number)(e);
         }
-        var E = {
+        function g(e, t) {
+            if (null == e) return {};
+            var n, r, o = O(e, t);
+            if (Object.getOwnPropertySymbols) {
+                var a = Object.getOwnPropertySymbols(e);
+                for (r = 0; r < a.length; r++) {
+                    n = a[r], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+                }
+            }
+            return o;
+        }
+        function O(e, t) {
+            if (null == e) return {};
+            var n = {};
+            for (var r in e) {
+                if ({}.hasOwnProperty.call(e, r)) {
+                    if (t.includes(r)) continue;
+                    n[r] = e[r];
+                }
+            }
+            return n;
+        }
+        var w = {
             /** @private */
             active: a().bool,
             children: a().node,
             description: a().string,
             descriptionPosition: a().oneOf([ "right", "bottom" ]),
             disabled: a().bool,
+            elementRef: a().oneOfType([ a().func, a().object ]),
             hidden: a().bool,
             icon: a().node,
             label: a().string.isRequired,
@@ -304,97 +261,89 @@
             truncate: a().bool,
             value: a().oneOfType([ a().string, a().number, a().bool ]).isRequired
         };
-        var M = {
-            descriptionPosition: "bottom",
-            disabled: false,
-            multiple: false,
-            role: "option",
-            selected: false,
-            truncate: false
+        /**
+ * An option within a `Multiselect`.
+ */        function S(n) {
+            var r = n.children, o = n.descriptionPosition, a = o === void 0 ? "bottom" : o, l = n.disabled, i = n.elementRef, u = n.icon, c = n.label, s = n.multiple, p = n.onClick, v = n.role, y = v === void 0 ? "option" : v, m = n.value, h = g(n, [ "children", "descriptionPosition", "disabled", "elementRef", "icon", "label", "multiple", "onClick", "role", "value" ]);
+            // @docs-props-type OptionPropsBase
+                        var O = (0, e.useCallback)((function(e) {
+                if (!l) {
+                    p === null || p === void 0 ? void 0 : p(e, {
+                        value: m
+                    });
+                }
+            }), [ l, p, m ]);
+            var w = m.toString();
+            var S = b({
+                descriptionPosition: a,
+                disabled: l
+            }, h);
+            
+            return t().createElement(f.Item, d({
+                "data-test-value": m,
+                "data-test": "option",
+                elementRef: i
+            }, S, {
+                selectable: true,
+                selectableAppearance: s ? "checkbox" : "checkmark",
+                startAdornment: u,
+                onClick: O,
+                role: y,
+                value: w
+            }), r || c);
+        }
+        S.propTypes = w;
+        S.type = f.Item;
+ // For components to distinguish if their children are Options or Headings/Dividers
+        /* harmony default export */        const C = S;
+        // CONCATENATED MODULE: ./src/utils/scrollIntoViewIfNeeded.ts
+        // A utility that attempts to move an element into view by scrolling it's derived parent.
+        var k = function e(t) {
+            if (!t) {
+                return;
+            }
+            var n = t.offsetParent;
+            if (!n) {
+                return;
+            }
+            // Below the bottom of the container.
+                        if (n.scrollTop + n.clientHeight < t.offsetTop + t.clientHeight) {
+                n.scrollTop = t.offsetTop + t.clientHeight - n.clientHeight;
+                // Above the top of the container.
+                        } else if (n.scrollTop > t.offsetTop) {
+                n.scrollTop = t.offsetTop;
+            }
         };
+        // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
         /**
- * An option within a `Multiselect`. This inherits from
- * [PureComponent](https://reactjs.org/docs/react-api.html#reactpurecomponent)
- * so any elements passed to it must also be pure.
- */        var A =  function(e) {
-            g(r, e);
-            var n = w(r);
-            function r() {
-                var e;
-                y(this, r);
-                for (var t = arguments.length, o = new Array(t), a = 0; a < t; a++) {
-                    o[a] = arguments[a];
-                }
-                e = n.call.apply(n, [ this ].concat(o));
-                j(S(e), "c", null);
-                j(S(e), "handleClick", (function(t) {
-                    var n = e.props, r = n.onClick, o = n.value, a = n.disabled;
-                    if (!a) {
-                        r === null || r === void 0 ? void 0 : r(t, {
-                            value: o
-                        });
-                    }
-                }));
-                j(S(e), "handleMount", (function(t) {
-                    e.c = t;
-                }));
-                return e;
+ * 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 x(e, t) {
+            if (e) {
+                if (typeof e === "function") {
+                    e(t);
+                } 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 = t;
+ // eslint-disable-line no-param-reassign
+                                }
             }
- // @docs-props-type OptionPropsBase
-                        h(r, [ {
-                key: "scrollIntoViewIfNeeded",
-                // eslint-disable-next-line react/no-unused-class-component-methods
-                value: function e() {
-                    var t;
-                    (t = this.c) === null || t === void 0 ? void 0 : t.scrollIntoViewIfNeeded();
-                }
-                /**
-     * Place focus on the button.
-     */
-                // eslint-disable-next-line react/no-unused-class-component-methods
-                        }, {
-                key: "focus",
-                value: function e() {
-                    var t;
-                    (t = this.c) === null || t === void 0 ? void 0 : t.focus();
-                }
-            }, {
-                key: "render",
-                value: function e() {
-                    var n = this.props, r = n.value, o = n.children, a = n.label, l = n.multiple, i = n.role, u = n.icon, c = v(n, [ "value", "children", "label", "multiple", "role", "icon" ]);
-                    var s = r.toString();
-                    
-                    return t().createElement(f.Item, d({
-                        "data-test-value": r,
-                        "data-test": "option",
-                        ref: this.handleMount
-                    }, c, {
-                        selectable: true,
-                        selectableAppearance: l ? "checkbox" : "checkmark",
-                        onClick: this.handleClick,
-                        role: i,
-                        value: s,
-                        startAdornment: u
-                    }), o || a);
-                }
-            } ]);
-            return r;
-        }(e.PureComponent);
-        j(A, "propTypes", E);
-        j(A, "defaultProps", M);
-        j(A, "type", f.Item);
-        /* harmony default export */        const _ = A;
+        }
         // CONCATENATED MODULE: ./src/Multiselect/Option.tsx
-        function R(e) {
+        function j(e) {
             "@babel/helpers - typeof";
-            return R = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return j = "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;
-            }, R(e);
+            }, j(e);
         }
-        function V() {
-            return V = Object.assign ? Object.assign.bind() : function(e) {
+        function P() {
+            return P = Object.assign ? Object.assign.bind() : function(e) {
                 for (var t = 1; t < arguments.length; t++) {
                     var n = arguments[t];
                     for (var r in n) {
@@ -402,11 +351,11 @@
                     }
                 }
                 return e;
-            }, V.apply(null, arguments);
+            }, P.apply(null, arguments);
         }
-        function T(e, t) {
+        function E(e, t) {
             if (null == e) return {};
-            var n, r, o = B(e, t);
+            var n, r, o = I(e, t);
             if (Object.getOwnPropertySymbols) {
                 var a = Object.getOwnPropertySymbols(e);
                 for (r = 0; r < a.length; r++) {
@@ -415,7 +364,7 @@
             }
             return o;
         }
-        function B(e, t) {
+        function I(e, t) {
             if (null == e) return {};
             var n = {};
             for (var r in e) {
@@ -426,22 +375,22 @@
             }
             return n;
         }
-        function q(e, t) {
+        function R(e, t) {
             if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
         }
-        function N(e, t) {
+        function M(e, t) {
             for (var n = 0; n < t.length; n++) {
                 var r = t[n];
                 r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
-                Object.defineProperty(e, G(r.key), r);
+                Object.defineProperty(e, F(r.key), r);
             }
         }
-        function D(e, t, n) {
-            return t && N(e.prototype, t), n && N(e, n), Object.defineProperty(e, "prototype", {
+        function T(e, t, n) {
+            return t && M(e.prototype, t), n && M(e, n), Object.defineProperty(e, "prototype", {
                 writable: !1
             }), e;
         }
-        function L(e, t) {
+        function _(e, t) {
             if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
             e.prototype = Object.create(t && t.prototype, {
                 constructor: {
@@ -451,69 +400,69 @@
                 }
             }), Object.defineProperty(e, "prototype", {
                 writable: !1
-            }), t && F(e, t);
+            }), t && B(e, t);
         }
-        function F(e, t) {
-            return F = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+        function B(e, t) {
+            return B = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
                 return e.__proto__ = t, e;
-            }, F(e, t);
+            }, B(e, t);
         }
-        function K(e) {
-            var t = z();
+        function A(e) {
+            var t = D();
             return function() {
-                var n, r = W(e);
+                var n, r = N(e);
                 if (t) {
-                    var o = W(this).constructor;
+                    var o = N(this).constructor;
                     n = Reflect.construct(r, arguments, o);
                 } else n = r.apply(this, arguments);
-                return H(this, n);
+                return q(this, n);
             };
         }
-        function H(e, t) {
-            if (t && ("object" == R(t) || "function" == typeof t)) return t;
+        function q(e, t) {
+            if (t && ("object" == j(t) || "function" == typeof t)) return t;
             if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-            return $(e);
+            return V(e);
         }
-        function $(e) {
+        function V(e) {
             if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
             return e;
         }
-        function z() {
+        function D() {
             try {
                 var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
             } catch (e) {}
-            return (z = function t() {
+            return (D = function t() {
                 return !!e;
             })();
         }
-        function W(e) {
-            return W = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+        function N(e) {
+            return N = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
                 return e.__proto__ || Object.getPrototypeOf(e);
-            }, W(e);
+            }, N(e);
         }
-        function U(e, t, n) {
-            return (t = G(t)) in e ? Object.defineProperty(e, t, {
+        function L(e, t, n) {
+            return (t = F(t)) in e ? Object.defineProperty(e, t, {
                 value: n,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
             }) : e[t] = n, e;
         }
-        function G(e) {
-            var t = J(e, "string");
-            return "symbol" == R(t) ? t : t + "";
+        function F(e) {
+            var t = K(e, "string");
+            return "symbol" == j(t) ? t : t + "";
         }
-        function J(e, t) {
-            if ("object" != R(e) || !e) return e;
+        function K(e, t) {
+            if ("object" != j(e) || !e) return e;
             var n = e[Symbol.toPrimitive];
             if (void 0 !== n) {
                 var r = n.call(e, t || "default");
-                if ("object" != R(r)) return r;
+                if ("object" != j(r)) return r;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === t ? String : Number)(e);
         }
-        var X = {
+        var H = {
             /** @private */
             active: a().bool,
             children: a().node,
@@ -543,7 +492,7 @@
             truncate: a().bool,
             value: a().oneOfType([ a().string, a().number, a().bool ]).isRequired
         };
-        var Q = {
+        var $ = {
             compact: false,
             descriptionPosition: "bottom",
             disabled: false,
@@ -554,29 +503,28 @@
  * An option within a `Multiselect`. This inherits from
  * [PureComponent](https://reactjs.org/docs/react-api.html#reactpurecomponent)
  * so any elements passed to it must also be pure.
- */        var Y =  function(e) {
-            L(r, e);
-            var n = K(r);
+ */        var z =  function(e) {
+            _(r, e);
+            var n = A(r);
             function r() {
                 var e;
-                q(this, r);
-                for (var t = arguments.length, o = new Array(t), a = 0; a < t; a++) {
-                    o[a] = arguments[a];
-                }
-                e = n.call.apply(n, [ this ].concat(o));
-                U($(e), "c", null);
-                U($(e), "handleMount", (function(t) {
-                    e.c = t;
+                R(this, r);
+                for (var o = arguments.length, a = new Array(o), l = 0; l < o; l++) {
+                    a[l] = arguments[l];
+                }
+                e = n.call.apply(n, [ this ].concat(a));
+                L(V(e), "optionBaseRef",  t().createRef());
+                L(V(e), "handleMount", (function(t) {
+                    x(e.optionBaseRef, t);
                 }));
                 return e;
             }
  // @docs-props-type OptionPropsBase
-                        D(r, [ {
+                        T(r, [ {
                 key: "scrollIntoViewIfNeeded",
                 // eslint-disable-next-line react/no-unused-class-component-methods
                 value: function e() {
-                    var t;
-                    (t = this.c) === null || t === void 0 ? void 0 : t.scrollIntoViewIfNeeded();
+                    k(this.optionBaseRef.current);
                 }
                 /**
      * Place focus on the button.
@@ -585,106 +533,106 @@
                         }, {
                 key: "focus",
                 value: function e() {
-                    var t;
-                    (t = this.c) === null || t === void 0 ? void 0 : t.focus();
+                    var t, n;
+                    (t = this.optionBaseRef) === null || t === void 0 ? void 0 : (n = t.current) === null || n === void 0 ? void 0 : n.focus();
                 }
             }, {
                 key: "render",
                 value: function e() {
-                    var n = this.props, r = n.compact, o = T(n, [ "compact" ]);
+                    var n = this.props, r = n.compact, o = E(n, [ "compact" ]);
                     
-                    return t().createElement(_, V({}, o, {
-                        multiple: r,
-                        ref: this.handleMount
+                    return t().createElement(C, P({}, o, {
+                        elementRef: this.handleMount,
+                        multiple: r
                     }), this.props.children || this.props.label);
                 }
             } ]);
             return r;
         }(e.PureComponent);
-        U(Y, "propTypes", X);
-        U(Y, "defaultProps", Q);
-        /* harmony default export */        const Z = Y;
+        L(z, "propTypes", H);
+        L(z, "defaultProps", $);
+        /* harmony default export */        const W = z;
         // CONCATENATED MODULE: external "lodash/castArray"
-        const ee = require("lodash/castArray");
-        var te =  n.n(ee);
+        const U = require("lodash/castArray");
+        var G =  n.n(U);
         // CONCATENATED MODULE: external "lodash/find"
-        const ne = require("lodash/find");
-        var re =  n.n(ne);
+        const J = require("lodash/find");
+        var X =  n.n(J);
         // CONCATENATED MODULE: external "lodash/forEachRight"
-        const oe = require("lodash/forEachRight");
-        var ae =  n.n(oe);
+        const Q = require("lodash/forEachRight");
+        var Y =  n.n(Q);
         // CONCATENATED MODULE: external "lodash/includes"
-        const le = require("lodash/includes");
-        var ie =  n.n(le);
+        const Z = require("lodash/includes");
+        var ee =  n.n(Z);
         // CONCATENATED MODULE: external "lodash/memoize"
-        const ue = require("lodash/memoize");
-        var ce =  n.n(ue);
+        const te = require("lodash/memoize");
+        var ne =  n.n(te);
         // CONCATENATED MODULE: external "lodash/pick"
-        const se = require("lodash/pick");
-        var fe =  n.n(se);
+        const re = require("lodash/pick");
+        var oe =  n.n(re);
         // CONCATENATED MODULE: external "lodash/uniq"
-        const pe = require("lodash/uniq");
-        var de =  n.n(pe);
+        const ae = require("lodash/uniq");
+        var le =  n.n(ae);
         // CONCATENATED MODULE: external "lodash/without"
-        const ve = require("lodash/without");
-        var be =  n.n(ve);
+        const ie = require("lodash/without");
+        var ue =  n.n(ie);
         // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
-        const ye = require("@splunk/react-ui/Dropdown");
-        var me =  n.n(ye);
+        const ce = require("@splunk/react-ui/Dropdown");
+        var se =  n.n(ce);
         // CONCATENATED MODULE: external "@splunk/react-ui/Link"
-        const he = require("@splunk/react-ui/Link");
-        var ge =  n.n(he);
+        const fe = require("@splunk/react-ui/Link");
+        var pe =  n.n(fe);
         // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
-        const Oe = require("@splunk/react-ui/ResultsMenu");
-        var we =  n.n(Oe);
+        const de = require("@splunk/react-ui/ResultsMenu");
+        var ve =  n.n(de);
         // CONCATENATED MODULE: external "@splunk/react-ui/Text"
-        const Ce = require("@splunk/react-ui/Text");
-        var Se =  n.n(Ce);
+        const be = require("@splunk/react-ui/Text");
+        var ye =  n.n(be);
         // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
-        const ke = require("@splunk/react-ui/usePrevious");
-        var xe =  n.n(ke);
+        const me = require("@splunk/react-ui/usePrevious");
+        var he =  n.n(me);
         // CONCATENATED MODULE: external "@splunk/ui-utils/filter"
-        const je = require("@splunk/ui-utils/filter");
+        const ge = require("@splunk/ui-utils/filter");
         // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-        const Ie = require("@splunk/ui-utils/id");
+        const Oe = require("@splunk/ui-utils/id");
         // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-        const Pe = require("@splunk/ui-utils/keyboard");
+        const we = require("@splunk/ui-utils/keyboard");
         // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
-        const Ee = require("@splunk/react-icons/CaretSmallDown");
-        var Me =  n.n(Ee);
+        const Se = require("@splunk/react-icons/CaretSmallDown");
+        var Ce =  n.n(Se);
         // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Caret"
-        const Ae = require("@splunk/react-icons/enterprise/Caret");
-        var _e =  n.n(Ae);
+        const ke = require("@splunk/react-icons/enterprise/Caret");
+        var xe =  n.n(ke);
         // CONCATENATED MODULE: external "@splunk/themes"
-        const Re = require("@splunk/themes");
+        const je = require("@splunk/themes");
         // CONCATENATED MODULE: ./src/Select/icons/CaretSmallDown.tsx
-        var Ve = function e() {
-            var n = (0, Re.useSplunkTheme)(), r = n.isEnterprise;
-            var o = r ?  t().createElement(_e(), {
+        var Pe = function e() {
+            var n = (0, je.useSplunkTheme)(), r = n.isEnterprise;
+            var o = r ?  t().createElement(xe(), {
                 screenReaderText: null,
                 hideDefaultTooltip: true,
                 size: .5
-            }) :  t().createElement(Me(), null);
+            }) :  t().createElement(Ce(), null);
             return o;
         };
-        /* harmony default export */        const Te = Ve;
+        /* harmony default export */        const Ee = Pe;
         // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Search"
-        const Be = require("@splunk/react-icons/enterprise/Search");
-        var qe =  n.n(Be);
+        const Ie = require("@splunk/react-icons/enterprise/Search");
+        var Re =  n.n(Ie);
         // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
-        const Ne = require("@splunk/react-icons/Magnifier");
-        var De =  n.n(Ne);
+        const Me = require("@splunk/react-icons/Magnifier");
+        var Te =  n.n(Me);
         // CONCATENATED MODULE: ./src/Select/icons/Search.tsx
-        var Le = function e() {
-            var n = (0, Re.useSplunkTheme)(), r = n.isEnterprise, o = n.isCompact;
+        var _e = function e() {
+            var n = (0, je.useSplunkTheme)(), r = n.isEnterprise, o = n.isCompact;
             var a = (0, s._)("Search");
             var l = o ? "20px" : "24px";
-            var i = r ?  t().createElement(qe(), {
+            var i = r ?  t().createElement(Re(), {
                 role: "presentation",
                 size: "16px",
                 screenReaderText: a,
                 hideDefaultTooltip: true
-            }) :  t().createElement(De(), {
+            }) :  t().createElement(Te(), {
                 role: "presentation",
                 "aria-label": a,
                 width: l,
@@ -692,9 +640,9 @@
             });
             return i;
         };
-        /* harmony default export */        const Fe = Le;
+        /* harmony default export */        const Be = _e;
         // CONCATENATED MODULE: ./src/Select/SelectAllOption.tsx
-        var Ke = {
+        var Ae = {
             active: a().bool,
             changedToggle: a().bool,
             elementRef: a().oneOfType([ a().func, a().object ]),
@@ -704,13 +652,14 @@
             selected: a().oneOf([ false, true, "some" ]),
             totalCount: a().number
         };
-        var He =  t().forwardRef((function(e, n) {
-            var r = e.active, o = e.id, a = e.onClick, l = e.selectAllLabel, i = e.totalCount, u = e.changedToggle, c = e.selected;
+        function qe(e) {
+            var n = e.active, r = e.elementRef, o = e.id, a = e.onClick, l = e.selectAllLabel, i = e.totalCount, u = e.changedToggle, c = e.selected;
             // When toggle is changed the total count is not displayed anymore so the count is now shown in the Select all menu item
                         var s = u ? " (".concat(i === null || i === void 0 ? void 0 : i.toString(), ")") : "";
             
-            return t().createElement(_, {
-                active: r,
+            return t().createElement(C, {
+                active: n,
+                elementRef: r,
                 "aria-keyshortcuts": "Control+A",
                 "data-test": "select-all",
                 description: "".concat(s, " Ctrl-a"),
@@ -720,23 +669,22 @@
                 label: l,
                 multiple: true,
                 onClick: a,
-                ref: n,
                 role: "menuitemcheckbox",
                 selected: c,
                 tabIndex: -1,
                 value: "selectAll"
             });
-        }));
-        He.propTypes = Ke;
-        /* harmony default export */        const $e = He;
+        }
+        qe.propTypes = Ae;
+        /* harmony default export */        const Ve = qe;
         // CONCATENATED MODULE: external "styled-components"
-        const ze = require("styled-components");
-        var We =  n.n(ze);
+        const De = require("styled-components");
+        var Ne =  n.n(De);
         // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-        const Ue = require("@splunk/react-ui/Button");
-        var Ge =  n.n(Ue);
+        const Le = require("@splunk/react-ui/Button");
+        var Fe =  n.n(Le);
         // CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
-        var Je = We()(Ge()).withConfig({
+        var Ke = Ne()(Fe()).withConfig({
             displayName: "SelectBaseStyles__StyledButton",
             componentId: "sc-16cj7sk-0"
         })([ "&[data-inline]{width:", ";}", "" ], (function(e) {
@@ -746,76 +694,76 @@
             var t = e.$multiple;
             return !t && "flex-grow: 0;";
         }));
-        var Xe = We().span.withConfig({
+        var He = Ne().span.withConfig({
             displayName: "SelectBaseStyles__StyledLinkIcon",
             componentId: "sc-16cj7sk-1"
         })([ "padding-right:2px;" ]);
-        var Qe = We().span.withConfig({
+        var $e = Ne().span.withConfig({
             displayName: "SelectBaseStyles__StyledLinkCaret",
             componentId: "sc-16cj7sk-2"
         })([ "padding-left:2px;" ]);
-        var Ye = We().div.withConfig({
+        var ze = Ne().div.withConfig({
             displayName: "SelectBaseStyles__StyledFilter",
             componentId: "sc-16cj7sk-3"
-        })([ "padding:", ";min-width:160px;" ], (0, Re.pick)({
+        })([ "padding:", ";min-width:160px;" ], (0, je.pick)({
             enterprise: "8px",
             prisma: "10px 16px"
         }));
-        var Ze = We().span.withConfig({
+        var We = Ne().span.withConfig({
             displayName: "SelectBaseStyles__StyledSearchIconWrapper",
             componentId: "sc-16cj7sk-4"
-        })([ "color:", ";pointer-events:none;padding:", ";" ], (0, Re.pick)({
+        })([ "color:", ";pointer-events:none;padding:", ";" ], (0, je.pick)({
             enterprise: {
-                light: Re.variables.gray60,
-                dark: Re.variables.white
+                light: je.variables.gray60,
+                dark: je.variables.white
             },
-            prisma: Re.variables.contentColorMuted
-        }), (0, Re.pick)({
+            prisma: je.variables.contentColorMuted
+        }), (0, je.pick)({
             comfortable: "0 8px",
             compact: "0 6px"
         }));
-        var et = We().span.withConfig({
+        var Ue = Ne().span.withConfig({
             displayName: "SelectBaseStyles__StyledCount",
             componentId: "sc-16cj7sk-5"
-        })([ "padding-right:", ";" ], Re.variables.spacingXSmall);
-        var tt = We()(ge()).withConfig({
+        })([ "padding-right:", ";" ], je.variables.spacingXSmall);
+        var Ge = Ne()(pe()).withConfig({
             displayName: "SelectBaseStyles__StyledControlsLink",
             componentId: "sc-16cj7sk-6"
         })([ "margin-right:20px;", ";" ], (function(e) {
             var t = e.$disabled;
-            return t && (0, ze.css)([ "color:", ";" ], Re.variables.contentColorDisabled);
+            return t && (0, De.css)([ "color:", ";" ], je.variables.contentColorDisabled);
         }));
-        var nt = We().div.withConfig({
+        var Je = Ne().div.withConfig({
             displayName: "SelectBaseStyles__StyledToggleAllControls",
             componentId: "sc-16cj7sk-7"
-        })([ "padding:", ";", "" ], (0, Re.pick)({
+        })([ "padding:", ";", "" ], (0, je.pick)({
             enterprise: "5px 8px",
             prisma: "10px 16px"
-        }), (0, Re.pickVariant)("$placement", {
+        }), (0, je.pickVariant)("$placement", {
             above: {
-                enterprise: (0, ze.css)([ "border-top:", ";" ], Re.variables.border),
-                prisma: (0, ze.css)([ "border-top:1px solid ", ";" ], Re.variables.neutral200)
+                enterprise: (0, De.css)([ "border-top:", ";" ], je.variables.border),
+                prisma: (0, De.css)([ "border-top:1px solid ", ";" ], je.variables.neutral200)
             },
             below: {
-                enterprise: (0, ze.css)([ "border-bottom:", ";" ], Re.variables.border),
-                prisma: (0, ze.css)([ "border-bottom:1px solid ", ";" ], Re.variables.neutral200)
+                enterprise: (0, De.css)([ "border-bottom:", ";" ], je.variables.border),
+                prisma: (0, De.css)([ "border-bottom:1px solid ", ";" ], je.variables.neutral200)
             }
         }));
         // EXTERNAL MODULE: ./src/useControlled/index.ts + 1 modules
-                var rt = n(2907);
+                var Xe = n(2907);
         // CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
         // A utility for matching keyboard characters to list values
-        var ot = function e(t, n) {
+        var Qe = function e(t, n) {
             return t ? t.label.charAt(n).toLowerCase() : "";
         };
-        var at = function e(t, n) {
+        var Ye = function e(t, n) {
             if (!t.length) {
                 return t;
             }
             var r = null;
             var o = false;
             var a = t.filter((function(e) {
-                var t = ot(e, n.index);
+                var t = Qe(e, n.index);
                 if (t === n.value) {
                     o = true;
                     return true;
@@ -823,7 +771,7 @@
                 // If we haven't found a match yet, keep track of the next closest match.
                 // Secondary matching looks for the closest character of a higher value, and failing that, closest of a lower value.
                                 if (!o) {
-                    var a = ot(r, n.index);
+                    var a = Qe(r, n.index);
                     if (!a) {
                         r = e;
                     } else if (t > n.value) {
@@ -842,7 +790,7 @@
         };
         // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
         /* eslint-disable @typescript-eslint/no-empty-function */
-        var lt = {
+        var Ze = {
             body: {
                 appendChild: function e() {
                     return [];
@@ -896,14 +844,14 @@
                 search: ""
             }
         };
-        function it() {
-            var e = typeof document !== "undefined" ? document : lt;
+        function et() {
+            var e = typeof document !== "undefined" ? document : Ze;
             return e;
         }
         // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
         /* eslint-disable @typescript-eslint/no-empty-function */
-        var ut = {
-            document: lt,
+        var tt = {
+            document: Ze,
             navigator: {
                 userAgent: ""
             },
@@ -957,25 +905,25 @@
                 clearTimeout(t);
             }
         };
-        function ct() {
-            var e = typeof window !== "undefined" ? window : ut;
+        function nt() {
+            var e = typeof window !== "undefined" ? window : tt;
             return e;
         }
         // CONCATENATED MODULE: ./src/Select/SelectBase.tsx
-        function st(e) {
-            return dt(e) || pt(e) || mt(e) || ft();
+        function rt(e) {
+            return lt(e) || at(e) || st(e) || ot();
         }
-        function ft() {
+        function ot() {
             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 pt(e) {
+        function at(e) {
             if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
         }
-        function dt(e) {
-            if (Array.isArray(e)) return ht(e);
+        function lt(e) {
+            if (Array.isArray(e)) return ft(e);
         }
-        function vt() {
-            return vt = Object.assign ? Object.assign.bind() : function(e) {
+        function it() {
+            return it = Object.assign ? Object.assign.bind() : function(e) {
                 for (var t = 1; t < arguments.length; t++) {
                     var n = arguments[t];
                     for (var r in n) {
@@ -983,29 +931,29 @@
                     }
                 }
                 return e;
-            }, vt.apply(null, arguments);
+            }, it.apply(null, arguments);
         }
-        function bt(e, t) {
-            return Ot(e) || gt(e, t) || mt(e, t) || yt();
+        function ut(e, t) {
+            return dt(e) || pt(e, t) || st(e, t) || ct();
         }
-        function yt() {
+        function ct() {
             throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
         }
-        function mt(e, t) {
+        function st(e, t) {
             if (e) {
-                if ("string" == typeof e) return ht(e, t);
+                if ("string" == typeof e) return ft(e, t);
                 var n = {}.toString.call(e).slice(8, -1);
-                return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? ht(e, t) : void 0;
+                return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? ft(e, t) : void 0;
             }
         }
-        function ht(e, t) {
+        function ft(e, t) {
             (null == t || t > e.length) && (t = e.length);
             for (var n = 0, r = Array(t); n < t; n++) {
                 r[n] = e[n];
             }
             return r;
         }
-        function gt(e, t) {
+        function pt(e, t) {
             var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
             if (null != n) {
                 var r, o, a, l, i = [], u = !0, c = !1;
@@ -1027,12 +975,12 @@
                 return i;
             }
         }
-        function Ot(e) {
+        function dt(e) {
             if (Array.isArray(e)) return e;
         }
-        function wt(e, t) {
+        function vt(e, t) {
             if (null == e) return {};
-            var n, r, o = Ct(e, t);
+            var n, r, o = bt(e, t);
             if (Object.getOwnPropertySymbols) {
                 var a = Object.getOwnPropertySymbols(e);
                 for (r = 0; r < a.length; r++) {
@@ -1041,7 +989,7 @@
             }
             return o;
         }
-        function Ct(e, t) {
+        function bt(e, t) {
             if (null == e) return {};
             var n = {};
             for (var r in e) {
@@ -1052,15 +1000,15 @@
             }
             return n;
         }
-        function St(e) {
+        function yt(e) {
             "@babel/helpers - typeof";
-            return St = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return yt = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
                 return typeof e;
             } : function(e) {
                 return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-            }, St(e);
+            }, yt(e);
         }
-        function kt(e, t) {
+        function mt(e, t) {
             var n = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
                 var r = Object.getOwnPropertySymbols(e);
@@ -1070,40 +1018,40 @@
             }
             return n;
         }
-        function xt(e) {
+        function ht(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = null != arguments[t] ? arguments[t] : {};
-                t % 2 ? kt(Object(n), !0).forEach((function(t) {
-                    jt(e, t, n[t]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : kt(Object(n)).forEach((function(t) {
+                t % 2 ? mt(Object(n), !0).forEach((function(t) {
+                    gt(e, t, n[t]);
+                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : mt(Object(n)).forEach((function(t) {
                     Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
                 }));
             }
             return e;
         }
-        function jt(e, t, n) {
-            return (t = It(t)) in e ? Object.defineProperty(e, t, {
+        function gt(e, t, n) {
+            return (t = Ot(t)) in e ? Object.defineProperty(e, t, {
                 value: n,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
             }) : e[t] = n, e;
         }
-        function It(e) {
-            var t = Pt(e, "string");
-            return "symbol" == St(t) ? t : t + "";
+        function Ot(e) {
+            var t = wt(e, "string");
+            return "symbol" == yt(t) ? t : t + "";
         }
-        function Pt(e, t) {
-            if ("object" != St(e) || !e) return e;
+        function wt(e, t) {
+            if ("object" != yt(e) || !e) return e;
             var n = e[Symbol.toPrimitive];
             if (void 0 !== n) {
                 var r = n.call(e, t || "default");
-                if ("object" != St(r)) return r;
+                if ("object" != yt(r)) return r;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === t ? String : Number)(e);
         }
-        var Et = {
+        var St = {
             allowKeyMatching: a().bool,
             allowNewValues: a().bool,
             animateLoading: a().bool,
@@ -1152,57 +1100,57 @@
             /** @private. */
             virtualization: a().number
         };
-        var Mt = ce()((function(e) {
+        var Ct = ne()((function(e) {
             return [ e ];
         }));
         // preserve separate widths for single vs. multi mode
-                var At = ce()((function(e) {
+                var kt = ne()((function(e) {
             var t = e.anchorWidth, n = e.isMultiple, r = e.maxHeight, o = e.menuStyle;
-            return n ? xt({
+            return n ? ht({
                 width: Math.max(t !== null && t !== void 0 ? t : 0, 200),
                 maxHeight: r
-            }, o) : xt({
+            }, o) : ht({
                 minWidth: t !== null && t !== void 0 ? t : undefined,
                 maxWidth: Math.max(t !== null && t !== void 0 ? t : 0, 300),
                 maxHeight: r
             }, o);
         }));
-        var _t = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
-        function Rt(e) {
+        var xt = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
+        function jt(e) {
             return e && i()(e.props, "value");
         }
-        function Vt(e, t) {
-            return "".concat(St(e), "-").concat(e, "-").concat(t);
+        function Pt(e, t) {
+            return "".concat(yt(e), "-").concat(e, "-").concat(t);
         }
-        var Tt = [ "append", "error", "prepend" ];
-        var Bt = (0, s._)("No matches");
-        var qt = (0, s._)("Select...");
-        var Nt = function e(n) {
+        var Et = [ "append", "error", "prepend" ];
+        var It = (0, s._)("No matches");
+        var Rt = (0, s._)("Select...");
+        var Mt = function e(n) {
             var r = n.activeItemId, o = n.filterKeyword, a = n.hasChildren, l = n.inputId, i = n.inputRef, u = n.menuListboxId, c = n.multiple, f = n.onClearAll, p = n.onSelectAll, d = n.onTextBlur, v = n.onTextChange, b = n.onTextFocus, y = n.onTextKeyDown, m = n.optionSelection, h = n.placement, g = n.selectAllAppearance, O = n.textHasFocus;
             var w = (0, s._)("Select all options".concat(m.current === "all" ? " disabled" : ""));
-            var C = (0, s._)("Clear all options".concat(m.current === "none" ? " disabled" : ""));
+            var S = (0, s._)("Clear all options".concat(m.current === "none" ? " disabled" : ""));
             // only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
-                        var S =  t().createElement(nt, {
+                        var C =  t().createElement(Je, {
                 $placement: h,
                 key: "selectAll"
-            },  t().createElement(tt, {
+            },  t().createElement(Ge, {
                 $disabled: m.current === "all",
                 "aria-label": w,
                 onClick: p,
                 "data-test": "select-all"
-            }, o ? (0, s._)("Select all Matches") : (0, s._)("Select all")),  t().createElement(tt, {
+            }, o ? (0, s._)("Select all Matches") : (0, s._)("Select all")),  t().createElement(Ge, {
                 $disabled: m.current === "none",
-                "aria-label": C,
+                "aria-label": S,
                 onClick: f,
                 "data-test": "clear-all"
             }, o ? (0, s._)("Clear all Matches") : (0, s._)("Clear all")));
             
             return t().createElement("div", {
                 key: "controls"
-            },  t().createElement(Ye, {
+            },  t().createElement(ze, {
                 key: "filter",
                 "data-test": "filter"
-            },  t().createElement(Se(), {
+            },  t().createElement(ye(), {
                 value: o,
                 autoCapitalize: "off",
                 autoComplete: "off",
@@ -1223,251 +1171,37 @@
                 inputRef: i,
                 inputId: l,
                 canClear: true,
-                startAdornment:  t().createElement(Ze, null,  t().createElement(Fe, null))
-            })), c && a && g === "buttongroup" && S);
+                startAdornment:  t().createElement(We, null,  t().createElement(Be, null))
+            })), c && a && g === "buttongroup" && C);
         };
-        var Dt = false;
-        var Lt = function n(r) {
-            var o = r.activeIndex, a = r.activeItemId, l = r.allowKeyMatching, i = r.allowNewValues, u = r.availableMatchOptions, c = r.availableOptionCount, p = r.children, d = r.currentValues, v = r.filter, b = r.filterKeyword, y = r.firstSelectedOptionIndex, m = r.isLoadingOptions, h = r.multiple, g = r.newTopValues, O = r.onActiveOptionMount, w = r.onClearAll, C = r.onClick, S = r.onKeyDown, k = r.onOptionMount, x = r.onScrollBottom, j = r.onSelectAll, I = r.optionSelection, P = r.selectAllAppearance, E = r.selectedOptionCount, M = r.setActiveValue, A = r.setAvailableMatchOptions, R = r.setAvailableOptionCount, V = r.setDisplayedValues, T = r.setFirstSelectedOptionIndex, B = r.setOptionSelection, q = r.setSelectedOptionCount, N = r.textHasFocus, D = r.toggle;
-            R(0);
-            T(undefined);
-            q(0);
-            M(undefined);
-            A([]);
-            var L;
-            var F = 0;
-            var K = false;
-            // used to avoid overwriting the selected item ref in multiple mode
-                        var H;
-            var $ = e.Children.toArray(p).reduce((function(n, r, o) {
-                // ignore Headings and Dividers
-                if (!Rt(r)) {
-                    n.push(r);
-                    return n;
-                }
-                var a = r.props, i = a.disabled, c = a.hidden, s = a.label, p = a.value;
- // Find out if the search string exactly matches a value
-                                if (p === b) {
-                    L = true;
-                }
-                var y = d && d.indexOf(p) >= 0;
-                var O = !!y && !i && !H;
-                var w = l && !h && !v && !m && !x;
-                var j = Vt(p, s);
-                var I = -1;
-                if (w && !i && !c) {
-                    u.current.push({
-                        label: s,
-                        value: p
-                    });
-                    I = u.current.length - 1;
-                }
-                // Format the Menu.Item
-                                var P =  (0, e.cloneElement)(r, {
-                    key: r.key || o,
-                    onClick: C,
-                    onKeyDown: w ? function(e) {
-                        return S(e, I);
-                    } : undefined,
-                    selected: y,
-                    multiple: h,
-                    role: "option",
-                    ref: function e(t) {
-                        return k(t, j, O);
-                    }
-                });
-                if (O) {
-                    H = true;
-                }
-                if (g && g.indexOf(p) >= 0) {
-                    if (F === 0) {
-                        n.splice(F, 0,  t().createElement(f.Divider, {
-                            key: "topDivider"
-                        }));
-                        K = true;
-                    }
-                    n.splice(F, 0, P);
-                    F += 1;
-                } else {
-                    n.push(P);
-                }
-                return n;
-            }), []);
-            // In multiple mode, add missing items
-                        if (h) {
-                ae()(d, (function(e) {
-                    var n = re()($, (function(t) {
-                        return Rt(t) && t.props && t.props.value === e;
-                    }));
-                    if (!n) {
-                        if (e === b) {
-                            L = true;
-                        }
-                        var r = g && g.indexOf(e) >= 0;
-                        var o = g.length;
-                        if (F === 0) {
-                            $.splice(0, 0,  t().createElement(f.Divider, {
-                                key: "topDivider"
-                            }));
-                            F += 1;
-                            K = true;
-                        }
-                        $.splice(r ? 0 : o + 1, 0,  t().createElement(_, {
-                            label: String(e),
-                            value: e,
-                            key: "missing-value-".concat(e),
-                            onClick: C,
-                            multiple: h,
-                            selected: true
-                        }));
-                        if (r) {
-                            F += 1;
-                        }
-                    }
-                }));
-            }
-            var z = v === "controlled";
-            // Filter the items
-                        var W = (0, je.stringToKeywords)(b);
-            $ = z ? $ : $.filter((function(e) {
-                if (Rt(e)) {
-                    return (0, je.testPhrase)(e.props.label, W);
-                }
-                return true;
- // Keep all headers and non-interactive options
-                        })).map((function(t) {
-                if (!Rt(t)) {
-                    return t;
-                }
-                // highlight matched text
-                                var n = W && (0, je.keywordLocations)(t.props.label, W);
-                
-                return (0, e.cloneElement)(t, {
-                    matchRanges: n || undefined
-                });
-            }));
-            // Add the option to add the new value
-                        if (i && !L && b) {
-                var U = K ? F + 1 : F;
-                $.splice(U, 0,  t().createElement(_, {
-                    label: "".concat(b, " (new value)"),
-                    value: b,
-                    key: "newValue",
-                    multiple: h,
-                    onClick: C
-                }));
-            }
-            // When selectAll is a menu item, add an offset so that activeItem accounts for the extra selectAll option.
-                        var G = P === "checkbox" && h && $.length > 1 ? 1 : 0;
-            var J = true;
-            // Highlight the selected Items and remove hidden
-                        $ = $.reduce((function(t, n) {
-                // ignore Dividers & Headings
-                if (!Rt(n)) {
-                    t.push(n);
-                    return t;
-                }
-                // Ignore any hidden items
-                                if (n.props && n.props.hidden) {
-                    return t;
-                }
-                if (n.props.selected && !n.props.disabled && y.current == null) {
-                    T(c.current);
-                }
-                var r = G === o;
-                G += 1;
-                R(c.current + 1);
-                q(E.current + (n.props.selected ? 1 : 0));
-                if (n.key !== "newValue" && !n.props.disabled && !n.props.selected) {
-                    J = false;
-                }
-                if (!r || !N) {
-                    t.push(n);
-                    return t;
-                }
-                if (!n.props.disabled) {
-                    M(n.props.value);
-                }
-                var l =  (0, e.cloneElement)(n, {
-                    active: r,
-                    id: a,
-                    ref: O
-                });
-                t.push(l);
-                return t;
-            }), []);
-            B(E.current === 0 && "none" || J && "all" || "some");
-            // add select all option
-                        if (P === "checkbox" && h && c.current > 0) {
-                var X;
-                if (I.current === "all") {
-                    if (b === "") {
-                        X = (0, s._)("Clear all");
-                    } else {
-                        X = (0, s._)("Clear all matches");
-                    }
-                } else if (b === "") {
-                    X = (0, s._)("Select all");
-                } else {
-                    X = (0, s._)("Select all matches");
-                }
-                if (o === 0 && N) {
-                    M("selectAll");
-                }
-                $.unshift( t().createElement($e, {
-                    active: o === 0,
-                    changedToggle: !!D,
-                    id: o === 0 ? a : undefined,
-                    onClick: I.current === "all" ? w : j,
-                    selectAllLabel: X,
-                    selected: I.current === "all" || I.current !== "none" && "some",
-                    totalCount: d.length,
-                    tabIndex: -1,
-                    ref: O
-                }),  t().createElement(f.Divider, {
-                    key: "selectAllDivider"
-                }));
-            }
-            V($.reduce((function(e, t) {
-                if (Rt(t)) {
-                    e.push(t.props.value);
-                }
-                return e;
-            }), []));
-            Dt = $.some((function(e) {
-                return Rt(e);
-            }));
-            // eslint-disable-next-line react/jsx-no-useless-fragment
-                        
-            return t().createElement(t().Fragment, null, $);
-        };
-        var Ft = function e(t) {
+        var Tt = false;
+        var _t = function e(t) {
             var n = t.prefixLabel, r = t.label, o = t.suffixLabel;
             var a = r;
             if (n) {
                 a = [ "".concat(n, ": ") ].concat(a);
             }
             if (o) {
-                a = te()(a).concat(" ".concat(o));
+                a = G()(a).concat(" ".concat(o));
             }
             return a;
         };
-        function Kt(n) {
-            var r = n.appearance, o = n.append, a = n.children, l = n.currentValues, i = l === void 0 ? [] : l, u = n.describedBy, c = n.disabled, f = n.elementRef, p = n.error, d = n.inline, v = n.labelText, b = n.labelledBy, y = n.multiple, m = n.onClick, h = n.placeholder, g = n.prefixLabel, O = n.prepend, w = n.required, C = n.suffixLabel, S = n.toggle, k = n.toggleContent, x = wt(n, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent" ]);
+        function Bt(n) {
+            var r = n.appearance, o = n.append, a = n.children, l = n.currentValues, i = l === void 0 ? [] : l, u = n.describedBy, c = n.disabled, f = n.elementRef, p = n.error, d = n.inline, v = n.labelText, b = n.labelledBy, y = n.multiple, m = n.onClick, h = n.placeholder, g = n.prefixLabel, O = n.prepend, w = n.required, S = n.suffixLabel, C = n.toggle, k = n.toggleContent, x = vt(n, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent" ]);
             var j;
-            var I;
-            var P = [];
+            var P;
+            var E = [];
             // Generate buttonLabels
-                        var E = e.Children.toArray(a);
-            var M = i.reduce((function(e, t, n, r) {
-                var o = re()(E, (function(e) {
-                    return Rt(e) && e.props.value === t;
+                        var I = e.Children.toArray(a);
+            var R = i.reduce((function(e, t, n, r) {
+                var o = X()(I, (function(e) {
+                    return jt(e) && e.props.value === t;
                 }));
                 if (o) {
                     var a = o.props, l = a.children, u = a.icon, c = a.label;
                     var f = k !== "optionLabel" && l ? l : c;
                     e.push(f);
-                    P.push(c);
+                    E.push(c);
                     // if not in multiple mode, add the icon
                                         if (!y && i.length === 1) {
                         j = u;
@@ -1475,41 +1209,41 @@
                 } else if (y) {
                     // only add values that don't match an option in "multiple" mode to preserve old behaviour
                     e.push(t);
-                    P.push(t.toString());
+                    E.push(t.toString());
                 }
                 if (n < r.length - 1) {
                     e.push((0, s._)(", "));
-                    P.push((0, s._)(", "));
+                    E.push((0, s._)(", "));
                 }
                 return e;
             }), []);
-            I = M;
+            P = R;
             // only apply prefix / suffix if the label is not empty
-                        if (I.length > 0) {
+                        if (P.length > 0) {
                 // If there's more than one item selected, read out the selected total
                 // rather than reading out each selected item
-                P = Ft({
+                E = _t({
                     prefixLabel: g,
-                    label: I.length > 1 ? [ "".concat(i.length, " items selected") ] : P,
-                    suffixLabel: C
+                    label: P.length > 1 ? [ "".concat(i.length, " items selected") ] : E,
+                    suffixLabel: S
                 });
-                I = Ft({
+                P = _t({
                     prefixLabel: g,
-                    label: I,
-                    suffixLabel: C
+                    label: P,
+                    suffixLabel: S
                 });
             }
             // single <Select> behaviour is to show the placeholder if all parts of the label
             // are empty strings so we replicate this behaviour here
-                        if (I.length === 0 || !y && I.every((function(e) {
+                        if (P.length === 0 || !y && P.every((function(e) {
                 return e === "";
             }))) {
-                I = Mt(h);
-                P = I;
+                P = Ct(h);
+                E = P;
             }
-            var A = xt({
+            var M = ht({
                 "aria-describedby": u,
-                "aria-label": "".concat(v ? "".concat(v, ", ") : "").concat(P.join("")),
+                "aria-label": "".concat(v ? "".concat(v, ", ") : "").concat(E.join("")),
                 "aria-labelledby": b,
                 // aria-labelledby takes precedence over aria-label if exists
                 "aria-required": w,
@@ -1523,148 +1257,125 @@
                 error: p
             }, x);
             if (y) {
-                A["data-test-values"] = JSON.stringify(i);
+                M["data-test-values"] = JSON.stringify(i);
             } else {
-                var _ = bt(i, 1), R = _[0];
-                A["data-test-value"] = R;
+                var T = ut(i, 1), _ = T[0];
+                M["data-test-value"] = _;
             }
-            if (S) {
+            if (C) {
                 
-                return (0, e.cloneElement)(S, A);
+                return (0, e.cloneElement)(C, M);
             }
             if (r === "link") {
                 
-                return t().createElement(ge(), vt({}, A, {
+                return t().createElement(pe(), it({}, M, {
                     "data-select-appearance": "link"
-                }), !!j &&  t().createElement(Xe, null, j), I || h,  t().createElement(Qe, null,  t().createElement(Te, null)));
+                }), !!j &&  t().createElement(He, null, j), P || h,  t().createElement($e, null,  t().createElement(Ee, null)));
             }
             
-            return t().createElement(Je, vt({}, A, {
+            return t().createElement(Ke, it({}, M, {
                 $multiple: y,
                 appearance: r,
-                label: I,
+                label: P,
                 error: p,
                 icon: j,
                 inline: d,
                 isMenu: true,
                 onClick: m
-            }, fe()(x, Tt)), !!i.length && y &&  t().createElement(et, {
+            }, oe()(x, Et)), !!i.length && y &&  t().createElement(Ue, {
                 "data-role": "count"
             }, "(", i.length, ")"));
         }
-        Kt[ye.legacyRefMode] = true;
-        function Ht(n) {
-            var r;
-            var o = n.allowKeyMatching, a = o === void 0 ? true : o, l = n.animateLoading, i = n.appearance, u = i === void 0 ? "toggle" : i, c = n.append, s = n.allowNewValues, f = n.children, p = n.defaultPlacement, d = p === void 0 ? "vertical" : p, v = n.defaultValues, b = n.describedBy, y = n.disabled, m = n.elementRef, h = n.error, g = n.filter, O = n.footerMessage, w = n.inline, C = n.inputId, S = n.inputRef, k = n.isLoadingOptions, x = n.labelledBy, j = n.labelText, I = n.loadingMessage, P = n.menuStyle, E = P === void 0 ? {} : P, M = n.multiple, A = n.name, _ = n.noOptionsMessage, R = _ === void 0 ? Bt : _, V = n.onChange, T = n.onScroll, B = n.onScrollBottom, q = n.onFilterChange, N = n.onClick, D = n.onClose, L = n.onOpen, F = n.required, K = n.placeholder, H = K === void 0 ? qt : K, $ = n.prefixLabel, z = n.prepend, W = n.repositionMode, U = W === void 0 ? "flip" : W, G = n.selectAllAppearance, J = G === void 0 ? "buttongroup" : G, X = n.showSelectedValuesFirst, Q = n.suffixLabel, Y = n.tabConfirmsNewValue, Z = n.values, ee = n.virtualization, te = n.toggle, ne = n.toggleContent, oe = ne === void 0 ? "optionChildren" : ne, ae = wt(n, [ "allowKeyMatching", "animateLoading", "appearance", "append", "allowNewValues", "children", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "filter", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "labelText", "loadingMessage", "menuStyle", "multiple", "name", "noOptionsMessage", "onChange", "onScroll", "onScrollBottom", "onFilterChange", "onClick", "onClose", "onOpen", "required", "placeholder", "prefixLabel", "prepend", "repositionMode", "selectAllAppearance", "showSelectedValuesFirst", "suffixLabel", "tabConfirmsNewValue", "values", "virtualization", "toggle", "toggleContent" ]);
+        Bt[ce.legacyRefMode] = true;
+        function At(n) {
+            var r = n.allowKeyMatching, o = r === void 0 ? true : r, a = n.animateLoading, l = n.appearance, i = l === void 0 ? "toggle" : l, u = n.append, c = n.allowNewValues, p = n.children, d = n.defaultPlacement, v = d === void 0 ? "vertical" : d, b = n.defaultValues, y = n.describedBy, m = n.disabled, h = n.elementRef, g = n.error, O = n.filter, w = n.footerMessage, S = n.inline, x = n.inputId, j = n.inputRef, P = n.isLoadingOptions, E = n.labelledBy, I = n.labelText, R = n.loadingMessage, M = n.menuStyle, T = M === void 0 ? {} : M, _ = n.multiple, B = n.name, A = n.noOptionsMessage, q = A === void 0 ? It : A, V = n.onChange, D = n.onScroll, N = n.onScrollBottom, L = n.onFilterChange, F = n.onClick, K = n.onClose, H = n.onOpen, $ = n.required, z = n.placeholder, W = z === void 0 ? Rt : z, U = n.prefixLabel, G = n.prepend, J = n.repositionMode, Q = J === void 0 ? "flip" : J, Z = n.selectAllAppearance, te = Z === void 0 ? "buttongroup" : Z, ne = n.showSelectedValuesFirst, re = n.suffixLabel, oe = n.tabConfirmsNewValue, ae = n.values, ie = n.virtualization, ce = n.toggle, fe = n.toggleContent, pe = fe === void 0 ? "optionChildren" : fe, be = vt(n, [ "allowKeyMatching", "animateLoading", "appearance", "append", "allowNewValues", "children", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "filter", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "labelText", "loadingMessage", "menuStyle", "multiple", "name", "noOptionsMessage", "onChange", "onScroll", "onScrollBottom", "onFilterChange", "onClick", "onClose", "onOpen", "required", "placeholder", "prefixLabel", "prepend", "repositionMode", "selectAllAppearance", "showSelectedValuesFirst", "suffixLabel", "tabConfirmsNewValue", "values", "virtualization", "toggle", "toggleContent" ]);
             // @docs-props-type SelectBasePropsBase
-                        var le = (0, rt["default"])({
-                value: Z,
-                defaultValue: v,
+                        var ye = (0, Xe["default"])({
+                value: ae,
+                defaultValue: b,
                 componentName: "SelectBase"
             });
             // states
-                        var ue = (0, e.useState)((function() {
+                        var me = (0, e.useState)((function() {
                 return {
-                    activeItemId: (0, Ie.createDOMID)("active-item"),
-                    menuListboxId: (0, Ie.createDOMID)("menu-listbox")
+                    activeItemId: (0, Oe.createDOMID)("active-item"),
+                    menuListboxId: (0, Oe.createDOMID)("menu-listbox")
                 };
-            })), ce = bt(ue, 1), se = ce[0], fe = se.activeItemId, pe = se.menuListboxId;
-            var ve = (0, e.useState)(0), ye = bt(ve, 2), he = ye[0], ge = ye[1];
-            var Ce = (0, e.useState)(""), Se = bt(Ce, 2), ke = Se[0], je = Se[1];
-            var Ee = (0, e.useState)(false), Me = bt(Ee, 2), Ae = Me[0], _e = Me[1];
-            var Re = (0, e.useState)(false), Ve = bt(Re, 2), Te = Ve[0], Be = Ve[1];
-            var qe = (0, e.useState)([]), Ne = bt(qe, 2), De = Ne[0], Le = Ne[1];
-            var Fe = (0, e.useState)(v || []), Ke = bt(Fe, 2), He = Ke[0], $e = Ke[1];
+            })), Se = ut(me, 1), Ce = Se[0], ke = Ce.activeItemId, xe = Ce.menuListboxId;
+            var je = (0, e.useState)(0), Pe = ut(je, 2), Ee = Pe[0], Ie = Pe[1];
+            var Re = (0, e.useState)(""), Me = ut(Re, 2), Te = Me[0], _e = Me[1];
+            var Be = (0, e.useState)(false), Ae = ut(Be, 2), qe = Ae[0], De = Ae[1];
+            var Ne = (0, e.useState)(false), Le = ut(Ne, 2), Fe = Le[0], Ke = Le[1];
+            var He = (0, e.useState)([]), $e = ut(He, 2), ze = $e[0], We = $e[1];
+            var Ue = (0, e.useState)(b || []), Ge = ut(Ue, 2), Je = Ge[0], Qe = Ge[1];
  // previous state
-                        var ze = xe()(he);
+                        var Ze = he()(Ee);
             // refs
-                        var We = (0, e.useRef)(null);
-            var Ue = (0, e.useRef)(null);
-            var Ge = (0, e.useRef)(null);
-            var Je = (0, e.useRef)([]);
-            var Xe = (0, e.useRef)([]);
-            var Qe = (0, e.useRef)(ze);
-            var Ye = (0, e.useRef)();
-            var Ze = (0, e.useRef)({});
-            var et = (0, e.useRef)(0);
-            var tt = (0, e.useRef)([]);
-            var nt = (0, e.useRef)(null);
-            var ot = (0, e.useRef)();
-            var lt = (0, e.useRef)(0);
-            var it = (0, e.useRef)("none");
-            // setters for refs used in subcomponents
-                        var ut = function e(t) {
-                et.current = t;
-            };
-            var ft = function e(t) {
-                ot.current = t;
-            };
-            var pt = function e(t) {
-                lt.current = t;
-            };
-            var dt = function e(t) {
-                Ye.current = t;
-            };
-            var yt = function e(t) {
-                Xe.current = t;
-            };
-            var mt = function e(t) {
-                it.current = t;
-            };
-            var ht = function e(t) {
-                tt.current = t;
-            };
+                        var et = (0, e.useRef)(null);
+            var tt = (0, e.useRef)(null);
+            var ot = (0, e.useRef)(null);
+            var at = (0, e.useRef)([]);
+            var lt = (0, e.useRef)([]);
+            var ct = (0, e.useRef)(Ze);
+            var st = (0, e.useRef)();
+            var ft = (0, e.useRef)({});
+            var pt = (0, e.useRef)(0);
+            var dt = (0, e.useRef)([]);
+            var bt = (0, e.useRef)(null);
+            var yt = (0, e.useRef)();
+            var mt = (0, e.useRef)(0);
+            var ht = (0, e.useRef)("none");
             (0, e.useEffect)((function() {
                 if (false) {}
-            }), [ u, c, h, z ]);
+            }), [ i, u, g, G ]);
             var gt = (0, e.useCallback)((function() {
-                var e = le ? Z : He;
-                return M || e == null ? e : e.slice(0, 1);
-            }), [ le, M, Z, He ]);
+                var e = ye ? ae : Je;
+                return _ || e == null ? e : e.slice(0, 1);
+            }), [ ye, _, ae, Je ]);
             var Ot = (0, e.useCallback)((function() {
                 var e;
                 // in non-multiple mode, don't move values to the top of the list
-                                return M && X !== "never" ? (e = gt()) !== null && e !== void 0 ? e : [] : [];
-            }), [ gt, M, X ]);
-            var Ct = (0, e.useCallback)((function(e) {
-                var t = ke;
-                _e(true);
-                Le(Ot());
+                                return _ && ne !== "never" ? (e = gt()) !== null && e !== void 0 ? e : [] : [];
+            }), [ gt, _, ne ]);
+            var wt = (0, e.useCallback)((function(e) {
+                var t = Te;
+                De(true);
+                We(Ot());
                 // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
-                                if (M) {
-                    je("");
+                                if (_) {
+                    _e("");
                 }
-                if (t !== ke) {
-                    q === null || q === void 0 ? void 0 : q(e, {
-                        keyword: ke
+                if (t !== Te) {
+                    L === null || L === void 0 ? void 0 : L(e, {
+                        keyword: Te
                     });
                 }
-            }), [ ke, Ot, M, q ]);
+            }), [ Te, Ot, _, L ]);
             (0, e.useEffect)((function() {
-                if (Ae) {
-                    L === null || L === void 0 ? void 0 : L();
-                    if (nt.current && !g) {
-                        nt.current.focus();
+                if (qe) {
+                    H === null || H === void 0 ? void 0 : H();
+                    if (bt.current && !O) {
+                        bt.current.focus();
                     } else {
                         var e;
-                        ge((e = ot.current) !== null && e !== void 0 ? e : 0);
+                        Ie((e = yt.current) !== null && e !== void 0 ? e : 0);
                     }
                 }
-            }), [ L, Ae, De, ke, g ]);
+            }), [ H, qe, ze, Te, O ]);
             var St = (0, e.useCallback)((function() {
-                _e(false);
-                ge(0);
-                Qe.current = null;
-                D === null || D === void 0 ? void 0 : D();
-            }), [ D ]);
-            var kt = (0, e.useCallback)((function(e, t) {
+                De(false);
+                Ie(0);
+                ct.current = null;
+                K === null || K === void 0 ? void 0 : K();
+            }), [ K ]);
+            var Ct = (0, e.useCallback)((function(e, t) {
                 var n;
                 var r = (n = gt()) !== null && n !== void 0 ? n : [];
                 var o = r.indexOf(t);
                 var a;
-                if (M) {
+                if (_) {
                     if (o >= 0) {
-                        a = [].concat(st(r.slice(0, o)), st(r.slice(o + 1)));
+                        a = [].concat(rt(r.slice(0, o)), rt(r.slice(o + 1)));
                     } else {
                         a = r.concat([ t ]);
                     }
@@ -1672,14 +1383,14 @@
                     // non-multiple mode must always have a value
                     a = [ t ];
                 }
-                var l = !le;
+                var l = !ye;
                 if (l) {
-                    $e(a);
+                    Qe(a);
                 }
-                if (M) {
+                if (_) {
                     // in uncontrolled multiple mode, keep the menu open
                     if (l) {
-                        _e(true);
+                        De(true);
                     }
                 } else {
                     var i;
@@ -1688,127 +1399,127 @@
                                         St({
                         reason: "contentClick"
                     });
-                    (i = We.current) === null || i === void 0 ? void 0 : i.focus();
+                    (i = et.current) === null || i === void 0 ? void 0 : i.focus();
                 }
                 V === null || V === void 0 ? void 0 : V(e, {
                     values: a,
-                    name: A,
+                    name: B,
                     reason: "valueToggle"
                 });
-            }), [ gt, St, le, M, A, V ]);
-            var xt = function e() {
-                Ue.current = null;
-                Je.current = [];
-                if (Ge.current) {
-                    clearTimeout(Ge.current);
+            }), [ gt, St, ye, _, B, V ]);
+            var Et = function e() {
+                tt.current = null;
+                at.current = [];
+                if (ot.current) {
+                    clearTimeout(ot.current);
                 }
             };
-            var jt = (0, e.useCallback)((function(e) {
+            var _t = (0, e.useCallback)((function(e) {
                 var n;
                 // this doesn't make sense if we can't select multiple values
-                                if (!M) {
+                                if (!_) {
                     return;
                 }
                 var r = (n = gt()) !== null && n !== void 0 ? n : [];
-                var o = de()(r.concat(tt.current));
-                o = t().Children.toArray(f).filter((function(e) {
-                    return Rt(e) && ie()(o, e.props.value) && (!e.props.disabled || ie()(r, e.props.value));
+                var o = le()(r.concat(dt.current));
+                o = t().Children.toArray(p).filter((function(e) {
+                    return jt(e) && ee()(o, e.props.value) && (!e.props.disabled || ee()(r, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
-                if (!le) {
-                    $e(o);
+                if (!ye) {
+                    Qe(o);
                 }
                 V === null || V === void 0 ? void 0 : V(e, {
                     values: o,
-                    name: A,
+                    name: B,
                     reason: "selectAll"
                 });
-            }), [ f, gt, le, M, A, V ]);
-            var It = (0, e.useCallback)((function(e) {
+            }), [ p, gt, ye, _, B, V ]);
+            var At = (0, e.useCallback)((function(e) {
                 var n;
                 // this doesn't make sense if we can't select multiple values
-                                if (!M) {
+                                if (!_) {
                     return;
                 }
                 var r = (n = gt()) !== null && n !== void 0 ? n : [];
-                var o = be().apply(void 0, [ r ].concat(st(tt.current)));
+                var o = ue().apply(void 0, [ r ].concat(rt(dt.current)));
                 // this will unselect all selected values unless those values are disabled or hidden by the filter
-                                var a = t().Children.toArray(f).filter((function(e) {
-                    return Rt(e) && (ie()(r, e.props.value) && e.props.disabled || ie()(o, e.props.value));
+                                var a = t().Children.toArray(p).filter((function(e) {
+                    return jt(e) && (ee()(r, e.props.value) && e.props.disabled || ee()(o, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
-                if (!le) {
-                    $e(a);
+                if (!ye) {
+                    Qe(a);
                 }
                 V === null || V === void 0 ? void 0 : V(e, {
                     values: a,
-                    name: A,
+                    name: B,
                     reason: "clearAll"
                 });
-            }), [ f, gt, le, M, A, V ]);
-            var Pt = (0, e.useCallback)((function(e) {
-                if (Ae && !k) {
-                    B === null || B === void 0 ? void 0 : B(e);
-                }
-            }), [ Ae, k, B ]);
-            var Et = (0, e.useCallback)((function(t) {
-                var n = (0, Pe.keycode)(t.nativeEvent);
+            }), [ p, gt, ye, _, B, V ]);
+            var qt = (0, e.useCallback)((function(e) {
+                if (qe && !P) {
+                    N === null || N === void 0 ? void 0 : N(e);
+                }
+            }), [ qe, P, N ]);
+            var Vt = (0, e.useCallback)((function(t) {
+                var n = (0, we.keycode)(t.nativeEvent);
                 if (n === "tab") {
-                    if (Y && Ye.current && et.current <= 1) {
+                    if (oe && st.current && pt.current <= 1) {
                         t.preventDefault();
-                        kt(t, Ye.current);
+                        Ct(t, st.current);
                     }
                 }
                 if (t.shiftKey || t.metaKey || t.ctrlKey) {
                     if (n === "a" && (t.ctrlKey || t.metaKey)) {
                         // handle control + A
-                        if (it.current === "all") {
-                            It(t);
+                        if (ht.current === "all") {
+                            At(t);
                         } else {
-                            jt(t);
+                            _t(t);
                         }
                     }
                     return;
                 }
                 if (n === "down") {
                     t.preventDefault();
-                    ge(Math.min(he + 1, J === "checkbox" ? et.current : et.current - 1));
-                    if (f && B) {
+                    Ie(Math.min(Ee + 1, te === "checkbox" ? pt.current : pt.current - 1));
+                    if (p && N) {
                         var r;
-                        var o = e.Children.toArray(f).length - (2 + ((r = gt()) !== null && r !== void 0 ? r : []).length);
-                        if (he === o) {
-                            Pt(t);
+                        var o = e.Children.toArray(p).length - (2 + ((r = gt()) !== null && r !== void 0 ? r : []).length);
+                        if (Ee === o) {
+                            qt(t);
                         }
                     }
                 }
                 if (n === "up") {
                     t.preventDefault();
-                    ge(Math.max(he - 1, 0));
+                    Ie(Math.max(Ee - 1, 0));
                 }
-                if (n === "enter" && Ye.current && Ae) {
-                    if (Ye.current === "selectAll") {
-                        if (it.current === "all") {
-                            It(t);
+                if (n === "enter" && st.current && qe) {
+                    if (st.current === "selectAll") {
+                        if (ht.current === "all") {
+                            At(t);
                         } else {
-                            jt(t);
+                            _t(t);
                         }
                     } else {
                         t.preventDefault();
-                        kt(t, Ye.current);
+                        Ct(t, st.current);
                     }
                 }
-            }), [ he, f, gt, It, Pt, jt, B, Ae, J, Y, kt ]);
-            var Mt = (0, e.useCallback)((function(e, t) {
+            }), [ Ee, p, gt, At, qt, _t, N, qe, te, oe, Ct ]);
+            var Dt = (0, e.useCallback)((function(e, t) {
                 var n = t.value;
                 e.preventDefault();
-                if (!Ae) {
+                if (!qe) {
                     return;
                 }
-                kt(e, n);
-            }), [ Ae, kt ]);
-            var Tt = (0, e.useCallback)((function(e, t) {
+                Ct(e, n);
+            }), [ qe, Ct ]);
+            var Nt = (0, e.useCallback)((function(e, t) {
                 var n = e.nativeEvent.key;
                 // Checking for a single character to avoid complications from double-byte languages and emojis.
                                 if (n.length === 1) {
@@ -1817,227 +1528,414 @@
                         index: 0,
                         value: n
                     };
-                    if (!Ue.current) {
+                    if (!tt.current) {
                         if (n === " ") {
-                            xt();
+                            Et();
                             return;
                         }
-                        r = at(Xe.current, o);
-                    } else if (Je.current.length > 1) {
-                        o.index = Ue.current.index + 1;
-                        r = at(Je.current, o);
+                        r = Ye(lt.current, o);
+                    } else if (at.current.length > 1) {
+                        o.index = tt.current.index + 1;
+                        r = Ye(at.current, o);
                     }
                     if (r.length) {
-                        var a = 0;
+                        var a;
+                        var l = 0;
                         // If the active option is a first character match, cycle to the next matching option.
                                                 if (o.index === 0 && r.length > 1) {
-                            var l = r.indexOf(Xe.current[t]);
-                            if (l >= 0) {
-                                a = l === r.length - 1 ? 0 : l + 1;
+                            var i = r.indexOf(lt.current[t]);
+                            if (i >= 0) {
+                                l = i === r.length - 1 ? 0 : i + 1;
                             }
                         }
-                        var i = r[a];
-                        var u = i.value, c = i.label;
-                        var s = Ze.current[Vt(u, c)];
-                        if (s != null) {
-                            var f;
-                            (f = s.focus) === null || f === void 0 ? void 0 : f.call(s);
-                        }
+                        var u = r[l];
+                        var c = u.value, s = u.label;
+                        var f = ft.current[Pt(c, s)];
+                        f === null || f === void 0 ? void 0 : (a = f.focus) === null || a === void 0 ? void 0 : a.call(f);
                     }
-                    Je.current = r;
-                    Ue.current = o;
-                    if (Ge.current) {
-                        clearTimeout(Ge.current);
+                    at.current = r;
+                    tt.current = o;
+                    if (ot.current) {
+                        clearTimeout(ot.current);
                     }
-                    Ge.current = setTimeout(xt, 500);
+                    ot.current = setTimeout(Et, 500);
                     e.preventDefault();
                     e.stopPropagation();
                 }
             }), []);
-            var Ft = (0, e.useCallback)((function(e, t) {
+            var Lt = (0, e.useCallback)((function(e, t) {
                 var n = t.value;
-                je(n);
-                _e(true);
-                ge(0);
-                q === null || q === void 0 ? void 0 : q(e, {
+                _e(n);
+                De(true);
+                Ie(0);
+                L === null || L === void 0 ? void 0 : L(e, {
                     keyword: n
                 });
-            }), [ q ]);
-            var Ht = (0, e.useCallback)((function() {
-                Be(true);
+            }), [ L ]);
+            var Ft = (0, e.useCallback)((function() {
+                Ke(true);
             }), []);
-            var $t = (0, e.useCallback)((function() {
-                Be(false);
+            var Kt = (0, e.useCallback)((function() {
+                Ke(false);
             }), []);
-            var zt = (0, e.useCallback)((function(e) {
-                if (Qe.current !== he) {
-                    e === null || e === void 0 ? void 0 : e.scrollIntoViewIfNeeded();
+            var Ht = (0, e.useCallback)((function(e) {
+                if (ct.current !== Ee) {
+                    k(e);
                 }
-            }), [ he ]);
-            var Wt = (0, e.useCallback)((function(e, t, n) {
+            }), [ Ee ]);
+            var $t = (0, e.useCallback)((function(e, t, n) {
                 if (n) {
-                    nt.current = e;
+                    bt.current = e;
                 }
                 if (e == null) {
-                    delete Ze.current[t];
+                    delete ft.current[t];
                 } else {
-                    Ze.current[t] = e;
+                    ft.current[t] = e;
                 }
-            }), []);
-            var Ut = (0, e.useCallback)((function(e) {
-                We.current = e;
-            }), [ We ]);
-            var Gt = (r = gt()) !== null && r !== void 0 ? r : [];
-            var Jt = e.Children.toArray(f);
-            var Xt = Gt.some((function(e) {
-                var t = re()(Jt, (function(t) {
-                    return Rt(t) && t.props.value === e;
+            }), [ ft ]);
+            var zt = (0, e.useCallback)((function(e) {
+                et.current = e;
+            }), [ et ]);
+            var Wt = (0, e.useMemo)((function() {
+                var e;
+                return (e = gt()) !== null && e !== void 0 ? e : [];
+            }), [ gt ]);
+            var Ut = e.Children.toArray(p);
+            var Gt = Wt.some((function(e) {
+                var t = X()(Ut, (function(t) {
+                    return jt(t) && t.props.value === e;
                 }));
                 return t && !t.props.disabled;
             }));
-            var Qt = X === "immediately" ? Ot() : De;
-            var Yt = {
-                activeIndex: he,
-                activeItemId: fe,
-                allowKeyMatching: a,
-                allowNewValues: s,
-                availableMatchOptions: Xe,
-                availableOptionCount: et,
-                children: f,
-                currentValues: Gt,
-                filter: g,
-                filterKeyword: ke,
-                firstSelectedOptionIndex: ot,
-                isLoadingOptions: k,
-                multiple: M,
-                newTopValues: Qt,
-                onActiveOptionMount: zt,
-                onClick: Mt,
-                onClearAll: It,
-                onKeyDown: Tt,
-                onOptionMount: Wt,
-                onScrollBottom: B,
-                onSelectAll: jt,
-                optionSelection: it,
-                selectAllAppearance: J,
-                selectedOptionCount: lt,
-                setActiveValue: dt,
-                setAvailableMatchOptions: yt,
-                setAvailableOptionCount: ut,
-                setDisplayedValues: ht,
-                setFirstSelectedOptionIndex: ft,
-                setOptionSelection: mt,
-                setSelectedOptionCount: pt,
-                textHasFocus: Te,
-                toggle: te
-            };
-            var Zt = function e(n) {
-                var r = n.anchorWidth, o = n.maxHeight, a = n.placement;
-                var i = At({
+            var Jt = ne === "immediately" ? Ot() : ze;
+            var Xt = (0, e.useMemo)((function() {
+                pt.current = 0;
+                yt.current = undefined;
+                mt.current = 0;
+                st.current = undefined;
+                lt.current = [];
+                var n = function e(t, n) {
+                    return function(e) {
+                        return $t(e, t, n);
+                    };
+                };
+                var r;
+                var a = 0;
+                var l = false;
+                // used to avoid overwriting the selected item ref in multiple mode
+                                var i;
+                var u = e.Children.toArray(p).reduce((function(u, c, s) {
+                    // ignore Headings and Dividers
+                    if (!jt(c)) {
+                        u.push(c);
+                        return u;
+                    }
+                    var p = c.props, d = p.disabled, v = p.hidden, b = p.label, y = p.value;
+ // Find out if the search string exactly matches a value
+                                        if (y === Te) {
+                        r = true;
+                    }
+                    var m = Wt && Wt.indexOf(y) >= 0;
+                    var h = !!m && !d && !i;
+                    var g = o && !_ && !O && !P && !N;
+                    var w = Pt(y, b);
+                    var S = -1;
+                    if (g && !d && !v) {
+                        lt.current.push({
+                            label: b,
+                            value: y
+                        });
+                        S = lt.current.length - 1;
+                    }
+                    // Format the Menu.Item
+                                        var C =  (0, e.cloneElement)(c, {
+                        elementRef: n(w, h),
+                        key: c.key || s,
+                        onClick: Dt,
+                        onKeyDown: g ? function(e) {
+                            return Nt(e, S);
+                        } : undefined,
+                        selected: m,
+                        multiple: _,
+                        role: "option"
+                    });
+                    if (h) {
+                        i = true;
+                    }
+                    if (Jt && Jt.indexOf(y) >= 0) {
+                        if (a === 0) {
+                            u.splice(a, 0,  t().createElement(f.Divider, {
+                                key: "topDivider"
+                            }));
+                            l = true;
+                        }
+                        u.splice(a, 0, C);
+                        a += 1;
+                    } else {
+                        u.push(C);
+                    }
+                    return u;
+                }), []);
+                // In multiple mode, add missing items
+                                if (_) {
+                    Y()(Wt, (function(e) {
+                        var o = X()(u, (function(t) {
+                            return jt(t) && t.props && t.props.value === e;
+                        }));
+                        if (!o) {
+                            if (e === Te) {
+                                r = true;
+                            }
+                            var i = Jt && Jt.indexOf(e) >= 0;
+                            var c = Jt.length;
+                            if (a === 0) {
+                                u.splice(0, 0,  t().createElement(f.Divider, {
+                                    key: "topDivider"
+                                }));
+                                a += 1;
+                                l = true;
+                            }
+                            var s = String(e);
+                            var p = Pt(e, s);
+                            u.splice(i ? 0 : c + 1, 0,  t().createElement(C, {
+                                elementRef: n(p),
+                                label: s,
+                                value: e,
+                                key: "missing-value-".concat(e),
+                                onClick: Dt,
+                                multiple: _,
+                                selected: true
+                            }));
+                            if (i) {
+                                a += 1;
+                            }
+                        }
+                    }));
+                }
+                var d = O === "controlled";
+                // Filter the items
+                                var v = (0, ge.stringToKeywords)(Te);
+                u = d ? u : u.filter((function(e) {
+                    if (jt(e)) {
+                        return (0, ge.testPhrase)(e.props.label, v);
+                    }
+                    return true;
+ // Keep all headers and non-interactive options
+                                })).map((function(t) {
+                    if (!jt(t)) {
+                        return t;
+                    }
+                    // highlight matched text
+                                        var n = v && (0, ge.keywordLocations)(t.props.label, v);
+                    
+                    return (0, e.cloneElement)(t, {
+                        matchRanges: n || undefined
+                    });
+                }));
+                // Add the option to add the new value
+                                if (c && !r && Te) {
+                    var b = l ? a + 1 : a;
+                    var y = "".concat(Te, " (new value)");
+                    var m = Pt(Te, y);
+                    u.splice(b, 0,  t().createElement(C, {
+                        elementRef: n(m),
+                        label: y,
+                        value: Te,
+                        key: "newValue",
+                        multiple: _,
+                        onClick: Dt
+                    }));
+                }
+                // When selectAll is a menu item, add an offset so that activeItem accounts for the extra selectAll option.
+                                var h = te === "checkbox" && _ && u.length > 1 ? 1 : 0;
+                var g = true;
+                // Highlight the selected Items and remove hidden
+                                u = u.reduce((function(t, n) {
+                    // ignore Dividers & Headings
+                    if (!jt(n)) {
+                        t.push(n);
+                        return t;
+                    }
+                    // Ignore any hidden items
+                                        if (n.props && n.props.hidden) {
+                        return t;
+                    }
+                    if (n.props.selected && !n.props.disabled && yt.current == null) {
+                        yt.current = pt.current;
+                    }
+                    var r = h === Ee;
+                    h += 1;
+                    pt.current += 1;
+                    mt.current += n.props.selected ? 1 : 0;
+                    if (n.key !== "newValue" && !n.props.disabled && !n.props.selected) {
+                        g = false;
+                    }
+                    if (!r || !Fe) {
+                        t.push(n);
+                        return t;
+                    }
+                    if (!n.props.disabled) {
+                        st.current = n.props.value;
+                    }
+                    var o =  (0, e.cloneElement)(n, {
+                        active: r,
+                        elementRef: Ht,
+                        id: ke
+                    });
+                    t.push(o);
+                    return t;
+                }), []);
+                ht.current = mt.current === 0 && "none" || g && "all" || "some";
+                // add select all option
+                                if (te === "checkbox" && _ && pt.current > 0) {
+                    var w;
+                    if (ht.current === "all") {
+                        if (Te === "") {
+                            w = (0, s._)("Clear all");
+                        } else {
+                            w = (0, s._)("Clear all matches");
+                        }
+                    } else if (Te === "") {
+                        w = (0, s._)("Select all");
+                    } else {
+                        w = (0, s._)("Select all matches");
+                    }
+                    if (Ee === 0 && Fe) {
+                        st.current = "selectAll";
+                    }
+                    u.unshift( t().createElement(Ve, {
+                        key: "select-all-option",
+                        active: Ee === 0,
+                        changedToggle: !!ce,
+                        elementRef: Ht,
+                        id: Ee === 0 ? ke : undefined,
+                        onClick: ht.current === "all" ? At : _t,
+                        selectAllLabel: w,
+                        selected: ht.current === "all" || ht.current !== "none" && "some",
+                        totalCount: Wt.length,
+                        tabIndex: -1
+                    }),  t().createElement(f.Divider, {
+                        key: "selectAllDivider"
+                    }));
+                }
+                dt.current = u.reduce((function(e, t) {
+                    if (jt(t)) {
+                        e.push(t.props.value);
+                    }
+                    return e;
+                }), []);
+                Tt = u.some((function(e) {
+                    return jt(e);
+                }));
+                return u;
+            }), [ Ee, ke, o, c, p, Wt, O, Te, Ht, At, Dt, Nt, $t, _t, P, _, Jt, N, te, Fe, ce ]);
+            var Qt = function e(n) {
+                var r = n.anchorWidth, o = n.maxHeight, l = n.placement;
+                var i = kt({
                     anchorWidth: r,
-                    isMultiple: M,
+                    isMultiple: _,
                     maxHeight: o,
-                    menuStyle: E
+                    menuStyle: T
                 });
-                var u = Gt.length > 0 && !Xt && !g ? 0 : undefined;
+                var u = Wt.length > 0 && !Gt && !O ? 0 : undefined;
                 var c = {
-                    "aria-multiselectable": M || undefined,
-                    childrenStart: !!g &&  t().createElement(Nt, {
-                        activeItemId: fe,
-                        filterKeyword: ke,
-                        hasChildren: Dt,
-                        inputId: C,
-                        inputRef: S,
-                        menuListboxId: pe,
-                        multiple: M,
-                        onClearAll: It,
-                        onSelectAll: jt,
-                        onTextBlur: $t,
-                        onTextChange: Ft,
-                        onTextFocus: Ht,
-                        onTextKeyDown: Et,
-                        optionSelection: it,
-                        placement: a,
-                        selectAllAppearance: J,
-                        textHasFocus: Te
+                    "aria-multiselectable": _ || undefined,
+                    childrenStart: !!O &&  t().createElement(Mt, {
+                        activeItemId: ke,
+                        filterKeyword: Te,
+                        hasChildren: Tt,
+                        inputId: x,
+                        inputRef: j,
+                        menuListboxId: xe,
+                        multiple: _,
+                        onClearAll: At,
+                        onSelectAll: _t,
+                        onTextBlur: Kt,
+                        onTextChange: Lt,
+                        onTextFocus: Ft,
+                        onTextKeyDown: Vt,
+                        optionSelection: ht,
+                        placement: l,
+                        selectAllAppearance: te,
+                        textHasFocus: Fe
                     }),
-                    focusMode: g ? "never" : undefined,
-                    isLoading: k,
-                    menuId: pe,
-                    onScrollBottom: B ? Pt : undefined,
-                    placement: a !== null && a !== void 0 ? a : undefined,
-                    noOptionsMessage: R,
-                    footerMessage: O,
-                    animateLoading: l,
-                    loadingMessage: I,
-                    onScroll: T,
+                    focusMode: O ? "never" : undefined,
+                    isLoading: P,
+                    menuId: xe,
+                    onScrollBottom: N ? qt : undefined,
+                    placement: l !== null && l !== void 0 ? l : undefined,
+                    noOptionsMessage: q,
+                    footerMessage: w,
+                    animateLoading: a,
+                    loadingMessage: R,
+                    onScroll: D,
                     style: i,
                     tabIndex: u
                 };
-                if (ee) {
+                if (ie) {
                     
-                    return t().createElement(Oe.VirtualizedResultsMenu, vt({
-                        virtualization: ee
-                    }, c),  t().createElement(Lt, Yt));
+                    return t().createElement(de.VirtualizedResultsMenu, it({
+                        virtualization: ie
+                    }, c), Xt);
                 }
                 
-                return t().createElement(we(), c,  t().createElement(Lt, Yt));
+                return t().createElement(ve(), c, Xt);
             };
             
-            return t().createElement(me(), {
-                closeReasons: _t,
-                inputId: C,
-                toggle:  t().createElement(Kt, vt({
-                    appearance: u,
-                    append: c,
+            return t().createElement(se(), {
+                closeReasons: xt,
+                inputId: x,
+                toggle:  t().createElement(Bt, it({
+                    appearance: i,
+                    append: u,
                     currentValues: gt(),
-                    "data-test": M ? "multiselect" : "select",
-                    describedBy: b,
-                    disabled: y,
-                    elementRef: m,
-                    error: h,
-                    inline: w,
-                    labelText: j,
-                    labelledBy: x,
-                    multiple: M,
-                    onClick: N,
-                    placeholder: H,
-                    prefixLabel: $,
-                    prepend: z,
-                    required: F,
-                    suffixLabel: Q,
-                    toggle: te,
-                    toggleContent: oe
-                }, ae), f),
-                onRequestOpen: Ct,
+                    "data-test": _ ? "multiselect" : "select",
+                    describedBy: y,
+                    disabled: m,
+                    elementRef: h,
+                    error: g,
+                    inline: S,
+                    labelText: I,
+                    labelledBy: E,
+                    multiple: _,
+                    onClick: F,
+                    placeholder: W,
+                    prefixLabel: U,
+                    prepend: G,
+                    required: $,
+                    suffixLabel: re,
+                    toggle: ce,
+                    toggleContent: pe
+                }, be), p),
+                onRequestOpen: wt,
                 onRequestClose: St,
-                open: Ae,
+                open: qe,
                 openWithArrowKeys: true,
-                repositionMode: U,
-                defaultPlacement: g ? d : undefined,
-                canCoverAnchor: ct().innerHeight < 500,
-                ref: Ut,
+                repositionMode: Q,
+                defaultPlacement: O ? v : undefined,
+                canCoverAnchor: nt().innerHeight < 500,
+                ref: zt,
                 retainFocus: false,
-                takeFocus: Gt.length === 0 || Gt.length > 0 && !Xt || !!g
-            }, Zt);
-        }
-        Ht.propTypes = Et;
-        Ht.componentType = "SelectBase";
-        Ht.Option = _;
-        Ht.Divider = f.Divider;
-        Ht.Heading = f.Heading;
-        /* harmony default export */        const $t = Ht;
+                takeFocus: Wt.length === 0 || Wt.length > 0 && !Gt || !!O
+            }, Qt);
+        }
+        At.propTypes = St;
+        At.componentType = "SelectBase";
+        At.Option = C;
+        At.Divider = f.Divider;
+        At.Heading = f.Heading;
+        /* harmony default export */        const qt = At;
         // CONCATENATED MODULE: ./src/Multiselect/Compact.tsx
-        function zt(e) {
+        function Vt(e) {
             "@babel/helpers - typeof";
-            return zt = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return Vt = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
                 return typeof e;
             } : function(e) {
                 return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-            }, zt(e);
+            }, Vt(e);
         }
-        function Wt() {
-            return Wt = Object.assign ? Object.assign.bind() : function(e) {
+        function Dt() {
+            return Dt = Object.assign ? Object.assign.bind() : function(e) {
                 for (var t = 1; t < arguments.length; t++) {
                     var n = arguments[t];
                     for (var r in n) {
@@ -2045,11 +1943,11 @@
                     }
                 }
                 return e;
-            }, Wt.apply(null, arguments);
+            }, Dt.apply(null, arguments);
         }
-        function Ut(e, t) {
+        function Nt(e, t) {
             if (null == e) return {};
-            var n, r, o = Gt(e, t);
+            var n, r, o = Lt(e, t);
             if (Object.getOwnPropertySymbols) {
                 var a = Object.getOwnPropertySymbols(e);
                 for (r = 0; r < a.length; r++) {
@@ -2058,7 +1956,7 @@
             }
             return o;
         }
-        function Gt(e, t) {
+        function Lt(e, t) {
             if (null == e) return {};
             var n = {};
             for (var r in e) {
@@ -2069,22 +1967,22 @@
             }
             return n;
         }
-        function Jt(e, t) {
+        function Ft(e, t) {
             if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
         }
-        function Xt(e, t) {
+        function Kt(e, t) {
             for (var n = 0; n < t.length; n++) {
                 var r = t[n];
                 r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
-                Object.defineProperty(e, ln(r.key), r);
+                Object.defineProperty(e, Yt(r.key), r);
             }
         }
-        function Qt(e, t, n) {
-            return t && Xt(e.prototype, t), n && Xt(e, n), Object.defineProperty(e, "prototype", {
+        function Ht(e, t, n) {
+            return t && Kt(e.prototype, t), n && Kt(e, n), Object.defineProperty(e, "prototype", {
                 writable: !1
             }), e;
         }
-        function Yt(e, t) {
+        function $t(e, t) {
             if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
             e.prototype = Object.create(t && t.prototype, {
                 constructor: {
@@ -2094,69 +1992,69 @@
                 }
             }), Object.defineProperty(e, "prototype", {
                 writable: !1
-            }), t && Zt(e, t);
+            }), t && zt(e, t);
         }
-        function Zt(e, t) {
-            return Zt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+        function zt(e, t) {
+            return zt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
                 return e.__proto__ = t, e;
-            }, Zt(e, t);
+            }, zt(e, t);
         }
-        function en(e) {
-            var t = rn();
+        function Wt(e) {
+            var t = Jt();
             return function() {
-                var n, r = on(e);
+                var n, r = Xt(e);
                 if (t) {
-                    var o = on(this).constructor;
+                    var o = Xt(this).constructor;
                     n = Reflect.construct(r, arguments, o);
                 } else n = r.apply(this, arguments);
-                return tn(this, n);
+                return Ut(this, n);
             };
         }
-        function tn(e, t) {
-            if (t && ("object" == zt(t) || "function" == typeof t)) return t;
+        function Ut(e, t) {
+            if (t && ("object" == Vt(t) || "function" == typeof t)) return t;
             if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-            return nn(e);
+            return Gt(e);
         }
-        function nn(e) {
+        function Gt(e) {
             if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
             return e;
         }
-        function rn() {
+        function Jt() {
             try {
                 var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
             } catch (e) {}
-            return (rn = function t() {
+            return (Jt = function t() {
                 return !!e;
             })();
         }
-        function on(e) {
-            return on = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+        function Xt(e) {
+            return Xt = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
                 return e.__proto__ || Object.getPrototypeOf(e);
-            }, on(e);
+            }, Xt(e);
         }
-        function an(e, t, n) {
-            return (t = ln(t)) in e ? Object.defineProperty(e, t, {
+        function Qt(e, t, n) {
+            return (t = Yt(t)) in e ? Object.defineProperty(e, t, {
                 value: n,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
             }) : e[t] = n, e;
         }
-        function ln(e) {
-            var t = un(e, "string");
-            return "symbol" == zt(t) ? t : t + "";
+        function Yt(e) {
+            var t = Zt(e, "string");
+            return "symbol" == Vt(t) ? t : t + "";
         }
-        function un(e, t) {
-            if ("object" != zt(e) || !e) return e;
+        function Zt(e, t) {
+            if ("object" != Vt(e) || !e) return e;
             var n = e[Symbol.toPrimitive];
             if (void 0 !== n) {
                 var r = n.call(e, t || "default");
-                if ("object" != zt(r)) return r;
+                if ("object" != Vt(r)) return r;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === t ? String : Number)(e);
         }
-        var cn = {
+        var en = {
             allowNewValues: a().bool,
             animateLoading: a().bool,
             children: a().node,
@@ -2193,7 +2091,7 @@
             /** @private */
             virtualization: a().number
         };
-        var sn = {
+        var tn = {
             allowNewValues: false,
             animateLoading: false,
             defaultPlacement: "vertical",
@@ -2207,18 +2105,18 @@
             tabConfirmsNewValue: false
         };
         // TS: not typed controlled/uncontrolled, handled by Multiselect wrapper component
-                var fn =  function(n) {
-            Yt(o, n);
-            var r = en(o);
+                var nn =  function(n) {
+            $t(o, n);
+            var r = Wt(o);
             function o() {
-                Jt(this, o);
+                Ft(this, o);
                 return r.apply(this, arguments);
             }
-            Qt(o, [ {
+            Ht(o, [ {
                 key: "render",
                 // @docs-props-type CompactPropsBase
                 value: function n() {
-                    var r = this.props, o = r.defaultValues, a = r.children, l = r.controlledFilter, i = r.filter, u = r.values, c = Ut(r, [ "defaultValues", "children", "controlledFilter", "filter", "values" ]);
+                    var r = this.props, o = r.defaultValues, a = r.children, l = r.controlledFilter, i = r.filter, u = r.values, c = Nt(r, [ "defaultValues", "children", "controlledFilter", "filter", "values" ]);
                     var s = true;
                     if (i != null) {
                         s = i;
@@ -2228,9 +2126,13 @@
                     }
                     var f = {
                         children: e.Children.toArray(a).map((function(e) {
-                            if (Rt(e)) {
+                            if (jt(e)) {
+                                var n;
+                                var r = (n = e.key) !== null && n !== void 0 ? n : "".concat(e.props.label, "-").concat(e.props.value);
                                 
-                                return t().createElement(_, Wt({}, e.props, {
+                                return t().createElement(C, Dt({
+                                    key: r
+                                }, e.props, {
                                     multiple: true
                                 }));
                             }
@@ -2245,184 +2147,165 @@
                         f.values = u;
                     }
                     
-                    return t().createElement($t, Wt({}, c, f, {
+                    return t().createElement(qt, Dt({}, c, f, {
                         multiple: true
                     }));
                 }
             } ]);
             return o;
         }(e.Component);
-        an(fn, "propTypes", cn);
-        an(fn, "defaultProps", sn);
-        an(fn, "Option", Z);
-        an(fn, "Divider", f.Divider);
-        an(fn, "Heading", f.Heading);
-        /* harmony default export */        const pn = fn;
+        Qt(nn, "propTypes", en);
+        Qt(nn, "defaultProps", tn);
+        Qt(nn, "Option", W);
+        Qt(nn, "Divider", f.Divider);
+        Qt(nn, "Heading", f.Heading);
+        /* harmony default export */        const rn = nn;
         // CONCATENATED MODULE: external "lodash/defer"
-        const dn = require("lodash/defer");
-        var vn =  n.n(dn);
+        const on = require("lodash/defer");
+        var an =  n.n(on);
         // CONCATENATED MODULE: external "lodash/extend"
-        const bn = require("lodash/extend");
-        var yn =  n.n(bn);
+        const ln = require("lodash/extend");
+        var un =  n.n(ln);
         // CONCATENATED MODULE: external "lodash/get"
-        const mn = require("lodash/get");
-        var hn =  n.n(mn);
+        const cn = require("lodash/get");
+        var sn =  n.n(cn);
         // CONCATENATED MODULE: external "lodash/isString"
-        const gn = require("lodash/isString");
-        var On =  n.n(gn);
+        const fn = require("lodash/isString");
+        var pn =  n.n(fn);
         // CONCATENATED MODULE: external "lodash/isUndefined"
-        const wn = require("lodash/isUndefined");
-        var Cn =  n.n(wn);
+        const dn = require("lodash/isUndefined");
+        var vn =  n.n(dn);
         // CONCATENATED MODULE: external "lodash/keys"
-        const Sn = require("lodash/keys");
-        var kn =  n.n(Sn);
+        const bn = require("lodash/keys");
+        var yn =  n.n(bn);
         // CONCATENATED MODULE: external "lodash/last"
-        const xn = require("lodash/last");
-        var jn =  n.n(xn);
+        const mn = require("lodash/last");
+        var hn =  n.n(mn);
         // CONCATENATED MODULE: external "lodash/pickBy"
-        const In = require("lodash/pickBy");
-        var Pn =  n.n(In);
+        const gn = require("lodash/pickBy");
+        var On =  n.n(gn);
         // CONCATENATED MODULE: external "@splunk/react-ui/Chip"
-        const En = require("@splunk/react-ui/Chip");
-        var Mn =  n.n(En);
+        const wn = require("@splunk/react-ui/Chip");
+        var Sn =  n.n(wn);
         // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
-        const An = require("@splunk/react-ui/Popover");
-        var _n =  n.n(An);
+        const Cn = require("@splunk/react-ui/Popover");
+        var kn =  n.n(Cn);
         // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
-        const Rn = require("@splunk/react-ui/ScreenReaderContent");
-        var Vn =  n.n(Rn);
+        const xn = require("@splunk/react-ui/ScreenReaderContent");
+        var jn =  n.n(xn);
         // CONCATENATED MODULE: external "@splunk/ui-utils/format"
-        const Tn = require("@splunk/ui-utils/format");
+        const Pn = require("@splunk/ui-utils/format");
         // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-        const Bn = require("@splunk/react-ui/Box");
-        var qn =  n.n(Bn);
+        const En = require("@splunk/react-ui/Box");
+        var In =  n.n(En);
         // CONCATENATED MODULE: ./src/Multiselect/NormalStyles.ts
-        var Nn = We()(qn()).withConfig({
+        var Rn = Ne()(In()).withConfig({
             displayName: "NormalStyles__StyledBox",
             componentId: "sc-1uwwpco-0"
-        })([ "border-radius:", ";align-items:", ";flex-wrap:wrap;min-height:", ";max-height:300px;overflow-y:auto;border:1px solid ", ";padding:", ";", " ", " ", " ", " ", " &[data-inline]{width:400px;}[data-inline='true'] + &{margin-left:", "}" ], Re.variables.borderRadius, (0, 
-        Re.pick)({
+        })([ "border-radius:", ";align-items:", ";flex-wrap:wrap;min-height:", ";max-height:300px;overflow-y:auto;border:1px solid ", ";padding:", ";", " ", " ", " ", " ", " &[data-inline]{width:400px;}[data-inline='true'] + &{margin-left:", "}" ], je.variables.borderRadius, (0, 
+        je.pick)({
             enterprise: "flex-start",
             prisma: "center"
-        }), Re.variables.inputHeight, (0, Re.pick)({
+        }), je.variables.inputHeight, (0, je.pick)({
             enterprise: {
-                light: Re.variables.gray60,
-                dark: Re.variables.borderColor
+                light: je.variables.gray60,
+                dark: je.variables.borderColor
             },
-            prisma: Re.variables.interactiveColorBorder
-        }), (0, Re.pick)({
+            prisma: je.variables.interactiveColorBorder
+        }), (0, je.pick)({
             enterprise: "2px 0 0 2px",
             prisma: "2px"
-        }), (0, Re.pick)({
+        }), (0, je.pick)({
             enterprise: {
-                light: (0, ze.css)([ "background-color:", ";" ], Re.variables.white),
-                dark: (0, ze.css)([ "background-color:", ";" ], Re.variables.gray22)
+                light: (0, De.css)([ "background-color:", ";" ], je.variables.white),
+                dark: (0, De.css)([ "background-color:", ";" ], je.variables.gray22)
             }
         }), (function(e) {
             var t = e.$hasfocus;
-            return t && (0, Re.pick)({
-                enterprise: (0, ze.css)([ "box-shadow:", ";" ], Re.variables.focusShadow),
-                prisma: (0, ze.css)([ "border-color:", ";" ], Re.variables.focusColor)
+            return t && (0, je.pick)({
+                enterprise: (0, De.css)([ "box-shadow:", ";" ], je.variables.focusShadow),
+                prisma: (0, De.css)([ "border-color:", ";" ], je.variables.focusColor)
             });
         }), (function(e) {
             var t = e.$error;
-            return t && (0, ze.css)([ "border-color:", ";color:", ";" ], Re.variables.accentColorNegative, Re.variables.accentColorNegative);
+            return t && (0, De.css)([ "border-color:", ";color:", ";" ], je.variables.accentColorNegative, je.variables.accentColorNegative);
         }), (function(e) {
             var t = e.$disabled, n = e.$hasfocus;
-            return t ? (0, Re.pick)({
+            return t ? (0, je.pick)({
                 enterprise: {
-                    light: (0, ze.css)([ "background-color:", ";border-color:", ";cursor:not-allowed;" ], Re.variables.gray96, Re.variables.gray92),
-                    dark: (0, ze.css)([ "background-color:", ";border-color:", ";cursor:not-allowed;" ], Re.variables.gray22, Re.variables.gray30)
+                    light: (0, De.css)([ "background-color:", ";border-color:", ";cursor:not-allowed;" ], je.variables.gray96, je.variables.gray92),
+                    dark: (0, De.css)([ "background-color:", ";border-color:", ";cursor:not-allowed;" ], je.variables.gray22, je.variables.gray30)
                 },
-                prisma: (0, ze.css)([ "border-color:", ";cursor:not-allowed;" ], Re.variables.interactiveColorBorderDisabled)
-            }) : !n && (0, ze.css)([ "&:hover{border-color:", ";}" ], (0, Re.pick)({
-                enterprise: Re.variables.borderColor,
-                prisma: Re.variables.interactiveColorBorderHover
+                prisma: (0, De.css)([ "border-color:", ";cursor:not-allowed;" ], je.variables.interactiveColorBorderDisabled)
+            }) : !n && (0, De.css)([ "&:hover{border-color:", ";}" ], (0, je.pick)({
+                enterprise: je.variables.borderColor,
+                prisma: je.variables.interactiveColorBorderHover
             }));
         }), (function(e) {
             var t = e.$popoverOpen;
-            return t && (0, ze.css)([ "position:relative;z-index:calc(", " - 2);" ], Re.variables.zindexFixedNavbar);
-        }), Re.variables.spacingSmall);
-        var Dn = We().span.withConfig({
+            return t && (0, De.css)([ "position:relative;z-index:calc(", " - 2);" ], je.variables.zindexFixedNavbar);
+        }), je.variables.spacingSmall);
+        var Mn = Ne().span.withConfig({
             displayName: "NormalStyles__StyledButtonsWrapper",
             componentId: "sc-1uwwpco-1"
         })([ "display:contents;" ]);
-        var Ln = We().input.withConfig({
+        var Tn = Ne().input.withConfig({
             displayName: "NormalStyles__StyledInput",
             componentId: "sc-1uwwpco-2"
-        })([ "", ";flex:1 0 auto;max-width:100%;line-height:12px;", "" ], Re.mixins.reset("block"), (0, 
-        Re.pick)({
+        })([ "", ";flex:1 0 auto;max-width:100%;line-height:12px;", "" ], je.mixins.reset("block"), (0, 
+        je.pick)({
             enterprise: {
-                comfortable: (0, ze.css)([ "padding:", ";" ], Re.variables.spacingXSmall),
-                compact: (0, ze.css)([ "padding:3px;" ])
+                comfortable: (0, De.css)([ "padding:", ";" ], je.variables.spacingXSmall),
+                compact: (0, De.css)([ "padding:3px;" ])
             },
             prisma: {
-                comfortable: (0, ze.css)([ "padding:7px 10px;" ]),
-                compact: (0, ze.css)([ "padding:3px;" ])
+                comfortable: (0, De.css)([ "padding:7px 10px;" ]),
+                compact: (0, De.css)([ "padding:3px;" ])
             }
         }));
-        var Fn = We().div.withConfig({
+        var _n = Ne().div.withConfig({
             displayName: "NormalStyles__StyledOverlay",
             componentId: "sc-1uwwpco-3"
         })([ "", "" ], (function(e) {
             var t = e.$popoveropen;
-            return t && (0, ze.css)([ "position:fixed;top:0;left:0;width:100%;height:100%;z-index:calc(", " - 2);" ], Re.variables.zindexFixedNavbar);
+            return t && (0, De.css)([ "position:fixed;top:0;left:0;width:100%;height:100%;z-index:calc(", " - 2);" ], je.variables.zindexFixedNavbar);
         }));
-        // 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 Kn(e, t) {
-            if (e) {
-                if (typeof e === "function") {
-                    e(t);
-                } 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 = t;
- // eslint-disable-line no-param-reassign
-                                }
-            }
-        }
         // CONCATENATED MODULE: ./src/Multiselect/Normal.tsx
-        function Hn(e) {
+        function Bn(e) {
             "@babel/helpers - typeof";
-            return Hn = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return Bn = "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;
-            }, Hn(e);
+            }, Bn(e);
         }
-        function $n(e) {
-            return Gn(e) || Un(e) || Wn(e) || zn();
+        function An(e) {
+            return Nn(e) || Dn(e) || Vn(e) || qn();
         }
-        function zn() {
+        function qn() {
             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 Wn(e, t) {
+        function Vn(e, t) {
             if (e) {
-                if ("string" == typeof e) return Jn(e, t);
+                if ("string" == typeof e) return Ln(e, t);
                 var n = {}.toString.call(e).slice(8, -1);
-                return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? Jn(e, t) : void 0;
+                return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? Ln(e, t) : void 0;
             }
         }
-        function Un(e) {
+        function Dn(e) {
             if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
         }
-        function Gn(e) {
-            if (Array.isArray(e)) return Jn(e);
+        function Nn(e) {
+            if (Array.isArray(e)) return Ln(e);
         }
-        function Jn(e, t) {
+        function Ln(e, t) {
             (null == t || t > e.length) && (t = e.length);
             for (var n = 0, r = Array(t); n < t; n++) {
                 r[n] = e[n];
             }
             return r;
         }
-        function Xn(e, t) {
+        function Fn(e, t) {
             var n = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
                 var r = Object.getOwnPropertySymbols(e);
@@ -2432,20 +2315,20 @@
             }
             return n;
         }
-        function Qn(e) {
+        function Kn(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = null != arguments[t] ? arguments[t] : {};
-                t % 2 ? Xn(Object(n), !0).forEach((function(t) {
-                    fr(e, t, n[t]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Xn(Object(n)).forEach((function(t) {
+                t % 2 ? Fn(Object(n), !0).forEach((function(t) {
+                    nr(e, t, n[t]);
+                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Fn(Object(n)).forEach((function(t) {
                     Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
                 }));
             }
             return e;
         }
-        function Yn(e, t) {
+        function Hn(e, t) {
             if (null == e) return {};
-            var n, r, o = Zn(e, t);
+            var n, r, o = $n(e, t);
             if (Object.getOwnPropertySymbols) {
                 var a = Object.getOwnPropertySymbols(e);
                 for (r = 0; r < a.length; r++) {
@@ -2454,7 +2337,7 @@
             }
             return o;
         }
-        function Zn(e, t) {
+        function $n(e, t) {
             if (null == e) return {};
             var n = {};
             for (var r in e) {
@@ -2465,8 +2348,8 @@
             }
             return n;
         }
-        function er() {
-            return er = Object.assign ? Object.assign.bind() : function(e) {
+        function zn() {
+            return zn = Object.assign ? Object.assign.bind() : function(e) {
                 for (var t = 1; t < arguments.length; t++) {
                     var n = arguments[t];
                     for (var r in n) {
@@ -2474,24 +2357,24 @@
                     }
                 }
                 return e;
-            }, er.apply(null, arguments);
+            }, zn.apply(null, arguments);
         }
-        function tr(e, t) {
+        function Wn(e, t) {
             if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
         }
-        function nr(e, t) {
+        function Un(e, t) {
             for (var n = 0; n < t.length; n++) {
                 var r = t[n];
                 r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
-                Object.defineProperty(e, pr(r.key), r);
+                Object.defineProperty(e, rr(r.key), r);
             }
         }
-        function rr(e, t, n) {
-            return t && nr(e.prototype, t), n && nr(e, n), Object.defineProperty(e, "prototype", {
+        function Gn(e, t, n) {
+            return t && Un(e.prototype, t), n && Un(e, n), Object.defineProperty(e, "prototype", {
                 writable: !1
             }), e;
         }
-        function or(e, t) {
+        function Jn(e, t) {
             if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
             e.prototype = Object.create(t && t.prototype, {
                 constructor: {
@@ -2501,69 +2384,69 @@
                 }
             }), Object.defineProperty(e, "prototype", {
                 writable: !1
-            }), t && ar(e, t);
+            }), t && Xn(e, t);
         }
-        function ar(e, t) {
-            return ar = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+        function Xn(e, t) {
+            return Xn = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
                 return e.__proto__ = t, e;
-            }, ar(e, t);
+            }, Xn(e, t);
         }
-        function lr(e) {
-            var t = cr();
+        function Qn(e) {
+            var t = er();
             return function() {
-                var n, r = sr(e);
+                var n, r = tr(e);
                 if (t) {
-                    var o = sr(this).constructor;
+                    var o = tr(this).constructor;
                     n = Reflect.construct(r, arguments, o);
                 } else n = r.apply(this, arguments);
-                return ir(this, n);
+                return Yn(this, n);
             };
         }
-        function ir(e, t) {
-            if (t && ("object" == Hn(t) || "function" == typeof t)) return t;
+        function Yn(e, t) {
+            if (t && ("object" == Bn(t) || "function" == typeof t)) return t;
             if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-            return ur(e);
+            return Zn(e);
         }
-        function ur(e) {
+        function Zn(e) {
             if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
             return e;
         }
-        function cr() {
+        function er() {
             try {
                 var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
             } catch (e) {}
-            return (cr = function t() {
+            return (er = function t() {
                 return !!e;
             })();
         }
-        function sr(e) {
-            return sr = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+        function tr(e) {
+            return tr = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
                 return e.__proto__ || Object.getPrototypeOf(e);
-            }, sr(e);
+            }, tr(e);
         }
-        function fr(e, t, n) {
-            return (t = pr(t)) in e ? Object.defineProperty(e, t, {
+        function nr(e, t, n) {
+            return (t = rr(t)) in e ? Object.defineProperty(e, t, {
                 value: n,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
             }) : e[t] = n, e;
         }
-        function pr(e) {
-            var t = dr(e, "string");
-            return "symbol" == Hn(t) ? t : t + "";
+        function rr(e) {
+            var t = or(e, "string");
+            return "symbol" == Bn(t) ? t : t + "";
         }
-        function dr(e, t) {
-            if ("object" != Hn(e) || !e) return e;
+        function or(e, t) {
+            if ("object" != Bn(e) || !e) return e;
             var n = e[Symbol.toPrimitive];
             if (void 0 !== n) {
                 var r = n.call(e, t || "default");
-                if ("object" != Hn(r)) return r;
+                if ("object" != Bn(r)) return r;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === t ? String : Number)(e);
         }
-        var vr = {
+        var ar = {
             allowNewValues: a().bool,
             animateLoading: a().bool,
             children: a().node,
@@ -2598,7 +2481,7 @@
             useClickawayOverlay: a().bool,
             values: a().array
         };
-        var br = {
+        var lr = {
             allowNewValues: false,
             animateLoading: false,
             defaultPlacement: "vertical",
@@ -2611,38 +2494,38 @@
             tabConfirmsNewValue: false,
             useClickawayOverlay: false
         };
-        var yr = ce()((function(e) {
+        var ir = ne()((function(e) {
             return {
                 flexBasis: e,
                 width: e
             };
         }));
-        var mr = ce()((function(e) {
+        var ur = ne()((function(e) {
             var t = e.anchorWidth, n = e.maxHeight, r = e.menuStyle;
-            return yn()({
+            return un()({
                 maxHeight: n,
                 overflow: "auto",
                 width: Math.max(t !== null && t !== void 0 ? t : 0, 200)
             }, r);
         }));
         // TS: not typed controlled/uncontrolled, handled by Multiselect wrapper component
-                var hr =  function(n) {
-            or(o, n);
-            var r = lr(o);
+                var cr =  function(n) {
+            Jn(o, n);
+            var r = Qn(o);
             // @docs-props-type NormalPropsBase
                         function o(n) {
                 var a;
-                tr(this, o);
+                Wn(this, o);
                 a = r.call(this, n);
-                fr(ur(a), "activeItemId", void 0);
-                fr(ur(a), "activeValue", void 0);
-                fr(ur(a), "availableOptionCount", void 0);
-                fr(ur(a), "children", void 0);
-                fr(ur(a), "controlledExternally", void 0);
-                fr(ur(a), "input", null);
-                fr(ur(a), "popoverId", void 0);
-                fr(ur(a), "previousActiveIndex", null);
-                fr(ur(a), "handleClick", (function() {
+                nr(Zn(a), "activeItemId", void 0);
+                nr(Zn(a), "activeValue", void 0);
+                nr(Zn(a), "availableOptionCount", void 0);
+                nr(Zn(a), "children", void 0);
+                nr(Zn(a), "controlledExternally", void 0);
+                nr(Zn(a), "input", null);
+                nr(Zn(a), "popoverId", void 0);
+                nr(Zn(a), "previousActiveIndex", null);
+                nr(Zn(a), "handleClick", (function() {
                     if (a.state.hasFocus) {
                         a.open({
                             resetFilterKeyword: false
@@ -2652,14 +2535,14 @@
                         (e = a.input) === null || e === void 0 ? void 0 : e.focus();
                     }
                 }));
-                fr(ur(a), "handleRequestRemove", (function(e, t) {
+                nr(Zn(a), "handleRequestRemove", (function(e, t) {
                     var n = t.value;
-                    vn()((function() {
+                    an()((function() {
                         return a.removeValue(e, n);
                     }));
  // allow the event to bubble before removing.
                                 }));
-                fr(ur(a), "open", (function(e) {
+                nr(Zn(a), "open", (function(e) {
                     var t = e.resetFilterKeyword;
                     a.setState((function(e) {
                         return {
@@ -2672,7 +2555,7 @@
                         (e = (t = a.props).onOpen) === null || e === void 0 ? void 0 : e.call(t);
                     }));
                 }));
-                fr(ur(a), "handleInputFocus", (function(e) {
+                nr(Zn(a), "handleInputFocus", (function(e) {
                     if (a.state.filterKeyword !== "") {
                         var t, n;
                         (t = (n = a.props).onFilterChange) === null || t === void 0 ? void 0 : t.call(n, e, {
@@ -2683,12 +2566,12 @@
                         resetFilterKeyword: true
                     });
                 }));
-                fr(ur(a), "handleInputKeyDown", (function(t) {
+                nr(Zn(a), "handleInputKeyDown", (function(t) {
                     var n, r;
                     var o = a.props, l = o.children, i = o.onScrollBottom, u = o.tabConfirmsNewValue;
-                    var c = (0, Pe.keycode)(t.nativeEvent);
+                    var c = (0, we.keycode)(t.nativeEvent);
                     if (c === "tab" && a.state.open) {
-                        if (u && !Cn()(a.activeValue) && a.availableOptionCount <= 1) {
+                        if (u && !vn()(a.activeValue) && a.availableOptionCount <= 1) {
                             var s;
                             t.preventDefault();
                             a.addValue(t, a.activeValue);
@@ -2751,14 +2634,14 @@
                             });
                         }
                     }
-                    if (c === "enter" && !Cn()(a.activeValue) && a.state.open) {
+                    if (c === "enter" && !vn()(a.activeValue) && a.state.open) {
                         a.addValue(t, a.activeValue);
                     }
                     if (c === "backspace" && ((n = a.input) === null || n === void 0 ? void 0 : n.value) === "" && ((r = a.getCurrentValues()) === null || r === void 0 ? void 0 : r.length)) {
-                        a.removeValue(t, jn()(a.getCurrentValues()));
+                        a.removeValue(t, hn()(a.getCurrentValues()));
                     }
                 }));
-                fr(ur(a), "handleInputChange", (function(e) {
+                nr(Zn(a), "handleInputChange", (function(e) {
                     var t, n;
                     a.setState({
                         filterKeyword: e.target.value,
@@ -2769,14 +2652,14 @@
                         keyword: e.target.value
                     });
                 }));
-                fr(ur(a), "handleMenuOptionClick", (function(e, t) {
+                nr(Zn(a), "handleMenuOptionClick", (function(e, t) {
                     var n;
                     var r = t.value;
                     e.stopPropagation();
                     a.addValue(e, r);
                     (n = a.input) === null || n === void 0 ? void 0 : n.focus();
                 }));
-                fr(ur(a), "handleInputBlur", (function(e) {
+                nr(Zn(a), "handleInputBlur", (function(e) {
                     var t = document.getElementById(a.popoverId);
                     var n = e.relatedTarget || document.activeElement;
  // IE11 doesn't support relatedTarget but sets activeElement
@@ -2795,7 +2678,7 @@
                         });
                     }
                 }));
-                fr(ur(a), "handleRequestClose", (function(e) {
+                nr(Zn(a), "handleRequestClose", (function(e) {
                     var t;
                     var n = e.reason, r = e.event;
                     if (n === "escapeKey" || n === "offScreen" || n === "clickAway" && r !== undefined && !((t = a.state.el) === null || t === void 0 ? void 0 : t.contains(r.target))) {
@@ -2812,7 +2695,7 @@
                         (o = a.input) === null || o === void 0 ? void 0 : o.focus();
                     }
                 }));
-                fr(ur(a), "handleScrollBottom", (function(e) {
+                nr(Zn(a), "handleScrollBottom", (function(e) {
                     if (a.state.open && !a.props.isLoadingOptions) {
                         var t, n;
                         (t = (n = a.props).onScrollBottom) === null || t === void 0 ? void 0 : t.call(n, e);
@@ -2821,39 +2704,39 @@
                         });
                     }
                 }));
-                fr(ur(a), "handleMount", (function(e) {
+                nr(Zn(a), "handleMount", (function(e) {
                     a.setState({
                         el: e
                     });
-                    Kn(a.props.elementRef, e);
+                    x(a.props.elementRef, e);
                 }));
-                fr(ur(a), "handleInputMount", (function(e) {
+                nr(Zn(a), "handleInputMount", (function(e) {
                     a.input = e;
-                    Kn(a.props.inputRef, e);
+                    x(a.props.inputRef, e);
                 }));
-                fr(ur(a), "handleActiveOptionMount", (function(e) {
+                nr(Zn(a), "handleActiveOptionMount", (function(e) {
                     if (a.previousActiveIndex !== a.state.activeIndex) {
                         e === null || e === void 0 ? void 0 : e.scrollIntoViewIfNeeded();
                     }
                 }));
-                fr(ur(a), "renderMenu", (function(e) {
+                nr(Zn(a), "renderMenu", (function(e) {
                     var n = e.anchorWidth, r = e.maxHeight, o = e.placement;
-                    var l = mr({
+                    var l = ur({
                         anchorWidth: n,
                         maxHeight: r,
                         menuStyle: a.props.menuStyle
                     });
                     
-                    return t().createElement(we(), er({
+                    return t().createElement(ve(), zn({
                         focusMode: "never",
                         placement: o !== null && o !== void 0 ? o : undefined,
                         isLoading: a.props.isLoadingOptions,
                         onScrollBottom: a.props.onScrollBottom ? a.handleScrollBottom : undefined
-                    }, fe()(a.props, "noOptionsMessage", "footerMessage", "animateLoading", "loadingMessage", "onScroll"), {
+                    }, oe()(a.props, "noOptionsMessage", "footerMessage", "animateLoading", "loadingMessage", "onScroll"), {
                         style: l
                     }), a.children);
                 }));
-                fr(ur(a), "getSelectedItemsContent", (function(e) {
+                nr(Zn(a), "getSelectedItemsContent", (function(e) {
                     return e.map((function(e) {
                         var n = e;
  // TS: faking props here
@@ -2863,12 +2746,12 @@
                             
                             return t().createElement("span", {
                                 key: l.toString()
-                            }, o || a, (0, Tn.sprintf)((0, s._)(" selected")));
+                            }, o || a, (0, Pn.sprintf)((0, s._)(" selected")));
                         }
                         
                         return t().createElement("span", {
-                            key: (0, Ie.createGUID)()
-                        },  t().createElement(t().Fragment, null, n, (0, Tn.sprintf)((0, s._)(" selected"))));
+                            key: (0, Oe.createGUID)()
+                        },  t().createElement(t().Fragment, null, n, (0, Pn.sprintf)((0, s._)(" selected"))));
                     }));
                 }));
                 a.state = {
@@ -2883,13 +2766,13 @@
                 a.availableOptionCount = 0;
                 a.children = [];
                 a.controlledExternally = i()(n, "values");
-                a.activeItemId = (0, Ie.createDOMID)("active-item");
-                a.popoverId = (0, Ie.createDOMID)("popover");
+                a.activeItemId = (0, Oe.createDOMID)("active-item");
+                a.popoverId = (0, Oe.createDOMID)("popover");
                 if (false) {}
                 if (false) {}
                 return a;
             }
-            rr(o, [ {
+            Gn(o, [ {
                 key: "componentDidUpdate",
                 value: function e(t, n) {
                     if (false) {}
@@ -2950,7 +2833,7 @@
                 key: "removeValue",
                 value: function e(t, n) {
                     var r, o;
-                    var a = be()(this.getCurrentValues(), n);
+                    var a = ue()(this.getCurrentValues(), n);
                     var l = this.props.name;
                     if (!this.isControlled()) {
                         this.setState({
@@ -2974,7 +2857,7 @@
                         if (o != null) {
                             var a = o.children, l = o.icon, i = o.label, u = o.selectedAppearance, c = o.selectedBackgroundColor, s = o.selectedForegroundColor, f = o.value;
                             
-                            return t().createElement(Mn(), {
+                            return t().createElement(Sn(), {
                                 "aria-selected": true,
                                 disabled: r.props.disabled,
                                 icon: l,
@@ -2989,10 +2872,10 @@
                             }, a || i);
                         }
                         
-                        return t().createElement(Mn(), {
+                        return t().createElement(Sn(), {
                             "aria-selected": true,
                             disabled: r.props.disabled,
-                            key: (0, Ie.createGUID)(),
+                            key: (0, Oe.createGUID)(),
                             "data-test": "selected-option",
                             onRequestRemove: r.handleRequestRemove,
                             role: "option",
@@ -3005,45 +2888,45 @@
                 key: "render",
                 value: function n() {
                     var r, o = this;
-                    var a = this.props, l = a.allowNewValues, u = a.children, f = a.controlledFilter, p = a.defaultPlacement, d = a.describedBy, v = a.disabled, b = a.error, y = a.inline, m = a.inputId, h = a.labelledBy, g = a.placeholder, O = a.required, w = a.repositionMode, C = a.useClickawayOverlay, S = Yn(a, [ "allowNewValues", "children", "controlledFilter", "defaultPlacement", "describedBy", "disabled", "error", "inline", "inputId", "labelledBy", "placeholder", "required", "repositionMode", "useClickawayOverlay" ]);
-                    var k = Qn(Qn({}, Pn()(S, (function(e, t) {
+                    var a = this.props, l = a.allowNewValues, u = a.children, f = a.controlledFilter, p = a.defaultPlacement, d = a.describedBy, v = a.disabled, b = a.error, y = a.inline, m = a.inputId, h = a.labelledBy, g = a.placeholder, O = a.required, w = a.repositionMode, S = a.useClickawayOverlay, C = Hn(a, [ "allowNewValues", "children", "controlledFilter", "defaultPlacement", "describedBy", "disabled", "error", "inline", "inputId", "labelledBy", "placeholder", "required", "repositionMode", "useClickawayOverlay" ]);
+                    var k = Kn(Kn({}, On()(C, (function(e, t) {
                         return t === "role" || t.indexOf("aria-") === 0;
                     }))), {}, {
                         "aria-describedby": d,
                         "aria-labelledby": h,
                         "aria-invalid": b || undefined
                     });
-                    var x = Qn({}, Pn()(S, (function(e, t) {
+                    var x = Kn({}, On()(C, (function(e, t) {
                         return t === "aria-label" || t === "aria-describedby";
                     })));
                     var j = (r = this.getCurrentValues()) !== null && r !== void 0 ? r : [];
-                    var I = j.slice(0);
-                    var P = j.indexOf(this.state.filterKeyword) >= 0;
+                    var P = j.slice(0);
+                    var E = j.indexOf(this.state.filterKeyword) >= 0;
                     // Map Options to selected values
                                         if (j && j.length) {
                         e.Children.toArray(u).filter(e.isValidElement).filter((function(e) {
-                            return e.type === Z;
+                            return e.type === W;
                         })).forEach((function(e) {
-                            if (e.type === Z) {
+                            if (e.type === W) {
                                 var t = j.indexOf(e.props.value);
                                 if (t !== -1) {
-                                    I[t] = e;
+                                    P[t] = e;
                                 }
                             }
                         }));
                     }
                     // Filter the items
-                                        var E = (0, je.stringToKeywords)(this.state.filterKeyword);
-                    var M = f ? e.Children.toArray(u) : e.Children.toArray(u).filter((function(e) {
-                        if (hn()(e, [ "props", "label" ], false)) {
-                            return (0, je.testPhrase)(e.props.label, E);
+                                        var I = (0, ge.stringToKeywords)(this.state.filterKeyword);
+                    var R = f ? e.Children.toArray(u) : e.Children.toArray(u).filter((function(e) {
+                        if (sn()(e, [ "props", "label" ], false)) {
+                            return (0, ge.testPhrase)(e.props.label, I);
                         }
                         return true;
  // Keep all headers and non-interactive options
                                         }));
                     this.availableOptionCount = 0;
                     this.activeValue = undefined;
-                    this.children = e.Children.map(M, (function(t, n) {
+                    this.children = e.Children.map(R, (function(t, n) {
                         var r = t.props;
                         if (!r || !i()(r, "value")) {
                             // ignore Headings and Dividers
@@ -3053,7 +2936,7 @@
                         var l = a.props, u = l.children, c = l.label, s = l.matchRanges, p = l.value;
  // find out if the search string exactly matches a value
                                                 if (p === o.state.filterKeyword) {
-                            P = true;
+                            E = true;
                         }
                         // remove items that are already selected
                                                 var d = j.indexOf(p);
@@ -3061,8 +2944,8 @@
                             return null;
                         }
                         // highlight matched text
-                                                var v = u === undefined || On()(u);
-                        var b = v && !f && !s && E && (0, je.keywordLocations)(c, E);
+                                                var v = u === undefined || pn()(u);
+                        var b = v && !f && !s && I && (0, ge.keywordLocations)(c, I);
                         // clone item
                                                 var y =  (0, e.cloneElement)(a, {
                             // eslint-disable-next-line react/no-array-index-key
@@ -3075,8 +2958,8 @@
                         return e !== null;
                     }));
                     // Add the option to add the new value
-                                        if (l && !P && this.state.filterKeyword) {
-                        this.children.unshift( t().createElement(Z, {
+                                        if (l && !E && this.state.filterKeyword) {
+                        this.children.unshift( t().createElement(W, {
                             label: "".concat(this.state.filterKeyword),
                             description: (0, s._)("(New value)"),
                             descriptionPosition: "right",
@@ -3111,14 +2994,14 @@
                             return s;
                         }));
                     }
-                    var A = yr("".concat(this.state.filterKeyword.length * .8, "em"));
+                    var M = ir("".concat(this.state.filterKeyword.length * .8, "em"));
                     
-                    return t().createElement(t().Fragment, null,  t().createElement(Nn, er({
+                    return t().createElement(t().Fragment, null,  t().createElement(Rn, zn({
                         key: "control",
                         "data-test-values": JSON.stringify(j),
                         inline: y,
                         $hasfocus: this.state.hasFocus
-                    }, c().apply(void 0, [ S, "animateLoading", "controlledFilter", "defaultValues", "footerMessage", "inputRef", "isLoadingOptions", "labelledBy", "menuStyle", "noOptionsMessage", "onChange", "onFilterChange", "onScroll", "onScrollBottom", "onClose", "onOpen", "values", "useClickawayOverlay" ].concat($n(kn()(k)))), {
+                    }, c().apply(void 0, [ C, "animateLoading", "controlledFilter", "defaultValues", "footerMessage", "inputRef", "isLoadingOptions", "labelledBy", "menuStyle", "noOptionsMessage", "onChange", "onFilterChange", "onScroll", "onScrollBottom", "onClose", "onOpen", "values", "useClickawayOverlay" ].concat(An(yn()(k)))), {
                         onClick: v ? undefined : this.handleClick,
                         $disabled: v,
                         $error: b,
@@ -3129,11 +3012,11 @@
                         role: "group",
                         "aria-disabled": v || undefined,
                         "aria-labelledby": h
-                    }, x),  t().createElement(Dn, {
+                    }, x),  t().createElement(Mn, {
                         role: "listbox",
                         "aria-invalid": b,
                         "aria-multiselectable": "true"
-                    }, this.renderButtons(I)), !v &&  t().createElement(Ln, er({
+                    }, this.renderButtons(P)), !v &&  t().createElement(Tn, zn({
                         role: "combobox",
                         "data-test": "textbox",
                         id: m,
@@ -3147,7 +3030,7 @@
                         autoComplete: "off",
                         autoCorrect: "off",
                         spellCheck: false,
-                        style: A,
+                        style: M,
                         placeholder: j.length ? "" : g,
                         required: O,
                         "aria-activedescendant": this.state.open && this.availableOptionCount > 0 ? this.activeItemId : undefined,
@@ -3156,7 +3039,7 @@
                         "aria-owns": this.state.open ? this.popoverId : undefined,
                         "aria-expanded": this.state.open,
                         "aria-haspopup": true
-                    }, k)),  t().createElement(_n(), {
+                    }, k)),  t().createElement(kn(), {
                         open: this.state.open && !!this.state.el,
                         autoCloseWhenOffScreen: true,
                         anchor: this.state.el,
@@ -3165,38 +3048,38 @@
                         defaultPlacement: p,
                         repositionMode: w,
                         id: this.popoverId
-                    }, this.renderMenu)),  t().createElement(Vn(), {
+                    }, this.renderMenu)),  t().createElement(jn(), {
                         role: "status",
                         "aria-relevant": "text"
-                    }, this.state.loadingMoreMessage), C && this.state.open ?  t().createElement(Fn, {
+                    }, this.state.loadingMoreMessage), S && this.state.open ?  t().createElement(_n, {
                         key: "overlay",
                         $popoveropen: this.state.open,
                         "data-test": "overlay"
-                    }) : null,  t().createElement(Vn(), {
+                    }) : null,  t().createElement(jn(), {
                         role: "alert",
                         "aria-relevant": "additions"
-                    }, this.getSelectedItemsContent(I)));
+                    }, this.getSelectedItemsContent(P)));
                 }
             } ]);
             return o;
         }(e.Component);
-        fr(hr, "propTypes", vr);
-        fr(hr, "defaultProps", br);
-        fr(hr, "Option", Z);
-        fr(hr, "Divider", f.Divider);
-        fr(hr, "Heading", f.Heading);
-        /* harmony default export */        const gr = hr;
+        nr(cr, "propTypes", ar);
+        nr(cr, "defaultProps", lr);
+        nr(cr, "Option", W);
+        nr(cr, "Divider", f.Divider);
+        nr(cr, "Heading", f.Heading);
+        /* harmony default export */        const sr = cr;
         // CONCATENATED MODULE: ./src/Multiselect/Multiselect.tsx
-        function Or(e) {
+        function fr(e) {
             "@babel/helpers - typeof";
-            return Or = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return fr = "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;
-            }, Or(e);
+            }, fr(e);
         }
-        function wr() {
-            return wr = Object.assign ? Object.assign.bind() : function(e) {
+        function pr() {
+            return pr = Object.assign ? Object.assign.bind() : function(e) {
                 for (var t = 1; t < arguments.length; t++) {
                     var n = arguments[t];
                     for (var r in n) {
@@ -3204,24 +3087,24 @@
                     }
                 }
                 return e;
-            }, wr.apply(null, arguments);
+            }, pr.apply(null, arguments);
         }
-        function Cr(e, t) {
+        function dr(e, t) {
             if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
         }
-        function Sr(e, t) {
+        function vr(e, t) {
             for (var n = 0; n < t.length; n++) {
                 var r = t[n];
                 r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
-                Object.defineProperty(e, Rr(r.key), r);
+                Object.defineProperty(e, kr(r.key), r);
             }
         }
-        function kr(e, t, n) {
-            return t && Sr(e.prototype, t), n && Sr(e, n), Object.defineProperty(e, "prototype", {
+        function br(e, t, n) {
+            return t && vr(e.prototype, t), n && vr(e, n), Object.defineProperty(e, "prototype", {
                 writable: !1
             }), e;
         }
-        function xr(e, t) {
+        function yr(e, t) {
             if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
             e.prototype = Object.create(t && t.prototype, {
                 constructor: {
@@ -3231,71 +3114,71 @@
                 }
             }), Object.defineProperty(e, "prototype", {
                 writable: !1
-            }), t && jr(e, t);
+            }), t && mr(e, t);
         }
-        function jr(e, t) {
-            return jr = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+        function mr(e, t) {
+            return mr = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
                 return e.__proto__ = t, e;
-            }, jr(e, t);
+            }, mr(e, t);
         }
-        function Ir(e) {
-            var t = Mr();
+        function hr(e) {
+            var t = wr();
             return function() {
-                var n, r = Ar(e);
+                var n, r = Sr(e);
                 if (t) {
-                    var o = Ar(this).constructor;
+                    var o = Sr(this).constructor;
                     n = Reflect.construct(r, arguments, o);
                 } else n = r.apply(this, arguments);
-                return Pr(this, n);
+                return gr(this, n);
             };
         }
-        function Pr(e, t) {
-            if (t && ("object" == Or(t) || "function" == typeof t)) return t;
+        function gr(e, t) {
+            if (t && ("object" == fr(t) || "function" == typeof t)) return t;
             if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-            return Er(e);
+            return Or(e);
         }
-        function Er(e) {
+        function Or(e) {
             if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
             return e;
         }
-        function Mr() {
+        function wr() {
             try {
                 var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
             } catch (e) {}
-            return (Mr = function t() {
+            return (wr = function t() {
                 return !!e;
             })();
         }
-        function Ar(e) {
-            return Ar = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+        function Sr(e) {
+            return Sr = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
                 return e.__proto__ || Object.getPrototypeOf(e);
-            }, Ar(e);
+            }, Sr(e);
         }
-        function _r(e, t, n) {
-            return (t = Rr(t)) in e ? Object.defineProperty(e, t, {
+        function Cr(e, t, n) {
+            return (t = kr(t)) in e ? Object.defineProperty(e, t, {
                 value: n,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
             }) : e[t] = n, e;
         }
-        function Rr(e) {
-            var t = Vr(e, "string");
-            return "symbol" == Or(t) ? t : t + "";
+        function kr(e) {
+            var t = xr(e, "string");
+            return "symbol" == fr(t) ? t : t + "";
         }
-        function Vr(e, t) {
-            if ("object" != Or(e) || !e) return e;
+        function xr(e, t) {
+            if ("object" != fr(e) || !e) return e;
             var n = e[Symbol.toPrimitive];
             if (void 0 !== n) {
                 var r = n.call(e, t || "default");
-                if ("object" != Or(r)) return r;
+                if ("object" != fr(r)) return r;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === t ? String : Number)(e);
         }
         /** @public */
         /** @public */
-        /** @public */        var Tr = {
+        /** @public */        var jr = {
             allowNewValues: a().bool,
             animateLoading: a().bool,
             children: a().node,
@@ -3334,7 +3217,7 @@
             /** @private */
             virtualization: a().number
         };
-        var Br = {
+        var Pr = {
             allowNewValues: false,
             animateLoading: false,
             compact: false,
@@ -3349,44 +3232,44 @@
             tabConfirmsNewValue: false,
             useClickawayOverlay: false
         };
-        function qr(e) {
+        function Er(e) {
             return (e === null || e === void 0 ? void 0 : e.compact) === true;
         }
-        var Nr =  function(e) {
-            xr(r, e);
-            var n = Ir(r);
+        var Ir =  function(e) {
+            yr(r, e);
+            var n = hr(r);
             function r() {
-                Cr(this, r);
+                dr(this, r);
                 return n.apply(this, arguments);
             }
-            kr(r, [ {
+            br(r, [ {
                 key: "render",
                 // @docs-props-type MultiselectPropsBase
                 // TODO: SUI-3402, this can be removed when ControlGroup no longer needs to inspect componentType
                 value: function e() {
-                    if (qr(this.props)) {
+                    if (Er(this.props)) {
                         
-                        return t().createElement(pn, wr({
+                        return t().createElement(rn, pr({
                             "data-test": "multiselect"
                         }, c()(this.props, "compact")));
                     }
                     if (false) {}
                     if (false) {}
                     
-                    return t().createElement(gr, wr({
+                    return t().createElement(sr, pr({
                         "data-test": "multiselect"
                     }, c()(this.props, "compact")));
                 }
             } ]);
             return r;
         }(e.Component);
-        _r(Nr, "propTypes", Tr);
-        _r(Nr, "defaultProps", Br);
-        _r(Nr, "componentType", "Multiselect");
-        _r(Nr, "Option", Z);
-        _r(Nr, "Heading", f.Heading);
-        _r(Nr, "Divider", f.Divider);
-        /* harmony default export */        const Dr = Nr;
+        Cr(Ir, "propTypes", jr);
+        Cr(Ir, "defaultProps", Pr);
+        Cr(Ir, "componentType", "Multiselect");
+        Cr(Ir, "Option", W);
+        Cr(Ir, "Heading", f.Heading);
+        Cr(Ir, "Divider", f.Divider);
+        /* harmony default export */        const Rr = Ir;
     }) // CONCATENATED MODULE: ./src/Multiselect/index.ts
     ();
     module.exports = r;