@splunk/react-ui 5.5.0 → 5.7.0

package/SelectBase.js

@@ -8,10 +8,10 @@
     /******/ /* webpack/runtime/compat get default export */
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/ e.n = n => {
-            /******/ var t = n && n.__esModule ? 
-            /******/ () => n["default"]
-            /******/ : () => n
+        /******/ e.n = r => {
+            /******/ var t = r && r.__esModule ? 
+            /******/ () => r["default"]
+            /******/ : () => r
             /******/;
             e.d(t, {
                 a: t
@@ -23,12 +23,12 @@
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ e.d = (n, t) => {
-            /******/ for (var r in t) {
-                /******/ if (e.o(t, r) && !e.o(n, r)) {
-                    /******/ Object.defineProperty(n, r, {
+        /******/ e.d = (r, t) => {
+            /******/ for (var n in t) {
+                /******/ if (e.o(t, n) && !e.o(r, n)) {
+                    /******/ Object.defineProperty(r, n, {
                         enumerable: true,
-                        get: t[r]
+                        get: t[n]
                     });
                     /******/                }
                 /******/            }
@@ -37,7 +37,7 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ e.o = (e, n) => Object.prototype.hasOwnProperty.call(e, n)
+        /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
         /******/;
     })();
     /******/
@@ -56,207 +56,192 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var n = {};
+    /************************************************************************/    var r = {};
     // ESM COMPAT FLAG
-        e.r(n);
+        e.r(r);
     // EXPORTS
-        e.d(n, {
-        Controls: () => /* reexport */ hn,
-        Divider: () => /* reexport */ I.Divider,
-        Heading: () => /* reexport */ I.Heading,
-        Option: () => /* reexport */ le,
-        SelectAllOption: () => /* reexport */ me,
-        default: () => /* reexport */ wn,
-        isOption: () => /* reexport */ pn
+        e.d(r, {
+        Controls: () => /* reexport */ sr,
+        Divider: () => /* reexport */ w.Divider,
+        Heading: () => /* reexport */ w.Heading,
+        Option: () => /* reexport */ U,
+        SelectAllOption: () => /* reexport */ oe,
+        default: () => /* reexport */ mr,
+        isOption: () => /* reexport */ tr
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
-    var r =  e.n(t);
+    var n =  e.n(t);
     // CONCATENATED MODULE: external "lodash/castArray"
     const l = require("lodash/castArray");
     var a =  e.n(l);
-    // CONCATENATED MODULE: external "lodash/find"
-    const o = require("lodash/find");
-    var i =  e.n(o);
-    // CONCATENATED MODULE: external "lodash/forEachRight"
-    const u = require("lodash/forEachRight");
-    var c =  e.n(u);
     // CONCATENATED MODULE: external "lodash/has"
-    const s = require("lodash/has");
-    var f =  e.n(s);
-    // CONCATENATED MODULE: external "lodash/includes"
-    const d = require("lodash/includes");
-    var p =  e.n(d);
+    const o = require("lodash/has");
+    var i =  e.n(o);
     // CONCATENATED MODULE: external "lodash/memoize"
-    const v = require("lodash/memoize");
-    var b =  e.n(v);
+    const u = require("lodash/memoize");
+    var c =  e.n(u);
     // CONCATENATED MODULE: external "lodash/pick"
-    const m = require("lodash/pick");
-    var y =  e.n(m);
-    // CONCATENATED MODULE: external "lodash/uniq"
-    const g = require("lodash/uniq");
-    var h =  e.n(g);
-    // CONCATENATED MODULE: external "lodash/without"
-    const O = require("lodash/without");
-    var S =  e.n(O);
+    const s = require("lodash/pick");
+    var f =  e.n(s);
     // CONCATENATED MODULE: external "prop-types"
-    const C = require("prop-types");
-    var w =  e.n(C);
+    const d = require("prop-types");
+    var p =  e.n(d);
     // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
-    const k = require("@splunk/react-icons/CaretSmallDown");
-    var x =  e.n(k);
+    const v = require("@splunk/react-icons/CaretSmallDown");
+    var b =  e.n(v);
     // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
-    const j = require("@splunk/react-icons/Magnifier");
-    var P =  e.n(j);
+    const m = require("@splunk/react-icons/Magnifier");
+    var y =  e.n(m);
     // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
-    const E = require("@splunk/react-ui/Dropdown");
-    var A =  e.n(E);
+    const g = require("@splunk/react-ui/Dropdown");
+    var h =  e.n(g);
     // CONCATENATED MODULE: external "@splunk/react-ui/Link"
-    const q = require("@splunk/react-ui/Link");
-    var R =  e.n(q);
+    const S = require("@splunk/react-ui/Link");
+    var O =  e.n(S);
     // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
-    const I = require("@splunk/react-ui/Menu");
+    const w = require("@splunk/react-ui/Menu");
     // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
-    const T = require("@splunk/react-ui/ResultsMenu");
-    var D =  e.n(T);
+    const C = require("@splunk/react-ui/ResultsMenu");
+    var k =  e.n(C);
     // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
-    const L = require("@splunk/react-ui/ScreenReaderContent");
-    var M =  e.n(L);
+    const x = require("@splunk/react-ui/ScreenReaderContent");
+    var j =  e.n(x);
     // CONCATENATED MODULE: external "@splunk/react-ui/Text"
-    const _ = require("@splunk/react-ui/Text");
-    var B =  e.n(_);
+    const P = require("@splunk/react-ui/Text");
+    var E =  e.n(P);
     // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
-    const N = require("@splunk/react-ui/useControlled");
-    var V =  e.n(N);
+    const A = require("@splunk/react-ui/useControlled");
+    var L =  e.n(A);
     // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
-    const F = require("@splunk/react-ui/usePrevious");
-    var K =  e.n(F);
+    const I = require("@splunk/react-ui/usePrevious");
+    var R =  e.n(I);
     // CONCATENATED MODULE: external "@splunk/ui-utils/filter"
-    const H = require("@splunk/ui-utils/filter");
+    const M = require("@splunk/ui-utils/filter");
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const z = require("@splunk/ui-utils/i18n");
+    const q = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-    const W = require("@splunk/ui-utils/id");
+    const T = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: external "@splunk/ui-utils/scroll"
-    const $ = require("@splunk/ui-utils/scroll");
+    const D = require("@splunk/ui-utils/scroll");
     // CONCATENATED MODULE: ./src/SelectBase/OptionBase.tsx
-    function X(e) {
+    function _(e) {
         "@babel/helpers - typeof";
-        return X = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return _ = "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;
-        }, X(e);
+        }, _(e);
     }
-    function U() {
-        return U = Object.assign ? Object.assign.bind() : function(e) {
-            for (var n = 1; n < arguments.length; n++) {
-                var t = arguments[n];
-                for (var r in t) {
-                    ({}).hasOwnProperty.call(t, r) && (e[r] = t[r]);
+    function B() {
+        return B = Object.assign ? Object.assign.bind() : function(e) {
+            for (var r = 1; r < arguments.length; r++) {
+                var t = arguments[r];
+                for (var n in t) {
+                    ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
                 }
             }
             return e;
-        }, U.apply(null, arguments);
+        }, B.apply(null, arguments);
     }
-    function J(e, n) {
+    function N(e, r) {
         var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
-            var r = Object.getOwnPropertySymbols(e);
-            n && (r = r.filter((function(n) {
-                return Object.getOwnPropertyDescriptor(e, n).enumerable;
-            }))), t.push.apply(t, r);
+            var n = Object.getOwnPropertySymbols(e);
+            r && (n = n.filter((function(r) {
+                return Object.getOwnPropertyDescriptor(e, r).enumerable;
+            }))), t.push.apply(t, n);
         }
         return t;
     }
-    function G(e) {
-        for (var n = 1; n < arguments.length; n++) {
-            var t = null != arguments[n] ? arguments[n] : {};
-            n % 2 ? J(Object(t), !0).forEach((function(n) {
-                Q(e, n, t[n]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : J(Object(t)).forEach((function(n) {
-                Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
+    function V(e) {
+        for (var r = 1; r < arguments.length; r++) {
+            var t = null != arguments[r] ? arguments[r] : {};
+            r % 2 ? N(Object(t), !0).forEach((function(r) {
+                F(e, r, t[r]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : N(Object(t)).forEach((function(r) {
+                Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
             }));
         }
         return e;
     }
-    function Q(e, n, t) {
-        return (n = Y(n)) in e ? Object.defineProperty(e, n, {
+    function F(e, r, t) {
+        return (r = K(r)) in e ? Object.defineProperty(e, r, {
             value: t,
             enumerable: !0,
             configurable: !0,
             writable: !0
-        }) : e[n] = t, e;
+        }) : e[r] = t, e;
     }
-    function Y(e) {
-        var n = Z(e, "string");
-        return "symbol" == X(n) ? n : n + "";
+    function K(e) {
+        var r = H(e, "string");
+        return "symbol" == _(r) ? r : r + "";
     }
-    function Z(e, n) {
-        if ("object" != X(e) || !e) return e;
+    function H(e, r) {
+        if ("object" != _(e) || !e) return e;
         var t = e[Symbol.toPrimitive];
         if (void 0 !== t) {
-            var r = t.call(e, n || "default");
-            if ("object" != X(r)) return r;
+            var n = t.call(e, r || "default");
+            if ("object" != _(n)) return n;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return ("string" === n ? String : Number)(e);
+        return ("string" === r ? String : Number)(e);
     }
-    function ee(e, n) {
+    function z(e, r) {
         if (null == e) return {};
-        var t, r, l = ne(e, n);
+        var t, n, l = W(e, r);
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
-            for (r = 0; r < a.length; r++) {
-                t = a[r], -1 === n.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
+            for (n = 0; n < a.length; n++) {
+                t = a[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
             }
         }
         return l;
     }
-    function ne(e, n) {
+    function W(e, r) {
         if (null == e) return {};
         var t = {};
-        for (var r in e) {
-            if ({}.hasOwnProperty.call(e, r)) {
-                if (-1 !== n.indexOf(r)) continue;
-                t[r] = e[r];
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (-1 !== r.indexOf(n)) continue;
+                t[n] = e[n];
             }
         }
         return t;
     }
-    var te = {
+    var $ = {
         /** @private */
-        active: w().bool,
-        children: w().node,
-        description: w().string,
-        descriptionPosition: w().oneOf([ "right", "bottom" ]),
-        disabled: w().bool,
-        elementRef: w().oneOfType([ w().func, w().object ]),
-        endAdornment: w().node,
-        hidden: w().bool,
-        icon: w().node,
-        label: w().string.isRequired,
+        active: p().bool,
+        children: p().node,
+        description: p().string,
+        descriptionPosition: p().oneOf([ "right", "bottom" ]),
+        disabled: p().bool,
+        elementRef: p().oneOfType([ p().func, p().object ]),
+        endAdornment: p().node,
+        hidden: p().bool,
+        icon: p().node,
+        label: p().string.isRequired,
         /**
    * @private Passed down from <BaseSelect>
    */
-        multiple: w().bool,
-        matchRanges: w().arrayOf(w().shape({
-            start: w().number.isRequired,
-            end: w().number.isRequired
+        multiple: p().bool,
+        matchRanges: p().arrayOf(p().shape({
+            start: p().number.isRequired,
+            end: p().number.isRequired
         })),
         /** @private */
-        onClick: w().func,
+        onClick: p().func,
         /** @private */
-        role: w().oneOf([ "menuitemcheckbox", "option" ]),
+        role: p().oneOf([ "menuitemcheckbox", "option" ]),
         /** @private */
-        selected: w().oneOfType([ w().bool, w().oneOf([ "some" ]) ]),
-        truncate: w().bool,
-        value: w().oneOfType([ w().string, w().number, w().bool ]).isRequired
+        selected: p().oneOfType([ p().bool, p().oneOf([ "some" ]) ]),
+        truncate: p().bool,
+        value: p().oneOfType([ p().string, p().number, p().bool ]).isRequired
     };
     /**
  * An option within a `Multiselect`.
- */    function re(e) {
-        var n = e.children, l = e.descriptionPosition, a = l === void 0 ? "bottom" : l, o = e.disabled, i = e.elementRef, u = e.endAdornment, c = e.icon, s = e.label, f = e.multiple, d = e.onClick, p = e.role, v = p === void 0 ? "option" : p, b = e.value, m = ee(e, [ "children", "descriptionPosition", "disabled", "elementRef", "endAdornment", "icon", "label", "multiple", "onClick", "role", "value" ]);
+ */    function X(e) {
+        var r = e.children, l = e.descriptionPosition, a = l === void 0 ? "bottom" : l, o = e.disabled, i = e.elementRef, u = e.endAdornment, c = e.icon, s = e.label, f = e.multiple, d = e.onClick, p = e.role, v = p === void 0 ? "option" : p, b = e.value, m = z(e, [ "children", "descriptionPosition", "disabled", "elementRef", "endAdornment", "icon", "label", "multiple", "onClick", "role", "value" ]);
         // @docs-props-type OptionPropsBase
                 var y = (0, t.useCallback)((function(e) {
             if (!o) {
@@ -266,12 +251,12 @@
             }
         }), [ o, d, b ]);
         var g = b.toString();
-        var h = G({
+        var h = V({
             descriptionPosition: a,
             disabled: o ? "disabled" : undefined
         }, m);
         
-        return r().createElement(I.Item, U({
+        return n().createElement(w.Item, B({
             "data-test-value": b,
             "data-test": "option",
             elementRef: i,
@@ -283,110 +268,110 @@
             onClick: y,
             role: v,
             value: g
-        }), n || s);
+        }), r || s);
     }
-    re.propTypes = te;
-    re.type = I.Item;
+    X.propTypes = $;
+    X.type = w.Item;
  // For components to distinguish if their children are Options or Headings/Dividers
-    /* harmony default export */    const le = re;
+    /* harmony default export */    const U = X;
     // CONCATENATED MODULE: ./src/SelectBase/SelectAllOption.tsx
-    function ae(e) {
+    function J(e) {
         "@babel/helpers - typeof";
-        return ae = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return J = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
             return typeof e;
         } : function(e) {
             return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-        }, ae(e);
+        }, J(e);
     }
-    function oe() {
-        return oe = Object.assign ? Object.assign.bind() : function(e) {
-            for (var n = 1; n < arguments.length; n++) {
-                var t = arguments[n];
-                for (var r in t) {
-                    ({}).hasOwnProperty.call(t, r) && (e[r] = t[r]);
+    function G() {
+        return G = Object.assign ? Object.assign.bind() : function(e) {
+            for (var r = 1; r < arguments.length; r++) {
+                var t = arguments[r];
+                for (var n in t) {
+                    ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
                 }
             }
             return e;
-        }, oe.apply(null, arguments);
+        }, G.apply(null, arguments);
     }
-    function ie(e, n) {
+    function Q(e, r) {
         if (null == e) return {};
-        var t, r, l = ue(e, n);
+        var t, n, l = Y(e, r);
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
-            for (r = 0; r < a.length; r++) {
-                t = a[r], -1 === n.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
+            for (n = 0; n < a.length; n++) {
+                t = a[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
             }
         }
         return l;
     }
-    function ue(e, n) {
+    function Y(e, r) {
         if (null == e) return {};
         var t = {};
-        for (var r in e) {
-            if ({}.hasOwnProperty.call(e, r)) {
-                if (-1 !== n.indexOf(r)) continue;
-                t[r] = e[r];
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (-1 !== r.indexOf(n)) continue;
+                t[n] = e[n];
             }
         }
         return t;
     }
-    function ce(e, n) {
+    function Z(e, r) {
         var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
-            var r = Object.getOwnPropertySymbols(e);
-            n && (r = r.filter((function(n) {
-                return Object.getOwnPropertyDescriptor(e, n).enumerable;
-            }))), t.push.apply(t, r);
+            var n = Object.getOwnPropertySymbols(e);
+            r && (n = n.filter((function(r) {
+                return Object.getOwnPropertyDescriptor(e, r).enumerable;
+            }))), t.push.apply(t, n);
         }
         return t;
     }
-    function se(e) {
-        for (var n = 1; n < arguments.length; n++) {
-            var t = null != arguments[n] ? arguments[n] : {};
-            n % 2 ? ce(Object(t), !0).forEach((function(n) {
-                fe(e, n, t[n]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ce(Object(t)).forEach((function(n) {
-                Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
+    function ee(e) {
+        for (var r = 1; r < arguments.length; r++) {
+            var t = null != arguments[r] ? arguments[r] : {};
+            r % 2 ? Z(Object(t), !0).forEach((function(r) {
+                re(e, r, t[r]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Z(Object(t)).forEach((function(r) {
+                Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
             }));
         }
         return e;
     }
-    function fe(e, n, t) {
-        return (n = de(n)) in e ? Object.defineProperty(e, n, {
+    function re(e, r, t) {
+        return (r = te(r)) in e ? Object.defineProperty(e, r, {
             value: t,
             enumerable: !0,
             configurable: !0,
             writable: !0
-        }) : e[n] = t, e;
+        }) : e[r] = t, e;
     }
-    function de(e) {
-        var n = pe(e, "string");
-        return "symbol" == ae(n) ? n : n + "";
+    function te(e) {
+        var r = ne(e, "string");
+        return "symbol" == J(r) ? r : r + "";
     }
-    function pe(e, n) {
-        if ("object" != ae(e) || !e) return e;
+    function ne(e, r) {
+        if ("object" != J(e) || !e) return e;
         var t = e[Symbol.toPrimitive];
         if (void 0 !== t) {
-            var r = t.call(e, n || "default");
-            if ("object" != ae(r)) return r;
+            var n = t.call(e, r || "default");
+            if ("object" != J(n)) return n;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return ("string" === n ? String : Number)(e);
+        return ("string" === r ? String : Number)(e);
     }
-    var ve = se(se({}, le.propTypes), {}, {
-        totalCount: w().number,
+    var le = ee(ee({}, U.propTypes), {}, {
+        totalCount: p().number,
         // unlike OptionBase, there's a default value for this prop
-        value: w().string
+        value: p().string
     });
-    function be(e) {
-        var n = e.active, t = e.elementRef, l = e.id, a = e.label, o = e.onClick, i = e.selected, u = e.totalCount, c = e.value, s = c === void 0 ? "selectAll" : c, f = ie(e, [ "active", "elementRef", "id", "label", "onClick", "selected", "totalCount", "value" ]);
+    function ae(e) {
+        var r = e.active, t = e.elementRef, l = e.id, a = e.label, o = e.onClick, i = e.selected, u = e.totalCount, c = e.value, s = c === void 0 ? "selectAll" : c, f = Q(e, [ "active", "elementRef", "id", "label", "onClick", "selected", "totalCount", "value" ]);
         // @docs-props-type SelectAllOptionPropsBase
         // When toggle is changed the total count is not displayed anymore so the count is now shown in the Select all menu item
                 var d = u != null ? " (".concat(u === null || u === void 0 ? void 0 : u.toString(), ")") : "";
         
-        return r().createElement(le, oe({
-            active: n,
+        return n().createElement(U, G({
+            active: r,
             elementRef: t,
             "aria-keyshortcuts": "Control+A",
             "data-test": "select-all",
@@ -402,101 +387,101 @@
             value: s
         }, f));
     }
-    be.propTypes = ve;
-    /* harmony default export */    const me = be;
+    ae.propTypes = le;
+    /* harmony default export */    const oe = ae;
     // CONCATENATED MODULE: external "styled-components"
-    const ye = require("styled-components");
-    var ge =  e.n(ye);
+    const ie = require("styled-components");
+    var ue =  e.n(ie);
     // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const he = require("@splunk/react-ui/Button");
-    var Oe =  e.n(he);
+    const ce = require("@splunk/react-ui/Button");
+    var se =  e.n(ce);
     // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
-    const Se = require("@splunk/react-ui/Divider");
-    var Ce =  e.n(Se);
+    const fe = require("@splunk/react-ui/Divider");
+    var de =  e.n(fe);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const we = require("@splunk/themes");
+    const pe = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/SelectBase/SelectBaseStyles.ts
-    var ke = ge()(Oe()).withConfig({
+    var ve = ue()(se()).withConfig({
         displayName: "SelectBaseStyles__StyledButton",
         componentId: "sc-1lmonqb-0"
     })([ "&[data-inline]{width:", ";}", "" ], (function(e) {
-        var n = e.$multiple;
-        return n ? "400px" : "auto";
+        var r = e.$multiple;
+        return r ? "400px" : "auto";
     }), (function(e) {
-        var n = e.$multiple;
-        return !n && "flex-grow: 0;";
+        var r = e.$multiple;
+        return !r && "flex-grow: 0;";
     }));
-    var xe = ge().span.withConfig({
+    var be = ue().span.withConfig({
         displayName: "SelectBaseStyles__StyledLinkIcon",
         componentId: "sc-1lmonqb-1"
-    })([ "padding-right:", ";" ], we.variables.spacingXSmall);
-    var je = ge().span.withConfig({
+    })([ "padding-right:", ";" ], pe.variables.spacingXSmall);
+    var me = ue().span.withConfig({
         displayName: "SelectBaseStyles__StyledLinkCaret",
         componentId: "sc-1lmonqb-2"
-    })([ "padding-left:", ";" ], we.variables.spacingXSmall);
-    var Pe = ge().div.withConfig({
+    })([ "padding-left:", ";" ], pe.variables.spacingXSmall);
+    var ye = ue().div.withConfig({
         displayName: "SelectBaseStyles__StyledFilter",
         componentId: "sc-1lmonqb-3"
-    })([ "padding:", " ", " ", ";min-width:160px;" ], we.variables.spacingLarge, we.variables.spacingLarge, we.variables.spacingSmall);
-    var Ee = ge().span.withConfig({
+    })([ "padding:", " ", " ", ";min-width:160px;" ], pe.variables.spacingLarge, pe.variables.spacingLarge, pe.variables.spacingSmall);
+    var ge = ue().span.withConfig({
         displayName: "SelectBaseStyles__StyledCount",
         componentId: "sc-1lmonqb-4"
-    })([ "padding-right:", ";" ], we.variables.spacingXSmall);
-    var Ae = ge()(R()).withConfig({
+    })([ "padding-right:", ";" ], pe.variables.spacingXSmall);
+    var he = ue()(O()).withConfig({
         displayName: "SelectBaseStyles__StyledControlsLink",
         componentId: "sc-1lmonqb-5"
     })([ "", ";" ], (function(e) {
-        var n = e.$disabled;
-        return n && (0, ye.css)([ "color:", ";" ], we.variables.contentColorDisabled);
+        var r = e.$disabled;
+        return r && (0, ie.css)([ "color:", ";" ], pe.variables.contentColorDisabled);
     }));
-    var qe = ge().div.withConfig({
+    var Se = ue().div.withConfig({
         displayName: "SelectBaseStyles__StyledToggleAllControls",
         componentId: "sc-1lmonqb-6"
-    })([ "", ";gap:", ";padding:", " ", " ", ";" ], we.mixins.reset("flex"), we.variables.spacingMedium, we.variables.spacingXSmall, we.variables.spacingLarge, we.variables.spacingSmall);
-    var Re = ge()(Ce()).withConfig({
+    })([ "", ";gap:", ";padding:", " ", " ", ";" ], pe.mixins.reset("flex"), pe.variables.spacingMedium, pe.variables.spacingXSmall, pe.variables.spacingLarge, pe.variables.spacingSmall);
+    var Oe = ue()(de()).withConfig({
         displayName: "SelectBaseStyles__StyledControlsDivider",
         componentId: "sc-1lmonqb-7"
-    })([ "border-color:", ";" ], we.variables.borderColor);
+    })([ "border-color:", ";" ], pe.variables.borderColor);
     // CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
     // A utility for matching keyboard characters to list values
-    var Ie = function e(n, t) {
-        return n ? n.label.charAt(t).toLowerCase() : "";
+    var we = function e(r, t) {
+        return r ? r.label.charAt(t).toLowerCase() : "";
     };
-    var Te = function e(n, t) {
-        if (!n.length) {
-            return n;
+    var Ce = function e(r, t) {
+        if (!r.length) {
+            return r;
         }
-        var r = null;
+        var n = null;
         var l = false;
-        var a = n.filter((function(e) {
-            var n = Ie(e, t.index);
-            if (n === t.value) {
+        var a = r.filter((function(e) {
+            var r = we(e, t.index);
+            if (r === t.value) {
                 l = true;
                 return true;
             }
             // If we haven't found a match yet, keep track of the next closest match.
             // Secondary matching looks for the closest character of a higher value, and failing that, closest of a lower value.
                         if (!l) {
-                var a = Ie(r, t.index);
+                var a = we(n, t.index);
                 if (!a) {
-                    r = e;
-                } else if (n > t.value) {
+                    n = e;
+                } else if (r > t.value) {
                     if (a < t.value) {
-                        r = e;
-                    } else if (a > n) {
-                        r = e;
+                        n = e;
+                    } else if (a > r) {
+                        n = e;
                     }
-                } else if (n > a) {
-                    r = e;
+                } else if (r > a) {
+                    n = e;
                 }
             }
             return false;
         }));
-        return a.length === 0 && r ? [ r ] : a;
+        return a.length === 0 && n ? [ n ] : a;
     };
     // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var De = {
+    var ke = {
         body: {
             appendChild: function e() {
                 return [];
@@ -550,16 +535,16 @@
             search: ""
         }
     };
-    function Le() {
-        var e = typeof document !== "undefined" ? document : De;
+    function xe() {
+        var e = typeof document !== "undefined" ? document : ke;
         return e;
     }
-    var Me = Le();
-    /* harmony default export */    const _e = /* unused pure expression or super */ null && Me;
+    var je = xe();
+    /* harmony default export */    const Pe = /* unused pure expression or super */ null && je;
     // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var Be = {
-        document: De,
+    var Ee = {
+        document: ke,
         navigator: {
             userAgent: ""
         },
@@ -599,26 +584,26 @@
         matchMedia: function e() {
             return {};
         },
-        requestAnimationFrame: function e(n) {
+        requestAnimationFrame: function e(r) {
             if (typeof setTimeout === "undefined") {
-                n();
+                r();
                 return null;
             }
-            return setTimeout(n, 0);
+            return setTimeout(r, 0);
         },
-        cancelAnimationFrame: function e(n) {
+        cancelAnimationFrame: function e(r) {
             if (typeof setTimeout === "undefined") {
                 return;
             }
-            clearTimeout(n);
+            clearTimeout(r);
         }
     };
-    function Ne() {
-        var e = typeof window !== "undefined" ? window : Be;
+    function Ae() {
+        var e = typeof window !== "undefined" ? window : Ee;
         return e;
     }
-    var Ve = Ne();
-    /* harmony default export */    const Fe = /* unused pure expression or super */ null && Ve;
+    var Le = Ae();
+    /* harmony default export */    const Ie = /* unused pure expression or super */ null && Le;
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -626,71 +611,71 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function Ke(e, n) {
+    function Re(e, r) {
         if (e) {
             if (typeof e === "function") {
-                e(n);
+                e(r);
             } else {
                 // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
                 // the intention here is to signal "we will take care of setting 'current', not you".
-                e.current = n;
+                e.current = r;
  // eslint-disable-line no-param-reassign
                         }
         }
     }
     // CONCATENATED MODULE: ./src/SelectBase/SelectBase.tsx
-    function He(e) {
-        return $e(e) || We(e) || Ge(e) || ze();
+    function Me(e) {
+        return De(e) || Te(e) || Ve(e) || qe();
     }
-    function ze() {
+    function qe() {
         throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function We(e) {
+    function Te(e) {
         if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
-    function $e(e) {
-        if (Array.isArray(e)) return Qe(e);
+    function De(e) {
+        if (Array.isArray(e)) return Fe(e);
     }
-    function Xe() {
-        return Xe = Object.assign ? Object.assign.bind() : function(e) {
-            for (var n = 1; n < arguments.length; n++) {
-                var t = arguments[n];
-                for (var r in t) {
-                    ({}).hasOwnProperty.call(t, r) && (e[r] = t[r]);
+    function _e() {
+        return _e = Object.assign ? Object.assign.bind() : function(e) {
+            for (var r = 1; r < arguments.length; r++) {
+                var t = arguments[r];
+                for (var n in t) {
+                    ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
                 }
             }
             return e;
-        }, Xe.apply(null, arguments);
+        }, _e.apply(null, arguments);
     }
-    function Ue(e, n) {
-        return Ze(e) || Ye(e, n) || Ge(e, n) || Je();
+    function Be(e, r) {
+        return He(e) || Ke(e, r) || Ve(e, r) || Ne();
     }
-    function Je() {
+    function Ne() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function Ge(e, n) {
+    function Ve(e, r) {
         if (e) {
-            if ("string" == typeof e) return Qe(e, n);
+            if ("string" == typeof e) return Fe(e, r);
             var t = {}.toString.call(e).slice(8, -1);
-            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Qe(e, n) : void 0;
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Fe(e, r) : void 0;
         }
     }
-    function Qe(e, n) {
-        (null == n || n > e.length) && (n = e.length);
-        for (var t = 0, r = Array(n); t < n; t++) {
-            r[t] = e[t];
+    function Fe(e, r) {
+        (null == r || r > e.length) && (r = e.length);
+        for (var t = 0, n = Array(r); t < r; t++) {
+            n[t] = e[t];
         }
-        return r;
+        return n;
     }
-    function Ye(e, n) {
+    function Ke(e, r) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
-            var r, l, a, o, i = [], u = !0, c = !1;
+            var n, l, a, o, i = [], u = !0, c = !1;
             try {
-                if (a = (t = t.call(e)).next, 0 === n) {
+                if (a = (t = t.call(e)).next, 0 === r) {
                     if (Object(t) !== t) return;
                     u = !1;
-                } else for (;!(u = (r = a.call(t)).done) && (i.push(r.value), i.length !== n); u = !0) {
+                } else for (;!(u = (n = a.call(t)).done) && (i.push(n.value), i.length !== r); u = !0) {
                 }
             } catch (e) {
                 c = !0, l = e;
@@ -704,188 +689,192 @@
             return i;
         }
     }
-    function Ze(e) {
+    function He(e) {
         if (Array.isArray(e)) return e;
     }
-    function en(e, n) {
+    function ze(e, r) {
         if (null == e) return {};
-        var t, r, l = nn(e, n);
+        var t, n, l = We(e, r);
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
-            for (r = 0; r < a.length; r++) {
-                t = a[r], -1 === n.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
+            for (n = 0; n < a.length; n++) {
+                t = a[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
             }
         }
         return l;
     }
-    function nn(e, n) {
+    function We(e, r) {
         if (null == e) return {};
         var t = {};
-        for (var r in e) {
-            if ({}.hasOwnProperty.call(e, r)) {
-                if (-1 !== n.indexOf(r)) continue;
-                t[r] = e[r];
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (-1 !== r.indexOf(n)) continue;
+                t[n] = e[n];
             }
         }
         return t;
     }
-    function tn(e) {
+    function $e(e) {
         "@babel/helpers - typeof";
-        return tn = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return $e = "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;
-        }, tn(e);
+        }, $e(e);
     }
-    function rn(e, n) {
+    function Xe(e, r) {
         var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
-            var r = Object.getOwnPropertySymbols(e);
-            n && (r = r.filter((function(n) {
-                return Object.getOwnPropertyDescriptor(e, n).enumerable;
-            }))), t.push.apply(t, r);
+            var n = Object.getOwnPropertySymbols(e);
+            r && (n = n.filter((function(r) {
+                return Object.getOwnPropertyDescriptor(e, r).enumerable;
+            }))), t.push.apply(t, n);
         }
         return t;
     }
-    function ln(e) {
-        for (var n = 1; n < arguments.length; n++) {
-            var t = null != arguments[n] ? arguments[n] : {};
-            n % 2 ? rn(Object(t), !0).forEach((function(n) {
-                an(e, n, t[n]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : rn(Object(t)).forEach((function(n) {
-                Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
+    function Ue(e) {
+        for (var r = 1; r < arguments.length; r++) {
+            var t = null != arguments[r] ? arguments[r] : {};
+            r % 2 ? Xe(Object(t), !0).forEach((function(r) {
+                Je(e, r, t[r]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Xe(Object(t)).forEach((function(r) {
+                Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
             }));
         }
         return e;
     }
-    function an(e, n, t) {
-        return (n = on(n)) in e ? Object.defineProperty(e, n, {
+    function Je(e, r, t) {
+        return (r = Ge(r)) in e ? Object.defineProperty(e, r, {
             value: t,
             enumerable: !0,
             configurable: !0,
             writable: !0
-        }) : e[n] = t, e;
+        }) : e[r] = t, e;
     }
-    function on(e) {
-        var n = un(e, "string");
-        return "symbol" == tn(n) ? n : n + "";
+    function Ge(e) {
+        var r = Qe(e, "string");
+        return "symbol" == $e(r) ? r : r + "";
     }
-    function un(e, n) {
-        if ("object" != tn(e) || !e) return e;
+    function Qe(e, r) {
+        if ("object" != $e(e) || !e) return e;
         var t = e[Symbol.toPrimitive];
         if (void 0 !== t) {
-            var r = t.call(e, n || "default");
-            if ("object" != tn(r)) return r;
+            var n = t.call(e, r || "default");
+            if ("object" != $e(n)) return n;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return ("string" === n ? String : Number)(e);
+        return ("string" === r ? String : Number)(e);
     }
-    var cn = {
-        allowKeyMatching: w().bool,
-        allowNewValues: w().bool,
-        animateLoading: w().bool,
-        appearance: w().oneOf([ "default", "link", "subtle" ]),
-        append: w().bool,
-        children: w().node,
-        defaultPlacement: w().oneOf([ "above", "below", "vertical" ]),
-        defaultValues: w().array,
-        describedBy: w().string,
-        disabled: w().bool,
-        elementRef: w().oneOfType([ w().func, w().object ]),
-        error: w().bool,
-        filter: w().oneOf([ false, true, "controlled" ]),
-        footerMessage: w().node,
-        inline: w().bool,
-        inputId: w().string,
-        inputRef: w().oneOfType([ w().func, w().object ]),
-        isLoadingOptions: w().bool,
-        labelledBy: w().string,
-        labelText: w().string,
-        loadingMessage: w().node,
-        menuStyle: w().object,
-        multiple: w().bool,
-        name: w().string,
-        noOptionsMessage: w().node,
-        onChange: w().func,
-        onClick: w().func,
-        onClose: w().func,
-        onFilterChange: w().func,
-        onOpen: w().func,
-        onScroll: w().func,
-        onScrollBottom: w().func,
+    var Ye = {
+        allowKeyMatching: p().bool,
+        allowNewValues: p().bool,
+        animateLoading: p().bool,
+        appearance: p().oneOf([ "default", "link", "subtle" ]),
+        append: p().bool,
+        children: p().node,
+        defaultPlacement: p().oneOf([ "above", "below", "vertical" ]),
+        defaultValues: p().array,
+        describedBy: p().string,
+        disabled: p().bool,
+        elementRef: p().oneOfType([ p().func, p().object ]),
+        error: p().bool,
+        filter: p().oneOf([ false, true, "controlled" ]),
+        footerMessage: p().node,
+        inline: p().bool,
+        inputId: p().string,
+        inputRef: p().oneOfType([ p().func, p().object ]),
+        isLoadingOptions: p().bool,
+        labelledBy: p().string,
+        labelText: p().string,
+        loadingMessage: p().node,
         /** @private. */
-        required: w().bool,
-        placeholder: w().string,
-        prefixLabel: w().string,
-        prepend: w().bool,
-        repositionMode: w().oneOf([ "none", "flip" ]),
-        selectAllAppearance: w().oneOf([ "buttongroup", "checkbox", "none" ]),
-        showSelectedValuesFirst: w().oneOf([ "nextOpen", "immediately", "never" ]),
-        suffixLabel: w().string,
-        tabConfirmsNewValue: w().bool,
-        toggle: w().node,
-        toggleContent: w().oneOf([ "optionChildren", "optionLabel" ]),
-        values: w().array,
+        maxLabelItems: p().number,
+        menuStyle: p().object,
+        multiple: p().bool,
+        name: p().string,
+        noOptionsMessage: p().node,
+        onChange: p().func,
+        onClick: p().func,
+        onClose: p().func,
+        onFilterChange: p().func,
+        onOpen: p().func,
+        onScroll: p().func,
+        onScrollBottom: p().func,
         /** @private. */
-        virtualization: w().number
+        required: p().bool,
+        placeholder: p().string,
+        prefixLabel: p().string,
+        prepend: p().bool,
+        repositionMode: p().oneOf([ "none", "flip" ]),
+        selectAllAppearance: p().oneOf([ "buttongroup", "checkbox", "none" ]),
+        showSelectedValuesFirst: p().oneOf([ "nextOpen", "immediately", "never" ]),
+        suffixLabel: p().string,
+        tabConfirmsNewValue: p().bool,
+        toggle: p().node,
+        toggleContent: p().oneOf([ "optionChildren", "optionLabel" ]),
+        values: p().array,
+        /** @private. */
+        virtualization: p().number
     };
-    var sn = b()((function(e) {
+    var Ze = c()((function(e) {
         return [ e ];
     }));
     // preserve separate widths for single vs. multi mode
-        var fn = b()((function(e) {
-        var n = e.anchorWidth, t = e.isMultiple, r = e.maxHeight, l = e.menuStyle;
-        return t ? ln({
-            width: Math.max(n !== null && n !== void 0 ? n : 0, 200),
-            maxHeight: r
-        }, l) : ln({
-            minWidth: n !== null && n !== void 0 ? n : undefined,
-            maxWidth: Math.max(n !== null && n !== void 0 ? n : 0, 300),
-            maxHeight: r
+        var er = c()((function(e) {
+        var r = e.anchorWidth, t = e.isMultiple, n = e.maxHeight, l = e.menuStyle;
+        return t ? Ue({
+            width: Math.max(r !== null && r !== void 0 ? r : 0, 200),
+            maxHeight: n
+        }, l) : Ue({
+            minWidth: r !== null && r !== void 0 ? r : undefined,
+            maxWidth: Math.max(r !== null && r !== void 0 ? r : 0, 300),
+            maxHeight: n
         }, l);
     }));
-    var dn = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
-    function pn(e) {
-        return e && f()(e.props, "value");
+    var rr = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
+    function tr(e) {
+        return e && i()(e.props, "value");
     }
-    function vn(e, n) {
-        return "".concat(tn(e), "-").concat(e, "-").concat(n);
+    function nr(e, r) {
+        return "".concat($e(e), "-").concat(e, "-").concat(r);
     }
-    var bn = [ "append", "error", "prepend" ];
-    var mn = (0, z._)("No matches");
-    var yn = (0, z._)("Select...");
-    var gn =  r().createElement(P(), null);
-    var hn = function e(n) {
-        var t = n.activeItemId, l = n.filterA11yId, a = n.filterKeyword, o = n.hasChildren, i = n.inputId, u = n.inputRef, c = n.menuListboxId, s = n.multiple, f = n.onClearAll, d = n.onSelectAll, p = n.onTextBlur, v = n.onTextChange, b = n.onTextFocus, m = n.onTextKeyDown, y = n.optionSelection, g = n.placement, h = n.selectAllAppearance, O = n.textHasFocus;
-        var S = (0, z._)("Select all options".concat(y.current === "all" ? " disabled" : ""));
-        var C = (0, z._)("Clear all options".concat(y.current === "none" ? " disabled" : ""));
+    var lr = [ "append", "error", "prepend" ];
+    var ar = (0, q._)("No matches");
+    var or = (0, q._)("Select...");
+    var ir = 30;
+    var ur = {};
+    var cr =  n().createElement(y(), null);
+    var sr = function e(r) {
+        var t = r.activeItemId, l = r.filterA11yId, a = r.filterKeyword, o = r.hasChildren, i = r.inputId, u = r.inputRef, c = r.menuListboxId, s = r.multiple, f = r.onClearAll, d = r.onSelectAll, p = r.onTextBlur, v = r.onTextChange, b = r.onTextFocus, m = r.onTextKeyDown, y = r.optionSelection, g = r.placement, h = r.selectAllAppearance, S = r.textHasFocus;
+        var O = (0, q._)("Select all options".concat(y.current === "all" ? " disabled" : ""));
+        var w = (0, q._)("Clear all options".concat(y.current === "none" ? " disabled" : ""));
         // only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
-                var w =  r().createElement(qe, {
+                var C =  n().createElement(Se, {
             key: "selectAll"
-        },  r().createElement(Ae, {
+        },  n().createElement(he, {
             disabled: y.current === "all",
             appearance: "standalone",
-            "aria-label": S,
+            "aria-label": O,
             onClick: d,
             "data-test": "select-all",
             tag: "button"
-        }, a ? (0, z._)("Select all Matches") : (0, z._)("Select all")),  r().createElement(Ae, {
+        }, a ? (0, q._)("Select all Matches") : (0, q._)("Select all")),  n().createElement(he, {
             disabled: y.current === "none",
             appearance: "standalone",
-            "aria-label": C,
+            "aria-label": w,
             onClick: f,
             "data-test": "clear-all",
             tag: "button"
-        }, a ? (0, z._)("Clear all Matches") : (0, z._)("Clear all")));
+        }, a ? (0, q._)("Clear all Matches") : (0, q._)("Clear all")));
         
-        return r().createElement("div", {
+        return n().createElement("div", {
             key: "controls"
-        }, l &&  r().createElement(M(), {
+        }, l &&  n().createElement(j(), {
             id: l
-        }, (0, z._)("Type to filter")), g === "above" &&  r().createElement(Re, null),  r().createElement(Pe, {
+        }, (0, q._)("Type to filter")), g === "above" &&  n().createElement(Oe, null),  n().createElement(ye, {
             key: "filter",
             "data-test": "filter"
-        },  r().createElement(B(), {
+        },  n().createElement(E(), {
             value: a,
             autoCapitalize: "off",
             autoComplete: "off",
@@ -895,23 +884,23 @@
             onKeyDown: m,
             onFocus: b,
             onBlur: p,
-            placeholder: (0, z._)("Filter"),
+            placeholder: (0, q._)("Filter"),
             role: "combobox",
             "aria-expanded": "true",
             "aria-controls": c,
-            "aria-owns": O && o ? t : undefined,
-            "aria-label": (0, z._)("Filter"),
+            "aria-owns": S && o ? t : undefined,
+            "aria-label": (0, q._)("Filter"),
             "aria-autocomplete": "list",
-            "aria-activedescendant": O && o ? t : undefined,
+            "aria-activedescendant": S && o ? t : undefined,
             inputRef: u,
             inputId: i,
             canClear: true,
-            startAdornment: gn
-        })), s && o && h === "buttongroup" && w, g === "below" &&  r().createElement(Re, null));
+            startAdornment: cr
+        })), s && o && h === "buttongroup" && C, g === "below" &&  n().createElement(Oe, null));
     };
-    var On = function e(n) {
-        var t = n.prefixLabel, r = n.label, l = n.suffixLabel;
-        var o = r;
+    var fr = function e(r) {
+        var t = r.prefixLabel, n = r.label, l = r.suffixLabel;
+        var o = n;
         if (t) {
             o = [ "".concat(t, ": ") ].concat(o);
         }
@@ -920,117 +909,141 @@
         }
         return o;
     };
-    var Sn =  r().forwardRef((function(e, n) {
-        var l = e.appearance, a = l === void 0 ? "default" : l, o = e.append, u = e.children, c = e.currentValues, s = c === void 0 ? [] : c, f = e.describedBy, d = e.disabled, p = e.elementRef, v = e.error, b = e.inline, m = e.labelText, g = e.labelledBy, h = e.multiple, O = e.onClick, S = e.placeholder, C = e.prefixLabel, w = e.prepend, k = e.required, j = e.suffixLabel, P = e.toggle, E = e.toggleContent, A = en(e, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent" ]);
-        var q;
-        var I;
-        var T = [];
-        // Generate buttonLabels
-                var D = t.Children.toArray(u);
-        var L = s.reduce((function(e, n, t, r) {
-            var l = i()(D, (function(e) {
-                return pn(e) && e.props.value === n;
-            }));
-            if (l) {
-                var a = l.props, o = a.children, u = a.icon, c = a.label;
-                var f = E !== "optionLabel" && o ? o : c;
-                e.push(f);
-                T.push(c);
-                // if not in multiple mode, add the icon
-                                if (!h && s.length === 1) {
-                    q = u;
+    var dr = [];
+    var pr =  n().forwardRef((function(e, r) {
+        var l = e.appearance, a = l === void 0 ? "default" : l, o = e.append, i = e.children, u = e.currentValues, c = u === void 0 ? dr : u, s = e.describedBy, d = e.disabled, p = e.elementRef, v = e.error, m = e.inline, y = e.labelText, g = e.labelledBy, h = e.multiple, S = e.onClick, w = e.placeholder, C = e.prefixLabel, k = e.prepend, x = e.required, j = e.suffixLabel, P = e.toggle, E = e.toggleContent, A = e.maxLabelItems, L = A === void 0 ? ir : A, I = ze(e, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent", "maxLabelItems" ]);
+        var R = (0, t.useMemo)((function() {
+            var e = t.Children.toArray(i);
+            var r = new Map;
+            for (var n = 0; n < e.length; n += 1) {
+                var l = e[n];
+                if (tr(l)) {
+                    r.set(l.props.value, l);
+                }
+            }
+            return r;
+        }), [ i ]);
+        var M = (0, t.useMemo)((function() {
+            var e = {
+                icon: null,
+                label: [],
+                ariaLabel: []
+            };
+            var r = h && c.length > L ? Math.max(1, L) : c.length;
+            for (var t = 0; t < r; t += 1) {
+                var n = c[t];
+                var l = R.get(n);
+                if (l) {
+                    var a = l.props, o = a.children, i = a.icon, u = a.label;
+                    var s = E !== "optionLabel" && o ? o : u;
+                    e.label.push(s);
+                    e.ariaLabel.push(u);
+                    // if not in multiple mode, add the icon
+                                        if (!h && c.length === 1) {
+                        e.icon = i;
+                    }
+                } else if (h) {
+                    // only add values that don't match an option in "multiple" mode to preserve old behaviour
+                    e.label.push(n);
+                    e.ariaLabel.push(n.toString());
                 }
-            } else if (h) {
-                // only add values that don't match an option in "multiple" mode to preserve old behaviour
-                e.push(n);
-                T.push(n.toString());
+                if (t < r - 1) {
+                    e.label.push((0, q._)(", "));
+                    e.ariaLabel.push((0, q._)(", "));
+                }
+            }
+            if (h && c.length > r && e.label.length) {
+                // add visual ellipsis to ensure truncation is shown
+                e.label.push((0, q._)("..."));
+            }
+            // only apply prefix / suffix if the label is not empty
+                        if (e.label.length > 0) {
+                // If there's more than one item selected, read out the selected total
+                // rather than reading out each selected item
+                e.ariaLabel = fr({
+                    prefixLabel: C,
+                    label: e.label.length > 1 ? [ "".concat(c.length, " items selected") ] : e.ariaLabel,
+                    suffixLabel: j
+                });
+                e.label = fr({
+                    prefixLabel: C,
+                    label: e.label,
+                    suffixLabel: j
+                });
             }
-            if (t < r.length - 1) {
-                e.push((0, z._)(", "));
-                T.push((0, z._)(", "));
+            // single <Select> behaviour is to show the placeholder if all parts of the label
+            // are empty strings so we replicate this behaviour here
+                        if (!e.label.length || !h && e.label.every((function(e) {
+                return e === "";
+            }))) {
+                e.label = Ze(w);
+                e.ariaLabel = e.label;
             }
             return e;
-        }), []);
-        I = L;
-        // only apply prefix / suffix if the label is not empty
-                if (I.length > 0) {
-            // If there's more than one item selected, read out the selected total
-            // rather than reading out each selected item
-            T = On({
-                prefixLabel: C,
-                label: I.length > 1 ? [ "".concat(s.length, " items selected") ] : T,
-                suffixLabel: j
-            });
-            I = On({
-                prefixLabel: C,
-                label: I,
-                suffixLabel: j
-            });
-        }
-        // single <Select> behaviour is to show the placeholder if all parts of the label
-        // are empty strings so we replicate this behaviour here
-                if (I.length === 0 || !h && I.every((function(e) {
-            return e === "";
-        }))) {
-            I = sn(S);
-            T = I;
-        }
-        var M = Object.keys(A).includes("aria-labelledby");
-        var _ = ln({
-            "aria-describedby": f,
-            "aria-label": g || M ? undefined : "".concat(m ? "".concat(m, ", ") : "").concat(T.join("")),
+        }), [ c, L, h, R, w, C, j, E ]), T = M.label, D = M.ariaLabel, _ = M.icon;
+        var B = "aria-labelledby" in I;
+        var N = Ue({
+            "aria-describedby": s,
+            "aria-label": g || B ? undefined : "".concat(y ? "".concat(y, ", ") : "").concat(D.join("")),
             // aria-labelledby takes precedence over aria-label, so existence of both is redundant
             "aria-labelledby": g,
-            "aria-required": k,
+            "aria-required": x,
             "data-select-appearance": a,
             append: o,
-            prepend: w,
-            onClick: O,
+            prepend: k,
+            onClick: S,
             role: "combobox",
             disabled: d ? "disabled" : undefined,
             elementRef: p,
             error: v,
-            ref: n
-        }, A);
+            ref: r
+        }, I);
         if (h) {
-            _["data-test-values"] = JSON.stringify(s);
+            N["data-test-values"] = JSON.stringify(c);
         } else {
-            var B = Ue(s, 1), N = B[0];
-            _["data-test-value"] = N;
+            var V = Be(c, 1), F = V[0];
+            N["data-test-value"] = F;
         }
         if (P) {
             
-            return (0, t.cloneElement)(P, _);
+            return (0, t.cloneElement)(P, N);
         }
         if (a === "link") {
             
-            return r().createElement(R(), Xe({
+            return n().createElement(O(), _e({
                 tag: "button",
                 appearance: "standalone"
-            }, _, {
+            }, N, {
                 "data-select-appearance": "link"
-            }), !!q &&  r().createElement(xe, null, q), I || S,  r().createElement(je, null,  r().createElement(x(), null)));
+            }), !!_ &&  n().createElement(be, null, _), T || w,  n().createElement(me, null,  n().createElement(b(), null)));
         }
         // Using Button's secondary appearance as Select's default appearance.
-                var V = a === "default" ? "secondary" : a;
+                var K = a === "default" ? "secondary" : a;
         
-        return r().createElement(ke, Xe({}, _, {
+        return n().createElement(ve, _e({}, N, {
             $multiple: h,
-            appearance: V,
-            label: I,
+            appearance: K,
+            label: T,
             error: v,
-            icon: q,
-            inline: b,
+            icon: _,
+            inline: m,
             isMenu: true,
-            onClick: O
-        }, y()(A, bn)), !!s.length && h &&  r().createElement(Ee, {
+            onClick: S
+        }, f()(I, lr)), !!c.length && h &&  n().createElement(ge, {
             "data-role": "count"
-        }, "(", s.length, ")"));
+        }, "(", c.length, ")"));
     }));
-    function Cn(e) {
-        var n = e.allowKeyMatching, l = n === void 0 ? true : n, a = e.animateLoading, o = e.appearance, u = o === void 0 ? "default" : o, s = e.append, f = e.allowNewValues, d = e.children, v = e.defaultPlacement, b = v === void 0 ? "vertical" : v, m = e.defaultValues, y = e.describedBy, g = e.disabled, O = e.elementRef, C = e.error, w = e.filter, k = e.footerMessage, x = e.inline, j = e.inputId, P = e.inputRef, E = e.isLoadingOptions, q = e.labelledBy, R = e.labelText, L = e.loadingMessage, M = e.menuStyle, _ = M === void 0 ? {} : M, B = e.multiple, N = e.name, F = e.noOptionsMessage, X = F === void 0 ? mn : F, U = e.onChange, J = e.onScroll, G = e.onScrollBottom, Q = e.onFilterChange, Y = e.onClick, Z = e.onClose, ee = e.onOpen, ne = e.required, te = e.placeholder, re = te === void 0 ? yn : te, ae = e.prefixLabel, oe = e.prepend, ie = e.repositionMode, ue = ie === void 0 ? "flip" : ie, ce = e.selectAllAppearance, se = ce === void 0 ? "buttongroup" : ce, fe = e.showSelectedValuesFirst, de = e.suffixLabel, pe = e.tabConfirmsNewValue, ve = e.values, be = e.virtualization, ye = e.toggle, ge = e.toggleContent, he = ge === void 0 ? "optionChildren" : ge, Oe = en(e, [ "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 vr(e) {
+        var r = e.currentValues, t = e.multiple;
+        if (t || !(r === null || r === void 0 ? void 0 : r.length)) {
+            return r !== null && r !== void 0 ? r : [];
+        }
+        return [ r[0] ];
+    }
+    function br(e) {
+        var r = e.allowKeyMatching, l = r === void 0 ? true : r, a = e.animateLoading, o = e.appearance, i = o === void 0 ? "default" : o, u = e.append, c = e.allowNewValues, s = e.children, f = e.defaultPlacement, d = f === void 0 ? "vertical" : f, p = e.defaultValues, v = e.describedBy, b = e.disabled, m = e.elementRef, y = e.error, g = e.filter, S = e.footerMessage, O = e.inline, x = e.inputId, j = e.inputRef, P = e.isLoadingOptions, E = e.labelledBy, A = e.labelText, I = e.loadingMessage, _ = e.menuStyle, B = _ === void 0 ? ur : _, N = e.multiple, V = e.name, F = e.noOptionsMessage, K = F === void 0 ? ar : F, H = e.onChange, z = e.onScroll, W = e.onScrollBottom, $ = e.onFilterChange, X = e.onClick, J = e.onClose, G = e.onOpen, Q = e.required, Y = e.placeholder, Z = Y === void 0 ? or : Y, ee = e.prefixLabel, re = e.prepend, te = e.repositionMode, ne = te === void 0 ? "flip" : te, le = e.selectAllAppearance, ae = le === void 0 ? "buttongroup" : le, ie = e.showSelectedValuesFirst, ue = e.suffixLabel, ce = e.tabConfirmsNewValue, se = e.values, fe = e.virtualization, de = e.toggle, pe = e.toggleContent, ve = pe === void 0 ? "optionChildren" : pe, be = e.maxLabelItems, me = be === void 0 ? ir : be, ye = ze(e, [ "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", "maxLabelItems" ]);
         // @docs-props-type SelectBasePropsBase
-                var Se = V()({
+                var ge = L()({
             componentName: "SelectBase",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0],
@@ -1039,643 +1052,663 @@
             valuePropName: "values"
         });
         // states
-                var Ce = (0, t.useState)((function() {
+                var he = (0, t.useState)((function() {
             return {
-                activeItemId: (0, W.createDOMID)("active-item"),
-                menuListboxId: (0, W.createDOMID)("menu-listbox")
+                activeItemId: (0, T.createDOMID)("active-item"),
+                menuListboxId: (0, T.createDOMID)("menu-listbox")
             };
-        })), we = Ue(Ce, 1), ke = we[0], xe = ke.activeItemId, je = ke.menuListboxId;
-        var Pe = (0, t.useState)(0), Ee = Ue(Pe, 2), Ae = Ee[0], qe = Ee[1];
-        var Re = (0, t.useState)(""), Ie = Ue(Re, 2), De = Ie[0], Le = Ie[1];
-        var Me = (0, t.useState)(false), _e = Ue(Me, 2), Be = _e[0], Ve = _e[1];
-        var Fe = (0, t.useState)(false), ze = Ue(Fe, 2), We = ze[0], $e = ze[1];
-        var Je = (0, t.useState)([]), Ge = Ue(Je, 2), Qe = Ge[0], Ye = Ge[1];
-        var Ze = (0, t.useState)(m || []), nn = Ue(Ze, 2), tn = nn[0], rn = nn[1];
+        })), Se = Be(he, 1), Oe = Se[0], we = Oe.activeItemId, ke = Oe.menuListboxId;
+        var xe = (0, t.useState)(0), je = Be(xe, 2), Pe = je[0], Ee = je[1];
+        var Le = (0, t.useState)(""), Ie = Be(Le, 2), qe = Ie[0], Te = Ie[1];
+        var De = (0, t.useState)(false), Ne = Be(De, 2), Ve = Ne[0], Fe = Ne[1];
+        var Ke = (0, t.useState)(false), He = Be(Ke, 2), We = He[0], $e = He[1];
+        var Xe = (0, t.useState)([]), Ue = Be(Xe, 2), Je = Ue[0], Ge = Ue[1];
+        var Qe = (0, t.useState)(p || []), Ye = Be(Qe, 2), Ze = Ye[0], lr = Ye[1];
  // previous state
-                var ln = K()(Ae);
+                var cr = R()(Pe);
         // refs
-                var an = (0, t.useRef)(null);
-        var on = (0, t.useRef)(null);
-        var un = (0, t.useRef)(null);
-        var cn = (0, t.useRef)([]);
-        var sn = (0, t.useRef)([]);
-        var bn = (0, t.useRef)(ln);
-        var gn = (0, t.useRef)();
-        var On = (0, t.useRef)({});
-        var Cn = (0, t.useRef)(0);
-        var wn = (0, t.useRef)([]);
-        var kn = (0, t.useRef)(null);
-        var xn = (0, t.useRef)();
-        var jn = (0, t.useRef)(0);
-        var Pn = (0, t.useRef)("none");
-        var En = (0, t.useState)(w ? (0, W.createDOMID)("filter") : undefined), An = Ue(En, 1), qn = An[0];
+                var fr = (0, t.useRef)(null);
+        var dr = (0, t.useRef)(null);
+        var br = (0, t.useRef)(null);
+        var mr = (0, t.useRef)([]);
+        var yr = (0, t.useRef)([]);
+        var gr = (0, t.useRef)(cr);
+        var hr = (0, t.useRef)();
+        var Sr = (0, t.useRef)({});
+        var Or = (0, t.useRef)(0);
+        var wr = (0, t.useRef)([]);
+        var Cr = (0, t.useRef)(null);
+        var kr = (0, t.useRef)();
+        var xr = (0, t.useRef)(0);
+        var jr = (0, t.useRef)("none");
+        var Pr = (0, t.useState)(g ? (0, T.createDOMID)("filter") : undefined), Er = Be(Pr, 1), Ar = Er[0];
         (0, t.useEffect)((function() {
             if (false) {}
-        }), [ u, s, C, oe ]);
-        var Rn = (0, t.useCallback)((function() {
-            var e = Se ? ve : tn;
-            return B || e == null ? e : e.slice(0, 1);
-        }), [ Se, B, ve, tn ]);
-        var In = (0, t.useCallback)((function() {
-            var e;
+        }), [ i, u, y, re ]);
+        var Lr = (0, t.useMemo)((function() {
+            var e = n().Children.toArray(s);
+            var r = new Map;
+            for (var t = 0; t < e.length; t += 1) {
+                var l = e[t];
+                if (tr(l)) {
+                    r.set(l.props.value, l);
+                }
+            }
+            return [ e, r ];
+        }), [ s ]), Ir = Be(Lr, 2), Rr = Ir[0], Mr = Ir[1];
+        var qr = vr({
+            currentValues: ge ? se : Ze,
+            multiple: N
+        });
+        // mutable object reference to currentValues to permit idempotent callbacks
+                var Tr = (0, t.useRef)(null);
+        Tr.current = qr;
+        var Dr = (0, t.useCallback)((function() {
             // in non-multiple mode, don't move values to the top of the list
-                        return B && fe !== "never" ? (e = Rn()) !== null && e !== void 0 ? e : [] : [];
-        }), [ Rn, B, fe ]);
-        var Tn = (0, t.useCallback)((function(e) {
-            var n = De;
-            Ve(true);
-            Ye(In());
+            return N && ie !== "never" ? Tr.current : [];
+        }), [ N, ie ]);
+        var _r = (0, t.useCallback)((function(e) {
+            var r = qe;
+            Fe(true);
+            Ge(Dr());
             // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
-                        if (B) {
-                Le("");
+                        if (N) {
+                Te("");
             }
-            if (n !== De) {
-                Q === null || Q === void 0 ? void 0 : Q(e, {
-                    keyword: De
+            if (r !== qe) {
+                $ === null || $ === void 0 ? void 0 : $(e, {
+                    keyword: qe
                 });
             }
-        }), [ De, In, B, Q ]);
+        }), [ qe, Dr, N, $ ]);
         (0, t.useEffect)((function() {
-            if (Be) {
-                ee === null || ee === void 0 ? void 0 : ee();
-                if (kn.current && !w) {
-                    kn.current.focus();
+            if (Ve) {
+                G === null || G === void 0 ? void 0 : G();
+                if (Cr.current && !g) {
+                    Cr.current.focus();
                 } else {
                     var e;
-                    qe((e = xn.current) !== null && e !== void 0 ? e : 0);
+                    Ee((e = kr.current) !== null && e !== void 0 ? e : 0);
                 }
             }
-        }), [ ee, Be, Qe, De, w ]);
-        var Dn = (0, t.useCallback)((function() {
-            Ve(false);
-            qe(0);
-            bn.current = null;
-            Z === null || Z === void 0 ? void 0 : Z();
-        }), [ Z ]);
-        var Ln = (0, t.useCallback)((function(e, n) {
-            var t;
-            var r = (t = Rn()) !== null && t !== void 0 ? t : [];
-            var l = r.indexOf(n);
-            var a;
-            if (B) {
-                if (l >= 0) {
-                    a = [].concat(He(r.slice(0, l)), He(r.slice(l + 1)));
+        }), [ G, Ve, Je, qe, g ]);
+        var Br = (0, t.useCallback)((function() {
+            Fe(false);
+            Ee(0);
+            gr.current = null;
+            J === null || J === void 0 ? void 0 : J();
+        }), [ J ]);
+        var Nr = (0, t.useCallback)((function(e, r) {
+            var t = new Set(Tr.current);
+            var n;
+            if (N) {
+                if (t.has(r)) {
+                    t["delete"](r);
                 } else {
-                    a = r.concat([ n ]);
+                    t.add(r);
                 }
+                n = Array.from(t);
             } else {
                 // non-multiple mode must always have a value
-                a = [ n ];
+                n = [ r ];
             }
-            var o = !Se;
-            if (o) {
-                rn(a);
+            var l = !ge;
+            if (l) {
+                lr(n);
             }
-            if (B) {
+            if (N) {
                 // in uncontrolled multiple mode, keep the menu open
-                if (o) {
-                    Ve(true);
+                if (l) {
+                    Fe(true);
                 }
             } else {
-                var i;
+                var a;
                 // non-multiple mode only supports a single selection
                 // so close the menu once a selection is made
-                                Dn({
+                                Br({
                     reason: "contentClick"
                 });
-                (i = an.current) === null || i === void 0 ? void 0 : i.focus();
+                (a = fr.current) === null || a === void 0 ? void 0 : a.focus();
             }
-            U === null || U === void 0 ? void 0 : U(e, {
-                values: a,
-                name: N,
+            H === null || H === void 0 ? void 0 : H(e, {
+                values: n,
+                name: V,
                 reason: "valueToggle"
             });
-        }), [ Rn, Dn, Se, B, N, U ]);
-        var Mn = function e() {
-            on.current = null;
-            cn.current = [];
-            if (un.current) {
-                clearTimeout(un.current);
+        }), [ Br, ge, N, V, H ]);
+        var Vr = function e() {
+            dr.current = null;
+            mr.current = [];
+            if (br.current) {
+                clearTimeout(br.current);
             }
         };
-        var _n = (0, t.useCallback)((function(e) {
-            var n;
+        var Fr = (0, t.useCallback)((function(e) {
             // this doesn't make sense if we can't select multiple values
-                        if (!B) {
+            if (!N) {
                 return;
             }
-            var t = (n = Rn()) !== null && n !== void 0 ? n : [];
-            var l = h()(t.concat(wn.current));
-            l = r().Children.toArray(d).filter((function(e) {
-                return pn(e) && p()(l, e.props.value) && (!e.props.disabled || p()(t, e.props.value));
-            })).map((function(e) {
-                return e.props.value;
+            var r = Tr.current;
+            var t = new Set(r);
+            var n = new Set([].concat(Me(r), Me(wr.current)));
+            // to keep track of custom values we create a copy of selected values and remove
+            // items as they are accounted for in children, leaving only custom values
+                        var l = new Set(n);
+            var a = new Set;
+            Rr.forEach((function(e) {
+                if (tr(e)) {
+                    // this value is being represented in children so it is not custom
+                    l["delete"](e.props.value);
+                }
+                if (tr(e) && n.has(e.props.value) && (!e.props.disabled || t.has(e.props.value))) {
+                    a.add(e.props.value);
+                }
             }));
-            if (!Se) {
-                rn(l);
+            var o = [].concat(Me(Array.from(l)), Me(Array.from(a)));
+            if (!ge) {
+                lr(o);
             }
-            U === null || U === void 0 ? void 0 : U(e, {
-                values: l,
-                name: N,
+            H === null || H === void 0 ? void 0 : H(e, {
+                values: o,
+                name: V,
                 reason: "selectAll"
             });
-        }), [ d, Rn, Se, B, N, U ]);
-        var Bn = (0, t.useCallback)((function(e) {
-            var n;
+        }), [ Rr, ge, N, V, H ]);
+        var Kr = (0, t.useCallback)((function(e) {
             // this doesn't make sense if we can't select multiple values
-                        if (!B) {
+            if (!N) {
                 return;
             }
-            var t = (n = Rn()) !== null && n !== void 0 ? n : [];
-            var l = S().apply(void 0, [ t ].concat(He(wn.current)));
-            // this will unselect all selected values unless those values are disabled or hidden by the filter
-                        var a = r().Children.toArray(d).filter((function(e) {
-                return pn(e) && (p()(t, e.props.value) && e.props.disabled || p()(l, e.props.value));
-            })).map((function(e) {
-                return e.props.value;
-            }));
-            if (!Se) {
-                rn(a);
+            var r = new Set(Tr.current);
+            var t = new Set(Tr.current);
+            for (var n = 0; n < wr.current.length; n += 1) {
+                t["delete"](wr.current[n]);
             }
-            U === null || U === void 0 ? void 0 : U(e, {
-                values: a,
-                name: N,
+            var l = new Set;
+            for (var a = 0; a < Rr.length; a += 1) {
+                var o = Rr[a];
+                // this will unselect all selected values unless those values are disabled or hidden by the filter
+                                if (tr(o) && (r.has(o.props.value) && o.props.disabled || t.has(o.props.value))) {
+                    l.add(o.props.value);
+                }
+            }
+            var i = Array.from(l);
+            if (!ge) {
+                lr(i);
+            }
+            H === null || H === void 0 ? void 0 : H(e, {
+                values: i,
+                name: V,
                 reason: "clearAll"
             });
-        }), [ d, Rn, Se, B, N, U ]);
-        var Nn = (0, t.useCallback)((function(e) {
-            if (Be && !E) {
-                G === null || G === void 0 ? void 0 : G(e);
+        }), [ Rr, ge, N, V, H ]);
+        var Hr = (0, t.useCallback)((function(e) {
+            if (Ve && !P) {
+                W === null || W === void 0 ? void 0 : W(e);
             }
-        }), [ Be, E, G ]);
-        var Vn = (0, t.useCallback)((function(e) {
-            var n = e.key;
-            if (n === "Tab") {
-                if (pe && gn.current && Cn.current <= 1) {
+        }), [ Ve, P, W ]);
+        var zr = (0, t.useCallback)((function(e) {
+            var r = e.key;
+            if (r === "Tab") {
+                if (ce && hr.current && Or.current <= 1) {
                     e.preventDefault();
-                    Ln(e, gn.current);
+                    Nr(e, hr.current);
                 }
             }
             if (e.shiftKey || e.metaKey || e.ctrlKey) {
-                if (n === "a" && (e.ctrlKey || e.metaKey)) {
+                if (r === "a" && (e.ctrlKey || e.metaKey)) {
                     // handle control + A
-                    if (Pn.current === "all") {
-                        Bn(e);
+                    if (jr.current === "all") {
+                        Kr(e);
                     } else {
-                        _n(e);
+                        Fr(e);
                     }
                 }
                 return;
             }
-            if (n === "ArrowDown") {
+            if (r === "ArrowDown") {
                 e.preventDefault();
-                qe(Math.min(Ae + 1, se === "checkbox" ? Cn.current : Cn.current - 1));
-                if (d && G) {
-                    var r;
-                    var l = t.Children.toArray(d).length - (2 + ((r = Rn()) !== null && r !== void 0 ? r : []).length);
-                    if (Ae === l) {
-                        Nn(e);
+                Ee(Math.min(Pe + 1, ae === "checkbox" ? Or.current : Or.current - 1));
+                if (s && W) {
+                    var n = t.Children.toArray(s).length - (2 + Tr.current.length);
+                    if (Pe === n) {
+                        Hr(e);
                     }
                 }
             }
-            if (n === "ArrowUp") {
+            if (r === "ArrowUp") {
                 e.preventDefault();
-                qe(Math.max(Ae - 1, 0));
+                Ee(Math.max(Pe - 1, 0));
             }
-            if (n === "Enter" && gn.current && Be) {
-                if (gn.current === "selectAll") {
-                    if (Pn.current === "all") {
-                        Bn(e);
+            if (r === "Enter" && hr.current && Ve) {
+                if (hr.current === "selectAll") {
+                    if (jr.current === "all") {
+                        Kr(e);
                     } else {
-                        _n(e);
+                        Fr(e);
                     }
                 } else {
                     e.preventDefault();
-                    Ln(e, gn.current);
+                    Nr(e, hr.current);
                 }
             }
-        }), [ Ae, d, Rn, Bn, Nn, _n, G, Be, se, pe, Ln ]);
-        var Fn = (0, t.useCallback)((function(e, n) {
-            var t = n.value;
+        }), [ Pe, s, Kr, Hr, Fr, W, Ve, ae, ce, Nr ]);
+        var Wr = (0, t.useCallback)((function(e, r) {
+            var t = r.value;
             e.preventDefault();
-            if (!Be) {
+            if (!Ve) {
                 return;
             }
-            Ln(e, t);
-        }), [ Be, Ln ]);
-        var Kn = (0, t.useCallback)((function(e, n) {
+            Nr(e, t);
+        }), [ Ve, Nr ]);
+        var $r = (0, t.useCallback)((function(e, r) {
             var t = e.nativeEvent.key;
             // Checking for a single character to avoid complications from double-byte languages and emojis.
                         if (t.length === 1) {
-                var r = [];
+                var n = [];
                 var l = {
                     index: 0,
                     value: t
                 };
-                if (!on.current) {
+                if (!dr.current) {
                     if (t === " ") {
-                        Mn();
+                        Vr();
                         return;
                     }
-                    r = Te(sn.current, l);
-                } else if (cn.current.length > 1) {
-                    l.index = on.current.index + 1;
-                    r = Te(cn.current, l);
+                    n = Ce(yr.current, l);
+                } else if (mr.current.length > 1) {
+                    l.index = dr.current.index + 1;
+                    n = Ce(mr.current, l);
                 }
-                if (r.length) {
+                if (n.length) {
                     var a;
                     var o = 0;
                     // If the active option is a first character match, cycle to the next matching option.
-                                        if (l.index === 0 && r.length > 1) {
-                        var i = r.indexOf(sn.current[n]);
+                                        if (l.index === 0 && n.length > 1) {
+                        var i = n.indexOf(yr.current[r]);
                         if (i >= 0) {
-                            o = i === r.length - 1 ? 0 : i + 1;
+                            o = i === n.length - 1 ? 0 : i + 1;
                         }
                     }
-                    var u = r[o];
+                    var u = n[o];
                     var c = u.value, s = u.label;
-                    var f = On.current[vn(c, s)];
+                    var f = Sr.current[nr(c, s)];
                     f === null || f === void 0 ? void 0 : (a = f.focus) === null || a === void 0 ? void 0 : a.call(f);
                 }
-                cn.current = r;
-                on.current = l;
-                if (un.current) {
-                    clearTimeout(un.current);
+                mr.current = n;
+                dr.current = l;
+                if (br.current) {
+                    clearTimeout(br.current);
                 }
-                un.current = setTimeout(Mn, 500);
+                br.current = setTimeout(Vr, 500);
                 e.preventDefault();
                 e.stopPropagation();
             }
         }), []);
-        var Hn = (0, t.useCallback)((function(e, n) {
-            var t = n.value;
-            Le(t);
-            Ve(true);
-            qe(0);
-            Q === null || Q === void 0 ? void 0 : Q(e, {
+        var Xr = (0, t.useCallback)((function(e, r) {
+            var t = r.value;
+            Te(t);
+            Fe(true);
+            Ee(0);
+            $ === null || $ === void 0 ? void 0 : $(e, {
                 keyword: t
             });
-        }), [ Q ]);
-        var zn = (0, t.useCallback)((function() {
+        }), [ $ ]);
+        var Ur = (0, t.useCallback)((function() {
             $e(true);
         }), []);
-        var Wn = (0, t.useCallback)((function() {
+        var Jr = (0, t.useCallback)((function() {
             $e(false);
         }), []);
-        var $n = (0, t.useCallback)((function(e) {
-            if (bn.current !== Ae) {
-                (0, $.scrollIntoViewIfNeeded)(e);
+        var Gr = (0, t.useCallback)((function(e) {
+            if (gr.current !== Pe) {
+                (0, D.scrollIntoViewIfNeeded)(e);
             }
-        }), [ Ae ]);
-        var Xn = (0, t.useCallback)((function(e, n, t) {
+        }), [ Pe ]);
+        var Qr = (0, t.useCallback)((function(e, r, t) {
             if (t) {
-                kn.current = e;
+                Cr.current = e;
             }
             if (e == null) {
-                delete On.current[n];
+                delete Sr.current[r];
             } else {
-                On.current[n] = e;
+                Sr.current[r] = e;
             }
-        }), [ On ]);
-        var Un = (0, t.useCallback)((function(e) {
-            an.current = e;
-            Ke(O, e);
-        }), [ O, an ]);
-        var Jn = (0, t.useMemo)((function() {
-            var e;
-            return (e = Rn()) !== null && e !== void 0 ? e : [];
-        }), [ Rn ]);
-        var Gn = t.Children.toArray(d);
-        var Qn = Jn.some((function(e) {
-            var n = i()(Gn, (function(n) {
-                return pn(n) && n.props.value === e;
-            }));
-            return n && !n.props.disabled;
+        }), [ Sr ]);
+        var Yr = (0, t.useCallback)((function(e) {
+            fr.current = e;
+            Re(m, e);
+        }), [ m, fr ]);
+        var Zr = qr.some((function(e) {
+            var r = Mr.get(e);
+            return r && !r.props.disabled;
         }));
-        var Yn = fe === "immediately" ? In() : Qe;
-        var Zn = (0, t.useMemo)((function() {
-            Cn.current = 0;
-            xn.current = undefined;
-            jn.current = 0;
-            gn.current = undefined;
-            sn.current = [];
-            var e = function e(n, t) {
+        var et = ie === "immediately" ? Dr() : Je;
+        var rt = (0, t.useMemo)((function() {
+            Or.current = 0;
+            kr.current = undefined;
+            xr.current = 0;
+            hr.current = undefined;
+            yr.current = [];
+            var e = function e(r, t) {
                 return function(e) {
-                    return Xn(e, n, t);
+                    return Qr(e, r, t);
                 };
             };
-            var n;
+            var r;
             var a = 0;
             var o = false;
             // used to avoid overwriting the selected item ref in multiple mode
-                        var u;
-            var s = t.Children.toArray(d).reduce((function(i, c, s) {
+                        var i;
+            var u = new Set(qr);
+            var s = new Set(et !== null && et !== void 0 ? et : []);
+            var f = Rr.reduce((function(c, f, d) {
                 // ignore Headings and Dividers
-                if (!pn(c)) {
-                    i.push(c);
-                    return i;
+                if (!tr(f)) {
+                    c.push(f);
+                    return c;
                 }
-                var f = c.props, d = f.disabled, p = f.hidden, v = f.label, b = f.value;
+                var p = f.props, v = p.disabled, b = p.hidden, m = p.label, y = p.value;
  // Find out if the search string exactly matches a value
-                                if (b === De) {
-                    n = true;
+                                if (y === qe) {
+                    r = true;
                 }
-                var m = Jn && Jn.indexOf(b) >= 0;
-                var y = !!m && !d && !u;
-                var g = l && !B && !w && !E && !G;
-                var h = vn(b, v);
-                var O = -1;
-                if (g && !d && !p) {
-                    sn.current.push({
-                        label: v,
-                        value: b
+                var h = u.has(y);
+                var S = !!h && !v && !i;
+                var O = l && !N && !g && !P && !W;
+                var C = nr(y, m);
+                var k = -1;
+                if (O && !v && !b) {
+                    yr.current.push({
+                        label: m,
+                        value: y
                     });
-                    O = sn.current.length - 1;
+                    k = yr.current.length - 1;
                 }
                 // Format the Menu.Item
-                                var S =  (0, t.cloneElement)(c, {
-                    elementRef: e(h, y),
-                    key: c.key || s,
-                    onClick: Fn,
-                    onKeyDown: g ? function(e) {
-                        return Kn(e, O);
+                                var x =  (0, t.cloneElement)(f, {
+                    elementRef: e(C, S),
+                    key: f.key || d,
+                    onClick: Wr,
+                    onKeyDown: O ? function(e) {
+                        return $r(e, k);
                     } : undefined,
-                    selected: m,
-                    multiple: B,
+                    selected: h,
+                    multiple: N,
                     role: "option"
                 });
-                if (y) {
-                    u = true;
+                if (S) {
+                    i = true;
                 }
-                if (Yn && Yn.indexOf(b) >= 0) {
+                if (s.has(y)) {
                     if (a === 0) {
-                        i.splice(a, 0,  r().createElement(I.Divider, {
+                        c.splice(a, 0,  n().createElement(w.Divider, {
                             key: "topDivider"
                         }));
                         o = true;
                     }
-                    i.splice(a, 0, S);
+                    c.splice(a, 0, x);
                     a += 1;
                 } else {
-                    i.push(S);
+                    c.push(x);
                 }
-                return i;
+                return c;
             }), []);
             // In multiple mode, add missing items
-                        if (B) {
-                c()(Jn, (function(t) {
-                    var l = i()(s, (function(e) {
-                        return pn(e) && e.props && e.props.value === t;
-                    }));
-                    if (!l) {
-                        if (t === De) {
-                            n = true;
+                        if (N) {
+                for (var d = qr.length - 1; d >= 0; d -= 1) {
+                    var p = qr[d];
+                    var v = Mr.get(p);
+                    if (!v) {
+                        if (p === qe) {
+                            r = true;
                         }
-                        var u = Yn && Yn.indexOf(t) >= 0;
-                        var c = Yn.length;
+                        var b = s.has(p);
+                        var m = et.length;
                         if (a === 0) {
-                            s.splice(0, 0,  r().createElement(I.Divider, {
+                            f.splice(0, 0,  n().createElement(w.Divider, {
                                 key: "topDivider"
                             }));
                             a += 1;
                             o = true;
                         }
-                        var f = String(t);
-                        var d = vn(t, f);
-                        s.splice(u ? 0 : c + 1, 0,  r().createElement(le, {
-                            elementRef: e(d),
-                            label: f,
-                            value: t,
-                            key: "missing-value-".concat(t),
-                            onClick: Fn,
-                            multiple: B,
+                        var y = String(p);
+                        var h = nr(p, y);
+                        f.splice(b ? 0 : m + 1, 0,  n().createElement(U, {
+                            elementRef: e(h),
+                            label: y,
+                            value: p,
+                            key: "missing-value-".concat(p),
+                            onClick: Wr,
+                            multiple: N,
                             selected: true
                         }));
-                        if (u) {
+                        if (b) {
                             a += 1;
                         }
                     }
-                }));
+                }
             }
-            var p = w === "controlled";
+            var S = g === "controlled";
             // Filter the items
-                        var v = (0, H.stringToKeywords)(De);
-            s = p ? s : s.filter((function(e) {
-                if (pn(e)) {
-                    return (0, H.testPhrase)(e.props.label, v);
+                        var O = (0, M.stringToKeywords)(qe);
+            f = S ? f : f.filter((function(e) {
+                if (tr(e)) {
+                    return (0, M.testPhrase)(e.props.label, O);
                 }
                 return true;
  // Keep all headers and non-interactive options
                         })).map((function(e) {
-                if (!pn(e)) {
+                if (!tr(e)) {
                     return e;
                 }
                 // highlight matched text
-                                var n = v && (0, H.keywordLocations)(e.props.label, v);
+                                var r = O && (0, M.keywordLocations)(e.props.label, O);
                 
                 return (0, t.cloneElement)(e, {
-                    matchRanges: n || undefined
+                    matchRanges: r || undefined
                 });
             }));
             // Add the option to add the new value
-                        if (f && !n && De) {
-                var b = o ? a + 1 : a;
-                var m = "".concat(De, " (new value)");
-                var y = vn(De, m);
-                s.splice(b, 0,  r().createElement(le, {
-                    elementRef: e(y),
-                    label: m,
-                    value: De,
+                        if (c && !r && qe) {
+                var C = o ? a + 1 : a;
+                var k = "".concat(qe, " (new value)");
+                var x = nr(qe, k);
+                f.splice(C, 0,  n().createElement(U, {
+                    elementRef: e(x),
+                    label: k,
+                    value: qe,
                     key: "newValue",
-                    multiple: B,
-                    onClick: Fn
+                    multiple: N,
+                    onClick: Wr
                 }));
             }
             // When selectAll is a menu item, add an offset so that activeItem accounts for the extra selectAll option.
-                        var g = se === "checkbox" && B && s.length > 1 ? 1 : 0;
-            var h = true;
+                        var j = ae === "checkbox" && N && f.length > 1 ? 1 : 0;
+            var E = true;
             // Highlight the selected Items and remove hidden
-                        s = s.reduce((function(e, n) {
+                        f = f.reduce((function(e, r) {
                 // ignore Dividers & Headings
-                if (!pn(n)) {
-                    e.push(n);
+                if (!tr(r)) {
+                    e.push(r);
                     return e;
                 }
                 // Ignore any hidden items
-                                if (n.props && n.props.hidden) {
+                                if (r.props && r.props.hidden) {
                     return e;
                 }
-                if (n.props.selected && !n.props.disabled && xn.current == null) {
-                    xn.current = Cn.current;
+                if (r.props.selected && !r.props.disabled && kr.current == null) {
+                    kr.current = Or.current;
                 }
-                var r = g === Ae;
-                g += 1;
-                Cn.current += 1;
-                jn.current += n.props.selected ? 1 : 0;
-                if (n.key !== "newValue" && !n.props.disabled && !n.props.selected) {
-                    h = false;
+                var n = j === Pe;
+                j += 1;
+                Or.current += 1;
+                xr.current += r.props.selected ? 1 : 0;
+                if (r.key !== "newValue" && !r.props.disabled && !r.props.selected) {
+                    E = false;
                 }
-                if (!r || !We) {
-                    e.push(n);
+                if (!n || !We) {
+                    e.push(r);
                     return e;
                 }
-                if (!n.props.disabled) {
-                    gn.current = n.props.value;
+                if (!r.props.disabled) {
+                    hr.current = r.props.value;
                 }
-                var l =  (0, t.cloneElement)(n, {
-                    active: r,
-                    elementRef: $n,
-                    id: xe
+                var l =  (0, t.cloneElement)(r, {
+                    active: n,
+                    elementRef: Gr,
+                    id: we
                 });
                 e.push(l);
                 return e;
             }), []);
-            Pn.current = jn.current === 0 && "none" || h && "all" || "some";
+            jr.current = xr.current === 0 && "none" || E && "all" || "some";
             // add select all option
-                        if (se === "checkbox" && B && Cn.current > 0) {
-                var O = Ae === 0 && !!w;
-                var S;
-                if (Pn.current === "all") {
-                    if (De === "") {
-                        S = (0, z._)("Clear all");
+                        if (ae === "checkbox" && N && Or.current > 0) {
+                var A = Pe === 0 && !!g;
+                var L;
+                if (jr.current === "all") {
+                    if (qe === "") {
+                        L = (0, q._)("Clear all");
                     } else {
-                        S = (0, z._)("Clear all matches");
+                        L = (0, q._)("Clear all matches");
                     }
-                } else if (De === "") {
-                    S = (0, z._)("Select all");
+                } else if (qe === "") {
+                    L = (0, q._)("Select all");
                 } else {
-                    S = (0, z._)("Select all matches");
+                    L = (0, q._)("Select all matches");
                 }
-                if (O) {
-                    gn.current = "selectAll";
+                if (A) {
+                    hr.current = "selectAll";
                 }
-                s.unshift( r().createElement(me, {
+                f.unshift( n().createElement(oe, {
                     key: "select-all-option",
-                    active: O,
-                    elementRef: $n,
-                    id: O ? xe : undefined,
-                    onClick: Pn.current === "all" ? Bn : _n,
-                    label: S,
-                    selected: Pn.current === "all" || Pn.current !== "none" && "some",
-                    totalCount: !!ye && Jn.length || undefined,
-                    tabIndex: w ? -1 : undefined
-                }),  r().createElement(I.Divider, {
+                    active: A,
+                    elementRef: Gr,
+                    id: A ? we : undefined,
+                    onClick: jr.current === "all" ? Kr : Fr,
+                    label: L,
+                    selected: jr.current === "all" || jr.current !== "none" && "some",
+                    totalCount: !!de && qr.length || undefined,
+                    tabIndex: g ? -1 : undefined
+                }),  n().createElement(w.Divider, {
                     key: "selectAllDivider"
                 }));
             }
-            wn.current = s.reduce((function(e, n) {
-                if (pn(n)) {
-                    e.push(n.props.value);
+            wr.current = f.reduce((function(e, r) {
+                if (tr(r)) {
+                    e.push(r.props.value);
                 }
                 return e;
             }), []);
-            return s;
-        }), [ Ae, xe, l, f, d, Jn, w, De, $n, Bn, Fn, Kn, Xn, _n, E, B, Yn, G, se, We, ye ]);
-        var et = function e(n) {
-            var t = n.anchorWidth, l = n.maxHeight, o = n.placement, i = n.toggleId;
-            var u = fn({
+            return f;
+        }), [ Pe, we, l, c, Rr, Mr, qr, g, qe, Gr, Kr, Wr, $r, Qr, Fr, P, N, et, W, ae, We, de ]);
+        var tt = function e(r) {
+            var t = r.anchorWidth, l = r.maxHeight, o = r.placement, i = r.toggleId;
+            var u = er({
                 anchorWidth: t,
-                isMultiple: B,
+                isMultiple: N,
                 maxHeight: l,
-                menuStyle: _
+                menuStyle: B
             });
-            var c = Jn.length > 0 && !Qn && !w ? 0 : undefined;
+            var c = qr.length > 0 && !Zr && !g ? 0 : undefined;
             var s = {
-                "aria-multiselectable": B || undefined,
-                childrenStart: !!w &&  r().createElement(hn, {
-                    activeItemId: xe,
-                    filterA11yId: qn,
-                    filterKeyword: De,
-                    hasChildren: Zn.some((function(e) {
-                        return pn(e);
+                "aria-multiselectable": N || undefined,
+                childrenStart: !!g &&  n().createElement(sr, {
+                    activeItemId: we,
+                    filterA11yId: Ar,
+                    filterKeyword: qe,
+                    hasChildren: rt.some((function(e) {
+                        return tr(e);
                     })),
-                    inputId: j,
-                    inputRef: P,
-                    menuListboxId: je,
-                    multiple: B,
-                    onClearAll: Bn,
-                    onSelectAll: _n,
-                    onTextBlur: Wn,
-                    onTextChange: Hn,
-                    onTextFocus: zn,
-                    onTextKeyDown: Vn,
-                    optionSelection: Pn,
+                    inputId: x,
+                    inputRef: j,
+                    menuListboxId: ke,
+                    multiple: N,
+                    onClearAll: Kr,
+                    onSelectAll: Fr,
+                    onTextBlur: Jr,
+                    onTextChange: Xr,
+                    onTextFocus: Ur,
+                    onTextKeyDown: zr,
+                    optionSelection: jr,
                     placement: o,
-                    selectAllAppearance: se,
+                    selectAllAppearance: ae,
                     textHasFocus: We
                 }),
-                focusMode: w ? "never" : undefined,
-                isLoading: E,
-                labelledBy: "".concat(qn !== null && qn !== void 0 ? qn : "", " ").concat(i !== null && i !== void 0 ? i : "").trim(),
+                focusMode: g ? "never" : undefined,
+                isLoading: P,
+                labelledBy: "".concat(Ar !== null && Ar !== void 0 ? Ar : "", " ").concat(i !== null && i !== void 0 ? i : "").trim(),
                 // NVDA ignores aria-labelledby attribute on popover, but reads it on menu
-                menuId: je,
-                onScrollBottom: G ? Nn : undefined,
+                menuId: ke,
+                onScrollBottom: W ? Hr : undefined,
                 placement: o !== null && o !== void 0 ? o : undefined,
-                noOptionsMessage: X,
-                footerMessage: k,
+                noOptionsMessage: K,
+                footerMessage: S,
                 animateLoading: a,
-                loadingMessage: L,
-                onScroll: J,
+                loadingMessage: I,
+                onScroll: z,
                 style: u,
                 tabIndex: c
             };
-            if (be) {
+            if (fe) {
                 
-                return r().createElement(T.VirtualizedResultsMenu, Xe({
-                    virtualization: be
-                }, s), Zn);
+                return n().createElement(C.VirtualizedResultsMenu, _e({
+                    virtualization: fe
+                }, s), rt);
             }
             
-            return r().createElement(D(), s, Zn);
+            return n().createElement(k(), s, rt);
         };
         var nt = (0, t.useMemo)((function() {
             
-            return r().createElement(Sn, Xe({
-                appearance: u,
-                append: s,
-                currentValues: Rn(),
-                "data-test": B ? "multiselect" : "select",
-                describedBy: y,
-                disabled: g,
-                elementRef: Un,
-                error: C,
-                inline: x,
-                labelText: R,
-                labelledBy: q,
-                multiple: B,
-                onClick: Y,
-                placeholder: re,
-                prefixLabel: ae,
-                prepend: oe,
-                required: ne,
-                suffixLabel: de,
-                toggle: ye,
-                toggleContent: he
-            }, Oe), d);
-        }), [ u, s, Rn, B, y, g, C, Un, x, R, q, Y, re, ae, oe, ne, de, ye, he, Oe, d ]);
+            return n().createElement(pr, _e({
+                appearance: i,
+                append: u,
+                currentValues: qr,
+                "data-test": N ? "multiselect" : "select",
+                describedBy: v,
+                disabled: b,
+                elementRef: Yr,
+                error: y,
+                inline: O,
+                labelText: A,
+                labelledBy: E,
+                multiple: N,
+                onClick: X,
+                placeholder: Z,
+                prefixLabel: ee,
+                prepend: re,
+                required: Q,
+                suffixLabel: ue,
+                toggle: de,
+                toggleContent: ve,
+                maxLabelItems: me
+            }, ye), s);
+        }), [ i, u, qr, N, v, b, Yr, y, O, A, E, X, Z, ee, re, Q, ue, de, ve, me, ye, s ]);
         
-        return r().createElement(A(), {
-            closeReasons: dn,
-            inputId: j,
-            "aria-labelledby": qn,
+        return n().createElement(h(), {
+            closeReasons: rr,
+            inputId: x,
+            "aria-labelledby": Ar,
             toggle: nt,
-            onRequestOpen: Tn,
-            onRequestClose: Dn,
-            open: Be,
+            onRequestOpen: _r,
+            onRequestClose: Br,
+            open: Ve,
             openWithArrowKeys: true,
-            repositionMode: ue,
-            defaultPlacement: b,
-            canCoverAnchor: Ne().innerHeight < 500,
+            repositionMode: ne,
+            defaultPlacement: d,
+            canCoverAnchor: Ae().innerHeight < 500,
             retainFocus: false,
-            takeFocus: Jn.length === 0 || Jn.length > 0 && !Qn || !!w
-        }, et);
+            takeFocus: qr.length === 0 || qr.length > 0 && !Zr || !!g
+        }, tt);
     }
-    Cn.propTypes = cn;
-    Cn.componentType = "SelectBase";
-    Cn.Option = le;
-    Cn.Divider = I.Divider;
-    Cn.Heading = I.Heading;
-    /* harmony default export */    const wn = Cn;
+    br.propTypes = Ye;
+    br.componentType = "SelectBase";
+    br.Option = U;
+    br.Divider = w.Divider;
+    br.Heading = w.Heading;
+    /* harmony default export */    const mr = br;
     // CONCATENATED MODULE: ./src/SelectBase/index.ts
-    module.exports = n;
+    module.exports = r;
     /******/})();