@splunk/react-ui 5.0.0-rc.1 → 5.0.0

package/Multiselect.js

@@ -136,8 +136,8 @@
                 r.d(t, {
             Divider: () => /* reexport */ u.Divider,
             Heading: () => /* reexport */ u.Heading,
-            Option: () => /* reexport */ R,
-            default: () => /* reexport */ Kr
+            Option: () => /* reexport */ M,
+            default: () => /* reexport */ Hr
         });
         // EXTERNAL MODULE: external "react"
                 var e = r(9497);
@@ -197,18 +197,18 @@
             return e;
         }
         function m(e, n, r) {
-            return (n = y(n)) in e ? Object.defineProperty(e, n, {
+            return (n = g(n)) in e ? Object.defineProperty(e, n, {
                 value: r,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
             }) : e[n] = r, e;
         }
-        function y(e) {
-            var n = g(e, "string");
+        function g(e) {
+            var n = y(e, "string");
             return "symbol" == f(n) ? n : n + "";
         }
-        function g(e, n) {
+        function y(e, n) {
             if ("object" != f(e) || !e) return e;
             var r = e[Symbol.toPrimitive];
             if (void 0 !== r) {
@@ -270,27 +270,27 @@
         };
         /**
  * An option within a `Multiselect`.
- */        function C(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, y = r.value, g = h(r, [ "children", "descriptionPosition", "disabled", "elementRef", "icon", "label", "multiple", "onClick", "role", "value" ]);
+ */        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" ]);
             // @docs-props-type OptionPropsBase
                         var O = (0, e.useCallback)((function(e) {
                 if (!a) {
                     f === null || f === void 0 ? void 0 : f(e, {
-                        value: y
+                        value: g
                     });
                 }
-            }), [ a, f, y ]);
-            var S = y.toString();
-            var C = b({
+            }), [ a, f, g ]);
+            var S = g.toString();
+            var w = b({
                 descriptionPosition: l,
                 disabled: a ? "disabled" : undefined
-            }, g);
+            }, y);
             
             return n().createElement(u.Item, p({
-                "data-test-value": y,
+                "data-test-value": g,
                 "data-test": "option",
                 elementRef: i
-            }, C, {
+            }, w, {
                 selectable: true,
                 selectableAppearance: d ? "checkbox" : "checkmark",
                 startAdornment: c,
@@ -299,10 +299,10 @@
                 value: S
             }), t || s);
         }
-        C.propTypes = S;
-        C.type = u.Item;
+        w.propTypes = S;
+        w.type = u.Item;
  // For components to distinguish if their children are Options or Headings/Dividers
-        /* harmony default export */        const w = C;
+        /* harmony default export */        const C = w;
         // CONCATENATED MODULE: ./src/Multiselect/Option.tsx
         function k() {
             return k = Object.assign ? Object.assign.bind() : function(e) {
@@ -371,12 +371,12 @@
         /**
  * 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, y = 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, 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" ]);
             // @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(w, k({
+            return n().createElement(C, k({
                 description: o,
                 descriptionPosition: a,
                 disabled: i,
@@ -389,15 +389,15 @@
                 selected: v,
                 truncate: b,
                 value: m
-            }, y, {
+            }, g, {
                 multiple: r
             }), t || d);
         }
         E.propTypes = P;
-        /* harmony default export */        const R = E;
+        /* harmony default export */        const M = E;
         // CONCATENATED MODULE: external "lodash/castArray"
-        const M = require("lodash/castArray");
-        var A =  r.n(M);
+        const R = require("lodash/castArray");
+        var A =  r.n(R);
         // CONCATENATED MODULE: external "lodash/find"
         const I = require("lodash/find");
         var B =  r.n(I);
@@ -408,8 +408,8 @@
         const N = require("lodash/includes");
         var V =  r.n(N);
         // CONCATENATED MODULE: external "lodash/memoize"
-        const q = require("lodash/memoize");
-        var D =  r.n(q);
+        const D = require("lodash/memoize");
+        var q =  r.n(D);
         // CONCATENATED MODULE: external "lodash/pick"
         const F = require("lodash/pick");
         var _ =  r.n(F);
@@ -421,10 +421,10 @@
         var $ =  r.n(z);
         // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
         const W = require("@splunk/react-icons/CaretSmallDown");
-        var X =  r.n(W);
+        var U =  r.n(W);
         // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
-        const U = require("@splunk/react-icons/Magnifier");
-        var G =  r.n(U);
+        const X = require("@splunk/react-icons/Magnifier");
+        var G =  r.n(X);
         // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
         const J = require("@splunk/react-ui/Dropdown");
         var Q =  r.n(J);
@@ -447,10 +447,8 @@
         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/keyboard"
-        const se = require("@splunk/ui-utils/keyboard");
         // CONCATENATED MODULE: ./src/Select/SelectAllOption.tsx
-        var de = {
+        var se = {
             active: l().bool,
             changedToggle: l().bool,
             elementRef: l().oneOfType([ l().func, l().object ]),
@@ -460,12 +458,12 @@
             selected: l().oneOfType([ l().bool, l().oneOf([ "some" ]) ]),
             totalCount: l().number
         };
-        function fe(e) {
+        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;
             // When toggle is changed the total count is not displayed anymore so the count is now shown in the Select all menu item
                         var s = u ? " (".concat(i === null || i === void 0 ? void 0 : i.toString(), ")") : "";
             
-            return n().createElement(w, {
+            return n().createElement(C, {
                 active: r,
                 elementRef: t,
                 "aria-keyshortcuts": "Control+A",
@@ -483,21 +481,21 @@
                 value: "selectAll"
             });
         }
-        fe.propTypes = de;
-        /* harmony default export */        const pe = fe;
+        de.propTypes = se;
+        /* harmony default export */        const fe = de;
         // CONCATENATED MODULE: external "styled-components"
-        const ve = require("styled-components");
-        var be =  r.n(ve);
+        const pe = require("styled-components");
+        var ve =  r.n(pe);
         // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-        const me = require("@splunk/react-ui/Button");
-        var ye =  r.n(me);
+        const be = require("@splunk/react-ui/Button");
+        var me =  r.n(be);
         // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
         const ge = require("@splunk/react-ui/Divider");
-        var he =  r.n(ge);
+        var ye =  r.n(ge);
         // CONCATENATED MODULE: external "@splunk/themes"
-        const Oe = require("@splunk/themes");
+        const he = require("@splunk/themes");
         // CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
-        var Se = be()(ye()).withConfig({
+        var Oe = ve()(me()).withConfig({
             displayName: "SelectBaseStyles__StyledButton",
             componentId: "sc-16cj7sk-0"
         })([ "&[data-inline]{width:", ";}", "" ], (function(e) {
@@ -507,45 +505,45 @@
             var n = e.$multiple;
             return !n && "flex-grow: 0;";
         }));
-        var Ce = be().span.withConfig({
+        var Se = ve().span.withConfig({
             displayName: "SelectBaseStyles__StyledLinkIcon",
             componentId: "sc-16cj7sk-1"
-        })([ "padding-right:", ";" ], Oe.variables.spacingXSmall);
-        var we = be().span.withConfig({
+        })([ "padding-right:", ";" ], he.variables.spacingXSmall);
+        var we = ve().span.withConfig({
             displayName: "SelectBaseStyles__StyledLinkCaret",
             componentId: "sc-16cj7sk-2"
-        })([ "padding-left:", ";" ], Oe.variables.spacingXSmall);
-        var ke = be().div.withConfig({
+        })([ "padding-left:", ";" ], he.variables.spacingXSmall);
+        var Ce = ve().div.withConfig({
             displayName: "SelectBaseStyles__StyledFilter",
             componentId: "sc-16cj7sk-3"
-        })([ "padding:", " ", " ", ";min-width:160px;" ], Oe.variables.spacingLarge, Oe.variables.spacingLarge, Oe.variables.spacingSmall);
-        var xe = be().span.withConfig({
+        })([ "padding:", " ", " ", ";min-width:160px;" ], he.variables.spacingLarge, he.variables.spacingLarge, he.variables.spacingSmall);
+        var ke = ve().span.withConfig({
             displayName: "SelectBaseStyles__StyledCount",
             componentId: "sc-16cj7sk-4"
-        })([ "padding-right:", ";" ], Oe.variables.spacingXSmall);
-        var je = be()(Z()).withConfig({
+        })([ "padding-right:", ";" ], he.variables.spacingXSmall);
+        var xe = ve()(Z()).withConfig({
             displayName: "SelectBaseStyles__StyledControlsLink",
             componentId: "sc-16cj7sk-5"
         })([ "", ";" ], (function(e) {
             var n = e.$disabled;
-            return n && (0, ve.css)([ "color:", ";" ], Oe.variables.contentColorDisabled);
+            return n && (0, pe.css)([ "color:", ";" ], he.variables.contentColorDisabled);
         }));
-        var Pe = be().div.withConfig({
+        var je = ve().div.withConfig({
             displayName: "SelectBaseStyles__StyledToggleAllControls",
             componentId: "sc-16cj7sk-6"
-        })([ "", ";gap:", ";padding:", " ", " ", ";" ], Oe.mixins.reset("flex"), Oe.variables.spacingMedium, Oe.variables.spacingXSmall, Oe.variables.spacingLarge, Oe.variables.spacingSmall);
-        var Ee = be()(he()).withConfig({
+        })([ "", ";gap:", ";padding:", " ", " ", ";" ], he.mixins.reset("flex"), he.variables.spacingMedium, he.variables.spacingXSmall, he.variables.spacingLarge, he.variables.spacingSmall);
+        var Pe = ve()(ye()).withConfig({
             displayName: "SelectBaseStyles__StyledControlsDivider",
             componentId: "sc-16cj7sk-7"
-        })([ "border-color:", ";" ], Oe.variables.borderColor);
+        })([ "border-color:", ";" ], he.variables.borderColor);
         // EXTERNAL MODULE: ./src/useControlled/index.ts + 1 modules
-                var Re = r(2907);
+                var Ee = r(2907);
         // CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
         // A utility for matching keyboard characters to list values
         var Me = function e(n, r) {
             return n ? n.label.charAt(r).toLowerCase() : "";
         };
-        var Ae = function e(n, r) {
+        var Re = function e(n, r) {
             if (!n.length) {
                 return n;
             }
@@ -579,7 +577,7 @@
         };
         // CONCATENATED MODULE: ./src/utils/scrollIntoViewIfNeeded.ts
         // A utility that attempts to move an element into view by scrolling it's derived parent.
-        var Ie = function e(n) {
+        var Ae = function e(n) {
             if (!n) {
                 return;
             }
@@ -597,7 +595,7 @@
         };
         // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
         /* eslint-disable @typescript-eslint/no-empty-function */
-        var Be = {
+        var Ie = {
             body: {
                 appendChild: function e() {
                     return [];
@@ -651,16 +649,16 @@
                 search: ""
             }
         };
-        function Te() {
-            var e = typeof document !== "undefined" ? document : Be;
+        function Be() {
+            var e = typeof document !== "undefined" ? document : Ie;
             return e;
         }
-        var Le = Te();
-        /* harmony default export */        const Ne = /* unused pure expression or super */ null && Le;
+        var Te = Be();
+        /* harmony default export */        const Le = /* unused pure expression or super */ null && Te;
         // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
         /* eslint-disable @typescript-eslint/no-empty-function */
-        var Ve = {
-            document: Be,
+        var Ne = {
+            document: Ie,
             navigator: {
                 userAgent: ""
             },
@@ -714,12 +712,12 @@
                 clearTimeout(n);
             }
         };
-        function qe() {
-            var e = typeof window !== "undefined" ? window : Ve;
+        function Ve() {
+            var e = typeof window !== "undefined" ? window : Ne;
             return e;
         }
-        var De = qe();
-        /* harmony default export */        const Fe = /* unused pure expression or super */ null && De;
+        var De = Ve();
+        /* harmony default export */        const qe = /* unused pure expression or super */ null && De;
         // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
         /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -727,7 +725,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-        function _e(e, n) {
+        function Fe(e, n) {
             if (e) {
                 if (typeof e === "function") {
                     e(n);
@@ -740,20 +738,20 @@
             }
         }
         // CONCATENATED MODULE: ./src/Select/SelectBase.tsx
-        function He(e) {
-            return $e(e) || ze(e) || Ge(e) || Ke();
+        function _e(e) {
+            return ze(e) || Ke(e) || Xe(e) || He();
         }
-        function Ke() {
+        function He() {
             throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
         }
-        function ze(e) {
+        function Ke(e) {
             if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
         }
-        function $e(e) {
-            if (Array.isArray(e)) return Je(e);
+        function ze(e) {
+            if (Array.isArray(e)) return Ge(e);
         }
-        function We() {
-            return We = Object.assign ? Object.assign.bind() : function(e) {
+        function $e() {
+            return $e = Object.assign ? Object.assign.bind() : function(e) {
                 for (var n = 1; n < arguments.length; n++) {
                     var r = arguments[n];
                     for (var t in r) {
@@ -761,29 +759,29 @@
                     }
                 }
                 return e;
-            }, We.apply(null, arguments);
+            }, $e.apply(null, arguments);
         }
-        function Xe(e, n) {
-            return Ye(e) || Qe(e, n) || Ge(e, n) || Ue();
+        function We(e, n) {
+            return Qe(e) || Je(e, n) || Xe(e, n) || Ue();
         }
         function Ue() {
             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 Ge(e, n) {
+        function Xe(e, n) {
             if (e) {
-                if ("string" == typeof e) return Je(e, n);
+                if ("string" == typeof e) return Ge(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) ? Je(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) ? Ge(e, n) : void 0;
             }
         }
-        function Je(e, n) {
+        function Ge(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 Qe(e, n) {
+        function Je(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;
@@ -805,12 +803,12 @@
                 return i;
             }
         }
-        function Ye(e) {
+        function Qe(e) {
             if (Array.isArray(e)) return e;
         }
-        function Ze(e, n) {
+        function Ye(e, n) {
             if (null == e) return {};
-            var r, t, o = en(e, n);
+            var r, t, o = Ze(e, n);
             if (Object.getOwnPropertySymbols) {
                 var l = Object.getOwnPropertySymbols(e);
                 for (t = 0; t < l.length; t++) {
@@ -819,7 +817,7 @@
             }
             return o;
         }
-        function en(e, n) {
+        function Ze(e, n) {
             if (null == e) return {};
             var r = {};
             for (var t in e) {
@@ -830,15 +828,15 @@
             }
             return r;
         }
-        function nn(e) {
+        function en(e) {
             "@babel/helpers - typeof";
-            return nn = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return en = "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;
-            }, nn(e);
+            }, en(e);
         }
-        function rn(e, n) {
+        function nn(e, n) {
             var r = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
                 var t = Object.getOwnPropertySymbols(e);
@@ -848,40 +846,40 @@
             }
             return r;
         }
-        function tn(e) {
+        function rn(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var r = null != arguments[n] ? arguments[n] : {};
-                n % 2 ? rn(Object(r), !0).forEach((function(n) {
-                    on(e, n, r[n]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : rn(Object(r)).forEach((function(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) {
                     Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
                 }));
             }
             return e;
         }
-        function on(e, n, r) {
-            return (n = ln(n)) in e ? Object.defineProperty(e, n, {
+        function tn(e, n, r) {
+            return (n = on(n)) in e ? Object.defineProperty(e, n, {
                 value: r,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
             }) : e[n] = r, e;
         }
-        function ln(e) {
-            var n = an(e, "string");
-            return "symbol" == nn(n) ? n : n + "";
+        function on(e) {
+            var n = ln(e, "string");
+            return "symbol" == en(n) ? n : n + "";
         }
-        function an(e, n) {
-            if ("object" != nn(e) || !e) return e;
+        function ln(e, n) {
+            if ("object" != en(e) || !e) return e;
             var r = e[Symbol.toPrimitive];
             if (void 0 !== r) {
                 var t = r.call(e, n || "default");
-                if ("object" != nn(t)) return t;
+                if ("object" != en(t)) return t;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === n ? String : Number)(e);
         }
-        var un = {
+        var an = {
             allowKeyMatching: l().bool,
             allowNewValues: l().bool,
             animateLoading: l().bool,
@@ -930,50 +928,50 @@
             /** @private. */
             virtualization: l().number
         };
-        var cn = D()((function(e) {
+        var un = q()((function(e) {
             return [ e ];
         }));
         // preserve separate widths for single vs. multi mode
-                var sn = D()((function(e) {
+                var cn = q()((function(e) {
             var n = e.anchorWidth, r = e.isMultiple, t = e.maxHeight, o = e.menuStyle;
-            return r ? tn({
+            return r ? rn({
                 width: Math.max(n !== null && n !== void 0 ? n : 0, 200),
                 maxHeight: t
-            }, o) : tn({
+            }, o) : rn({
                 minWidth: n !== null && n !== void 0 ? n : undefined,
                 maxWidth: Math.max(n !== null && n !== void 0 ? n : 0, 300),
                 maxHeight: t
             }, o);
         }));
-        var dn = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
-        function fn(e) {
+        var sn = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
+        function dn(e) {
             return e && i()(e.props, "value");
         }
-        function pn(e, n) {
-            return "".concat(nn(e), "-").concat(e, "-").concat(n);
+        function fn(e, n) {
+            return "".concat(en(e), "-").concat(e, "-").concat(n);
         }
-        var vn = [ "append", "error", "prepend" ];
-        var bn = (0, d._)("No matches");
-        var mn = (0, d._)("Select...");
-        var yn =  n().createElement(G(), null);
+        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, y = r.onTextKeyDown, g = r.optionSelection, h = r.placement, O = r.selectAllAppearance, S = r.textHasFocus;
-            var C = (0, d._)("Select all options".concat(g.current === "all" ? " disabled" : ""));
-            var w = (0, d._)("Clear all options".concat(g.current === "none" ? " disabled" : ""));
+            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" : ""));
             // only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
-                        var k =  n().createElement(Pe, {
+                        var k =  n().createElement(je, {
                 key: "selectAll"
-            },  n().createElement(je, {
-                disabled: g.current === "all",
+            },  n().createElement(xe, {
+                disabled: y.current === "all",
                 appearance: "standalone",
-                "aria-label": C,
+                "aria-label": w,
                 onClick: p,
                 "data-test": "select-all",
                 tag: "button"
-            }, l ? (0, d._)("Select all Matches") : (0, d._)("Select all")),  n().createElement(je, {
-                disabled: g.current === "none",
+            }, l ? (0, d._)("Select all Matches") : (0, d._)("Select all")),  n().createElement(xe, {
+                disabled: y.current === "none",
                 appearance: "standalone",
-                "aria-label": w,
+                "aria-label": C,
                 onClick: f,
                 "data-test": "clear-all",
                 tag: "button"
@@ -983,7 +981,7 @@
                 key: "controls"
             }, o &&  n().createElement(le(), {
                 id: o
-            }, (0, d._)("Type to filter")), h === "above" &&  n().createElement(Ee, null),  n().createElement(ke, {
+            }, (0, d._)("Type to filter")), h === "above" &&  n().createElement(Pe, null),  n().createElement(Ce, {
                 key: "filter",
                 "data-test": "filter"
             },  n().createElement(te(), {
@@ -993,7 +991,7 @@
                 autoCorrect: "off",
                 spellCheck: false,
                 onChange: b,
-                onKeyDown: y,
+                onKeyDown: g,
                 onFocus: m,
                 onBlur: v,
                 placeholder: (0, d._)("filter"),
@@ -1007,10 +1005,10 @@
                 inputRef: u,
                 inputId: i,
                 canClear: true,
-                startAdornment: yn
-            })), s && a && O === "buttongroup" && k, h === "below" &&  n().createElement(Ee, null));
+                startAdornment: mn
+            })), s && a && O === "buttongroup" && k, h === "below" &&  n().createElement(Pe, null));
         };
-        var hn = function e(n) {
+        var yn = function e(n) {
             var r = n.prefixLabel, t = n.label, o = n.suffixLabel;
             var l = t;
             if (r) {
@@ -1021,71 +1019,71 @@
             }
             return l;
         };
-        var On =  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, y = r.labelledBy, g = r.multiple, h = r.onClick, O = r.placeholder, S = r.prefixLabel, C = r.prepend, w = r.required, k = r.suffixLabel, x = r.toggle, j = r.toggleContent, P = Ze(r, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent" ]);
+        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 E;
-            var R;
-            var M = [];
+            var M;
+            var R = [];
             // Generate buttonLabels
                         var A = e.Children.toArray(i);
             var I = c.reduce((function(e, n, r, t) {
                 var o = B()(A, (function(e) {
-                    return fn(e) && e.props.value === n;
+                    return dn(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;
                     e.push(s);
-                    M.push(u);
+                    R.push(u);
                     // if not in multiple mode, add the icon
-                                        if (!g && c.length === 1) {
+                                        if (!y && c.length === 1) {
                         E = i;
                     }
-                } else if (g) {
+                } else if (y) {
                     // only add values that don't match an option in "multiple" mode to preserve old behaviour
                     e.push(n);
-                    M.push(n.toString());
+                    R.push(n.toString());
                 }
                 if (r < t.length - 1) {
                     e.push((0, d._)(", "));
-                    M.push((0, d._)(", "));
+                    R.push((0, d._)(", "));
                 }
                 return e;
             }), []);
-            R = I;
+            M = I;
             // only apply prefix / suffix if the label is not empty
-                        if (R.length > 0) {
+                        if (M.length > 0) {
                 // If there's more than one item selected, read out the selected total
                 // rather than reading out each selected item
-                M = hn({
+                R = yn({
                     prefixLabel: S,
-                    label: R.length > 1 ? [ "".concat(c.length, " items selected") ] : M,
+                    label: M.length > 1 ? [ "".concat(c.length, " items selected") ] : R,
                     suffixLabel: k
                 });
-                R = hn({
+                M = yn({
                     prefixLabel: S,
-                    label: R,
+                    label: M,
                     suffixLabel: k
                 });
             }
             // single <Select> behaviour is to show the placeholder if all parts of the label
             // are empty strings so we replicate this behaviour here
-                        if (R.length === 0 || !g && R.every((function(e) {
+                        if (M.length === 0 || !y && M.every((function(e) {
                 return e === "";
             }))) {
-                R = cn(O);
-                M = R;
+                M = un(O);
+                R = M;
             }
             var T = Object.keys(P).includes("aria-labelledby");
-            var L = tn({
+            var L = rn({
                 "aria-describedby": s,
-                "aria-label": y || T ? undefined : "".concat(m ? "".concat(m, ", ") : "").concat(M.join("")),
+                "aria-label": g || T ? undefined : "".concat(m ? "".concat(m, ", ") : "").concat(R.join("")),
                 // aria-labelledby takes precedence over aria-label, so existence of both is redundant
-                "aria-labelledby": y,
-                "aria-required": w,
+                "aria-labelledby": g,
+                "aria-required": C,
                 "data-select-appearance": l,
                 append: a,
-                prepend: C,
+                prepend: w,
                 onClick: h,
                 role: "combobox",
                 disabled: f ? "disabled" : undefined,
@@ -1093,10 +1091,10 @@
                 error: v,
                 ref: t
             }, P);
-            if (g) {
+            if (y) {
                 L["data-test-values"] = JSON.stringify(c);
             } else {
-                var N = Xe(c, 1), V = N[0];
+                var N = We(c, 1), V = N[0];
                 L["data-test-value"] = V;
             }
             if (x) {
@@ -1105,33 +1103,33 @@
             }
             if (l === "link") {
                 
-                return n().createElement(Z(), We({
+                return n().createElement(Z(), $e({
                     tag: "button",
                     appearance: "standalone"
                 }, L, {
                     "data-select-appearance": "link"
-                }), !!E &&  n().createElement(Ce, null, E), R || O,  n().createElement(we, null,  n().createElement(X(), null)));
+                }), !!E &&  n().createElement(Se, null, E), M || O,  n().createElement(we, null,  n().createElement(U(), null)));
             }
             // Using Button's secondary appearance as Select's default appearance.
-                        var q = l === "default" ? "secondary" : l;
+                        var D = l === "default" ? "secondary" : l;
             
-            return n().createElement(Se, We({}, L, {
-                $multiple: g,
-                appearance: q,
-                label: R,
+            return n().createElement(Oe, $e({}, L, {
+                $multiple: y,
+                appearance: D,
+                label: M,
                 error: v,
                 icon: E,
                 inline: b,
                 isMenu: true,
                 onClick: h
-            }, _()(P, vn)), !!c.length && g &&  n().createElement(xe, {
+            }, _()(P, pn)), !!c.length && y &&  n().createElement(ke, {
                 "data-role": "count"
             }, "(", c.length, ")"));
         }));
-        function Sn(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, y = r.disabled, g = r.elementRef, h = r.error, O = r.filter, S = r.footerMessage, C = r.inline, k = r.inputId, x = r.inputRef, j = r.isLoadingOptions, P = r.labelledBy, E = r.labelText, R = r.loadingMessage, M = r.menuStyle, A = M === void 0 ? {} : M, I = r.multiple, T = r.name, N = r.noOptionsMessage, q = N === void 0 ? bn : N, D = r.onChange, F = r.onScroll, _ = r.onScrollBottom, H = r.onFilterChange, z = r.onClick, W = r.onClose, X = r.onOpen, U = r.required, G = r.placeholder, J = G === void 0 ? mn : 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, de = r.suffixLabel, fe = r.tabConfirmsNewValue, ve = r.values, be = r.virtualization, me = r.toggle, ye = r.toggleContent, ge = ye === void 0 ? "optionChildren" : ye, he = Ze(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 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" ]);
             // @docs-props-type SelectBasePropsBase
-                        var Oe = (0, Re["default"])({
+                        var he = (0, Ee["default"])({
                 componentName: "SelectBase",
                 /* eslint-disable-next-line prefer-rest-params */
                 componentProps: arguments[0],
@@ -1140,87 +1138,87 @@
                 valuePropName: "values"
             });
             // states
-                        var Se = (0, e.useState)((function() {
+                        var Oe = (0, e.useState)((function() {
                 return {
                     activeItemId: (0, ce.createDOMID)("active-item"),
                     menuListboxId: (0, ce.createDOMID)("menu-listbox")
                 };
-            })), Ce = Xe(Se, 1), we = Ce[0], ke = we.activeItemId, xe = we.menuListboxId;
-            var je = (0, e.useState)(0), Pe = Xe(je, 2), Ee = Pe[0], Me = Pe[1];
-            var Be = (0, e.useState)(""), Te = Xe(Be, 2), Le = Te[0], Ne = Te[1];
-            var Ve = (0, e.useState)(false), De = Xe(Ve, 2), Fe = De[0], Ke = De[1];
-            var ze = (0, e.useState)(false), $e = Xe(ze, 2), Ue = $e[0], Ge = $e[1];
-            var Je = (0, e.useState)([]), Qe = Xe(Je, 2), Ye = Qe[0], en = Qe[1];
-            var nn = (0, e.useState)(b || []), rn = Xe(nn, 2), tn = rn[0], on = rn[1];
+            })), 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];
  // previous state
-                        var ln = ie()(Ee);
+                        var on = ie()(Pe);
             // refs
-                        var an = (0, e.useRef)(null);
+                        var ln = (0, e.useRef)(null);
+            var an = (0, e.useRef)(null);
             var un = (0, e.useRef)(null);
-            var cn = (0, e.useRef)(null);
-            var vn = (0, e.useRef)([]);
-            var yn = (0, e.useRef)([]);
-            var hn = (0, e.useRef)(ln);
-            var Sn = (0, e.useRef)();
-            var Cn = (0, e.useRef)({});
+            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 wn = (0, e.useRef)(0);
-            var kn = (0, e.useRef)([]);
-            var xn = (0, e.useRef)(null);
-            var jn = (0, e.useRef)();
-            var Pn = (0, e.useRef)(0);
-            var En = (0, e.useRef)("none");
-            var Rn = (0, e.useState)(O ? (0, ce.createDOMID)("filter") : undefined), Mn = Xe(Rn, 1), An = Mn[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];
             (0, e.useEffect)((function() {
                 if (false) {}
             }), [ i, c, h, Z ]);
-            var In = (0, e.useCallback)((function() {
-                var e = Oe ? ve : tn;
+            var An = (0, e.useCallback)((function() {
+                var e = he ? pe : rn;
                 return I || e == null ? e : e.slice(0, 1);
-            }), [ Oe, I, ve, tn ]);
-            var Bn = (0, e.useCallback)((function() {
+            }), [ he, I, pe, rn ]);
+            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 = In()) !== null && e !== void 0 ? e : [] : [];
-            }), [ In, I, ae ]);
-            var Tn = (0, e.useCallback)((function(e) {
-                var n = Le;
-                Ke(true);
-                en(Bn());
+                                return I && ae !== "never" ? (e = An()) !== null && e !== void 0 ? e : [] : [];
+            }), [ An, I, ae ]);
+            var Bn = (0, e.useCallback)((function(e) {
+                var n = Te;
+                He(true);
+                Ze(In());
                 // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
                                 if (I) {
-                    Ne("");
+                    Le("");
                 }
-                if (n !== Le) {
+                if (n !== Te) {
                     H === null || H === void 0 ? void 0 : H(e, {
-                        keyword: Le
+                        keyword: Te
                     });
                 }
-            }), [ Le, Bn, I, H ]);
+            }), [ Te, In, I, H ]);
             (0, e.useEffect)((function() {
-                if (Fe) {
-                    X === null || X === void 0 ? void 0 : X();
-                    if (xn.current && !O) {
-                        xn.current.focus();
+                if (qe) {
+                    U === null || U === void 0 ? void 0 : U();
+                    if (kn.current && !O) {
+                        kn.current.focus();
                     } else {
                         var e;
-                        Me((e = jn.current) !== null && e !== void 0 ? e : 0);
+                        Me((e = xn.current) !== null && e !== void 0 ? e : 0);
                     }
                 }
-            }), [ X, Fe, Ye, Le, O ]);
-            var Ln = (0, e.useCallback)((function() {
-                Ke(false);
+            }), [ U, qe, Qe, Te, O ]);
+            var Tn = (0, e.useCallback)((function() {
+                He(false);
                 Me(0);
-                hn.current = null;
+                yn.current = null;
                 W === null || W === void 0 ? void 0 : W();
             }), [ W ]);
-            var Nn = (0, e.useCallback)((function(e, n) {
+            var Ln = (0, e.useCallback)((function(e, n) {
                 var r;
-                var t = (r = In()) !== null && r !== void 0 ? r : [];
+                var t = (r = An()) !== null && r !== void 0 ? r : [];
                 var o = t.indexOf(n);
                 var l;
                 if (I) {
                     if (o >= 0) {
-                        l = [].concat(He(t.slice(0, o)), He(t.slice(o + 1)));
+                        l = [].concat(_e(t.slice(0, o)), _e(t.slice(o + 1)));
                     } else {
                         l = t.concat([ n ]);
                     }
@@ -1228,143 +1226,143 @@
                     // non-multiple mode must always have a value
                     l = [ n ];
                 }
-                var a = !Oe;
+                var a = !he;
                 if (a) {
-                    on(l);
+                    tn(l);
                 }
                 if (I) {
                     // in uncontrolled multiple mode, keep the menu open
                     if (a) {
-                        Ke(true);
+                        He(true);
                     }
                 } else {
                     var i;
                     // non-multiple mode only supports a single selection
                     // so close the menu once a selection is made
-                                        Ln({
+                                        Tn({
                         reason: "contentClick"
                     });
-                    (i = an.current) === null || i === void 0 ? void 0 : i.focus();
+                    (i = ln.current) === null || i === void 0 ? void 0 : i.focus();
                 }
-                D === null || D === void 0 ? void 0 : D(e, {
+                q === null || q === void 0 ? void 0 : q(e, {
                     values: l,
                     name: T,
                     reason: "valueToggle"
                 });
-            }), [ In, Ln, Oe, I, T, D ]);
-            var Vn = function e() {
-                un.current = null;
-                vn.current = [];
-                if (cn.current) {
-                    clearTimeout(cn.current);
+            }), [ An, Tn, he, I, T, q ]);
+            var Nn = function e() {
+                an.current = null;
+                pn.current = [];
+                if (un.current) {
+                    clearTimeout(un.current);
                 }
             };
-            var qn = (0, e.useCallback)((function(e) {
+            var Vn = (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 = In()) !== null && r !== void 0 ? r : [];
-                var o = K()(t.concat(kn.current));
+                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 fn(e) && V()(o, e.props.value) && (!e.props.disabled || V()(t, e.props.value));
+                    return dn(e) && V()(o, e.props.value) && (!e.props.disabled || V()(t, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
-                if (!Oe) {
-                    on(o);
+                if (!he) {
+                    tn(o);
                 }
-                D === null || D === void 0 ? void 0 : D(e, {
+                q === null || q === void 0 ? void 0 : q(e, {
                     values: o,
                     name: T,
                     reason: "selectAll"
                 });
-            }), [ f, In, Oe, I, T, D ]);
+            }), [ f, An, he, I, T, q ]);
             var Dn = (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 = In()) !== null && r !== void 0 ? r : [];
-                var o = $().apply(void 0, [ t ].concat(He(kn.current)));
+                var t = (r = An()) !== null && r !== void 0 ? r : [];
+                var o = $().apply(void 0, [ t ].concat(_e(Cn.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 fn(e) && (V()(t, e.props.value) && e.props.disabled || V()(o, e.props.value));
+                    return dn(e) && (V()(t, e.props.value) && e.props.disabled || V()(o, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
-                if (!Oe) {
-                    on(l);
+                if (!he) {
+                    tn(l);
                 }
-                D === null || D === void 0 ? void 0 : D(e, {
+                q === null || q === void 0 ? void 0 : q(e, {
                     values: l,
                     name: T,
                     reason: "clearAll"
                 });
-            }), [ f, In, Oe, I, T, D ]);
-            var Fn = (0, e.useCallback)((function(e) {
-                if (Fe && !j) {
+            }), [ f, An, he, I, T, q ]);
+            var qn = (0, e.useCallback)((function(e) {
+                if (qe && !j) {
                     _ === null || _ === void 0 ? void 0 : _(e);
                 }
-            }), [ Fe, j, _ ]);
-            var _n = (0, e.useCallback)((function(n) {
-                var r = (0, se.keycode)(n.nativeEvent);
-                if (r === "tab") {
-                    if (fe && Sn.current && wn.current <= 1) {
+            }), [ qe, j, _ ]);
+            var Fn = (0, e.useCallback)((function(n) {
+                var r = n.key;
+                if (r === "Tab") {
+                    if (de && On.current && wn.current <= 1) {
                         n.preventDefault();
-                        Nn(n, Sn.current);
+                        Ln(n, On.current);
                     }
                 }
                 if (n.shiftKey || n.metaKey || n.ctrlKey) {
                     if (r === "a" && (n.ctrlKey || n.metaKey)) {
                         // handle control + A
-                        if (En.current === "all") {
+                        if (Pn.current === "all") {
                             Dn(n);
                         } else {
-                            qn(n);
+                            Vn(n);
                         }
                     }
                     return;
                 }
-                if (r === "down") {
+                if (r === "ArrowDown") {
                     n.preventDefault();
-                    Me(Math.min(Ee + 1, le === "checkbox" ? wn.current : wn.current - 1));
+                    Me(Math.min(Pe + 1, le === "checkbox" ? wn.current : wn.current - 1));
                     if (f && _) {
                         var t;
-                        var o = e.Children.toArray(f).length - (2 + ((t = In()) !== null && t !== void 0 ? t : []).length);
-                        if (Ee === o) {
-                            Fn(n);
+                        var o = e.Children.toArray(f).length - (2 + ((t = An()) !== null && t !== void 0 ? t : []).length);
+                        if (Pe === o) {
+                            qn(n);
                         }
                     }
                 }
-                if (r === "up") {
+                if (r === "ArrowUp") {
                     n.preventDefault();
-                    Me(Math.max(Ee - 1, 0));
+                    Me(Math.max(Pe - 1, 0));
                 }
-                if (r === "enter" && Sn.current && Fe) {
-                    if (Sn.current === "selectAll") {
-                        if (En.current === "all") {
+                if (r === "Enter" && On.current && qe) {
+                    if (On.current === "selectAll") {
+                        if (Pn.current === "all") {
                             Dn(n);
                         } else {
-                            qn(n);
+                            Vn(n);
                         }
                     } else {
                         n.preventDefault();
-                        Nn(n, Sn.current);
+                        Ln(n, On.current);
                     }
                 }
-            }), [ Ee, f, In, Dn, Fn, qn, _, Fe, le, fe, Nn ]);
-            var Hn = (0, e.useCallback)((function(e, n) {
+            }), [ Pe, f, An, Dn, qn, Vn, _, qe, le, de, Ln ]);
+            var _n = (0, e.useCallback)((function(e, n) {
                 var r = n.value;
                 e.preventDefault();
-                if (!Fe) {
+                if (!qe) {
                     return;
                 }
-                Nn(e, r);
-            }), [ Fe, Nn ]);
-            var Kn = (0, e.useCallback)((function(e, n) {
+                Ln(e, r);
+            }), [ qe, Ln ]);
+            var Hn = (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,93 +1371,93 @@
                         index: 0,
                         value: r
                     };
-                    if (!un.current) {
+                    if (!an.current) {
                         if (r === " ") {
-                            Vn();
+                            Nn();
                             return;
                         }
-                        t = Ae(yn.current, o);
-                    } else if (vn.current.length > 1) {
-                        o.index = un.current.index + 1;
-                        t = Ae(vn.current, o);
+                        t = Re(mn.current, o);
+                    } else if (pn.current.length > 1) {
+                        o.index = an.current.index + 1;
+                        t = Re(pn.current, o);
                     }
                     if (t.length) {
                         var l;
                         var a = 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(yn.current[n]);
+                            var i = t.indexOf(mn.current[n]);
                             if (i >= 0) {
                                 a = i === t.length - 1 ? 0 : i + 1;
                             }
                         }
                         var u = t[a];
                         var c = u.value, s = u.label;
-                        var d = Cn.current[pn(c, s)];
+                        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);
                     }
-                    vn.current = t;
-                    un.current = o;
-                    if (cn.current) {
-                        clearTimeout(cn.current);
+                    pn.current = t;
+                    an.current = o;
+                    if (un.current) {
+                        clearTimeout(un.current);
                     }
-                    cn.current = setTimeout(Vn, 500);
+                    un.current = setTimeout(Nn, 500);
                     e.preventDefault();
                     e.stopPropagation();
                 }
             }), []);
-            var zn = (0, e.useCallback)((function(e, n) {
+            var Kn = (0, e.useCallback)((function(e, n) {
                 var r = n.value;
-                Ne(r);
-                Ke(true);
+                Le(r);
+                He(true);
                 Me(0);
                 H === null || H === void 0 ? void 0 : H(e, {
                     keyword: r
                 });
             }), [ H ]);
-            var $n = (0, e.useCallback)((function() {
-                Ge(true);
+            var zn = (0, e.useCallback)((function() {
+                Xe(true);
             }), []);
-            var Wn = (0, e.useCallback)((function() {
-                Ge(false);
+            var $n = (0, e.useCallback)((function() {
+                Xe(false);
             }), []);
-            var Xn = (0, e.useCallback)((function(e) {
-                if (hn.current !== Ee) {
-                    Ie(e);
+            var Wn = (0, e.useCallback)((function(e) {
+                if (yn.current !== Pe) {
+                    Ae(e);
                 }
-            }), [ Ee ]);
+            }), [ Pe ]);
             var Un = (0, e.useCallback)((function(e, n, r) {
                 if (r) {
-                    xn.current = e;
+                    kn.current = e;
                 }
                 if (e == null) {
-                    delete Cn.current[n];
+                    delete Sn.current[n];
                 } else {
-                    Cn.current[n] = e;
-                }
-            }), [ Cn ]);
-            var Gn = (0, e.useCallback)((function(e) {
-                an.current = e;
-                _e(g, e);
-            }), [ g, an ]);
-            var Jn = (0, e.useMemo)((function() {
+                    Sn.current[n] = e;
+                }
+            }), [ Sn ]);
+            var Xn = (0, e.useCallback)((function(e) {
+                ln.current = e;
+                Fe(y, e);
+            }), [ y, ln ]);
+            var Gn = (0, e.useMemo)((function() {
                 var e;
-                return (e = In()) !== null && e !== void 0 ? e : [];
-            }), [ In ]);
-            var Qn = e.Children.toArray(f);
-            var Yn = Jn.some((function(e) {
-                var n = B()(Qn, (function(n) {
-                    return fn(n) && n.props.value === e;
+                return (e = An()) !== null && e !== void 0 ? e : [];
+            }), [ An ]);
+            var Jn = e.Children.toArray(f);
+            var Qn = Gn.some((function(e) {
+                var n = B()(Jn, (function(n) {
+                    return dn(n) && n.props.value === e;
                 }));
                 return n && !n.props.disabled;
             }));
-            var Zn = ae === "immediately" ? Bn() : Ye;
-            var er = (0, e.useMemo)((function() {
+            var Yn = ae === "immediately" ? In() : Qe;
+            var Zn = (0, e.useMemo)((function() {
                 wn.current = 0;
-                jn.current = undefined;
-                Pn.current = 0;
-                Sn.current = undefined;
-                yn.current = [];
+                xn.current = undefined;
+                jn.current = 0;
+                On.current = undefined;
+                mn.current = [];
                 var r = function e(n, r) {
                     return function(e) {
                         return Un(e, n, r);
@@ -1472,68 +1470,68 @@
                                 var i;
                 var c = e.Children.toArray(f).reduce((function(c, s, d) {
                     // ignore Headings and Dividers
-                    if (!fn(s)) {
+                    if (!dn(s)) {
                         c.push(s);
                         return c;
                     }
                     var f = s.props, p = f.disabled, v = f.hidden, b = f.label, m = f.value;
  // Find out if the search string exactly matches a value
-                                        if (m === Le) {
+                                        if (m === Te) {
                         t = true;
                     }
-                    var y = Jn && Jn.indexOf(m) >= 0;
-                    var g = !!y && !p && !i;
+                    var g = Gn && Gn.indexOf(m) >= 0;
+                    var y = !!g && !p && !i;
                     var h = o && !I && !O && !j && !_;
-                    var S = pn(m, b);
-                    var C = -1;
+                    var S = fn(m, b);
+                    var w = -1;
                     if (h && !p && !v) {
-                        yn.current.push({
+                        mn.current.push({
                             label: b,
                             value: m
                         });
-                        C = yn.current.length - 1;
+                        w = mn.current.length - 1;
                     }
                     // Format the Menu.Item
-                                        var w =  (0, e.cloneElement)(s, {
-                        elementRef: r(S, g),
+                                        var C =  (0, e.cloneElement)(s, {
+                        elementRef: r(S, y),
                         key: s.key || d,
-                        onClick: Hn,
+                        onClick: _n,
                         onKeyDown: h ? function(e) {
-                            return Kn(e, C);
+                            return Hn(e, w);
                         } : undefined,
-                        selected: y,
+                        selected: g,
                         multiple: I,
                         role: "option"
                     });
-                    if (g) {
+                    if (y) {
                         i = true;
                     }
-                    if (Zn && Zn.indexOf(m) >= 0) {
+                    if (Yn && Yn.indexOf(m) >= 0) {
                         if (l === 0) {
                             c.splice(l, 0,  n().createElement(u.Divider, {
                                 key: "topDivider"
                             }));
                             a = true;
                         }
-                        c.splice(l, 0, w);
+                        c.splice(l, 0, C);
                         l += 1;
                     } else {
-                        c.push(w);
+                        c.push(C);
                     }
                     return c;
                 }), []);
                 // In multiple mode, add missing items
                                 if (I) {
-                    L()(Jn, (function(e) {
+                    L()(Gn, (function(e) {
                         var o = B()(c, (function(n) {
-                            return fn(n) && n.props && n.props.value === e;
+                            return dn(n) && n.props && n.props.value === e;
                         }));
                         if (!o) {
-                            if (e === Le) {
+                            if (e === Te) {
                                 t = true;
                             }
-                            var i = Zn && Zn.indexOf(e) >= 0;
-                            var s = Zn.length;
+                            var i = Yn && Yn.indexOf(e) >= 0;
+                            var s = Yn.length;
                             if (l === 0) {
                                 c.splice(0, 0,  n().createElement(u.Divider, {
                                     key: "topDivider"
@@ -1542,13 +1540,13 @@
                                 a = true;
                             }
                             var d = String(e);
-                            var f = pn(e, d);
-                            c.splice(i ? 0 : s + 1, 0,  n().createElement(w, {
+                            var f = fn(e, d);
+                            c.splice(i ? 0 : s + 1, 0,  n().createElement(C, {
                                 elementRef: r(f),
                                 label: d,
                                 value: e,
                                 key: "missing-value-".concat(e),
-                                onClick: Hn,
+                                onClick: _n,
                                 multiple: I,
                                 selected: true
                             }));
@@ -1560,15 +1558,15 @@
                 }
                 var p = O === "controlled";
                 // Filter the items
-                                var v = (0, ue.stringToKeywords)(Le);
+                                var v = (0, ue.stringToKeywords)(Te);
                 c = p ? c : c.filter((function(e) {
-                    if (fn(e)) {
+                    if (dn(e)) {
                         return (0, ue.testPhrase)(e.props.label, v);
                     }
                     return true;
  // Keep all headers and non-interactive options
                                 })).map((function(n) {
-                    if (!fn(n)) {
+                    if (!dn(n)) {
                         return n;
                     }
                     // highlight matched text
@@ -1579,26 +1577,26 @@
                     });
                 }));
                 // Add the option to add the new value
-                                if (s && !t && Le) {
+                                if (s && !t && Te) {
                     var b = a ? l + 1 : l;
-                    var m = "".concat(Le, " (new value)");
-                    var y = pn(Le, m);
-                    c.splice(b, 0,  n().createElement(w, {
-                        elementRef: r(y),
+                    var m = "".concat(Te, " (new value)");
+                    var g = fn(Te, m);
+                    c.splice(b, 0,  n().createElement(C, {
+                        elementRef: r(g),
                         label: m,
-                        value: Le,
+                        value: Te,
                         key: "newValue",
                         multiple: I,
-                        onClick: Hn
+                        onClick: _n
                     }));
                 }
                 // When selectAll is a menu item, add an offset so that activeItem accounts for the extra selectAll option.
-                                var g = le === "checkbox" && I && c.length > 1 ? 1 : 0;
+                                var y = le === "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 (!fn(r)) {
+                    if (!dn(r)) {
                         n.push(r);
                         return n;
                     }
@@ -1606,13 +1604,13 @@
                                         if (r.props && r.props.hidden) {
                         return n;
                     }
-                    if (r.props.selected && !r.props.disabled && jn.current == null) {
-                        jn.current = wn.current;
+                    if (r.props.selected && !r.props.disabled && xn.current == null) {
+                        xn.current = wn.current;
                     }
-                    var t = g === Ee;
-                    g += 1;
+                    var t = y === Pe;
+                    y += 1;
                     wn.current += 1;
-                    Pn.current += r.props.selected ? 1 : 0;
+                    jn.current += r.props.selected ? 1 : 0;
                     if (r.key !== "newValue" && !r.props.disabled && !r.props.selected) {
                         h = false;
                     }
@@ -1621,124 +1619,126 @@
                         return n;
                     }
                     if (!r.props.disabled) {
-                        Sn.current = r.props.value;
+                        On.current = r.props.value;
                     }
                     var o =  (0, e.cloneElement)(r, {
                         active: t,
-                        elementRef: Xn,
-                        id: ke
+                        elementRef: Wn,
+                        id: Ce
                     });
                     n.push(o);
                     return n;
                 }), []);
-                En.current = Pn.current === 0 && "none" || h && "all" || "some";
+                Pn.current = jn.current === 0 && "none" || h && "all" || "some";
                 // add select all option
                                 if (le === "checkbox" && I && wn.current > 0) {
                     var S;
-                    if (En.current === "all") {
-                        if (Le === "") {
+                    if (Pn.current === "all") {
+                        if (Te === "") {
                             S = (0, d._)("Clear all");
                         } else {
                             S = (0, d._)("Clear all matches");
                         }
-                    } else if (Le === "") {
+                    } else if (Te === "") {
                         S = (0, d._)("Select all");
                     } else {
                         S = (0, d._)("Select all matches");
                     }
-                    if (Ee === 0 && Ue) {
-                        Sn.current = "selectAll";
+                    if (Pe === 0 && Ue) {
+                        On.current = "selectAll";
                     }
-                    c.unshift( n().createElement(pe, {
+                    c.unshift( n().createElement(fe, {
                         key: "select-all-option",
-                        active: Ee === 0,
-                        changedToggle: !!me,
-                        elementRef: Xn,
-                        id: Ee === 0 ? ke : undefined,
-                        onClick: En.current === "all" ? Dn : qn,
+                        active: Pe === 0,
+                        changedToggle: !!be,
+                        elementRef: Wn,
+                        id: Pe === 0 ? Ce : undefined,
+                        onClick: Pn.current === "all" ? Dn : Vn,
                         selectAllLabel: S,
-                        selected: En.current === "all" || En.current !== "none" && "some",
-                        totalCount: Jn.length,
+                        selected: Pn.current === "all" || Pn.current !== "none" && "some",
+                        totalCount: Gn.length,
                         tabIndex: -1
                     }),  n().createElement(u.Divider, {
                         key: "selectAllDivider"
                     }));
                 }
-                kn.current = c.reduce((function(e, n) {
-                    if (fn(n)) {
+                Cn.current = c.reduce((function(e, n) {
+                    if (dn(n)) {
                         e.push(n.props.value);
                     }
                     return e;
                 }), []);
                 return c;
-            }), [ Ee, ke, o, s, f, Jn, O, Le, Xn, Dn, Hn, Kn, Un, qn, j, I, Zn, _, le, Ue, me ]);
-            var nr = function e(r) {
-                var t = r.anchorWidth, o = r.maxHeight, a = r.placement;
-                var i = sn({
+            }), [ Pe, Ce, o, s, f, Gn, O, Te, Wn, Dn, _n, Hn, Un, Vn, j, I, Yn, _, le, Ue, be ]);
+            var er = function e(r) {
+                var t = r.anchorWidth, o = r.maxHeight, a = r.placement, i = r.toggleId;
+                var u = cn({
                     anchorWidth: t,
                     isMultiple: I,
                     maxHeight: o,
                     menuStyle: A
                 });
-                var u = Jn.length > 0 && !Yn && !O ? 0 : undefined;
-                var c = {
+                var c = Gn.length > 0 && !Qn && !O ? 0 : undefined;
+                var s = {
                     "aria-multiselectable": I || undefined,
                     childrenStart: !!O &&  n().createElement(gn, {
-                        activeItemId: ke,
-                        filterA11yId: An,
-                        filterKeyword: Le,
-                        hasChildren: er.some((function(e) {
-                            return fn(e);
+                        activeItemId: Ce,
+                        filterA11yId: Rn,
+                        filterKeyword: Te,
+                        hasChildren: Zn.some((function(e) {
+                            return dn(e);
                         })),
                         inputId: k,
                         inputRef: x,
-                        menuListboxId: xe,
+                        menuListboxId: ke,
                         multiple: I,
                         onClearAll: Dn,
-                        onSelectAll: qn,
-                        onTextBlur: Wn,
-                        onTextChange: zn,
-                        onTextFocus: $n,
-                        onTextKeyDown: _n,
-                        optionSelection: En,
+                        onSelectAll: Vn,
+                        onTextBlur: $n,
+                        onTextChange: Kn,
+                        onTextFocus: zn,
+                        onTextKeyDown: Fn,
+                        optionSelection: Pn,
                         placement: a,
                         selectAllAppearance: le,
                         textHasFocus: Ue
                     }),
                     focusMode: O ? "never" : undefined,
                     isLoading: j,
-                    menuId: xe,
-                    onScrollBottom: _ ? Fn : undefined,
+                    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: q,
+                    noOptionsMessage: D,
                     footerMessage: S,
                     animateLoading: l,
-                    loadingMessage: R,
+                    loadingMessage: M,
                     onScroll: F,
-                    style: i,
-                    tabIndex: u
+                    style: u,
+                    tabIndex: c
                 };
-                if (be) {
+                if (ve) {
                     
-                    return n().createElement(ee.VirtualizedResultsMenu, We({
-                        virtualization: be
-                    }, c), er);
+                    return n().createElement(ee.VirtualizedResultsMenu, $e({
+                        virtualization: ve
+                    }, s), Zn);
                 }
                 
-                return n().createElement(ne(), c, er);
+                return n().createElement(ne(), s, Zn);
             };
-            var rr = (0, e.useMemo)((function() {
+            var nr = (0, e.useMemo)((function() {
                 
-                return n().createElement(On, We({
+                return n().createElement(hn, $e({
                     appearance: i,
                     append: c,
-                    currentValues: In(),
+                    currentValues: An(),
                     "data-test": I ? "multiselect" : "select",
                     describedBy: m,
-                    disabled: y,
-                    elementRef: Gn,
+                    disabled: g,
+                    elementRef: Xn,
                     error: h,
-                    inline: C,
+                    inline: w,
                     labelText: E,
                     labelledBy: P,
                     multiple: I,
@@ -1746,35 +1746,35 @@
                     placeholder: J,
                     prefixLabel: Y,
                     prepend: Z,
-                    required: U,
-                    suffixLabel: de,
-                    toggle: me,
+                    required: X,
+                    suffixLabel: se,
+                    toggle: be,
                     toggleContent: ge
-                }, he), f);
-            }), [ i, c, In, I, m, y, h, Gn, C, E, P, z, J, Y, Z, U, de, me, ge, he, f ]);
+                }, ye), f);
+            }), [ i, c, An, I, m, g, h, Xn, w, E, P, z, J, Y, Z, X, se, be, ge, ye, f ]);
             
             return n().createElement(Q(), {
-                closeReasons: dn,
+                closeReasons: sn,
                 inputId: k,
-                "aria-labelledby": An,
-                toggle: rr,
-                onRequestOpen: Tn,
-                onRequestClose: Ln,
-                open: Fe,
+                "aria-labelledby": Rn,
+                toggle: nr,
+                onRequestOpen: Bn,
+                onRequestClose: Tn,
+                open: qe,
                 openWithArrowKeys: true,
                 repositionMode: te,
                 defaultPlacement: v,
-                canCoverAnchor: qe().innerHeight < 500,
+                canCoverAnchor: Ve().innerHeight < 500,
                 retainFocus: false,
-                takeFocus: Jn.length === 0 || Jn.length > 0 && !Yn || !!O
-            }, nr);
-        }
-        Sn.propTypes = un;
-        Sn.componentType = "SelectBase";
-        Sn.Option = w;
-        Sn.Divider = u.Divider;
-        Sn.Heading = u.Heading;
-        /* harmony default export */        const Cn = Sn;
+                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;
         // CONCATENATED MODULE: ./src/Multiselect/Compact.tsx
         function wn() {
             return wn = Object.assign ? Object.assign.bind() : function(e) {
@@ -1787,9 +1787,9 @@
                 return e;
             }, wn.apply(null, arguments);
         }
-        function kn(e, n) {
+        function Cn(e, n) {
             if (null == e) return {};
-            var r, t, o = xn(e, n);
+            var r, t, o = kn(e, n);
             if (Object.getOwnPropertySymbols) {
                 var l = Object.getOwnPropertySymbols(e);
                 for (t = 0; t < l.length; t++) {
@@ -1798,7 +1798,7 @@
             }
             return o;
         }
-        function xn(e, n) {
+        function kn(e, n) {
             if (null == e) return {};
             var r = {};
             for (var t in e) {
@@ -1809,7 +1809,7 @@
             }
             return r;
         }
-        var jn = {
+        var xn = {
             allowNewValues: l().bool,
             animateLoading: l().bool,
             children: l().node,
@@ -1847,11 +1847,11 @@
             virtualization: l().number
         };
         // TS: not typed controlled/uncontrolled, handled by Multiselect wrapper component
-                var Pn = {};
-        var En = (0, d._)("No matches");
-        var Rn = (0, d._)("Select...");
+                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, y = r.inputId, g = r.inputRef, h = r.isLoadingOptions, O = r.labelledBy, S = r.loadingMessage, C = r.menuStyle, k = C === void 0 ? Pn : C, x = r.name, j = r.noOptionsMessage, P = j === void 0 ? En : j, E = r.onChange, R = r.onClose, M = r.onFilterChange, A = r.onOpen, I = r.onScroll, B = r.onScrollBottom, T = r.placeholder, L = T === void 0 ? Rn : T, N = r.repositionMode, V = r.selectAllAppearance, q = r.showSelectedValuesFirst, D = q === void 0 ? "nextOpen" : q, F = r.tabConfirmsNewValue, _ = r.values, H = r.virtualization, K = kn(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 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" ]);
             // @docs-props-type CompactPropsBase
                         if (false) {}
             var z = true;
@@ -1863,11 +1863,11 @@
             }
             var $ = {
                 children: e.Children.toArray(l).map((function(e) {
-                    if (fn(e)) {
+                    if (dn(e)) {
                         var r;
                         var t = (r = e.key) !== null && r !== void 0 ? r : "".concat(e.props.label, "-").concat(e.props.value);
                         
-                        return n().createElement(w, wn({
+                        return n().createElement(C, wn({
                             key: t
                         }, e.props, {
                             multiple: true
@@ -1884,7 +1884,7 @@
                 $.values = _;
             }
             
-            return n().createElement(Cn, wn({
+            return n().createElement(Sn, wn({
                 allowNewValues: t,
                 animateLoading: o,
                 describedBy: s,
@@ -1894,8 +1894,8 @@
                 error: p,
                 footerMessage: b,
                 inline: m,
-                inputId: y,
-                inputRef: g,
+                inputId: g,
+                inputRef: y,
                 isLoadingOptions: h,
                 labelledBy: O,
                 loadingMessage: S,
@@ -1903,104 +1903,104 @@
                 name: x,
                 noOptionsMessage: P,
                 onChange: E,
-                onClose: R,
-                onFilterChange: M,
+                onClose: M,
+                onFilterChange: R,
                 onOpen: A,
                 onScroll: I,
                 onScrollBottom: B,
                 placeholder: L,
                 repositionMode: N,
                 selectAllAppearance: V,
-                showSelectedValuesFirst: D,
+                showSelectedValuesFirst: q,
                 tabConfirmsNewValue: F,
                 virtualization: H
             }, K, $, {
                 multiple: true
             }));
         }
-        Mn.propTypes = jn;
-        Mn.Option = R;
+        Mn.propTypes = xn;
+        Mn.Option = M;
         Mn.Divider = u.Divider;
         Mn.Heading = u.Heading;
-        /* harmony default export */        const An = Mn;
+        /* harmony default export */        const Rn = Mn;
         // CONCATENATED MODULE: external "lodash/defer"
-        const In = require("lodash/defer");
-        var Bn =  r.n(In);
+        const An = require("lodash/defer");
+        var In =  r.n(An);
         // CONCATENATED MODULE: external "lodash/get"
-        const Tn = require("lodash/get");
-        var Ln =  r.n(Tn);
+        const Bn = require("lodash/get");
+        var Tn =  r.n(Bn);
         // CONCATENATED MODULE: external "lodash/isString"
-        const Nn = require("lodash/isString");
-        var Vn =  r.n(Nn);
+        const Ln = require("lodash/isString");
+        var Nn =  r.n(Ln);
         // CONCATENATED MODULE: external "lodash/keys"
-        const qn = require("lodash/keys");
-        var Dn =  r.n(qn);
+        const Vn = require("lodash/keys");
+        var Dn =  r.n(Vn);
         // CONCATENATED MODULE: external "lodash/last"
-        const Fn = require("lodash/last");
-        var _n =  r.n(Fn);
+        const qn = require("lodash/last");
+        var Fn =  r.n(qn);
         // CONCATENATED MODULE: external "lodash/omit"
-        const Hn = require("lodash/omit");
-        var Kn =  r.n(Hn);
+        const _n = require("lodash/omit");
+        var Hn =  r.n(_n);
         // CONCATENATED MODULE: external "lodash/pickBy"
-        const zn = require("lodash/pickBy");
-        var $n =  r.n(zn);
+        const Kn = require("lodash/pickBy");
+        var zn =  r.n(Kn);
         // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
-        const Wn = require("@splunk/react-ui/Popover");
-        var Xn =  r.n(Wn);
+        const $n = require("@splunk/react-ui/Popover");
+        var Wn =  r.n($n);
         // CONCATENATED MODULE: external "@splunk/ui-utils/format"
         const Un = require("@splunk/ui-utils/format");
         // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-        const Gn = require("@splunk/react-ui/Box");
-        var Jn =  r.n(Gn);
+        const Xn = require("@splunk/react-ui/Box");
+        var Gn =  r.n(Xn);
         // CONCATENATED MODULE: external "@splunk/react-ui/Chip"
-        const Qn = require("@splunk/react-ui/Chip");
-        var Yn =  r.n(Qn);
+        const Jn = require("@splunk/react-ui/Chip");
+        var Qn =  r.n(Jn);
         // CONCATENATED MODULE: ./src/Multiselect/NormalStyles.ts
-        var Zn = be()(Jn()).withConfig({
+        var Yn = ve()(Gn()).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;}" ], Oe.variables.spacingXSmall, Oe.variables.borderRadius, Oe.variables.inputHeight, Oe.variables.inputBorderWidth, Oe.variables.interactiveColorBorder, Oe.variables.spacingXSmall, Oe.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;}" ], he.variables.spacingXSmall, he.variables.borderRadius, he.variables.inputHeight, he.variables.inputBorderWidth, he.variables.interactiveColorBorder, he.variables.spacingXSmall, he.variables.interactiveColorBackground, (function(e) {
             var n = e.$hasFocus;
-            return n && (0, ve.css)([ "box-shadow:", ";" ], Oe.variables.focusShadow);
+            return n && (0, pe.css)([ "box-shadow:", ";" ], he.variables.focusShadow);
         }), (function(e) {
             var n = e.$error;
-            return n && (0, ve.css)([ "border-color:", ";&:hover:not([disabled]){border-color:", ";}" ], Oe.variables.interactiveColorAccentError, Oe.variables.interactiveColorAccentErrorStrong);
+            return n && (0, pe.css)([ "border-color:", ";&:hover:not([disabled]){border-color:", ";}" ], he.variables.interactiveColorAccentError, he.variables.interactiveColorAccentErrorStrong);
         }), (function(e) {
             var n = e.$disabled;
-            return n && (0, ve.css)([ "border-color:", ";background-color:", ";cursor:not-allowed;" ], Oe.variables.interactiveColorBorderDisabled, Oe.variables.interactiveColorBackgroundDisabled);
+            return n && (0, pe.css)([ "border-color:", ";background-color:", ";cursor:not-allowed;" ], he.variables.interactiveColorBorderDisabled, he.variables.interactiveColorBackgroundDisabled);
         }), (function(e) {
             var n = e.$disabled, r = e.$hasFocus;
-            return !n && !r && (0, ve.css)([ "&:hover{border-color:", ";}" ], Oe.variables.interactiveColorBorderHover);
+            return !n && !r && (0, pe.css)([ "&:hover{border-color:", ";}" ], he.variables.interactiveColorBorderHover);
         }), (function(e) {
             var n = e.$popoverOpen;
-            return n && (0, ve.css)([ "position:relative;z-index:calc(", " - 2);" ], Oe.variables.zindexFixedNavbar);
+            return n && (0, pe.css)([ "position:relative;z-index:calc(", " - 2);" ], he.variables.zindexFixedNavbar);
         }));
-        var er = be().span.withConfig({
+        var Zn = ve().span.withConfig({
             displayName: "NormalStyles__StyledButtonsWrapper",
             componentId: "sc-1uwwpco-1"
         })([ "display:contents;" ]);
-        var nr = be().input.withConfig({
+        var er = ve().input.withConfig({
             displayName: "NormalStyles__StyledInput",
             componentId: "sc-1uwwpco-2"
-        })([ "", ";flex:1 0 auto;max-width:100%;" ], Oe.mixins.reset("block"));
-        var rr = be()(Yn()).withConfig({
+        })([ "", ";flex:1 0 auto;max-width:100%;" ], he.mixins.reset("block"));
+        var nr = ve()(Qn()).withConfig({
             displayName: "NormalStyles__StyledChip",
             componentId: "sc-1uwwpco-3"
         })([ "line-height:1.1429;height:auto;", ";&:not([disabled]):focus{box-shadow:", ";}" ], (0, 
-        Oe.pick)({
-            compact: (0, ve.css)([ "padding-block:2px;" ])
-        }), Oe.variables.focusShadowInset);
+        he.pick)({
+            compact: (0, pe.css)([ "padding-block:2px;" ])
+        }), he.variables.focusShadowInset);
         // CONCATENATED MODULE: ./src/Multiselect/Normal.tsx
-        function tr(e) {
+        function rr(e) {
             "@babel/helpers - typeof";
-            return tr = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return rr = "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;
-            }, tr(e);
+            }, rr(e);
         }
-        function or() {
-            return or = Object.assign ? Object.assign.bind() : function(e) {
+        function tr() {
+            return tr = 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,41 +2008,41 @@
                     }
                 }
                 return e;
-            }, or.apply(null, arguments);
+            }, tr.apply(null, arguments);
         }
-        function lr(e) {
-            return ur(e) || ir(e) || dr(e) || ar();
+        function or(e) {
+            return ir(e) || ar(e) || sr(e) || lr();
         }
-        function ar() {
+        function lr() {
             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 ir(e) {
+        function ar(e) {
             if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
         }
-        function ur(e) {
-            if (Array.isArray(e)) return fr(e);
+        function ir(e) {
+            if (Array.isArray(e)) return dr(e);
         }
-        function cr(e, n) {
-            return vr(e) || pr(e, n) || dr(e, n) || sr();
+        function ur(e, n) {
+            return pr(e) || fr(e, n) || sr(e, n) || cr();
         }
-        function sr() {
+        function cr() {
             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 dr(e, n) {
+        function sr(e, n) {
             if (e) {
-                if ("string" == typeof e) return fr(e, n);
+                if ("string" == typeof e) return dr(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) ? fr(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) ? dr(e, n) : void 0;
             }
         }
-        function fr(e, n) {
+        function dr(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 pr(e, n) {
+        function fr(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;
@@ -2064,12 +2064,12 @@
                 return i;
             }
         }
-        function vr(e) {
+        function pr(e) {
             if (Array.isArray(e)) return e;
         }
-        function br(e, n) {
+        function vr(e, n) {
             if (null == e) return {};
-            var r, t, o = mr(e, n);
+            var r, t, o = br(e, n);
             if (Object.getOwnPropertySymbols) {
                 var l = Object.getOwnPropertySymbols(e);
                 for (t = 0; t < l.length; t++) {
@@ -2078,7 +2078,7 @@
             }
             return o;
         }
-        function mr(e, n) {
+        function br(e, n) {
             if (null == e) return {};
             var r = {};
             for (var t in e) {
@@ -2089,7 +2089,7 @@
             }
             return r;
         }
-        function yr(e, n) {
+        function mr(e, n) {
             var r = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
                 var t = Object.getOwnPropertySymbols(e);
@@ -2102,37 +2102,37 @@
         function gr(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var r = null != arguments[n] ? arguments[n] : {};
-                n % 2 ? yr(Object(r), !0).forEach((function(n) {
-                    hr(e, n, r[n]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : yr(Object(r)).forEach((function(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) {
                     Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
                 }));
             }
             return e;
         }
-        function hr(e, n, r) {
-            return (n = Or(n)) in e ? Object.defineProperty(e, n, {
+        function yr(e, n, r) {
+            return (n = hr(n)) in e ? Object.defineProperty(e, n, {
                 value: r,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
             }) : e[n] = r, e;
         }
-        function Or(e) {
-            var n = Sr(e, "string");
-            return "symbol" == tr(n) ? n : n + "";
+        function hr(e) {
+            var n = Or(e, "string");
+            return "symbol" == rr(n) ? n : n + "";
         }
-        function Sr(e, n) {
-            if ("object" != tr(e) || !e) return e;
+        function Or(e, n) {
+            if ("object" != rr(e) || !e) return e;
             var r = e[Symbol.toPrimitive];
             if (void 0 !== r) {
                 var t = r.call(e, n || "default");
-                if ("object" != tr(t)) return t;
+                if ("object" != rr(t)) return t;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === n ? String : Number)(e);
         }
-        var Cr = {
+        var Sr = {
             allowNewValues: l().bool,
             animateLoading: l().bool,
             children: l().node,
@@ -2166,14 +2166,14 @@
             tabConfirmsNewValue: l().bool,
             values: l().array
         };
-        var wr = D()((function(e) {
+        var wr = q()((function(e) {
             return {
                 flexBasis: e,
                 width: e
             };
         }));
         // export for testing purpose
-                var kr = D()((function(e) {
+                var Cr = q()((function(e) {
             var n = e.anchorWidth, r = n === void 0 ? 0 : n, t = e.maxHeight, o = e.menuStyle;
             return gr({
                 maxHeight: t,
@@ -2182,11 +2182,11 @@
             }, o || {});
         }));
         // TS: not typed controlled/uncontrolled, handled by Multiselect wrapper component
-                var xr = {};
-        var jr = (0, d._)("No matches");
-        var Pr = (0, d._)("Select...");
-        function Er(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, y = r.footerMessage, g = r.inline, h = r.inputId, O = r.inputRef, S = r.isLoadingOptions, C = r.labelledBy, w = r.loadingMessage, k = r.menuStyle, x = k === void 0 ? xr : k, j = r.name, P = r.noOptionsMessage, E = P === void 0 ? jr : P, M = r.onChange, A = r.onClose, I = r.onFilterChange, B = r.onScroll, T = r.onScrollBottom, L = r.onOpen, N = r.placeholder, V = N === void 0 ? Pr : N, q = r.required, D = r.repositionMode, F = r.tabConfirmsNewValue, _ = r.values, H = br(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 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" ]);
             // @docs-props-type NormalPropsBase
                         var K = s()({
                 componentName: "Multiselect",
@@ -2197,215 +2197,219 @@
                 valuePropName: "values"
             });
             if (false) {}
-            var z = (0, e.useState)(0), W = cr(z, 2), X = W[0], U = W[1];
-            var G = (0, e.useState)(null), J = cr(G, 2), Q = J[0], Y = J[1];
-            var Z = (0, e.useState)(""), ee = cr(Z, 2), re = ee[0], te = ee[1];
-            var oe = (0, e.useState)(false), ae = cr(oe, 2), ie = ae[0], de = ae[1];
-            var fe = (0, e.useState)(false), pe = cr(fe, 2), ve = pe[0], be = pe[1];
-            var me = (0, e.useState)(f || []), ye = cr(me, 2), ge = ye[0], he = ye[1];
-            var Oe = (0, e.useState)(""), Se = cr(Oe, 2), Ce = Se[0], we = Se[1];
-            var ke = K && _ ? _ : ge;
-            var xe = ke.slice(0);
-            var je = ke.indexOf(re) >= 0;
+            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 Pe = (0, e.useRef)(null);
-            var Ee = (0, e.useRef)(null);
-            var Re = (0, e.useRef)(undefined);
+            var Ee = (0, e.useRef)(undefined);
             var Me = (0, e.useRef)(0);
-            var Ae = (0, e.useState)((function() {
+            var Re = (0, e.useState)((function() {
                 return {
                     activeItemId: (0, ce.createDOMID)("active-item"),
                     popoverId: (0, ce.createDOMID)("popover")
                 };
-            })), Be = cr(Ae, 1), Te = Be[0], Le = Te.activeItemId, Ne = Te.popoverId;
+            })), Ie = ur(Re, 1), Be = Ie[0], Te = Be.activeItemId, Le = Be.popoverId;
             (0, e.useEffect)((function() {
                 if (K) {
                     te("");
-                    U(0);
+                    X(0);
                 }
             }), [ _, K ]);
-            var Ve = (0, e.useCallback)((function(e) {
+            // 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;
+            }), [ U ]);
+            var Ne = (0, e.useCallback)((function(e) {
                 var n = e.resetFilterKeyword;
-                if (!ve) {
+                if (!pe) {
                     te((function(e) {
                         return n ? "" : e;
                     }));
-                    de(true);
-                    be(true);
+                    se(true);
+                    ve(true);
                     L === null || L === void 0 ? void 0 : L();
                 }
-            }), [ ve, L ]);
-            var qe = (0, e.useCallback)((function() {
+            }), [ pe, L ]);
+            var Ve = (0, e.useCallback)((function() {
                 if (ie) {
-                    Ve({
+                    Ne({
                         resetFilterKeyword: false
                     });
                 } else {
                     var e;
-                    (e = Pe.current) === null || e === void 0 ? void 0 : e.focus();
+                    (e = je.current) === null || e === void 0 ? void 0 : e.focus();
                 }
-            }), [ ie, Ve ]);
+            }), [ ie, Ne ]);
             var De = (0, e.useCallback)((function(e, n) {
-                if (!ve) {
+                if (!pe) {
                     return;
                 }
-                var r = (ke || []).concat([ n ]);
+                var r = (Ce || []).concat([ n ]);
                 if (!K) {
-                    he(r);
-                    U(0);
-                    be(true);
+                    ye(r);
+                    X(0);
+                    ve(true);
                     te("");
                 }
-                M === null || M === void 0 ? void 0 : M(e, {
+                R === null || R === void 0 ? void 0 : R(e, {
                     values: r,
                     name: j
                 });
-            }), [ ve, ke, K, M, j ]);
-            var Fe = (0, e.useCallback)((function(e, n) {
-                var r = $()(ke, n);
+            }), [ pe, Ce, K, R, j ]);
+            var qe = (0, e.useCallback)((function(e, n) {
+                var r = $()(Ce, n);
                 if (!K) {
-                    he(r);
+                    ye(r);
                 }
-                M === null || M === void 0 ? void 0 : M(e, {
+                R === null || R === void 0 ? void 0 : R(e, {
                     values: r,
                     name: j
                 });
-            }), [ ke, K, j, M ]);
-            var He = (0, e.useCallback)((function(e) {
-                if (ve && !S) {
+            }), [ 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"));
                 }
-            }), [ ve, S, T ]);
-            var Ke = (0, e.useCallback)((function(e, n) {
+            }), [ pe, S, T ]);
+            var He = (0, e.useCallback)((function(e, n) {
                 var r = n.value;
-                Bn()((function() {
-                    return Fe(e, r);
+                In()((function() {
+                    return qe(e, r);
                 }));
-            }), [ Fe ]);
-            var ze = (0, e.useCallback)((function(e) {
+            }), [ qe ]);
+            var Ke = (0, e.useCallback)((function(e) {
                 if (re !== "") {
                     I === null || I === void 0 ? void 0 : I(e, {
                         keyword: ""
                     });
                 }
-                Ve({
+                Ne({
                     resetFilterKeyword: true
                 });
-            }), [ re, I, Ve ]);
-            var $e = (0, e.useCallback)((function(n) {
+            }), [ re, I, Ne ]);
+            var ze = (0, e.useCallback)((function(n) {
                 var r;
-                var t = (0, se.keycode)(n.nativeEvent);
-                if (t === "tab" && ve) {
-                    if (F && Re.current !== undefined && Me.current <= 1) {
+                var t = n.key;
+                if (t === "Tab" && pe) {
+                    if (F && Ee.current !== undefined && Me.current <= 1) {
                         var o;
                         n.preventDefault();
-                        De(n, Re.current);
-                        (o = Pe.current) === null || o === void 0 ? void 0 : o.focus();
+                        De(n, Ee.current);
+                        (o = je.current) === null || o === void 0 ? void 0 : o.focus();
                     } else {
-                        be(false);
+                        ve(false);
                     }
                 }
                 if (n.shiftKey || n.metaKey || n.ctrlKey) {
                     return;
                 }
-                if (t === "end" && ve) {
+                if (t === "End" && pe) {
                     n.preventDefault();
-                    U(Me.current - 1);
+                    X(Me.current - 1);
                 }
-                if (t === "home" && ve) {
+                if (t === "Home" && pe) {
                     n.preventDefault();
-                    U(0);
+                    X(0);
                 }
-                if (t === "down") {
+                if (t === "ArrowDown") {
                     n.preventDefault();
-                    if (ve) {
-                        U((function(e) {
+                    if (pe) {
+                        X((function(e) {
                             return Math.min(e + 1, Me.current - 1);
                         }));
                     } else {
-                        U(0);
-                        be(true);
+                        X(0);
+                        ve(true);
                     }
                     if (l && T) {
-                        var a = e.Children.toArray(l).length - (2 + ((ke === null || ke === void 0 ? void 0 : ke.length) || 0));
-                        if (X === a) {
-                            He(n);
+                        var a = e.Children.toArray(l).length - (2 + ((Ce === null || Ce === void 0 ? void 0 : Ce.length) || 0));
+                        if (U === a) {
+                            _e(n);
                         }
                     }
                 }
-                if (t === "up") {
+                if (t === "ArrowUp") {
                     n.preventDefault();
-                    if (ve) {
-                        U((function(e) {
+                    if (pe) {
+                        X((function(e) {
                             return Math.max(e - 1, 0);
                         }));
                     } else {
-                        U(0);
-                        be(true);
+                        X(0);
+                        ve(true);
                     }
                 }
-                if (t === "enter" && Re.current !== undefined && ve) {
-                    De(n, Re.current);
+                if (t === "Enter" && Ee.current !== undefined && pe) {
+                    De(n, Ee.current);
                 }
-                if (t === "backspace" && ((r = Pe.current) === null || r === void 0 ? void 0 : r.value) === "" && ke.length) {
-                    Fe(n, _n()(ke));
+                if (t === "Backspace" && ((r = je.current) === null || r === void 0 ? void 0 : r.value) === "" && Ce.length) {
+                    qe(n, Fn()(Ce));
                 }
-            }), [ ve, ke, F, De, l, T, X, He, Fe ]);
-            var We = (0, e.useCallback)((function(e) {
+            }), [ pe, Ce, F, De, l, T, U, _e, qe ]);
+            var $e = (0, e.useCallback)((function(e) {
                 te(e.target.value);
-                be(true);
-                U(0);
+                ve(true);
+                X(0);
                 I === null || I === void 0 ? void 0 : I(e, {
                     keyword: e.target.value
                 });
             }), [ I ]);
-            var Xe = (0, e.useCallback)((function(e, n) {
+            var We = (0, e.useCallback)((function(e, n) {
                 var r;
                 var t = n.value;
                 e.stopPropagation();
                 De(e, t);
-                (r = Pe.current) === null || r === void 0 ? void 0 : r.focus();
+                (r = je.current) === null || r === void 0 ? void 0 : r.focus();
             }), [ De ]);
             var Ue = (0, e.useCallback)((function(e) {
-                var n = document.getElementById(Ne);
+                var n = document.getElementById(Le);
                 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 : "");
-                de(false);
+                se(false);
                 if (!t) {
                     I === null || I === void 0 ? void 0 : I(e, {
                         keyword: ""
                     });
                 }
-            }), [ re, I, Ne ]);
-            var Ge = (0, e.useCallback)((function(e) {
+            }), [ re, I, Le ]);
+            var Xe = (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))) {
-                    be(false);
-                    Ee.current = null;
+                    ve(false);
+                    Pe.current = null;
                     A === null || A === void 0 ? void 0 : A();
                 }
                 if (n === "escapeKey") {
                     var t;
-                    (t = Pe.current) === null || t === void 0 ? void 0 : t.focus();
+                    (t = je.current) === null || t === void 0 ? void 0 : t.focus();
                 }
             }), [ Q, A ]);
-            var Je = (0, e.useCallback)((function(e) {
+            var Ge = (0, e.useCallback)((function(e) {
                 Y(e);
-                _e(b, e);
+                Fe(b, e);
             }), [ b ]);
-            var Qe = (0, e.useCallback)((function(e) {
-                Pe.current = e;
-                _e(O, e);
+            var Je = (0, e.useCallback)((function(e) {
+                je.current = e;
+                Fe(O, e);
             }), [ O ]);
-            var Ye = (0, e.useCallback)((function(e) {
-                if (Ee.current !== X) {
-                    Ie(e);
+            var Qe = (0, e.useCallback)((function(e) {
+                if (Pe.current !== U) {
+                    Ae(e);
                 }
-            }), [ X ]);
-            var Ze = (0, e.useCallback)((function(e) {
+            }), [ U ]);
+            var Ye = (0, e.useCallback)((function(e) {
                 // selectedOptions may contain items or unmatched values at this point
                 return e.map((function(e) {
                     var r = e;
@@ -2414,13 +2418,13 @@
                     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;
                         
-                        return n().createElement(rr, {
+                        return n().createElement(nr, {
                             "aria-selected": true,
                             disabled: v,
                             icon: l,
                             key: s.toString(),
                             "data-test": "selected-option",
-                            onRequestRemove: Ke,
+                            onRequestRemove: He,
                             role: "option",
                             value: s,
                             appearance: i,
@@ -2429,18 +2433,18 @@
                         }, o || a);
                     }
                     
-                    return n().createElement(rr, {
+                    return n().createElement(nr, {
                         "aria-selected": true,
                         disabled: v,
                         key: (0, ce.createGUID)(),
                         "data-test": "selected-option",
-                        onRequestRemove: Ke,
+                        onRequestRemove: He,
                         role: "option",
                         value: r
                     }, r);
                 }));
-            }), [ v, Ke ]);
-            var en = function e(r) {
+            }), [ v, He ]);
+            var Ze = function e(r) {
                 return r.map((function(e) {
                     var r = e;
  // TS: faking props here
@@ -2458,30 +2462,30 @@
                 }));
             };
             // Map Options to selected values
-                        if (ke && ke.length) {
+                        if (Ce && Ce.length) {
                 e.Children.toArray(l).filter(e.isValidElement).filter((function(e) {
-                    return e.type === R;
+                    return e.type === M;
                 })).forEach((function(e) {
-                    if (e.type === R) {
-                        var n = ke.indexOf(e.props.value);
+                    if (e.type === M) {
+                        var n = Ce.indexOf(e.props.value);
                         if (n !== -1) {
-                            xe[n] = e;
+                            ke[n] = e;
                         }
                     }
                 }));
             }
             // Filter the items
-                        var nn = (0, ue.stringToKeywords)(re);
-            var rn = a ? e.Children.toArray(l) : e.Children.toArray(l).filter((function(e) {
-                if (Ln()(e, [ "props", "label" ], false)) {
-                    return (0, ue.testPhrase)(e.props.label, nn);
+                        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)) {
+                    return (0, ue.testPhrase)(e.props.label, en);
                 }
                 return true;
  // Keep all headers and non-interactive options
                         }));
             Me.current = 0;
-            Re.current = undefined;
-            var tn = e.Children.map(rn, (function(n, r) {
+            Ee.current = undefined;
+            var rn = e.Children.map(nn, (function(n, r) {
                 var t = n.props;
                 if (!t || !i()(t, "value")) {
                     // ignore Headings and Dividers
@@ -2491,21 +2495,21 @@
                 var l = o.props, u = l.children, c = l.label, s = l.matchRanges, d = l.value;
  // find out if the search string exactly matches a value
                                 if (d === re) {
-                    je = true;
+                    xe = true;
                 }
                 // remove items that are already selected
-                                var f = ke.indexOf(d);
+                                var f = Ce.indexOf(d);
                 if (f >= 0) {
                     return null;
                 }
                 // highlight matched text
-                                var p = u === undefined || Vn()(u);
-                var v = p && !a && !s && nn && (0, ue.keywordLocations)(c, nn);
+                                var p = u === undefined || Nn()(u);
+                var v = p && !a && !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: Xe,
+                    onClick: We,
                     matchRanges: p && (s || v) || undefined
                 });
                 return b;
@@ -2513,18 +2517,18 @@
                 return e !== null;
             })) || [];
             // Add the option to add the new value
-                        if (t && !je && re) {
-                tn.unshift( n().createElement(R, {
+                        if (t && !xe && re) {
+                rn.unshift( n().createElement(M, {
                     label: "".concat(re),
                     description: (0, d._)("(New value)"),
                     descriptionPosition: "right",
                     value: re,
                     key: "newValue",
-                    onClick: Xe
+                    onClick: We
                 }));
             }
             // highlight the selected Item
-                        var on = e.Children.map(tn, (function(n) {
+                        var tn = e.Children.map(rn, (function(n) {
                 var r = n.props;
                 if (!r || !i()(r, "value")) {
                     // ignore Headings and Dividers
@@ -2532,27 +2536,27 @@
                 }
                 var t = n;
                 var o = t.props, l = o.disabled, a = o.value;
-                var u = Me.current === X;
+                var u = Me.current === U;
                 Me.current += 1;
                 if (!u) {
                     return t;
                 }
                 if (!l) {
-                    Re.current = a;
+                    Ee.current = a;
                 }
                 var c =  (0, e.cloneElement)(t, {
                     active: u,
-                    id: Le,
+                    id: Te,
                     elementRef: function e(n) {
-                        Ye(n);
-                        _e(t.props.elementRef, n);
+                        Qe(n);
+                        Fe(t.props.elementRef, n);
                     }
                 });
                 return c;
             }));
-            var ln = function e(r) {
+            var on = function e(r) {
                 var t = r.anchorWidth, l = r.maxHeight, a = r.placement;
-                var i = kr({
+                var i = Cr({
                     anchorWidth: t,
                     maxHeight: l,
                     menuStyle: x
@@ -2562,93 +2566,93 @@
                     focusMode: "never",
                     placement: a !== null && a !== void 0 ? a : undefined,
                     isLoading: S,
-                    onScrollBottom: T ? He : undefined,
+                    onScrollBottom: T ? _e : undefined,
                     noOptionsMessage: E,
-                    footerMessage: y,
+                    footerMessage: g,
                     animateLoading: o,
-                    loadingMessage: w,
+                    loadingMessage: C,
                     onScroll: B,
                     style: i
-                }, on);
+                }, tn);
             };
-            var an = wr("".concat(re.length * .8, "em"));
-            var un = gr(gr({}, $n()(H, (function(e, n) {
+            var ln = wr("".concat(re.length * .8, "em"));
+            var an = gr(gr({}, zn()(H, (function(e, n) {
                 return n === "role" || n.indexOf("aria-") === 0;
             }))), {}, {
                 "aria-describedby": p,
-                "aria-labelledby": C,
+                "aria-labelledby": w,
                 "aria-invalid": m || undefined
             });
-            var cn = gr({}, $n()(H, (function(e, n) {
+            var un = gr({}, zn()(H, (function(e, n) {
                 return n === "aria-label" || n === "aria-describedby";
             })));
             
-            return n().createElement(n().Fragment, null,  n().createElement(Zn, or({
+            return n().createElement(n().Fragment, null,  n().createElement(Yn, tr({
                 key: "control",
-                "data-test-values": JSON.stringify(ke),
+                "data-test-values": JSON.stringify(Ce),
                 "data-test-disabled": v ? "disabled" : undefined,
-                inline: g,
+                inline: y,
                 $hasFocus: ie
-            }, Kn().apply(void 0, [ H ].concat(lr(Dn()(un)))), {
-                onClick: v ? undefined : qe,
+            }, Hn().apply(void 0, [ H ].concat(or(Dn()(an)))), {
+                onClick: v ? undefined : Ve,
                 $disabled: v,
                 $error: m,
-                "data-test-popover-id": Ne,
-                $popoverOpen: ve,
+                "data-test-popover-id": Le,
+                $popoverOpen: pe,
                 flex: true,
-                elementRef: Je,
+                elementRef: Ge,
                 role: "group",
                 "aria-disabled": v || undefined,
-                "aria-labelledby": C
-            }, cn),  n().createElement(er, {
+                "aria-labelledby": w
+            }, un),  n().createElement(Zn, {
                 role: "listbox",
                 "aria-invalid": m,
                 "aria-multiselectable": "true"
-            }, Ze(xe)), !v &&  n().createElement(nr, or({
+            }, Ye(ke)), !v &&  n().createElement(er, tr({
                 role: "combobox",
                 "data-test": "textbox",
                 id: h,
-                ref: Qe,
+                ref: Je,
                 onBlur: Ue,
-                onFocus: ze,
-                onChange: We,
-                onKeyDown: $e,
+                onFocus: Ke,
+                onChange: $e,
+                onKeyDown: ze,
                 value: re,
                 autoCapitalize: "off",
                 autoComplete: "off",
                 autoCorrect: "off",
                 spellCheck: false,
-                style: an,
-                placeholder: ke.length ? "" : V,
-                required: q,
-                "aria-activedescendant": ve && Me.current > 0 ? Le : undefined,
+                style: ln,
+                placeholder: Ce.length ? "" : V,
+                required: D,
+                "aria-activedescendant": pe && Me.current > 0 ? Te : undefined,
                 "aria-autocomplete": "list",
-                "aria-controls": ve ? Ne : undefined,
-                "aria-owns": ve ? Ne : undefined,
-                "aria-expanded": ve,
+                "aria-controls": pe ? Le : undefined,
+                "aria-owns": pe ? Le : undefined,
+                "aria-expanded": pe,
                 "aria-haspopup": true
-            }, un)),  n().createElement(Xn(), {
-                open: ve && !!Q,
+            }, an)),  n().createElement(Wn(), {
+                open: pe && !!Q,
                 autoCloseWhenOffScreen: true,
                 anchor: Q,
-                onRequestClose: Ge,
+                onRequestClose: Xe,
                 canCoverAnchor: false,
                 defaultPlacement: c,
-                repositionMode: D,
-                id: Ne
-            }, ln)),  n().createElement(le(), {
+                repositionMode: q,
+                id: Le
+            }, on)),  n().createElement(le(), {
                 role: "status",
                 "aria-relevant": "text"
-            }, Ce),  n().createElement(le(), {
+            }, Se),  n().createElement(le(), {
                 role: "alert",
                 "aria-relevant": "additions"
-            }, en(xe)));
+            }, Ze(ke)));
         }
-        Er.propTypes = Cr;
-        Er.Option = R;
-        Er.Divider = u.Divider;
-        Er.Heading = u.Heading;
-        /* harmony default export */        const Rr = Er;
+        Pr.propTypes = Sr;
+        Pr.Option = M;
+        Pr.Divider = u.Divider;
+        Pr.Heading = u.Heading;
+        /* harmony default export */        const Er = Pr;
         // CONCATENATED MODULE: ./src/Multiselect/Multiselect.tsx
         function Mr(e) {
             "@babel/helpers - typeof";
@@ -2658,8 +2662,8 @@
                 return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
             }, Mr(e);
         }
-        function Ar() {
-            return Ar = Object.assign ? Object.assign.bind() : function(e) {
+        function Rr() {
+            return Rr = Object.assign ? Object.assign.bind() : function(e) {
                 for (var n = 1; n < arguments.length; n++) {
                     var r = arguments[n];
                     for (var t in r) {
@@ -2667,9 +2671,9 @@
                     }
                 }
                 return e;
-            }, Ar.apply(null, arguments);
+            }, Rr.apply(null, arguments);
         }
-        function Ir(e, n) {
+        function Ar(e, n) {
             var r = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
                 var t = Object.getOwnPropertySymbols(e);
@@ -2679,30 +2683,30 @@
             }
             return r;
         }
-        function Br(e) {
+        function Ir(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var r = null != arguments[n] ? arguments[n] : {};
-                n % 2 ? Ir(Object(r), !0).forEach((function(n) {
-                    Tr(e, n, r[n]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Ir(Object(r)).forEach((function(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) {
                     Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
                 }));
             }
             return e;
         }
-        function Tr(e, n, r) {
-            return (n = Lr(n)) in e ? Object.defineProperty(e, n, {
+        function Br(e, n, r) {
+            return (n = Tr(n)) in e ? Object.defineProperty(e, n, {
                 value: r,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
             }) : e[n] = r, e;
         }
-        function Lr(e) {
-            var n = Nr(e, "string");
+        function Tr(e) {
+            var n = Lr(e, "string");
             return "symbol" == Mr(n) ? n : n + "";
         }
-        function Nr(e, n) {
+        function Lr(e, n) {
             if ("object" != Mr(e) || !e) return e;
             var r = e[Symbol.toPrimitive];
             if (void 0 !== r) {
@@ -2712,9 +2716,9 @@
             }
             return ("string" === n ? String : Number)(e);
         }
-        function Vr(e, n) {
+        function Nr(e, n) {
             if (null == e) return {};
-            var r, t, o = qr(e, n);
+            var r, t, o = Vr(e, n);
             if (Object.getOwnPropertySymbols) {
                 var l = Object.getOwnPropertySymbols(e);
                 for (t = 0; t < l.length; t++) {
@@ -2723,7 +2727,7 @@
             }
             return o;
         }
-        function qr(e, n) {
+        function Vr(e, n) {
             if (null == e) return {};
             var r = {};
             for (var t in e) {
@@ -2774,10 +2778,10 @@
             /** @private */
             virtualization: l().number
         };
-        var Fr = (0, d._)("No matches");
-        var _r = (0, d._)("Select...");
-        function Hr(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, y = r.footerMessage, g = r.inline, h = r.inputId, O = r.inputRef, S = r.isLoadingOptions, C = r.labelledBy, w = r.loadingMessage, k = r.menuStyle, x = r.name, j = r.noOptionsMessage, P = j === void 0 ? Fr : j, E = r.onChange, R = r.onClose, M = r.onFilterChange, A = r.onOpen, I = r.onScroll, B = r.onScrollBottom, T = r.placeholder, L = T === void 0 ? _r : T, N = r.repositionMode, V = N === void 0 ? "flip" : N, q = r.selectAllAppearance, D = r.showSelectedValuesFirst, F = r.tabConfirmsNewValue, _ = r.values, H = r.virtualization, K = Vr(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 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" ]);
             // @docs-props-type MultiselectPropsBase
                         var z = s()({
                 componentName: "Multiselect",
@@ -2795,8 +2799,8 @@
                 }
             }), [ l, $ ]);
             // Compact uses Button, which defaults `inline` to true, explicitly pass a boolean to prevent the underlying Button from applying its default.
-                        var W = !!g;
-            var X = Br({
+                        var W = !!y;
+            var U = Ir({
                 allowNewValues: t,
                 animateLoading: o,
                 children: a,
@@ -2806,57 +2810,66 @@
                 disabled: p,
                 elementRef: v,
                 error: b,
-                footerMessage: y,
+                footerMessage: g,
                 inline: W,
                 inputId: h,
                 inputRef: O,
                 isLoadingOptions: S,
-                labelledBy: C,
-                loadingMessage: w,
+                labelledBy: w,
+                loadingMessage: C,
                 menuStyle: k,
                 name: x,
                 noOptionsMessage: P,
-                onClose: R,
+                onClose: M,
                 onChange: E,
-                onFilterChange: M,
+                onFilterChange: R,
                 onOpen: A,
                 onScroll: I,
                 onScrollBottom: B,
                 placeholder: L,
                 repositionMode: V,
-                showSelectedValuesFirst: D,
+                showSelectedValuesFirst: q,
                 tabConfirmsNewValue: F,
                 virtualization: H
             }, K);
-            var U = z ? {
-                values: _
-            } : {
-                defaultValues: d
-            };
-            var G = {
+            // 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() {
+                return {
+                    defaultValues: d
+                };
+            }), [ d ]);
+            var G = (0, e.useMemo)((function() {
+                return {
+                    values: _
+                };
+            }), [ _ ]);
+            var J = (0, e.useMemo)((function() {
+                return z ? G : X;
+            }), [ X, z, G ]);
+            var Q = {
                 filter: m,
-                selectAllAppearance: q,
-                showSelectedValuesFirst: D,
+                selectAllAppearance: D,
+                showSelectedValuesFirst: q,
                 virtualization: H
             };
             if (l) {
                 
-                return n().createElement(An, Ar({
+                return n().createElement(Rn, Rr({
                     "data-test": "multiselect"
-                }, U, G, X));
+                }, J, Q, U));
             }
             
-            return n().createElement(Rr, Ar({
+            return n().createElement(Er, Rr({
                 "data-test": "multiselect"
-            }, U, X));
+            }, J, U));
         }
         // TODO: SUI-3402, this can be removed when ControlGroup no longer needs to inspect componentType
-                Hr.componentType = "Multiselect";
-        Hr.Option = R;
-        Hr.Heading = u.Heading;
-        Hr.Divider = u.Divider;
-        Hr.propTypes = Dr;
-        /* harmony default export */        const Kr = Hr;
+                _r.componentType = "Multiselect";
+        _r.Option = M;
+        _r.Heading = u.Heading;
+        _r.Divider = u.Divider;
+        _r.propTypes = Dr;
+        /* harmony default export */        const Hr = _r;
     }) // CONCATENATED MODULE: ./src/Multiselect/index.ts
     ();
     module.exports = t;