@splunk/react-ui 4.42.0 → 5.0.0-beta.2

package/Multiselect.js

@@ -3,16 +3,16 @@
     /******/ "use strict";
     /******/    var e = {
         /***/ 2907: 
-        /***/ (e, t, r) => {
+        /***/ (e, t, n) => {
             // EXPORTS
-            r.d(t, {
+            n.d(t, {
                 default: () => /* reexport */ i
             });
             // EXTERNAL MODULE: external "react"
-                        var n = r(9497);
+                        var r = n(9497);
             // EXTERNAL MODULE: external "lodash/has"
-                        var o = r(5919);
-            var a =  r.n(o);
+                        var o = n(5919);
+            var a =  n.n(o);
             // CONCATENATED MODULE: ./src/useControlled/useControlled.tsx
             /**
  * This is a private component not intended for use outside @splunk/react-ui
@@ -25,13 +25,13 @@
  * Return the controlled state of the component.
  */
             function l(e) {
-                var t = e.componentProps, r = e.componentName, o = r === void 0 ? "this component" : r, l = e.defaultValuePropName, i = l === void 0 ? "defaultValue" : l, u = e.valuePropName, c = u === void 0 ? "value" : u;
-                var s = (0, n.useRef)(a()(t, c));
-                var f = (0, n.useRef)(t[i]);
-                (0, n.useEffect)((function() {
+                var t = e.componentProps, n = e.componentName, o = n === void 0 ? "this component" : n, l = e.defaultValuePropName, i = l === void 0 ? "defaultValue" : l, u = e.valuePropName, c = u === void 0 ? "value" : u;
+                var s = (0, r.useRef)(a()(t, c));
+                var f = (0, r.useRef)(t[i]);
+                (0, r.useEffect)((function() {
                     if (false) {}
                 }), [ o, t, i, c ]);
-                (0, n.useEffect)((function() {
+                (0, r.useEffect)((function() {
                     if (false) {}
                     if (false) {}
                 }), [ o, t, i, c ]);
@@ -55,21 +55,21 @@
     /******/    var t = {};
     /******/
     /******/ // The require function
-    /******/    function r(n) {
+    /******/    function n(r) {
         /******/ // Check if module is in cache
-        /******/ var o = t[n];
+        /******/ var o = t[r];
         /******/        if (o !== undefined) {
             /******/ return o.exports;
             /******/        }
         /******/ // Create a new module (and put it into the cache)
-        /******/        var a = t[n] = {
+        /******/        var a = t[r] = {
             /******/ // no module.id needed
             /******/ // no module.loaded needed
             /******/ exports: {}
             /******/        };
         /******/
         /******/ // Execute the module function
-        /******/        e[n](a, a.exports, r);
+        /******/        e[r](a, a.exports, n);
         /******/
         /******/ // Return the exports of the module
         /******/        return a.exports;
@@ -79,12 +79,12 @@
     /******/ /* webpack/runtime/compat get default export */
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/ r.n = e => {
+        /******/ n.n = e => {
             /******/ var t = e && e.__esModule ? 
             /******/ () => e["default"]
             /******/ : () => e
             /******/;
-            r.d(t, {
+            n.d(t, {
                 a: t
             });
             /******/            return t;
@@ -94,12 +94,12 @@
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ r.d = (e, t) => {
-            /******/ for (var n in t) {
-                /******/ if (r.o(t, n) && !r.o(e, n)) {
-                    /******/ Object.defineProperty(e, n, {
+        /******/ n.d = (e, t) => {
+            /******/ for (var r in t) {
+                /******/ if (n.o(t, r) && !n.o(e, r)) {
+                    /******/ Object.defineProperty(e, r, {
                         enumerable: true,
-                        get: t[n]
+                        get: t[r]
                     });
                     /******/                }
                 /******/            }
@@ -108,14 +108,14 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ r.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
+        /******/ n.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
         /******/;
     })();
     /******/
     /******/ /* webpack/runtime/make namespace object */
     /******/    (() => {
         /******/ // define __esModule on exports
-        /******/ r.r = e => {
+        /******/ n.r = e => {
             /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
                 /******/ Object.defineProperty(e, Symbol.toStringTag, {
                     value: "Module"
@@ -127,118 +127,118 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var n = {};
+    /************************************************************************/    var r = {};
     // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
         (() => {
         // ESM COMPAT FLAG
-        r.r(n);
+        n.r(r);
         // EXPORTS
-                r.d(n, {
+                n.d(r, {
             Divider: () => /* reexport */ f.Divider,
             Heading: () => /* reexport */ f.Heading,
             Option: () => /* reexport */ W,
-            default: () => /* reexport */ Rn
+            default: () => /* reexport */ xr
         });
         // EXTERNAL MODULE: external "react"
-                var e = r(9497);
-        var t =  r.n(e);
+                var e = n(9497);
+        var t =  n.n(e);
         // CONCATENATED MODULE: external "prop-types"
         const o = require("prop-types");
-        var a =  r.n(o);
+        var a =  n.n(o);
         // EXTERNAL MODULE: external "lodash/has"
-                var l = r(5919);
-        var i =  r.n(l);
+                var l = n(5919);
+        var i =  n.n(l);
         // CONCATENATED MODULE: external "lodash/omit"
         const u = require("lodash/omit");
-        var c =  r.n(u);
+        var c =  n.n(u);
         // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
         const s = require("@splunk/ui-utils/i18n");
         // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
         const f = require("@splunk/react-ui/Menu");
         // CONCATENATED MODULE: ./src/Select/OptionBase.tsx
-        function p(e) {
+        function d(e) {
             "@babel/helpers - typeof";
-            return p = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return d = "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;
-            }, p(e);
+            }, d(e);
         }
-        function d() {
-            return d = 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 r = arguments[t];
-                    for (var n in r) {
-                        ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
+                    var n = arguments[t];
+                    for (var r in n) {
+                        ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
                     }
                 }
                 return e;
-            }, d.apply(null, arguments);
+            }, p.apply(null, arguments);
         }
         function v(e, t) {
-            var r = Object.keys(e);
+            var n = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
-                var n = Object.getOwnPropertySymbols(e);
-                t && (n = n.filter((function(t) {
+                var r = Object.getOwnPropertySymbols(e);
+                t && (r = r.filter((function(t) {
                     return Object.getOwnPropertyDescriptor(e, t).enumerable;
-                }))), r.push.apply(r, n);
+                }))), n.push.apply(n, r);
             }
-            return r;
+            return n;
         }
         function b(e) {
             for (var t = 1; t < arguments.length; t++) {
-                var r = null != arguments[t] ? arguments[t] : {};
-                t % 2 ? v(Object(r), !0).forEach((function(t) {
-                    y(e, t, r[t]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : v(Object(r)).forEach((function(t) {
-                    Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, 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));
                 }));
             }
             return e;
         }
-        function y(e, t, r) {
+        function y(e, t, n) {
             return (t = m(t)) in e ? Object.defineProperty(e, t, {
-                value: r,
+                value: n,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
-            }) : e[t] = r, e;
+            }) : e[t] = n, e;
         }
         function m(e) {
             var t = h(e, "string");
-            return "symbol" == p(t) ? t : t + "";
+            return "symbol" == d(t) ? t : t + "";
         }
         function h(e, t) {
-            if ("object" != p(e) || !e) return e;
-            var r = e[Symbol.toPrimitive];
-            if (void 0 !== r) {
-                var n = r.call(e, t || "default");
-                if ("object" != p(n)) return n;
+            if ("object" != d(e) || !e) return e;
+            var n = e[Symbol.toPrimitive];
+            if (void 0 !== n) {
+                var r = n.call(e, t || "default");
+                if ("object" != d(r)) return r;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === t ? String : Number)(e);
         }
         function g(e, t) {
             if (null == e) return {};
-            var r, n, o = O(e, t);
+            var n, r, o = O(e, t);
             if (Object.getOwnPropertySymbols) {
                 var a = Object.getOwnPropertySymbols(e);
-                for (n = 0; n < a.length; n++) {
-                    r = a[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                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 r = {};
-            for (var n in e) {
-                if ({}.hasOwnProperty.call(e, n)) {
-                    if (t.includes(n)) continue;
-                    r[n] = e[n];
+            var n = {};
+            for (var r in e) {
+                if ({}.hasOwnProperty.call(e, r)) {
+                    if (t.includes(r)) continue;
+                    n[r] = e[r];
                 }
             }
-            return r;
+            return n;
         }
         var w = {
             /** @private */
@@ -270,23 +270,23 @@
         };
         /**
  * An option within a `Multiselect`.
- */        function S(r) {
-            var n = r.children, o = r.descriptionPosition, a = o === void 0 ? "bottom" : o, l = r.disabled, i = r.elementRef, u = r.icon, c = r.label, s = r.multiple, p = r.onClick, v = r.role, y = v === void 0 ? "option" : v, m = r.value, h = g(r, [ "children", "descriptionPosition", "disabled", "elementRef", "icon", "label", "multiple", "onClick", "role", "value" ]);
+ */        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, d = 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, {
+                    d === null || d === void 0 ? void 0 : d(e, {
                         value: m
                     });
                 }
-            }), [ l, p, m ]);
+            }), [ l, d, m ]);
             var w = m.toString();
             var S = b({
                 descriptionPosition: a,
-                disabled: l
+                disabled: l ? "disabled" : undefined
             }, h);
             
-            return t().createElement(f.Item, d({
+            return t().createElement(f.Item, p({
                 "data-test-value": m,
                 "data-test": "option",
                 elementRef: i
@@ -297,7 +297,7 @@
                 onClick: O,
                 role: y,
                 value: w
-            }), n || c);
+            }), r || c);
         }
         S.propTypes = w;
         S.type = f.Item;
@@ -309,16 +309,16 @@
             if (!t) {
                 return;
             }
-            var r = t.offsetParent;
-            if (!r) {
+            var n = t.offsetParent;
+            if (!n) {
                 return;
             }
             // Below the bottom of the container.
-                        if (r.scrollTop + r.clientHeight < t.offsetTop + t.clientHeight) {
-                r.scrollTop = t.offsetTop + t.clientHeight - r.clientHeight;
+                        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 (r.scrollTop > t.offsetTop) {
-                r.scrollTop = t.offsetTop;
+                        } else if (n.scrollTop > t.offsetTop) {
+                n.scrollTop = t.offsetTop;
             }
         };
         // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
@@ -352,9 +352,9 @@
         function P() {
             return P = Object.assign ? Object.assign.bind() : function(e) {
                 for (var t = 1; t < arguments.length; t++) {
-                    var r = arguments[t];
-                    for (var n in r) {
-                        ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
+                    var n = arguments[t];
+                    for (var r in n) {
+                        ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
                     }
                 }
                 return e;
@@ -362,38 +362,38 @@
         }
         function E(e, t) {
             if (null == e) return {};
-            var r, n, o = I(e, t);
+            var n, r, o = I(e, t);
             if (Object.getOwnPropertySymbols) {
                 var a = Object.getOwnPropertySymbols(e);
-                for (n = 0; n < a.length; n++) {
-                    r = a[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                for (r = 0; r < a.length; r++) {
+                    n = a[r], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
                 }
             }
             return o;
         }
         function I(e, t) {
             if (null == e) return {};
-            var r = {};
-            for (var n in e) {
-                if ({}.hasOwnProperty.call(e, n)) {
-                    if (t.includes(n)) continue;
-                    r[n] = e[n];
+            var n = {};
+            for (var r in e) {
+                if ({}.hasOwnProperty.call(e, r)) {
+                    if (t.includes(r)) continue;
+                    n[r] = e[r];
                 }
             }
-            return r;
+            return n;
         }
         function R(e, t) {
             if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
         }
         function M(e, t) {
-            for (var r = 0; r < t.length; r++) {
-                var n = t[r];
-                n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), 
-                Object.defineProperty(e, F(n.key), n);
+            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, F(r.key), r);
             }
         }
-        function T(e, t, r) {
-            return t && M(e.prototype, t), r && M(e, r), 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;
         }
@@ -417,12 +417,12 @@
         function B(e) {
             var t = D();
             return function() {
-                var r, n = N(e);
+                var n, r = L(e);
                 if (t) {
-                    var o = N(this).constructor;
-                    r = Reflect.construct(n, arguments, o);
-                } else r = n.apply(this, arguments);
-                return q(this, r);
+                    var o = L(this).constructor;
+                    n = Reflect.construct(r, arguments, o);
+                } else n = r.apply(this, arguments);
+                return q(this, n);
             };
         }
         function q(e, t) {
@@ -442,18 +442,18 @@
                 return !!e;
             })();
         }
-        function N(e) {
-            return N = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+        function L(e) {
+            return L = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
                 return e.__proto__ || Object.getPrototypeOf(e);
-            }, N(e);
+            }, L(e);
         }
-        function L(e, t, r) {
+        function N(e, t, n) {
             return (t = F(t)) in e ? Object.defineProperty(e, t, {
-                value: r,
+                value: n,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
-            }) : e[t] = r, e;
+            }) : e[t] = n, e;
         }
         function F(e) {
             var t = K(e, "string");
@@ -461,10 +461,10 @@
         }
         function K(e, t) {
             if ("object" != j(e) || !e) return e;
-            var r = e[Symbol.toPrimitive];
-            if (void 0 !== r) {
-                var n = r.call(e, t || "default");
-                if ("object" != j(n)) return n;
+            var n = e[Symbol.toPrimitive];
+            if (void 0 !== n) {
+                var r = n.call(e, t || "default");
+                if ("object" != j(r)) return r;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === t ? String : Number)(e);
@@ -511,23 +511,23 @@
  * [PureComponent](https://reactjs.org/docs/react-api.html#reactpurecomponent)
  * so any elements passed to it must also be pure.
  */        var z =  function(e) {
-            _(n, e);
-            var r = B(n);
-            function n() {
+            _(r, e);
+            var n = B(r);
+            function r() {
                 var e;
-                R(this, n);
+                R(this, r);
                 for (var o = arguments.length, a = new Array(o), l = 0; l < o; l++) {
                     a[l] = arguments[l];
                 }
-                e = r.call.apply(r, [ this ].concat(a));
-                L(V(e), "optionBaseRef",  t().createRef());
-                L(V(e), "handleMount", (function(t) {
+                e = n.call.apply(n, [ this ].concat(a));
+                N(V(e), "optionBaseRef",  t().createRef());
+                N(V(e), "handleMount", (function(t) {
                     x(e.optionBaseRef, t);
                 }));
                 return e;
             }
  // @docs-props-type OptionPropsBase
-                        T(n, [ {
+                        T(r, [ {
                 key: "scrollIntoViewIfNeeded",
                 // eslint-disable-next-line react/no-unused-class-component-methods
                 value: function e() {
@@ -540,136 +540,98 @@
                         }, {
                 key: "focus",
                 value: function e() {
-                    var t, r;
-                    (t = this.optionBaseRef) === null || t === void 0 ? void 0 : (r = t.current) === null || r === void 0 ? void 0 : r.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 r = this.props, n = r.compact, o = E(r, [ "compact" ]);
+                    var n = this.props, r = n.compact, o = E(n, [ "compact" ]);
                     
                     return t().createElement(C, P({}, o, {
                         elementRef: this.handleMount,
-                        multiple: n
+                        multiple: r
                     }), this.props.children || this.props.label);
                 }
             } ]);
-            return n;
+            return r;
         }(e.PureComponent);
-        L(z, "propTypes", H);
-        L(z, "defaultProps", $);
+        N(z, "propTypes", H);
+        N(z, "defaultProps", $);
         /* harmony default export */        const W = z;
         // CONCATENATED MODULE: external "lodash/castArray"
         const U = require("lodash/castArray");
-        var G =  r.n(U);
+        var X =  n.n(U);
         // CONCATENATED MODULE: external "lodash/find"
-        const J = require("lodash/find");
-        var X =  r.n(J);
+        const G = require("lodash/find");
+        var J =  n.n(G);
         // CONCATENATED MODULE: external "lodash/forEachRight"
         const Q = require("lodash/forEachRight");
-        var Y =  r.n(Q);
+        var Y =  n.n(Q);
         // CONCATENATED MODULE: external "lodash/includes"
         const Z = require("lodash/includes");
-        var ee =  r.n(Z);
+        var ee =  n.n(Z);
         // CONCATENATED MODULE: external "lodash/memoize"
         const te = require("lodash/memoize");
-        var re =  r.n(te);
+        var ne =  n.n(te);
         // CONCATENATED MODULE: external "lodash/pick"
-        const ne = require("lodash/pick");
-        var oe =  r.n(ne);
+        const re = require("lodash/pick");
+        var oe =  n.n(re);
         // CONCATENATED MODULE: external "lodash/uniq"
         const ae = require("lodash/uniq");
-        var le =  r.n(ae);
+        var le =  n.n(ae);
         // CONCATENATED MODULE: external "lodash/without"
         const ie = require("lodash/without");
-        var ue =  r.n(ie);
+        var ue =  n.n(ie);
+        // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
+        const ce = require("@splunk/react-icons/CaretSmallDown");
+        var se =  n.n(ce);
+        // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
+        const fe = require("@splunk/react-icons/Magnifier");
+        var de =  n.n(fe);
         // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
-        const ce = require("@splunk/react-ui/Dropdown");
-        var se =  r.n(ce);
+        const pe = require("@splunk/react-ui/Dropdown");
+        var ve =  n.n(pe);
         // CONCATENATED MODULE: external "@splunk/react-ui/Link"
-        const fe = require("@splunk/react-ui/Link");
-        var pe =  r.n(fe);
+        const be = require("@splunk/react-ui/Link");
+        var ye =  n.n(be);
         // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
-        const de = require("@splunk/react-ui/ResultsMenu");
-        var ve =  r.n(de);
+        const me = require("@splunk/react-ui/ResultsMenu");
+        var he =  n.n(me);
         // CONCATENATED MODULE: external "@splunk/react-ui/Text"
-        const be = require("@splunk/react-ui/Text");
-        var ye =  r.n(be);
+        const ge = require("@splunk/react-ui/Text");
+        var Oe =  n.n(ge);
         // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
-        const me = require("@splunk/react-ui/ScreenReaderContent");
-        var he =  r.n(me);
+        const we = require("@splunk/react-ui/ScreenReaderContent");
+        var Se =  n.n(we);
         // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
-        const ge = require("@splunk/react-ui/usePrevious");
-        var Oe =  r.n(ge);
+        const Ce = require("@splunk/react-ui/usePrevious");
+        var ke =  n.n(Ce);
         // CONCATENATED MODULE: external "@splunk/ui-utils/filter"
-        const we = require("@splunk/ui-utils/filter");
+        const xe = require("@splunk/ui-utils/filter");
         // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-        const Se = require("@splunk/ui-utils/id");
+        const je = require("@splunk/ui-utils/id");
         // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-        const Ce = require("@splunk/ui-utils/keyboard");
-        // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
-        const ke = require("@splunk/react-icons/CaretSmallDown");
-        var xe =  r.n(ke);
-        // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Caret"
-        const je = require("@splunk/react-icons/enterprise/Caret");
-        var Pe =  r.n(je);
-        // CONCATENATED MODULE: external "@splunk/themes"
-        const Ee = require("@splunk/themes");
-        // CONCATENATED MODULE: ./src/Select/icons/CaretSmallDown.tsx
-        var Ie = function e() {
-            var r = (0, Ee.useSplunkTheme)(), n = r.isEnterprise;
-            var o = n ?  t().createElement(Pe(), {
-                screenReaderText: null,
-                hideDefaultTooltip: true,
-                size: .5
-            }) :  t().createElement(xe(), null);
-            return o;
-        };
-        /* harmony default export */        const Re = Ie;
-        // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Search"
-        const Me = require("@splunk/react-icons/enterprise/Search");
-        var Te =  r.n(Me);
-        // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
-        const _e = require("@splunk/react-icons/Magnifier");
-        var Ae =  r.n(_e);
-        // CONCATENATED MODULE: ./src/Select/icons/Search.tsx
-        var Be = function e() {
-            var r = (0, Ee.useSplunkTheme)(), n = r.isEnterprise, o = r.isCompact;
-            var a = (0, s._)("Search");
-            var l = o ? "20px" : "24px";
-            var i = n ?  t().createElement(Te(), {
-                role: "presentation",
-                size: "16px",
-                screenReaderText: a,
-                hideDefaultTooltip: true
-            }) :  t().createElement(Ae(), {
-                role: "presentation",
-                "aria-label": a,
-                width: l,
-                height: l
-            });
-            return i;
-        };
-        /* harmony default export */        const qe = Be;
+        const Pe = require("@splunk/ui-utils/keyboard");
         // CONCATENATED MODULE: ./src/Select/SelectAllOption.tsx
-        var Ve = {
+        var Ee = {
             active: a().bool,
             changedToggle: a().bool,
             elementRef: a().oneOfType([ a().func, a().object ]),
             id: a().string,
             onClick: a().func,
             selectAllLabel: a().string,
-            selected: a().oneOf([ false, true, "some" ]),
+            selected: a().oneOfType([ a().bool, a().oneOf([ "some" ]) ]),
             totalCount: a().number
         };
-        function De(e) {
-            var r = e.active, n = e.elementRef, o = e.id, a = e.onClick, l = e.selectAllLabel, i = e.totalCount, u = e.changedToggle, c = e.selected;
+        function Ie(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(C, {
-                active: r,
-                elementRef: n,
+                active: n,
+                elementRef: r,
                 "aria-keyshortcuts": "Control+A",
                 "data-test": "select-all",
                 description: "".concat(s, " Ctrl-a"),
@@ -685,16 +647,21 @@
                 value: "selectAll"
             });
         }
-        De.propTypes = Ve;
-        /* harmony default export */        const Ne = De;
+        Ie.propTypes = Ee;
+        /* harmony default export */        const Re = Ie;
         // CONCATENATED MODULE: external "styled-components"
-        const Le = require("styled-components");
-        var Fe =  r.n(Le);
+        const Me = require("styled-components");
+        var Te =  n.n(Me);
         // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-        const Ke = require("@splunk/react-ui/Button");
-        var He =  r.n(Ke);
+        const _e = require("@splunk/react-ui/Button");
+        var Ae =  n.n(_e);
+        // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
+        const Be = require("@splunk/react-ui/Divider");
+        var qe =  n.n(Be);
+        // CONCATENATED MODULE: external "@splunk/themes"
+        const Ve = require("@splunk/themes");
         // CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
-        var $e = Fe()(He()).withConfig({
+        var De = Te()(Ae()).withConfig({
             displayName: "SelectBaseStyles__StyledButton",
             componentId: "sc-16cj7sk-0"
         })([ "&[data-inline]{width:", ";}", "" ], (function(e) {
@@ -704,103 +671,79 @@
             var t = e.$multiple;
             return !t && "flex-grow: 0;";
         }));
-        var ze = Fe().span.withConfig({
+        var Le = Te().span.withConfig({
             displayName: "SelectBaseStyles__StyledLinkIcon",
             componentId: "sc-16cj7sk-1"
-        })([ "padding-right:2px;" ]);
-        var We = Fe().span.withConfig({
+        })([ "padding-right:", ";" ], Ve.variables.spacingXSmall);
+        var Ne = Te().span.withConfig({
             displayName: "SelectBaseStyles__StyledLinkCaret",
             componentId: "sc-16cj7sk-2"
-        })([ "padding-left:2px;" ]);
-        var Ue = Fe().div.withConfig({
+        })([ "padding-left:", ";" ], Ve.variables.spacingXSmall);
+        var Fe = Te().div.withConfig({
             displayName: "SelectBaseStyles__StyledFilter",
             componentId: "sc-16cj7sk-3"
-        })([ "padding:", ";min-width:160px;" ], (0, Ee.pick)({
-            enterprise: "8px",
-            prisma: "10px 16px"
-        }));
-        var Ge = Fe().span.withConfig({
-            displayName: "SelectBaseStyles__StyledSearchIconWrapper",
-            componentId: "sc-16cj7sk-4"
-        })([ "color:", ";pointer-events:none;padding:", ";" ], (0, Ee.pick)({
-            enterprise: {
-                light: Ee.variables.gray60,
-                dark: Ee.variables.white
-            },
-            prisma: Ee.variables.contentColorMuted
-        }), (0, Ee.pick)({
-            comfortable: "0 8px",
-            compact: "0 6px"
-        }));
-        var Je = Fe().span.withConfig({
+        })([ "padding:", " ", " ", ";min-width:160px;" ], Ve.variables.spacingLarge, Ve.variables.spacingLarge, Ve.variables.spacingSmall);
+        var Ke = Te().span.withConfig({
             displayName: "SelectBaseStyles__StyledCount",
-            componentId: "sc-16cj7sk-5"
-        })([ "padding-right:", ";" ], Ee.variables.spacingXSmall);
-        var Xe = Fe()(pe()).withConfig({
+            componentId: "sc-16cj7sk-4"
+        })([ "padding-right:", ";" ], Ve.variables.spacingXSmall);
+        var He = Te()(ye()).withConfig({
             displayName: "SelectBaseStyles__StyledControlsLink",
-            componentId: "sc-16cj7sk-6"
-        })([ "margin-right:20px;", ";" ], (function(e) {
+            componentId: "sc-16cj7sk-5"
+        })([ "", ";" ], (function(e) {
             var t = e.$disabled;
-            return t && (0, Le.css)([ "color:", ";" ], Ee.variables.contentColorDisabled);
+            return t && (0, Me.css)([ "color:", ";" ], Ve.variables.contentColorDisabled);
         }));
-        var Qe = Fe().div.withConfig({
+        var $e = Te().div.withConfig({
             displayName: "SelectBaseStyles__StyledToggleAllControls",
+            componentId: "sc-16cj7sk-6"
+        })([ "", ";gap:", ";padding:", " ", " ", ";" ], Ve.mixins.reset("flex"), Ve.variables.spacingMedium, Ve.variables.spacingXSmall, Ve.variables.spacingLarge, Ve.variables.spacingSmall);
+        var ze = Te()(qe()).withConfig({
+            displayName: "SelectBaseStyles__StyledControlsDivider",
             componentId: "sc-16cj7sk-7"
-        })([ "padding:", ";", "" ], (0, Ee.pick)({
-            enterprise: "5px 8px",
-            prisma: "10px 16px"
-        }), (0, Ee.pickVariant)("$placement", {
-            above: {
-                enterprise: (0, Le.css)([ "border-top:", ";" ], Ee.variables.border),
-                prisma: (0, Le.css)([ "border-top:1px solid ", ";" ], Ee.variables.neutral200)
-            },
-            below: {
-                enterprise: (0, Le.css)([ "border-bottom:", ";" ], Ee.variables.border),
-                prisma: (0, Le.css)([ "border-bottom:1px solid ", ";" ], Ee.variables.neutral200)
-            }
-        }));
+        })([ "border-color:", ";" ], Ve.variables.borderColor);
         // EXTERNAL MODULE: ./src/useControlled/index.ts + 1 modules
-                var Ye = r(2907);
+                var We = n(2907);
         // CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
         // A utility for matching keyboard characters to list values
-        var Ze = function e(t, r) {
-            return t ? t.label.charAt(r).toLowerCase() : "";
+        var Ue = function e(t, n) {
+            return t ? t.label.charAt(n).toLowerCase() : "";
         };
-        var et = function e(t, r) {
+        var Xe = function e(t, n) {
             if (!t.length) {
                 return t;
             }
-            var n = null;
+            var r = null;
             var o = false;
             var a = t.filter((function(e) {
-                var t = Ze(e, r.index);
-                if (t === r.value) {
+                var t = Ue(e, n.index);
+                if (t === n.value) {
                     o = true;
                     return true;
                 }
                 // If we haven't found a match yet, keep track of the next closest match.
                 // Secondary matching looks for the closest character of a higher value, and failing that, closest of a lower value.
                                 if (!o) {
-                    var a = Ze(n, r.index);
+                    var a = Ue(r, n.index);
                     if (!a) {
-                        n = e;
-                    } else if (t > r.value) {
-                        if (a < r.value) {
-                            n = e;
+                        r = e;
+                    } else if (t > n.value) {
+                        if (a < n.value) {
+                            r = e;
                         } else if (a > t) {
-                            n = e;
+                            r = e;
                         }
                     } else if (t > a) {
-                        n = e;
+                        r = e;
                     }
                 }
                 return false;
             }));
-            return a.length === 0 && n ? [ n ] : a;
+            return a.length === 0 && r ? [ r ] : a;
         };
         // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
         /* eslint-disable @typescript-eslint/no-empty-function */
-        var tt = {
+        var Ge = {
             body: {
                 appendChild: function e() {
                     return [];
@@ -854,14 +797,14 @@
                 search: ""
             }
         };
-        function rt() {
-            var e = typeof document !== "undefined" ? document : tt;
+        function Je() {
+            var e = typeof document !== "undefined" ? document : Ge;
             return e;
         }
         // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
         /* eslint-disable @typescript-eslint/no-empty-function */
-        var nt = {
-            document: tt,
+        var Qe = {
+            document: Ge,
             navigator: {
                 userAgent: ""
             },
@@ -915,69 +858,69 @@
                 clearTimeout(t);
             }
         };
-        function ot() {
-            var e = typeof window !== "undefined" ? window : nt;
+        function Ye() {
+            var e = typeof window !== "undefined" ? window : Qe;
             return e;
         }
         // CONCATENATED MODULE: ./src/Select/SelectBase.tsx
-        function at(e) {
-            return ut(e) || it(e) || pt(e) || lt();
+        function Ze(e) {
+            return nt(e) || tt(e) || lt(e) || et();
         }
-        function lt() {
+        function et() {
             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 it(e) {
+        function tt(e) {
             if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
         }
-        function ut(e) {
-            if (Array.isArray(e)) return dt(e);
+        function nt(e) {
+            if (Array.isArray(e)) return it(e);
         }
-        function ct() {
-            return ct = Object.assign ? Object.assign.bind() : function(e) {
+        function rt() {
+            return rt = Object.assign ? Object.assign.bind() : function(e) {
                 for (var t = 1; t < arguments.length; t++) {
-                    var r = arguments[t];
-                    for (var n in r) {
-                        ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
+                    var n = arguments[t];
+                    for (var r in n) {
+                        ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
                     }
                 }
                 return e;
-            }, ct.apply(null, arguments);
+            }, rt.apply(null, arguments);
         }
-        function st(e, t) {
-            return bt(e) || vt(e, t) || pt(e, t) || ft();
+        function ot(e, t) {
+            return ct(e) || ut(e, t) || lt(e, t) || at();
         }
-        function ft() {
+        function at() {
             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 pt(e, t) {
+        function lt(e, t) {
             if (e) {
-                if ("string" == typeof e) return dt(e, t);
-                var r = {}.toString.call(e).slice(8, -1);
-                return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? dt(e, t) : void 0;
+                if ("string" == typeof e) return it(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) ? it(e, t) : void 0;
             }
         }
-        function dt(e, t) {
+        function it(e, t) {
             (null == t || t > e.length) && (t = e.length);
-            for (var r = 0, n = Array(t); r < t; r++) {
-                n[r] = e[r];
+            for (var n = 0, r = Array(t); n < t; n++) {
+                r[n] = e[n];
             }
-            return n;
+            return r;
         }
-        function vt(e, t) {
-            var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
-            if (null != r) {
-                var n, o, a, l, i = [], u = !0, c = !1;
+        function ut(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;
                 try {
-                    if (a = (r = r.call(e)).next, 0 === t) {
-                        if (Object(r) !== r) return;
+                    if (a = (n = n.call(e)).next, 0 === t) {
+                        if (Object(n) !== n) return;
                         u = !1;
-                    } else for (;!(u = (n = a.call(r)).done) && (i.push(n.value), i.length !== t); u = !0) {
+                    } else for (;!(u = (r = a.call(n)).done) && (i.push(r.value), i.length !== t); u = !0) {
                     }
                 } catch (e) {
                     c = !0, o = e;
                 } finally {
                     try {
-                        if (!u && null != r["return"] && (l = r["return"](), Object(l) !== l)) return;
+                        if (!u && null != n["return"] && (l = n["return"](), Object(l) !== l)) return;
                     } finally {
                         if (c) throw o;
                     }
@@ -985,87 +928,87 @@
                 return i;
             }
         }
-        function bt(e) {
+        function ct(e) {
             if (Array.isArray(e)) return e;
         }
-        function yt(e, t) {
+        function st(e, t) {
             if (null == e) return {};
-            var r, n, o = mt(e, t);
+            var n, r, o = ft(e, t);
             if (Object.getOwnPropertySymbols) {
                 var a = Object.getOwnPropertySymbols(e);
-                for (n = 0; n < a.length; n++) {
-                    r = a[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                for (r = 0; r < a.length; r++) {
+                    n = a[r], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
                 }
             }
             return o;
         }
-        function mt(e, t) {
+        function ft(e, t) {
             if (null == e) return {};
-            var r = {};
-            for (var n in e) {
-                if ({}.hasOwnProperty.call(e, n)) {
-                    if (t.includes(n)) continue;
-                    r[n] = e[n];
+            var n = {};
+            for (var r in e) {
+                if ({}.hasOwnProperty.call(e, r)) {
+                    if (t.includes(r)) continue;
+                    n[r] = e[r];
                 }
             }
-            return r;
+            return n;
         }
-        function ht(e) {
+        function dt(e) {
             "@babel/helpers - typeof";
-            return ht = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return dt = "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;
-            }, ht(e);
+            }, dt(e);
         }
-        function gt(e, t) {
-            var r = Object.keys(e);
+        function pt(e, t) {
+            var n = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
-                var n = Object.getOwnPropertySymbols(e);
-                t && (n = n.filter((function(t) {
+                var r = Object.getOwnPropertySymbols(e);
+                t && (r = r.filter((function(t) {
                     return Object.getOwnPropertyDescriptor(e, t).enumerable;
-                }))), r.push.apply(r, n);
+                }))), n.push.apply(n, r);
             }
-            return r;
+            return n;
         }
-        function Ot(e) {
+        function vt(e) {
             for (var t = 1; t < arguments.length; t++) {
-                var r = null != arguments[t] ? arguments[t] : {};
-                t % 2 ? gt(Object(r), !0).forEach((function(t) {
-                    wt(e, t, r[t]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : gt(Object(r)).forEach((function(t) {
-                    Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
+                var n = null != arguments[t] ? arguments[t] : {};
+                t % 2 ? pt(Object(n), !0).forEach((function(t) {
+                    bt(e, t, n[t]);
+                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : pt(Object(n)).forEach((function(t) {
+                    Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
                 }));
             }
             return e;
         }
-        function wt(e, t, r) {
-            return (t = St(t)) in e ? Object.defineProperty(e, t, {
-                value: r,
+        function bt(e, t, n) {
+            return (t = yt(t)) in e ? Object.defineProperty(e, t, {
+                value: n,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
-            }) : e[t] = r, e;
+            }) : e[t] = n, e;
         }
-        function St(e) {
-            var t = Ct(e, "string");
-            return "symbol" == ht(t) ? t : t + "";
+        function yt(e) {
+            var t = mt(e, "string");
+            return "symbol" == dt(t) ? t : t + "";
         }
-        function Ct(e, t) {
-            if ("object" != ht(e) || !e) return e;
-            var r = e[Symbol.toPrimitive];
-            if (void 0 !== r) {
-                var n = r.call(e, t || "default");
-                if ("object" != ht(n)) return n;
+        function mt(e, t) {
+            if ("object" != dt(e) || !e) return e;
+            var n = e[Symbol.toPrimitive];
+            if (void 0 !== n) {
+                var r = n.call(e, t || "default");
+                if ("object" != dt(r)) return r;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === t ? String : Number)(e);
         }
-        var kt = {
+        var ht = {
             allowKeyMatching: a().bool,
             allowNewValues: a().bool,
             animateLoading: a().bool,
-            appearance: a().oneOf([ "default", "link", "primary", "pill", "toggle", "flat", "subtle" ]),
+            appearance: a().oneOf([ "default", "link", "subtle" ]),
             append: a().bool,
             children: a().node,
             defaultPlacement: a().oneOf([ "above", "below", "vertical" ]),
@@ -1110,59 +1053,61 @@
             /** @private. */
             virtualization: a().number
         };
-        var xt = re()((function(e) {
+        var gt = ne()((function(e) {
             return [ e ];
         }));
         // preserve separate widths for single vs. multi mode
-                var jt = re()((function(e) {
-            var t = e.anchorWidth, r = e.isMultiple, n = e.maxHeight, o = e.menuStyle;
-            return r ? Ot({
+                var Ot = ne()((function(e) {
+            var t = e.anchorWidth, n = e.isMultiple, r = e.maxHeight, o = e.menuStyle;
+            return n ? vt({
                 width: Math.max(t !== null && t !== void 0 ? t : 0, 200),
-                maxHeight: n
-            }, o) : Ot({
+                maxHeight: r
+            }, o) : vt({
                 minWidth: t !== null && t !== void 0 ? t : undefined,
                 maxWidth: Math.max(t !== null && t !== void 0 ? t : 0, 300),
-                maxHeight: n
+                maxHeight: r
             }, o);
         }));
-        var Pt = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
-        function Et(e) {
+        var wt = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
+        function St(e) {
             return e && i()(e.props, "value");
         }
-        function It(e, t) {
-            return "".concat(ht(e), "-").concat(e, "-").concat(t);
-        }
-        var Rt = [ "append", "error", "prepend" ];
-        var Mt = (0, s._)("No matches");
-        var Tt = (0, s._)("Select...");
-        var _t = function e(r) {
-            var n = r.activeItemId, o = r.filterA11yId, a = r.filterKeyword, l = r.hasChildren, i = r.inputId, u = r.inputRef, c = r.menuListboxId, f = r.multiple, p = r.onClearAll, d = r.onSelectAll, v = r.onTextBlur, b = r.onTextChange, y = r.onTextFocus, m = r.onTextKeyDown, h = r.optionSelection, g = r.placement, O = r.selectAllAppearance, w = r.textHasFocus;
+        function Ct(e, t) {
+            return "".concat(dt(e), "-").concat(e, "-").concat(t);
+        }
+        var kt = [ "append", "error", "prepend" ];
+        var xt = (0, s._)("No matches");
+        var jt = (0, s._)("Select...");
+        var Pt =  t().createElement(de(), null);
+        var Et = function e(n) {
+            var r = n.activeItemId, o = n.filterA11yId, a = n.filterKeyword, l = n.hasChildren, i = n.inputId, u = n.inputRef, c = n.menuListboxId, f = n.multiple, d = n.onClearAll, p = n.onSelectAll, v = n.onTextBlur, b = n.onTextChange, y = n.onTextFocus, m = n.onTextKeyDown, h = n.optionSelection, g = n.placement, O = n.selectAllAppearance, w = n.textHasFocus;
             var S = (0, s._)("Select all options".concat(h.current === "all" ? " disabled" : ""));
             var C = (0, s._)("Clear all options".concat(h.current === "none" ? " disabled" : ""));
             // only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
-                        var k =  t().createElement(Qe, {
-                $placement: g,
+                        var k =  t().createElement($e, {
                 key: "selectAll"
-            },  t().createElement(Xe, {
+            },  t().createElement(He, {
                 $disabled: h.current === "all",
+                appearance: "standalone",
                 "aria-label": S,
-                onClick: d,
+                onClick: p,
                 "data-test": "select-all"
-            }, a ? (0, s._)("Select all Matches") : (0, s._)("Select all")),  t().createElement(Xe, {
+            }, a ? (0, s._)("Select all Matches") : (0, s._)("Select all")),  t().createElement(He, {
                 $disabled: h.current === "none",
+                appearance: "standalone",
                 "aria-label": C,
-                onClick: p,
+                onClick: d,
                 "data-test": "clear-all"
             }, a ? (0, s._)("Clear all Matches") : (0, s._)("Clear all")));
             
             return t().createElement("div", {
                 key: "controls"
-            }, o &&  t().createElement(he(), {
+            }, o &&  t().createElement(Se(), {
                 id: o
-            }, (0, s._)("Type to filter")),  t().createElement(Ue, {
+            }, (0, s._)("Type to filter")), g === "above" &&  t().createElement(ze, null),  t().createElement(Fe, {
                 key: "filter",
                 "data-test": "filter"
-            },  t().createElement(ye(), {
+            },  t().createElement(Oe(), {
                 value: a,
                 autoCapitalize: "off",
                 autoComplete: "off",
@@ -1176,134 +1121,136 @@
                 role: "combobox",
                 "aria-expanded": "true",
                 "aria-controls": c,
-                "aria-owns": l ? n : undefined,
+                "aria-owns": w && l ? r : undefined,
                 "aria-label": (0, s._)("Filter"),
                 "aria-autocomplete": "list",
-                "aria-activedescendant": w && l ? n : undefined,
+                "aria-activedescendant": w && l ? r : undefined,
                 inputRef: u,
                 inputId: i,
                 canClear: true,
-                startAdornment:  t().createElement(Ge, null,  t().createElement(qe, null))
-            })), f && l && O === "buttongroup" && k);
+                startAdornment: Pt
+            })), f && l && O === "buttongroup" && k, g === "below" &&  t().createElement(ze, null));
         };
-        var At = false;
-        var Bt = function e(t) {
-            var r = t.prefixLabel, n = t.label, o = t.suffixLabel;
-            var a = n;
-            if (r) {
-                a = [ "".concat(r, ": ") ].concat(a);
+        var It = false;
+        var Rt = 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 = G()(a).concat(" ".concat(o));
+                a = X()(a).concat(" ".concat(o));
             }
             return a;
         };
-        function qt(r) {
-            var n = r.appearance, o = r.append, a = r.children, l = r.currentValues, i = l === void 0 ? [] : l, u = r.describedBy, c = r.disabled, f = r.elementRef, p = r.error, d = r.inline, v = r.labelText, b = r.labelledBy, y = r.multiple, m = r.onClick, h = r.placeholder, g = r.prefixLabel, O = r.prepend, w = r.required, S = r.suffixLabel, C = r.toggle, k = r.toggleContent, x = yt(r, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent" ]);
-            var j;
+        var Mt =  t().forwardRef((function(n, r) {
+            var o = n.appearance, a = n.append, l = n.children, i = n.currentValues, u = i === void 0 ? [] : i, c = n.describedBy, f = n.disabled, d = n.elementRef, p = n.error, v = n.inline, b = n.labelText, y = n.labelledBy, m = n.multiple, h = n.onClick, g = n.placeholder, O = n.prefixLabel, w = n.prepend, S = n.required, C = n.suffixLabel, k = n.toggle, x = n.toggleContent, j = st(n, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent" ]);
             var P;
-            var E = [];
+            var E;
+            var I = [];
             // Generate buttonLabels
-                        var I = e.Children.toArray(a);
-            var R = i.reduce((function(e, t, r, n) {
-                var o = X()(I, (function(e) {
-                    return Et(e) && e.props.value === t;
+                        var R = e.Children.toArray(l);
+            var M = u.reduce((function(e, t, n, r) {
+                var o = J()(R, (function(e) {
+                    return St(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;
+                    var a = o.props, l = a.children, i = a.icon, c = a.label;
+                    var f = x !== "optionLabel" && l ? l : c;
                     e.push(f);
-                    E.push(c);
+                    I.push(c);
                     // if not in multiple mode, add the icon
-                                        if (!y && i.length === 1) {
-                        j = u;
+                                        if (!m && u.length === 1) {
+                        P = i;
                     }
-                } else if (y) {
+                } else if (m) {
                     // only add values that don't match an option in "multiple" mode to preserve old behaviour
                     e.push(t);
-                    E.push(t.toString());
+                    I.push(t.toString());
                 }
-                if (r < n.length - 1) {
+                if (n < r.length - 1) {
                     e.push((0, s._)(", "));
-                    E.push((0, s._)(", "));
+                    I.push((0, s._)(", "));
                 }
                 return e;
             }), []);
-            P = R;
+            E = M;
             // only apply prefix / suffix if the label is not empty
-                        if (P.length > 0) {
+                        if (E.length > 0) {
                 // If there's more than one item selected, read out the selected total
                 // rather than reading out each selected item
-                E = Bt({
-                    prefixLabel: g,
-                    label: P.length > 1 ? [ "".concat(i.length, " items selected") ] : E,
-                    suffixLabel: S
+                I = Rt({
+                    prefixLabel: O,
+                    label: E.length > 1 ? [ "".concat(u.length, " items selected") ] : I,
+                    suffixLabel: C
                 });
-                P = Bt({
-                    prefixLabel: g,
-                    label: P,
-                    suffixLabel: S
+                E = Rt({
+                    prefixLabel: O,
+                    label: E,
+                    suffixLabel: C
                 });
             }
             // single <Select> behaviour is to show the placeholder if all parts of the label
             // are empty strings so we replicate this behaviour here
-                        if (P.length === 0 || !y && P.every((function(e) {
+                        if (E.length === 0 || !m && E.every((function(e) {
                 return e === "";
             }))) {
-                P = xt(h);
-                E = P;
+                E = gt(g);
+                I = E;
             }
-            var M = Object.keys(x).includes("aria-labelledby");
-            var T = Ot({
-                "aria-describedby": u,
-                "aria-label": b || M ? undefined : "".concat(v ? "".concat(v, ", ") : "").concat(E.join("")),
+            var T = Object.keys(j).includes("aria-labelledby");
+            var _ = vt({
+                "aria-describedby": c,
+                "aria-label": y || T ? undefined : "".concat(b ? "".concat(b, ", ") : "").concat(I.join("")),
                 // aria-labelledby takes precedence over aria-label, so existence of both is redundant
-                "aria-labelledby": b,
-                "aria-required": w,
-                "data-select-appearance": n,
-                append: o,
-                prepend: O,
-                onClick: m,
+                "aria-labelledby": y,
+                "aria-required": S,
+                "data-select-appearance": o,
+                append: a,
+                prepend: w,
+                onClick: h,
                 role: "combobox",
-                disabled: c,
-                elementRef: f,
-                error: p
-            }, x);
-            if (y) {
-                T["data-test-values"] = JSON.stringify(i);
+                disabled: f,
+                elementRef: d,
+                error: p,
+                ref: r
+            }, j);
+            if (m) {
+                _["data-test-values"] = JSON.stringify(u);
             } else {
-                var _ = st(i, 1), A = _[0];
-                T["data-test-value"] = A;
+                var A = ot(u, 1), B = A[0];
+                _["data-test-value"] = B;
             }
-            if (C) {
+            if (k) {
                 
-                return (0, e.cloneElement)(C, T);
+                return (0, e.cloneElement)(k, _);
             }
-            if (n === "link") {
+            if (o === "link") {
                 
-                return t().createElement(pe(), ct({}, T, {
+                return t().createElement(ye(), rt({
+                    appearance: "standalone"
+                }, _, {
                     "data-select-appearance": "link"
-                }), !!j &&  t().createElement(ze, null, j), P || h,  t().createElement(We, null,  t().createElement(Re, null)));
+                }), !!P &&  t().createElement(Le, null, P), E || g,  t().createElement(Ne, null,  t().createElement(se(), null)));
             }
             
-            return t().createElement($e, ct({}, T, {
-                $multiple: y,
-                appearance: n,
-                label: P,
+            return t().createElement(De, rt({}, _, {
+                $multiple: m,
+                appearance: o,
+                label: E,
                 error: p,
-                icon: j,
-                inline: d,
+                icon: P,
+                inline: v,
                 isMenu: true,
-                onClick: m
-            }, oe()(x, Rt)), !!i.length && y &&  t().createElement(Je, {
+                onClick: h
+            }, oe()(j, kt)), !!u.length && m &&  t().createElement(Ke, {
                 "data-role": "count"
-            }, "(", i.length, ")"));
-        }
-        qt[ce.legacyRefMode] = true;
-        function Vt(r) {
-            var n = r.allowKeyMatching, o = n === void 0 ? true : n, a = r.animateLoading, l = r.appearance, i = l === void 0 ? "toggle" : l, u = r.append, c = r.allowNewValues, p = r.children, d = r.defaultPlacement, v = d === void 0 ? "vertical" : d, b = r.defaultValues, y = r.describedBy, m = r.disabled, h = r.elementRef, g = r.error, O = r.filter, w = r.footerMessage, S = r.inline, x = r.inputId, j = r.inputRef, P = r.isLoadingOptions, E = r.labelledBy, I = r.labelText, R = r.loadingMessage, M = r.menuStyle, T = M === void 0 ? {} : M, _ = r.multiple, A = r.name, B = r.noOptionsMessage, q = B === void 0 ? Mt : B, V = r.onChange, D = r.onScroll, N = r.onScrollBottom, L = r.onFilterChange, F = r.onClick, K = r.onClose, H = r.onOpen, $ = r.required, z = r.placeholder, W = z === void 0 ? Tt : z, U = r.prefixLabel, G = r.prepend, J = r.repositionMode, Q = J === void 0 ? "flip" : J, Z = r.selectAllAppearance, te = Z === void 0 ? "buttongroup" : Z, re = r.showSelectedValuesFirst, ne = r.suffixLabel, oe = r.tabConfirmsNewValue, ae = r.values, ie = r.virtualization, ce = r.toggle, fe = r.toggleContent, pe = fe === void 0 ? "optionChildren" : fe, be = yt(r, [ "allowKeyMatching", "animateLoading", "appearance", "append", "allowNewValues", "children", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "filter", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "labelText", "loadingMessage", "menuStyle", "multiple", "name", "noOptionsMessage", "onChange", "onScroll", "onScrollBottom", "onFilterChange", "onClick", "onClose", "onOpen", "required", "placeholder", "prefixLabel", "prepend", "repositionMode", "selectAllAppearance", "showSelectedValuesFirst", "suffixLabel", "tabConfirmsNewValue", "values", "virtualization", "toggle", "toggleContent" ]);
+            }, "(", u.length, ")"));
+        }));
+        function Tt(n) {
+            var r = n.allowKeyMatching, o = r === void 0 ? true : r, a = n.animateLoading, l = n.appearance, i = l === void 0 ? "default" : l, u = n.append, c = n.allowNewValues, d = n.children, p = n.defaultPlacement, v = p === void 0 ? "vertical" : p, b = n.defaultValues, y = n.describedBy, m = n.disabled, h = n.elementRef, g = n.error, O = n.filter, w = n.footerMessage, S = n.inline, j = n.inputId, P = n.inputRef, E = n.isLoadingOptions, I = n.labelledBy, R = n.labelText, M = n.loadingMessage, T = n.menuStyle, _ = T === void 0 ? {} : T, A = n.multiple, B = n.name, q = n.noOptionsMessage, V = q === void 0 ? xt : q, D = n.onChange, L = n.onScroll, N = n.onScrollBottom, F = n.onFilterChange, K = n.onClick, H = n.onClose, $ = n.onOpen, z = n.required, W = n.placeholder, U = W === void 0 ? jt : W, X = n.prefixLabel, G = n.prepend, Q = n.repositionMode, Z = Q === void 0 ? "flip" : Q, te = n.selectAllAppearance, ne = te === void 0 ? "buttongroup" : te, re = n.showSelectedValuesFirst, oe = n.suffixLabel, ae = n.tabConfirmsNewValue, ie = n.values, ce = n.virtualization, se = n.toggle, fe = n.toggleContent, de = fe === void 0 ? "optionChildren" : fe, pe = st(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 ye = (0, Ye["default"])({
+                        var be = (0, We["default"])({
                 componentName: "SelectBase",
                 /* eslint-disable-next-line prefer-rest-params */
                 componentProps: arguments[0],
@@ -1312,374 +1259,375 @@
                 valuePropName: "values"
             });
             // states
-                        var me = (0, e.useState)((function() {
+                        var ye = (0, e.useState)((function() {
                 return {
-                    activeItemId: (0, Se.createDOMID)("active-item"),
-                    menuListboxId: (0, Se.createDOMID)("menu-listbox")
+                    activeItemId: (0, je.createDOMID)("active-item"),
+                    menuListboxId: (0, je.createDOMID)("menu-listbox")
                 };
-            })), he = st(me, 1), ge = he[0], ke = ge.activeItemId, xe = ge.menuListboxId;
-            var je = (0, e.useState)(0), Pe = st(je, 2), Ee = Pe[0], Ie = Pe[1];
-            var Re = (0, e.useState)(""), Me = st(Re, 2), Te = Me[0], _e = Me[1];
-            var Ae = (0, e.useState)(false), Be = st(Ae, 2), qe = Be[0], Ve = Be[1];
-            var De = (0, e.useState)(false), Le = st(De, 2), Fe = Le[0], Ke = Le[1];
-            var He = (0, e.useState)([]), $e = st(He, 2), ze = $e[0], We = $e[1];
-            var Ue = (0, e.useState)(b || []), Ge = st(Ue, 2), Je = Ge[0], Xe = Ge[1];
+            })), ge = ot(ye, 1), Oe = ge[0], we = Oe.activeItemId, Se = Oe.menuListboxId;
+            var Ce = (0, e.useState)(0), Ee = ot(Ce, 2), Ie = Ee[0], Me = Ee[1];
+            var Te = (0, e.useState)(""), _e = ot(Te, 2), Ae = _e[0], Be = _e[1];
+            var qe = (0, e.useState)(false), Ve = ot(qe, 2), De = Ve[0], Le = Ve[1];
+            var Ne = (0, e.useState)(false), Fe = ot(Ne, 2), Ke = Fe[0], He = Fe[1];
+            var $e = (0, e.useState)([]), ze = ot($e, 2), Ue = ze[0], Ge = ze[1];
+            var Je = (0, e.useState)(b || []), Qe = ot(Je, 2), et = Qe[0], tt = Qe[1];
  // previous state
-                        var Qe = Oe()(Ee);
+                        var nt = ke()(Ie);
             // refs
-                        var Ze = (0, e.useRef)(null);
-            var tt = (0, e.useRef)(null);
-            var rt = (0, e.useRef)(null);
-            var nt = (0, e.useRef)([]);
-            var lt = (0, e.useRef)([]);
-            var it = (0, e.useRef)(Qe);
-            var ut = (0, e.useRef)();
-            var ft = (0, e.useRef)({});
-            var pt = (0, e.useRef)(0);
-            var dt = (0, e.useRef)([]);
-            var vt = (0, e.useRef)(null);
-            var bt = (0, e.useRef)();
-            var mt = (0, e.useRef)(0);
-            var ht = (0, e.useRef)("none");
-            var gt = (0, e.useState)(O ? (0, Se.createDOMID)("filter") : undefined), Ot = st(gt, 1), wt = Ot[0];
+                        var at = (0, e.useRef)(null);
+            var lt = (0, e.useRef)(null);
+            var it = (0, e.useRef)(null);
+            var ut = (0, e.useRef)([]);
+            var ct = (0, e.useRef)([]);
+            var ft = (0, e.useRef)(nt);
+            var dt = (0, e.useRef)();
+            var pt = (0, e.useRef)({});
+            var vt = (0, e.useRef)(0);
+            var bt = (0, e.useRef)([]);
+            var yt = (0, e.useRef)(null);
+            var mt = (0, e.useRef)();
+            var ht = (0, e.useRef)(0);
+            var gt = (0, e.useRef)("none");
+            var kt = (0, e.useState)(O ? (0, je.createDOMID)("filter") : undefined), Pt = ot(kt, 1), Rt = Pt[0];
             (0, e.useEffect)((function() {
                 if (false) {}
             }), [ i, u, g, G ]);
-            var St = (0, e.useCallback)((function() {
-                var e = ye ? ae : Je;
-                return _ || e == null ? e : e.slice(0, 1);
-            }), [ ye, _, ae, Je ]);
-            var Ct = (0, e.useCallback)((function() {
+            var Tt = (0, e.useCallback)((function() {
+                var e = be ? ie : et;
+                return A || e == null ? e : e.slice(0, 1);
+            }), [ be, A, ie, et ]);
+            var _t = (0, e.useCallback)((function() {
                 var e;
                 // in non-multiple mode, don't move values to the top of the list
-                                return _ && re !== "never" ? (e = St()) !== null && e !== void 0 ? e : [] : [];
-            }), [ St, _, re ]);
-            var kt = (0, e.useCallback)((function(e) {
-                var t = Te;
-                Ve(true);
-                We(Ct());
+                                return A && re !== "never" ? (e = Tt()) !== null && e !== void 0 ? e : [] : [];
+            }), [ Tt, A, re ]);
+            var At = (0, e.useCallback)((function(e) {
+                var t = Ae;
+                Le(true);
+                Ge(_t());
                 // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
-                                if (_) {
-                    _e("");
+                                if (A) {
+                    Be("");
                 }
-                if (t !== Te) {
-                    L === null || L === void 0 ? void 0 : L(e, {
-                        keyword: Te
+                if (t !== Ae) {
+                    F === null || F === void 0 ? void 0 : F(e, {
+                        keyword: Ae
                     });
                 }
-            }), [ Te, Ct, _, L ]);
+            }), [ Ae, _t, A, F ]);
             (0, e.useEffect)((function() {
-                if (qe) {
-                    H === null || H === void 0 ? void 0 : H();
-                    if (vt.current && !O) {
-                        vt.current.focus();
+                if (De) {
+                    $ === null || $ === void 0 ? void 0 : $();
+                    if (yt.current && !O) {
+                        yt.current.focus();
                     } else {
                         var e;
-                        Ie((e = bt.current) !== null && e !== void 0 ? e : 0);
+                        Me((e = mt.current) !== null && e !== void 0 ? e : 0);
                     }
                 }
-            }), [ H, qe, ze, Te, O ]);
-            var xt = (0, e.useCallback)((function() {
-                Ve(false);
-                Ie(0);
-                it.current = null;
-                K === null || K === void 0 ? void 0 : K();
-            }), [ K ]);
-            var Rt = (0, e.useCallback)((function(e, t) {
-                var r;
-                var n = (r = St()) !== null && r !== void 0 ? r : [];
-                var o = n.indexOf(t);
+            }), [ $, De, Ue, Ae, O ]);
+            var Bt = (0, e.useCallback)((function() {
+                Le(false);
+                Me(0);
+                ft.current = null;
+                H === null || H === void 0 ? void 0 : H();
+            }), [ H ]);
+            var qt = (0, e.useCallback)((function(e, t) {
+                var n;
+                var r = (n = Tt()) !== null && n !== void 0 ? n : [];
+                var o = r.indexOf(t);
                 var a;
-                if (_) {
+                if (A) {
                     if (o >= 0) {
-                        a = [].concat(at(n.slice(0, o)), at(n.slice(o + 1)));
+                        a = [].concat(Ze(r.slice(0, o)), Ze(r.slice(o + 1)));
                     } else {
-                        a = n.concat([ t ]);
+                        a = r.concat([ t ]);
                     }
                 } else {
                     // non-multiple mode must always have a value
                     a = [ t ];
                 }
-                var l = !ye;
+                var l = !be;
                 if (l) {
-                    Xe(a);
+                    tt(a);
                 }
-                if (_) {
+                if (A) {
                     // in uncontrolled multiple mode, keep the menu open
                     if (l) {
-                        Ve(true);
+                        Le(true);
                     }
                 } else {
                     var i;
                     // non-multiple mode only supports a single selection
                     // so close the menu once a selection is made
-                                        xt({
+                                        Bt({
                         reason: "contentClick"
                     });
-                    (i = Ze.current) === null || i === void 0 ? void 0 : i.focus();
+                    (i = at.current) === null || i === void 0 ? void 0 : i.focus();
                 }
-                V === null || V === void 0 ? void 0 : V(e, {
+                D === null || D === void 0 ? void 0 : D(e, {
                     values: a,
-                    name: A,
+                    name: B,
                     reason: "valueToggle"
                 });
-            }), [ St, xt, ye, _, A, V ]);
-            var Bt = function e() {
-                tt.current = null;
-                nt.current = [];
-                if (rt.current) {
-                    clearTimeout(rt.current);
+            }), [ Tt, Bt, be, A, B, D ]);
+            var Vt = function e() {
+                lt.current = null;
+                ut.current = [];
+                if (it.current) {
+                    clearTimeout(it.current);
                 }
             };
-            var Vt = (0, e.useCallback)((function(e) {
-                var r;
+            var Dt = (0, e.useCallback)((function(e) {
+                var n;
                 // this doesn't make sense if we can't select multiple values
-                                if (!_) {
+                                if (!A) {
                     return;
                 }
-                var n = (r = St()) !== null && r !== void 0 ? r : [];
-                var o = le()(n.concat(dt.current));
-                o = t().Children.toArray(p).filter((function(e) {
-                    return Et(e) && ee()(o, e.props.value) && (!e.props.disabled || ee()(n, e.props.value));
+                var r = (n = Tt()) !== null && n !== void 0 ? n : [];
+                var o = le()(r.concat(bt.current));
+                o = t().Children.toArray(d).filter((function(e) {
+                    return St(e) && ee()(o, e.props.value) && (!e.props.disabled || ee()(r, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
-                if (!ye) {
-                    Xe(o);
+                if (!be) {
+                    tt(o);
                 }
-                V === null || V === void 0 ? void 0 : V(e, {
+                D === null || D === void 0 ? void 0 : D(e, {
                     values: o,
-                    name: A,
+                    name: B,
                     reason: "selectAll"
                 });
-            }), [ p, St, ye, _, A, V ]);
-            var Dt = (0, e.useCallback)((function(e) {
-                var r;
+            }), [ d, Tt, be, A, B, D ]);
+            var Lt = (0, e.useCallback)((function(e) {
+                var n;
                 // this doesn't make sense if we can't select multiple values
-                                if (!_) {
+                                if (!A) {
                     return;
                 }
-                var n = (r = St()) !== null && r !== void 0 ? r : [];
-                var o = ue().apply(void 0, [ n ].concat(at(dt.current)));
+                var r = (n = Tt()) !== null && n !== void 0 ? n : [];
+                var o = ue().apply(void 0, [ r ].concat(Ze(bt.current)));
                 // this will unselect all selected values unless those values are disabled or hidden by the filter
-                                var a = t().Children.toArray(p).filter((function(e) {
-                    return Et(e) && (ee()(n, e.props.value) && e.props.disabled || ee()(o, e.props.value));
+                                var a = t().Children.toArray(d).filter((function(e) {
+                    return St(e) && (ee()(r, e.props.value) && e.props.disabled || ee()(o, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
-                if (!ye) {
-                    Xe(a);
+                if (!be) {
+                    tt(a);
                 }
-                V === null || V === void 0 ? void 0 : V(e, {
+                D === null || D === void 0 ? void 0 : D(e, {
                     values: a,
-                    name: A,
+                    name: B,
                     reason: "clearAll"
                 });
-            }), [ p, St, ye, _, A, V ]);
+            }), [ d, Tt, be, A, B, D ]);
             var Nt = (0, e.useCallback)((function(e) {
-                if (qe && !P) {
+                if (De && !E) {
                     N === null || N === void 0 ? void 0 : N(e);
                 }
-            }), [ qe, P, N ]);
-            var Lt = (0, e.useCallback)((function(t) {
-                var r = (0, Ce.keycode)(t.nativeEvent);
-                if (r === "tab") {
-                    if (oe && ut.current && pt.current <= 1) {
+            }), [ De, E, N ]);
+            var Ft = (0, e.useCallback)((function(t) {
+                var n = (0, Pe.keycode)(t.nativeEvent);
+                if (n === "tab") {
+                    if (ae && dt.current && vt.current <= 1) {
                         t.preventDefault();
-                        Rt(t, ut.current);
+                        qt(t, dt.current);
                     }
                 }
                 if (t.shiftKey || t.metaKey || t.ctrlKey) {
-                    if (r === "a" && (t.ctrlKey || t.metaKey)) {
+                    if (n === "a" && (t.ctrlKey || t.metaKey)) {
                         // handle control + A
-                        if (ht.current === "all") {
-                            Dt(t);
+                        if (gt.current === "all") {
+                            Lt(t);
                         } else {
-                            Vt(t);
+                            Dt(t);
                         }
                     }
                     return;
                 }
-                if (r === "down") {
+                if (n === "down") {
                     t.preventDefault();
-                    Ie(Math.min(Ee + 1, te === "checkbox" ? pt.current : pt.current - 1));
-                    if (p && N) {
-                        var n;
-                        var o = e.Children.toArray(p).length - (2 + ((n = St()) !== null && n !== void 0 ? n : []).length);
-                        if (Ee === o) {
+                    Me(Math.min(Ie + 1, ne === "checkbox" ? vt.current : vt.current - 1));
+                    if (d && N) {
+                        var r;
+                        var o = e.Children.toArray(d).length - (2 + ((r = Tt()) !== null && r !== void 0 ? r : []).length);
+                        if (Ie === o) {
                             Nt(t);
                         }
                     }
                 }
-                if (r === "up") {
+                if (n === "up") {
                     t.preventDefault();
-                    Ie(Math.max(Ee - 1, 0));
+                    Me(Math.max(Ie - 1, 0));
                 }
-                if (r === "enter" && ut.current && qe) {
-                    if (ut.current === "selectAll") {
-                        if (ht.current === "all") {
-                            Dt(t);
+                if (n === "enter" && dt.current && De) {
+                    if (dt.current === "selectAll") {
+                        if (gt.current === "all") {
+                            Lt(t);
                         } else {
-                            Vt(t);
+                            Dt(t);
                         }
                     } else {
                         t.preventDefault();
-                        Rt(t, ut.current);
+                        qt(t, dt.current);
                     }
                 }
-            }), [ Ee, p, St, Dt, Nt, Vt, N, qe, te, oe, Rt ]);
-            var Ft = (0, e.useCallback)((function(e, t) {
-                var r = t.value;
+            }), [ Ie, d, Tt, Lt, Nt, Dt, N, De, ne, ae, qt ]);
+            var Kt = (0, e.useCallback)((function(e, t) {
+                var n = t.value;
                 e.preventDefault();
-                if (!qe) {
+                if (!De) {
                     return;
                 }
-                Rt(e, r);
-            }), [ qe, Rt ]);
-            var Kt = (0, e.useCallback)((function(e, t) {
-                var r = e.nativeEvent.key;
+                qt(e, n);
+            }), [ De, qt ]);
+            var Ht = (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 (r.length === 1) {
-                    var n = [];
+                                if (n.length === 1) {
+                    var r = [];
                     var o = {
                         index: 0,
-                        value: r
+                        value: n
                     };
-                    if (!tt.current) {
-                        if (r === " ") {
-                            Bt();
+                    if (!lt.current) {
+                        if (n === " ") {
+                            Vt();
                             return;
                         }
-                        n = et(lt.current, o);
-                    } else if (nt.current.length > 1) {
-                        o.index = tt.current.index + 1;
-                        n = et(nt.current, o);
+                        r = Xe(ct.current, o);
+                    } else if (ut.current.length > 1) {
+                        o.index = lt.current.index + 1;
+                        r = Xe(ut.current, o);
                     }
-                    if (n.length) {
+                    if (r.length) {
                         var a;
                         var l = 0;
                         // If the active option is a first character match, cycle to the next matching option.
-                                                if (o.index === 0 && n.length > 1) {
-                            var i = n.indexOf(lt.current[t]);
+                                                if (o.index === 0 && r.length > 1) {
+                            var i = r.indexOf(ct.current[t]);
                             if (i >= 0) {
-                                l = i === n.length - 1 ? 0 : i + 1;
+                                l = i === r.length - 1 ? 0 : i + 1;
                             }
                         }
-                        var u = n[l];
+                        var u = r[l];
                         var c = u.value, s = u.label;
-                        var f = ft.current[It(c, s)];
+                        var f = pt.current[Ct(c, s)];
                         f === null || f === void 0 ? void 0 : (a = f.focus) === null || a === void 0 ? void 0 : a.call(f);
                     }
-                    nt.current = n;
-                    tt.current = o;
-                    if (rt.current) {
-                        clearTimeout(rt.current);
+                    ut.current = r;
+                    lt.current = o;
+                    if (it.current) {
+                        clearTimeout(it.current);
                     }
-                    rt.current = setTimeout(Bt, 500);
+                    it.current = setTimeout(Vt, 500);
                     e.preventDefault();
                     e.stopPropagation();
                 }
             }), []);
-            var Ht = (0, e.useCallback)((function(e, t) {
-                var r = t.value;
-                _e(r);
-                Ve(true);
-                Ie(0);
-                L === null || L === void 0 ? void 0 : L(e, {
-                    keyword: r
+            var $t = (0, e.useCallback)((function(e, t) {
+                var n = t.value;
+                Be(n);
+                Le(true);
+                Me(0);
+                F === null || F === void 0 ? void 0 : F(e, {
+                    keyword: n
                 });
-            }), [ L ]);
-            var $t = (0, e.useCallback)((function() {
-                Ke(true);
-            }), []);
+            }), [ F ]);
             var zt = (0, e.useCallback)((function() {
-                Ke(false);
+                He(true);
             }), []);
-            var Wt = (0, e.useCallback)((function(e) {
-                if (it.current !== Ee) {
+            var Wt = (0, e.useCallback)((function() {
+                He(false);
+            }), []);
+            var Ut = (0, e.useCallback)((function(e) {
+                if (ft.current !== Ie) {
                     k(e);
                 }
-            }), [ Ee ]);
-            var Ut = (0, e.useCallback)((function(e, t, r) {
-                if (r) {
-                    vt.current = e;
+            }), [ Ie ]);
+            var Xt = (0, e.useCallback)((function(e, t, n) {
+                if (n) {
+                    yt.current = e;
                 }
                 if (e == null) {
-                    delete ft.current[t];
+                    delete pt.current[t];
                 } else {
-                    ft.current[t] = e;
+                    pt.current[t] = e;
                 }
-            }), [ ft ]);
+            }), [ pt ]);
             var Gt = (0, e.useCallback)((function(e) {
-                Ze.current = e;
-            }), [ Ze ]);
+                at.current = e;
+                x(h, e);
+            }), [ h, at ]);
             var Jt = (0, e.useMemo)((function() {
                 var e;
-                return (e = St()) !== null && e !== void 0 ? e : [];
-            }), [ St ]);
-            var Xt = e.Children.toArray(p);
-            var Qt = Jt.some((function(e) {
-                var t = X()(Xt, (function(t) {
-                    return Et(t) && t.props.value === e;
+                return (e = Tt()) !== null && e !== void 0 ? e : [];
+            }), [ Tt ]);
+            var Qt = e.Children.toArray(d);
+            var Yt = Jt.some((function(e) {
+                var t = J()(Qt, (function(t) {
+                    return St(t) && t.props.value === e;
                 }));
                 return t && !t.props.disabled;
             }));
-            var Yt = re === "immediately" ? Ct() : ze;
-            var Zt = (0, e.useMemo)((function() {
-                pt.current = 0;
-                bt.current = undefined;
-                mt.current = 0;
-                ut.current = undefined;
-                lt.current = [];
-                var r = function e(t, r) {
+            var Zt = re === "immediately" ? _t() : Ue;
+            var en = (0, e.useMemo)((function() {
+                vt.current = 0;
+                mt.current = undefined;
+                ht.current = 0;
+                dt.current = undefined;
+                ct.current = [];
+                var n = function e(t, n) {
                     return function(e) {
-                        return Ut(e, t, r);
+                        return Xt(e, t, n);
                     };
                 };
-                var 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) {
+                var u = e.Children.toArray(d).reduce((function(u, c, s) {
                     // ignore Headings and Dividers
-                    if (!Et(c)) {
+                    if (!St(c)) {
                         u.push(c);
                         return u;
                     }
-                    var p = c.props, d = p.disabled, v = p.hidden, b = p.label, y = p.value;
+                    var d = c.props, p = d.disabled, v = d.hidden, b = d.label, y = d.value;
  // Find out if the search string exactly matches a value
-                                        if (y === Te) {
-                        n = true;
+                                        if (y === Ae) {
+                        r = true;
                     }
                     var m = Jt && Jt.indexOf(y) >= 0;
-                    var h = !!m && !d && !i;
-                    var g = o && !_ && !O && !P && !N;
-                    var w = It(y, b);
+                    var h = !!m && !p && !i;
+                    var g = o && !A && !O && !E && !N;
+                    var w = Ct(y, b);
                     var S = -1;
-                    if (g && !d && !v) {
-                        lt.current.push({
+                    if (g && !p && !v) {
+                        ct.current.push({
                             label: b,
                             value: y
                         });
-                        S = lt.current.length - 1;
+                        S = ct.current.length - 1;
                     }
                     // Format the Menu.Item
                                         var C =  (0, e.cloneElement)(c, {
-                        elementRef: r(w, h),
+                        elementRef: n(w, h),
                         key: c.key || s,
-                        onClick: Ft,
+                        onClick: Kt,
                         onKeyDown: g ? function(e) {
-                            return Kt(e, S);
+                            return Ht(e, S);
                         } : undefined,
                         selected: m,
-                        multiple: _,
+                        multiple: A,
                         role: "option"
                     });
                     if (h) {
                         i = true;
                     }
-                    if (Yt && Yt.indexOf(y) >= 0) {
+                    if (Zt && Zt.indexOf(y) >= 0) {
                         if (a === 0) {
                             u.splice(a, 0,  t().createElement(f.Divider, {
                                 key: "topDivider"
@@ -1694,17 +1642,17 @@
                     return u;
                 }), []);
                 // In multiple mode, add missing items
-                                if (_) {
+                                if (A) {
                     Y()(Jt, (function(e) {
-                        var o = X()(u, (function(t) {
-                            return Et(t) && t.props && t.props.value === e;
+                        var o = J()(u, (function(t) {
+                            return St(t) && t.props && t.props.value === e;
                         }));
                         if (!o) {
-                            if (e === Te) {
-                                n = true;
+                            if (e === Ae) {
+                                r = true;
                             }
-                            var i = Yt && Yt.indexOf(e) >= 0;
-                            var c = Yt.length;
+                            var i = Zt && Zt.indexOf(e) >= 0;
+                            var c = Zt.length;
                             if (a === 0) {
                                 u.splice(0, 0,  t().createElement(f.Divider, {
                                     key: "topDivider"
@@ -1713,14 +1661,14 @@
                                 l = true;
                             }
                             var s = String(e);
-                            var p = It(e, s);
+                            var d = Ct(e, s);
                             u.splice(i ? 0 : c + 1, 0,  t().createElement(C, {
-                                elementRef: r(p),
+                                elementRef: n(d),
                                 label: s,
                                 value: e,
                                 key: "missing-value-".concat(e),
-                                onClick: Ft,
-                                multiple: _,
+                                onClick: Kt,
+                                multiple: A,
                                 selected: true
                             }));
                             if (i) {
@@ -1729,279 +1677,282 @@
                         }
                     }));
                 }
-                var d = O === "controlled";
+                var p = O === "controlled";
                 // Filter the items
-                                var v = (0, we.stringToKeywords)(Te);
-                u = d ? u : u.filter((function(e) {
-                    if (Et(e)) {
-                        return (0, we.testPhrase)(e.props.label, v);
+                                var v = (0, xe.stringToKeywords)(Ae);
+                u = p ? u : u.filter((function(e) {
+                    if (St(e)) {
+                        return (0, xe.testPhrase)(e.props.label, v);
                     }
                     return true;
  // Keep all headers and non-interactive options
                                 })).map((function(t) {
-                    if (!Et(t)) {
+                    if (!St(t)) {
                         return t;
                     }
                     // highlight matched text
-                                        var r = v && (0, we.keywordLocations)(t.props.label, v);
+                                        var n = v && (0, xe.keywordLocations)(t.props.label, v);
                     
                     return (0, e.cloneElement)(t, {
-                        matchRanges: r || undefined
+                        matchRanges: n || undefined
                     });
                 }));
                 // Add the option to add the new value
-                                if (c && !n && Te) {
+                                if (c && !r && Ae) {
                     var b = l ? a + 1 : a;
-                    var y = "".concat(Te, " (new value)");
-                    var m = It(Te, y);
+                    var y = "".concat(Ae, " (new value)");
+                    var m = Ct(Ae, y);
                     u.splice(b, 0,  t().createElement(C, {
-                        elementRef: r(m),
+                        elementRef: n(m),
                         label: y,
-                        value: Te,
+                        value: Ae,
                         key: "newValue",
-                        multiple: _,
-                        onClick: Ft
+                        multiple: A,
+                        onClick: Kt
                     }));
                 }
                 // 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 h = ne === "checkbox" && A && u.length > 1 ? 1 : 0;
                 var g = true;
                 // Highlight the selected Items and remove hidden
-                                u = u.reduce((function(t, r) {
+                                u = u.reduce((function(t, n) {
                     // ignore Dividers & Headings
-                    if (!Et(r)) {
-                        t.push(r);
+                    if (!St(n)) {
+                        t.push(n);
                         return t;
                     }
                     // Ignore any hidden items
-                                        if (r.props && r.props.hidden) {
+                                        if (n.props && n.props.hidden) {
                         return t;
                     }
-                    if (r.props.selected && !r.props.disabled && bt.current == null) {
-                        bt.current = pt.current;
+                    if (n.props.selected && !n.props.disabled && mt.current == null) {
+                        mt.current = vt.current;
                     }
-                    var n = h === Ee;
+                    var r = h === Ie;
                     h += 1;
-                    pt.current += 1;
-                    mt.current += r.props.selected ? 1 : 0;
-                    if (r.key !== "newValue" && !r.props.disabled && !r.props.selected) {
+                    vt.current += 1;
+                    ht.current += n.props.selected ? 1 : 0;
+                    if (n.key !== "newValue" && !n.props.disabled && !n.props.selected) {
                         g = false;
                     }
-                    if (!n || !Fe) {
-                        t.push(r);
+                    if (!r || !Ke) {
+                        t.push(n);
                         return t;
                     }
-                    if (!r.props.disabled) {
-                        ut.current = r.props.value;
+                    if (!n.props.disabled) {
+                        dt.current = n.props.value;
                     }
-                    var o =  (0, e.cloneElement)(r, {
-                        active: n,
-                        elementRef: Wt,
-                        id: ke
+                    var o =  (0, e.cloneElement)(n, {
+                        active: r,
+                        elementRef: Ut,
+                        id: we
                     });
                     t.push(o);
                     return t;
                 }), []);
-                ht.current = mt.current === 0 && "none" || g && "all" || "some";
+                gt.current = ht.current === 0 && "none" || g && "all" || "some";
                 // add select all option
-                                if (te === "checkbox" && _ && pt.current > 0) {
+                                if (ne === "checkbox" && A && vt.current > 0) {
                     var w;
-                    if (ht.current === "all") {
-                        if (Te === "") {
+                    if (gt.current === "all") {
+                        if (Ae === "") {
                             w = (0, s._)("Clear all");
                         } else {
                             w = (0, s._)("Clear all matches");
                         }
-                    } else if (Te === "") {
+                    } else if (Ae === "") {
                         w = (0, s._)("Select all");
                     } else {
                         w = (0, s._)("Select all matches");
                     }
-                    if (Ee === 0 && Fe) {
-                        ut.current = "selectAll";
+                    if (Ie === 0 && Ke) {
+                        dt.current = "selectAll";
                     }
-                    u.unshift( t().createElement(Ne, {
+                    u.unshift( t().createElement(Re, {
                         key: "select-all-option",
-                        active: Ee === 0,
-                        changedToggle: !!ce,
-                        elementRef: Wt,
-                        id: Ee === 0 ? ke : undefined,
-                        onClick: ht.current === "all" ? Dt : Vt,
+                        active: Ie === 0,
+                        changedToggle: !!se,
+                        elementRef: Ut,
+                        id: Ie === 0 ? we : undefined,
+                        onClick: gt.current === "all" ? Lt : Dt,
                         selectAllLabel: w,
-                        selected: ht.current === "all" || ht.current !== "none" && "some",
+                        selected: gt.current === "all" || gt.current !== "none" && "some",
                         totalCount: Jt.length,
                         tabIndex: -1
                     }),  t().createElement(f.Divider, {
                         key: "selectAllDivider"
                     }));
                 }
-                dt.current = u.reduce((function(e, t) {
-                    if (Et(t)) {
+                bt.current = u.reduce((function(e, t) {
+                    if (St(t)) {
                         e.push(t.props.value);
                     }
                     return e;
                 }), []);
-                At = u.some((function(e) {
-                    return Et(e);
+                It = u.some((function(e) {
+                    return St(e);
                 }));
                 return u;
-            }), [ Ee, ke, o, c, p, Jt, O, Te, Wt, Dt, Ft, Kt, Ut, Vt, P, _, Yt, N, te, Fe, ce ]);
-            var er = function e(r) {
-                var n = r.anchorWidth, o = r.maxHeight, l = r.placement;
-                var i = jt({
-                    anchorWidth: n,
-                    isMultiple: _,
+            }), [ Ie, we, o, c, d, Jt, O, Ae, Ut, Lt, Kt, Ht, Xt, Dt, E, A, Zt, N, ne, Ke, se ]);
+            var tn = function e(n) {
+                var r = n.anchorWidth, o = n.maxHeight, l = n.placement;
+                var i = Ot({
+                    anchorWidth: r,
+                    isMultiple: A,
                     maxHeight: o,
-                    menuStyle: T
+                    menuStyle: _
                 });
-                var u = Jt.length > 0 && !Qt && !O ? 0 : undefined;
+                var u = Jt.length > 0 && !Yt && !O ? 0 : undefined;
                 var c = {
-                    "aria-multiselectable": _ || undefined,
-                    childrenStart: !!O &&  t().createElement(_t, {
-                        activeItemId: ke,
-                        filterA11yId: wt,
-                        filterKeyword: Te,
-                        hasChildren: At,
-                        inputId: x,
-                        inputRef: j,
-                        menuListboxId: xe,
-                        multiple: _,
-                        onClearAll: Dt,
-                        onSelectAll: Vt,
-                        onTextBlur: zt,
-                        onTextChange: Ht,
-                        onTextFocus: $t,
-                        onTextKeyDown: Lt,
-                        optionSelection: ht,
+                    "aria-multiselectable": A || undefined,
+                    childrenStart: !!O &&  t().createElement(Et, {
+                        activeItemId: we,
+                        filterA11yId: Rt,
+                        filterKeyword: Ae,
+                        hasChildren: It,
+                        inputId: j,
+                        inputRef: P,
+                        menuListboxId: Se,
+                        multiple: A,
+                        onClearAll: Lt,
+                        onSelectAll: Dt,
+                        onTextBlur: Wt,
+                        onTextChange: $t,
+                        onTextFocus: zt,
+                        onTextKeyDown: Ft,
+                        optionSelection: gt,
                         placement: l,
-                        selectAllAppearance: te,
-                        textHasFocus: Fe
+                        selectAllAppearance: ne,
+                        textHasFocus: Ke
                     }),
                     focusMode: O ? "never" : undefined,
-                    isLoading: P,
-                    menuId: xe,
+                    isLoading: E,
+                    menuId: Se,
                     onScrollBottom: N ? Nt : undefined,
                     placement: l !== null && l !== void 0 ? l : undefined,
-                    noOptionsMessage: q,
+                    noOptionsMessage: V,
                     footerMessage: w,
                     animateLoading: a,
-                    loadingMessage: R,
-                    onScroll: D,
+                    loadingMessage: M,
+                    onScroll: L,
                     style: i,
                     tabIndex: u
                 };
-                if (ie) {
+                if (ce) {
                     
-                    return t().createElement(de.VirtualizedResultsMenu, ct({
-                        virtualization: ie
-                    }, c), Zt);
+                    return t().createElement(me.VirtualizedResultsMenu, rt({
+                        virtualization: ce
+                    }, c), en);
                 }
                 
-                return t().createElement(ve(), c, Zt);
+                return t().createElement(he(), c, en);
             };
-            
-            return t().createElement(se(), {
-                closeReasons: Pt,
-                inputId: x,
-                "aria-labelledby": wt,
-                toggle:  t().createElement(qt, ct({
+            var nn = (0, e.useMemo)((function() {
+                
+                return t().createElement(Mt, rt({
                     appearance: i,
                     append: u,
-                    currentValues: St(),
-                    "data-test": _ ? "multiselect" : "select",
+                    currentValues: Tt(),
+                    "data-test": A ? "multiselect" : "select",
                     describedBy: y,
                     disabled: m,
-                    elementRef: h,
+                    elementRef: Gt,
                     error: g,
                     inline: S,
-                    labelText: I,
-                    labelledBy: E,
-                    multiple: _,
-                    onClick: F,
-                    placeholder: W,
-                    prefixLabel: U,
+                    labelText: R,
+                    labelledBy: I,
+                    multiple: A,
+                    onClick: K,
+                    placeholder: U,
+                    prefixLabel: X,
                     prepend: G,
-                    required: $,
-                    suffixLabel: ne,
-                    toggle: ce,
-                    toggleContent: pe
-                }, be), p),
-                onRequestOpen: kt,
-                onRequestClose: xt,
-                open: qe,
+                    required: z,
+                    suffixLabel: oe,
+                    toggle: se,
+                    toggleContent: de
+                }, pe), d);
+            }), [ i, u, Tt, A, y, m, g, Gt, S, R, I, K, U, X, G, z, oe, se, de, pe, d ]);
+            
+            return t().createElement(ve(), {
+                closeReasons: wt,
+                inputId: j,
+                "aria-labelledby": Rt,
+                toggle: nn,
+                onRequestOpen: At,
+                onRequestClose: Bt,
+                open: De,
                 openWithArrowKeys: true,
-                repositionMode: Q,
-                defaultPlacement: O ? v : undefined,
-                canCoverAnchor: ot().innerHeight < 500,
-                ref: Gt,
+                repositionMode: Z,
+                defaultPlacement: v,
+                canCoverAnchor: Ye().innerHeight < 500,
                 retainFocus: false,
-                takeFocus: Jt.length === 0 || Jt.length > 0 && !Qt || !!O
-            }, er);
-        }
-        Vt.propTypes = kt;
-        Vt.componentType = "SelectBase";
-        Vt.Option = C;
-        Vt.Divider = f.Divider;
-        Vt.Heading = f.Heading;
-        /* harmony default export */        const Dt = Vt;
+                takeFocus: Jt.length === 0 || Jt.length > 0 && !Yt || !!O
+            }, tn);
+        }
+        Tt.propTypes = ht;
+        Tt.componentType = "SelectBase";
+        Tt.Option = C;
+        Tt.Divider = f.Divider;
+        Tt.Heading = f.Heading;
+        /* harmony default export */        const _t = Tt;
         // CONCATENATED MODULE: ./src/Multiselect/Compact.tsx
-        function Nt(e) {
+        function At(e) {
             "@babel/helpers - typeof";
-            return Nt = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return At = "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;
-            }, Nt(e);
+            }, At(e);
         }
-        function Lt() {
-            return Lt = Object.assign ? Object.assign.bind() : function(e) {
+        function Bt() {
+            return Bt = Object.assign ? Object.assign.bind() : function(e) {
                 for (var t = 1; t < arguments.length; t++) {
-                    var r = arguments[t];
-                    for (var n in r) {
-                        ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
+                    var n = arguments[t];
+                    for (var r in n) {
+                        ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
                     }
                 }
                 return e;
-            }, Lt.apply(null, arguments);
+            }, Bt.apply(null, arguments);
         }
-        function Ft(e, t) {
+        function qt(e, t) {
             if (null == e) return {};
-            var r, n, o = Kt(e, t);
+            var n, r, o = Vt(e, t);
             if (Object.getOwnPropertySymbols) {
                 var a = Object.getOwnPropertySymbols(e);
-                for (n = 0; n < a.length; n++) {
-                    r = a[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                for (r = 0; r < a.length; r++) {
+                    n = a[r], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
                 }
             }
             return o;
         }
-        function Kt(e, t) {
+        function Vt(e, t) {
             if (null == e) return {};
-            var r = {};
-            for (var n in e) {
-                if ({}.hasOwnProperty.call(e, n)) {
-                    if (t.includes(n)) continue;
-                    r[n] = e[n];
+            var n = {};
+            for (var r in e) {
+                if ({}.hasOwnProperty.call(e, r)) {
+                    if (t.includes(r)) continue;
+                    n[r] = e[r];
                 }
             }
-            return r;
+            return n;
         }
-        function Ht(e, t) {
+        function Dt(e, t) {
             if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
         }
-        function $t(e, t) {
-            for (var r = 0; r < t.length; r++) {
-                var n = t[r];
-                n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), 
-                Object.defineProperty(e, er(n.key), n);
+        function Lt(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, Gt(r.key), r);
             }
         }
-        function zt(e, t, r) {
-            return t && $t(e.prototype, t), r && $t(e, r), Object.defineProperty(e, "prototype", {
+        function Nt(e, t, n) {
+            return t && Lt(e.prototype, t), n && Lt(e, n), Object.defineProperty(e, "prototype", {
                 writable: !1
             }), e;
         }
-        function Wt(e, t) {
+        function Ft(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: {
@@ -2011,69 +1962,69 @@
                 }
             }), Object.defineProperty(e, "prototype", {
                 writable: !1
-            }), t && Ut(e, t);
+            }), t && Kt(e, t);
         }
-        function Ut(e, t) {
-            return Ut = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+        function Kt(e, t) {
+            return Kt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
                 return e.__proto__ = t, e;
-            }, Ut(e, t);
+            }, Kt(e, t);
         }
-        function Gt(e) {
-            var t = Qt();
+        function Ht(e) {
+            var t = Wt();
             return function() {
-                var r, n = Yt(e);
+                var n, r = Ut(e);
                 if (t) {
-                    var o = Yt(this).constructor;
-                    r = Reflect.construct(n, arguments, o);
-                } else r = n.apply(this, arguments);
-                return Jt(this, r);
+                    var o = Ut(this).constructor;
+                    n = Reflect.construct(r, arguments, o);
+                } else n = r.apply(this, arguments);
+                return $t(this, n);
             };
         }
-        function Jt(e, t) {
-            if (t && ("object" == Nt(t) || "function" == typeof t)) return t;
+        function $t(e, t) {
+            if (t && ("object" == At(t) || "function" == typeof t)) return t;
             if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-            return Xt(e);
+            return zt(e);
         }
-        function Xt(e) {
+        function zt(e) {
             if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
             return e;
         }
-        function Qt() {
+        function Wt() {
             try {
                 var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
             } catch (e) {}
-            return (Qt = function t() {
+            return (Wt = function t() {
                 return !!e;
             })();
         }
-        function Yt(e) {
-            return Yt = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+        function Ut(e) {
+            return Ut = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
                 return e.__proto__ || Object.getPrototypeOf(e);
-            }, Yt(e);
+            }, Ut(e);
         }
-        function Zt(e, t, r) {
-            return (t = er(t)) in e ? Object.defineProperty(e, t, {
-                value: r,
+        function Xt(e, t, n) {
+            return (t = Gt(t)) in e ? Object.defineProperty(e, t, {
+                value: n,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
-            }) : e[t] = r, e;
-        }
-        function er(e) {
-            var t = tr(e, "string");
-            return "symbol" == Nt(t) ? t : t + "";
-        }
-        function tr(e, t) {
-            if ("object" != Nt(e) || !e) return e;
-            var r = e[Symbol.toPrimitive];
-            if (void 0 !== r) {
-                var n = r.call(e, t || "default");
-                if ("object" != Nt(n)) return n;
+            }) : e[t] = n, e;
+        }
+        function Gt(e) {
+            var t = Jt(e, "string");
+            return "symbol" == At(t) ? t : t + "";
+        }
+        function Jt(e, t) {
+            if ("object" != At(e) || !e) return e;
+            var n = e[Symbol.toPrimitive];
+            if (void 0 !== n) {
+                var r = n.call(e, t || "default");
+                if ("object" != At(r)) return r;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === t ? String : Number)(e);
         }
-        var rr = {
+        var Qt = {
             allowNewValues: a().bool,
             animateLoading: a().bool,
             children: a().node,
@@ -2110,7 +2061,7 @@
             /** @private */
             virtualization: a().number
         };
-        var nr = {
+        var Yt = {
             allowNewValues: false,
             animateLoading: false,
             defaultPlacement: "vertical",
@@ -2124,18 +2075,18 @@
             tabConfirmsNewValue: false
         };
         // TS: not typed controlled/uncontrolled, handled by Multiselect wrapper component
-                var or =  function(r) {
-            Wt(o, r);
-            var n = Gt(o);
+                var Zt =  function(n) {
+            Ft(o, n);
+            var r = Ht(o);
             function o() {
-                Ht(this, o);
-                return n.apply(this, arguments);
+                Dt(this, o);
+                return r.apply(this, arguments);
             }
-            zt(o, [ {
+            Nt(o, [ {
                 key: "render",
                 // @docs-props-type CompactPropsBase
-                value: function r() {
-                    var n = this.props, o = n.defaultValues, a = n.children, l = n.controlledFilter, i = n.filter, u = n.values, c = Ft(n, [ "defaultValues", "children", "controlledFilter", "filter", "values" ]);
+                value: function n() {
+                    var r = this.props, o = r.defaultValues, a = r.children, l = r.controlledFilter, i = r.filter, u = r.values, c = qt(r, [ "defaultValues", "children", "controlledFilter", "filter", "values" ]);
                     var s = true;
                     if (i != null) {
                         s = i;
@@ -2145,12 +2096,12 @@
                     }
                     var f = {
                         children: e.Children.toArray(a).map((function(e) {
-                            if (Et(e)) {
-                                var r;
-                                var n = (r = e.key) !== null && r !== void 0 ? r : "".concat(e.props.label, "-").concat(e.props.value);
+                            if (St(e)) {
+                                var n;
+                                var r = (n = e.key) !== null && n !== void 0 ? n : "".concat(e.props.label, "-").concat(e.props.value);
                                 
-                                return t().createElement(C, Lt({
-                                    key: n
+                                return t().createElement(C, Bt({
+                                    key: r
                                 }, e.props, {
                                     multiple: true
                                 }));
@@ -2166,231 +2117,231 @@
                         f.values = u;
                     }
                     
-                    return t().createElement(Dt, Lt({}, c, f, {
+                    return t().createElement(_t, Bt({}, c, f, {
                         multiple: true
                     }));
                 }
             } ]);
             return o;
         }(e.Component);
-        Zt(or, "propTypes", rr);
-        Zt(or, "defaultProps", nr);
-        Zt(or, "Option", W);
-        Zt(or, "Divider", f.Divider);
-        Zt(or, "Heading", f.Heading);
-        /* harmony default export */        const ar = or;
+        Xt(Zt, "propTypes", Qt);
+        Xt(Zt, "defaultProps", Yt);
+        Xt(Zt, "Option", W);
+        Xt(Zt, "Divider", f.Divider);
+        Xt(Zt, "Heading", f.Heading);
+        /* harmony default export */        const en = Zt;
         // CONCATENATED MODULE: external "lodash/defer"
-        const lr = require("lodash/defer");
-        var ir =  r.n(lr);
+        const tn = require("lodash/defer");
+        var nn =  n.n(tn);
         // CONCATENATED MODULE: external "lodash/extend"
-        const ur = require("lodash/extend");
-        var cr =  r.n(ur);
+        const rn = require("lodash/extend");
+        var on =  n.n(rn);
         // CONCATENATED MODULE: external "lodash/get"
-        const sr = require("lodash/get");
-        var fr =  r.n(sr);
+        const an = require("lodash/get");
+        var ln =  n.n(an);
         // CONCATENATED MODULE: external "lodash/isString"
-        const pr = require("lodash/isString");
-        var dr =  r.n(pr);
+        const un = require("lodash/isString");
+        var cn =  n.n(un);
         // CONCATENATED MODULE: external "lodash/isUndefined"
-        const vr = require("lodash/isUndefined");
-        var br =  r.n(vr);
+        const sn = require("lodash/isUndefined");
+        var fn =  n.n(sn);
         // CONCATENATED MODULE: external "lodash/keys"
-        const yr = require("lodash/keys");
-        var mr =  r.n(yr);
+        const dn = require("lodash/keys");
+        var pn =  n.n(dn);
         // CONCATENATED MODULE: external "lodash/last"
-        const hr = require("lodash/last");
-        var gr =  r.n(hr);
+        const vn = require("lodash/last");
+        var bn =  n.n(vn);
         // CONCATENATED MODULE: external "lodash/pickBy"
-        const Or = require("lodash/pickBy");
-        var wr =  r.n(Or);
+        const yn = require("lodash/pickBy");
+        var mn =  n.n(yn);
         // CONCATENATED MODULE: external "@splunk/react-ui/Chip"
-        const Sr = require("@splunk/react-ui/Chip");
-        var Cr =  r.n(Sr);
+        const hn = require("@splunk/react-ui/Chip");
+        var gn =  n.n(hn);
         // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
-        const kr = require("@splunk/react-ui/Popover");
-        var xr =  r.n(kr);
+        const On = require("@splunk/react-ui/Popover");
+        var wn =  n.n(On);
         // CONCATENATED MODULE: external "@splunk/ui-utils/format"
-        const jr = require("@splunk/ui-utils/format");
+        const Sn = require("@splunk/ui-utils/format");
         // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-        const Pr = require("@splunk/react-ui/Box");
-        var Er =  r.n(Pr);
+        const Cn = require("@splunk/react-ui/Box");
+        var kn =  n.n(Cn);
         // CONCATENATED MODULE: ./src/Multiselect/NormalStyles.ts
-        var Ir = Fe()(Er()).withConfig({
+        var xn = Te()(kn()).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:", "}" ], Ee.variables.borderRadius, (0, 
-        Ee.pick)({
+        })([ "border-radius:", ";align-items:", ";flex-wrap:wrap;min-height:", ";max-height:300px;overflow-y:auto;border:1px solid ", ";padding:", ";", " ", " ", " ", " ", " &[data-inline]{width:400px;}" ], Ve.variables.borderRadius, (0, 
+        Ve.pick)({
             enterprise: "flex-start",
             prisma: "center"
-        }), Ee.variables.inputHeight, (0, Ee.pick)({
+        }), Ve.variables.inputHeight, (0, Ve.pick)({
             enterprise: {
-                light: Ee.variables.gray60,
-                dark: Ee.variables.borderColor
+                light: Ve.variables.gray60,
+                dark: Ve.variables.borderColor
             },
-            prisma: Ee.variables.interactiveColorBorder
-        }), (0, Ee.pick)({
+            prisma: Ve.variables.interactiveColorBorder
+        }), (0, Ve.pick)({
             enterprise: "2px 0 0 2px",
             prisma: "2px"
-        }), (0, Ee.pick)({
+        }), (0, Ve.pick)({
             enterprise: {
-                light: (0, Le.css)([ "background-color:", ";" ], Ee.variables.white),
-                dark: (0, Le.css)([ "background-color:", ";" ], Ee.variables.gray22)
+                light: (0, Me.css)([ "background-color:", ";" ], Ve.variables.white),
+                dark: (0, Me.css)([ "background-color:", ";" ], Ve.variables.gray22)
             }
         }), (function(e) {
             var t = e.$hasfocus;
-            return t && (0, Ee.pick)({
-                enterprise: (0, Le.css)([ "box-shadow:", ";" ], Ee.variables.focusShadow),
-                prisma: (0, Le.css)([ "border-color:", ";" ], Ee.variables.focusColor)
+            return t && (0, Ve.pick)({
+                enterprise: (0, Me.css)([ "box-shadow:", ";" ], Ve.variables.focusShadow),
+                prisma: (0, Me.css)([ "border-color:", ";" ], Ve.variables.focusColor)
             });
         }), (function(e) {
             var t = e.$error;
-            return t && (0, Le.css)([ "border-color:", ";color:", ";" ], Ee.variables.accentColorNegative, Ee.variables.accentColorNegative);
+            return t && (0, Me.css)([ "border-color:", ";color:", ";" ], Ve.variables.interactiveColorAccentError, Ve.variables.contentColorNegative);
         }), (function(e) {
-            var t = e.$disabled, r = e.$hasfocus;
-            return t ? (0, Ee.pick)({
+            var t = e.$disabled, n = e.$hasfocus;
+            return t ? (0, Ve.pick)({
                 enterprise: {
-                    light: (0, Le.css)([ "background-color:", ";border-color:", ";cursor:not-allowed;" ], Ee.variables.gray96, Ee.variables.gray92),
-                    dark: (0, Le.css)([ "background-color:", ";border-color:", ";cursor:not-allowed;" ], Ee.variables.gray22, Ee.variables.gray30)
+                    light: (0, Me.css)([ "background-color:", ";border-color:", ";cursor:not-allowed;" ], Ve.variables.gray96, Ve.variables.gray92),
+                    dark: (0, Me.css)([ "background-color:", ";border-color:", ";cursor:not-allowed;" ], Ve.variables.gray22, Ve.variables.gray30)
                 },
-                prisma: (0, Le.css)([ "border-color:", ";cursor:not-allowed;" ], Ee.variables.interactiveColorBorderDisabled)
-            }) : !r && (0, Le.css)([ "&:hover{border-color:", ";}" ], (0, Ee.pick)({
-                enterprise: Ee.variables.borderColor,
-                prisma: Ee.variables.interactiveColorBorderHover
+                prisma: (0, Me.css)([ "border-color:", ";cursor:not-allowed;" ], Ve.variables.interactiveColorBorderDisabled)
+            }) : !n && (0, Me.css)([ "&:hover{border-color:", ";}" ], (0, Ve.pick)({
+                enterprise: Ve.variables.borderColor,
+                prisma: Ve.variables.interactiveColorBorderHover
             }));
         }), (function(e) {
             var t = e.$popoverOpen;
-            return t && (0, Le.css)([ "position:relative;z-index:calc(", " - 2);" ], Ee.variables.zindexFixedNavbar);
-        }), Ee.variables.spacingSmall);
-        var Rr = Fe().span.withConfig({
+            return t && (0, Me.css)([ "position:relative;z-index:calc(", " - 2);" ], Ve.variables.zindexFixedNavbar);
+        }));
+        var jn = Te().span.withConfig({
             displayName: "NormalStyles__StyledButtonsWrapper",
             componentId: "sc-1uwwpco-1"
         })([ "display:contents;" ]);
-        var Mr = Fe().input.withConfig({
+        var Pn = Te().input.withConfig({
             displayName: "NormalStyles__StyledInput",
             componentId: "sc-1uwwpco-2"
-        })([ "", ";flex:1 0 auto;max-width:100%;line-height:12px;", "" ], Ee.mixins.reset("block"), (0, 
-        Ee.pick)({
+        })([ "", ";flex:1 0 auto;max-width:100%;line-height:12px;", "" ], Ve.mixins.reset("block"), (0, 
+        Ve.pick)({
             enterprise: {
-                comfortable: (0, Le.css)([ "padding:", ";" ], Ee.variables.spacingXSmall),
-                compact: (0, Le.css)([ "padding:3px;" ])
+                comfortable: (0, Me.css)([ "padding:", ";" ], Ve.variables.spacingXSmall),
+                compact: (0, Me.css)([ "padding:3px;" ])
             },
             prisma: {
-                comfortable: (0, Le.css)([ "padding:7px 10px;" ]),
-                compact: (0, Le.css)([ "padding:3px;" ])
+                comfortable: (0, Me.css)([ "padding:7px 10px;" ]),
+                compact: (0, Me.css)([ "padding:3px;" ])
             }
         }));
-        var Tr = Fe().div.withConfig({
+        var En = Te().div.withConfig({
             displayName: "NormalStyles__StyledOverlay",
             componentId: "sc-1uwwpco-3"
         })([ "", "" ], (function(e) {
             var t = e.$popoveropen;
-            return t && (0, Le.css)([ "position:fixed;top:0;left:0;width:100%;height:100%;z-index:calc(", " - 2);" ], Ee.variables.zindexFixedNavbar);
+            return t && (0, Me.css)([ "position:fixed;top:0;left:0;width:100%;height:100%;z-index:calc(", " - 2);" ], Ve.variables.zindexFixedNavbar);
         }));
         // CONCATENATED MODULE: ./src/Multiselect/Normal.tsx
-        function _r(e) {
+        function In(e) {
             "@babel/helpers - typeof";
-            return _r = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return In = "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);
+            }, In(e);
         }
-        function Ar(e) {
-            return Dr(e) || Vr(e) || qr(e) || Br();
+        function Rn(e) {
+            return An(e) || _n(e) || Tn(e) || Mn();
         }
-        function Br() {
+        function Mn() {
             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 qr(e, t) {
+        function Tn(e, t) {
             if (e) {
-                if ("string" == typeof e) return Nr(e, t);
-                var r = {}.toString.call(e).slice(8, -1);
-                return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? Nr(e, t) : void 0;
+                if ("string" == typeof e) return Bn(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) ? Bn(e, t) : void 0;
             }
         }
-        function Vr(e) {
+        function _n(e) {
             if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
         }
-        function Dr(e) {
-            if (Array.isArray(e)) return Nr(e);
+        function An(e) {
+            if (Array.isArray(e)) return Bn(e);
         }
-        function Nr(e, t) {
+        function Bn(e, t) {
             (null == t || t > e.length) && (t = e.length);
-            for (var r = 0, n = Array(t); r < t; r++) {
-                n[r] = e[r];
+            for (var n = 0, r = Array(t); n < t; n++) {
+                r[n] = e[n];
             }
-            return n;
+            return r;
         }
-        function Lr(e, t) {
-            var r = Object.keys(e);
+        function qn(e, t) {
+            var n = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
-                var n = Object.getOwnPropertySymbols(e);
-                t && (n = n.filter((function(t) {
+                var r = Object.getOwnPropertySymbols(e);
+                t && (r = r.filter((function(t) {
                     return Object.getOwnPropertyDescriptor(e, t).enumerable;
-                }))), r.push.apply(r, n);
+                }))), n.push.apply(n, r);
             }
-            return r;
+            return n;
         }
-        function Fr(e) {
+        function Vn(e) {
             for (var t = 1; t < arguments.length; t++) {
-                var r = null != arguments[t] ? arguments[t] : {};
-                t % 2 ? Lr(Object(r), !0).forEach((function(t) {
-                    tn(e, t, r[t]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Lr(Object(r)).forEach((function(t) {
-                    Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
+                var n = null != arguments[t] ? arguments[t] : {};
+                t % 2 ? qn(Object(n), !0).forEach((function(t) {
+                    Qn(e, t, n[t]);
+                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : qn(Object(n)).forEach((function(t) {
+                    Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
                 }));
             }
             return e;
         }
-        function Kr(e, t) {
+        function Dn(e, t) {
             if (null == e) return {};
-            var r, n, o = Hr(e, t);
+            var n, r, o = Ln(e, t);
             if (Object.getOwnPropertySymbols) {
                 var a = Object.getOwnPropertySymbols(e);
-                for (n = 0; n < a.length; n++) {
-                    r = a[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                for (r = 0; r < a.length; r++) {
+                    n = a[r], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
                 }
             }
             return o;
         }
-        function Hr(e, t) {
+        function Ln(e, t) {
             if (null == e) return {};
-            var r = {};
-            for (var n in e) {
-                if ({}.hasOwnProperty.call(e, n)) {
-                    if (t.includes(n)) continue;
-                    r[n] = e[n];
+            var n = {};
+            for (var r in e) {
+                if ({}.hasOwnProperty.call(e, r)) {
+                    if (t.includes(r)) continue;
+                    n[r] = e[r];
                 }
             }
-            return r;
+            return n;
         }
-        function $r() {
-            return $r = Object.assign ? Object.assign.bind() : function(e) {
+        function Nn() {
+            return Nn = Object.assign ? Object.assign.bind() : function(e) {
                 for (var t = 1; t < arguments.length; t++) {
-                    var r = arguments[t];
-                    for (var n in r) {
-                        ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
+                    var n = arguments[t];
+                    for (var r in n) {
+                        ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
                     }
                 }
                 return e;
-            }, $r.apply(null, arguments);
+            }, Nn.apply(null, arguments);
         }
-        function zr(e, t) {
+        function Fn(e, t) {
             if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
         }
-        function Wr(e, t) {
-            for (var r = 0; r < t.length; r++) {
-                var n = t[r];
-                n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), 
-                Object.defineProperty(e, rn(n.key), n);
+        function Kn(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, Yn(r.key), r);
             }
         }
-        function Ur(e, t, r) {
-            return t && Wr(e.prototype, t), r && Wr(e, r), Object.defineProperty(e, "prototype", {
+        function Hn(e, t, n) {
+            return t && Kn(e.prototype, t), n && Kn(e, n), Object.defineProperty(e, "prototype", {
                 writable: !1
             }), e;
         }
-        function Gr(e, t) {
+        function $n(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: {
@@ -2400,69 +2351,69 @@
                 }
             }), Object.defineProperty(e, "prototype", {
                 writable: !1
-            }), t && Jr(e, t);
+            }), t && zn(e, t);
         }
-        function Jr(e, t) {
-            return Jr = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+        function zn(e, t) {
+            return zn = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
                 return e.__proto__ = t, e;
-            }, Jr(e, t);
+            }, zn(e, t);
         }
-        function Xr(e) {
-            var t = Zr();
+        function Wn(e) {
+            var t = Gn();
             return function() {
-                var r, n = en(e);
+                var n, r = Jn(e);
                 if (t) {
-                    var o = en(this).constructor;
-                    r = Reflect.construct(n, arguments, o);
-                } else r = n.apply(this, arguments);
-                return Qr(this, r);
+                    var o = Jn(this).constructor;
+                    n = Reflect.construct(r, arguments, o);
+                } else n = r.apply(this, arguments);
+                return Un(this, n);
             };
         }
-        function Qr(e, t) {
-            if (t && ("object" == _r(t) || "function" == typeof t)) return t;
+        function Un(e, t) {
+            if (t && ("object" == In(t) || "function" == typeof t)) return t;
             if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-            return Yr(e);
+            return Xn(e);
         }
-        function Yr(e) {
+        function Xn(e) {
             if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
             return e;
         }
-        function Zr() {
+        function Gn() {
             try {
                 var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
             } catch (e) {}
-            return (Zr = function t() {
+            return (Gn = function t() {
                 return !!e;
             })();
         }
-        function en(e) {
-            return en = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+        function Jn(e) {
+            return Jn = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
                 return e.__proto__ || Object.getPrototypeOf(e);
-            }, en(e);
+            }, Jn(e);
         }
-        function tn(e, t, r) {
-            return (t = rn(t)) in e ? Object.defineProperty(e, t, {
-                value: r,
+        function Qn(e, t, n) {
+            return (t = Yn(t)) in e ? Object.defineProperty(e, t, {
+                value: n,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
-            }) : e[t] = r, e;
-        }
-        function rn(e) {
-            var t = nn(e, "string");
-            return "symbol" == _r(t) ? t : t + "";
-        }
-        function nn(e, t) {
-            if ("object" != _r(e) || !e) return e;
-            var r = e[Symbol.toPrimitive];
-            if (void 0 !== r) {
-                var n = r.call(e, t || "default");
-                if ("object" != _r(n)) return n;
+            }) : e[t] = n, e;
+        }
+        function Yn(e) {
+            var t = Zn(e, "string");
+            return "symbol" == In(t) ? t : t + "";
+        }
+        function Zn(e, t) {
+            if ("object" != In(e) || !e) return e;
+            var n = e[Symbol.toPrimitive];
+            if (void 0 !== n) {
+                var r = n.call(e, t || "default");
+                if ("object" != In(r)) return r;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === t ? String : Number)(e);
         }
-        var on = {
+        var er = {
             allowNewValues: a().bool,
             animateLoading: a().bool,
             children: a().node,
@@ -2497,7 +2448,7 @@
             useClickawayOverlay: a().bool,
             values: a().array
         };
-        var an = {
+        var tr = {
             allowNewValues: false,
             animateLoading: false,
             defaultPlacement: "vertical",
@@ -2510,38 +2461,38 @@
             tabConfirmsNewValue: false,
             useClickawayOverlay: false
         };
-        var ln = re()((function(e) {
+        var nr = ne()((function(e) {
             return {
                 flexBasis: e,
                 width: e
             };
         }));
-        var un = re()((function(e) {
-            var t = e.anchorWidth, r = e.maxHeight, n = e.menuStyle;
-            return cr()({
-                maxHeight: r,
+        var rr = ne()((function(e) {
+            var t = e.anchorWidth, n = e.maxHeight, r = e.menuStyle;
+            return on()({
+                maxHeight: n,
                 overflow: "auto",
                 width: Math.max(t !== null && t !== void 0 ? t : 0, 200)
-            }, n);
+            }, r);
         }));
         // TS: not typed controlled/uncontrolled, handled by Multiselect wrapper component
-                var cn =  function(r) {
-            Gr(o, r);
-            var n = Xr(o);
+                var or =  function(n) {
+            $n(o, n);
+            var r = Wn(o);
             // @docs-props-type NormalPropsBase
-                        function o(r) {
+                        function o(n) {
                 var a;
-                zr(this, o);
-                a = n.call(this, r);
-                tn(Yr(a), "activeItemId", void 0);
-                tn(Yr(a), "activeValue", void 0);
-                tn(Yr(a), "availableOptionCount", void 0);
-                tn(Yr(a), "children", void 0);
-                tn(Yr(a), "controlledExternally", void 0);
-                tn(Yr(a), "input", null);
-                tn(Yr(a), "popoverId", void 0);
-                tn(Yr(a), "previousActiveIndex", null);
-                tn(Yr(a), "handleClick", (function() {
+                Fn(this, o);
+                a = r.call(this, n);
+                Qn(Xn(a), "activeItemId", void 0);
+                Qn(Xn(a), "activeValue", void 0);
+                Qn(Xn(a), "availableOptionCount", void 0);
+                Qn(Xn(a), "children", void 0);
+                Qn(Xn(a), "controlledExternally", void 0);
+                Qn(Xn(a), "input", null);
+                Qn(Xn(a), "popoverId", void 0);
+                Qn(Xn(a), "previousActiveIndex", null);
+                Qn(Xn(a), "handleClick", (function() {
                     if (a.state.hasFocus) {
                         a.open({
                             resetFilterKeyword: false
@@ -2551,14 +2502,14 @@
                         (e = a.input) === null || e === void 0 ? void 0 : e.focus();
                     }
                 }));
-                tn(Yr(a), "handleRequestRemove", (function(e, t) {
-                    var r = t.value;
-                    ir()((function() {
-                        return a.removeValue(e, r);
+                Qn(Xn(a), "handleRequestRemove", (function(e, t) {
+                    var n = t.value;
+                    nn()((function() {
+                        return a.removeValue(e, n);
                     }));
  // allow the event to bubble before removing.
                                 }));
-                tn(Yr(a), "open", (function(e) {
+                Qn(Xn(a), "open", (function(e) {
                     var t = e.resetFilterKeyword;
                     a.setState((function(e) {
                         return {
@@ -2571,10 +2522,10 @@
                         (e = (t = a.props).onOpen) === null || e === void 0 ? void 0 : e.call(t);
                     }));
                 }));
-                tn(Yr(a), "handleInputFocus", (function(e) {
+                Qn(Xn(a), "handleInputFocus", (function(e) {
                     if (a.state.filterKeyword !== "") {
-                        var t, r;
-                        (t = (r = a.props).onFilterChange) === null || t === void 0 ? void 0 : t.call(r, e, {
+                        var t, n;
+                        (t = (n = a.props).onFilterChange) === null || t === void 0 ? void 0 : t.call(n, e, {
                             keyword: ""
                         });
                     }
@@ -2582,12 +2533,12 @@
                         resetFilterKeyword: true
                     });
                 }));
-                tn(Yr(a), "handleInputKeyDown", (function(t) {
-                    var r, n;
+                Qn(Xn(a), "handleInputKeyDown", (function(t) {
+                    var n, r;
                     var o = a.props, l = o.children, i = o.onScrollBottom, u = o.tabConfirmsNewValue;
-                    var c = (0, Ce.keycode)(t.nativeEvent);
+                    var c = (0, Pe.keycode)(t.nativeEvent);
                     if (c === "tab" && a.state.open) {
-                        if (u && !br()(a.activeValue) && a.availableOptionCount <= 1) {
+                        if (u && !fn()(a.activeValue) && a.availableOptionCount <= 1) {
                             var s;
                             t.preventDefault();
                             a.addValue(t, a.activeValue);
@@ -2629,8 +2580,8 @@
                         }
                         if (l && i) {
                             var f;
-                            var p = e.Children.toArray(l).length - (2 + ((f = a.getCurrentValues()) !== null && f !== void 0 ? f : []).length);
-                            if (a.state.activeIndex === p) {
+                            var d = e.Children.toArray(l).length - (2 + ((f = a.getCurrentValues()) !== null && f !== void 0 ? f : []).length);
+                            if (a.state.activeIndex === d) {
                                 a.handleScrollBottom(t);
                             }
                         }
@@ -2650,54 +2601,54 @@
                             });
                         }
                     }
-                    if (c === "enter" && !br()(a.activeValue) && a.state.open) {
+                    if (c === "enter" && !fn()(a.activeValue) && a.state.open) {
                         a.addValue(t, a.activeValue);
                     }
-                    if (c === "backspace" && ((r = a.input) === null || r === void 0 ? void 0 : r.value) === "" && ((n = a.getCurrentValues()) === null || n === void 0 ? void 0 : n.length)) {
-                        a.removeValue(t, gr()(a.getCurrentValues()));
+                    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, bn()(a.getCurrentValues()));
                     }
                 }));
-                tn(Yr(a), "handleInputChange", (function(e) {
-                    var t, r;
+                Qn(Xn(a), "handleInputChange", (function(e) {
+                    var t, n;
                     a.setState({
                         filterKeyword: e.target.value,
                         open: true,
                         activeIndex: 0
                     });
-                    (t = (r = a.props).onFilterChange) === null || t === void 0 ? void 0 : t.call(r, e, {
+                    (t = (n = a.props).onFilterChange) === null || t === void 0 ? void 0 : t.call(n, e, {
                         keyword: e.target.value
                     });
                 }));
-                tn(Yr(a), "handleMenuOptionClick", (function(e, t) {
-                    var r;
-                    var n = t.value;
+                Qn(Xn(a), "handleMenuOptionClick", (function(e, t) {
+                    var n;
+                    var r = t.value;
                     e.stopPropagation();
-                    a.addValue(e, n);
-                    (r = a.input) === null || r === void 0 ? void 0 : r.focus();
+                    a.addValue(e, r);
+                    (n = a.input) === null || n === void 0 ? void 0 : n.focus();
                 }));
-                tn(Yr(a), "handleInputBlur", (function(e) {
+                Qn(Xn(a), "handleInputBlur", (function(e) {
                     var t = document.getElementById(a.popoverId);
-                    var r = e.relatedTarget || document.activeElement;
+                    var n = e.relatedTarget || document.activeElement;
  // IE11 doesn't support relatedTarget but sets activeElement
-                                        var n = t && r && t.contains(r);
+                                        var r = t && n && t.contains(n);
  // TS: target as Node is an unsafe assumption
                                         a.setState((function(e) {
                         return {
-                            filterKeyword: n ? e.filterKeyword : "",
+                            filterKeyword: r ? e.filterKeyword : "",
                             hasFocus: false
                         };
                     }));
-                    if (!n) {
+                    if (!r) {
                         var o, l;
                         (o = (l = a.props).onFilterChange) === null || o === void 0 ? void 0 : o.call(l, e, {
                             keyword: ""
                         });
                     }
                 }));
-                tn(Yr(a), "handleRequestClose", (function(e) {
+                Qn(Xn(a), "handleRequestClose", (function(e) {
                     var t;
-                    var r = e.reason, n = e.event;
-                    if (r === "escapeKey" || r === "offScreen" || r === "clickAway" && n !== undefined && !((t = a.state.el) === null || t === void 0 ? void 0 : t.contains(n.target))) {
+                    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))) {
                         a.setState({
                             open: false
                         }, (function() {
@@ -2706,44 +2657,44 @@
                             (e = (t = a.props).onClose) === null || e === void 0 ? void 0 : e.call(t);
                         }));
                     }
-                    if (r === "escapeKey") {
+                    if (n === "escapeKey") {
                         var o;
                         (o = a.input) === null || o === void 0 ? void 0 : o.focus();
                     }
                 }));
-                tn(Yr(a), "handleScrollBottom", (function(e) {
+                Qn(Xn(a), "handleScrollBottom", (function(e) {
                     if (a.state.open && !a.props.isLoadingOptions) {
-                        var t, r;
-                        (t = (r = a.props).onScrollBottom) === null || t === void 0 ? void 0 : t.call(r, e);
+                        var t, n;
+                        (t = (n = a.props).onScrollBottom) === null || t === void 0 ? void 0 : t.call(n, e);
                         a.setState({
                             loadingMoreMessage: "".concat(a.availableOptionCount, " options, loading more options")
                         });
                     }
                 }));
-                tn(Yr(a), "handleMount", (function(e) {
+                Qn(Xn(a), "handleMount", (function(e) {
                     a.setState({
                         el: e
                     });
                     x(a.props.elementRef, e);
                 }));
-                tn(Yr(a), "handleInputMount", (function(e) {
+                Qn(Xn(a), "handleInputMount", (function(e) {
                     a.input = e;
                     x(a.props.inputRef, e);
                 }));
-                tn(Yr(a), "handleActiveOptionMount", (function(e) {
+                Qn(Xn(a), "handleActiveOptionMount", (function(e) {
                     if (a.previousActiveIndex !== a.state.activeIndex) {
                         e === null || e === void 0 ? void 0 : e.scrollIntoViewIfNeeded();
                     }
                 }));
-                tn(Yr(a), "renderMenu", (function(e) {
-                    var r = e.anchorWidth, n = e.maxHeight, o = e.placement;
-                    var l = un({
-                        anchorWidth: r,
-                        maxHeight: n,
+                Qn(Xn(a), "renderMenu", (function(e) {
+                    var n = e.anchorWidth, r = e.maxHeight, o = e.placement;
+                    var l = rr({
+                        anchorWidth: n,
+                        maxHeight: r,
                         menuStyle: a.props.menuStyle
                     });
                     
-                    return t().createElement(ve(), $r({
+                    return t().createElement(he(), Nn({
                         focusMode: "never",
                         placement: o !== null && o !== void 0 ? o : undefined,
                         isLoading: a.props.isLoadingOptions,
@@ -2752,22 +2703,22 @@
                         style: l
                     }), a.children);
                 }));
-                tn(Yr(a), "getSelectedItemsContent", (function(e) {
+                Qn(Xn(a), "getSelectedItemsContent", (function(e) {
                     return e.map((function(e) {
-                        var r = e;
+                        var n = e;
  // TS: faking props here
-                                                var n = r.props;
-                        if (n != null) {
-                            var o = n.children, a = n.label, l = n.value;
+                                                var r = n.props;
+                        if (r != null) {
+                            var o = r.children, a = r.label, l = r.value;
                             
                             return t().createElement("span", {
                                 key: l.toString()
-                            }, o || a, (0, jr.sprintf)((0, s._)(" selected")));
+                            }, o || a, (0, Sn.sprintf)((0, s._)(" selected")));
                         }
                         
                         return t().createElement("span", {
-                            key: (0, Se.createGUID)()
-                        },  t().createElement(t().Fragment, null, r, (0, jr.sprintf)((0, s._)(" selected"))));
+                            key: (0, je.createGUID)()
+                        },  t().createElement(t().Fragment, null, n, (0, Sn.sprintf)((0, s._)(" selected"))));
                     }));
                 }));
                 a.state = {
@@ -2776,24 +2727,24 @@
                     filterKeyword: "",
                     hasFocus: false,
                     open: false,
-                    values: r.defaultValues || [],
+                    values: n.defaultValues || [],
                     loadingMoreMessage: ""
                 };
                 a.availableOptionCount = 0;
                 a.children = [];
-                a.controlledExternally = i()(r, "values");
-                a.activeItemId = (0, Se.createDOMID)("active-item");
-                a.popoverId = (0, Se.createDOMID)("popover");
+                a.controlledExternally = i()(n, "values");
+                a.activeItemId = (0, je.createDOMID)("active-item");
+                a.popoverId = (0, je.createDOMID)("popover");
                 if (false) {}
                 if (false) {}
                 return a;
             }
-            Ur(o, [ {
+            Hn(o, [ {
                 key: "componentDidUpdate",
-                value: function e(t, r) {
+                value: function e(t, n) {
                     if (false) {}
                     if (false) {}
-                    this.previousActiveIndex = r.activeIndex;
+                    this.previousActiveIndex = n.activeIndex;
                     if (this.isControlled() && t.values !== this.props.values) {
                         // eslint-disable-next-line react/no-did-update-set-state
                         this.setState({
@@ -2825,12 +2776,12 @@
                 }
             }, {
                 key: "addValue",
-                value: function e(t, r) {
-                    var n, o, a;
+                value: function e(t, n) {
+                    var r, o, a;
                     if (!this.state.open) {
                         return;
                     }
-                    var l = ((n = this.getCurrentValues()) !== null && n !== void 0 ? n : []).concat([ r ]);
+                    var l = ((r = this.getCurrentValues()) !== null && r !== void 0 ? r : []).concat([ n ]);
                     var i = this.props.name;
                     if (!this.isControlled()) {
                         this.setState({
@@ -2847,39 +2798,39 @@
                 }
             }, {
                 key: "removeValue",
-                value: function e(t, r) {
-                    var n, o;
-                    var a = ue()(this.getCurrentValues(), r);
+                value: function e(t, n) {
+                    var r, o;
+                    var a = ue()(this.getCurrentValues(), n);
                     var l = this.props.name;
                     if (!this.isControlled()) {
                         this.setState({
                             values: a
                         });
                     }
-                    (n = (o = this.props).onChange) === null || n === void 0 ? void 0 : n.call(o, t, {
+                    (r = (o = this.props).onChange) === null || r === void 0 ? void 0 : r.call(o, t, {
                         values: a,
                         name: l
                     });
                 }
             }, {
                 key: "renderButtons",
-                value: function e(r) {
-                    var n = this;
+                value: function e(n) {
+                    var r = this;
                     // selectedItems may contain items or unmatched values at this point
-                                        return r.map((function(e) {
-                        var r = e;
+                                        return n.map((function(e) {
+                        var n = e;
  // TS: faking props here
-                                                var o = r.props;
+                                                var o = n.props;
                         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(Cr(), {
+                            return t().createElement(gn(), {
                                 "aria-selected": true,
-                                disabled: n.props.disabled,
+                                disabled: r.props.disabled,
                                 icon: l,
                                 key: f.toString(),
                                 "data-test": "selected-option",
-                                onRequestRemove: n.handleRequestRemove,
+                                onRequestRemove: r.handleRequestRemove,
                                 role: "option",
                                 value: f,
                                 appearance: u,
@@ -2888,34 +2839,34 @@
                             }, a || i);
                         }
                         
-                        return t().createElement(Cr(), {
+                        return t().createElement(gn(), {
                             "aria-selected": true,
-                            disabled: n.props.disabled,
-                            key: (0, Se.createGUID)(),
+                            disabled: r.props.disabled,
+                            key: (0, je.createGUID)(),
                             "data-test": "selected-option",
-                            onRequestRemove: n.handleRequestRemove,
+                            onRequestRemove: r.handleRequestRemove,
                             role: "option",
-                            value: r
-                        },  t().createElement(t().Fragment, null, r));
+                            value: n
+                        },  t().createElement(t().Fragment, null, n));
                     }));
                 }
  // eslint-disable-next-line react/no-unused-class-component-methods
                         }, {
                 key: "render",
-                value: function r() {
-                    var n, 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, S = a.useClickawayOverlay, C = Kr(a, [ "allowNewValues", "children", "controlledFilter", "defaultPlacement", "describedBy", "disabled", "error", "inline", "inputId", "labelledBy", "placeholder", "required", "repositionMode", "useClickawayOverlay" ]);
-                    var k = Fr(Fr({}, wr()(C, (function(e, t) {
+                value: function n() {
+                    var r, o = this;
+                    var a = this.props, l = a.allowNewValues, u = a.children, f = a.controlledFilter, d = a.defaultPlacement, p = 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 = Dn(a, [ "allowNewValues", "children", "controlledFilter", "defaultPlacement", "describedBy", "disabled", "error", "inline", "inputId", "labelledBy", "placeholder", "required", "repositionMode", "useClickawayOverlay" ]);
+                    var k = Vn(Vn({}, mn()(C, (function(e, t) {
                         return t === "role" || t.indexOf("aria-") === 0;
                     }))), {}, {
-                        "aria-describedby": d,
+                        "aria-describedby": p,
                         "aria-labelledby": h,
                         "aria-invalid": b || undefined
                     });
-                    var x = Fr({}, wr()(C, (function(e, t) {
+                    var x = Vn({}, mn()(C, (function(e, t) {
                         return t === "aria-label" || t === "aria-describedby";
                     })));
-                    var j = (n = this.getCurrentValues()) !== null && n !== void 0 ? n : [];
+                    var j = (r = this.getCurrentValues()) !== null && r !== void 0 ? r : [];
                     var P = j.slice(0);
                     var E = j.indexOf(this.state.filterKeyword) >= 0;
                     // Map Options to selected values
@@ -2932,40 +2883,40 @@
                         }));
                     }
                     // Filter the items
-                                        var I = (0, we.stringToKeywords)(this.state.filterKeyword);
+                                        var I = (0, xe.stringToKeywords)(this.state.filterKeyword);
                     var R = f ? e.Children.toArray(u) : e.Children.toArray(u).filter((function(e) {
-                        if (fr()(e, [ "props", "label" ], false)) {
-                            return (0, we.testPhrase)(e.props.label, I);
+                        if (ln()(e, [ "props", "label" ], false)) {
+                            return (0, xe.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(R, (function(t, r) {
-                        var n = t.props;
-                        if (!n || !i()(n, "value")) {
+                    this.children = e.Children.map(R, (function(t, n) {
+                        var r = t.props;
+                        if (!r || !i()(r, "value")) {
                             // ignore Headings and Dividers
                             return t;
                         }
                         var a = t;
-                        var l = a.props, u = l.children, c = l.label, s = l.matchRanges, p = l.value;
+                        var l = a.props, u = l.children, c = l.label, s = l.matchRanges, d = l.value;
  // find out if the search string exactly matches a value
-                                                if (p === o.state.filterKeyword) {
+                                                if (d === o.state.filterKeyword) {
                             E = true;
                         }
                         // remove items that are already selected
-                                                var d = j.indexOf(p);
-                        if (d >= 0) {
+                                                var p = j.indexOf(d);
+                        if (p >= 0) {
                             return null;
                         }
                         // highlight matched text
-                                                var v = u === undefined || dr()(u);
-                        var b = v && !f && !s && I && (0, we.keywordLocations)(c, I);
+                                                var v = u === undefined || cn()(u);
+                        var b = v && !f && !s && I && (0, xe.keywordLocations)(c, I);
                         // clone item
                                                 var y =  (0, e.cloneElement)(a, {
                             // eslint-disable-next-line react/no-array-index-key
-                            key: r,
+                            key: n,
                             onClick: o.handleMenuOptionClick,
                             matchRanges: v && (s || b) || undefined
                         });
@@ -2987,22 +2938,22 @@
                     if (this.state.open) {
                         // highlight the selected Item
                         this.children = e.Children.map(this.children, (function(t) {
-                            var r = t.props;
-                            if (!r || !i()(r, "value")) {
+                            var n = t.props;
+                            if (!n || !i()(n, "value")) {
                                 // ignore Headings and Dividers
                                 return t;
                             }
-                            var n = t;
-                            var a = n.props, l = a.disabled, u = a.value;
+                            var r = t;
+                            var a = r.props, l = a.disabled, u = a.value;
                             var c = o.availableOptionCount === o.state.activeIndex;
                             o.availableOptionCount += 1;
                             if (!c) {
-                                return n;
+                                return r;
                             }
                             if (!l) {
                                 o.activeValue = u;
                             }
-                            var s =  (0, e.cloneElement)(n, {
+                            var s =  (0, e.cloneElement)(r, {
                                 active: c,
                                 id: o.activeItemId,
                                 ref: o.handleActiveOptionMount
@@ -3010,14 +2961,14 @@
                             return s;
                         }));
                     }
-                    var M = ln("".concat(this.state.filterKeyword.length * .8, "em"));
+                    var M = nr("".concat(this.state.filterKeyword.length * .8, "em"));
                     
-                    return t().createElement(t().Fragment, null,  t().createElement(Ir, $r({
+                    return t().createElement(t().Fragment, null,  t().createElement(xn, Nn({
                         key: "control",
                         "data-test-values": JSON.stringify(j),
                         inline: y,
                         $hasfocus: this.state.hasFocus
-                    }, c().apply(void 0, [ C, "animateLoading", "controlledFilter", "defaultValues", "footerMessage", "inputRef", "isLoadingOptions", "labelledBy", "menuStyle", "noOptionsMessage", "onChange", "onFilterChange", "onScroll", "onScrollBottom", "onClose", "onOpen", "values", "useClickawayOverlay" ].concat(Ar(mr()(k)))), {
+                    }, c().apply(void 0, [ C, "animateLoading", "controlledFilter", "defaultValues", "footerMessage", "inputRef", "isLoadingOptions", "labelledBy", "menuStyle", "noOptionsMessage", "onChange", "onFilterChange", "onScroll", "onScrollBottom", "onClose", "onOpen", "values", "useClickawayOverlay" ].concat(Rn(pn()(k)))), {
                         onClick: v ? undefined : this.handleClick,
                         $disabled: v,
                         $error: b,
@@ -3028,11 +2979,11 @@
                         role: "group",
                         "aria-disabled": v || undefined,
                         "aria-labelledby": h
-                    }, x),  t().createElement(Rr, {
+                    }, x),  t().createElement(jn, {
                         role: "listbox",
                         "aria-invalid": b,
                         "aria-multiselectable": "true"
-                    }, this.renderButtons(P)), !v &&  t().createElement(Mr, $r({
+                    }, this.renderButtons(P)), !v &&  t().createElement(Pn, Nn({
                         role: "combobox",
                         "data-test": "textbox",
                         id: m,
@@ -3055,23 +3006,23 @@
                         "aria-owns": this.state.open ? this.popoverId : undefined,
                         "aria-expanded": this.state.open,
                         "aria-haspopup": true
-                    }, k)),  t().createElement(xr(), {
+                    }, k)),  t().createElement(wn(), {
                         open: this.state.open && !!this.state.el,
                         autoCloseWhenOffScreen: true,
                         anchor: this.state.el,
                         onRequestClose: this.handleRequestClose,
                         canCoverAnchor: false,
-                        defaultPlacement: p,
+                        defaultPlacement: d,
                         repositionMode: w,
                         id: this.popoverId
-                    }, this.renderMenu)),  t().createElement(he(), {
+                    }, this.renderMenu)),  t().createElement(Se(), {
                         role: "status",
                         "aria-relevant": "text"
-                    }, this.state.loadingMoreMessage), S && this.state.open ?  t().createElement(Tr, {
+                    }, this.state.loadingMoreMessage), S && this.state.open ?  t().createElement(En, {
                         key: "overlay",
                         $popoveropen: this.state.open,
                         "data-test": "overlay"
-                    }) : null,  t().createElement(he(), {
+                    }) : null,  t().createElement(Se(), {
                         role: "alert",
                         "aria-relevant": "additions"
                     }, this.getSelectedItemsContent(P)));
@@ -3079,48 +3030,48 @@
             } ]);
             return o;
         }(e.Component);
-        tn(cn, "propTypes", on);
-        tn(cn, "defaultProps", an);
-        tn(cn, "Option", W);
-        tn(cn, "Divider", f.Divider);
-        tn(cn, "Heading", f.Heading);
-        /* harmony default export */        const sn = cn;
+        Qn(or, "propTypes", er);
+        Qn(or, "defaultProps", tr);
+        Qn(or, "Option", W);
+        Qn(or, "Divider", f.Divider);
+        Qn(or, "Heading", f.Heading);
+        /* harmony default export */        const ar = or;
         // CONCATENATED MODULE: ./src/Multiselect/Multiselect.tsx
-        function fn(e) {
+        function lr(e) {
             "@babel/helpers - typeof";
-            return fn = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return lr = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
                 return typeof e;
             } : function(e) {
                 return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-            }, fn(e);
+            }, lr(e);
         }
-        function pn() {
-            return pn = Object.assign ? Object.assign.bind() : function(e) {
+        function ir() {
+            return ir = Object.assign ? Object.assign.bind() : function(e) {
                 for (var t = 1; t < arguments.length; t++) {
-                    var r = arguments[t];
-                    for (var n in r) {
-                        ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
+                    var n = arguments[t];
+                    for (var r in n) {
+                        ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
                     }
                 }
                 return e;
-            }, pn.apply(null, arguments);
+            }, ir.apply(null, arguments);
         }
-        function dn(e, t) {
+        function ur(e, t) {
             if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
         }
-        function vn(e, t) {
-            for (var r = 0; r < t.length; r++) {
-                var n = t[r];
-                n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), 
-                Object.defineProperty(e, kn(n.key), n);
+        function cr(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, gr(r.key), r);
             }
         }
-        function bn(e, t, r) {
-            return t && vn(e.prototype, t), r && vn(e, r), Object.defineProperty(e, "prototype", {
+        function sr(e, t, n) {
+            return t && cr(e.prototype, t), n && cr(e, n), Object.defineProperty(e, "prototype", {
                 writable: !1
             }), e;
         }
-        function yn(e, t) {
+        function fr(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: {
@@ -3130,71 +3081,71 @@
                 }
             }), Object.defineProperty(e, "prototype", {
                 writable: !1
-            }), t && mn(e, t);
+            }), t && dr(e, t);
         }
-        function mn(e, t) {
-            return mn = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+        function dr(e, t) {
+            return dr = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
                 return e.__proto__ = t, e;
-            }, mn(e, t);
+            }, dr(e, t);
         }
-        function hn(e) {
-            var t = wn();
+        function pr(e) {
+            var t = yr();
             return function() {
-                var r, n = Sn(e);
+                var n, r = mr(e);
                 if (t) {
-                    var o = Sn(this).constructor;
-                    r = Reflect.construct(n, arguments, o);
-                } else r = n.apply(this, arguments);
-                return gn(this, r);
+                    var o = mr(this).constructor;
+                    n = Reflect.construct(r, arguments, o);
+                } else n = r.apply(this, arguments);
+                return vr(this, n);
             };
         }
-        function gn(e, t) {
-            if (t && ("object" == fn(t) || "function" == typeof t)) return t;
+        function vr(e, t) {
+            if (t && ("object" == lr(t) || "function" == typeof t)) return t;
             if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-            return On(e);
+            return br(e);
         }
-        function On(e) {
+        function br(e) {
             if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
             return e;
         }
-        function wn() {
+        function yr() {
             try {
                 var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
             } catch (e) {}
-            return (wn = function t() {
+            return (yr = function t() {
                 return !!e;
             })();
         }
-        function Sn(e) {
-            return Sn = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+        function mr(e) {
+            return mr = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
                 return e.__proto__ || Object.getPrototypeOf(e);
-            }, Sn(e);
+            }, mr(e);
         }
-        function Cn(e, t, r) {
-            return (t = kn(t)) in e ? Object.defineProperty(e, t, {
-                value: r,
+        function hr(e, t, n) {
+            return (t = gr(t)) in e ? Object.defineProperty(e, t, {
+                value: n,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
-            }) : e[t] = r, e;
-        }
-        function kn(e) {
-            var t = xn(e, "string");
-            return "symbol" == fn(t) ? t : t + "";
-        }
-        function xn(e, t) {
-            if ("object" != fn(e) || !e) return e;
-            var r = e[Symbol.toPrimitive];
-            if (void 0 !== r) {
-                var n = r.call(e, t || "default");
-                if ("object" != fn(n)) return n;
+            }) : e[t] = n, e;
+        }
+        function gr(e) {
+            var t = Or(e, "string");
+            return "symbol" == lr(t) ? t : t + "";
+        }
+        function Or(e, t) {
+            if ("object" != lr(e) || !e) return e;
+            var n = e[Symbol.toPrimitive];
+            if (void 0 !== n) {
+                var r = n.call(e, t || "default");
+                if ("object" != lr(r)) return r;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === t ? String : Number)(e);
         }
         /** @public */
         /** @public */
-        /** @public */        var jn = {
+        /** @public */        var wr = {
             allowNewValues: a().bool,
             animateLoading: a().bool,
             children: a().node,
@@ -3233,7 +3184,7 @@
             /** @private */
             virtualization: a().number
         };
-        var Pn = {
+        var Sr = {
             allowNewValues: false,
             animateLoading: false,
             compact: false,
@@ -3248,45 +3199,45 @@
             tabConfirmsNewValue: false,
             useClickawayOverlay: false
         };
-        function En(e) {
+        function Cr(e) {
             return (e === null || e === void 0 ? void 0 : e.compact) === true;
         }
-        var In =  function(e) {
-            yn(n, e);
-            var r = hn(n);
-            function n() {
-                dn(this, n);
-                return r.apply(this, arguments);
+        var kr =  function(e) {
+            fr(r, e);
+            var n = pr(r);
+            function r() {
+                ur(this, r);
+                return n.apply(this, arguments);
             }
-            bn(n, [ {
+            sr(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 (En(this.props)) {
+                    if (Cr(this.props)) {
                         
-                        return t().createElement(ar, pn({
+                        return t().createElement(en, ir({
                             "data-test": "multiselect"
                         }, c()(this.props, "compact")));
                     }
                     if (false) {}
                     if (false) {}
                     
-                    return t().createElement(sn, pn({
+                    return t().createElement(ar, ir({
                         "data-test": "multiselect"
                     }, c()(this.props, "compact")));
                 }
             } ]);
-            return n;
+            return r;
         }(e.Component);
-        Cn(In, "propTypes", jn);
-        Cn(In, "defaultProps", Pn);
-        Cn(In, "componentType", "Multiselect");
-        Cn(In, "Option", W);
-        Cn(In, "Heading", f.Heading);
-        Cn(In, "Divider", f.Divider);
-        /* harmony default export */        const Rn = In;
+        hr(kr, "propTypes", wr);
+        hr(kr, "defaultProps", Sr);
+        hr(kr, "componentType", "Multiselect");
+        hr(kr, "Option", W);
+        hr(kr, "Heading", f.Heading);
+        hr(kr, "Divider", f.Divider);
+        /* harmony default export */        const xr = kr;
     }) // CONCATENATED MODULE: ./src/Multiselect/index.ts
     ();
-    module.exports = n;
+    module.exports = r;
     /******/})();