@splunk/react-ui 5.0.0-beta.4 → 5.0.0-beta.5

package/Multiselect.js

@@ -137,7 +137,7 @@
             Divider: () => /* reexport */ u.Divider,
             Heading: () => /* reexport */ u.Heading,
             Option: () => /* reexport */ R,
-            default: () => /* reexport */ Fr
+            default: () => /* reexport */ Kr
         });
         // EXTERNAL MODULE: external "react"
                 var e = r(9497);
@@ -270,7 +270,7 @@
         };
         /**
  * An option within a `Multiselect`.
- */        function w(r) {
+ */        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" ]);
             // @docs-props-type OptionPropsBase
                         var O = (0, e.useCallback)((function(e) {
@@ -281,7 +281,7 @@
                 }
             }), [ a, f, y ]);
             var S = y.toString();
-            var w = b({
+            var C = b({
                 descriptionPosition: l,
                 disabled: a ? "disabled" : undefined
             }, g);
@@ -290,7 +290,7 @@
                 "data-test-value": y,
                 "data-test": "option",
                 elementRef: i
-            }, w, {
+            }, C, {
                 selectable: true,
                 selectableAppearance: d ? "checkbox" : "checkmark",
                 startAdornment: c,
@@ -299,10 +299,10 @@
                 value: S
             }), t || s);
         }
-        w.propTypes = S;
-        w.type = u.Item;
+        C.propTypes = S;
+        C.type = u.Item;
  // For components to distinguish if their children are Options or Headings/Dividers
-        /* harmony default export */        const C = w;
+        /* harmony default export */        const w = C;
         // CONCATENATED MODULE: ./src/Multiselect/Option.tsx
         function k() {
             return k = Object.assign ? Object.assign.bind() : function(e) {
@@ -376,7 +376,7 @@
             // selectedAppearance, selectedBackgroundColor, and selectedForegroundColor are not used directly by the Option component.
             // They are consumed by the parent component (Multiselect-Normal) to render the Chip, so they are not included in the above prop list.
                         
-            return n().createElement(C, k({
+            return n().createElement(w, k({
                 description: o,
                 descriptionPosition: a,
                 disabled: i,
@@ -402,11 +402,11 @@
         const I = require("lodash/find");
         var B =  r.n(I);
         // CONCATENATED MODULE: external "lodash/forEachRight"
-        const N = require("lodash/forEachRight");
-        var T =  r.n(N);
+        const T = require("lodash/forEachRight");
+        var L =  r.n(T);
         // CONCATENATED MODULE: external "lodash/includes"
-        const L = require("lodash/includes");
-        var V =  r.n(L);
+        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);
@@ -465,7 +465,7 @@
             // 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(C, {
+            return n().createElement(w, {
                 active: r,
                 elementRef: t,
                 "aria-keyshortcuts": "Control+A",
@@ -507,11 +507,11 @@
             var n = e.$multiple;
             return !n && "flex-grow: 0;";
         }));
-        var we = be().span.withConfig({
+        var Ce = be().span.withConfig({
             displayName: "SelectBaseStyles__StyledLinkIcon",
             componentId: "sc-16cj7sk-1"
         })([ "padding-right:", ";" ], Oe.variables.spacingXSmall);
-        var Ce = be().span.withConfig({
+        var we = be().span.withConfig({
             displayName: "SelectBaseStyles__StyledLinkCaret",
             componentId: "sc-16cj7sk-2"
         })([ "padding-left:", ";" ], Oe.variables.spacingXSmall);
@@ -651,13 +651,15 @@
                 search: ""
             }
         };
-        function Ne() {
+        function Te() {
             var e = typeof document !== "undefined" ? document : Be;
             return e;
         }
+        var Le = Te();
+        /* harmony default export */        const Ne = /* unused pure expression or super */ null && Le;
         // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
         /* eslint-disable @typescript-eslint/no-empty-function */
-        var Te = {
+        var Ve = {
             document: Be,
             navigator: {
                 userAgent: ""
@@ -712,10 +714,12 @@
                 clearTimeout(n);
             }
         };
-        function Le() {
-            var e = typeof window !== "undefined" ? window : Te;
+        function qe() {
+            var e = typeof window !== "undefined" ? window : Ve;
             return e;
         }
+        var De = qe();
+        /* harmony default export */        const Fe = /* 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.
@@ -723,7 +727,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-        function Ve(e, n) {
+        function _e(e, n) {
             if (e) {
                 if (typeof e === "function") {
                     e(n);
@@ -736,20 +740,20 @@
             }
         }
         // CONCATENATED MODULE: ./src/Select/SelectBase.tsx
-        function qe(e) {
-            return _e(e) || Fe(e) || $e(e) || De();
+        function He(e) {
+            return $e(e) || ze(e) || Ge(e) || Ke();
         }
-        function De() {
+        function Ke() {
             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 Fe(e) {
+        function ze(e) {
             if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
         }
-        function _e(e) {
-            if (Array.isArray(e)) return We(e);
+        function $e(e) {
+            if (Array.isArray(e)) return Je(e);
         }
-        function He() {
-            return He = Object.assign ? Object.assign.bind() : function(e) {
+        function We() {
+            return We = Object.assign ? Object.assign.bind() : function(e) {
                 for (var n = 1; n < arguments.length; n++) {
                     var r = arguments[n];
                     for (var t in r) {
@@ -757,29 +761,29 @@
                     }
                 }
                 return e;
-            }, He.apply(null, arguments);
+            }, We.apply(null, arguments);
         }
-        function Ke(e, n) {
-            return Ue(e) || Xe(e, n) || $e(e, n) || ze();
+        function Xe(e, n) {
+            return Ye(e) || Qe(e, n) || Ge(e, n) || Ue();
         }
-        function ze() {
+        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 $e(e, n) {
+        function Ge(e, n) {
             if (e) {
-                if ("string" == typeof e) return We(e, n);
+                if ("string" == typeof e) return Je(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) ? We(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) ? Je(e, n) : void 0;
             }
         }
-        function We(e, n) {
+        function Je(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 Xe(e, n) {
+        function Qe(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;
@@ -801,12 +805,12 @@
                 return i;
             }
         }
-        function Ue(e) {
+        function Ye(e) {
             if (Array.isArray(e)) return e;
         }
-        function Ge(e, n) {
+        function Ze(e, n) {
             if (null == e) return {};
-            var r, t, o = Je(e, n);
+            var r, t, o = en(e, n);
             if (Object.getOwnPropertySymbols) {
                 var l = Object.getOwnPropertySymbols(e);
                 for (t = 0; t < l.length; t++) {
@@ -815,7 +819,7 @@
             }
             return o;
         }
-        function Je(e, n) {
+        function en(e, n) {
             if (null == e) return {};
             var r = {};
             for (var t in e) {
@@ -826,15 +830,15 @@
             }
             return r;
         }
-        function Qe(e) {
+        function nn(e) {
             "@babel/helpers - typeof";
-            return Qe = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return nn = "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;
-            }, Qe(e);
+            }, nn(e);
         }
-        function Ye(e, n) {
+        function rn(e, n) {
             var r = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
                 var t = Object.getOwnPropertySymbols(e);
@@ -844,40 +848,40 @@
             }
             return r;
         }
-        function Ze(e) {
+        function tn(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var r = null != arguments[n] ? arguments[n] : {};
-                n % 2 ? Ye(Object(r), !0).forEach((function(n) {
-                    en(e, n, r[n]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Ye(Object(r)).forEach((function(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) {
                     Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
                 }));
             }
             return e;
         }
-        function en(e, n, r) {
-            return (n = nn(n)) in e ? Object.defineProperty(e, n, {
+        function on(e, n, r) {
+            return (n = ln(n)) in e ? Object.defineProperty(e, n, {
                 value: r,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
             }) : e[n] = r, e;
         }
-        function nn(e) {
-            var n = rn(e, "string");
-            return "symbol" == Qe(n) ? n : n + "";
+        function ln(e) {
+            var n = an(e, "string");
+            return "symbol" == nn(n) ? n : n + "";
         }
-        function rn(e, n) {
-            if ("object" != Qe(e) || !e) return e;
+        function an(e, n) {
+            if ("object" != nn(e) || !e) return e;
             var r = e[Symbol.toPrimitive];
             if (void 0 !== r) {
                 var t = r.call(e, n || "default");
-                if ("object" != Qe(t)) return t;
+                if ("object" != nn(t)) return t;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === n ? String : Number)(e);
         }
-        var tn = {
+        var un = {
             allowKeyMatching: l().bool,
             allowNewValues: l().bool,
             animateLoading: l().bool,
@@ -926,51 +930,53 @@
             /** @private. */
             virtualization: l().number
         };
-        var on = D()((function(e) {
+        var cn = D()((function(e) {
             return [ e ];
         }));
         // preserve separate widths for single vs. multi mode
-                var ln = D()((function(e) {
+                var sn = D()((function(e) {
             var n = e.anchorWidth, r = e.isMultiple, t = e.maxHeight, o = e.menuStyle;
-            return r ? Ze({
+            return r ? tn({
                 width: Math.max(n !== null && n !== void 0 ? n : 0, 200),
                 maxHeight: t
-            }, o) : Ze({
+            }, o) : tn({
                 minWidth: n !== null && n !== void 0 ? n : undefined,
                 maxWidth: Math.max(n !== null && n !== void 0 ? n : 0, 300),
                 maxHeight: t
             }, o);
         }));
-        var an = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
-        function un(e) {
+        var dn = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
+        function fn(e) {
             return e && i()(e.props, "value");
         }
-        function cn(e, n) {
-            return "".concat(Qe(e), "-").concat(e, "-").concat(n);
+        function pn(e, n) {
+            return "".concat(nn(e), "-").concat(e, "-").concat(n);
         }
-        var sn = [ "append", "error", "prepend" ];
-        var dn = (0, d._)("No matches");
-        var fn = (0, d._)("Select...");
-        var pn =  n().createElement(G(), null);
-        var vn = function e(r) {
+        var vn = [ "append", "error", "prepend" ];
+        var bn = (0, d._)("No matches");
+        var mn = (0, d._)("Select...");
+        var yn =  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 w = (0, d._)("Select all options".concat(g.current === "all" ? " disabled" : ""));
-            var C = (0, d._)("Clear all options".concat(g.current === "none" ? " disabled" : ""));
+            var C = (0, d._)("Select all options".concat(g.current === "all" ? " disabled" : ""));
+            var w = (0, d._)("Clear all options".concat(g.current === "none" ? " disabled" : ""));
             // only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
                         var k =  n().createElement(Pe, {
                 key: "selectAll"
             },  n().createElement(je, {
-                $disabled: g.current === "all",
+                disabled: g.current === "all",
                 appearance: "standalone",
-                "aria-label": w,
+                "aria-label": C,
                 onClick: p,
-                "data-test": "select-all"
+                "data-test": "select-all",
+                tag: "button"
             }, l ? (0, d._)("Select all Matches") : (0, d._)("Select all")),  n().createElement(je, {
-                $disabled: g.current === "none",
+                disabled: g.current === "none",
                 appearance: "standalone",
-                "aria-label": C,
+                "aria-label": w,
                 onClick: f,
-                "data-test": "clear-all"
+                "data-test": "clear-all",
+                tag: "button"
             }, l ? (0, d._)("Clear all Matches") : (0, d._)("Clear all")));
             
             return n().createElement("div", {
@@ -1001,10 +1007,10 @@
                 inputRef: u,
                 inputId: i,
                 canClear: true,
-                startAdornment: pn
+                startAdornment: yn
             })), s && a && O === "buttongroup" && k, h === "below" &&  n().createElement(Ee, null));
         };
-        var bn = function e(n) {
+        var hn = function e(n) {
             var r = n.prefixLabel, t = n.label, o = n.suffixLabel;
             var l = t;
             if (r) {
@@ -1015,8 +1021,8 @@
             }
             return l;
         };
-        var mn =  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, w = r.prepend, C = r.required, k = r.suffixLabel, x = r.toggle, j = r.toggleContent, P = Ge(r, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent" ]);
+        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 E;
             var R;
             var M = [];
@@ -1024,7 +1030,7 @@
                         var A = e.Children.toArray(i);
             var I = c.reduce((function(e, n, r, t) {
                 var o = B()(A, (function(e) {
-                    return un(e) && e.props.value === n;
+                    return fn(e) && e.props.value === n;
                 }));
                 if (o) {
                     var l = o.props, a = l.children, i = l.icon, u = l.label;
@@ -1051,12 +1057,12 @@
                         if (R.length > 0) {
                 // If there's more than one item selected, read out the selected total
                 // rather than reading out each selected item
-                M = bn({
+                M = hn({
                     prefixLabel: S,
                     label: R.length > 1 ? [ "".concat(c.length, " items selected") ] : M,
                     suffixLabel: k
                 });
-                R = bn({
+                R = hn({
                     prefixLabel: S,
                     label: R,
                     suffixLabel: k
@@ -1067,48 +1073,49 @@
                         if (R.length === 0 || !g && R.every((function(e) {
                 return e === "";
             }))) {
-                R = on(O);
+                R = cn(O);
                 M = R;
             }
-            var N = Object.keys(P).includes("aria-labelledby");
-            var T = Ze({
+            var T = Object.keys(P).includes("aria-labelledby");
+            var L = tn({
                 "aria-describedby": s,
-                "aria-label": y || N ? undefined : "".concat(m ? "".concat(m, ", ") : "").concat(M.join("")),
+                "aria-label": y || T ? undefined : "".concat(m ? "".concat(m, ", ") : "").concat(M.join("")),
                 // aria-labelledby takes precedence over aria-label, so existence of both is redundant
                 "aria-labelledby": y,
-                "aria-required": C,
+                "aria-required": w,
                 "data-select-appearance": l,
                 append: a,
-                prepend: w,
+                prepend: C,
                 onClick: h,
                 role: "combobox",
-                disabled: f,
+                disabled: f ? "disabled" : undefined,
                 elementRef: p,
                 error: v,
                 ref: t
             }, P);
             if (g) {
-                T["data-test-values"] = JSON.stringify(c);
+                L["data-test-values"] = JSON.stringify(c);
             } else {
-                var L = Ke(c, 1), V = L[0];
-                T["data-test-value"] = V;
+                var N = Xe(c, 1), V = N[0];
+                L["data-test-value"] = V;
             }
             if (x) {
                 
-                return (0, e.cloneElement)(x, T);
+                return (0, e.cloneElement)(x, L);
             }
             if (l === "link") {
                 
-                return n().createElement(Z(), He({
+                return n().createElement(Z(), We({
+                    tag: "button",
                     appearance: "standalone"
-                }, T, {
+                }, L, {
                     "data-select-appearance": "link"
-                }), !!E &&  n().createElement(we, null, E), R || O,  n().createElement(Ce, null,  n().createElement(X(), null)));
+                }), !!E &&  n().createElement(Ce, null, E), R || O,  n().createElement(we, null,  n().createElement(X(), null)));
             }
             // Using Button's secondary appearance as Select's default appearance.
                         var q = l === "default" ? "secondary" : l;
             
-            return n().createElement(Se, He({}, T, {
+            return n().createElement(Se, We({}, L, {
                 $multiple: g,
                 appearance: q,
                 label: R,
@@ -1117,12 +1124,12 @@
                 inline: b,
                 isMenu: true,
                 onClick: h
-            }, _()(P, sn)), !!c.length && g &&  n().createElement(xe, {
+            }, _()(P, vn)), !!c.length && g &&  n().createElement(xe, {
                 "data-role": "count"
             }, "(", c.length, ")"));
         }));
-        function yn(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, w = r.inline, k = r.inputId, x = r.inputRef, j = r.isLoadingOptions, P = r.labelledBy, E = r.labelText, R = r.loadingMessage, M = r.menuStyle, A = M === void 0 ? {} : M, I = r.multiple, N = r.name, L = r.noOptionsMessage, q = L === void 0 ? dn : L, 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 ? fn : 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 = Ge(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 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" ]);
             // @docs-props-type SelectBasePropsBase
                         var Oe = (0, Re["default"])({
                 componentName: "SelectBase",
@@ -1138,31 +1145,31 @@
                     activeItemId: (0, ce.createDOMID)("active-item"),
                     menuListboxId: (0, ce.createDOMID)("menu-listbox")
                 };
-            })), we = Ke(Se, 1), Ce = we[0], ke = Ce.activeItemId, xe = Ce.menuListboxId;
-            var je = (0, e.useState)(0), Pe = Ke(je, 2), Ee = Pe[0], Me = Pe[1];
-            var Be = (0, e.useState)(""), Ne = Ke(Be, 2), Te = Ne[0], De = Ne[1];
-            var Fe = (0, e.useState)(false), _e = Ke(Fe, 2), ze = _e[0], $e = _e[1];
-            var We = (0, e.useState)(false), Xe = Ke(We, 2), Ue = Xe[0], Je = Xe[1];
-            var Qe = (0, e.useState)([]), Ye = Ke(Qe, 2), Ze = Ye[0], en = Ye[1];
-            var nn = (0, e.useState)(b || []), rn = Ke(nn, 2), tn = rn[0], on = rn[1];
+            })), 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];
  // previous state
-                        var sn = ie()(Ee);
+                        var ln = ie()(Ee);
             // refs
-                        var pn = (0, e.useRef)(null);
-            var bn = (0, e.useRef)(null);
-            var yn = (0, e.useRef)(null);
-            var gn = (0, e.useRef)([]);
-            var hn = (0, e.useRef)([]);
-            var On = (0, e.useRef)(sn);
+                        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 wn = (0, e.useRef)({});
-            var Cn = (0, e.useRef)(0);
+            var Cn = (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 = Ke(Rn, 1), An = Mn[0];
+            var Rn = (0, e.useState)(O ? (0, ce.createDOMID)("filter") : undefined), Mn = Xe(Rn, 1), An = Mn[0];
             (0, e.useEffect)((function() {
                 if (false) {}
             }), [ i, c, h, Z ]);
@@ -1175,22 +1182,22 @@
                 // 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 Nn = (0, e.useCallback)((function(e) {
-                var n = Te;
-                $e(true);
+            var Tn = (0, e.useCallback)((function(e) {
+                var n = Le;
+                Ke(true);
                 en(Bn());
                 // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
                                 if (I) {
-                    De("");
+                    Ne("");
                 }
-                if (n !== Te) {
+                if (n !== Le) {
                     H === null || H === void 0 ? void 0 : H(e, {
-                        keyword: Te
+                        keyword: Le
                     });
                 }
-            }), [ Te, Bn, I, H ]);
+            }), [ Le, Bn, I, H ]);
             (0, e.useEffect)((function() {
-                if (ze) {
+                if (Fe) {
                     X === null || X === void 0 ? void 0 : X();
                     if (xn.current && !O) {
                         xn.current.focus();
@@ -1199,21 +1206,21 @@
                         Me((e = jn.current) !== null && e !== void 0 ? e : 0);
                     }
                 }
-            }), [ X, ze, Ze, Te, O ]);
-            var Tn = (0, e.useCallback)((function() {
-                $e(false);
+            }), [ X, Fe, Ye, Le, O ]);
+            var Ln = (0, e.useCallback)((function() {
+                Ke(false);
                 Me(0);
-                On.current = null;
+                hn.current = null;
                 W === null || W === void 0 ? void 0 : W();
             }), [ W ]);
-            var Ln = (0, e.useCallback)((function(e, n) {
+            var Nn = (0, e.useCallback)((function(e, n) {
                 var r;
                 var t = (r = In()) !== null && r !== void 0 ? r : [];
                 var o = t.indexOf(n);
                 var l;
                 if (I) {
                     if (o >= 0) {
-                        l = [].concat(qe(t.slice(0, o)), qe(t.slice(o + 1)));
+                        l = [].concat(He(t.slice(0, o)), He(t.slice(o + 1)));
                     } else {
                         l = t.concat([ n ]);
                     }
@@ -1228,28 +1235,28 @@
                 if (I) {
                     // in uncontrolled multiple mode, keep the menu open
                     if (a) {
-                        $e(true);
+                        Ke(true);
                     }
                 } else {
                     var i;
                     // non-multiple mode only supports a single selection
                     // so close the menu once a selection is made
-                                        Tn({
+                                        Ln({
                         reason: "contentClick"
                     });
-                    (i = pn.current) === null || i === void 0 ? void 0 : i.focus();
+                    (i = an.current) === null || i === void 0 ? void 0 : i.focus();
                 }
                 D === null || D === void 0 ? void 0 : D(e, {
                     values: l,
-                    name: N,
+                    name: T,
                     reason: "valueToggle"
                 });
-            }), [ In, Tn, Oe, I, N, D ]);
+            }), [ In, Ln, Oe, I, T, D ]);
             var Vn = function e() {
-                bn.current = null;
-                gn.current = [];
-                if (yn.current) {
-                    clearTimeout(yn.current);
+                un.current = null;
+                vn.current = [];
+                if (cn.current) {
+                    clearTimeout(cn.current);
                 }
             };
             var qn = (0, e.useCallback)((function(e) {
@@ -1261,7 +1268,7 @@
                 var t = (r = In()) !== null && r !== void 0 ? r : [];
                 var o = K()(t.concat(kn.current));
                 o = n().Children.toArray(f).filter((function(e) {
-                    return un(e) && V()(o, e.props.value) && (!e.props.disabled || V()(t, e.props.value));
+                    return fn(e) && V()(o, e.props.value) && (!e.props.disabled || V()(t, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
@@ -1270,10 +1277,10 @@
                 }
                 D === null || D === void 0 ? void 0 : D(e, {
                     values: o,
-                    name: N,
+                    name: T,
                     reason: "selectAll"
                 });
-            }), [ f, In, Oe, I, N, D ]);
+            }), [ f, In, Oe, I, T, D ]);
             var Dn = (0, e.useCallback)((function(e) {
                 var r;
                 // this doesn't make sense if we can't select multiple values
@@ -1281,10 +1288,10 @@
                     return;
                 }
                 var t = (r = In()) !== null && r !== void 0 ? r : [];
-                var o = $().apply(void 0, [ t ].concat(qe(kn.current)));
+                var o = $().apply(void 0, [ t ].concat(He(kn.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 un(e) && (V()(t, e.props.value) && e.props.disabled || V()(o, e.props.value));
+                    return fn(e) && (V()(t, e.props.value) && e.props.disabled || V()(o, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
@@ -1293,21 +1300,21 @@
                 }
                 D === null || D === void 0 ? void 0 : D(e, {
                     values: l,
-                    name: N,
+                    name: T,
                     reason: "clearAll"
                 });
-            }), [ f, In, Oe, I, N, D ]);
+            }), [ f, In, Oe, I, T, D ]);
             var Fn = (0, e.useCallback)((function(e) {
-                if (ze && !j) {
+                if (Fe && !j) {
                     _ === null || _ === void 0 ? void 0 : _(e);
                 }
-            }), [ ze, j, _ ]);
+            }), [ Fe, j, _ ]);
             var _n = (0, e.useCallback)((function(n) {
                 var r = (0, se.keycode)(n.nativeEvent);
                 if (r === "tab") {
-                    if (fe && Sn.current && Cn.current <= 1) {
+                    if (fe && Sn.current && wn.current <= 1) {
                         n.preventDefault();
-                        Ln(n, Sn.current);
+                        Nn(n, Sn.current);
                     }
                 }
                 if (n.shiftKey || n.metaKey || n.ctrlKey) {
@@ -1323,7 +1330,7 @@
                 }
                 if (r === "down") {
                     n.preventDefault();
-                    Me(Math.min(Ee + 1, le === "checkbox" ? Cn.current : Cn.current - 1));
+                    Me(Math.min(Ee + 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);
@@ -1336,7 +1343,7 @@
                     n.preventDefault();
                     Me(Math.max(Ee - 1, 0));
                 }
-                if (r === "enter" && Sn.current && ze) {
+                if (r === "enter" && Sn.current && Fe) {
                     if (Sn.current === "selectAll") {
                         if (En.current === "all") {
                             Dn(n);
@@ -1345,18 +1352,18 @@
                         }
                     } else {
                         n.preventDefault();
-                        Ln(n, Sn.current);
+                        Nn(n, Sn.current);
                     }
                 }
-            }), [ Ee, f, In, Dn, Fn, qn, _, ze, le, fe, Ln ]);
+            }), [ Ee, f, In, Dn, Fn, qn, _, Fe, le, fe, Nn ]);
             var Hn = (0, e.useCallback)((function(e, n) {
                 var r = n.value;
                 e.preventDefault();
-                if (!ze) {
+                if (!Fe) {
                     return;
                 }
-                Ln(e, r);
-            }), [ ze, Ln ]);
+                Nn(e, r);
+            }), [ Fe, Nn ]);
             var Kn = (0, e.useCallback)((function(e, n) {
                 var r = e.nativeEvent.key;
                 // Checking for a single character to avoid complications from double-byte languages and emojis.
@@ -1366,58 +1373,58 @@
                         index: 0,
                         value: r
                     };
-                    if (!bn.current) {
+                    if (!un.current) {
                         if (r === " ") {
                             Vn();
                             return;
                         }
-                        t = Ae(hn.current, o);
-                    } else if (gn.current.length > 1) {
-                        o.index = bn.current.index + 1;
-                        t = Ae(gn.current, o);
+                        t = Ae(yn.current, o);
+                    } else if (vn.current.length > 1) {
+                        o.index = un.current.index + 1;
+                        t = Ae(vn.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(hn.current[n]);
+                            var i = t.indexOf(yn.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 = wn.current[cn(c, s)];
+                        var d = Cn.current[pn(c, s)];
                         d === null || d === void 0 ? void 0 : (l = d.focus) === null || l === void 0 ? void 0 : l.call(d);
                     }
-                    gn.current = t;
-                    bn.current = o;
-                    if (yn.current) {
-                        clearTimeout(yn.current);
+                    vn.current = t;
+                    un.current = o;
+                    if (cn.current) {
+                        clearTimeout(cn.current);
                     }
-                    yn.current = setTimeout(Vn, 500);
+                    cn.current = setTimeout(Vn, 500);
                     e.preventDefault();
                     e.stopPropagation();
                 }
             }), []);
             var zn = (0, e.useCallback)((function(e, n) {
                 var r = n.value;
-                De(r);
-                $e(true);
+                Ne(r);
+                Ke(true);
                 Me(0);
                 H === null || H === void 0 ? void 0 : H(e, {
                     keyword: r
                 });
             }), [ H ]);
             var $n = (0, e.useCallback)((function() {
-                Je(true);
+                Ge(true);
             }), []);
             var Wn = (0, e.useCallback)((function() {
-                Je(false);
+                Ge(false);
             }), []);
             var Xn = (0, e.useCallback)((function(e) {
-                if (On.current !== Ee) {
+                if (hn.current !== Ee) {
                     Ie(e);
                 }
             }), [ Ee ]);
@@ -1426,15 +1433,15 @@
                     xn.current = e;
                 }
                 if (e == null) {
-                    delete wn.current[n];
+                    delete Cn.current[n];
                 } else {
-                    wn.current[n] = e;
+                    Cn.current[n] = e;
                 }
-            }), [ wn ]);
+            }), [ Cn ]);
             var Gn = (0, e.useCallback)((function(e) {
-                pn.current = e;
-                Ve(g, e);
-            }), [ g, pn ]);
+                an.current = e;
+                _e(g, e);
+            }), [ g, an ]);
             var Jn = (0, e.useMemo)((function() {
                 var e;
                 return (e = In()) !== null && e !== void 0 ? e : [];
@@ -1442,17 +1449,17 @@
             var Qn = e.Children.toArray(f);
             var Yn = Jn.some((function(e) {
                 var n = B()(Qn, (function(n) {
-                    return un(n) && n.props.value === e;
+                    return fn(n) && n.props.value === e;
                 }));
                 return n && !n.props.disabled;
             }));
-            var Zn = ae === "immediately" ? Bn() : Ze;
+            var Zn = ae === "immediately" ? Bn() : Ye;
             var er = (0, e.useMemo)((function() {
-                Cn.current = 0;
+                wn.current = 0;
                 jn.current = undefined;
                 Pn.current = 0;
                 Sn.current = undefined;
-                hn.current = [];
+                yn.current = [];
                 var r = function e(n, r) {
                     return function(e) {
                         return Un(e, n, r);
@@ -1465,34 +1472,34 @@
                                 var i;
                 var c = e.Children.toArray(f).reduce((function(c, s, d) {
                     // ignore Headings and Dividers
-                    if (!un(s)) {
+                    if (!fn(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 === Te) {
+                                        if (m === Le) {
                         t = true;
                     }
                     var y = Jn && Jn.indexOf(m) >= 0;
                     var g = !!y && !p && !i;
                     var h = o && !I && !O && !j && !_;
-                    var S = cn(m, b);
-                    var w = -1;
+                    var S = pn(m, b);
+                    var C = -1;
                     if (h && !p && !v) {
-                        hn.current.push({
+                        yn.current.push({
                             label: b,
                             value: m
                         });
-                        w = hn.current.length - 1;
+                        C = yn.current.length - 1;
                     }
                     // Format the Menu.Item
-                                        var C =  (0, e.cloneElement)(s, {
+                                        var w =  (0, e.cloneElement)(s, {
                         elementRef: r(S, g),
                         key: s.key || d,
                         onClick: Hn,
                         onKeyDown: h ? function(e) {
-                            return Kn(e, w);
+                            return Kn(e, C);
                         } : undefined,
                         selected: y,
                         multiple: I,
@@ -1508,21 +1515,21 @@
                             }));
                             a = true;
                         }
-                        c.splice(l, 0, C);
+                        c.splice(l, 0, w);
                         l += 1;
                     } else {
-                        c.push(C);
+                        c.push(w);
                     }
                     return c;
                 }), []);
                 // In multiple mode, add missing items
                                 if (I) {
-                    T()(Jn, (function(e) {
+                    L()(Jn, (function(e) {
                         var o = B()(c, (function(n) {
-                            return un(n) && n.props && n.props.value === e;
+                            return fn(n) && n.props && n.props.value === e;
                         }));
                         if (!o) {
-                            if (e === Te) {
+                            if (e === Le) {
                                 t = true;
                             }
                             var i = Zn && Zn.indexOf(e) >= 0;
@@ -1535,8 +1542,8 @@
                                 a = true;
                             }
                             var d = String(e);
-                            var f = cn(e, d);
-                            c.splice(i ? 0 : s + 1, 0,  n().createElement(C, {
+                            var f = pn(e, d);
+                            c.splice(i ? 0 : s + 1, 0,  n().createElement(w, {
                                 elementRef: r(f),
                                 label: d,
                                 value: e,
@@ -1553,15 +1560,15 @@
                 }
                 var p = O === "controlled";
                 // Filter the items
-                                var v = (0, ue.stringToKeywords)(Te);
+                                var v = (0, ue.stringToKeywords)(Le);
                 c = p ? c : c.filter((function(e) {
-                    if (un(e)) {
+                    if (fn(e)) {
                         return (0, ue.testPhrase)(e.props.label, v);
                     }
                     return true;
  // Keep all headers and non-interactive options
                                 })).map((function(n) {
-                    if (!un(n)) {
+                    if (!fn(n)) {
                         return n;
                     }
                     // highlight matched text
@@ -1572,14 +1579,14 @@
                     });
                 }));
                 // Add the option to add the new value
-                                if (s && !t && Te) {
+                                if (s && !t && Le) {
                     var b = a ? l + 1 : l;
-                    var m = "".concat(Te, " (new value)");
-                    var y = cn(Te, m);
-                    c.splice(b, 0,  n().createElement(C, {
+                    var m = "".concat(Le, " (new value)");
+                    var y = pn(Le, m);
+                    c.splice(b, 0,  n().createElement(w, {
                         elementRef: r(y),
                         label: m,
-                        value: Te,
+                        value: Le,
                         key: "newValue",
                         multiple: I,
                         onClick: Hn
@@ -1591,7 +1598,7 @@
                 // Highlight the selected Items and remove hidden
                                 c = c.reduce((function(n, r) {
                     // ignore Dividers & Headings
-                    if (!un(r)) {
+                    if (!fn(r)) {
                         n.push(r);
                         return n;
                     }
@@ -1600,11 +1607,11 @@
                         return n;
                     }
                     if (r.props.selected && !r.props.disabled && jn.current == null) {
-                        jn.current = Cn.current;
+                        jn.current = wn.current;
                     }
                     var t = g === Ee;
                     g += 1;
-                    Cn.current += 1;
+                    wn.current += 1;
                     Pn.current += r.props.selected ? 1 : 0;
                     if (r.key !== "newValue" && !r.props.disabled && !r.props.selected) {
                         h = false;
@@ -1626,15 +1633,15 @@
                 }), []);
                 En.current = Pn.current === 0 && "none" || h && "all" || "some";
                 // add select all option
-                                if (le === "checkbox" && I && Cn.current > 0) {
+                                if (le === "checkbox" && I && wn.current > 0) {
                     var S;
                     if (En.current === "all") {
-                        if (Te === "") {
+                        if (Le === "") {
                             S = (0, d._)("Clear all");
                         } else {
                             S = (0, d._)("Clear all matches");
                         }
-                    } else if (Te === "") {
+                    } else if (Le === "") {
                         S = (0, d._)("Select all");
                     } else {
                         S = (0, d._)("Select all matches");
@@ -1658,16 +1665,16 @@
                     }));
                 }
                 kn.current = c.reduce((function(e, n) {
-                    if (un(n)) {
+                    if (fn(n)) {
                         e.push(n.props.value);
                     }
                     return e;
                 }), []);
                 return c;
-            }), [ Ee, ke, o, s, f, Jn, O, Te, Xn, Dn, Hn, Kn, Un, qn, j, I, Zn, _, le, Ue, me ]);
+            }), [ 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 = ln({
+                var i = sn({
                     anchorWidth: t,
                     isMultiple: I,
                     maxHeight: o,
@@ -1676,12 +1683,12 @@
                 var u = Jn.length > 0 && !Yn && !O ? 0 : undefined;
                 var c = {
                     "aria-multiselectable": I || undefined,
-                    childrenStart: !!O &&  n().createElement(vn, {
+                    childrenStart: !!O &&  n().createElement(gn, {
                         activeItemId: ke,
                         filterA11yId: An,
-                        filterKeyword: Te,
+                        filterKeyword: Le,
                         hasChildren: er.some((function(e) {
-                            return un(e);
+                            return fn(e);
                         })),
                         inputId: k,
                         inputRef: x,
@@ -1713,7 +1720,7 @@
                 };
                 if (be) {
                     
-                    return n().createElement(ee.VirtualizedResultsMenu, He({
+                    return n().createElement(ee.VirtualizedResultsMenu, We({
                         virtualization: be
                     }, c), er);
                 }
@@ -1722,7 +1729,7 @@
             };
             var rr = (0, e.useMemo)((function() {
                 
-                return n().createElement(mn, He({
+                return n().createElement(On, We({
                     appearance: i,
                     append: c,
                     currentValues: In(),
@@ -1731,7 +1738,7 @@
                     disabled: y,
                     elementRef: Gn,
                     error: h,
-                    inline: w,
+                    inline: C,
                     labelText: E,
                     labelledBy: P,
                     multiple: I,
@@ -1744,33 +1751,33 @@
                     toggle: me,
                     toggleContent: ge
                 }, he), f);
-            }), [ i, c, In, I, m, y, h, Gn, w, E, P, z, J, Y, Z, U, de, me, ge, he, f ]);
+            }), [ i, c, In, I, m, y, h, Gn, C, E, P, z, J, Y, Z, U, de, me, ge, he, f ]);
             
             return n().createElement(Q(), {
-                closeReasons: an,
+                closeReasons: dn,
                 inputId: k,
                 "aria-labelledby": An,
                 toggle: rr,
-                onRequestOpen: Nn,
-                onRequestClose: Tn,
-                open: ze,
+                onRequestOpen: Tn,
+                onRequestClose: Ln,
+                open: Fe,
                 openWithArrowKeys: true,
                 repositionMode: te,
                 defaultPlacement: v,
-                canCoverAnchor: Le().innerHeight < 500,
+                canCoverAnchor: qe().innerHeight < 500,
                 retainFocus: false,
                 takeFocus: Jn.length === 0 || Jn.length > 0 && !Yn || !!O
             }, nr);
         }
-        yn.propTypes = tn;
-        yn.componentType = "SelectBase";
-        yn.Option = C;
-        yn.Divider = u.Divider;
-        yn.Heading = u.Heading;
-        /* harmony default export */        const gn = yn;
+        Sn.propTypes = un;
+        Sn.componentType = "SelectBase";
+        Sn.Option = w;
+        Sn.Divider = u.Divider;
+        Sn.Heading = u.Heading;
+        /* harmony default export */        const Cn = Sn;
         // CONCATENATED MODULE: ./src/Multiselect/Compact.tsx
-        function hn() {
-            return hn = Object.assign ? Object.assign.bind() : function(e) {
+        function wn() {
+            return wn = Object.assign ? Object.assign.bind() : function(e) {
                 for (var n = 1; n < arguments.length; n++) {
                     var r = arguments[n];
                     for (var t in r) {
@@ -1778,11 +1785,11 @@
                     }
                 }
                 return e;
-            }, hn.apply(null, arguments);
+            }, wn.apply(null, arguments);
         }
-        function On(e, n) {
+        function kn(e, n) {
             if (null == e) return {};
-            var r, t, o = Sn(e, n);
+            var r, t, o = xn(e, n);
             if (Object.getOwnPropertySymbols) {
                 var l = Object.getOwnPropertySymbols(e);
                 for (t = 0; t < l.length; t++) {
@@ -1791,7 +1798,7 @@
             }
             return o;
         }
-        function Sn(e, n) {
+        function xn(e, n) {
             if (null == e) return {};
             var r = {};
             for (var t in e) {
@@ -1802,7 +1809,7 @@
             }
             return r;
         }
-        var wn = {
+        var jn = {
             allowNewValues: l().bool,
             animateLoading: l().bool,
             children: l().node,
@@ -1840,11 +1847,11 @@
             virtualization: l().number
         };
         // TS: not typed controlled/uncontrolled, handled by Multiselect wrapper component
-                var Cn = {};
-        var kn = (0, d._)("No matches");
-        var xn = (0, d._)("Select...");
-        function jn(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, w = r.menuStyle, k = w === void 0 ? Cn : w, x = r.name, j = r.noOptionsMessage, P = j === void 0 ? kn : j, E = r.onChange, R = r.onClose, M = r.onFilterChange, A = r.onOpen, I = r.onScroll, B = r.onScrollBottom, N = r.placeholder, T = N === void 0 ? xn : N, L = r.repositionMode, V = r.selectAllAppearance, q = r.showSelectedValuesFirst, D = q === void 0 ? "nextOpen" : q, F = r.tabConfirmsNewValue, _ = r.values, H = r.virtualization, K = On(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 Pn = {};
+        var En = (0, d._)("No matches");
+        var Rn = (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" ]);
             // @docs-props-type CompactPropsBase
                         if (false) {}
             var z = true;
@@ -1856,11 +1863,11 @@
             }
             var $ = {
                 children: e.Children.toArray(l).map((function(e) {
-                    if (un(e)) {
+                    if (fn(e)) {
                         var r;
                         var t = (r = e.key) !== null && r !== void 0 ? r : "".concat(e.props.label, "-").concat(e.props.value);
                         
-                        return n().createElement(C, hn({
+                        return n().createElement(w, wn({
                             key: t
                         }, e.props, {
                             multiple: true
@@ -1877,7 +1884,7 @@
                 $.values = _;
             }
             
-            return n().createElement(gn, hn({
+            return n().createElement(Cn, wn({
                 allowNewValues: t,
                 animateLoading: o,
                 describedBy: s,
@@ -1901,8 +1908,8 @@
                 onOpen: A,
                 onScroll: I,
                 onScrollBottom: B,
-                placeholder: T,
-                repositionMode: L,
+                placeholder: L,
+                repositionMode: N,
                 selectAllAppearance: V,
                 showSelectedValuesFirst: D,
                 tabConfirmsNewValue: F,
@@ -1911,45 +1918,45 @@
                 multiple: true
             }));
         }
-        jn.propTypes = wn;
-        jn.Option = R;
-        jn.Divider = u.Divider;
-        jn.Heading = u.Heading;
-        /* harmony default export */        const Pn = jn;
+        Mn.propTypes = jn;
+        Mn.Option = R;
+        Mn.Divider = u.Divider;
+        Mn.Heading = u.Heading;
+        /* harmony default export */        const An = Mn;
         // CONCATENATED MODULE: external "lodash/defer"
-        const En = require("lodash/defer");
-        var Rn =  r.n(En);
+        const In = require("lodash/defer");
+        var Bn =  r.n(In);
         // CONCATENATED MODULE: external "lodash/get"
-        const Mn = require("lodash/get");
-        var An =  r.n(Mn);
+        const Tn = require("lodash/get");
+        var Ln =  r.n(Tn);
         // CONCATENATED MODULE: external "lodash/isString"
-        const In = require("lodash/isString");
-        var Bn =  r.n(In);
+        const Nn = require("lodash/isString");
+        var Vn =  r.n(Nn);
         // CONCATENATED MODULE: external "lodash/keys"
-        const Nn = require("lodash/keys");
-        var Tn =  r.n(Nn);
+        const qn = require("lodash/keys");
+        var Dn =  r.n(qn);
         // CONCATENATED MODULE: external "lodash/last"
-        const Ln = require("lodash/last");
-        var Vn =  r.n(Ln);
+        const Fn = require("lodash/last");
+        var _n =  r.n(Fn);
         // CONCATENATED MODULE: external "lodash/omit"
-        const qn = require("lodash/omit");
-        var Dn =  r.n(qn);
+        const Hn = require("lodash/omit");
+        var Kn =  r.n(Hn);
         // CONCATENATED MODULE: external "lodash/pickBy"
-        const Fn = require("lodash/pickBy");
-        var _n =  r.n(Fn);
+        const zn = require("lodash/pickBy");
+        var $n =  r.n(zn);
         // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
-        const Hn = require("@splunk/react-ui/Popover");
-        var Kn =  r.n(Hn);
+        const Wn = require("@splunk/react-ui/Popover");
+        var Xn =  r.n(Wn);
         // CONCATENATED MODULE: external "@splunk/ui-utils/format"
-        const zn = require("@splunk/ui-utils/format");
+        const Un = require("@splunk/ui-utils/format");
         // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-        const $n = require("@splunk/react-ui/Box");
-        var Wn =  r.n($n);
+        const Gn = require("@splunk/react-ui/Box");
+        var Jn =  r.n(Gn);
         // CONCATENATED MODULE: external "@splunk/react-ui/Chip"
-        const Xn = require("@splunk/react-ui/Chip");
-        var Un =  r.n(Xn);
+        const Qn = require("@splunk/react-ui/Chip");
+        var Yn =  r.n(Qn);
         // CONCATENATED MODULE: ./src/Multiselect/NormalStyles.ts
-        var Gn = be()(Wn()).withConfig({
+        var Zn = be()(Jn()).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) {
@@ -1968,37 +1975,32 @@
             var n = e.$popoverOpen;
             return n && (0, ve.css)([ "position:relative;z-index:calc(", " - 2);" ], Oe.variables.zindexFixedNavbar);
         }));
-        var Jn = be().span.withConfig({
+        var er = be().span.withConfig({
             displayName: "NormalStyles__StyledButtonsWrapper",
             componentId: "sc-1uwwpco-1"
         })([ "display:contents;" ]);
-        var Qn = be().input.withConfig({
+        var nr = be().input.withConfig({
             displayName: "NormalStyles__StyledInput",
             componentId: "sc-1uwwpco-2"
         })([ "", ";flex:1 0 auto;max-width:100%;" ], Oe.mixins.reset("block"));
-        var Yn = be().div.withConfig({
-            displayName: "NormalStyles__StyledOverlay",
-            componentId: "sc-1uwwpco-3"
-        })([ "", "" ], (function(e) {
-            var n = e.$popoveropen;
-            return n && (0, ve.css)([ "position:fixed;top:0;left:0;width:100%;height:100%;z-index:calc(", " - 2);" ], Oe.variables.zindexFixedNavbar);
-        }));
-        // TODO(SUI-7436): remove the customized style of Chip
-                var Zn = be()(Un()).withConfig({
+        var rr = be()(Yn()).withConfig({
             displayName: "NormalStyles__StyledChip",
-            componentId: "sc-1uwwpco-4"
-        })([ "margin:0;padding-top:0;padding-bottom:0;max-height:20px;" ]);
+            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);
         // CONCATENATED MODULE: ./src/Multiselect/Normal.tsx
-        function er(e) {
+        function tr(e) {
             "@babel/helpers - typeof";
-            return er = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return tr = "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;
-            }, er(e);
+            }, tr(e);
         }
-        function nr() {
-            return nr = Object.assign ? Object.assign.bind() : function(e) {
+        function or() {
+            return or = Object.assign ? Object.assign.bind() : function(e) {
                 for (var n = 1; n < arguments.length; n++) {
                     var r = arguments[n];
                     for (var t in r) {
@@ -2006,41 +2008,41 @@
                     }
                 }
                 return e;
-            }, nr.apply(null, arguments);
+            }, or.apply(null, arguments);
         }
-        function rr(e) {
-            return lr(e) || or(e) || ur(e) || tr();
+        function lr(e) {
+            return ur(e) || ir(e) || dr(e) || ar();
         }
-        function tr() {
+        function ar() {
             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 or(e) {
+        function ir(e) {
             if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
         }
-        function lr(e) {
-            if (Array.isArray(e)) return cr(e);
+        function ur(e) {
+            if (Array.isArray(e)) return fr(e);
         }
-        function ar(e, n) {
-            return dr(e) || sr(e, n) || ur(e, n) || ir();
+        function cr(e, n) {
+            return vr(e) || pr(e, n) || dr(e, n) || sr();
         }
-        function ir() {
+        function sr() {
             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 ur(e, n) {
+        function dr(e, n) {
             if (e) {
-                if ("string" == typeof e) return cr(e, n);
+                if ("string" == typeof e) return fr(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) ? cr(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) ? fr(e, n) : void 0;
             }
         }
-        function cr(e, n) {
+        function fr(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 sr(e, n) {
+        function pr(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;
@@ -2062,12 +2064,12 @@
                 return i;
             }
         }
-        function dr(e) {
+        function vr(e) {
             if (Array.isArray(e)) return e;
         }
-        function fr(e, n) {
+        function br(e, n) {
             if (null == e) return {};
-            var r, t, o = pr(e, n);
+            var r, t, o = mr(e, n);
             if (Object.getOwnPropertySymbols) {
                 var l = Object.getOwnPropertySymbols(e);
                 for (t = 0; t < l.length; t++) {
@@ -2076,7 +2078,7 @@
             }
             return o;
         }
-        function pr(e, n) {
+        function mr(e, n) {
             if (null == e) return {};
             var r = {};
             for (var t in e) {
@@ -2087,7 +2089,7 @@
             }
             return r;
         }
-        function vr(e, n) {
+        function yr(e, n) {
             var r = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
                 var t = Object.getOwnPropertySymbols(e);
@@ -2097,40 +2099,40 @@
             }
             return r;
         }
-        function br(e) {
+        function gr(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var r = null != arguments[n] ? arguments[n] : {};
-                n % 2 ? vr(Object(r), !0).forEach((function(n) {
-                    mr(e, n, r[n]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : vr(Object(r)).forEach((function(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) {
                     Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
                 }));
             }
             return e;
         }
-        function mr(e, n, r) {
-            return (n = yr(n)) in e ? Object.defineProperty(e, n, {
+        function hr(e, n, r) {
+            return (n = Or(n)) in e ? Object.defineProperty(e, n, {
                 value: r,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
             }) : e[n] = r, e;
         }
-        function yr(e) {
-            var n = gr(e, "string");
-            return "symbol" == er(n) ? n : n + "";
+        function Or(e) {
+            var n = Sr(e, "string");
+            return "symbol" == tr(n) ? n : n + "";
         }
-        function gr(e, n) {
-            if ("object" != er(e) || !e) return e;
+        function Sr(e, n) {
+            if ("object" != tr(e) || !e) return e;
             var r = e[Symbol.toPrimitive];
             if (void 0 !== r) {
                 var t = r.call(e, n || "default");
-                if ("object" != er(t)) return t;
+                if ("object" != tr(t)) return t;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === n ? String : Number)(e);
         }
-        var hr = {
+        var Cr = {
             allowNewValues: l().bool,
             animateLoading: l().bool,
             children: l().node,
@@ -2162,32 +2164,31 @@
             required: l().bool,
             repositionMode: l().oneOf([ "none", "flip" ]),
             tabConfirmsNewValue: l().bool,
-            useClickawayOverlay: l().bool,
             values: l().array
         };
-        var Or = D()((function(e) {
+        var wr = D()((function(e) {
             return {
                 flexBasis: e,
                 width: e
             };
         }));
         // export for testing purpose
-                var Sr = D()((function(e) {
+                var kr = D()((function(e) {
             var n = e.anchorWidth, r = n === void 0 ? 0 : n, t = e.maxHeight, o = e.menuStyle;
-            return br({
+            return gr({
                 maxHeight: t,
                 overflow: "auto",
                 width: Math.max(r, 200)
             }, o || {});
         }));
         // TS: not typed controlled/uncontrolled, handled by Multiselect wrapper component
-                var wr = {};
-        var Cr = (0, d._)("No matches");
-        var kr = (0, d._)("Select...");
-        function xr(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, w = r.labelledBy, C = r.loadingMessage, k = r.menuStyle, x = k === void 0 ? wr : k, j = r.name, P = r.noOptionsMessage, E = P === void 0 ? Cr : P, M = r.onChange, A = r.onClose, I = r.onFilterChange, B = r.onScroll, N = r.onScrollBottom, T = r.onOpen, L = r.placeholder, V = L === void 0 ? kr : L, q = r.required, D = r.repositionMode, F = r.tabConfirmsNewValue, _ = r.useClickawayOverlay, H = r.values, K = fr(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", "useClickawayOverlay", "values" ]);
+                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" ]);
             // @docs-props-type NormalPropsBase
-                        var z = s()({
+                        var K = s()({
                 componentName: "Multiselect",
                 /* eslint-disable-next-line prefer-rest-params */
                 componentProps: arguments[0],
@@ -2196,215 +2197,215 @@
                 valuePropName: "values"
             });
             if (false) {}
-            var W = (0, e.useState)(0), X = ar(W, 2), U = X[0], G = X[1];
-            var J = (0, e.useState)(null), Q = ar(J, 2), Y = Q[0], Z = Q[1];
-            var ee = (0, e.useState)(""), re = ar(ee, 2), te = re[0], oe = re[1];
-            var ae = (0, e.useState)(false), ie = ar(ae, 2), de = ie[0], fe = ie[1];
-            var pe = (0, e.useState)(false), ve = ar(pe, 2), be = ve[0], me = ve[1];
-            var ye = (0, e.useState)(f || []), ge = ar(ye, 2), he = ge[0], Oe = ge[1];
-            var Se = (0, e.useState)(""), we = ar(Se, 2), Ce = we[0], ke = we[1];
-            var xe = z && H ? H : he;
-            var je = xe.slice(0);
-            var Pe = xe.indexOf(te) >= 0;
+            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 Pe = (0, e.useRef)(null);
             var Ee = (0, e.useRef)(null);
-            var Re = (0, e.useRef)(null);
-            var Me = (0, e.useRef)(undefined);
-            var Ae = (0, e.useRef)(0);
-            var Be = (0, e.useState)((function() {
+            var Re = (0, e.useRef)(undefined);
+            var Me = (0, e.useRef)(0);
+            var Ae = (0, e.useState)((function() {
                 return {
                     activeItemId: (0, ce.createDOMID)("active-item"),
                     popoverId: (0, ce.createDOMID)("popover")
                 };
-            })), Ne = ar(Be, 1), Te = Ne[0], Le = Te.activeItemId, qe = Te.popoverId;
+            })), Be = cr(Ae, 1), Te = Be[0], Le = Te.activeItemId, Ne = Te.popoverId;
             (0, e.useEffect)((function() {
-                if (z) {
-                    oe("");
-                    G(0);
+                if (K) {
+                    te("");
+                    U(0);
                 }
-            }), [ H, z ]);
-            var De = (0, e.useCallback)((function(e) {
+            }), [ _, K ]);
+            var Ve = (0, e.useCallback)((function(e) {
                 var n = e.resetFilterKeyword;
-                if (!be) {
-                    oe((function(e) {
+                if (!ve) {
+                    te((function(e) {
                         return n ? "" : e;
                     }));
-                    fe(true);
-                    me(true);
-                    T === null || T === void 0 ? void 0 : T();
-                }
-            }), [ be, T ]);
-            var Fe = (0, e.useCallback)((function() {
-                if (de) {
-                    De({
+                    de(true);
+                    be(true);
+                    L === null || L === void 0 ? void 0 : L();
+                }
+            }), [ ve, L ]);
+            var qe = (0, e.useCallback)((function() {
+                if (ie) {
+                    Ve({
                         resetFilterKeyword: false
                     });
                 } else {
                     var e;
-                    (e = Ee.current) === null || e === void 0 ? void 0 : e.focus();
+                    (e = Pe.current) === null || e === void 0 ? void 0 : e.focus();
                 }
-            }), [ de, De ]);
-            var _e = (0, e.useCallback)((function(e, n) {
-                if (!be) {
+            }), [ ie, Ve ]);
+            var De = (0, e.useCallback)((function(e, n) {
+                if (!ve) {
                     return;
                 }
-                var r = (xe || []).concat([ n ]);
-                if (!z) {
-                    Oe(r);
-                    G(0);
-                    me(true);
-                    oe("");
+                var r = (ke || []).concat([ n ]);
+                if (!K) {
+                    he(r);
+                    U(0);
+                    be(true);
+                    te("");
                 }
                 M === null || M === void 0 ? void 0 : M(e, {
                     values: r,
                     name: j
                 });
-            }), [ be, xe, z, M, j ]);
-            var He = (0, e.useCallback)((function(e, n) {
-                var r = $()(xe, n);
-                if (!z) {
-                    Oe(r);
+            }), [ ve, ke, K, M, j ]);
+            var Fe = (0, e.useCallback)((function(e, n) {
+                var r = $()(ke, n);
+                if (!K) {
+                    he(r);
                 }
                 M === null || M === void 0 ? void 0 : M(e, {
                     values: r,
                     name: j
                 });
-            }), [ xe, z, j, M ]);
-            var Ke = (0, e.useCallback)((function(e) {
-                if (be && !S) {
-                    N === null || N === void 0 ? void 0 : N(e);
-                    ke("".concat(Ae.current, " options, loading more options"));
-                }
-            }), [ be, S, N ]);
-            var ze = (0, e.useCallback)((function(e, n) {
+            }), [ ke, K, j, M ]);
+            var He = (0, e.useCallback)((function(e) {
+                if (ve && !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) {
                 var r = n.value;
-                Rn()((function() {
-                    return He(e, r);
+                Bn()((function() {
+                    return Fe(e, r);
                 }));
-            }), [ He ]);
-            var $e = (0, e.useCallback)((function(e) {
-                if (te !== "") {
+            }), [ Fe ]);
+            var ze = (0, e.useCallback)((function(e) {
+                if (re !== "") {
                     I === null || I === void 0 ? void 0 : I(e, {
                         keyword: ""
                     });
                 }
-                De({
+                Ve({
                     resetFilterKeyword: true
                 });
-            }), [ te, I, De ]);
-            var We = (0, e.useCallback)((function(n) {
+            }), [ re, I, Ve ]);
+            var $e = (0, e.useCallback)((function(n) {
                 var r;
                 var t = (0, se.keycode)(n.nativeEvent);
-                if (t === "tab" && be) {
-                    if (F && Me.current !== undefined && Ae.current <= 1) {
+                if (t === "tab" && ve) {
+                    if (F && Re.current !== undefined && Me.current <= 1) {
                         var o;
                         n.preventDefault();
-                        _e(n, Me.current);
-                        (o = Ee.current) === null || o === void 0 ? void 0 : o.focus();
+                        De(n, Re.current);
+                        (o = Pe.current) === null || o === void 0 ? void 0 : o.focus();
                     } else {
-                        me(false);
+                        be(false);
                     }
                 }
                 if (n.shiftKey || n.metaKey || n.ctrlKey) {
                     return;
                 }
-                if (t === "end" && be) {
+                if (t === "end" && ve) {
                     n.preventDefault();
-                    G(Ae.current - 1);
+                    U(Me.current - 1);
                 }
-                if (t === "home" && be) {
+                if (t === "home" && ve) {
                     n.preventDefault();
-                    G(0);
+                    U(0);
                 }
                 if (t === "down") {
                     n.preventDefault();
-                    if (be) {
-                        G((function(e) {
-                            return Math.min(e + 1, Ae.current - 1);
+                    if (ve) {
+                        U((function(e) {
+                            return Math.min(e + 1, Me.current - 1);
                         }));
                     } else {
-                        G(0);
-                        me(true);
+                        U(0);
+                        be(true);
                     }
-                    if (l && N) {
-                        var a = e.Children.toArray(l).length - (2 + ((xe === null || xe === void 0 ? void 0 : xe.length) || 0));
-                        if (U === a) {
-                            Ke(n);
+                    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);
                         }
                     }
                 }
                 if (t === "up") {
                     n.preventDefault();
-                    if (be) {
-                        G((function(e) {
+                    if (ve) {
+                        U((function(e) {
                             return Math.max(e - 1, 0);
                         }));
                     } else {
-                        G(0);
-                        me(true);
+                        U(0);
+                        be(true);
                     }
                 }
-                if (t === "enter" && Me.current !== undefined && be) {
-                    _e(n, Me.current);
+                if (t === "enter" && Re.current !== undefined && ve) {
+                    De(n, Re.current);
                 }
-                if (t === "backspace" && ((r = Ee.current) === null || r === void 0 ? void 0 : r.value) === "" && xe.length) {
-                    He(n, Vn()(xe));
+                if (t === "backspace" && ((r = Pe.current) === null || r === void 0 ? void 0 : r.value) === "" && ke.length) {
+                    Fe(n, _n()(ke));
                 }
-            }), [ be, xe, F, _e, l, N, U, Ke, He ]);
-            var Xe = (0, e.useCallback)((function(e) {
-                oe(e.target.value);
-                me(true);
-                G(0);
+            }), [ ve, ke, F, De, l, T, X, He, Fe ]);
+            var We = (0, e.useCallback)((function(e) {
+                te(e.target.value);
+                be(true);
+                U(0);
                 I === null || I === void 0 ? void 0 : I(e, {
                     keyword: e.target.value
                 });
             }), [ I ]);
-            var Ue = (0, e.useCallback)((function(e, n) {
+            var Xe = (0, e.useCallback)((function(e, n) {
                 var r;
                 var t = n.value;
                 e.stopPropagation();
-                _e(e, t);
-                (r = Ee.current) === null || r === void 0 ? void 0 : r.focus();
-            }), [ _e ]);
-            var Ge = (0, e.useCallback)((function(e) {
-                var n = document.getElementById(qe);
+                De(e, t);
+                (r = Pe.current) === null || r === void 0 ? void 0 : r.focus();
+            }), [ De ]);
+            var Ue = (0, e.useCallback)((function(e) {
+                var n = document.getElementById(Ne);
                 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
-                                oe(t ? te : "");
-                fe(false);
+                                te(t ? re : "");
+                de(false);
                 if (!t) {
                     I === null || I === void 0 ? void 0 : I(e, {
                         keyword: ""
                     });
                 }
-            }), [ te, I, qe ]);
-            var Je = (0, e.useCallback)((function(e) {
+            }), [ re, I, Ne ]);
+            var Ge = (0, e.useCallback)((function(e) {
                 var n = e.reason, r = e.event;
-                if (n === "escapeKey" || n === "offScreen" || n === "clickAway" && r !== undefined && !(Y === null || Y === void 0 ? void 0 : Y.contains(r.target))) {
-                    me(false);
-                    Re.current = null;
+                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;
                     A === null || A === void 0 ? void 0 : A();
                 }
                 if (n === "escapeKey") {
                     var t;
-                    (t = Ee.current) === null || t === void 0 ? void 0 : t.focus();
+                    (t = Pe.current) === null || t === void 0 ? void 0 : t.focus();
                 }
-            }), [ Y, A ]);
-            var Qe = (0, e.useCallback)((function(e) {
-                Z(e);
-                Ve(b, e);
+            }), [ Q, A ]);
+            var Je = (0, e.useCallback)((function(e) {
+                Y(e);
+                _e(b, e);
             }), [ b ]);
-            var Ye = (0, e.useCallback)((function(e) {
-                Ee.current = e;
-                Ve(O, e);
+            var Qe = (0, e.useCallback)((function(e) {
+                Pe.current = e;
+                _e(O, e);
             }), [ O ]);
-            var Ze = (0, e.useCallback)((function(e) {
-                if (Re.current !== U) {
+            var Ye = (0, e.useCallback)((function(e) {
+                if (Ee.current !== X) {
                     Ie(e);
                 }
-            }), [ U ]);
-            var en = (0, e.useCallback)((function(e) {
+            }), [ X ]);
+            var Ze = (0, e.useCallback)((function(e) {
                 // selectedOptions may contain items or unmatched values at this point
                 return e.map((function(e) {
                     var r = e;
@@ -2413,14 +2414,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;
                         
-                        // TODO(SUI-7436): remove the customized style of Chip
-                        return n().createElement(Zn, {
+                        return n().createElement(rr, {
                             "aria-selected": true,
                             disabled: v,
                             icon: l,
                             key: s.toString(),
                             "data-test": "selected-option",
-                            onRequestRemove: ze,
+                            onRequestRemove: Ke,
                             role: "option",
                             value: s,
                             appearance: i,
@@ -2429,18 +2429,18 @@
                         }, o || a);
                     }
                     
-                    return n().createElement(Zn, {
+                    return n().createElement(rr, {
                         "aria-selected": true,
                         disabled: v,
                         key: (0, ce.createGUID)(),
                         "data-test": "selected-option",
-                        onRequestRemove: ze,
+                        onRequestRemove: Ke,
                         role: "option",
                         value: r
                     }, r);
                 }));
-            }), [ v, ze ]);
-            var nn = function e(r) {
+            }), [ v, Ke ]);
+            var en = function e(r) {
                 return r.map((function(e) {
                     var r = e;
  // TS: faking props here
@@ -2449,39 +2449,39 @@
                         
                         return n().createElement("span", {
                             key: t.value.toString()
-                        }, t.children || t.label, (0, zn.sprintf)((0, d._)(" selected")));
+                        }, t.children || t.label, (0, Un.sprintf)((0, d._)(" selected")));
                     }
                     
                     return n().createElement("span", {
                         key: (0, ce.createGUID)()
-                    },  n().createElement(n().Fragment, null, r, (0, zn.sprintf)((0, d._)(" selected"))));
+                    },  n().createElement(n().Fragment, null, r, (0, Un.sprintf)((0, d._)(" selected"))));
                 }));
             };
             // Map Options to selected values
-                        if (xe && xe.length) {
+                        if (ke && ke.length) {
                 e.Children.toArray(l).filter(e.isValidElement).filter((function(e) {
                     return e.type === R;
                 })).forEach((function(e) {
                     if (e.type === R) {
-                        var n = xe.indexOf(e.props.value);
+                        var n = ke.indexOf(e.props.value);
                         if (n !== -1) {
-                            je[n] = e;
+                            xe[n] = e;
                         }
                     }
                 }));
             }
             // Filter the items
-                        var rn = (0, ue.stringToKeywords)(te);
-            var tn = a ? e.Children.toArray(l) : e.Children.toArray(l).filter((function(e) {
-                if (An()(e, [ "props", "label" ], false)) {
-                    return (0, ue.testPhrase)(e.props.label, rn);
+                        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);
                 }
                 return true;
  // Keep all headers and non-interactive options
                         }));
-            Ae.current = 0;
-            Me.current = undefined;
-            var on = e.Children.map(tn, (function(n, r) {
+            Me.current = 0;
+            Re.current = undefined;
+            var tn = e.Children.map(rn, (function(n, r) {
                 var t = n.props;
                 if (!t || !i()(t, "value")) {
                     // ignore Headings and Dividers
@@ -2490,22 +2490,22 @@
                 var o = n;
                 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 === te) {
-                    Pe = true;
+                                if (d === re) {
+                    je = true;
                 }
                 // remove items that are already selected
-                                var f = xe.indexOf(d);
+                                var f = ke.indexOf(d);
                 if (f >= 0) {
                     return null;
                 }
                 // highlight matched text
-                                var p = u === undefined || Bn()(u);
-                var v = p && !a && !s && rn && (0, ue.keywordLocations)(c, rn);
+                                var p = u === undefined || Vn()(u);
+                var v = p && !a && !s && nn && (0, ue.keywordLocations)(c, nn);
                 // clone item
                                 var b =  (0, e.cloneElement)(o, {
                     // eslint-disable-next-line react/no-array-index-key
                     key: r,
-                    onClick: Ue,
+                    onClick: Xe,
                     matchRanges: p && (s || v) || undefined
                 });
                 return b;
@@ -2513,18 +2513,18 @@
                 return e !== null;
             })) || [];
             // Add the option to add the new value
-                        if (t && !Pe && te) {
-                on.unshift( n().createElement(R, {
-                    label: "".concat(te),
+                        if (t && !je && re) {
+                tn.unshift( n().createElement(R, {
+                    label: "".concat(re),
                     description: (0, d._)("(New value)"),
                     descriptionPosition: "right",
-                    value: te,
+                    value: re,
                     key: "newValue",
-                    onClick: Ue
+                    onClick: Xe
                 }));
             }
             // highlight the selected Item
-                        var ln = e.Children.map(on, (function(n) {
+                        var on = e.Children.map(tn, (function(n) {
                 var r = n.props;
                 if (!r || !i()(r, "value")) {
                     // ignore Headings and Dividers
@@ -2532,27 +2532,27 @@
                 }
                 var t = n;
                 var o = t.props, l = o.disabled, a = o.value;
-                var u = Ae.current === U;
-                Ae.current += 1;
+                var u = Me.current === X;
+                Me.current += 1;
                 if (!u) {
                     return t;
                 }
                 if (!l) {
-                    Me.current = a;
+                    Re.current = a;
                 }
                 var c =  (0, e.cloneElement)(t, {
                     active: u,
                     id: Le,
                     elementRef: function e(n) {
-                        Ze(n);
-                        Ve(t.props.elementRef, n);
+                        Ye(n);
+                        _e(t.props.elementRef, n);
                     }
                 });
                 return c;
             }));
-            var an = function e(r) {
+            var ln = function e(r) {
                 var t = r.anchorWidth, l = r.maxHeight, a = r.placement;
-                var i = Sr({
+                var i = kr({
                     anchorWidth: t,
                     maxHeight: l,
                     menuStyle: x
@@ -2562,107 +2562,104 @@
                     focusMode: "never",
                     placement: a !== null && a !== void 0 ? a : undefined,
                     isLoading: S,
-                    onScrollBottom: N ? Ke : undefined,
+                    onScrollBottom: T ? He : undefined,
                     noOptionsMessage: E,
                     footerMessage: y,
                     animateLoading: o,
-                    loadingMessage: C,
+                    loadingMessage: w,
                     onScroll: B,
                     style: i
-                }, ln);
+                }, on);
             };
-            var un = Or("".concat(te.length * .8, "em"));
-            var cn = br(br({}, _n()(K, (function(e, n) {
+            var an = wr("".concat(re.length * .8, "em"));
+            var un = gr(gr({}, $n()(H, (function(e, n) {
                 return n === "role" || n.indexOf("aria-") === 0;
             }))), {}, {
                 "aria-describedby": p,
-                "aria-labelledby": w,
+                "aria-labelledby": C,
                 "aria-invalid": m || undefined
             });
-            var sn = br({}, _n()(K, (function(e, n) {
+            var cn = gr({}, $n()(H, (function(e, n) {
                 return n === "aria-label" || n === "aria-describedby";
             })));
             
-            return n().createElement(n().Fragment, null,  n().createElement(Gn, nr({
+            return n().createElement(n().Fragment, null,  n().createElement(Zn, or({
                 key: "control",
-                "data-test-values": JSON.stringify(xe),
+                "data-test-values": JSON.stringify(ke),
+                "data-test-disabled": v ? "disabled" : undefined,
                 inline: g,
-                $hasFocus: de
-            }, Dn().apply(void 0, [ K ].concat(rr(Tn()(cn)))), {
-                onClick: v ? undefined : Fe,
+                $hasFocus: ie
+            }, Kn().apply(void 0, [ H ].concat(lr(Dn()(un)))), {
+                onClick: v ? undefined : qe,
                 $disabled: v,
                 $error: m,
-                "data-test-popover-id": qe,
-                $popoverOpen: be,
+                "data-test-popover-id": Ne,
+                $popoverOpen: ve,
                 flex: true,
-                elementRef: Qe,
+                elementRef: Je,
                 role: "group",
                 "aria-disabled": v || undefined,
-                "aria-labelledby": w
-            }, sn),  n().createElement(Jn, {
+                "aria-labelledby": C
+            }, cn),  n().createElement(er, {
                 role: "listbox",
                 "aria-invalid": m,
                 "aria-multiselectable": "true"
-            }, en(je)), !v &&  n().createElement(Qn, nr({
+            }, Ze(xe)), !v &&  n().createElement(nr, or({
                 role: "combobox",
                 "data-test": "textbox",
                 id: h,
-                ref: Ye,
-                onBlur: Ge,
-                onFocus: $e,
-                onChange: Xe,
-                onKeyDown: We,
-                value: te,
+                ref: Qe,
+                onBlur: Ue,
+                onFocus: ze,
+                onChange: We,
+                onKeyDown: $e,
+                value: re,
                 autoCapitalize: "off",
                 autoComplete: "off",
                 autoCorrect: "off",
                 spellCheck: false,
-                style: un,
-                placeholder: xe.length ? "" : V,
+                style: an,
+                placeholder: ke.length ? "" : V,
                 required: q,
-                "aria-activedescendant": be && Ae.current > 0 ? Le : undefined,
+                "aria-activedescendant": ve && Me.current > 0 ? Le : undefined,
                 "aria-autocomplete": "list",
-                "aria-controls": be ? qe : undefined,
-                "aria-owns": be ? qe : undefined,
-                "aria-expanded": be,
+                "aria-controls": ve ? Ne : undefined,
+                "aria-owns": ve ? Ne : undefined,
+                "aria-expanded": ve,
                 "aria-haspopup": true
-            }, cn)),  n().createElement(Kn(), {
-                open: be && !!Y,
+            }, un)),  n().createElement(Xn(), {
+                open: ve && !!Q,
                 autoCloseWhenOffScreen: true,
-                anchor: Y,
-                onRequestClose: Je,
+                anchor: Q,
+                onRequestClose: Ge,
                 canCoverAnchor: false,
                 defaultPlacement: c,
                 repositionMode: D,
-                id: qe
-            }, an)),  n().createElement(le(), {
+                id: Ne
+            }, ln)),  n().createElement(le(), {
                 role: "status",
                 "aria-relevant": "text"
-            }, Ce), _ && be ?  n().createElement(Yn, {
-                key: "overlay",
-                $popoveropen: be,
-                "data-test": "overlay"
-            }) : null,  n().createElement(le(), {
+            }, Ce),  n().createElement(le(), {
                 role: "alert",
                 "aria-relevant": "additions"
-            }, nn(je)));
+            }, en(xe)));
         }
-        xr.propTypes = hr;
-        xr.Option = R;
-        xr.Divider = u.Divider;
-        xr.Heading = u.Heading;
-        /* harmony default export */        const jr = xr;
+        Er.propTypes = Cr;
+        Er.Option = R;
+        Er.Divider = u.Divider;
+        Er.Heading = u.Heading;
+        /* harmony default export */        const Rr = Er;
         // CONCATENATED MODULE: ./src/Multiselect/Multiselect.tsx
-        function Pr(e) {
+        function Mr(e) {
             "@babel/helpers - typeof";
-            return Pr = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return Mr = "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;
-            }, Pr(e);
+            }, Mr(e);
         }
-        function Er() {
-            return Er = Object.assign ? Object.assign.bind() : function(e) {
+        function Ar() {
+            return Ar = Object.assign ? Object.assign.bind() : function(e) {
                 for (var n = 1; n < arguments.length; n++) {
                     var r = arguments[n];
                     for (var t in r) {
@@ -2670,9 +2667,9 @@
                     }
                 }
                 return e;
-            }, Er.apply(null, arguments);
+            }, Ar.apply(null, arguments);
         }
-        function Rr(e, n) {
+        function Ir(e, n) {
             var r = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
                 var t = Object.getOwnPropertySymbols(e);
@@ -2682,42 +2679,42 @@
             }
             return r;
         }
-        function Mr(e) {
+        function Br(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var r = null != arguments[n] ? arguments[n] : {};
-                n % 2 ? Rr(Object(r), !0).forEach((function(n) {
-                    Ar(e, n, r[n]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Rr(Object(r)).forEach((function(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) {
                     Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
                 }));
             }
             return e;
         }
-        function Ar(e, n, r) {
-            return (n = Ir(n)) in e ? Object.defineProperty(e, n, {
+        function Tr(e, n, r) {
+            return (n = Lr(n)) in e ? Object.defineProperty(e, n, {
                 value: r,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
             }) : e[n] = r, e;
         }
-        function Ir(e) {
-            var n = Br(e, "string");
-            return "symbol" == Pr(n) ? n : n + "";
+        function Lr(e) {
+            var n = Nr(e, "string");
+            return "symbol" == Mr(n) ? n : n + "";
         }
-        function Br(e, n) {
-            if ("object" != Pr(e) || !e) return e;
+        function Nr(e, n) {
+            if ("object" != Mr(e) || !e) return e;
             var r = e[Symbol.toPrimitive];
             if (void 0 !== r) {
                 var t = r.call(e, n || "default");
-                if ("object" != Pr(t)) return t;
+                if ("object" != Mr(t)) return t;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === n ? String : Number)(e);
         }
-        function Nr(e, n) {
+        function Vr(e, n) {
             if (null == e) return {};
-            var r, t, o = Tr(e, n);
+            var r, t, o = qr(e, n);
             if (Object.getOwnPropertySymbols) {
                 var l = Object.getOwnPropertySymbols(e);
                 for (t = 0; t < l.length; t++) {
@@ -2726,7 +2723,7 @@
             }
             return o;
         }
-        function Tr(e, n) {
+        function qr(e, n) {
             if (null == e) return {};
             var r = {};
             for (var t in e) {
@@ -2739,7 +2736,7 @@
         }
         /** @public */
         /** @public */
-        /** @public */        var Lr = {
+        /** @public */        var Dr = {
             allowNewValues: l().bool,
             animateLoading: l().bool,
             children: l().node,
@@ -2773,17 +2770,16 @@
             selectAllAppearance: l().oneOf([ "buttongroup", "checkbox" ]),
             showSelectedValuesFirst: l().oneOf([ "nextOpen", "immediately", "never" ]),
             tabConfirmsNewValue: l().bool,
-            useClickawayOverlay: l().bool,
             values: l().array,
             /** @private */
             virtualization: l().number
         };
-        var Vr = (0, d._)("No matches");
-        var qr = (0, d._)("Select...");
-        function Dr(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, w = r.labelledBy, C = r.loadingMessage, k = r.menuStyle, x = r.name, j = r.noOptionsMessage, P = j === void 0 ? Vr : j, E = r.onChange, R = r.onClose, M = r.onFilterChange, A = r.onOpen, I = r.onScroll, B = r.onScrollBottom, N = r.placeholder, T = N === void 0 ? qr : N, L = r.repositionMode, V = L === void 0 ? "flip" : L, q = r.selectAllAppearance, D = r.showSelectedValuesFirst, F = r.tabConfirmsNewValue, _ = r.useClickawayOverlay, H = r.values, K = r.virtualization, z = 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", "useClickawayOverlay", "values", "virtualization" ]);
+        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" ]);
             // @docs-props-type MultiselectPropsBase
-                        var $ = s()({
+                        var z = s()({
                 componentName: "Multiselect",
                 /* eslint-disable-next-line prefer-rest-params */
                 componentProps: arguments[0],
@@ -2791,16 +2787,16 @@
                 defaultValuePropName: "defaultValues",
                 valuePropName: "values"
             });
-            /* eslint-disable-next-line prefer-rest-params */            var W = arguments[0];
+            /* eslint-disable-next-line prefer-rest-params */            var $ = arguments[0];
             (0, e.useEffect)((function() {
                 if (l !== true) {
                     if (false) {}
                     if (false) {}
                 }
-            }), [ l, W ]);
+            }), [ l, $ ]);
             // Compact uses Button, which defaults `inline` to true, explicitly pass a boolean to prevent the underlying Button from applying its default.
-                        var X = !!g;
-            var U = Mr({
+                        var W = !!g;
+            var X = Br({
                 allowNewValues: t,
                 animateLoading: o,
                 children: a,
@@ -2811,12 +2807,12 @@
                 elementRef: v,
                 error: b,
                 footerMessage: y,
-                inline: X,
+                inline: W,
                 inputId: h,
                 inputRef: O,
                 isLoadingOptions: S,
-                labelledBy: w,
-                loadingMessage: C,
+                labelledBy: C,
+                loadingMessage: w,
                 menuStyle: k,
                 name: x,
                 noOptionsMessage: P,
@@ -2826,44 +2822,41 @@
                 onOpen: A,
                 onScroll: I,
                 onScrollBottom: B,
-                placeholder: T,
+                placeholder: L,
                 repositionMode: V,
                 showSelectedValuesFirst: D,
                 tabConfirmsNewValue: F,
-                virtualization: K
-            }, z);
-            var G = $ ? {
-                values: H
+                virtualization: H
+            }, K);
+            var U = z ? {
+                values: _
             } : {
                 defaultValues: d
             };
-            var J = {
+            var G = {
                 filter: m,
                 selectAllAppearance: q,
                 showSelectedValuesFirst: D,
-                virtualization: K
-            };
-            var Q = {
-                useClickawayOverlay: _
+                virtualization: H
             };
             if (l) {
                 
-                return n().createElement(Pn, Er({
+                return n().createElement(An, Ar({
                     "data-test": "multiselect"
-                }, G, J, U));
+                }, U, G, X));
             }
             
-            return n().createElement(jr, Er({
+            return n().createElement(Rr, Ar({
                 "data-test": "multiselect"
-            }, G, Q, U));
+            }, U, X));
         }
         // TODO: SUI-3402, this can be removed when ControlGroup no longer needs to inspect componentType
-                Dr.componentType = "Multiselect";
-        Dr.Option = R;
-        Dr.Heading = u.Heading;
-        Dr.Divider = u.Divider;
-        Dr.propTypes = Lr;
-        /* harmony default export */        const Fr = Dr;
+                Hr.componentType = "Multiselect";
+        Hr.Option = R;
+        Hr.Heading = u.Heading;
+        Hr.Divider = u.Divider;
+        Hr.propTypes = Dr;
+        /* harmony default export */        const Kr = Hr;
     }) // CONCATENATED MODULE: ./src/Multiselect/index.ts
     ();
     module.exports = t;