@splunk/react-ui 5.0.0 → 5.2.0

package/Multiselect.js

@@ -2,18 +2,33 @@
     // webpackBootstrap
     /******/ "use strict";
     /******/    var e = {
-        /***/ 2907: 
+        /***/ 3639: 
         /***/ (e, n, r) => {
             // EXPORTS
             r.d(n, {
-                default: () => /* reexport */ i
+                default: () => /* reexport */ s
             });
+            // UNUSED EXPORTS: isAllowedType, isPrimitive
             // EXTERNAL MODULE: external "react"
                         var t = r(9497);
+            // CONCATENATED MODULE: external "lodash/isEqual"
+            const o = require("lodash/isEqual");
             // EXTERNAL MODULE: external "lodash/has"
-                        var o = r(5919);
-            var l =  r.n(o);
+                        var a = r(5919);
+            var l =  r.n(a);
             // CONCATENATED MODULE: ./src/useControlled/useControlled.tsx
+            function i(e) {
+                return e === null || e === undefined || typeof e === "boolean" || typeof e === "string" || typeof e === "number";
+            }
+            function u(e) {
+                if (i(e)) {
+                    return true;
+                }
+                if (Array.isArray(e)) {
+                    return e.every(i);
+                }
+                return false;
+            }
             /**
  * This is a private component not intended for use outside @splunk/react-ui
  *
@@ -23,21 +38,21 @@
  * are not happening.
  *
  * Return the controlled state of the component.
- */
-            function a(e) {
+ */            function c(e) {
                 var n = e.componentProps, r = e.componentName, o = r === void 0 ? "this component" : r, a = e.defaultValuePropName, i = a === void 0 ? "defaultValue" : a, u = e.valuePropName, c = u === void 0 ? "value" : u;
                 var s = (0, t.useRef)(l()(n, c));
-                var d = (0, t.useRef)(n[i]);
+                var f = (0, t.useRef)(n[i]);
                 (0, t.useEffect)((function() {
                     if (false) {}
                 }), [ o, n, i, c ]);
                 (0, t.useEffect)((function() {
                     if (false) {}
                     if (false) {}
+                    if (false) {}
                 }), [ o, n, i, c ]);
                 return s.current;
             }
-            /* harmony default export */            const i = a;
+            /* harmony default export */            const s = c;
         } // CONCATENATED MODULE: ./src/useControlled/index.ts
         /***/ ,
         /***/ 5919: 
@@ -62,17 +77,17 @@
             /******/ return o.exports;
             /******/        }
         /******/ // Create a new module (and put it into the cache)
-        /******/        var l = n[t] = {
+        /******/        var a = n[t] = {
             /******/ // no module.id needed
             /******/ // no module.loaded needed
             /******/ exports: {}
             /******/        };
         /******/
         /******/ // Execute the module function
-        /******/        e[t](l, l.exports, r);
+        /******/        e[t](a, a.exports, r);
         /******/
         /******/ // Return the exports of the module
-        /******/        return l.exports;
+        /******/        return a.exports;
         /******/    }
     /******/
     /************************************************************************/
@@ -137,32 +152,32 @@
             Divider: () => /* reexport */ u.Divider,
             Heading: () => /* reexport */ u.Heading,
             Option: () => /* reexport */ M,
-            default: () => /* reexport */ Hr
+            default: () => /* reexport */ nt
         });
         // EXTERNAL MODULE: external "react"
                 var e = r(9497);
         var n =  r.n(e);
-        // CONCATENATED MODULE: external "prop-types"
-        const o = require("prop-types");
-        var l =  r.n(o);
         // EXTERNAL MODULE: external "lodash/has"
-                var a = r(5919);
-        var i =  r.n(a);
+                var o = r(5919);
+        var a =  r.n(o);
+        // CONCATENATED MODULE: external "prop-types"
+        const l = require("prop-types");
+        var i =  r.n(l);
         // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
         const u = require("@splunk/react-ui/Menu");
         // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
         const c = require("@splunk/react-ui/useControlled");
         var s =  r.n(c);
         // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-        const d = require("@splunk/ui-utils/i18n");
+        const f = require("@splunk/ui-utils/i18n");
         // CONCATENATED MODULE: ./src/Select/OptionBase.tsx
-        function f(e) {
+        function d(e) {
             "@babel/helpers - typeof";
-            return f = "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;
-            }, f(e);
+            }, d(e);
         }
         function p() {
             return p = Object.assign ? Object.assign.bind() : function(e) {
@@ -197,23 +212,23 @@
             return e;
         }
         function m(e, n, r) {
-            return (n = g(n)) in e ? Object.defineProperty(e, n, {
+            return (n = y(n)) in e ? Object.defineProperty(e, n, {
                 value: r,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
             }) : e[n] = r, e;
         }
-        function g(e) {
-            var n = y(e, "string");
-            return "symbol" == f(n) ? n : n + "";
+        function y(e) {
+            var n = g(e, "string");
+            return "symbol" == d(n) ? n : n + "";
         }
-        function y(e, n) {
-            if ("object" != f(e) || !e) return e;
+        function g(e, n) {
+            if ("object" != d(e) || !e) return e;
             var r = e[Symbol.toPrimitive];
             if (void 0 !== r) {
                 var t = r.call(e, n || "default");
-                if ("object" != f(t)) return t;
+                if ("object" != d(t)) return t;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === n ? String : Number)(e);
@@ -222,9 +237,9 @@
             if (null == e) return {};
             var r, t, o = O(e, n);
             if (Object.getOwnPropertySymbols) {
-                var l = Object.getOwnPropertySymbols(e);
-                for (t = 0; t < l.length; t++) {
-                    r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                var a = Object.getOwnPropertySymbols(e);
+                for (t = 0; t < a.length; t++) {
+                    r = a[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
                 }
             }
             return o;
@@ -234,7 +249,7 @@
             var r = {};
             for (var t in e) {
                 if ({}.hasOwnProperty.call(e, t)) {
-                    if (n.includes(t)) continue;
+                    if (-1 !== n.indexOf(t)) continue;
                     r[t] = e[t];
                 }
             }
@@ -242,57 +257,57 @@
         }
         var S = {
             /** @private */
-            active: l().bool,
-            children: l().node,
-            description: l().string,
-            descriptionPosition: l().oneOf([ "right", "bottom" ]),
-            disabled: l().bool,
-            elementRef: l().oneOfType([ l().func, l().object ]),
-            hidden: l().bool,
-            icon: l().node,
-            label: l().string.isRequired,
+            active: i().bool,
+            children: i().node,
+            description: i().string,
+            descriptionPosition: i().oneOf([ "right", "bottom" ]),
+            disabled: i().bool,
+            elementRef: i().oneOfType([ i().func, i().object ]),
+            hidden: i().bool,
+            icon: i().node,
+            label: i().string.isRequired,
             /**
    * @private Passed down from <BaseSelect>
    */
-            multiple: l().bool,
-            matchRanges: l().arrayOf(l().shape({
-                start: l().number.isRequired,
-                end: l().number.isRequired
+            multiple: i().bool,
+            matchRanges: i().arrayOf(i().shape({
+                start: i().number.isRequired,
+                end: i().number.isRequired
             })),
             /** @private */
-            onClick: l().func,
+            onClick: i().func,
             /** @private */
-            role: l().oneOf([ "menuitemcheckbox", "option" ]),
+            role: i().oneOf([ "menuitemcheckbox", "option" ]),
             /** @private */
-            selected: l().oneOfType([ l().bool, l().oneOf([ "some" ]) ]),
-            truncate: l().bool,
-            value: l().oneOfType([ l().string, l().number, l().bool ]).isRequired
+            selected: i().oneOfType([ i().bool, i().oneOf([ "some" ]) ]),
+            truncate: i().bool,
+            value: i().oneOfType([ i().string, i().number, i().bool ]).isRequired
         };
         /**
  * An option within a `Multiselect`.
  */        function w(r) {
-            var t = r.children, o = r.descriptionPosition, l = o === void 0 ? "bottom" : o, a = r.disabled, i = r.elementRef, c = r.icon, s = r.label, d = r.multiple, f = r.onClick, v = r.role, m = v === void 0 ? "option" : v, g = r.value, y = h(r, [ "children", "descriptionPosition", "disabled", "elementRef", "icon", "label", "multiple", "onClick", "role", "value" ]);
+            var t = r.children, o = r.descriptionPosition, a = o === void 0 ? "bottom" : o, l = r.disabled, i = r.elementRef, c = r.icon, s = r.label, f = r.multiple, d = r.onClick, v = r.role, m = v === void 0 ? "option" : v, y = r.value, g = h(r, [ "children", "descriptionPosition", "disabled", "elementRef", "icon", "label", "multiple", "onClick", "role", "value" ]);
             // @docs-props-type OptionPropsBase
                         var O = (0, e.useCallback)((function(e) {
-                if (!a) {
-                    f === null || f === void 0 ? void 0 : f(e, {
-                        value: g
+                if (!l) {
+                    d === null || d === void 0 ? void 0 : d(e, {
+                        value: y
                     });
                 }
-            }), [ a, f, g ]);
-            var S = g.toString();
+            }), [ l, d, y ]);
+            var S = y.toString();
             var w = b({
-                descriptionPosition: l,
-                disabled: a ? "disabled" : undefined
-            }, y);
+                descriptionPosition: a,
+                disabled: l ? "disabled" : undefined
+            }, g);
             
             return n().createElement(u.Item, p({
-                "data-test-value": g,
+                "data-test-value": y,
                 "data-test": "option",
                 elementRef: i
             }, w, {
                 selectable: true,
-                selectableAppearance: d ? "checkbox" : "checkmark",
+                selectableAppearance: f ? "checkbox" : "checkmark",
                 startAdornment: c,
                 onClick: O,
                 role: m,
@@ -319,9 +334,9 @@
             if (null == e) return {};
             var r, t, o = j(e, n);
             if (Object.getOwnPropertySymbols) {
-                var l = Object.getOwnPropertySymbols(e);
-                for (t = 0; t < l.length; t++) {
-                    r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                var a = Object.getOwnPropertySymbols(e);
+                for (t = 0; t < a.length; t++) {
+                    r = a[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
                 }
             }
             return o;
@@ -331,7 +346,7 @@
             var r = {};
             for (var t in e) {
                 if ({}.hasOwnProperty.call(e, t)) {
-                    if (n.includes(t)) continue;
+                    if (-1 !== n.indexOf(t)) continue;
                     r[t] = e[t];
                 }
             }
@@ -339,59 +354,59 @@
         }
         var P = {
             /** @private */
-            active: l().bool,
-            children: l().node,
+            active: i().bool,
+            children: i().node,
             /**
    * @private this is passed down from Multiselect.
    */
-            compact: l().bool,
-            description: l().string,
-            descriptionPosition: l().oneOf([ "right", "bottom" ]),
-            disabled: l().bool,
-            elementRef: l().oneOfType([ l().func, l().object ]),
-            hidden: l().bool,
-            icon: l().node,
-            label: l().string.isRequired,
-            matchRanges: l().arrayOf(l().shape({
-                start: l().number.isRequired,
-                end: l().number.isRequired
+            compact: i().bool,
+            description: i().string,
+            descriptionPosition: i().oneOf([ "right", "bottom" ]),
+            disabled: i().bool,
+            elementRef: i().oneOfType([ i().func, i().object ]),
+            hidden: i().bool,
+            icon: i().node,
+            label: i().string.isRequired,
+            matchRanges: i().arrayOf(i().shape({
+                start: i().number.isRequired,
+                end: i().number.isRequired
             })),
             /** @private */
-            onClick: l().func,
+            onClick: i().func,
             /** @private */
-            role: l().oneOf([ "menuitemcheckbox", "option" ]),
+            role: i().oneOf([ "menuitemcheckbox", "option" ]),
             /** @private */
-            selected: l().bool,
-            selectedAppearance: l().oneOf([ "info", "success", "warning", "error" ]),
-            selectedBackgroundColor: l().string,
-            selectedForegroundColor: l().string,
-            truncate: l().bool,
-            value: l().oneOfType([ l().string, l().number, l().bool ]).isRequired
+            selected: i().bool,
+            selectedAppearance: i().oneOf([ "info", "success", "warning", "error" ]),
+            selectedBackgroundColor: i().string,
+            selectedForegroundColor: i().string,
+            truncate: i().bool,
+            value: i().oneOfType([ i().string, i().number, i().bool ]).isRequired
         };
         /**
  * An option within a `Multiselect`.
  */        function E(e) {
-            var r = e.compact, t = e.children, o = e.description, l = e.descriptionPosition, a = l === void 0 ? "bottom" : l, i = e.disabled, u = e.elementRef, c = e.hidden, s = e.icon, d = e.label, f = e.matchRanges, p = e.role, v = e.selected, b = e.truncate, m = e.value, g = x(e, [ "compact", "children", "description", "descriptionPosition", "disabled", "elementRef", "hidden", "icon", "label", "matchRanges", "role", "selected", "truncate", "value" ]);
+            var r = e.compact, t = e.children, o = e.description, a = e.descriptionPosition, l = a === void 0 ? "bottom" : a, i = e.disabled, u = e.elementRef, c = e.hidden, s = e.icon, f = e.label, d = e.matchRanges, p = e.role, v = e.selected, b = e.truncate, m = e.value, y = x(e, [ "compact", "children", "description", "descriptionPosition", "disabled", "elementRef", "hidden", "icon", "label", "matchRanges", "role", "selected", "truncate", "value" ]);
             // @docs-props-type OptionPropsBase
             // selectedAppearance, selectedBackgroundColor, and selectedForegroundColor are not used directly by the Option component.
             // They are consumed by the parent component (Multiselect-Normal) to render the Chip, so they are not included in the above prop list.
                         
             return n().createElement(C, k({
                 description: o,
-                descriptionPosition: a,
+                descriptionPosition: l,
                 disabled: i,
                 elementRef: u,
                 hidden: c,
                 icon: s,
-                label: d,
-                matchRanges: f,
+                label: f,
+                matchRanges: d,
                 role: p,
                 selected: v,
                 truncate: b,
                 value: m
-            }, g, {
+            }, y, {
                 multiple: r
-            }), t || d);
+            }), t || f);
         }
         E.propTypes = P;
         /* harmony default export */        const M = E;
@@ -402,20 +417,20 @@
         const I = require("lodash/find");
         var B =  r.n(I);
         // CONCATENATED MODULE: external "lodash/forEachRight"
-        const T = require("lodash/forEachRight");
-        var L =  r.n(T);
-        // CONCATENATED MODULE: external "lodash/includes"
-        const N = require("lodash/includes");
+        const N = require("lodash/forEachRight");
         var V =  r.n(N);
-        // CONCATENATED MODULE: external "lodash/memoize"
-        const D = require("lodash/memoize");
+        // CONCATENATED MODULE: external "lodash/includes"
+        const D = require("lodash/includes");
         var q =  r.n(D);
+        // CONCATENATED MODULE: external "lodash/memoize"
+        const L = require("lodash/memoize");
+        var T =  r.n(L);
         // CONCATENATED MODULE: external "lodash/pick"
         const F = require("lodash/pick");
         var _ =  r.n(F);
         // CONCATENATED MODULE: external "lodash/uniq"
-        const H = require("lodash/uniq");
-        var K =  r.n(H);
+        const K = require("lodash/uniq");
+        var H =  r.n(K);
         // CONCATENATED MODULE: external "lodash/without"
         const z = require("lodash/without");
         var $ =  r.n(z);
@@ -434,68 +449,148 @@
         // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
         const ee = require("@splunk/react-ui/ResultsMenu");
         var ne =  r.n(ee);
-        // CONCATENATED MODULE: external "@splunk/react-ui/Text"
-        const re = require("@splunk/react-ui/Text");
-        var te =  r.n(re);
         // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
-        const oe = require("@splunk/react-ui/ScreenReaderContent");
-        var le =  r.n(oe);
+        const re = require("@splunk/react-ui/ScreenReaderContent");
+        var te =  r.n(re);
+        // CONCATENATED MODULE: external "@splunk/react-ui/Text"
+        const oe = require("@splunk/react-ui/Text");
+        var ae =  r.n(oe);
         // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
-        const ae = require("@splunk/react-ui/usePrevious");
-        var ie =  r.n(ae);
+        const le = require("@splunk/react-ui/usePrevious");
+        var ie =  r.n(le);
         // CONCATENATED MODULE: external "@splunk/ui-utils/filter"
         const ue = require("@splunk/ui-utils/filter");
         // CONCATENATED MODULE: external "@splunk/ui-utils/id"
         const ce = require("@splunk/ui-utils/id");
+        // CONCATENATED MODULE: external "@splunk/ui-utils/scroll"
+        const se = require("@splunk/ui-utils/scroll");
         // CONCATENATED MODULE: ./src/Select/SelectAllOption.tsx
-        var se = {
-            active: l().bool,
-            changedToggle: l().bool,
-            elementRef: l().oneOfType([ l().func, l().object ]),
-            id: l().string,
-            onClick: l().func,
-            selectAllLabel: l().string,
-            selected: l().oneOfType([ l().bool, l().oneOf([ "some" ]) ]),
-            totalCount: l().number
-        };
-        function de(e) {
-            var r = e.active, t = e.elementRef, o = e.id, l = e.onClick, a = e.selectAllLabel, i = e.totalCount, u = e.changedToggle, c = e.selected;
+        function fe(e) {
+            "@babel/helpers - typeof";
+            return fe = "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;
+            }, fe(e);
+        }
+        function de() {
+            return de = Object.assign ? Object.assign.bind() : function(e) {
+                for (var n = 1; n < arguments.length; n++) {
+                    var r = arguments[n];
+                    for (var t in r) {
+                        ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
+                    }
+                }
+                return e;
+            }, de.apply(null, arguments);
+        }
+        function pe(e, n) {
+            if (null == e) return {};
+            var r, t, o = ve(e, n);
+            if (Object.getOwnPropertySymbols) {
+                var a = Object.getOwnPropertySymbols(e);
+                for (t = 0; t < a.length; t++) {
+                    r = a[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                }
+            }
+            return o;
+        }
+        function ve(e, n) {
+            if (null == e) return {};
+            var r = {};
+            for (var t in e) {
+                if ({}.hasOwnProperty.call(e, t)) {
+                    if (-1 !== n.indexOf(t)) continue;
+                    r[t] = e[t];
+                }
+            }
+            return r;
+        }
+        function be(e, n) {
+            var r = Object.keys(e);
+            if (Object.getOwnPropertySymbols) {
+                var t = Object.getOwnPropertySymbols(e);
+                n && (t = t.filter((function(n) {
+                    return Object.getOwnPropertyDescriptor(e, n).enumerable;
+                }))), r.push.apply(r, t);
+            }
+            return r;
+        }
+        function me(e) {
+            for (var n = 1; n < arguments.length; n++) {
+                var r = null != arguments[n] ? arguments[n] : {};
+                n % 2 ? be(Object(r), !0).forEach((function(n) {
+                    ye(e, n, r[n]);
+                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : be(Object(r)).forEach((function(n) {
+                    Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
+                }));
+            }
+            return e;
+        }
+        function ye(e, n, r) {
+            return (n = ge(n)) in e ? Object.defineProperty(e, n, {
+                value: r,
+                enumerable: !0,
+                configurable: !0,
+                writable: !0
+            }) : e[n] = r, e;
+        }
+        function ge(e) {
+            var n = he(e, "string");
+            return "symbol" == fe(n) ? n : n + "";
+        }
+        function he(e, n) {
+            if ("object" != fe(e) || !e) return e;
+            var r = e[Symbol.toPrimitive];
+            if (void 0 !== r) {
+                var t = r.call(e, n || "default");
+                if ("object" != fe(t)) return t;
+                throw new TypeError("@@toPrimitive must return a primitive value.");
+            }
+            return ("string" === n ? String : Number)(e);
+        }
+        var Oe = me(me({}, C.propTypes), {}, {
+            totalCount: i().number,
+            // unlike OptionBase, there's a default value for this prop
+            value: i().string
+        });
+        function Se(e) {
+            var r = e.active, t = e.elementRef, o = e.id, a = e.label, l = e.onClick, i = e.selected, u = e.totalCount, c = e.value, s = c === void 0 ? "selectAll" : c, f = pe(e, [ "active", "elementRef", "id", "label", "onClick", "selected", "totalCount", "value" ]);
             // 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(), ")") : "";
+                        var d = u != null ? " (".concat(u === null || u === void 0 ? void 0 : u.toString(), ")") : "";
             
-            return n().createElement(C, {
+            return n().createElement(C, de({
                 active: r,
                 elementRef: t,
                 "aria-keyshortcuts": "Control+A",
                 "data-test": "select-all",
-                description: "".concat(s, " Ctrl-a"),
+                description: "".concat(d, " Ctrl-a"),
                 descriptionPosition: "right",
                 id: o,
                 key: "selectAll",
-                label: a,
                 multiple: true,
+                label: a,
                 onClick: l,
+                selected: i,
                 role: "menuitemcheckbox",
-                selected: c,
-                tabIndex: -1,
-                value: "selectAll"
-            });
+                value: s
+            }, f));
         }
-        de.propTypes = se;
-        /* harmony default export */        const fe = de;
+        Se.propTypes = Oe;
+        /* harmony default export */        const we = Se;
         // CONCATENATED MODULE: external "styled-components"
-        const pe = require("styled-components");
-        var ve =  r.n(pe);
+        const Ce = require("styled-components");
+        var ke =  r.n(Ce);
         // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-        const be = require("@splunk/react-ui/Button");
-        var me =  r.n(be);
+        const xe = require("@splunk/react-ui/Button");
+        var je =  r.n(xe);
         // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
-        const ge = require("@splunk/react-ui/Divider");
-        var ye =  r.n(ge);
+        const Pe = require("@splunk/react-ui/Divider");
+        var Ee =  r.n(Pe);
         // CONCATENATED MODULE: external "@splunk/themes"
-        const he = require("@splunk/themes");
+        const Me = require("@splunk/themes");
         // CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
-        var Oe = ve()(me()).withConfig({
+        var Re = ke()(je()).withConfig({
             displayName: "SelectBaseStyles__StyledButton",
             componentId: "sc-16cj7sk-0"
         })([ "&[data-inline]{width:", ";}", "" ], (function(e) {
@@ -505,52 +600,52 @@
             var n = e.$multiple;
             return !n && "flex-grow: 0;";
         }));
-        var Se = ve().span.withConfig({
+        var Ae = ke().span.withConfig({
             displayName: "SelectBaseStyles__StyledLinkIcon",
             componentId: "sc-16cj7sk-1"
-        })([ "padding-right:", ";" ], he.variables.spacingXSmall);
-        var we = ve().span.withConfig({
+        })([ "padding-right:", ";" ], Me.variables.spacingXSmall);
+        var Ie = ke().span.withConfig({
             displayName: "SelectBaseStyles__StyledLinkCaret",
             componentId: "sc-16cj7sk-2"
-        })([ "padding-left:", ";" ], he.variables.spacingXSmall);
-        var Ce = ve().div.withConfig({
+        })([ "padding-left:", ";" ], Me.variables.spacingXSmall);
+        var Be = ke().div.withConfig({
             displayName: "SelectBaseStyles__StyledFilter",
             componentId: "sc-16cj7sk-3"
-        })([ "padding:", " ", " ", ";min-width:160px;" ], he.variables.spacingLarge, he.variables.spacingLarge, he.variables.spacingSmall);
-        var ke = ve().span.withConfig({
+        })([ "padding:", " ", " ", ";min-width:160px;" ], Me.variables.spacingLarge, Me.variables.spacingLarge, Me.variables.spacingSmall);
+        var Ne = ke().span.withConfig({
             displayName: "SelectBaseStyles__StyledCount",
             componentId: "sc-16cj7sk-4"
-        })([ "padding-right:", ";" ], he.variables.spacingXSmall);
-        var xe = ve()(Z()).withConfig({
+        })([ "padding-right:", ";" ], Me.variables.spacingXSmall);
+        var Ve = ke()(Z()).withConfig({
             displayName: "SelectBaseStyles__StyledControlsLink",
             componentId: "sc-16cj7sk-5"
         })([ "", ";" ], (function(e) {
             var n = e.$disabled;
-            return n && (0, pe.css)([ "color:", ";" ], he.variables.contentColorDisabled);
+            return n && (0, Ce.css)([ "color:", ";" ], Me.variables.contentColorDisabled);
         }));
-        var je = ve().div.withConfig({
+        var De = ke().div.withConfig({
             displayName: "SelectBaseStyles__StyledToggleAllControls",
             componentId: "sc-16cj7sk-6"
-        })([ "", ";gap:", ";padding:", " ", " ", ";" ], he.mixins.reset("flex"), he.variables.spacingMedium, he.variables.spacingXSmall, he.variables.spacingLarge, he.variables.spacingSmall);
-        var Pe = ve()(ye()).withConfig({
+        })([ "", ";gap:", ";padding:", " ", " ", ";" ], Me.mixins.reset("flex"), Me.variables.spacingMedium, Me.variables.spacingXSmall, Me.variables.spacingLarge, Me.variables.spacingSmall);
+        var qe = ke()(Ee()).withConfig({
             displayName: "SelectBaseStyles__StyledControlsDivider",
             componentId: "sc-16cj7sk-7"
-        })([ "border-color:", ";" ], he.variables.borderColor);
-        // EXTERNAL MODULE: ./src/useControlled/index.ts + 1 modules
-                var Ee = r(2907);
+        })([ "border-color:", ";" ], Me.variables.borderColor);
+        // EXTERNAL MODULE: ./src/useControlled/index.ts + 2 modules
+                var Le = r(3639);
         // CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
         // A utility for matching keyboard characters to list values
-        var Me = function e(n, r) {
+        var Te = function e(n, r) {
             return n ? n.label.charAt(r).toLowerCase() : "";
         };
-        var Re = function e(n, r) {
+        var Fe = function e(n, r) {
             if (!n.length) {
                 return n;
             }
             var t = null;
             var o = false;
-            var l = n.filter((function(e) {
-                var n = Me(e, r.index);
+            var a = n.filter((function(e) {
+                var n = Te(e, r.index);
                 if (n === r.value) {
                     o = true;
                     return true;
@@ -558,44 +653,26 @@
                 // If we haven't found a match yet, keep track of the next closest match.
                 // Secondary matching looks for the closest character of a higher value, and failing that, closest of a lower value.
                                 if (!o) {
-                    var l = Me(t, r.index);
-                    if (!l) {
+                    var a = Te(t, r.index);
+                    if (!a) {
                         t = e;
                     } else if (n > r.value) {
-                        if (l < r.value) {
+                        if (a < r.value) {
                             t = e;
-                        } else if (l > n) {
+                        } else if (a > n) {
                             t = e;
                         }
-                    } else if (n > l) {
+                    } else if (n > a) {
                         t = e;
                     }
                 }
                 return false;
             }));
-            return l.length === 0 && t ? [ t ] : l;
-        };
-        // CONCATENATED MODULE: ./src/utils/scrollIntoViewIfNeeded.ts
-        // A utility that attempts to move an element into view by scrolling it's derived parent.
-        var Ae = function e(n) {
-            if (!n) {
-                return;
-            }
-            var r = n.offsetParent;
-            if (!r) {
-                return;
-            }
-            // Below the bottom of the container.
-                        if (r.scrollTop + r.clientHeight < n.offsetTop + n.clientHeight) {
-                r.scrollTop = n.offsetTop + n.clientHeight - r.clientHeight;
-                // Above the top of the container.
-                        } else if (r.scrollTop > n.offsetTop) {
-                r.scrollTop = n.offsetTop;
-            }
+            return a.length === 0 && t ? [ t ] : a;
         };
         // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
         /* eslint-disable @typescript-eslint/no-empty-function */
-        var Ie = {
+        var _e = {
             body: {
                 appendChild: function e() {
                     return [];
@@ -649,16 +726,16 @@
                 search: ""
             }
         };
-        function Be() {
-            var e = typeof document !== "undefined" ? document : Ie;
+        function Ke() {
+            var e = typeof document !== "undefined" ? document : _e;
             return e;
         }
-        var Te = Be();
-        /* harmony default export */        const Le = /* unused pure expression or super */ null && Te;
+        var He = Ke();
+        /* harmony default export */        const ze = /* unused pure expression or super */ null && He;
         // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
         /* eslint-disable @typescript-eslint/no-empty-function */
-        var Ne = {
-            document: Ie,
+        var $e = {
+            document: _e,
             navigator: {
                 userAgent: ""
             },
@@ -712,12 +789,12 @@
                 clearTimeout(n);
             }
         };
-        function Ve() {
-            var e = typeof window !== "undefined" ? window : Ne;
+        function We() {
+            var e = typeof window !== "undefined" ? window : $e;
             return e;
         }
-        var De = Ve();
-        /* harmony default export */        const qe = /* unused pure expression or super */ null && De;
+        var Ue = We();
+        /* harmony default export */        const Xe = /* unused pure expression or super */ null && Ue;
         // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
         /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -725,7 +802,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-        function Fe(e, n) {
+        function Ge(e, n) {
             if (e) {
                 if (typeof e === "function") {
                     e(n);
@@ -738,20 +815,20 @@
             }
         }
         // CONCATENATED MODULE: ./src/Select/SelectBase.tsx
-        function _e(e) {
-            return ze(e) || Ke(e) || Xe(e) || He();
+        function Je(e) {
+            return Ze(e) || Ye(e) || tn(e) || Qe();
         }
-        function He() {
+        function Qe() {
             throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
         }
-        function Ke(e) {
+        function Ye(e) {
             if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
         }
-        function ze(e) {
-            if (Array.isArray(e)) return Ge(e);
+        function Ze(e) {
+            if (Array.isArray(e)) return on(e);
         }
-        function $e() {
-            return $e = Object.assign ? Object.assign.bind() : function(e) {
+        function en() {
+            return en = Object.assign ? Object.assign.bind() : function(e) {
                 for (var n = 1; n < arguments.length; n++) {
                     var r = arguments[n];
                     for (var t in r) {
@@ -759,43 +836,43 @@
                     }
                 }
                 return e;
-            }, $e.apply(null, arguments);
+            }, en.apply(null, arguments);
         }
-        function We(e, n) {
-            return Qe(e) || Je(e, n) || Xe(e, n) || Ue();
+        function nn(e, n) {
+            return ln(e) || an(e, n) || tn(e, n) || rn();
         }
-        function Ue() {
+        function rn() {
             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 Xe(e, n) {
+        function tn(e, n) {
             if (e) {
-                if ("string" == typeof e) return Ge(e, n);
+                if ("string" == typeof e) return on(e, n);
                 var r = {}.toString.call(e).slice(8, -1);
-                return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? Ge(e, n) : void 0;
+                return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? on(e, n) : void 0;
             }
         }
-        function Ge(e, n) {
+        function on(e, n) {
             (null == n || n > e.length) && (n = e.length);
             for (var r = 0, t = Array(n); r < n; r++) {
                 t[r] = e[r];
             }
             return t;
         }
-        function Je(e, n) {
+        function an(e, n) {
             var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
             if (null != r) {
-                var t, o, l, a, i = [], u = !0, c = !1;
+                var t, o, a, l, i = [], u = !0, c = !1;
                 try {
-                    if (l = (r = r.call(e)).next, 0 === n) {
+                    if (a = (r = r.call(e)).next, 0 === n) {
                         if (Object(r) !== r) return;
                         u = !1;
-                    } else for (;!(u = (t = l.call(r)).done) && (i.push(t.value), i.length !== n); u = !0) {
+                    } else for (;!(u = (t = a.call(r)).done) && (i.push(t.value), i.length !== n); u = !0) {
                     }
                 } catch (e) {
                     c = !0, o = e;
                 } finally {
                     try {
-                        if (!u && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
+                        if (!u && null != r["return"] && (l = r["return"](), Object(l) !== l)) return;
                     } finally {
                         if (c) throw o;
                     }
@@ -803,40 +880,40 @@
                 return i;
             }
         }
-        function Qe(e) {
+        function ln(e) {
             if (Array.isArray(e)) return e;
         }
-        function Ye(e, n) {
+        function un(e, n) {
             if (null == e) return {};
-            var r, t, o = Ze(e, n);
+            var r, t, o = cn(e, n);
             if (Object.getOwnPropertySymbols) {
-                var l = Object.getOwnPropertySymbols(e);
-                for (t = 0; t < l.length; t++) {
-                    r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                var a = Object.getOwnPropertySymbols(e);
+                for (t = 0; t < a.length; t++) {
+                    r = a[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
                 }
             }
             return o;
         }
-        function Ze(e, n) {
+        function cn(e, n) {
             if (null == e) return {};
             var r = {};
             for (var t in e) {
                 if ({}.hasOwnProperty.call(e, t)) {
-                    if (n.includes(t)) continue;
+                    if (-1 !== n.indexOf(t)) continue;
                     r[t] = e[t];
                 }
             }
             return r;
         }
-        function en(e) {
+        function sn(e) {
             "@babel/helpers - typeof";
-            return en = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return sn = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
                 return typeof e;
             } : function(e) {
                 return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-            }, en(e);
+            }, sn(e);
         }
-        function nn(e, n) {
+        function fn(e, n) {
             var r = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
                 var t = Object.getOwnPropertySymbols(e);
@@ -846,181 +923,181 @@
             }
             return r;
         }
-        function rn(e) {
+        function dn(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var r = null != arguments[n] ? arguments[n] : {};
-                n % 2 ? nn(Object(r), !0).forEach((function(n) {
-                    tn(e, n, r[n]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : nn(Object(r)).forEach((function(n) {
+                n % 2 ? fn(Object(r), !0).forEach((function(n) {
+                    pn(e, n, r[n]);
+                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : fn(Object(r)).forEach((function(n) {
                     Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
                 }));
             }
             return e;
         }
-        function tn(e, n, r) {
-            return (n = on(n)) in e ? Object.defineProperty(e, n, {
+        function pn(e, n, r) {
+            return (n = vn(n)) in e ? Object.defineProperty(e, n, {
                 value: r,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
             }) : e[n] = r, e;
         }
-        function on(e) {
-            var n = ln(e, "string");
-            return "symbol" == en(n) ? n : n + "";
+        function vn(e) {
+            var n = bn(e, "string");
+            return "symbol" == sn(n) ? n : n + "";
         }
-        function ln(e, n) {
-            if ("object" != en(e) || !e) return e;
+        function bn(e, n) {
+            if ("object" != sn(e) || !e) return e;
             var r = e[Symbol.toPrimitive];
             if (void 0 !== r) {
                 var t = r.call(e, n || "default");
-                if ("object" != en(t)) return t;
+                if ("object" != sn(t)) return t;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === n ? String : Number)(e);
         }
-        var an = {
-            allowKeyMatching: l().bool,
-            allowNewValues: l().bool,
-            animateLoading: l().bool,
-            appearance: l().oneOf([ "default", "link", "subtle" ]),
-            append: l().bool,
-            children: l().node,
-            defaultPlacement: l().oneOf([ "above", "below", "vertical" ]),
-            defaultValues: l().array,
-            describedBy: l().string,
-            disabled: l().bool,
-            elementRef: l().oneOfType([ l().func, l().object ]),
-            error: l().bool,
-            filter: l().oneOf([ false, true, "controlled" ]),
-            footerMessage: l().node,
-            inline: l().bool,
-            inputId: l().string,
-            inputRef: l().oneOfType([ l().func, l().object ]),
-            isLoadingOptions: l().bool,
-            labelledBy: l().string,
-            labelText: l().string,
-            loadingMessage: l().node,
-            menuStyle: l().object,
-            multiple: l().bool,
-            name: l().string,
-            noOptionsMessage: l().node,
-            onChange: l().func,
-            onClick: l().func,
-            onClose: l().func,
-            onFilterChange: l().func,
-            onOpen: l().func,
-            onScroll: l().func,
-            onScrollBottom: l().func,
+        var mn = {
+            allowKeyMatching: i().bool,
+            allowNewValues: i().bool,
+            animateLoading: i().bool,
+            appearance: i().oneOf([ "default", "link", "subtle" ]),
+            append: i().bool,
+            children: i().node,
+            defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
+            defaultValues: i().array,
+            describedBy: i().string,
+            disabled: i().bool,
+            elementRef: i().oneOfType([ i().func, i().object ]),
+            error: i().bool,
+            filter: i().oneOf([ false, true, "controlled" ]),
+            footerMessage: i().node,
+            inline: i().bool,
+            inputId: i().string,
+            inputRef: i().oneOfType([ i().func, i().object ]),
+            isLoadingOptions: i().bool,
+            labelledBy: i().string,
+            labelText: i().string,
+            loadingMessage: i().node,
+            menuStyle: i().object,
+            multiple: i().bool,
+            name: i().string,
+            noOptionsMessage: i().node,
+            onChange: i().func,
+            onClick: i().func,
+            onClose: i().func,
+            onFilterChange: i().func,
+            onOpen: i().func,
+            onScroll: i().func,
+            onScrollBottom: i().func,
             /** @private. */
-            required: l().bool,
-            placeholder: l().string,
-            prefixLabel: l().string,
-            prepend: l().bool,
-            repositionMode: l().oneOf([ "none", "flip" ]),
-            selectAllAppearance: l().oneOf([ "buttongroup", "checkbox" ]),
-            showSelectedValuesFirst: l().oneOf([ "nextOpen", "immediately", "never" ]),
-            suffixLabel: l().string,
-            tabConfirmsNewValue: l().bool,
-            toggle: l().node,
-            toggleContent: l().oneOf([ "optionChildren", "optionLabel" ]),
-            values: l().array,
+            required: i().bool,
+            placeholder: i().string,
+            prefixLabel: i().string,
+            prepend: i().bool,
+            repositionMode: i().oneOf([ "none", "flip" ]),
+            selectAllAppearance: i().oneOf([ "buttongroup", "checkbox", "none" ]),
+            showSelectedValuesFirst: i().oneOf([ "nextOpen", "immediately", "never" ]),
+            suffixLabel: i().string,
+            tabConfirmsNewValue: i().bool,
+            toggle: i().node,
+            toggleContent: i().oneOf([ "optionChildren", "optionLabel" ]),
+            values: i().array,
             /** @private. */
-            virtualization: l().number
+            virtualization: i().number
         };
-        var un = q()((function(e) {
+        var yn = T()((function(e) {
             return [ e ];
         }));
         // preserve separate widths for single vs. multi mode
-                var cn = q()((function(e) {
+                var gn = T()((function(e) {
             var n = e.anchorWidth, r = e.isMultiple, t = e.maxHeight, o = e.menuStyle;
-            return r ? rn({
+            return r ? dn({
                 width: Math.max(n !== null && n !== void 0 ? n : 0, 200),
                 maxHeight: t
-            }, o) : rn({
+            }, o) : dn({
                 minWidth: n !== null && n !== void 0 ? n : undefined,
                 maxWidth: Math.max(n !== null && n !== void 0 ? n : 0, 300),
                 maxHeight: t
             }, o);
         }));
-        var sn = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
-        function dn(e) {
-            return e && i()(e.props, "value");
-        }
-        function fn(e, n) {
-            return "".concat(en(e), "-").concat(e, "-").concat(n);
-        }
-        var pn = [ "append", "error", "prepend" ];
-        var vn = (0, d._)("No matches");
-        var bn = (0, d._)("Select...");
-        var mn =  n().createElement(G(), null);
-        var gn = function e(r) {
-            var t = r.activeItemId, o = r.filterA11yId, l = r.filterKeyword, a = r.hasChildren, i = r.inputId, u = r.inputRef, c = r.menuListboxId, s = r.multiple, f = r.onClearAll, p = r.onSelectAll, v = r.onTextBlur, b = r.onTextChange, m = r.onTextFocus, g = r.onTextKeyDown, y = r.optionSelection, h = r.placement, O = r.selectAllAppearance, S = r.textHasFocus;
-            var w = (0, d._)("Select all options".concat(y.current === "all" ? " disabled" : ""));
-            var C = (0, d._)("Clear all options".concat(y.current === "none" ? " disabled" : ""));
+        var hn = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
+        function On(e) {
+            return e && a()(e.props, "value");
+        }
+        function Sn(e, n) {
+            return "".concat(sn(e), "-").concat(e, "-").concat(n);
+        }
+        var wn = [ "append", "error", "prepend" ];
+        var Cn = (0, f._)("No matches");
+        var kn = (0, f._)("Select...");
+        var xn =  n().createElement(G(), null);
+        var jn = function e(r) {
+            var t = r.activeItemId, o = r.filterA11yId, a = r.filterKeyword, l = r.hasChildren, i = r.inputId, u = r.inputRef, c = r.menuListboxId, s = r.multiple, d = r.onClearAll, p = r.onSelectAll, v = r.onTextBlur, b = r.onTextChange, m = r.onTextFocus, y = r.onTextKeyDown, g = r.optionSelection, h = r.placement, O = r.selectAllAppearance, S = r.textHasFocus;
+            var w = (0, f._)("Select all options".concat(g.current === "all" ? " disabled" : ""));
+            var C = (0, f._)("Clear all options".concat(g.current === "none" ? " disabled" : ""));
             // only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
-                        var k =  n().createElement(je, {
+                        var k =  n().createElement(De, {
                 key: "selectAll"
-            },  n().createElement(xe, {
-                disabled: y.current === "all",
+            },  n().createElement(Ve, {
+                disabled: g.current === "all",
                 appearance: "standalone",
                 "aria-label": w,
                 onClick: p,
                 "data-test": "select-all",
                 tag: "button"
-            }, l ? (0, d._)("Select all Matches") : (0, d._)("Select all")),  n().createElement(xe, {
-                disabled: y.current === "none",
+            }, a ? (0, f._)("Select all Matches") : (0, f._)("Select all")),  n().createElement(Ve, {
+                disabled: g.current === "none",
                 appearance: "standalone",
                 "aria-label": C,
-                onClick: f,
+                onClick: d,
                 "data-test": "clear-all",
                 tag: "button"
-            }, l ? (0, d._)("Clear all Matches") : (0, d._)("Clear all")));
+            }, a ? (0, f._)("Clear all Matches") : (0, f._)("Clear all")));
             
             return n().createElement("div", {
                 key: "controls"
-            }, o &&  n().createElement(le(), {
+            }, o &&  n().createElement(te(), {
                 id: o
-            }, (0, d._)("Type to filter")), h === "above" &&  n().createElement(Pe, null),  n().createElement(Ce, {
+            }, (0, f._)("Type to filter")), h === "above" &&  n().createElement(qe, null),  n().createElement(Be, {
                 key: "filter",
                 "data-test": "filter"
-            },  n().createElement(te(), {
-                value: l,
+            },  n().createElement(ae(), {
+                value: a,
                 autoCapitalize: "off",
                 autoComplete: "off",
                 autoCorrect: "off",
                 spellCheck: false,
                 onChange: b,
-                onKeyDown: g,
+                onKeyDown: y,
                 onFocus: m,
                 onBlur: v,
-                placeholder: (0, d._)("filter"),
+                placeholder: (0, f._)("filter"),
                 role: "combobox",
                 "aria-expanded": "true",
                 "aria-controls": c,
-                "aria-owns": S && a ? t : undefined,
-                "aria-label": (0, d._)("Filter"),
+                "aria-owns": S && l ? t : undefined,
+                "aria-label": (0, f._)("Filter"),
                 "aria-autocomplete": "list",
-                "aria-activedescendant": S && a ? t : undefined,
+                "aria-activedescendant": S && l ? t : undefined,
                 inputRef: u,
                 inputId: i,
                 canClear: true,
-                startAdornment: mn
-            })), s && a && O === "buttongroup" && k, h === "below" &&  n().createElement(Pe, null));
+                startAdornment: xn
+            })), s && l && O === "buttongroup" && k, h === "below" &&  n().createElement(qe, null));
         };
-        var yn = function e(n) {
+        var Pn = function e(n) {
             var r = n.prefixLabel, t = n.label, o = n.suffixLabel;
-            var l = t;
+            var a = t;
             if (r) {
-                l = [ "".concat(r, ": ") ].concat(l);
+                a = [ "".concat(r, ": ") ].concat(a);
             }
             if (o) {
-                l = A()(l).concat(" ".concat(o));
+                a = A()(a).concat(" ".concat(o));
             }
-            return l;
+            return a;
         };
-        var hn =  n().forwardRef((function(r, t) {
-            var o = r.appearance, l = o === void 0 ? "default" : o, a = r.append, i = r.children, u = r.currentValues, c = u === void 0 ? [] : u, s = r.describedBy, f = r.disabled, p = r.elementRef, v = r.error, b = r.inline, m = r.labelText, g = r.labelledBy, y = r.multiple, h = r.onClick, O = r.placeholder, S = r.prefixLabel, w = r.prepend, C = r.required, k = r.suffixLabel, x = r.toggle, j = r.toggleContent, P = Ye(r, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent" ]);
+        var En =  n().forwardRef((function(r, t) {
+            var o = r.appearance, a = o === void 0 ? "default" : o, l = r.append, i = r.children, u = r.currentValues, c = u === void 0 ? [] : u, s = r.describedBy, d = r.disabled, p = r.elementRef, v = r.error, b = r.inline, m = r.labelText, y = r.labelledBy, g = r.multiple, h = r.onClick, O = r.placeholder, S = r.prefixLabel, w = r.prepend, C = r.required, k = r.suffixLabel, x = r.toggle, j = r.toggleContent, P = un(r, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent" ]);
             var E;
             var M;
             var R = [];
@@ -1028,25 +1105,25 @@
                         var A = e.Children.toArray(i);
             var I = c.reduce((function(e, n, r, t) {
                 var o = B()(A, (function(e) {
-                    return dn(e) && e.props.value === n;
+                    return On(e) && e.props.value === n;
                 }));
                 if (o) {
-                    var l = o.props, a = l.children, i = l.icon, u = l.label;
-                    var s = j !== "optionLabel" && a ? a : u;
+                    var a = o.props, l = a.children, i = a.icon, u = a.label;
+                    var s = j !== "optionLabel" && l ? l : u;
                     e.push(s);
                     R.push(u);
                     // if not in multiple mode, add the icon
-                                        if (!y && c.length === 1) {
+                                        if (!g && c.length === 1) {
                         E = i;
                     }
-                } else if (y) {
+                } else if (g) {
                     // only add values that don't match an option in "multiple" mode to preserve old behaviour
                     e.push(n);
                     R.push(n.toString());
                 }
                 if (r < t.length - 1) {
-                    e.push((0, d._)(", "));
-                    R.push((0, d._)(", "));
+                    e.push((0, f._)(", "));
+                    R.push((0, f._)(", "));
                 }
                 return e;
             }), []);
@@ -1055,12 +1132,12 @@
                         if (M.length > 0) {
                 // If there's more than one item selected, read out the selected total
                 // rather than reading out each selected item
-                R = yn({
+                R = Pn({
                     prefixLabel: S,
                     label: M.length > 1 ? [ "".concat(c.length, " items selected") ] : R,
                     suffixLabel: k
                 });
-                M = yn({
+                M = Pn({
                     prefixLabel: S,
                     label: M,
                     suffixLabel: k
@@ -1068,68 +1145,68 @@
             }
             // single <Select> behaviour is to show the placeholder if all parts of the label
             // are empty strings so we replicate this behaviour here
-                        if (M.length === 0 || !y && M.every((function(e) {
+                        if (M.length === 0 || !g && M.every((function(e) {
                 return e === "";
             }))) {
-                M = un(O);
+                M = yn(O);
                 R = M;
             }
-            var T = Object.keys(P).includes("aria-labelledby");
-            var L = rn({
+            var N = Object.keys(P).includes("aria-labelledby");
+            var V = dn({
                 "aria-describedby": s,
-                "aria-label": g || T ? undefined : "".concat(m ? "".concat(m, ", ") : "").concat(R.join("")),
+                "aria-label": y || N ? undefined : "".concat(m ? "".concat(m, ", ") : "").concat(R.join("")),
                 // aria-labelledby takes precedence over aria-label, so existence of both is redundant
-                "aria-labelledby": g,
+                "aria-labelledby": y,
                 "aria-required": C,
-                "data-select-appearance": l,
-                append: a,
+                "data-select-appearance": a,
+                append: l,
                 prepend: w,
                 onClick: h,
                 role: "combobox",
-                disabled: f ? "disabled" : undefined,
+                disabled: d ? "disabled" : undefined,
                 elementRef: p,
                 error: v,
                 ref: t
             }, P);
-            if (y) {
-                L["data-test-values"] = JSON.stringify(c);
+            if (g) {
+                V["data-test-values"] = JSON.stringify(c);
             } else {
-                var N = We(c, 1), V = N[0];
-                L["data-test-value"] = V;
+                var D = nn(c, 1), q = D[0];
+                V["data-test-value"] = q;
             }
             if (x) {
                 
-                return (0, e.cloneElement)(x, L);
+                return (0, e.cloneElement)(x, V);
             }
-            if (l === "link") {
+            if (a === "link") {
                 
-                return n().createElement(Z(), $e({
+                return n().createElement(Z(), en({
                     tag: "button",
                     appearance: "standalone"
-                }, L, {
+                }, V, {
                     "data-select-appearance": "link"
-                }), !!E &&  n().createElement(Se, null, E), M || O,  n().createElement(we, null,  n().createElement(U(), null)));
+                }), !!E &&  n().createElement(Ae, null, E), M || O,  n().createElement(Ie, null,  n().createElement(U(), null)));
             }
             // Using Button's secondary appearance as Select's default appearance.
-                        var D = l === "default" ? "secondary" : l;
+                        var L = a === "default" ? "secondary" : a;
             
-            return n().createElement(Oe, $e({}, L, {
-                $multiple: y,
-                appearance: D,
+            return n().createElement(Re, en({}, V, {
+                $multiple: g,
+                appearance: L,
                 label: M,
                 error: v,
                 icon: E,
                 inline: b,
                 isMenu: true,
                 onClick: h
-            }, _()(P, pn)), !!c.length && y &&  n().createElement(ke, {
+            }, _()(P, wn)), !!c.length && g &&  n().createElement(Ne, {
                 "data-role": "count"
             }, "(", c.length, ")"));
         }));
-        function On(r) {
-            var t = r.allowKeyMatching, o = t === void 0 ? true : t, l = r.animateLoading, a = r.appearance, i = a === void 0 ? "default" : a, c = r.append, s = r.allowNewValues, f = r.children, p = r.defaultPlacement, v = p === void 0 ? "vertical" : p, b = r.defaultValues, m = r.describedBy, g = r.disabled, y = r.elementRef, h = r.error, O = r.filter, S = r.footerMessage, w = r.inline, k = r.inputId, x = r.inputRef, j = r.isLoadingOptions, P = r.labelledBy, E = r.labelText, M = r.loadingMessage, R = r.menuStyle, A = R === void 0 ? {} : R, I = r.multiple, T = r.name, N = r.noOptionsMessage, D = N === void 0 ? vn : N, q = r.onChange, F = r.onScroll, _ = r.onScrollBottom, H = r.onFilterChange, z = r.onClick, W = r.onClose, U = r.onOpen, X = r.required, G = r.placeholder, J = G === void 0 ? bn : G, Y = r.prefixLabel, Z = r.prepend, re = r.repositionMode, te = re === void 0 ? "flip" : re, oe = r.selectAllAppearance, le = oe === void 0 ? "buttongroup" : oe, ae = r.showSelectedValuesFirst, se = r.suffixLabel, de = r.tabConfirmsNewValue, pe = r.values, ve = r.virtualization, be = r.toggle, me = r.toggleContent, ge = me === void 0 ? "optionChildren" : me, ye = Ye(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" ]);
+        function Mn(r) {
+            var t = r.allowKeyMatching, o = t === void 0 ? true : t, a = r.animateLoading, l = r.appearance, i = l === void 0 ? "default" : l, c = r.append, s = r.allowNewValues, d = r.children, p = r.defaultPlacement, v = p === void 0 ? "vertical" : p, b = r.defaultValues, m = r.describedBy, y = r.disabled, g = r.elementRef, h = r.error, O = r.filter, S = r.footerMessage, w = r.inline, k = r.inputId, x = r.inputRef, j = r.isLoadingOptions, P = r.labelledBy, E = r.labelText, M = r.loadingMessage, R = r.menuStyle, A = R === void 0 ? {} : R, I = r.multiple, N = r.name, D = r.noOptionsMessage, L = D === void 0 ? Cn : D, T = r.onChange, F = r.onScroll, _ = r.onScrollBottom, K = r.onFilterChange, z = r.onClick, W = r.onClose, U = r.onOpen, X = r.required, G = r.placeholder, J = G === void 0 ? kn : G, Y = r.prefixLabel, Z = r.prepend, re = r.repositionMode, te = re === void 0 ? "flip" : re, oe = r.selectAllAppearance, ae = oe === void 0 ? "buttongroup" : oe, le = r.showSelectedValuesFirst, fe = r.suffixLabel, de = r.tabConfirmsNewValue, pe = r.values, ve = r.virtualization, be = r.toggle, me = r.toggleContent, ye = me === void 0 ? "optionChildren" : me, ge = un(r, [ "allowKeyMatching", "animateLoading", "appearance", "append", "allowNewValues", "children", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "filter", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "labelText", "loadingMessage", "menuStyle", "multiple", "name", "noOptionsMessage", "onChange", "onScroll", "onScrollBottom", "onFilterChange", "onClick", "onClose", "onOpen", "required", "placeholder", "prefixLabel", "prepend", "repositionMode", "selectAllAppearance", "showSelectedValuesFirst", "suffixLabel", "tabConfirmsNewValue", "values", "virtualization", "toggle", "toggleContent" ]);
             // @docs-props-type SelectBasePropsBase
-                        var he = (0, Ee["default"])({
+                        var he = (0, Le["default"])({
                 componentName: "SelectBase",
                 /* eslint-disable-next-line prefer-rest-params */
                 componentProps: arguments[0],
@@ -1143,226 +1220,226 @@
                     activeItemId: (0, ce.createDOMID)("active-item"),
                     menuListboxId: (0, ce.createDOMID)("menu-listbox")
                 };
-            })), Se = We(Oe, 1), we = Se[0], Ce = we.activeItemId, ke = we.menuListboxId;
-            var xe = (0, e.useState)(0), je = We(xe, 2), Pe = je[0], Me = je[1];
-            var Ie = (0, e.useState)(""), Be = We(Ie, 2), Te = Be[0], Le = Be[1];
-            var Ne = (0, e.useState)(false), De = We(Ne, 2), qe = De[0], He = De[1];
-            var Ke = (0, e.useState)(false), ze = We(Ke, 2), Ue = ze[0], Xe = ze[1];
-            var Ge = (0, e.useState)([]), Je = We(Ge, 2), Qe = Je[0], Ze = Je[1];
-            var en = (0, e.useState)(b || []), nn = We(en, 2), rn = nn[0], tn = nn[1];
+            })), Se = nn(Oe, 1), Ce = Se[0], ke = Ce.activeItemId, xe = Ce.menuListboxId;
+            var je = (0, e.useState)(0), Pe = nn(je, 2), Ee = Pe[0], Me = Pe[1];
+            var Re = (0, e.useState)(""), Ae = nn(Re, 2), Ie = Ae[0], Be = Ae[1];
+            var Ne = (0, e.useState)(false), Ve = nn(Ne, 2), De = Ve[0], qe = Ve[1];
+            var Te = (0, e.useState)(false), _e = nn(Te, 2), Ke = _e[0], He = _e[1];
+            var ze = (0, e.useState)([]), $e = nn(ze, 2), Ue = $e[0], Xe = $e[1];
+            var Qe = (0, e.useState)(b || []), Ye = nn(Qe, 2), Ze = Ye[0], rn = Ye[1];
  // previous state
-                        var on = ie()(Pe);
+                        var tn = ie()(Ee);
             // refs
-                        var ln = (0, e.useRef)(null);
+                        var on = (0, e.useRef)(null);
             var an = (0, e.useRef)(null);
-            var un = (0, e.useRef)(null);
-            var pn = (0, e.useRef)([]);
-            var mn = (0, e.useRef)([]);
-            var yn = (0, e.useRef)(on);
-            var On = (0, e.useRef)();
-            var Sn = (0, e.useRef)({});
+            var ln = (0, e.useRef)(null);
+            var cn = (0, e.useRef)([]);
+            var sn = (0, e.useRef)([]);
+            var fn = (0, e.useRef)(tn);
+            var dn = (0, e.useRef)();
+            var pn = (0, e.useRef)({});
+            var vn = (0, e.useRef)(0);
+            var bn = (0, e.useRef)([]);
+            var mn = (0, e.useRef)(null);
+            var yn = (0, e.useRef)();
             var wn = (0, e.useRef)(0);
-            var Cn = (0, e.useRef)([]);
-            var kn = (0, e.useRef)(null);
-            var xn = (0, e.useRef)();
-            var jn = (0, e.useRef)(0);
-            var Pn = (0, e.useRef)("none");
-            var En = (0, e.useState)(O ? (0, ce.createDOMID)("filter") : undefined), Mn = We(En, 1), Rn = Mn[0];
+            var xn = (0, e.useRef)("none");
+            var Pn = (0, e.useState)(O ? (0, ce.createDOMID)("filter") : undefined), Mn = nn(Pn, 1), Rn = Mn[0];
             (0, e.useEffect)((function() {
                 if (false) {}
             }), [ i, c, h, Z ]);
             var An = (0, e.useCallback)((function() {
-                var e = he ? pe : rn;
+                var e = he ? pe : Ze;
                 return I || e == null ? e : e.slice(0, 1);
-            }), [ he, I, pe, rn ]);
+            }), [ he, I, pe, Ze ]);
             var In = (0, e.useCallback)((function() {
                 var e;
                 // in non-multiple mode, don't move values to the top of the list
-                                return I && ae !== "never" ? (e = An()) !== null && e !== void 0 ? e : [] : [];
-            }), [ An, I, ae ]);
+                                return I && le !== "never" ? (e = An()) !== null && e !== void 0 ? e : [] : [];
+            }), [ An, I, le ]);
             var Bn = (0, e.useCallback)((function(e) {
-                var n = Te;
-                He(true);
-                Ze(In());
+                var n = Ie;
+                qe(true);
+                Xe(In());
                 // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
                                 if (I) {
-                    Le("");
+                    Be("");
                 }
-                if (n !== Te) {
-                    H === null || H === void 0 ? void 0 : H(e, {
-                        keyword: Te
+                if (n !== Ie) {
+                    K === null || K === void 0 ? void 0 : K(e, {
+                        keyword: Ie
                     });
                 }
-            }), [ Te, In, I, H ]);
+            }), [ Ie, In, I, K ]);
             (0, e.useEffect)((function() {
-                if (qe) {
+                if (De) {
                     U === null || U === void 0 ? void 0 : U();
-                    if (kn.current && !O) {
-                        kn.current.focus();
+                    if (mn.current && !O) {
+                        mn.current.focus();
                     } else {
                         var e;
-                        Me((e = xn.current) !== null && e !== void 0 ? e : 0);
+                        Me((e = yn.current) !== null && e !== void 0 ? e : 0);
                     }
                 }
-            }), [ U, qe, Qe, Te, O ]);
-            var Tn = (0, e.useCallback)((function() {
-                He(false);
+            }), [ U, De, Ue, Ie, O ]);
+            var Nn = (0, e.useCallback)((function() {
+                qe(false);
                 Me(0);
-                yn.current = null;
+                fn.current = null;
                 W === null || W === void 0 ? void 0 : W();
             }), [ W ]);
-            var Ln = (0, e.useCallback)((function(e, n) {
+            var Vn = (0, e.useCallback)((function(e, n) {
                 var r;
                 var t = (r = An()) !== null && r !== void 0 ? r : [];
                 var o = t.indexOf(n);
-                var l;
+                var a;
                 if (I) {
                     if (o >= 0) {
-                        l = [].concat(_e(t.slice(0, o)), _e(t.slice(o + 1)));
+                        a = [].concat(Je(t.slice(0, o)), Je(t.slice(o + 1)));
                     } else {
-                        l = t.concat([ n ]);
+                        a = t.concat([ n ]);
                     }
                 } else {
                     // non-multiple mode must always have a value
-                    l = [ n ];
+                    a = [ n ];
                 }
-                var a = !he;
-                if (a) {
-                    tn(l);
+                var l = !he;
+                if (l) {
+                    rn(a);
                 }
                 if (I) {
                     // in uncontrolled multiple mode, keep the menu open
-                    if (a) {
-                        He(true);
+                    if (l) {
+                        qe(true);
                     }
                 } else {
                     var i;
                     // non-multiple mode only supports a single selection
                     // so close the menu once a selection is made
-                                        Tn({
+                                        Nn({
                         reason: "contentClick"
                     });
-                    (i = ln.current) === null || i === void 0 ? void 0 : i.focus();
+                    (i = on.current) === null || i === void 0 ? void 0 : i.focus();
                 }
-                q === null || q === void 0 ? void 0 : q(e, {
-                    values: l,
-                    name: T,
+                T === null || T === void 0 ? void 0 : T(e, {
+                    values: a,
+                    name: N,
                     reason: "valueToggle"
                 });
-            }), [ An, Tn, he, I, T, q ]);
-            var Nn = function e() {
+            }), [ An, Nn, he, I, N, T ]);
+            var Dn = function e() {
                 an.current = null;
-                pn.current = [];
-                if (un.current) {
-                    clearTimeout(un.current);
+                cn.current = [];
+                if (ln.current) {
+                    clearTimeout(ln.current);
                 }
             };
-            var Vn = (0, e.useCallback)((function(e) {
+            var qn = (0, e.useCallback)((function(e) {
                 var r;
                 // this doesn't make sense if we can't select multiple values
                                 if (!I) {
                     return;
                 }
                 var t = (r = An()) !== null && r !== void 0 ? r : [];
-                var o = K()(t.concat(Cn.current));
-                o = n().Children.toArray(f).filter((function(e) {
-                    return dn(e) && V()(o, e.props.value) && (!e.props.disabled || V()(t, e.props.value));
+                var o = H()(t.concat(bn.current));
+                o = n().Children.toArray(d).filter((function(e) {
+                    return On(e) && q()(o, e.props.value) && (!e.props.disabled || q()(t, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
                 if (!he) {
-                    tn(o);
+                    rn(o);
                 }
-                q === null || q === void 0 ? void 0 : q(e, {
+                T === null || T === void 0 ? void 0 : T(e, {
                     values: o,
-                    name: T,
+                    name: N,
                     reason: "selectAll"
                 });
-            }), [ f, An, he, I, T, q ]);
-            var Dn = (0, e.useCallback)((function(e) {
+            }), [ d, An, he, I, N, T ]);
+            var Ln = (0, e.useCallback)((function(e) {
                 var r;
                 // this doesn't make sense if we can't select multiple values
                                 if (!I) {
                     return;
                 }
                 var t = (r = An()) !== null && r !== void 0 ? r : [];
-                var o = $().apply(void 0, [ t ].concat(_e(Cn.current)));
+                var o = $().apply(void 0, [ t ].concat(Je(bn.current)));
                 // this will unselect all selected values unless those values are disabled or hidden by the filter
-                                var l = n().Children.toArray(f).filter((function(e) {
-                    return dn(e) && (V()(t, e.props.value) && e.props.disabled || V()(o, e.props.value));
+                                var a = n().Children.toArray(d).filter((function(e) {
+                    return On(e) && (q()(t, e.props.value) && e.props.disabled || q()(o, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
                 if (!he) {
-                    tn(l);
+                    rn(a);
                 }
-                q === null || q === void 0 ? void 0 : q(e, {
-                    values: l,
-                    name: T,
+                T === null || T === void 0 ? void 0 : T(e, {
+                    values: a,
+                    name: N,
                     reason: "clearAll"
                 });
-            }), [ f, An, he, I, T, q ]);
-            var qn = (0, e.useCallback)((function(e) {
-                if (qe && !j) {
+            }), [ d, An, he, I, N, T ]);
+            var Tn = (0, e.useCallback)((function(e) {
+                if (De && !j) {
                     _ === null || _ === void 0 ? void 0 : _(e);
                 }
-            }), [ qe, j, _ ]);
+            }), [ De, j, _ ]);
             var Fn = (0, e.useCallback)((function(n) {
                 var r = n.key;
                 if (r === "Tab") {
-                    if (de && On.current && wn.current <= 1) {
+                    if (de && dn.current && vn.current <= 1) {
                         n.preventDefault();
-                        Ln(n, On.current);
+                        Vn(n, dn.current);
                     }
                 }
                 if (n.shiftKey || n.metaKey || n.ctrlKey) {
                     if (r === "a" && (n.ctrlKey || n.metaKey)) {
                         // handle control + A
-                        if (Pn.current === "all") {
-                            Dn(n);
+                        if (xn.current === "all") {
+                            Ln(n);
                         } else {
-                            Vn(n);
+                            qn(n);
                         }
                     }
                     return;
                 }
                 if (r === "ArrowDown") {
                     n.preventDefault();
-                    Me(Math.min(Pe + 1, le === "checkbox" ? wn.current : wn.current - 1));
-                    if (f && _) {
+                    Me(Math.min(Ee + 1, ae === "checkbox" ? vn.current : vn.current - 1));
+                    if (d && _) {
                         var t;
-                        var o = e.Children.toArray(f).length - (2 + ((t = An()) !== null && t !== void 0 ? t : []).length);
-                        if (Pe === o) {
-                            qn(n);
+                        var o = e.Children.toArray(d).length - (2 + ((t = An()) !== null && t !== void 0 ? t : []).length);
+                        if (Ee === o) {
+                            Tn(n);
                         }
                     }
                 }
                 if (r === "ArrowUp") {
                     n.preventDefault();
-                    Me(Math.max(Pe - 1, 0));
+                    Me(Math.max(Ee - 1, 0));
                 }
-                if (r === "Enter" && On.current && qe) {
-                    if (On.current === "selectAll") {
-                        if (Pn.current === "all") {
-                            Dn(n);
+                if (r === "Enter" && dn.current && De) {
+                    if (dn.current === "selectAll") {
+                        if (xn.current === "all") {
+                            Ln(n);
                         } else {
-                            Vn(n);
+                            qn(n);
                         }
                     } else {
                         n.preventDefault();
-                        Ln(n, On.current);
+                        Vn(n, dn.current);
                     }
                 }
-            }), [ Pe, f, An, Dn, qn, Vn, _, qe, le, de, Ln ]);
+            }), [ Ee, d, An, Ln, Tn, qn, _, De, ae, de, Vn ]);
             var _n = (0, e.useCallback)((function(e, n) {
                 var r = n.value;
                 e.preventDefault();
-                if (!qe) {
+                if (!De) {
                     return;
                 }
-                Ln(e, r);
-            }), [ qe, Ln ]);
-            var Hn = (0, e.useCallback)((function(e, n) {
+                Vn(e, r);
+            }), [ De, Vn ]);
+            var Kn = (0, e.useCallback)((function(e, n) {
                 var r = e.nativeEvent.key;
                 // Checking for a single character to avoid complications from double-byte languages and emojis.
                                 if (r.length === 1) {
@@ -1373,148 +1450,148 @@
                     };
                     if (!an.current) {
                         if (r === " ") {
-                            Nn();
+                            Dn();
                             return;
                         }
-                        t = Re(mn.current, o);
-                    } else if (pn.current.length > 1) {
+                        t = Fe(sn.current, o);
+                    } else if (cn.current.length > 1) {
                         o.index = an.current.index + 1;
-                        t = Re(pn.current, o);
+                        t = Fe(cn.current, o);
                     }
                     if (t.length) {
-                        var l;
-                        var a = 0;
+                        var a;
+                        var l = 0;
                         // If the active option is a first character match, cycle to the next matching option.
                                                 if (o.index === 0 && t.length > 1) {
-                            var i = t.indexOf(mn.current[n]);
+                            var i = t.indexOf(sn.current[n]);
                             if (i >= 0) {
-                                a = i === t.length - 1 ? 0 : i + 1;
+                                l = i === t.length - 1 ? 0 : i + 1;
                             }
                         }
-                        var u = t[a];
+                        var u = t[l];
                         var c = u.value, s = u.label;
-                        var d = Sn.current[fn(c, s)];
-                        d === null || d === void 0 ? void 0 : (l = d.focus) === null || l === void 0 ? void 0 : l.call(d);
+                        var f = pn.current[Sn(c, s)];
+                        f === null || f === void 0 ? void 0 : (a = f.focus) === null || a === void 0 ? void 0 : a.call(f);
                     }
-                    pn.current = t;
+                    cn.current = t;
                     an.current = o;
-                    if (un.current) {
-                        clearTimeout(un.current);
+                    if (ln.current) {
+                        clearTimeout(ln.current);
                     }
-                    un.current = setTimeout(Nn, 500);
+                    ln.current = setTimeout(Dn, 500);
                     e.preventDefault();
                     e.stopPropagation();
                 }
             }), []);
-            var Kn = (0, e.useCallback)((function(e, n) {
+            var Hn = (0, e.useCallback)((function(e, n) {
                 var r = n.value;
-                Le(r);
-                He(true);
+                Be(r);
+                qe(true);
                 Me(0);
-                H === null || H === void 0 ? void 0 : H(e, {
+                K === null || K === void 0 ? void 0 : K(e, {
                     keyword: r
                 });
-            }), [ H ]);
+            }), [ K ]);
             var zn = (0, e.useCallback)((function() {
-                Xe(true);
+                He(true);
             }), []);
             var $n = (0, e.useCallback)((function() {
-                Xe(false);
+                He(false);
             }), []);
             var Wn = (0, e.useCallback)((function(e) {
-                if (yn.current !== Pe) {
-                    Ae(e);
+                if (fn.current !== Ee) {
+                    (0, se.scrollIntoViewIfNeeded)(e);
                 }
-            }), [ Pe ]);
+            }), [ Ee ]);
             var Un = (0, e.useCallback)((function(e, n, r) {
                 if (r) {
-                    kn.current = e;
+                    mn.current = e;
                 }
                 if (e == null) {
-                    delete Sn.current[n];
+                    delete pn.current[n];
                 } else {
-                    Sn.current[n] = e;
+                    pn.current[n] = e;
                 }
-            }), [ Sn ]);
+            }), [ pn ]);
             var Xn = (0, e.useCallback)((function(e) {
-                ln.current = e;
-                Fe(y, e);
-            }), [ y, ln ]);
+                on.current = e;
+                Ge(g, e);
+            }), [ g, on ]);
             var Gn = (0, e.useMemo)((function() {
                 var e;
                 return (e = An()) !== null && e !== void 0 ? e : [];
             }), [ An ]);
-            var Jn = e.Children.toArray(f);
+            var Jn = e.Children.toArray(d);
             var Qn = Gn.some((function(e) {
                 var n = B()(Jn, (function(n) {
-                    return dn(n) && n.props.value === e;
+                    return On(n) && n.props.value === e;
                 }));
                 return n && !n.props.disabled;
             }));
-            var Yn = ae === "immediately" ? In() : Qe;
+            var Yn = le === "immediately" ? In() : Ue;
             var Zn = (0, e.useMemo)((function() {
+                vn.current = 0;
+                yn.current = undefined;
                 wn.current = 0;
-                xn.current = undefined;
-                jn.current = 0;
-                On.current = undefined;
-                mn.current = [];
+                dn.current = undefined;
+                sn.current = [];
                 var r = function e(n, r) {
                     return function(e) {
                         return Un(e, n, r);
                     };
                 };
                 var t;
-                var l = 0;
-                var a = false;
+                var a = 0;
+                var l = false;
                 // used to avoid overwriting the selected item ref in multiple mode
                                 var i;
-                var c = e.Children.toArray(f).reduce((function(c, s, d) {
+                var c = e.Children.toArray(d).reduce((function(c, s, f) {
                     // ignore Headings and Dividers
-                    if (!dn(s)) {
+                    if (!On(s)) {
                         c.push(s);
                         return c;
                     }
-                    var f = s.props, p = f.disabled, v = f.hidden, b = f.label, m = f.value;
+                    var d = s.props, p = d.disabled, v = d.hidden, b = d.label, m = d.value;
  // Find out if the search string exactly matches a value
-                                        if (m === Te) {
+                                        if (m === Ie) {
                         t = true;
                     }
-                    var g = Gn && Gn.indexOf(m) >= 0;
-                    var y = !!g && !p && !i;
+                    var y = Gn && Gn.indexOf(m) >= 0;
+                    var g = !!y && !p && !i;
                     var h = o && !I && !O && !j && !_;
-                    var S = fn(m, b);
+                    var S = Sn(m, b);
                     var w = -1;
                     if (h && !p && !v) {
-                        mn.current.push({
+                        sn.current.push({
                             label: b,
                             value: m
                         });
-                        w = mn.current.length - 1;
+                        w = sn.current.length - 1;
                     }
                     // Format the Menu.Item
                                         var C =  (0, e.cloneElement)(s, {
-                        elementRef: r(S, y),
-                        key: s.key || d,
+                        elementRef: r(S, g),
+                        key: s.key || f,
                         onClick: _n,
                         onKeyDown: h ? function(e) {
-                            return Hn(e, w);
+                            return Kn(e, w);
                         } : undefined,
-                        selected: g,
+                        selected: y,
                         multiple: I,
                         role: "option"
                     });
-                    if (y) {
+                    if (g) {
                         i = true;
                     }
                     if (Yn && Yn.indexOf(m) >= 0) {
-                        if (l === 0) {
-                            c.splice(l, 0,  n().createElement(u.Divider, {
+                        if (a === 0) {
+                            c.splice(a, 0,  n().createElement(u.Divider, {
                                 key: "topDivider"
                             }));
-                            a = true;
+                            l = true;
                         }
-                        c.splice(l, 0, C);
-                        l += 1;
+                        c.splice(a, 0, C);
+                        a += 1;
                     } else {
                         c.push(C);
                     }
@@ -1522,28 +1599,28 @@
                 }), []);
                 // In multiple mode, add missing items
                                 if (I) {
-                    L()(Gn, (function(e) {
+                    V()(Gn, (function(e) {
                         var o = B()(c, (function(n) {
-                            return dn(n) && n.props && n.props.value === e;
+                            return On(n) && n.props && n.props.value === e;
                         }));
                         if (!o) {
-                            if (e === Te) {
+                            if (e === Ie) {
                                 t = true;
                             }
                             var i = Yn && Yn.indexOf(e) >= 0;
                             var s = Yn.length;
-                            if (l === 0) {
+                            if (a === 0) {
                                 c.splice(0, 0,  n().createElement(u.Divider, {
                                     key: "topDivider"
                                 }));
-                                l += 1;
-                                a = true;
+                                a += 1;
+                                l = true;
                             }
-                            var d = String(e);
-                            var f = fn(e, d);
+                            var f = String(e);
+                            var d = Sn(e, f);
                             c.splice(i ? 0 : s + 1, 0,  n().createElement(C, {
-                                elementRef: r(f),
-                                label: d,
+                                elementRef: r(d),
+                                label: f,
                                 value: e,
                                 key: "missing-value-".concat(e),
                                 onClick: _n,
@@ -1551,22 +1628,22 @@
                                 selected: true
                             }));
                             if (i) {
-                                l += 1;
+                                a += 1;
                             }
                         }
                     }));
                 }
                 var p = O === "controlled";
                 // Filter the items
-                                var v = (0, ue.stringToKeywords)(Te);
+                                var v = (0, ue.stringToKeywords)(Ie);
                 c = p ? c : c.filter((function(e) {
-                    if (dn(e)) {
+                    if (On(e)) {
                         return (0, ue.testPhrase)(e.props.label, v);
                     }
                     return true;
  // Keep all headers and non-interactive options
                                 })).map((function(n) {
-                    if (!dn(n)) {
+                    if (!On(n)) {
                         return n;
                     }
                     // highlight matched text
@@ -1577,26 +1654,26 @@
                     });
                 }));
                 // Add the option to add the new value
-                                if (s && !t && Te) {
-                    var b = a ? l + 1 : l;
-                    var m = "".concat(Te, " (new value)");
-                    var g = fn(Te, m);
+                                if (s && !t && Ie) {
+                    var b = l ? a + 1 : a;
+                    var m = "".concat(Ie, " (new value)");
+                    var y = Sn(Ie, m);
                     c.splice(b, 0,  n().createElement(C, {
-                        elementRef: r(g),
+                        elementRef: r(y),
                         label: m,
-                        value: Te,
+                        value: Ie,
                         key: "newValue",
                         multiple: I,
                         onClick: _n
                     }));
                 }
                 // When selectAll is a menu item, add an offset so that activeItem accounts for the extra selectAll option.
-                                var y = le === "checkbox" && I && c.length > 1 ? 1 : 0;
+                                var g = ae === "checkbox" && I && c.length > 1 ? 1 : 0;
                 var h = true;
                 // Highlight the selected Items and remove hidden
                                 c = c.reduce((function(n, r) {
                     // ignore Dividers & Headings
-                    if (!dn(r)) {
+                    if (!On(r)) {
                         n.push(r);
                         return n;
                     }
@@ -1604,75 +1681,75 @@
                                         if (r.props && r.props.hidden) {
                         return n;
                     }
-                    if (r.props.selected && !r.props.disabled && xn.current == null) {
-                        xn.current = wn.current;
+                    if (r.props.selected && !r.props.disabled && yn.current == null) {
+                        yn.current = vn.current;
                     }
-                    var t = y === Pe;
-                    y += 1;
-                    wn.current += 1;
-                    jn.current += r.props.selected ? 1 : 0;
+                    var t = g === Ee;
+                    g += 1;
+                    vn.current += 1;
+                    wn.current += r.props.selected ? 1 : 0;
                     if (r.key !== "newValue" && !r.props.disabled && !r.props.selected) {
                         h = false;
                     }
-                    if (!t || !Ue) {
+                    if (!t || !Ke) {
                         n.push(r);
                         return n;
                     }
                     if (!r.props.disabled) {
-                        On.current = r.props.value;
+                        dn.current = r.props.value;
                     }
                     var o =  (0, e.cloneElement)(r, {
                         active: t,
                         elementRef: Wn,
-                        id: Ce
+                        id: ke
                     });
                     n.push(o);
                     return n;
                 }), []);
-                Pn.current = jn.current === 0 && "none" || h && "all" || "some";
+                xn.current = wn.current === 0 && "none" || h && "all" || "some";
                 // add select all option
-                                if (le === "checkbox" && I && wn.current > 0) {
-                    var S;
-                    if (Pn.current === "all") {
-                        if (Te === "") {
-                            S = (0, d._)("Clear all");
+                                if (ae === "checkbox" && I && vn.current > 0) {
+                    var S = Ee === 0 && Ke;
+                    var w;
+                    if (xn.current === "all") {
+                        if (Ie === "") {
+                            w = (0, f._)("Clear all");
                         } else {
-                            S = (0, d._)("Clear all matches");
+                            w = (0, f._)("Clear all matches");
                         }
-                    } else if (Te === "") {
-                        S = (0, d._)("Select all");
+                    } else if (Ie === "") {
+                        w = (0, f._)("Select all");
                     } else {
-                        S = (0, d._)("Select all matches");
+                        w = (0, f._)("Select all matches");
                     }
-                    if (Pe === 0 && Ue) {
-                        On.current = "selectAll";
+                    if (S) {
+                        dn.current = "selectAll";
                     }
-                    c.unshift( n().createElement(fe, {
+                    c.unshift( n().createElement(we, {
                         key: "select-all-option",
-                        active: Pe === 0,
-                        changedToggle: !!be,
+                        active: S,
                         elementRef: Wn,
-                        id: Pe === 0 ? Ce : undefined,
-                        onClick: Pn.current === "all" ? Dn : Vn,
-                        selectAllLabel: S,
-                        selected: Pn.current === "all" || Pn.current !== "none" && "some",
-                        totalCount: Gn.length,
-                        tabIndex: -1
+                        id: S ? ke : undefined,
+                        onClick: xn.current === "all" ? Ln : qn,
+                        label: w,
+                        selected: xn.current === "all" || xn.current !== "none" && "some",
+                        totalCount: !!be && Gn.length || undefined,
+                        tabIndex: Ke ? -1 : undefined
                     }),  n().createElement(u.Divider, {
                         key: "selectAllDivider"
                     }));
                 }
-                Cn.current = c.reduce((function(e, n) {
-                    if (dn(n)) {
+                bn.current = c.reduce((function(e, n) {
+                    if (On(n)) {
                         e.push(n.props.value);
                     }
                     return e;
                 }), []);
                 return c;
-            }), [ Pe, Ce, o, s, f, Gn, O, Te, Wn, Dn, _n, Hn, Un, Vn, j, I, Yn, _, le, Ue, be ]);
+            }), [ Ee, ke, o, s, d, Gn, O, Ie, Wn, Ln, _n, Kn, Un, qn, j, I, Yn, _, ae, Ke, be ]);
             var er = function e(r) {
-                var t = r.anchorWidth, o = r.maxHeight, a = r.placement, i = r.toggleId;
-                var u = cn({
+                var t = r.anchorWidth, o = r.maxHeight, l = r.placement, i = r.toggleId;
+                var u = gn({
                     anchorWidth: t,
                     isMultiple: I,
                     maxHeight: o,
@@ -1681,38 +1758,38 @@
                 var c = Gn.length > 0 && !Qn && !O ? 0 : undefined;
                 var s = {
                     "aria-multiselectable": I || undefined,
-                    childrenStart: !!O &&  n().createElement(gn, {
-                        activeItemId: Ce,
+                    childrenStart: !!O &&  n().createElement(jn, {
+                        activeItemId: ke,
                         filterA11yId: Rn,
-                        filterKeyword: Te,
+                        filterKeyword: Ie,
                         hasChildren: Zn.some((function(e) {
-                            return dn(e);
+                            return On(e);
                         })),
                         inputId: k,
                         inputRef: x,
-                        menuListboxId: ke,
+                        menuListboxId: xe,
                         multiple: I,
-                        onClearAll: Dn,
-                        onSelectAll: Vn,
+                        onClearAll: Ln,
+                        onSelectAll: qn,
                         onTextBlur: $n,
-                        onTextChange: Kn,
+                        onTextChange: Hn,
                         onTextFocus: zn,
                         onTextKeyDown: Fn,
-                        optionSelection: Pn,
-                        placement: a,
-                        selectAllAppearance: le,
-                        textHasFocus: Ue
+                        optionSelection: xn,
+                        placement: l,
+                        selectAllAppearance: ae,
+                        textHasFocus: Ke
                     }),
                     focusMode: O ? "never" : undefined,
                     isLoading: j,
                     labelledBy: "".concat(Rn !== null && Rn !== void 0 ? Rn : "", " ").concat(i !== null && i !== void 0 ? i : "").trim(),
                     // NVDA ignores aria-labelledby attribute on popover, but reads it on menu
-                    menuId: ke,
-                    onScrollBottom: _ ? qn : undefined,
-                    placement: a !== null && a !== void 0 ? a : undefined,
-                    noOptionsMessage: D,
+                    menuId: xe,
+                    onScrollBottom: _ ? Tn : undefined,
+                    placement: l !== null && l !== void 0 ? l : undefined,
+                    noOptionsMessage: L,
                     footerMessage: S,
-                    animateLoading: l,
+                    animateLoading: a,
                     loadingMessage: M,
                     onScroll: F,
                     style: u,
@@ -1720,7 +1797,7 @@
                 };
                 if (ve) {
                     
-                    return n().createElement(ee.VirtualizedResultsMenu, $e({
+                    return n().createElement(ee.VirtualizedResultsMenu, en({
                         virtualization: ve
                     }, s), Zn);
                 }
@@ -1729,13 +1806,13 @@
             };
             var nr = (0, e.useMemo)((function() {
                 
-                return n().createElement(hn, $e({
+                return n().createElement(En, en({
                     appearance: i,
                     append: c,
                     currentValues: An(),
                     "data-test": I ? "multiselect" : "select",
                     describedBy: m,
-                    disabled: g,
+                    disabled: y,
                     elementRef: Xn,
                     error: h,
                     inline: w,
@@ -1747,37 +1824,57 @@
                     prefixLabel: Y,
                     prepend: Z,
                     required: X,
-                    suffixLabel: se,
+                    suffixLabel: fe,
                     toggle: be,
-                    toggleContent: ge
-                }, ye), f);
-            }), [ i, c, An, I, m, g, h, Xn, w, E, P, z, J, Y, Z, X, se, be, ge, ye, f ]);
+                    toggleContent: ye
+                }, ge), d);
+            }), [ i, c, An, I, m, y, h, Xn, w, E, P, z, J, Y, Z, X, fe, be, ye, ge, d ]);
             
             return n().createElement(Q(), {
-                closeReasons: sn,
+                closeReasons: hn,
                 inputId: k,
                 "aria-labelledby": Rn,
                 toggle: nr,
                 onRequestOpen: Bn,
-                onRequestClose: Tn,
-                open: qe,
+                onRequestClose: Nn,
+                open: De,
                 openWithArrowKeys: true,
                 repositionMode: te,
                 defaultPlacement: v,
-                canCoverAnchor: Ve().innerHeight < 500,
+                canCoverAnchor: We().innerHeight < 500,
                 retainFocus: false,
                 takeFocus: Gn.length === 0 || Gn.length > 0 && !Qn || !!O
             }, er);
         }
-        On.propTypes = an;
-        On.componentType = "SelectBase";
-        On.Option = C;
-        On.Divider = u.Divider;
-        On.Heading = u.Heading;
-        /* harmony default export */        const Sn = On;
+        Mn.propTypes = mn;
+        Mn.componentType = "SelectBase";
+        Mn.Option = C;
+        Mn.Divider = u.Divider;
+        Mn.Heading = u.Heading;
+        /* harmony default export */        const Rn = Mn;
+        // CONCATENATED MODULE: ./src/utils/useDeprecate.tsx
+        var An = "is deprecated and will be removed in the next major version.";
+        var In = function e(n) {
+            var r = n.additionalMessage, t = r === void 0 ? "" : r, o = n.componentName;
+            useEffect((function() {
+                if (false) {}
+            }), [ t, o ]);
+        };
+        var Bn = function e(n) {
+            var r = n.additionalMessage, t = r === void 0 ? "" : r, o = n.componentName, a = n.propName, l = n.propValue;
+            useEffect((function() {
+                if (false) {}
+            }), [ t, o, a, l ]);
+        };
+        var Nn = function n(r) {
+            var t = r.additionalMessage, o = t === void 0 ? "" : t, a = r.componentName, l = r.deprecatedPropValue, i = r.propName, u = r.propValue;
+            (0, e.useEffect)((function() {
+                if (false) {}
+            }), [ o, a, i, u, l ]);
+        };
         // CONCATENATED MODULE: ./src/Multiselect/Compact.tsx
-        function wn() {
-            return wn = Object.assign ? Object.assign.bind() : function(e) {
+        function Vn() {
+            return Vn = Object.assign ? Object.assign.bind() : function(e) {
                 for (var n = 1; n < arguments.length; n++) {
                     var r = arguments[n];
                     for (var t in r) {
@@ -1785,89 +1882,94 @@
                     }
                 }
                 return e;
-            }, wn.apply(null, arguments);
+            }, Vn.apply(null, arguments);
         }
-        function Cn(e, n) {
+        function Dn(e, n) {
             if (null == e) return {};
-            var r, t, o = kn(e, n);
+            var r, t, o = qn(e, n);
             if (Object.getOwnPropertySymbols) {
-                var l = Object.getOwnPropertySymbols(e);
-                for (t = 0; t < l.length; t++) {
-                    r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                var a = Object.getOwnPropertySymbols(e);
+                for (t = 0; t < a.length; t++) {
+                    r = a[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
                 }
             }
             return o;
         }
-        function kn(e, n) {
+        function qn(e, n) {
             if (null == e) return {};
             var r = {};
             for (var t in e) {
                 if ({}.hasOwnProperty.call(e, t)) {
-                    if (n.includes(t)) continue;
+                    if (-1 !== n.indexOf(t)) continue;
                     r[t] = e[t];
                 }
             }
             return r;
         }
-        var xn = {
-            allowNewValues: l().bool,
-            animateLoading: l().bool,
-            children: l().node,
-            controlledFilter: l().bool,
-            defaultPlacement: l().oneOf([ "above", "below", "vertical" ]),
-            defaultValues: l().array,
-            describedBy: l().string,
-            disabled: l().bool,
-            elementRef: l().oneOfType([ l().func, l().object ]),
-            error: l().bool,
-            filter: l().oneOf([ false, true, "controlled" ]),
-            footerMessage: l().node,
-            inline: l().bool,
-            inputId: l().string,
-            inputRef: l().oneOfType([ l().func, l().object ]),
-            isLoadingOptions: l().bool,
-            labelledBy: l().string,
-            loadingMessage: l().node,
-            menuStyle: l().object,
-            name: l().string,
-            noOptionsMessage: l().node,
-            onChange: l().func,
-            onClose: l().func,
-            onFilterChange: l().func,
-            onOpen: l().func,
-            onScroll: l().func,
-            onScrollBottom: l().func,
-            placeholder: l().string,
-            repositionMode: l().oneOf([ "none", "flip" ]),
-            selectAllAppearance: l().oneOf([ "buttongroup", "checkbox" ]),
-            showSelectedValuesFirst: l().oneOf([ "nextOpen", "immediately", "never" ]),
-            tabConfirmsNewValue: l().bool,
-            values: l().array,
+        var Ln = {
+            allowNewValues: i().bool,
+            animateLoading: i().bool,
+            children: i().node,
+            controlledFilter: i().bool,
+            defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
+            defaultValues: i().array,
+            describedBy: i().string,
+            disabled: i().bool,
+            elementRef: i().oneOfType([ i().func, i().object ]),
+            error: i().bool,
+            filter: i().oneOf([ false, true, "controlled" ]),
+            footerMessage: i().node,
+            inline: i().bool,
+            inputId: i().string,
+            inputRef: i().oneOfType([ i().func, i().object ]),
+            isLoadingOptions: i().bool,
+            labelledBy: i().string,
+            loadingMessage: i().node,
+            menuStyle: i().object,
+            name: i().string,
+            noOptionsMessage: i().node,
+            onChange: i().func,
+            onClose: i().func,
+            onFilterChange: i().func,
+            onOpen: i().func,
+            onScroll: i().func,
+            onScrollBottom: i().func,
+            placeholder: i().string,
+            repositionMode: i().oneOf([ "none", "flip" ]),
+            selectAllAppearance: i().oneOf([ "buttongroup", "checkbox", "none" ]),
+            showSelectedValuesFirst: i().oneOf([ "nextOpen", "immediately", "never" ]),
+            tabConfirmsNewValue: i().bool,
+            values: i().array,
             /** @private */
-            virtualization: l().number
+            virtualization: i().number
         };
         // TS: not typed controlled/uncontrolled, handled by Multiselect wrapper component
-                var jn = {};
-        var Pn = (0, d._)("No matches");
-        var En = (0, d._)("Select...");
-        function Mn(r) {
-            var t = r.allowNewValues, o = r.animateLoading, l = r.children, a = r.controlledFilter, i = r.defaultPlacement, u = i === void 0 ? "vertical" : i, c = r.defaultValues, s = r.describedBy, d = r.disabled, f = r.elementRef, p = r.error, v = r.filter, b = r.footerMessage, m = r.inline, g = r.inputId, y = r.inputRef, h = r.isLoadingOptions, O = r.labelledBy, S = r.loadingMessage, w = r.menuStyle, k = w === void 0 ? jn : w, x = r.name, j = r.noOptionsMessage, P = j === void 0 ? Pn : j, E = r.onChange, M = r.onClose, R = r.onFilterChange, A = r.onOpen, I = r.onScroll, B = r.onScrollBottom, T = r.placeholder, L = T === void 0 ? En : T, N = r.repositionMode, V = r.selectAllAppearance, D = r.showSelectedValuesFirst, q = D === void 0 ? "nextOpen" : D, F = r.tabConfirmsNewValue, _ = r.values, H = r.virtualization, K = Cn(r, [ "allowNewValues", "animateLoading", "children", "controlledFilter", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "filter", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onChange", "onClose", "onFilterChange", "onOpen", "onScroll", "onScrollBottom", "placeholder", "repositionMode", "selectAllAppearance", "showSelectedValuesFirst", "tabConfirmsNewValue", "values", "virtualization" ]);
+                var Tn = {};
+        var Fn = (0, f._)("No matches");
+        var _n = (0, f._)("Select...");
+        function Kn(r) {
+            var t = r.allowNewValues, o = r.animateLoading, a = r.children, l = r.controlledFilter, i = r.defaultPlacement, u = i === void 0 ? "vertical" : i, c = r.defaultValues, s = r.describedBy, f = r.disabled, d = r.elementRef, p = r.error, v = r.filter, b = r.footerMessage, m = r.inline, y = r.inputId, g = r.inputRef, h = r.isLoadingOptions, O = r.labelledBy, S = r.loadingMessage, w = r.menuStyle, k = w === void 0 ? Tn : w, x = r.name, j = r.noOptionsMessage, P = j === void 0 ? Fn : j, E = r.onChange, M = r.onClose, R = r.onFilterChange, A = r.onOpen, I = r.onScroll, B = r.onScrollBottom, N = r.placeholder, V = N === void 0 ? _n : N, D = r.repositionMode, q = r.selectAllAppearance, L = r.showSelectedValuesFirst, T = L === void 0 ? "nextOpen" : L, F = r.tabConfirmsNewValue, _ = r.values, K = r.virtualization, H = Dn(r, [ "allowNewValues", "animateLoading", "children", "controlledFilter", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "filter", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onChange", "onClose", "onFilterChange", "onOpen", "onScroll", "onScrollBottom", "placeholder", "repositionMode", "selectAllAppearance", "showSelectedValuesFirst", "tabConfirmsNewValue", "values", "virtualization" ]);
             // @docs-props-type CompactPropsBase
-                        if (false) {}
+                        Nn({
+                componentName: "Multiselect",
+                deprecatedPropValue: "buttongroup",
+                propName: "selectAllAppearance",
+                propValue: q
+            });
             var z = true;
             if (v != null) {
                 z = v;
                 if (false) {}
             } else {
-                z = a ? "controlled" : true;
+                z = l ? "controlled" : true;
             }
             var $ = {
-                children: e.Children.toArray(l).map((function(e) {
-                    if (dn(e)) {
+                children: e.Children.toArray(a).map((function(e) {
+                    if (On(e)) {
                         var r;
                         var t = (r = e.key) !== null && r !== void 0 ? r : "".concat(e.props.label, "-").concat(e.props.value);
                         
-                        return n().createElement(C, wn({
+                        return n().createElement(C, Vn({
                             key: t
                         }, e.props, {
                             multiple: true
@@ -1884,18 +1986,18 @@
                 $.values = _;
             }
             
-            return n().createElement(Sn, wn({
+            return n().createElement(Rn, Vn({
                 allowNewValues: t,
                 animateLoading: o,
                 describedBy: s,
-                disabled: d,
+                disabled: f,
                 defaultPlacement: u,
-                elementRef: f,
+                elementRef: d,
                 error: p,
                 footerMessage: b,
                 inline: m,
-                inputId: g,
-                inputRef: y,
+                inputId: y,
+                inputRef: g,
                 isLoadingOptions: h,
                 labelledBy: O,
                 loadingMessage: S,
@@ -1908,99 +2010,99 @@
                 onOpen: A,
                 onScroll: I,
                 onScrollBottom: B,
-                placeholder: L,
-                repositionMode: N,
-                selectAllAppearance: V,
-                showSelectedValuesFirst: q,
+                placeholder: V,
+                repositionMode: D,
+                selectAllAppearance: q,
+                showSelectedValuesFirst: T,
                 tabConfirmsNewValue: F,
-                virtualization: H
-            }, K, $, {
+                virtualization: K
+            }, H, $, {
                 multiple: true
             }));
         }
-        Mn.propTypes = xn;
-        Mn.Option = M;
-        Mn.Divider = u.Divider;
-        Mn.Heading = u.Heading;
-        /* harmony default export */        const Rn = Mn;
+        Kn.propTypes = Ln;
+        Kn.Option = M;
+        Kn.Divider = u.Divider;
+        Kn.Heading = u.Heading;
+        /* harmony default export */        const Hn = Kn;
         // CONCATENATED MODULE: external "lodash/defer"
-        const An = require("lodash/defer");
-        var In =  r.n(An);
+        const zn = require("lodash/defer");
+        var $n =  r.n(zn);
         // CONCATENATED MODULE: external "lodash/get"
-        const Bn = require("lodash/get");
-        var Tn =  r.n(Bn);
+        const Wn = require("lodash/get");
+        var Un =  r.n(Wn);
         // CONCATENATED MODULE: external "lodash/isString"
-        const Ln = require("lodash/isString");
-        var Nn =  r.n(Ln);
+        const Xn = require("lodash/isString");
+        var Gn =  r.n(Xn);
         // CONCATENATED MODULE: external "lodash/keys"
-        const Vn = require("lodash/keys");
-        var Dn =  r.n(Vn);
+        const Jn = require("lodash/keys");
+        var Qn =  r.n(Jn);
         // CONCATENATED MODULE: external "lodash/last"
-        const qn = require("lodash/last");
-        var Fn =  r.n(qn);
+        const Yn = require("lodash/last");
+        var Zn =  r.n(Yn);
         // CONCATENATED MODULE: external "lodash/omit"
-        const _n = require("lodash/omit");
-        var Hn =  r.n(_n);
+        const er = require("lodash/omit");
+        var nr =  r.n(er);
         // CONCATENATED MODULE: external "lodash/pickBy"
-        const Kn = require("lodash/pickBy");
-        var zn =  r.n(Kn);
+        const rr = require("lodash/pickBy");
+        var tr =  r.n(rr);
         // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
-        const $n = require("@splunk/react-ui/Popover");
-        var Wn =  r.n($n);
+        const or = require("@splunk/react-ui/Popover");
+        var ar =  r.n(or);
         // CONCATENATED MODULE: external "@splunk/ui-utils/format"
-        const Un = require("@splunk/ui-utils/format");
+        const lr = require("@splunk/ui-utils/format");
         // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-        const Xn = require("@splunk/react-ui/Box");
-        var Gn =  r.n(Xn);
+        const ir = require("@splunk/react-ui/Box");
+        var ur =  r.n(ir);
         // CONCATENATED MODULE: external "@splunk/react-ui/Chip"
-        const Jn = require("@splunk/react-ui/Chip");
-        var Qn =  r.n(Jn);
+        const cr = require("@splunk/react-ui/Chip");
+        var sr =  r.n(cr);
         // CONCATENATED MODULE: ./src/Multiselect/NormalStyles.ts
-        var Yn = ve()(Gn()).withConfig({
+        var fr = ke()(ur()).withConfig({
             displayName: "NormalStyles__StyledBox",
             componentId: "sc-1uwwpco-0"
-        })([ "display:flex;align-items:center;flex-wrap:wrap;gap:", ";border-radius:", ";min-width:200px;min-height:", ";max-height:300px;overflow-y:auto;border:", " solid ", ";padding-inline:", ";background-color:", ";", " ", " ", " ", " ", " &[data-inline]{width:400px;}" ], he.variables.spacingXSmall, he.variables.borderRadius, he.variables.inputHeight, he.variables.inputBorderWidth, he.variables.interactiveColorBorder, he.variables.spacingXSmall, he.variables.interactiveColorBackground, (function(e) {
+        })([ "display:flex;align-items:center;flex-wrap:wrap;gap:", ";border-radius:", ";min-width:200px;min-height:", ";max-height:300px;overflow-y:auto;border:", " solid ", ";padding-inline:", ";background-color:", ";", " ", " ", " ", " ", " &[data-inline]{width:400px;}" ], Me.variables.spacingXSmall, Me.variables.borderRadius, Me.variables.inputHeight, Me.variables.inputBorderWidth, Me.variables.interactiveColorBorder, Me.variables.spacingXSmall, Me.variables.interactiveColorBackground, (function(e) {
             var n = e.$hasFocus;
-            return n && (0, pe.css)([ "box-shadow:", ";" ], he.variables.focusShadow);
+            return n && (0, Ce.css)([ "box-shadow:", ";" ], Me.variables.focusShadow);
         }), (function(e) {
             var n = e.$error;
-            return n && (0, pe.css)([ "border-color:", ";&:hover:not([disabled]){border-color:", ";}" ], he.variables.interactiveColorAccentError, he.variables.interactiveColorAccentErrorStrong);
+            return n && (0, Ce.css)([ "border-color:", ";&:hover:not([disabled]){border-color:", ";}" ], Me.variables.interactiveColorAccentError, Me.variables.interactiveColorAccentErrorStrong);
         }), (function(e) {
             var n = e.$disabled;
-            return n && (0, pe.css)([ "border-color:", ";background-color:", ";cursor:not-allowed;" ], he.variables.interactiveColorBorderDisabled, he.variables.interactiveColorBackgroundDisabled);
+            return n && (0, Ce.css)([ "border-color:", ";background-color:", ";cursor:not-allowed;" ], Me.variables.interactiveColorBorderDisabled, Me.variables.interactiveColorBackgroundDisabled);
         }), (function(e) {
             var n = e.$disabled, r = e.$hasFocus;
-            return !n && !r && (0, pe.css)([ "&:hover{border-color:", ";}" ], he.variables.interactiveColorBorderHover);
+            return !n && !r && (0, Ce.css)([ "&:hover{border-color:", ";}" ], Me.variables.interactiveColorBorderHover);
         }), (function(e) {
             var n = e.$popoverOpen;
-            return n && (0, pe.css)([ "position:relative;z-index:calc(", " - 2);" ], he.variables.zindexFixedNavbar);
+            return n && (0, Ce.css)([ "position:relative;z-index:calc(", " - 2);" ], Me.variables.zindexFixedNavbar);
         }));
-        var Zn = ve().span.withConfig({
+        var dr = ke().span.withConfig({
             displayName: "NormalStyles__StyledButtonsWrapper",
             componentId: "sc-1uwwpco-1"
         })([ "display:contents;" ]);
-        var er = ve().input.withConfig({
+        var pr = ke().input.withConfig({
             displayName: "NormalStyles__StyledInput",
             componentId: "sc-1uwwpco-2"
-        })([ "", ";flex:1 0 auto;max-width:100%;" ], he.mixins.reset("block"));
-        var nr = ve()(Qn()).withConfig({
+        })([ "", ";flex:1 0 auto;max-width:100%;" ], Me.mixins.reset("block"));
+        var vr = ke()(sr()).withConfig({
             displayName: "NormalStyles__StyledChip",
             componentId: "sc-1uwwpco-3"
         })([ "line-height:1.1429;height:auto;", ";&:not([disabled]):focus{box-shadow:", ";}" ], (0, 
-        he.pick)({
-            compact: (0, pe.css)([ "padding-block:2px;" ])
-        }), he.variables.focusShadowInset);
+        Me.pick)({
+            compact: (0, Ce.css)([ "padding-block:2px;" ])
+        }), Me.variables.focusShadowInset);
         // CONCATENATED MODULE: ./src/Multiselect/Normal.tsx
-        function rr(e) {
+        function br(e) {
             "@babel/helpers - typeof";
-            return rr = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return br = "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;
-            }, rr(e);
+            }, br(e);
         }
-        function tr() {
-            return tr = Object.assign ? Object.assign.bind() : function(e) {
+        function mr() {
+            return mr = Object.assign ? Object.assign.bind() : function(e) {
                 for (var n = 1; n < arguments.length; n++) {
                     var r = arguments[n];
                     for (var t in r) {
@@ -2008,55 +2110,55 @@
                     }
                 }
                 return e;
-            }, tr.apply(null, arguments);
+            }, mr.apply(null, arguments);
         }
-        function or(e) {
-            return ir(e) || ar(e) || sr(e) || lr();
+        function yr(e) {
+            return Or(e) || hr(e) || Cr(e) || gr();
         }
-        function lr() {
+        function gr() {
             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 ar(e) {
+        function hr(e) {
             if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
         }
-        function ir(e) {
-            if (Array.isArray(e)) return dr(e);
+        function Or(e) {
+            if (Array.isArray(e)) return kr(e);
         }
-        function ur(e, n) {
-            return pr(e) || fr(e, n) || sr(e, n) || cr();
+        function Sr(e, n) {
+            return jr(e) || xr(e, n) || Cr(e, n) || wr();
         }
-        function cr() {
+        function wr() {
             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 sr(e, n) {
+        function Cr(e, n) {
             if (e) {
-                if ("string" == typeof e) return dr(e, n);
+                if ("string" == typeof e) return kr(e, n);
                 var r = {}.toString.call(e).slice(8, -1);
-                return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? dr(e, n) : void 0;
+                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) ? kr(e, n) : void 0;
             }
         }
-        function dr(e, n) {
+        function kr(e, n) {
             (null == n || n > e.length) && (n = e.length);
             for (var r = 0, t = Array(n); r < n; r++) {
                 t[r] = e[r];
             }
             return t;
         }
-        function fr(e, n) {
+        function xr(e, n) {
             var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
             if (null != r) {
-                var t, o, l, a, i = [], u = !0, c = !1;
+                var t, o, a, l, i = [], u = !0, c = !1;
                 try {
-                    if (l = (r = r.call(e)).next, 0 === n) {
+                    if (a = (r = r.call(e)).next, 0 === n) {
                         if (Object(r) !== r) return;
                         u = !1;
-                    } else for (;!(u = (t = l.call(r)).done) && (i.push(t.value), i.length !== n); u = !0) {
+                    } else for (;!(u = (t = a.call(r)).done) && (i.push(t.value), i.length !== n); u = !0) {
                     }
                 } catch (e) {
                     c = !0, o = e;
                 } finally {
                     try {
-                        if (!u && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
+                        if (!u && null != r["return"] && (l = r["return"](), Object(l) !== l)) return;
                     } finally {
                         if (c) throw o;
                     }
@@ -2064,32 +2166,32 @@
                 return i;
             }
         }
-        function pr(e) {
+        function jr(e) {
             if (Array.isArray(e)) return e;
         }
-        function vr(e, n) {
+        function Pr(e, n) {
             if (null == e) return {};
-            var r, t, o = br(e, n);
+            var r, t, o = Er(e, n);
             if (Object.getOwnPropertySymbols) {
-                var l = Object.getOwnPropertySymbols(e);
-                for (t = 0; t < l.length; t++) {
-                    r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                var a = Object.getOwnPropertySymbols(e);
+                for (t = 0; t < a.length; t++) {
+                    r = a[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
                 }
             }
             return o;
         }
-        function br(e, n) {
+        function Er(e, n) {
             if (null == e) return {};
             var r = {};
             for (var t in e) {
                 if ({}.hasOwnProperty.call(e, t)) {
-                    if (n.includes(t)) continue;
+                    if (-1 !== n.indexOf(t)) continue;
                     r[t] = e[t];
                 }
             }
             return r;
         }
-        function mr(e, n) {
+        function Mr(e, n) {
             var r = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
                 var t = Object.getOwnPropertySymbols(e);
@@ -2099,96 +2201,96 @@
             }
             return r;
         }
-        function gr(e) {
+        function Rr(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var r = null != arguments[n] ? arguments[n] : {};
-                n % 2 ? mr(Object(r), !0).forEach((function(n) {
-                    yr(e, n, r[n]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : mr(Object(r)).forEach((function(n) {
+                n % 2 ? Mr(Object(r), !0).forEach((function(n) {
+                    Ar(e, n, r[n]);
+                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Mr(Object(r)).forEach((function(n) {
                     Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
                 }));
             }
             return e;
         }
-        function yr(e, n, r) {
-            return (n = hr(n)) in e ? Object.defineProperty(e, n, {
+        function Ar(e, n, r) {
+            return (n = Ir(n)) in e ? Object.defineProperty(e, n, {
                 value: r,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
             }) : e[n] = r, e;
         }
-        function hr(e) {
-            var n = Or(e, "string");
-            return "symbol" == rr(n) ? n : n + "";
+        function Ir(e) {
+            var n = Br(e, "string");
+            return "symbol" == br(n) ? n : n + "";
         }
-        function Or(e, n) {
-            if ("object" != rr(e) || !e) return e;
+        function Br(e, n) {
+            if ("object" != br(e) || !e) return e;
             var r = e[Symbol.toPrimitive];
             if (void 0 !== r) {
                 var t = r.call(e, n || "default");
-                if ("object" != rr(t)) return t;
+                if ("object" != br(t)) return t;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === n ? String : Number)(e);
         }
-        var Sr = {
-            allowNewValues: l().bool,
-            animateLoading: l().bool,
-            children: l().node,
-            controlledFilter: l().bool,
-            defaultPlacement: l().oneOf([ "above", "below", "vertical" ]),
-            defaultValues: l().array,
-            describedBy: l().string,
-            disabled: l().bool,
-            elementRef: l().oneOfType([ l().func, l().object ]),
-            error: l().bool,
-            footerMessage: l().node,
-            inline: l().bool,
-            inputId: l().string,
-            inputRef: l().oneOfType([ l().func, l().object ]),
-            isLoadingOptions: l().bool,
-            labelledBy: l().string,
-            loadingMessage: l().node,
-            menuStyle: l().object,
-            name: l().string,
-            noOptionsMessage: l().node,
-            onChange: l().func,
-            onClose: l().func,
-            onFilterChange: l().func,
-            onOpen: l().func,
-            onScroll: l().func,
-            onScrollBottom: l().func,
-            placeholder: l().string,
+        var Nr = {
+            allowNewValues: i().bool,
+            animateLoading: i().bool,
+            children: i().node,
+            controlledFilter: i().bool,
+            defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
+            defaultValues: i().array,
+            describedBy: i().string,
+            disabled: i().bool,
+            elementRef: i().oneOfType([ i().func, i().object ]),
+            error: i().bool,
+            footerMessage: i().node,
+            inline: i().bool,
+            inputId: i().string,
+            inputRef: i().oneOfType([ i().func, i().object ]),
+            isLoadingOptions: i().bool,
+            labelledBy: i().string,
+            loadingMessage: i().node,
+            menuStyle: i().object,
+            name: i().string,
+            noOptionsMessage: i().node,
+            onChange: i().func,
+            onClose: i().func,
+            onFilterChange: i().func,
+            onOpen: i().func,
+            onScroll: i().func,
+            onScrollBottom: i().func,
+            placeholder: i().string,
             /** @private. */
-            required: l().bool,
-            repositionMode: l().oneOf([ "none", "flip" ]),
-            tabConfirmsNewValue: l().bool,
-            values: l().array
+            required: i().bool,
+            repositionMode: i().oneOf([ "none", "flip" ]),
+            tabConfirmsNewValue: i().bool,
+            values: i().array
         };
-        var wr = q()((function(e) {
+        var Vr = T()((function(e) {
             return {
                 flexBasis: e,
                 width: e
             };
         }));
         // export for testing purpose
-                var Cr = q()((function(e) {
+                var Dr = T()((function(e) {
             var n = e.anchorWidth, r = n === void 0 ? 0 : n, t = e.maxHeight, o = e.menuStyle;
-            return gr({
+            return Rr({
                 maxHeight: t,
                 overflow: "auto",
                 width: Math.max(r, 200)
             }, o || {});
         }));
         // TS: not typed controlled/uncontrolled, handled by Multiselect wrapper component
-                var kr = {};
-        var xr = (0, d._)("No matches");
-        var jr = (0, d._)("Select...");
-        function Pr(r) {
-            var t = r.allowNewValues, o = r.animateLoading, l = r.children, a = r.controlledFilter, u = r.defaultPlacement, c = u === void 0 ? "vertical" : u, f = r.defaultValues, p = r.describedBy, v = r.disabled, b = r.elementRef, m = r.error, g = r.footerMessage, y = r.inline, h = r.inputId, O = r.inputRef, S = r.isLoadingOptions, w = r.labelledBy, C = r.loadingMessage, k = r.menuStyle, x = k === void 0 ? kr : k, j = r.name, P = r.noOptionsMessage, E = P === void 0 ? xr : P, R = r.onChange, A = r.onClose, I = r.onFilterChange, B = r.onScroll, T = r.onScrollBottom, L = r.onOpen, N = r.placeholder, V = N === void 0 ? jr : N, D = r.required, q = r.repositionMode, F = r.tabConfirmsNewValue, _ = r.values, H = vr(r, [ "allowNewValues", "animateLoading", "children", "controlledFilter", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onChange", "onClose", "onFilterChange", "onScroll", "onScrollBottom", "onOpen", "placeholder", "required", "repositionMode", "tabConfirmsNewValue", "values" ]);
+                var qr = {};
+        var Lr = (0, f._)("No matches");
+        var Tr = (0, f._)("Select...");
+        function Fr(r) {
+            var t = r.allowNewValues, o = r.animateLoading, l = r.children, i = r.controlledFilter, u = r.defaultPlacement, c = u === void 0 ? "vertical" : u, d = r.defaultValues, p = r.describedBy, v = r.disabled, b = r.elementRef, m = r.error, y = r.footerMessage, g = r.inline, h = r.inputId, O = r.inputRef, S = r.isLoadingOptions, w = r.labelledBy, C = r.loadingMessage, k = r.menuStyle, x = k === void 0 ? qr : k, j = r.name, P = r.noOptionsMessage, E = P === void 0 ? Lr : P, R = r.onChange, A = r.onClose, I = r.onFilterChange, B = r.onScroll, N = r.onScrollBottom, V = r.onOpen, D = r.placeholder, q = D === void 0 ? Tr : D, L = r.required, T = r.repositionMode, F = r.tabConfirmsNewValue, _ = r.values, K = Pr(r, [ "allowNewValues", "animateLoading", "children", "controlledFilter", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onChange", "onClose", "onFilterChange", "onScroll", "onScrollBottom", "onOpen", "placeholder", "required", "repositionMode", "tabConfirmsNewValue", "values" ]);
             // @docs-props-type NormalPropsBase
-                        var K = s()({
+                        var H = s()({
                 componentName: "Multiselect",
                 /* eslint-disable-next-line prefer-rest-params */
                 componentProps: arguments[0],
@@ -2197,216 +2299,216 @@
                 valuePropName: "values"
             });
             if (false) {}
-            var z = (0, e.useState)(0), W = ur(z, 2), U = W[0], X = W[1];
-            var G = (0, e.useState)(null), J = ur(G, 2), Q = J[0], Y = J[1];
-            var Z = (0, e.useState)(""), ee = ur(Z, 2), re = ee[0], te = ee[1];
-            var oe = (0, e.useState)(false), ae = ur(oe, 2), ie = ae[0], se = ae[1];
-            var de = (0, e.useState)(false), fe = ur(de, 2), pe = fe[0], ve = fe[1];
-            var be = (0, e.useState)(f || []), me = ur(be, 2), ge = me[0], ye = me[1];
-            var he = (0, e.useState)(""), Oe = ur(he, 2), Se = Oe[0], we = Oe[1];
-            var Ce = K && _ ? _ : ge;
-            var ke = Ce.slice(0);
-            var xe = Ce.indexOf(re) >= 0;
-            var je = (0, e.useRef)(null);
+            var z = (0, e.useState)(0), W = Sr(z, 2), U = W[0], X = W[1];
+            var G = (0, e.useState)(null), J = Sr(G, 2), Q = J[0], Y = J[1];
+            var Z = (0, e.useState)(""), ee = Sr(Z, 2), re = ee[0], oe = ee[1];
+            var ae = (0, e.useState)(false), le = Sr(ae, 2), ie = le[0], fe = le[1];
+            var de = (0, e.useState)(false), pe = Sr(de, 2), ve = pe[0], be = pe[1];
+            var me = (0, e.useState)(d || []), ye = Sr(me, 2), ge = ye[0], he = ye[1];
+            var Oe = (0, e.useState)(""), Se = Sr(Oe, 2), we = Se[0], Ce = Se[1];
+            var ke = H && _ ? _ : ge;
+            var xe = ke.slice(0);
+            var je = ke.indexOf(re) >= 0;
             var Pe = (0, e.useRef)(null);
-            var Ee = (0, e.useRef)(undefined);
-            var Me = (0, e.useRef)(0);
-            var Re = (0, e.useState)((function() {
+            var Ee = (0, e.useRef)(null);
+            var Me = (0, e.useRef)(undefined);
+            var Re = (0, e.useRef)(0);
+            var Ae = (0, e.useState)((function() {
                 return {
                     activeItemId: (0, ce.createDOMID)("active-item"),
                     popoverId: (0, ce.createDOMID)("popover")
                 };
-            })), Ie = ur(Re, 1), Be = Ie[0], Te = Be.activeItemId, Le = Be.popoverId;
+            })), Ie = Sr(Ae, 1), Be = Ie[0], Ne = Be.activeItemId, Ve = Be.popoverId;
             (0, e.useEffect)((function() {
-                if (K) {
-                    te("");
+                if (H) {
+                    oe("");
                     X(0);
                 }
-            }), [ _, K ]);
+            }), [ _, H ]);
             // Tracks the prev activeIndex so its known if scrolling is needed in handleActiveOptionMount - can't use usePrevious b/c the value needs wiped on Menu close
                         (0, e.useEffect)((function() {
-                Pe.current = U;
+                Ee.current = U;
             }), [ U ]);
-            var Ne = (0, e.useCallback)((function(e) {
+            var De = (0, e.useCallback)((function(e) {
                 var n = e.resetFilterKeyword;
-                if (!pe) {
-                    te((function(e) {
+                if (!ve) {
+                    oe((function(e) {
                         return n ? "" : e;
                     }));
-                    se(true);
-                    ve(true);
-                    L === null || L === void 0 ? void 0 : L();
+                    fe(true);
+                    be(true);
+                    V === null || V === void 0 ? void 0 : V();
                 }
-            }), [ pe, L ]);
-            var Ve = (0, e.useCallback)((function() {
+            }), [ ve, V ]);
+            var qe = (0, e.useCallback)((function() {
                 if (ie) {
-                    Ne({
+                    De({
                         resetFilterKeyword: false
                     });
                 } else {
                     var e;
-                    (e = je.current) === null || e === void 0 ? void 0 : e.focus();
+                    (e = Pe.current) === null || e === void 0 ? void 0 : e.focus();
                 }
-            }), [ ie, Ne ]);
-            var De = (0, e.useCallback)((function(e, n) {
-                if (!pe) {
+            }), [ ie, De ]);
+            var Le = (0, e.useCallback)((function(e, n) {
+                if (!ve) {
                     return;
                 }
-                var r = (Ce || []).concat([ n ]);
-                if (!K) {
-                    ye(r);
+                var r = (ke || []).concat([ n ]);
+                if (!H) {
+                    he(r);
                     X(0);
-                    ve(true);
-                    te("");
+                    be(true);
+                    oe("");
                 }
                 R === null || R === void 0 ? void 0 : R(e, {
                     values: r,
                     name: j
                 });
-            }), [ pe, Ce, K, R, j ]);
-            var qe = (0, e.useCallback)((function(e, n) {
-                var r = $()(Ce, n);
-                if (!K) {
-                    ye(r);
+            }), [ ve, ke, H, R, j ]);
+            var Te = (0, e.useCallback)((function(e, n) {
+                var r = $()(ke, n);
+                if (!H) {
+                    he(r);
                 }
                 R === null || R === void 0 ? void 0 : R(e, {
                     values: r,
                     name: j
                 });
-            }), [ Ce, K, j, R ]);
-            var _e = (0, e.useCallback)((function(e) {
-                if (pe && !S) {
-                    T === null || T === void 0 ? void 0 : T(e);
-                    we("".concat(Me.current, " options, loading more options"));
-                }
-            }), [ pe, S, T ]);
-            var He = (0, e.useCallback)((function(e, n) {
+            }), [ ke, H, j, R ]);
+            var Fe = (0, e.useCallback)((function(e) {
+                if (ve && !S) {
+                    N === null || N === void 0 ? void 0 : N(e);
+                    Ce("".concat(Re.current, " options, loading more options"));
+                }
+            }), [ ve, S, N ]);
+            var _e = (0, e.useCallback)((function(e, n) {
                 var r = n.value;
-                In()((function() {
-                    return qe(e, r);
+                $n()((function() {
+                    return Te(e, r);
                 }));
-            }), [ qe ]);
+            }), [ Te ]);
             var Ke = (0, e.useCallback)((function(e) {
                 if (re !== "") {
                     I === null || I === void 0 ? void 0 : I(e, {
                         keyword: ""
                     });
                 }
-                Ne({
+                De({
                     resetFilterKeyword: true
                 });
-            }), [ re, I, Ne ]);
-            var ze = (0, e.useCallback)((function(n) {
+            }), [ re, I, De ]);
+            var He = (0, e.useCallback)((function(n) {
                 var r;
                 var t = n.key;
-                if (t === "Tab" && pe) {
-                    if (F && Ee.current !== undefined && Me.current <= 1) {
+                if (t === "Tab" && ve) {
+                    if (F && Me.current !== undefined && Re.current <= 1) {
                         var o;
                         n.preventDefault();
-                        De(n, Ee.current);
-                        (o = je.current) === null || o === void 0 ? void 0 : o.focus();
+                        Le(n, Me.current);
+                        (o = Pe.current) === null || o === void 0 ? void 0 : o.focus();
                     } else {
-                        ve(false);
+                        be(false);
                     }
                 }
                 if (n.shiftKey || n.metaKey || n.ctrlKey) {
                     return;
                 }
-                if (t === "End" && pe) {
+                if (t === "End" && ve) {
                     n.preventDefault();
-                    X(Me.current - 1);
+                    X(Re.current - 1);
                 }
-                if (t === "Home" && pe) {
+                if (t === "Home" && ve) {
                     n.preventDefault();
                     X(0);
                 }
                 if (t === "ArrowDown") {
                     n.preventDefault();
-                    if (pe) {
+                    if (ve) {
                         X((function(e) {
-                            return Math.min(e + 1, Me.current - 1);
+                            return Math.min(e + 1, Re.current - 1);
                         }));
                     } else {
                         X(0);
-                        ve(true);
+                        be(true);
                     }
-                    if (l && T) {
-                        var a = e.Children.toArray(l).length - (2 + ((Ce === null || Ce === void 0 ? void 0 : Ce.length) || 0));
+                    if (l && N) {
+                        var a = e.Children.toArray(l).length - (2 + ((ke === null || ke === void 0 ? void 0 : ke.length) || 0));
                         if (U === a) {
-                            _e(n);
+                            Fe(n);
                         }
                     }
                 }
                 if (t === "ArrowUp") {
                     n.preventDefault();
-                    if (pe) {
+                    if (ve) {
                         X((function(e) {
                             return Math.max(e - 1, 0);
                         }));
                     } else {
                         X(0);
-                        ve(true);
+                        be(true);
                     }
                 }
-                if (t === "Enter" && Ee.current !== undefined && pe) {
-                    De(n, Ee.current);
+                if (t === "Enter" && Me.current !== undefined && ve) {
+                    Le(n, Me.current);
                 }
-                if (t === "Backspace" && ((r = je.current) === null || r === void 0 ? void 0 : r.value) === "" && Ce.length) {
-                    qe(n, Fn()(Ce));
+                if (t === "Backspace" && ((r = Pe.current) === null || r === void 0 ? void 0 : r.value) === "" && ke.length) {
+                    Te(n, Zn()(ke));
                 }
-            }), [ pe, Ce, F, De, l, T, U, _e, qe ]);
-            var $e = (0, e.useCallback)((function(e) {
-                te(e.target.value);
-                ve(true);
+            }), [ ve, ke, F, Le, l, N, U, Fe, Te ]);
+            var ze = (0, e.useCallback)((function(e) {
+                oe(e.target.value);
+                be(true);
                 X(0);
                 I === null || I === void 0 ? void 0 : I(e, {
                     keyword: e.target.value
                 });
             }), [ I ]);
-            var We = (0, e.useCallback)((function(e, n) {
+            var $e = (0, e.useCallback)((function(e, n) {
                 var r;
                 var t = n.value;
                 e.stopPropagation();
-                De(e, t);
-                (r = je.current) === null || r === void 0 ? void 0 : r.focus();
-            }), [ De ]);
-            var Ue = (0, e.useCallback)((function(e) {
-                var n = document.getElementById(Le);
+                Le(e, t);
+                (r = Pe.current) === null || r === void 0 ? void 0 : r.focus();
+            }), [ Le ]);
+            var We = (0, e.useCallback)((function(e) {
+                var n = document.getElementById(Ve);
                 var r = e.relatedTarget || document.activeElement;
  // IE11 doesn't support relatedTarget but sets activeElement
                                 var t = n && r && n.contains(r);
  // TS: target as Node is an unsafe assumption
-                                te(t ? re : "");
-                se(false);
+                                oe(t ? re : "");
+                fe(false);
                 if (!t) {
                     I === null || I === void 0 ? void 0 : I(e, {
                         keyword: ""
                     });
                 }
-            }), [ re, I, Le ]);
-            var Xe = (0, e.useCallback)((function(e) {
+            }), [ re, I, Ve ]);
+            var Ue = (0, e.useCallback)((function(e) {
                 var n = e.reason, r = e.event;
                 if (n === "escapeKey" || n === "offScreen" || n === "clickAway" && r !== undefined && !(Q === null || Q === void 0 ? void 0 : Q.contains(r.target))) {
-                    ve(false);
-                    Pe.current = null;
+                    be(false);
+                    Ee.current = null;
                     A === null || A === void 0 ? void 0 : A();
                 }
                 if (n === "escapeKey") {
                     var t;
-                    (t = je.current) === null || t === void 0 ? void 0 : t.focus();
+                    (t = Pe.current) === null || t === void 0 ? void 0 : t.focus();
                 }
             }), [ Q, A ]);
-            var Ge = (0, e.useCallback)((function(e) {
+            var Xe = (0, e.useCallback)((function(e) {
                 Y(e);
-                Fe(b, e);
+                Ge(b, e);
             }), [ b ]);
             var Je = (0, e.useCallback)((function(e) {
-                je.current = e;
-                Fe(O, e);
+                Pe.current = e;
+                Ge(O, e);
             }), [ O ]);
             var Qe = (0, e.useCallback)((function(e) {
-                if (Pe.current !== U) {
-                    Ae(e);
+                if (Ee.current !== U) {
+                    (0, se.scrollIntoViewIfNeeded)(e);
                 }
             }), [ U ]);
             var Ye = (0, e.useCallback)((function(e) {
@@ -2416,34 +2518,34 @@
  // TS: faking props here
                                         var t = r.props;
                     if (t != null) {
-                        var o = t.children, l = t.icon, a = t.label, i = t.selectedAppearance, u = t.selectedBackgroundColor, c = t.selectedForegroundColor, s = t.value;
+                        var o = t.children, a = t.icon, l = t.label, i = t.selectedAppearance, u = t.selectedBackgroundColor, c = t.selectedForegroundColor, s = t.value;
                         
-                        return n().createElement(nr, {
+                        return n().createElement(vr, {
                             "aria-selected": true,
                             disabled: v,
-                            icon: l,
+                            icon: a,
                             key: s.toString(),
                             "data-test": "selected-option",
-                            onRequestRemove: He,
+                            onRequestRemove: _e,
                             role: "option",
                             value: s,
                             appearance: i,
                             backgroundColor: u,
                             foregroundColor: c
-                        }, o || a);
+                        }, o || l);
                     }
                     
-                    return n().createElement(nr, {
+                    return n().createElement(vr, {
                         "aria-selected": true,
                         disabled: v,
                         key: (0, ce.createGUID)(),
                         "data-test": "selected-option",
-                        onRequestRemove: He,
+                        onRequestRemove: _e,
                         role: "option",
                         value: r
                     }, r);
                 }));
-            }), [ v, He ]);
+            }), [ v, _e ]);
             var Ze = function e(r) {
                 return r.map((function(e) {
                     var r = e;
@@ -2453,63 +2555,63 @@
                         
                         return n().createElement("span", {
                             key: t.value.toString()
-                        }, t.children || t.label, (0, Un.sprintf)((0, d._)(" selected")));
+                        }, t.children || t.label, (0, lr.sprintf)((0, f._)(" selected")));
                     }
                     
                     return n().createElement("span", {
                         key: (0, ce.createGUID)()
-                    },  n().createElement(n().Fragment, null, r, (0, Un.sprintf)((0, d._)(" selected"))));
+                    },  n().createElement(n().Fragment, null, r, (0, lr.sprintf)((0, f._)(" selected"))));
                 }));
             };
             // Map Options to selected values
-                        if (Ce && Ce.length) {
+                        if (ke && ke.length) {
                 e.Children.toArray(l).filter(e.isValidElement).filter((function(e) {
                     return e.type === M;
                 })).forEach((function(e) {
                     if (e.type === M) {
-                        var n = Ce.indexOf(e.props.value);
+                        var n = ke.indexOf(e.props.value);
                         if (n !== -1) {
-                            ke[n] = e;
+                            xe[n] = e;
                         }
                     }
                 }));
             }
             // Filter the items
                         var en = (0, ue.stringToKeywords)(re);
-            var nn = a ? e.Children.toArray(l) : e.Children.toArray(l).filter((function(e) {
-                if (Tn()(e, [ "props", "label" ], false)) {
+            var nn = i ? e.Children.toArray(l) : e.Children.toArray(l).filter((function(e) {
+                if (Un()(e, [ "props", "label" ], false)) {
                     return (0, ue.testPhrase)(e.props.label, en);
                 }
                 return true;
  // Keep all headers and non-interactive options
                         }));
-            Me.current = 0;
-            Ee.current = undefined;
+            Re.current = 0;
+            Me.current = undefined;
             var rn = e.Children.map(nn, (function(n, r) {
                 var t = n.props;
-                if (!t || !i()(t, "value")) {
+                if (!t || !a()(t, "value")) {
                     // ignore Headings and Dividers
                     return n;
                 }
                 var o = n;
-                var l = o.props, u = l.children, c = l.label, s = l.matchRanges, d = l.value;
+                var l = o.props, u = l.children, c = l.label, s = l.matchRanges, f = l.value;
  // find out if the search string exactly matches a value
-                                if (d === re) {
-                    xe = true;
+                                if (f === re) {
+                    je = true;
                 }
                 // remove items that are already selected
-                                var f = Ce.indexOf(d);
-                if (f >= 0) {
+                                var d = ke.indexOf(f);
+                if (d >= 0) {
                     return null;
                 }
                 // highlight matched text
-                                var p = u === undefined || Nn()(u);
-                var v = p && !a && !s && en && (0, ue.keywordLocations)(c, en);
+                                var p = u === undefined || Gn()(u);
+                var v = p && !i && !s && en && (0, ue.keywordLocations)(c, en);
                 // clone item
                                 var b =  (0, e.cloneElement)(o, {
                     // eslint-disable-next-line react/no-array-index-key
                     key: r,
-                    onClick: We,
+                    onClick: $e,
                     matchRanges: p && (s || v) || undefined
                 });
                 return b;
@@ -2517,153 +2619,153 @@
                 return e !== null;
             })) || [];
             // Add the option to add the new value
-                        if (t && !xe && re) {
+                        if (t && !je && re) {
                 rn.unshift( n().createElement(M, {
                     label: "".concat(re),
-                    description: (0, d._)("(New value)"),
+                    description: (0, f._)("(New value)"),
                     descriptionPosition: "right",
                     value: re,
                     key: "newValue",
-                    onClick: We
+                    onClick: $e
                 }));
             }
             // highlight the selected Item
                         var tn = e.Children.map(rn, (function(n) {
                 var r = n.props;
-                if (!r || !i()(r, "value")) {
+                if (!r || !a()(r, "value")) {
                     // ignore Headings and Dividers
                     return n;
                 }
                 var t = n;
-                var o = t.props, l = o.disabled, a = o.value;
-                var u = Me.current === U;
-                Me.current += 1;
+                var o = t.props, l = o.disabled, i = o.value;
+                var u = Re.current === U;
+                Re.current += 1;
                 if (!u) {
                     return t;
                 }
                 if (!l) {
-                    Ee.current = a;
+                    Me.current = i;
                 }
                 var c =  (0, e.cloneElement)(t, {
                     active: u,
-                    id: Te,
+                    id: Ne,
                     elementRef: function e(n) {
                         Qe(n);
-                        Fe(t.props.elementRef, n);
+                        Ge(t.props.elementRef, n);
                     }
                 });
                 return c;
             }));
             var on = function e(r) {
-                var t = r.anchorWidth, l = r.maxHeight, a = r.placement;
-                var i = Cr({
+                var t = r.anchorWidth, a = r.maxHeight, l = r.placement;
+                var i = Dr({
                     anchorWidth: t,
-                    maxHeight: l,
+                    maxHeight: a,
                     menuStyle: x
                 });
                 
                 return n().createElement(ne(), {
                     focusMode: "never",
-                    placement: a !== null && a !== void 0 ? a : undefined,
+                    placement: l !== null && l !== void 0 ? l : undefined,
                     isLoading: S,
-                    onScrollBottom: T ? _e : undefined,
+                    onScrollBottom: N ? Fe : undefined,
                     noOptionsMessage: E,
-                    footerMessage: g,
+                    footerMessage: y,
                     animateLoading: o,
                     loadingMessage: C,
                     onScroll: B,
                     style: i
                 }, tn);
             };
-            var ln = wr("".concat(re.length * .8, "em"));
-            var an = gr(gr({}, zn()(H, (function(e, n) {
+            var an = Vr("".concat(re.length * .8, "em"));
+            var ln = Rr(Rr({}, tr()(K, (function(e, n) {
                 return n === "role" || n.indexOf("aria-") === 0;
             }))), {}, {
                 "aria-describedby": p,
                 "aria-labelledby": w,
                 "aria-invalid": m || undefined
             });
-            var un = gr({}, zn()(H, (function(e, n) {
+            var un = Rr({}, tr()(K, (function(e, n) {
                 return n === "aria-label" || n === "aria-describedby";
             })));
             
-            return n().createElement(n().Fragment, null,  n().createElement(Yn, tr({
+            return n().createElement(n().Fragment, null,  n().createElement(fr, mr({
                 key: "control",
-                "data-test-values": JSON.stringify(Ce),
+                "data-test-values": JSON.stringify(ke),
                 "data-test-disabled": v ? "disabled" : undefined,
-                inline: y,
+                inline: g,
                 $hasFocus: ie
-            }, Hn().apply(void 0, [ H ].concat(or(Dn()(an)))), {
-                onClick: v ? undefined : Ve,
+            }, nr().apply(void 0, [ K ].concat(yr(Qn()(ln)))), {
+                onClick: v ? undefined : qe,
                 $disabled: v,
                 $error: m,
-                "data-test-popover-id": Le,
-                $popoverOpen: pe,
+                "data-test-popover-id": Ve,
+                $popoverOpen: ve,
                 flex: true,
-                elementRef: Ge,
+                elementRef: Xe,
                 role: "group",
                 "aria-disabled": v || undefined,
                 "aria-labelledby": w
-            }, un),  n().createElement(Zn, {
+            }, un),  n().createElement(dr, {
                 role: "listbox",
                 "aria-invalid": m,
                 "aria-multiselectable": "true"
-            }, Ye(ke)), !v &&  n().createElement(er, tr({
+            }, Ye(xe)), !v &&  n().createElement(pr, mr({
                 role: "combobox",
                 "data-test": "textbox",
                 id: h,
                 ref: Je,
-                onBlur: Ue,
+                onBlur: We,
                 onFocus: Ke,
-                onChange: $e,
-                onKeyDown: ze,
+                onChange: ze,
+                onKeyDown: He,
                 value: re,
                 autoCapitalize: "off",
                 autoComplete: "off",
                 autoCorrect: "off",
                 spellCheck: false,
-                style: ln,
-                placeholder: Ce.length ? "" : V,
-                required: D,
-                "aria-activedescendant": pe && Me.current > 0 ? Te : undefined,
+                style: an,
+                placeholder: ke.length ? "" : q,
+                required: L,
+                "aria-activedescendant": ve && Re.current > 0 ? Ne : undefined,
                 "aria-autocomplete": "list",
-                "aria-controls": pe ? Le : undefined,
-                "aria-owns": pe ? Le : undefined,
-                "aria-expanded": pe,
+                "aria-controls": ve ? Ve : undefined,
+                "aria-owns": ve ? Ve : undefined,
+                "aria-expanded": ve,
                 "aria-haspopup": true
-            }, an)),  n().createElement(Wn(), {
-                open: pe && !!Q,
+            }, ln)),  n().createElement(ar(), {
+                open: ve && !!Q,
                 autoCloseWhenOffScreen: true,
                 anchor: Q,
-                onRequestClose: Xe,
+                onRequestClose: Ue,
                 canCoverAnchor: false,
                 defaultPlacement: c,
-                repositionMode: q,
-                id: Le
-            }, on)),  n().createElement(le(), {
+                repositionMode: T,
+                id: Ve
+            }, on)),  n().createElement(te(), {
                 role: "status",
                 "aria-relevant": "text"
-            }, Se),  n().createElement(le(), {
+            }, we),  n().createElement(te(), {
                 role: "alert",
                 "aria-relevant": "additions"
-            }, Ze(ke)));
+            }, Ze(xe)));
         }
-        Pr.propTypes = Sr;
-        Pr.Option = M;
-        Pr.Divider = u.Divider;
-        Pr.Heading = u.Heading;
-        /* harmony default export */        const Er = Pr;
+        Fr.propTypes = Nr;
+        Fr.Option = M;
+        Fr.Divider = u.Divider;
+        Fr.Heading = u.Heading;
+        /* harmony default export */        const _r = Fr;
         // CONCATENATED MODULE: ./src/Multiselect/Multiselect.tsx
-        function Mr(e) {
+        function Kr(e) {
             "@babel/helpers - typeof";
-            return Mr = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return Kr = "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;
-            }, Mr(e);
+            }, Kr(e);
         }
-        function Rr() {
-            return Rr = Object.assign ? Object.assign.bind() : function(e) {
+        function Hr() {
+            return Hr = Object.assign ? Object.assign.bind() : function(e) {
                 for (var n = 1; n < arguments.length; n++) {
                     var r = arguments[n];
                     for (var t in r) {
@@ -2671,9 +2773,9 @@
                     }
                 }
                 return e;
-            }, Rr.apply(null, arguments);
+            }, Hr.apply(null, arguments);
         }
-        function Ar(e, n) {
+        function zr(e, n) {
             var r = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
                 var t = Object.getOwnPropertySymbols(e);
@@ -2683,56 +2785,56 @@
             }
             return r;
         }
-        function Ir(e) {
+        function $r(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var r = null != arguments[n] ? arguments[n] : {};
-                n % 2 ? Ar(Object(r), !0).forEach((function(n) {
-                    Br(e, n, r[n]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Ar(Object(r)).forEach((function(n) {
+                n % 2 ? zr(Object(r), !0).forEach((function(n) {
+                    Wr(e, n, r[n]);
+                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : zr(Object(r)).forEach((function(n) {
                     Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
                 }));
             }
             return e;
         }
-        function Br(e, n, r) {
-            return (n = Tr(n)) in e ? Object.defineProperty(e, n, {
+        function Wr(e, n, r) {
+            return (n = Ur(n)) in e ? Object.defineProperty(e, n, {
                 value: r,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
             }) : e[n] = r, e;
         }
-        function Tr(e) {
-            var n = Lr(e, "string");
-            return "symbol" == Mr(n) ? n : n + "";
+        function Ur(e) {
+            var n = Xr(e, "string");
+            return "symbol" == Kr(n) ? n : n + "";
         }
-        function Lr(e, n) {
-            if ("object" != Mr(e) || !e) return e;
+        function Xr(e, n) {
+            if ("object" != Kr(e) || !e) return e;
             var r = e[Symbol.toPrimitive];
             if (void 0 !== r) {
                 var t = r.call(e, n || "default");
-                if ("object" != Mr(t)) return t;
+                if ("object" != Kr(t)) return t;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === n ? String : Number)(e);
         }
-        function Nr(e, n) {
+        function Gr(e, n) {
             if (null == e) return {};
-            var r, t, o = Vr(e, n);
+            var r, t, o = Jr(e, n);
             if (Object.getOwnPropertySymbols) {
-                var l = Object.getOwnPropertySymbols(e);
-                for (t = 0; t < l.length; t++) {
-                    r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                var a = Object.getOwnPropertySymbols(e);
+                for (t = 0; t < a.length; t++) {
+                    r = a[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
                 }
             }
             return o;
         }
-        function Vr(e, n) {
+        function Jr(e, n) {
             if (null == e) return {};
             var r = {};
             for (var t in e) {
                 if ({}.hasOwnProperty.call(e, t)) {
-                    if (n.includes(t)) continue;
+                    if (-1 !== n.indexOf(t)) continue;
                     r[t] = e[t];
                 }
             }
@@ -2740,48 +2842,48 @@
         }
         /** @public */
         /** @public */
-        /** @public */        var Dr = {
-            allowNewValues: l().bool,
-            animateLoading: l().bool,
-            children: l().node,
-            compact: l().bool,
-            controlledFilter: l().bool,
-            defaultPlacement: l().oneOf([ "above", "below", "vertical" ]),
-            defaultValues: l().array,
-            describedBy: l().string,
-            disabled: l().bool,
-            elementRef: l().oneOfType([ l().func, l().object ]),
-            error: l().bool,
-            filter: l().oneOf([ false, true, "controlled" ]),
-            footerMessage: l().node,
-            inline: l().bool,
-            inputId: l().string,
-            inputRef: l().oneOfType([ l().func, l().object ]),
-            isLoadingOptions: l().bool,
-            labelledBy: l().string,
-            loadingMessage: l().node,
-            menuStyle: l().object,
-            name: l().string,
-            noOptionsMessage: l().node,
-            onChange: l().func,
-            onClose: l().func,
-            onFilterChange: l().func,
-            onOpen: l().func,
-            onScroll: l().func,
-            onScrollBottom: l().func,
-            placeholder: l().string,
-            repositionMode: l().oneOf([ "none", "flip" ]),
-            selectAllAppearance: l().oneOf([ "buttongroup", "checkbox" ]),
-            showSelectedValuesFirst: l().oneOf([ "nextOpen", "immediately", "never" ]),
-            tabConfirmsNewValue: l().bool,
-            values: l().array,
+        /** @public */        var Qr = {
+            allowNewValues: i().bool,
+            animateLoading: i().bool,
+            children: i().node,
+            compact: i().bool,
+            controlledFilter: i().bool,
+            defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
+            defaultValues: i().array,
+            describedBy: i().string,
+            disabled: i().bool,
+            elementRef: i().oneOfType([ i().func, i().object ]),
+            error: i().bool,
+            filter: i().oneOf([ false, true, "controlled" ]),
+            footerMessage: i().node,
+            inline: i().bool,
+            inputId: i().string,
+            inputRef: i().oneOfType([ i().func, i().object ]),
+            isLoadingOptions: i().bool,
+            labelledBy: i().string,
+            loadingMessage: i().node,
+            menuStyle: i().object,
+            name: i().string,
+            noOptionsMessage: i().node,
+            onChange: i().func,
+            onClose: i().func,
+            onFilterChange: i().func,
+            onOpen: i().func,
+            onScroll: i().func,
+            onScrollBottom: i().func,
+            placeholder: i().string,
+            repositionMode: i().oneOf([ "none", "flip" ]),
+            selectAllAppearance: i().oneOf([ "buttongroup", "checkbox", "none" ]),
+            showSelectedValuesFirst: i().oneOf([ "nextOpen", "immediately", "never" ]),
+            tabConfirmsNewValue: i().bool,
+            values: i().array,
             /** @private */
-            virtualization: l().number
+            virtualization: i().number
         };
-        var qr = (0, d._)("No matches");
-        var Fr = (0, d._)("Select...");
-        function _r(r) {
-            var t = r.allowNewValues, o = r.animateLoading, l = r.compact, a = r.children, i = r.controlledFilter, u = r.defaultPlacement, c = u === void 0 ? "vertical" : u, d = r.defaultValues, f = r.describedBy, p = r.disabled, v = r.elementRef, b = r.error, m = r.filter, g = r.footerMessage, y = r.inline, h = r.inputId, O = r.inputRef, S = r.isLoadingOptions, w = r.labelledBy, C = r.loadingMessage, k = r.menuStyle, x = r.name, j = r.noOptionsMessage, P = j === void 0 ? qr : j, E = r.onChange, M = r.onClose, R = r.onFilterChange, A = r.onOpen, I = r.onScroll, B = r.onScrollBottom, T = r.placeholder, L = T === void 0 ? Fr : T, N = r.repositionMode, V = N === void 0 ? "flip" : N, D = r.selectAllAppearance, q = r.showSelectedValuesFirst, F = r.tabConfirmsNewValue, _ = r.values, H = r.virtualization, K = Nr(r, [ "allowNewValues", "animateLoading", "compact", "children", "controlledFilter", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "filter", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onChange", "onClose", "onFilterChange", "onOpen", "onScroll", "onScrollBottom", "placeholder", "repositionMode", "selectAllAppearance", "showSelectedValuesFirst", "tabConfirmsNewValue", "values", "virtualization" ]);
+        var Yr = (0, f._)("No matches");
+        var Zr = (0, f._)("Select...");
+        function et(r) {
+            var t = r.allowNewValues, o = r.animateLoading, a = r.compact, l = r.children, i = r.controlledFilter, u = r.defaultPlacement, c = u === void 0 ? "vertical" : u, f = r.defaultValues, d = r.describedBy, p = r.disabled, v = r.elementRef, b = r.error, m = r.filter, y = r.footerMessage, g = r.inline, h = r.inputId, O = r.inputRef, S = r.isLoadingOptions, w = r.labelledBy, C = r.loadingMessage, k = r.menuStyle, x = r.name, j = r.noOptionsMessage, P = j === void 0 ? Yr : j, E = r.onChange, M = r.onClose, R = r.onFilterChange, A = r.onOpen, I = r.onScroll, B = r.onScrollBottom, N = r.placeholder, V = N === void 0 ? Zr : N, D = r.repositionMode, q = D === void 0 ? "flip" : D, L = r.selectAllAppearance, T = r.showSelectedValuesFirst, F = r.tabConfirmsNewValue, _ = r.values, K = r.virtualization, H = Gr(r, [ "allowNewValues", "animateLoading", "compact", "children", "controlledFilter", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "filter", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onChange", "onClose", "onFilterChange", "onOpen", "onScroll", "onScrollBottom", "placeholder", "repositionMode", "selectAllAppearance", "showSelectedValuesFirst", "tabConfirmsNewValue", "values", "virtualization" ]);
             // @docs-props-type MultiselectPropsBase
                         var z = s()({
                 componentName: "Multiselect",
@@ -2793,24 +2895,24 @@
             });
             /* eslint-disable-next-line prefer-rest-params */            var $ = arguments[0];
             (0, e.useEffect)((function() {
-                if (l !== true) {
+                if (a !== true) {
                     if (false) {}
                     if (false) {}
                 }
-            }), [ l, $ ]);
+            }), [ a, $ ]);
             // Compact uses Button, which defaults `inline` to true, explicitly pass a boolean to prevent the underlying Button from applying its default.
-                        var W = !!y;
-            var U = Ir({
+                        var W = !!g;
+            var U = $r({
                 allowNewValues: t,
                 animateLoading: o,
-                children: a,
+                children: l,
                 controlledFilter: i,
                 defaultPlacement: c,
-                describedBy: f,
+                describedBy: d,
                 disabled: p,
                 elementRef: v,
                 error: b,
-                footerMessage: g,
+                footerMessage: y,
                 inline: W,
                 inputId: h,
                 inputRef: O,
@@ -2826,18 +2928,17 @@
                 onOpen: A,
                 onScroll: I,
                 onScrollBottom: B,
-                placeholder: L,
-                repositionMode: V,
-                showSelectedValuesFirst: q,
+                placeholder: V,
+                repositionMode: q,
+                showSelectedValuesFirst: T,
                 tabConfirmsNewValue: F,
-                virtualization: H
-            }, K);
-            // Memoized what ends up setting defaultValues otherwise useControlled in SelectBase (in Compact/Normal components) can trigger "default props changed after render" warning even though nothing changed on subsequent renders
-                        var X = (0, e.useMemo)((function() {
+                virtualization: K
+            }, H);
+            var X = (0, e.useMemo)((function() {
                 return {
-                    defaultValues: d
+                    defaultValues: f
                 };
-            }), [ d ]);
+            }), [ f ]);
             var G = (0, e.useMemo)((function() {
                 return {
                     values: _
@@ -2848,28 +2949,28 @@
             }), [ X, z, G ]);
             var Q = {
                 filter: m,
-                selectAllAppearance: D,
-                showSelectedValuesFirst: q,
-                virtualization: H
+                selectAllAppearance: L,
+                showSelectedValuesFirst: T,
+                virtualization: K
             };
-            if (l) {
+            if (a) {
                 
-                return n().createElement(Rn, Rr({
+                return n().createElement(Hn, Hr({
                     "data-test": "multiselect"
                 }, J, Q, U));
             }
             
-            return n().createElement(Er, Rr({
+            return n().createElement(_r, Hr({
                 "data-test": "multiselect"
             }, J, U));
         }
         // TODO: SUI-3402, this can be removed when ControlGroup no longer needs to inspect componentType
-                _r.componentType = "Multiselect";
-        _r.Option = M;
-        _r.Heading = u.Heading;
-        _r.Divider = u.Divider;
-        _r.propTypes = Dr;
-        /* harmony default export */        const Hr = _r;
+                et.componentType = "Multiselect";
+        et.Option = M;
+        et.Heading = u.Heading;
+        et.Divider = u.Divider;
+        et.propTypes = Qr;
+        /* harmony default export */        const nt = et;
     }) // CONCATENATED MODULE: ./src/Multiselect/index.ts
     ();
     module.exports = t;