@splunk/react-ui 5.0.0 → 5.1.0

package/Select.js

@@ -2,18 +2,33 @@
     // webpackBootstrap
     /******/ "use strict";
     /******/    var e = {
-        /***/ 2907: 
+        /***/ 3639: 
         /***/ (e, n, t) => {
             // EXPORTS
             t.d(n, {
-                default: () => /* reexport */ i
+                default: () => /* reexport */ s
             });
+            // UNUSED EXPORTS: isAllowedType, isPrimitive
             // EXTERNAL MODULE: external "react"
                         var r = t(9497);
+            // CONCATENATED MODULE: external "lodash/isEqual"
+            const l = require("lodash/isEqual");
             // EXTERNAL MODULE: external "lodash/has"
-                        var l = t(5919);
-            var a =  t.n(l);
+                        var a = t(5919);
+            var o =  t.n(a);
             // CONCATENATED MODULE: ./src/useControlled/useControlled.tsx
+            function i(e) {
+                return e === null || e === undefined || typeof e === "boolean" || typeof e === "string" || typeof e === "number";
+            }
+            function u(e) {
+                if (i(e)) {
+                    return true;
+                }
+                if (Array.isArray(e)) {
+                    return e.every(i);
+                }
+                return false;
+            }
             /**
  * This is a private component not intended for use outside @splunk/react-ui
  *
@@ -23,10 +38,9 @@
  * are not happening.
  *
  * Return the controlled state of the component.
- */
-            function o(e) {
-                var n = e.componentProps, t = e.componentName, l = t === void 0 ? "this component" : t, o = e.defaultValuePropName, i = o === void 0 ? "defaultValue" : o, u = e.valuePropName, c = u === void 0 ? "value" : u;
-                var s = (0, r.useRef)(a()(n, c));
+ */            function c(e) {
+                var n = e.componentProps, t = e.componentName, l = t === void 0 ? "this component" : t, a = e.defaultValuePropName, i = a === void 0 ? "defaultValue" : a, u = e.valuePropName, c = u === void 0 ? "value" : u;
+                var s = (0, r.useRef)(o()(n, c));
                 var f = (0, r.useRef)(n[i]);
                 (0, r.useEffect)((function() {
                     if (false) {}
@@ -34,10 +48,11 @@
                 (0, r.useEffect)((function() {
                     if (false) {}
                     if (false) {}
+                    if (false) {}
                 }), [ l, n, i, c ]);
                 return s.current;
             }
-            /* harmony default export */            const i = o;
+            /* harmony default export */            const s = c;
         } // CONCATENATED MODULE: ./src/useControlled/index.ts
         /***/ ,
         /***/ 5919: 
@@ -134,10 +149,10 @@
         t.r(r);
         // EXPORTS
                 t.d(r, {
-            Divider: () => /* reexport */ q.Divider,
-            Heading: () => /* reexport */ q.Heading,
-            Option: () => /* reexport */ Sn,
-            default: () => /* reexport */ Rn
+            Divider: () => /* reexport */ c.Divider,
+            Heading: () => /* reexport */ c.Heading,
+            Option: () => /* reexport */ E,
+            default: () => /* reexport */ An
         });
         // EXTERNAL MODULE: external "react"
                 var e = t(9497);
@@ -150,74 +165,19 @@
         var i =  t.n(o);
         // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
         const u = require("@splunk/ui-utils/i18n");
-        // CONCATENATED MODULE: external "lodash/castArray"
-        const c = require("lodash/castArray");
-        var s =  t.n(c);
-        // CONCATENATED MODULE: external "lodash/find"
-        const f = require("lodash/find");
-        var d =  t.n(f);
-        // CONCATENATED MODULE: external "lodash/forEachRight"
-        const p = require("lodash/forEachRight");
-        var v =  t.n(p);
-        // EXTERNAL MODULE: external "lodash/has"
-                var b = t(5919);
-        var m =  t.n(b);
-        // CONCATENATED MODULE: external "lodash/includes"
-        const g = require("lodash/includes");
-        var y =  t.n(g);
-        // CONCATENATED MODULE: external "lodash/memoize"
-        const h = require("lodash/memoize");
-        var O =  t.n(h);
-        // CONCATENATED MODULE: external "lodash/pick"
-        const C = require("lodash/pick");
-        var S =  t.n(C);
-        // CONCATENATED MODULE: external "lodash/uniq"
-        const k = require("lodash/uniq");
-        var w =  t.n(k);
-        // CONCATENATED MODULE: external "lodash/without"
-        const x = require("lodash/without");
-        var j =  t.n(x);
-        // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
-        const P = require("@splunk/react-icons/CaretSmallDown");
-        var T =  t.n(P);
-        // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
-        const E = require("@splunk/react-icons/Magnifier");
-        var R =  t.n(E);
-        // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
-        const A = require("@splunk/react-ui/Dropdown");
-        var M =  t.n(A);
-        // CONCATENATED MODULE: external "@splunk/react-ui/Link"
-        const L = require("@splunk/react-ui/Link");
-        var I =  t.n(L);
         // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
-        const q = require("@splunk/react-ui/Menu");
-        // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
-        const D = require("@splunk/react-ui/ResultsMenu");
-        var _ =  t.n(D);
-        // CONCATENATED MODULE: external "@splunk/react-ui/Text"
-        const B = require("@splunk/react-ui/Text");
-        var N =  t.n(B);
-        // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
-        const V = require("@splunk/react-ui/ScreenReaderContent");
-        var K =  t.n(V);
-        // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
-        const F = require("@splunk/react-ui/usePrevious");
-        var H =  t.n(F);
-        // CONCATENATED MODULE: external "@splunk/ui-utils/filter"
-        const z = require("@splunk/ui-utils/filter");
-        // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-        const W = require("@splunk/ui-utils/id");
+        const c = require("@splunk/react-ui/Menu");
         // CONCATENATED MODULE: ./src/Select/OptionBase.tsx
-        function $(e) {
+        function s(e) {
             "@babel/helpers - typeof";
-            return $ = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return s = "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;
-            }, $(e);
+            }, s(e);
         }
-        function X() {
-            return X = Object.assign ? Object.assign.bind() : function(e) {
+        function f() {
+            return f = Object.assign ? Object.assign.bind() : function(e) {
                 for (var n = 1; n < arguments.length; n++) {
                     var t = arguments[n];
                     for (var r in t) {
@@ -225,9 +185,9 @@
                     }
                 }
                 return e;
-            }, X.apply(null, arguments);
+            }, f.apply(null, arguments);
         }
-        function U(e, n) {
+        function d(e, n) {
             var t = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
                 var r = Object.getOwnPropertySymbols(e);
@@ -237,42 +197,42 @@
             }
             return t;
         }
-        function J(e) {
+        function p(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = null != arguments[n] ? arguments[n] : {};
-                n % 2 ? U(Object(t), !0).forEach((function(n) {
-                    G(e, n, t[n]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : U(Object(t)).forEach((function(n) {
+                n % 2 ? d(Object(t), !0).forEach((function(n) {
+                    v(e, n, t[n]);
+                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : d(Object(t)).forEach((function(n) {
                     Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
                 }));
             }
             return e;
         }
-        function G(e, n, t) {
-            return (n = Q(n)) in e ? Object.defineProperty(e, n, {
+        function v(e, n, t) {
+            return (n = b(n)) in e ? Object.defineProperty(e, n, {
                 value: t,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
             }) : e[n] = t, e;
         }
-        function Q(e) {
-            var n = Y(e, "string");
-            return "symbol" == $(n) ? n : n + "";
+        function b(e) {
+            var n = m(e, "string");
+            return "symbol" == s(n) ? n : n + "";
         }
-        function Y(e, n) {
-            if ("object" != $(e) || !e) return e;
+        function m(e, n) {
+            if ("object" != s(e) || !e) return e;
             var t = e[Symbol.toPrimitive];
             if (void 0 !== t) {
                 var r = t.call(e, n || "default");
-                if ("object" != $(r)) return r;
+                if ("object" != s(r)) return r;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === n ? String : Number)(e);
         }
-        function Z(e, n) {
+        function g(e, n) {
             if (null == e) return {};
-            var t, r, l = ee(e, n);
+            var t, r, l = y(e, n);
             if (Object.getOwnPropertySymbols) {
                 var a = Object.getOwnPropertySymbols(e);
                 for (r = 0; r < a.length; r++) {
@@ -281,7 +241,7 @@
             }
             return l;
         }
-        function ee(e, n) {
+        function y(e, n) {
             if (null == e) return {};
             var t = {};
             for (var r in e) {
@@ -292,7 +252,7 @@
             }
             return t;
         }
-        var ne = {
+        var h = {
             /** @private */
             active: a().bool,
             children: a().node,
@@ -322,41 +282,174 @@
         };
         /**
  * An option within a `Multiselect`.
- */        function te(t) {
-            var r = t.children, l = t.descriptionPosition, a = l === void 0 ? "bottom" : l, o = t.disabled, i = t.elementRef, u = t.icon, c = t.label, s = t.multiple, f = t.onClick, d = t.role, p = d === void 0 ? "option" : d, v = t.value, b = Z(t, [ "children", "descriptionPosition", "disabled", "elementRef", "icon", "label", "multiple", "onClick", "role", "value" ]);
+ */        function O(t) {
+            var r = t.children, l = t.descriptionPosition, a = l === void 0 ? "bottom" : l, o = t.disabled, i = t.elementRef, u = t.icon, s = t.label, d = t.multiple, v = t.onClick, b = t.role, m = b === void 0 ? "option" : b, y = t.value, h = g(t, [ "children", "descriptionPosition", "disabled", "elementRef", "icon", "label", "multiple", "onClick", "role", "value" ]);
             // @docs-props-type OptionPropsBase
-                        var m = (0, e.useCallback)((function(e) {
+                        var O = (0, e.useCallback)((function(e) {
                 if (!o) {
-                    f === null || f === void 0 ? void 0 : f(e, {
-                        value: v
+                    v === null || v === void 0 ? void 0 : v(e, {
+                        value: y
                     });
                 }
-            }), [ o, f, v ]);
-            var g = v.toString();
-            var y = J({
+            }), [ o, v, y ]);
+            var C = y.toString();
+            var S = p({
                 descriptionPosition: a,
                 disabled: o ? "disabled" : undefined
-            }, b);
+            }, h);
             
-            return n().createElement(q.Item, X({
-                "data-test-value": v,
+            return n().createElement(c.Item, f({
+                "data-test-value": y,
                 "data-test": "option",
                 elementRef: i
-            }, y, {
+            }, S, {
                 selectable: true,
-                selectableAppearance: s ? "checkbox" : "checkmark",
+                selectableAppearance: d ? "checkbox" : "checkmark",
                 startAdornment: u,
-                onClick: m,
-                role: p,
-                value: g
-            }), r || c);
+                onClick: O,
+                role: m,
+                value: C
+            }), r || s);
         }
-        te.propTypes = ne;
-        te.type = q.Item;
+        O.propTypes = h;
+        O.type = c.Item;
  // For components to distinguish if their children are Options or Headings/Dividers
-        /* harmony default export */        const re = te;
+        /* harmony default export */        const C = O;
+        // CONCATENATED MODULE: ./src/Select/Option.tsx
+        function S() {
+            return S = 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]);
+                    }
+                }
+                return e;
+            }, S.apply(null, arguments);
+        }
+        function k(e, n) {
+            if (null == e) return {};
+            var t, r, l = w(e, n);
+            if (Object.getOwnPropertySymbols) {
+                var a = Object.getOwnPropertySymbols(e);
+                for (r = 0; r < a.length; r++) {
+                    t = a[r], n.includes(t) || {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
+                }
+            }
+            return l;
+        }
+        function w(e, n) {
+            if (null == e) return {};
+            var t = {};
+            for (var r in e) {
+                if ({}.hasOwnProperty.call(e, r)) {
+                    if (n.includes(r)) continue;
+                    t[r] = e[r];
+                }
+            }
+            return t;
+        }
+        var x = {
+            /** @private */
+            active: a().bool,
+            children: a().node,
+            description: a().string,
+            descriptionPosition: a().oneOf([ "right", "bottom" ]),
+            disabled: a().bool,
+            elementRef: a().oneOfType([ a().func, a().object ]),
+            hidden: a().bool,
+            icon: a().node,
+            label: a().string.isRequired,
+            matchRanges: a().arrayOf(a().shape({
+                start: a().number.isRequired,
+                end: a().number.isRequired
+            })),
+            /** @private */
+            onClick: a().func,
+            /** @private */
+            role: a().oneOf([ "menuitemcheckbox", "option" ]),
+            /** @private */
+            selected: a().bool,
+            truncate: a().bool,
+            value: a().oneOfType([ a().string, a().number, a().bool ]).isRequired
+        };
+        /**
+ * An option within a `Select`. Any elements passed to it should be memoized.
+ */        function j(e) {
+            var t = e.children, r = e.descriptionPosition, l = r === void 0 ? "bottom" : r, a = e.elementRef, o = e.label, i = k(e, [ "children", "descriptionPosition", "elementRef", "label" ]);
+            // @docs-props-type OptionPropsBase
+                        
+            return n().createElement(C, S({
+                descriptionPosition: l,
+                label: o
+            }, i, {
+                elementRef: a,
+                multiple: false
+            }), t || o);
+        }
+        var P =  (0, e.memo)(j);
+        // @ts-expect-error Need to set propTypes on OptionMemoized so that javascript propType validation will work
+                P.propTypes = x;
+        /* harmony default export */        const E = P;
+        // CONCATENATED MODULE: external "lodash/castArray"
+        const R = require("lodash/castArray");
+        var A =  t.n(R);
+        // CONCATENATED MODULE: external "lodash/find"
+        const T = require("lodash/find");
+        var M =  t.n(T);
+        // CONCATENATED MODULE: external "lodash/forEachRight"
+        const I = require("lodash/forEachRight");
+        var L =  t.n(I);
+        // EXTERNAL MODULE: external "lodash/has"
+                var q = t(5919);
+        var D =  t.n(q);
+        // CONCATENATED MODULE: external "lodash/includes"
+        const _ = require("lodash/includes");
+        var B =  t.n(_);
+        // CONCATENATED MODULE: external "lodash/memoize"
+        const N = require("lodash/memoize");
+        var V =  t.n(N);
+        // CONCATENATED MODULE: external "lodash/pick"
+        const K = require("lodash/pick");
+        var F =  t.n(K);
+        // CONCATENATED MODULE: external "lodash/uniq"
+        const H = require("lodash/uniq");
+        var z =  t.n(H);
+        // CONCATENATED MODULE: external "lodash/without"
+        const W = require("lodash/without");
+        var $ =  t.n(W);
+        // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
+        const X = require("@splunk/react-icons/CaretSmallDown");
+        var U =  t.n(X);
+        // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
+        const J = require("@splunk/react-icons/Magnifier");
+        var G =  t.n(J);
+        // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
+        const Q = require("@splunk/react-ui/Dropdown");
+        var Y =  t.n(Q);
+        // CONCATENATED MODULE: external "@splunk/react-ui/Link"
+        const Z = require("@splunk/react-ui/Link");
+        var ee =  t.n(Z);
+        // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
+        const ne = require("@splunk/react-ui/ResultsMenu");
+        var te =  t.n(ne);
+        // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
+        const re = require("@splunk/react-ui/ScreenReaderContent");
+        var le =  t.n(re);
+        // CONCATENATED MODULE: external "@splunk/react-ui/Text"
+        const ae = require("@splunk/react-ui/Text");
+        var oe =  t.n(ae);
+        // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
+        const ie = require("@splunk/react-ui/usePrevious");
+        var ue =  t.n(ie);
+        // CONCATENATED MODULE: external "@splunk/ui-utils/filter"
+        const ce = require("@splunk/ui-utils/filter");
+        // CONCATENATED MODULE: external "@splunk/ui-utils/id"
+        const se = require("@splunk/ui-utils/id");
+        // CONCATENATED MODULE: external "@splunk/ui-utils/scroll"
+        const fe = require("@splunk/ui-utils/scroll");
         // CONCATENATED MODULE: ./src/Select/SelectAllOption.tsx
-        var le = {
+        var de = {
             active: a().bool,
             changedToggle: a().bool,
             elementRef: a().oneOfType([ a().func, a().object ]),
@@ -366,12 +459,12 @@
             selected: a().oneOfType([ a().bool, a().oneOf([ "some" ]) ]),
             totalCount: a().number
         };
-        function ae(e) {
+        function pe(e) {
             var t = e.active, r = e.elementRef, l = e.id, a = e.onClick, o = e.selectAllLabel, i = e.totalCount, u = e.changedToggle, c = e.selected;
             // When toggle is changed the total count is not displayed anymore so the count is now shown in the Select all menu item
                         var s = u ? " (".concat(i === null || i === void 0 ? void 0 : i.toString(), ")") : "";
             
-            return n().createElement(re, {
+            return n().createElement(C, {
                 active: t,
                 elementRef: r,
                 "aria-keyshortcuts": "Control+A",
@@ -389,21 +482,21 @@
                 value: "selectAll"
             });
         }
-        ae.propTypes = le;
-        /* harmony default export */        const oe = ae;
+        pe.propTypes = de;
+        /* harmony default export */        const ve = pe;
         // CONCATENATED MODULE: external "styled-components"
-        const ie = require("styled-components");
-        var ue =  t.n(ie);
+        const be = require("styled-components");
+        var me =  t.n(be);
         // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-        const ce = require("@splunk/react-ui/Button");
-        var se =  t.n(ce);
+        const ge = require("@splunk/react-ui/Button");
+        var ye =  t.n(ge);
         // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
-        const fe = require("@splunk/react-ui/Divider");
-        var de =  t.n(fe);
+        const he = require("@splunk/react-ui/Divider");
+        var Oe =  t.n(he);
         // CONCATENATED MODULE: external "@splunk/themes"
-        const pe = require("@splunk/themes");
+        const Ce = require("@splunk/themes");
         // CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
-        var ve = ue()(se()).withConfig({
+        var Se = me()(ye()).withConfig({
             displayName: "SelectBaseStyles__StyledButton",
             componentId: "sc-16cj7sk-0"
         })([ "&[data-inline]{width:", ";}", "" ], (function(e) {
@@ -413,52 +506,52 @@
             var n = e.$multiple;
             return !n && "flex-grow: 0;";
         }));
-        var be = ue().span.withConfig({
+        var ke = me().span.withConfig({
             displayName: "SelectBaseStyles__StyledLinkIcon",
             componentId: "sc-16cj7sk-1"
-        })([ "padding-right:", ";" ], pe.variables.spacingXSmall);
-        var me = ue().span.withConfig({
+        })([ "padding-right:", ";" ], Ce.variables.spacingXSmall);
+        var we = me().span.withConfig({
             displayName: "SelectBaseStyles__StyledLinkCaret",
             componentId: "sc-16cj7sk-2"
-        })([ "padding-left:", ";" ], pe.variables.spacingXSmall);
-        var ge = ue().div.withConfig({
+        })([ "padding-left:", ";" ], Ce.variables.spacingXSmall);
+        var xe = me().div.withConfig({
             displayName: "SelectBaseStyles__StyledFilter",
             componentId: "sc-16cj7sk-3"
-        })([ "padding:", " ", " ", ";min-width:160px;" ], pe.variables.spacingLarge, pe.variables.spacingLarge, pe.variables.spacingSmall);
-        var ye = ue().span.withConfig({
+        })([ "padding:", " ", " ", ";min-width:160px;" ], Ce.variables.spacingLarge, Ce.variables.spacingLarge, Ce.variables.spacingSmall);
+        var je = me().span.withConfig({
             displayName: "SelectBaseStyles__StyledCount",
             componentId: "sc-16cj7sk-4"
-        })([ "padding-right:", ";" ], pe.variables.spacingXSmall);
-        var he = ue()(I()).withConfig({
+        })([ "padding-right:", ";" ], Ce.variables.spacingXSmall);
+        var Pe = me()(ee()).withConfig({
             displayName: "SelectBaseStyles__StyledControlsLink",
             componentId: "sc-16cj7sk-5"
         })([ "", ";" ], (function(e) {
             var n = e.$disabled;
-            return n && (0, ie.css)([ "color:", ";" ], pe.variables.contentColorDisabled);
+            return n && (0, be.css)([ "color:", ";" ], Ce.variables.contentColorDisabled);
         }));
-        var Oe = ue().div.withConfig({
+        var Ee = me().div.withConfig({
             displayName: "SelectBaseStyles__StyledToggleAllControls",
             componentId: "sc-16cj7sk-6"
-        })([ "", ";gap:", ";padding:", " ", " ", ";" ], pe.mixins.reset("flex"), pe.variables.spacingMedium, pe.variables.spacingXSmall, pe.variables.spacingLarge, pe.variables.spacingSmall);
-        var Ce = ue()(de()).withConfig({
+        })([ "", ";gap:", ";padding:", " ", " ", ";" ], Ce.mixins.reset("flex"), Ce.variables.spacingMedium, Ce.variables.spacingXSmall, Ce.variables.spacingLarge, Ce.variables.spacingSmall);
+        var Re = me()(Oe()).withConfig({
             displayName: "SelectBaseStyles__StyledControlsDivider",
             componentId: "sc-16cj7sk-7"
-        })([ "border-color:", ";" ], pe.variables.borderColor);
-        // EXTERNAL MODULE: ./src/useControlled/index.ts + 1 modules
-                var Se = t(2907);
+        })([ "border-color:", ";" ], Ce.variables.borderColor);
+        // EXTERNAL MODULE: ./src/useControlled/index.ts + 2 modules
+                var Ae = t(3639);
         // CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
         // A utility for matching keyboard characters to list values
-        var ke = function e(n, t) {
+        var Te = function e(n, t) {
             return n ? n.label.charAt(t).toLowerCase() : "";
         };
-        var we = function e(n, t) {
+        var Me = function e(n, t) {
             if (!n.length) {
                 return n;
             }
             var r = null;
             var l = false;
             var a = n.filter((function(e) {
-                var n = ke(e, t.index);
+                var n = Te(e, t.index);
                 if (n === t.value) {
                     l = true;
                     return true;
@@ -466,7 +559,7 @@
                 // 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 = ke(r, t.index);
+                    var a = Te(r, t.index);
                     if (!a) {
                         r = e;
                     } else if (n > t.value) {
@@ -483,27 +576,9 @@
             }));
             return a.length === 0 && r ? [ r ] : a;
         };
-        // CONCATENATED MODULE: ./src/utils/scrollIntoViewIfNeeded.ts
-        // A utility that attempts to move an element into view by scrolling it's derived parent.
-        var xe = function e(n) {
-            if (!n) {
-                return;
-            }
-            var t = n.offsetParent;
-            if (!t) {
-                return;
-            }
-            // Below the bottom of the container.
-                        if (t.scrollTop + t.clientHeight < n.offsetTop + n.clientHeight) {
-                t.scrollTop = n.offsetTop + n.clientHeight - t.clientHeight;
-                // Above the top of the container.
-                        } else if (t.scrollTop > n.offsetTop) {
-                t.scrollTop = n.offsetTop;
-            }
-        };
         // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
         /* eslint-disable @typescript-eslint/no-empty-function */
-        var je = {
+        var Ie = {
             body: {
                 appendChild: function e() {
                     return [];
@@ -557,16 +632,16 @@
                 search: ""
             }
         };
-        function Pe() {
-            var e = typeof document !== "undefined" ? document : je;
+        function Le() {
+            var e = typeof document !== "undefined" ? document : Ie;
             return e;
         }
-        var Te = Pe();
-        /* harmony default export */        const Ee = /* unused pure expression or super */ null && Te;
+        var qe = Le();
+        /* harmony default export */        const De = /* unused pure expression or super */ null && qe;
         // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
         /* eslint-disable @typescript-eslint/no-empty-function */
-        var Re = {
-            document: je,
+        var _e = {
+            document: Ie,
             navigator: {
                 userAgent: ""
             },
@@ -620,12 +695,12 @@
                 clearTimeout(n);
             }
         };
-        function Ae() {
-            var e = typeof window !== "undefined" ? window : Re;
+        function Be() {
+            var e = typeof window !== "undefined" ? window : _e;
             return e;
         }
-        var Me = Ae();
-        /* harmony default export */        const Le = /* unused pure expression or super */ null && Me;
+        var Ne = Be();
+        /* harmony default export */        const Ve = /* unused pure expression or super */ null && Ne;
         // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
         /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -633,7 +708,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-        function Ie(e, n) {
+        function Ke(e, n) {
             if (e) {
                 if (typeof e === "function") {
                     e(n);
@@ -646,20 +721,20 @@
             }
         }
         // CONCATENATED MODULE: ./src/Select/SelectBase.tsx
-        function qe(e) {
-            return Be(e) || _e(e) || Fe(e) || De();
+        function Fe(e) {
+            return We(e) || ze(e) || Je(e) || He();
         }
-        function De() {
+        function He() {
             throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
         }
-        function _e(e) {
+        function ze(e) {
             if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
         }
-        function Be(e) {
-            if (Array.isArray(e)) return He(e);
+        function We(e) {
+            if (Array.isArray(e)) return Ge(e);
         }
-        function Ne() {
-            return Ne = Object.assign ? Object.assign.bind() : function(e) {
+        function $e() {
+            return $e = Object.assign ? Object.assign.bind() : function(e) {
                 for (var n = 1; n < arguments.length; n++) {
                     var t = arguments[n];
                     for (var r in t) {
@@ -667,29 +742,29 @@
                     }
                 }
                 return e;
-            }, Ne.apply(null, arguments);
+            }, $e.apply(null, arguments);
         }
-        function Ve(e, n) {
-            return We(e) || ze(e, n) || Fe(e, n) || Ke();
+        function Xe(e, n) {
+            return Ye(e) || Qe(e, n) || Je(e, n) || Ue();
         }
-        function Ke() {
+        function Ue() {
             throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
         }
-        function Fe(e, n) {
+        function Je(e, n) {
             if (e) {
-                if ("string" == typeof e) return He(e, n);
+                if ("string" == typeof e) return Ge(e, n);
                 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) ? He(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) ? Ge(e, n) : void 0;
             }
         }
-        function He(e, n) {
+        function Ge(e, n) {
             (null == n || n > e.length) && (n = e.length);
             for (var t = 0, r = Array(n); t < n; t++) {
                 r[t] = e[t];
             }
             return r;
         }
-        function ze(e, n) {
+        function Qe(e, n) {
             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;
@@ -711,12 +786,12 @@
                 return i;
             }
         }
-        function We(e) {
+        function Ye(e) {
             if (Array.isArray(e)) return e;
         }
-        function $e(e, n) {
+        function Ze(e, n) {
             if (null == e) return {};
-            var t, r, l = Xe(e, n);
+            var t, r, l = en(e, n);
             if (Object.getOwnPropertySymbols) {
                 var a = Object.getOwnPropertySymbols(e);
                 for (r = 0; r < a.length; r++) {
@@ -725,7 +800,7 @@
             }
             return l;
         }
-        function Xe(e, n) {
+        function en(e, n) {
             if (null == e) return {};
             var t = {};
             for (var r in e) {
@@ -736,15 +811,15 @@
             }
             return t;
         }
-        function Ue(e) {
+        function nn(e) {
             "@babel/helpers - typeof";
-            return Ue = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return nn = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
                 return typeof e;
             } : function(e) {
                 return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-            }, Ue(e);
+            }, nn(e);
         }
-        function Je(e, n) {
+        function tn(e, n) {
             var t = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
                 var r = Object.getOwnPropertySymbols(e);
@@ -754,40 +829,40 @@
             }
             return t;
         }
-        function Ge(e) {
+        function rn(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = null != arguments[n] ? arguments[n] : {};
-                n % 2 ? Je(Object(t), !0).forEach((function(n) {
-                    Qe(e, n, t[n]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Je(Object(t)).forEach((function(n) {
+                n % 2 ? tn(Object(t), !0).forEach((function(n) {
+                    ln(e, n, t[n]);
+                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : tn(Object(t)).forEach((function(n) {
                     Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
                 }));
             }
             return e;
         }
-        function Qe(e, n, t) {
-            return (n = Ye(n)) in e ? Object.defineProperty(e, n, {
+        function ln(e, n, t) {
+            return (n = an(n)) in e ? Object.defineProperty(e, n, {
                 value: t,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
             }) : e[n] = t, e;
         }
-        function Ye(e) {
-            var n = Ze(e, "string");
-            return "symbol" == Ue(n) ? n : n + "";
+        function an(e) {
+            var n = on(e, "string");
+            return "symbol" == nn(n) ? n : n + "";
         }
-        function Ze(e, n) {
-            if ("object" != Ue(e) || !e) return e;
+        function on(e, n) {
+            if ("object" != nn(e) || !e) return e;
             var t = e[Symbol.toPrimitive];
             if (void 0 !== t) {
                 var r = t.call(e, n || "default");
-                if ("object" != Ue(r)) return r;
+                if ("object" != nn(r)) return r;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === n ? String : Number)(e);
         }
-        var en = {
+        var un = {
             allowKeyMatching: a().bool,
             allowNewValues: a().bool,
             animateLoading: a().bool,
@@ -836,47 +911,47 @@
             /** @private. */
             virtualization: a().number
         };
-        var nn = O()((function(e) {
+        var cn = V()((function(e) {
             return [ e ];
         }));
         // preserve separate widths for single vs. multi mode
-                var tn = O()((function(e) {
+                var sn = V()((function(e) {
             var n = e.anchorWidth, t = e.isMultiple, r = e.maxHeight, l = e.menuStyle;
-            return t ? Ge({
+            return t ? rn({
                 width: Math.max(n !== null && n !== void 0 ? n : 0, 200),
                 maxHeight: r
-            }, l) : Ge({
+            }, l) : rn({
                 minWidth: n !== null && n !== void 0 ? n : undefined,
                 maxWidth: Math.max(n !== null && n !== void 0 ? n : 0, 300),
                 maxHeight: r
             }, l);
         }));
-        var rn = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
-        function ln(e) {
-            return e && m()(e.props, "value");
+        var fn = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
+        function dn(e) {
+            return e && D()(e.props, "value");
         }
-        function an(e, n) {
-            return "".concat(Ue(e), "-").concat(e, "-").concat(n);
+        function pn(e, n) {
+            return "".concat(nn(e), "-").concat(e, "-").concat(n);
         }
-        var on = [ "append", "error", "prepend" ];
-        var un = (0, u._)("No matches");
-        var cn = (0, u._)("Select...");
-        var sn =  n().createElement(R(), null);
-        var fn = function e(t) {
+        var vn = [ "append", "error", "prepend" ];
+        var bn = (0, u._)("No matches");
+        var mn = (0, u._)("Select...");
+        var gn =  n().createElement(G(), null);
+        var yn = function e(t) {
             var r = t.activeItemId, l = t.filterA11yId, a = t.filterKeyword, o = t.hasChildren, i = t.inputId, c = t.inputRef, s = t.menuListboxId, f = t.multiple, d = t.onClearAll, p = t.onSelectAll, v = t.onTextBlur, b = t.onTextChange, m = t.onTextFocus, g = t.onTextKeyDown, y = t.optionSelection, h = t.placement, O = t.selectAllAppearance, C = t.textHasFocus;
             var S = (0, u._)("Select all options".concat(y.current === "all" ? " disabled" : ""));
             var k = (0, u._)("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 =  n().createElement(Oe, {
+                        var w =  n().createElement(Ee, {
                 key: "selectAll"
-            },  n().createElement(he, {
+            },  n().createElement(Pe, {
                 disabled: y.current === "all",
                 appearance: "standalone",
                 "aria-label": S,
                 onClick: p,
                 "data-test": "select-all",
                 tag: "button"
-            }, a ? (0, u._)("Select all Matches") : (0, u._)("Select all")),  n().createElement(he, {
+            }, a ? (0, u._)("Select all Matches") : (0, u._)("Select all")),  n().createElement(Pe, {
                 disabled: y.current === "none",
                 appearance: "standalone",
                 "aria-label": k,
@@ -887,12 +962,12 @@
             
             return n().createElement("div", {
                 key: "controls"
-            }, l &&  n().createElement(K(), {
+            }, l &&  n().createElement(le(), {
                 id: l
-            }, (0, u._)("Type to filter")), h === "above" &&  n().createElement(Ce, null),  n().createElement(ge, {
+            }, (0, u._)("Type to filter")), h === "above" &&  n().createElement(Re, null),  n().createElement(xe, {
                 key: "filter",
                 "data-test": "filter"
-            },  n().createElement(N(), {
+            },  n().createElement(oe(), {
                 value: a,
                 autoCapitalize: "off",
                 autoComplete: "off",
@@ -913,131 +988,131 @@
                 inputRef: c,
                 inputId: i,
                 canClear: true,
-                startAdornment: sn
-            })), f && o && O === "buttongroup" && w, h === "below" &&  n().createElement(Ce, null));
+                startAdornment: gn
+            })), f && o && O === "buttongroup" && w, h === "below" &&  n().createElement(Re, null));
         };
-        var dn = function e(n) {
+        var hn = function e(n) {
             var t = n.prefixLabel, r = n.label, l = n.suffixLabel;
             var a = r;
             if (t) {
                 a = [ "".concat(t, ": ") ].concat(a);
             }
             if (l) {
-                a = s()(a).concat(" ".concat(l));
+                a = A()(a).concat(" ".concat(l));
             }
             return a;
         };
-        var pn =  n().forwardRef((function(t, r) {
-            var l = t.appearance, a = l === void 0 ? "default" : l, o = t.append, i = t.children, c = t.currentValues, s = c === void 0 ? [] : c, f = t.describedBy, p = t.disabled, v = t.elementRef, b = t.error, m = t.inline, g = t.labelText, y = t.labelledBy, h = t.multiple, O = t.onClick, C = t.placeholder, k = t.prefixLabel, w = t.prepend, x = t.required, j = t.suffixLabel, P = t.toggle, E = t.toggleContent, R = $e(t, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent" ]);
-            var A;
-            var M;
-            var L = [];
+        var On =  n().forwardRef((function(t, r) {
+            var l = t.appearance, a = l === void 0 ? "default" : l, o = t.append, i = t.children, c = t.currentValues, s = c === void 0 ? [] : c, f = t.describedBy, d = t.disabled, p = t.elementRef, v = t.error, b = t.inline, m = t.labelText, g = t.labelledBy, y = t.multiple, h = t.onClick, O = t.placeholder, C = t.prefixLabel, S = t.prepend, k = t.required, w = t.suffixLabel, x = t.toggle, j = t.toggleContent, P = Ze(t, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent" ]);
+            var E;
+            var R;
+            var A = [];
             // Generate buttonLabels
-                        var q = e.Children.toArray(i);
-            var D = s.reduce((function(e, n, t, r) {
-                var l = d()(q, (function(e) {
-                    return ln(e) && e.props.value === n;
+                        var T = e.Children.toArray(i);
+            var I = s.reduce((function(e, n, t, r) {
+                var l = M()(T, (function(e) {
+                    return dn(e) && e.props.value === n;
                 }));
                 if (l) {
                     var a = l.props, o = a.children, i = a.icon, c = a.label;
-                    var f = E !== "optionLabel" && o ? o : c;
+                    var f = j !== "optionLabel" && o ? o : c;
                     e.push(f);
-                    L.push(c);
+                    A.push(c);
                     // if not in multiple mode, add the icon
-                                        if (!h && s.length === 1) {
-                        A = i;
+                                        if (!y && s.length === 1) {
+                        E = i;
                     }
-                } else if (h) {
+                } else if (y) {
                     // only add values that don't match an option in "multiple" mode to preserve old behaviour
                     e.push(n);
-                    L.push(n.toString());
+                    A.push(n.toString());
                 }
                 if (t < r.length - 1) {
                     e.push((0, u._)(", "));
-                    L.push((0, u._)(", "));
+                    A.push((0, u._)(", "));
                 }
                 return e;
             }), []);
-            M = D;
+            R = I;
             // only apply prefix / suffix if the label is not empty
-                        if (M.length > 0) {
+                        if (R.length > 0) {
                 // If there's more than one item selected, read out the selected total
                 // rather than reading out each selected item
-                L = dn({
-                    prefixLabel: k,
-                    label: M.length > 1 ? [ "".concat(s.length, " items selected") ] : L,
-                    suffixLabel: j
+                A = hn({
+                    prefixLabel: C,
+                    label: R.length > 1 ? [ "".concat(s.length, " items selected") ] : A,
+                    suffixLabel: w
                 });
-                M = dn({
-                    prefixLabel: k,
-                    label: M,
-                    suffixLabel: j
+                R = hn({
+                    prefixLabel: C,
+                    label: R,
+                    suffixLabel: w
                 });
             }
             // single <Select> behaviour is to show the placeholder if all parts of the label
             // are empty strings so we replicate this behaviour here
-                        if (M.length === 0 || !h && M.every((function(e) {
+                        if (R.length === 0 || !y && R.every((function(e) {
                 return e === "";
             }))) {
-                M = nn(C);
-                L = M;
+                R = cn(O);
+                A = R;
             }
-            var _ = Object.keys(R).includes("aria-labelledby");
-            var B = Ge({
+            var L = Object.keys(P).includes("aria-labelledby");
+            var q = rn({
                 "aria-describedby": f,
-                "aria-label": y || _ ? undefined : "".concat(g ? "".concat(g, ", ") : "").concat(L.join("")),
+                "aria-label": g || L ? undefined : "".concat(m ? "".concat(m, ", ") : "").concat(A.join("")),
                 // aria-labelledby takes precedence over aria-label, so existence of both is redundant
-                "aria-labelledby": y,
-                "aria-required": x,
+                "aria-labelledby": g,
+                "aria-required": k,
                 "data-select-appearance": a,
                 append: o,
-                prepend: w,
-                onClick: O,
+                prepend: S,
+                onClick: h,
                 role: "combobox",
-                disabled: p ? "disabled" : undefined,
-                elementRef: v,
-                error: b,
+                disabled: d ? "disabled" : undefined,
+                elementRef: p,
+                error: v,
                 ref: r
-            }, R);
-            if (h) {
-                B["data-test-values"] = JSON.stringify(s);
+            }, P);
+            if (y) {
+                q["data-test-values"] = JSON.stringify(s);
             } else {
-                var N = Ve(s, 1), V = N[0];
-                B["data-test-value"] = V;
+                var D = Xe(s, 1), _ = D[0];
+                q["data-test-value"] = _;
             }
-            if (P) {
+            if (x) {
                 
-                return (0, e.cloneElement)(P, B);
+                return (0, e.cloneElement)(x, q);
             }
             if (a === "link") {
                 
-                return n().createElement(I(), Ne({
+                return n().createElement(ee(), $e({
                     tag: "button",
                     appearance: "standalone"
-                }, B, {
+                }, q, {
                     "data-select-appearance": "link"
-                }), !!A &&  n().createElement(be, null, A), M || C,  n().createElement(me, null,  n().createElement(T(), null)));
+                }), !!E &&  n().createElement(ke, null, E), R || O,  n().createElement(we, null,  n().createElement(U(), null)));
             }
             // Using Button's secondary appearance as Select's default appearance.
-                        var K = a === "default" ? "secondary" : a;
+                        var B = a === "default" ? "secondary" : a;
             
-            return n().createElement(ve, Ne({}, B, {
-                $multiple: h,
-                appearance: K,
-                label: M,
-                error: b,
-                icon: A,
-                inline: m,
+            return n().createElement(Se, $e({}, q, {
+                $multiple: y,
+                appearance: B,
+                label: R,
+                error: v,
+                icon: E,
+                inline: b,
                 isMenu: true,
-                onClick: O
-            }, S()(R, on)), !!s.length && h &&  n().createElement(ye, {
+                onClick: h
+            }, F()(P, vn)), !!s.length && y &&  n().createElement(je, {
                 "data-role": "count"
             }, "(", s.length, ")"));
         }));
-        function vn(t) {
-            var r = t.allowKeyMatching, l = r === void 0 ? true : r, a = t.animateLoading, o = t.appearance, i = o === void 0 ? "default" : o, c = t.append, s = t.allowNewValues, f = t.children, p = t.defaultPlacement, b = p === void 0 ? "vertical" : p, m = t.defaultValues, g = t.describedBy, h = t.disabled, O = t.elementRef, C = t.error, S = t.filter, k = t.footerMessage, x = t.inline, P = t.inputId, T = t.inputRef, E = t.isLoadingOptions, R = t.labelledBy, A = t.labelText, L = t.loadingMessage, I = t.menuStyle, B = I === void 0 ? {} : I, N = t.multiple, V = t.name, K = t.noOptionsMessage, F = K === void 0 ? un : K, $ = t.onChange, X = t.onScroll, U = t.onScrollBottom, J = t.onFilterChange, G = t.onClick, Q = t.onClose, Y = t.onOpen, Z = t.required, ee = t.placeholder, ne = ee === void 0 ? cn : ee, te = t.prefixLabel, le = t.prepend, ae = t.repositionMode, ie = ae === void 0 ? "flip" : ae, ue = t.selectAllAppearance, ce = ue === void 0 ? "buttongroup" : ue, se = t.showSelectedValuesFirst, fe = t.suffixLabel, de = t.tabConfirmsNewValue, pe = t.values, ve = t.virtualization, be = t.toggle, me = t.toggleContent, ge = me === void 0 ? "optionChildren" : me, ye = $e(t, [ "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 Cn(t) {
+            var r = t.allowKeyMatching, l = r === void 0 ? true : r, a = t.animateLoading, o = t.appearance, i = o === void 0 ? "default" : o, s = t.append, f = t.allowNewValues, d = t.children, p = t.defaultPlacement, v = p === void 0 ? "vertical" : p, b = t.defaultValues, m = t.describedBy, g = t.disabled, y = t.elementRef, h = t.error, O = t.filter, S = t.footerMessage, k = t.inline, w = t.inputId, x = t.inputRef, j = t.isLoadingOptions, P = t.labelledBy, E = t.labelText, R = t.loadingMessage, A = t.menuStyle, T = A === void 0 ? {} : A, I = t.multiple, q = t.name, D = t.noOptionsMessage, _ = D === void 0 ? bn : D, N = t.onChange, V = t.onScroll, K = t.onScrollBottom, F = t.onFilterChange, H = t.onClick, W = t.onClose, X = t.onOpen, U = t.required, J = t.placeholder, G = J === void 0 ? mn : J, Q = t.prefixLabel, Z = t.prepend, ee = t.repositionMode, re = ee === void 0 ? "flip" : ee, le = t.selectAllAppearance, ae = le === void 0 ? "buttongroup" : le, oe = t.showSelectedValuesFirst, ie = t.suffixLabel, de = t.tabConfirmsNewValue, pe = t.values, be = t.virtualization, me = t.toggle, ge = t.toggleContent, ye = ge === void 0 ? "optionChildren" : ge, he = Ze(t, [ "allowKeyMatching", "animateLoading", "appearance", "append", "allowNewValues", "children", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "filter", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "labelText", "loadingMessage", "menuStyle", "multiple", "name", "noOptionsMessage", "onChange", "onScroll", "onScrollBottom", "onFilterChange", "onClick", "onClose", "onOpen", "required", "placeholder", "prefixLabel", "prepend", "repositionMode", "selectAllAppearance", "showSelectedValuesFirst", "suffixLabel", "tabConfirmsNewValue", "values", "virtualization", "toggle", "toggleContent" ]);
             // @docs-props-type SelectBasePropsBase
-                        var he = (0, Se["default"])({
+                        var Oe = (0, Ae["default"])({
                 componentName: "SelectBase",
                 /* eslint-disable-next-line prefer-rest-params */
                 componentProps: arguments[0],
@@ -1046,28 +1121,28 @@
                 valuePropName: "values"
             });
             // states
-                        var Oe = (0, e.useState)((function() {
+                        var Ce = (0, e.useState)((function() {
                 return {
-                    activeItemId: (0, W.createDOMID)("active-item"),
-                    menuListboxId: (0, W.createDOMID)("menu-listbox")
+                    activeItemId: (0, se.createDOMID)("active-item"),
+                    menuListboxId: (0, se.createDOMID)("menu-listbox")
                 };
-            })), Ce = Ve(Oe, 1), ke = Ce[0], je = ke.activeItemId, Pe = ke.menuListboxId;
-            var Te = (0, e.useState)(0), Ee = Ve(Te, 2), Re = Ee[0], Me = Ee[1];
-            var Le = (0, e.useState)(""), De = Ve(Le, 2), _e = De[0], Be = De[1];
-            var Ke = (0, e.useState)(false), Fe = Ve(Ke, 2), He = Fe[0], ze = Fe[1];
-            var We = (0, e.useState)(false), Xe = Ve(We, 2), Ue = Xe[0], Je = Xe[1];
-            var Ge = (0, e.useState)([]), Qe = Ve(Ge, 2), Ye = Qe[0], Ze = Qe[1];
-            var en = (0, e.useState)(m || []), nn = Ve(en, 2), on = nn[0], sn = nn[1];
+            })), Se = Xe(Ce, 1), ke = Se[0], we = ke.activeItemId, xe = ke.menuListboxId;
+            var je = (0, e.useState)(0), Pe = Xe(je, 2), Ee = Pe[0], Re = Pe[1];
+            var Te = (0, e.useState)(""), Ie = Xe(Te, 2), Le = Ie[0], qe = Ie[1];
+            var De = (0, e.useState)(false), _e = Xe(De, 2), Ne = _e[0], Ve = _e[1];
+            var He = (0, e.useState)(false), ze = Xe(He, 2), We = ze[0], Ue = ze[1];
+            var Je = (0, e.useState)([]), Ge = Xe(Je, 2), Qe = Ge[0], Ye = Ge[1];
+            var en = (0, e.useState)(b || []), nn = Xe(en, 2), tn = nn[0], rn = nn[1];
  // previous state
-                        var dn = H()(Re);
+                        var ln = ue()(Ee);
             // refs
-                        var vn = (0, e.useRef)(null);
-            var bn = (0, e.useRef)(null);
-            var mn = (0, e.useRef)(null);
-            var gn = (0, e.useRef)([]);
-            var yn = (0, e.useRef)([]);
-            var hn = (0, e.useRef)(dn);
-            var On = (0, e.useRef)();
+                        var an = (0, e.useRef)(null);
+            var on = (0, e.useRef)(null);
+            var un = (0, e.useRef)(null);
+            var cn = (0, e.useRef)([]);
+            var vn = (0, e.useRef)([]);
+            var gn = (0, e.useRef)(ln);
+            var hn = (0, e.useRef)();
             var Cn = (0, e.useRef)({});
             var Sn = (0, e.useRef)(0);
             var kn = (0, e.useRef)([]);
@@ -1075,58 +1150,58 @@
             var xn = (0, e.useRef)();
             var jn = (0, e.useRef)(0);
             var Pn = (0, e.useRef)("none");
-            var Tn = (0, e.useState)(S ? (0, W.createDOMID)("filter") : undefined), En = Ve(Tn, 1), Rn = En[0];
+            var En = (0, e.useState)(O ? (0, se.createDOMID)("filter") : undefined), Rn = Xe(En, 1), An = Rn[0];
             (0, e.useEffect)((function() {
                 if (false) {}
-            }), [ i, c, C, le ]);
-            var An = (0, e.useCallback)((function() {
-                var e = he ? pe : on;
-                return N || e == null ? e : e.slice(0, 1);
-            }), [ he, N, pe, on ]);
+            }), [ i, s, h, Z ]);
+            var Tn = (0, e.useCallback)((function() {
+                var e = Oe ? pe : tn;
+                return I || e == null ? e : e.slice(0, 1);
+            }), [ Oe, I, pe, tn ]);
             var Mn = (0, e.useCallback)((function() {
                 var e;
                 // in non-multiple mode, don't move values to the top of the list
-                                return N && se !== "never" ? (e = An()) !== null && e !== void 0 ? e : [] : [];
-            }), [ An, N, se ]);
-            var Ln = (0, e.useCallback)((function(e) {
-                var n = _e;
-                ze(true);
-                Ze(Mn());
+                                return I && oe !== "never" ? (e = Tn()) !== null && e !== void 0 ? e : [] : [];
+            }), [ Tn, I, oe ]);
+            var In = (0, e.useCallback)((function(e) {
+                var n = Le;
+                Ve(true);
+                Ye(Mn());
                 // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
-                                if (N) {
-                    Be("");
+                                if (I) {
+                    qe("");
                 }
-                if (n !== _e) {
-                    J === null || J === void 0 ? void 0 : J(e, {
-                        keyword: _e
+                if (n !== Le) {
+                    F === null || F === void 0 ? void 0 : F(e, {
+                        keyword: Le
                     });
                 }
-            }), [ _e, Mn, N, J ]);
+            }), [ Le, Mn, I, F ]);
             (0, e.useEffect)((function() {
-                if (He) {
-                    Y === null || Y === void 0 ? void 0 : Y();
-                    if (wn.current && !S) {
+                if (Ne) {
+                    X === null || X === void 0 ? void 0 : X();
+                    if (wn.current && !O) {
                         wn.current.focus();
                     } else {
                         var e;
-                        Me((e = xn.current) !== null && e !== void 0 ? e : 0);
+                        Re((e = xn.current) !== null && e !== void 0 ? e : 0);
                     }
                 }
-            }), [ Y, He, Ye, _e, S ]);
-            var In = (0, e.useCallback)((function() {
-                ze(false);
-                Me(0);
-                hn.current = null;
-                Q === null || Q === void 0 ? void 0 : Q();
-            }), [ Q ]);
+            }), [ X, Ne, Qe, Le, O ]);
+            var Ln = (0, e.useCallback)((function() {
+                Ve(false);
+                Re(0);
+                gn.current = null;
+                W === null || W === void 0 ? void 0 : W();
+            }), [ W ]);
             var qn = (0, e.useCallback)((function(e, n) {
                 var t;
-                var r = (t = An()) !== null && t !== void 0 ? t : [];
+                var r = (t = Tn()) !== null && t !== void 0 ? t : [];
                 var l = r.indexOf(n);
                 var a;
-                if (N) {
+                if (I) {
                     if (l >= 0) {
-                        a = [].concat(qe(r.slice(0, l)), qe(r.slice(l + 1)));
+                        a = [].concat(Fe(r.slice(0, l)), Fe(r.slice(l + 1)));
                     } else {
                         a = r.concat([ n ]);
                     }
@@ -1134,93 +1209,93 @@
                     // non-multiple mode must always have a value
                     a = [ n ];
                 }
-                var o = !he;
+                var o = !Oe;
                 if (o) {
-                    sn(a);
+                    rn(a);
                 }
-                if (N) {
+                if (I) {
                     // in uncontrolled multiple mode, keep the menu open
                     if (o) {
-                        ze(true);
+                        Ve(true);
                     }
                 } else {
                     var i;
                     // non-multiple mode only supports a single selection
                     // so close the menu once a selection is made
-                                        In({
+                                        Ln({
                         reason: "contentClick"
                     });
-                    (i = vn.current) === null || i === void 0 ? void 0 : i.focus();
+                    (i = an.current) === null || i === void 0 ? void 0 : i.focus();
                 }
-                $ === null || $ === void 0 ? void 0 : $(e, {
+                N === null || N === void 0 ? void 0 : N(e, {
                     values: a,
-                    name: V,
+                    name: q,
                     reason: "valueToggle"
                 });
-            }), [ An, In, he, N, V, $ ]);
+            }), [ Tn, Ln, Oe, I, q, N ]);
             var Dn = function e() {
-                bn.current = null;
-                gn.current = [];
-                if (mn.current) {
-                    clearTimeout(mn.current);
+                on.current = null;
+                cn.current = [];
+                if (un.current) {
+                    clearTimeout(un.current);
                 }
             };
             var _n = (0, e.useCallback)((function(e) {
                 var t;
                 // this doesn't make sense if we can't select multiple values
-                                if (!N) {
+                                if (!I) {
                     return;
                 }
-                var r = (t = An()) !== null && t !== void 0 ? t : [];
-                var l = w()(r.concat(kn.current));
-                l = n().Children.toArray(f).filter((function(e) {
-                    return ln(e) && y()(l, e.props.value) && (!e.props.disabled || y()(r, e.props.value));
+                var r = (t = Tn()) !== null && t !== void 0 ? t : [];
+                var l = z()(r.concat(kn.current));
+                l = n().Children.toArray(d).filter((function(e) {
+                    return dn(e) && B()(l, e.props.value) && (!e.props.disabled || B()(r, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
-                if (!he) {
-                    sn(l);
+                if (!Oe) {
+                    rn(l);
                 }
-                $ === null || $ === void 0 ? void 0 : $(e, {
+                N === null || N === void 0 ? void 0 : N(e, {
                     values: l,
-                    name: V,
+                    name: q,
                     reason: "selectAll"
                 });
-            }), [ f, An, he, N, V, $ ]);
+            }), [ d, Tn, Oe, I, q, N ]);
             var Bn = (0, e.useCallback)((function(e) {
                 var t;
                 // this doesn't make sense if we can't select multiple values
-                                if (!N) {
+                                if (!I) {
                     return;
                 }
-                var r = (t = An()) !== null && t !== void 0 ? t : [];
-                var l = j().apply(void 0, [ r ].concat(qe(kn.current)));
+                var r = (t = Tn()) !== null && t !== void 0 ? t : [];
+                var l = $().apply(void 0, [ r ].concat(Fe(kn.current)));
                 // this will unselect all selected values unless those values are disabled or hidden by the filter
-                                var a = n().Children.toArray(f).filter((function(e) {
-                    return ln(e) && (y()(r, e.props.value) && e.props.disabled || y()(l, e.props.value));
+                                var a = n().Children.toArray(d).filter((function(e) {
+                    return dn(e) && (B()(r, e.props.value) && e.props.disabled || B()(l, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
-                if (!he) {
-                    sn(a);
+                if (!Oe) {
+                    rn(a);
                 }
-                $ === null || $ === void 0 ? void 0 : $(e, {
+                N === null || N === void 0 ? void 0 : N(e, {
                     values: a,
-                    name: V,
+                    name: q,
                     reason: "clearAll"
                 });
-            }), [ f, An, he, N, V, $ ]);
+            }), [ d, Tn, Oe, I, q, N ]);
             var Nn = (0, e.useCallback)((function(e) {
-                if (He && !E) {
-                    U === null || U === void 0 ? void 0 : U(e);
+                if (Ne && !j) {
+                    K === null || K === void 0 ? void 0 : K(e);
                 }
-            }), [ He, E, U ]);
+            }), [ Ne, j, K ]);
             var Vn = (0, e.useCallback)((function(n) {
                 var t = n.key;
                 if (t === "Tab") {
-                    if (de && On.current && Sn.current <= 1) {
+                    if (de && hn.current && Sn.current <= 1) {
                         n.preventDefault();
-                        qn(n, On.current);
+                        qn(n, hn.current);
                     }
                 }
                 if (n.shiftKey || n.metaKey || n.ctrlKey) {
@@ -1236,21 +1311,21 @@
                 }
                 if (t === "ArrowDown") {
                     n.preventDefault();
-                    Me(Math.min(Re + 1, ce === "checkbox" ? Sn.current : Sn.current - 1));
-                    if (f && U) {
+                    Re(Math.min(Ee + 1, ae === "checkbox" ? Sn.current : Sn.current - 1));
+                    if (d && K) {
                         var r;
-                        var l = e.Children.toArray(f).length - (2 + ((r = An()) !== null && r !== void 0 ? r : []).length);
-                        if (Re === l) {
+                        var l = e.Children.toArray(d).length - (2 + ((r = Tn()) !== null && r !== void 0 ? r : []).length);
+                        if (Ee === l) {
                             Nn(n);
                         }
                     }
                 }
                 if (t === "ArrowUp") {
                     n.preventDefault();
-                    Me(Math.max(Re - 1, 0));
+                    Re(Math.max(Ee - 1, 0));
                 }
-                if (t === "Enter" && On.current && He) {
-                    if (On.current === "selectAll") {
+                if (t === "Enter" && hn.current && Ne) {
+                    if (hn.current === "selectAll") {
                         if (Pn.current === "all") {
                             Bn(n);
                         } else {
@@ -1258,18 +1333,18 @@
                         }
                     } else {
                         n.preventDefault();
-                        qn(n, On.current);
+                        qn(n, hn.current);
                     }
                 }
-            }), [ Re, f, An, Bn, Nn, _n, U, He, ce, de, qn ]);
+            }), [ Ee, d, Tn, Bn, Nn, _n, K, Ne, ae, de, qn ]);
             var Kn = (0, e.useCallback)((function(e, n) {
                 var t = n.value;
                 e.preventDefault();
-                if (!He) {
+                if (!Ne) {
                     return;
                 }
                 qn(e, t);
-            }), [ He, qn ]);
+            }), [ Ne, qn ]);
             var Fn = (0, e.useCallback)((function(e, n) {
                 var t = e.nativeEvent.key;
                 // Checking for a single character to avoid complications from double-byte languages and emojis.
@@ -1279,61 +1354,61 @@
                         index: 0,
                         value: t
                     };
-                    if (!bn.current) {
+                    if (!on.current) {
                         if (t === " ") {
                             Dn();
                             return;
                         }
-                        r = we(yn.current, l);
-                    } else if (gn.current.length > 1) {
-                        l.index = bn.current.index + 1;
-                        r = we(gn.current, l);
+                        r = Me(vn.current, l);
+                    } else if (cn.current.length > 1) {
+                        l.index = on.current.index + 1;
+                        r = Me(cn.current, l);
                     }
                     if (r.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(yn.current[n]);
+                            var i = r.indexOf(vn.current[n]);
                             if (i >= 0) {
                                 o = i === r.length - 1 ? 0 : i + 1;
                             }
                         }
                         var u = r[o];
                         var c = u.value, s = u.label;
-                        var f = Cn.current[an(c, s)];
+                        var f = Cn.current[pn(c, s)];
                         f === null || f === void 0 ? void 0 : (a = f.focus) === null || a === void 0 ? void 0 : a.call(f);
                     }
-                    gn.current = r;
-                    bn.current = l;
-                    if (mn.current) {
-                        clearTimeout(mn.current);
+                    cn.current = r;
+                    on.current = l;
+                    if (un.current) {
+                        clearTimeout(un.current);
                     }
-                    mn.current = setTimeout(Dn, 500);
+                    un.current = setTimeout(Dn, 500);
                     e.preventDefault();
                     e.stopPropagation();
                 }
             }), []);
             var Hn = (0, e.useCallback)((function(e, n) {
                 var t = n.value;
-                Be(t);
-                ze(true);
-                Me(0);
-                J === null || J === void 0 ? void 0 : J(e, {
+                qe(t);
+                Ve(true);
+                Re(0);
+                F === null || F === void 0 ? void 0 : F(e, {
                     keyword: t
                 });
-            }), [ J ]);
+            }), [ F ]);
             var zn = (0, e.useCallback)((function() {
-                Je(true);
+                Ue(true);
             }), []);
             var Wn = (0, e.useCallback)((function() {
-                Je(false);
+                Ue(false);
             }), []);
             var $n = (0, e.useCallback)((function(e) {
-                if (hn.current !== Re) {
-                    xe(e);
+                if (gn.current !== Ee) {
+                    (0, fe.scrollIntoViewIfNeeded)(e);
                 }
-            }), [ Re ]);
+            }), [ Ee ]);
             var Xn = (0, e.useCallback)((function(e, n, t) {
                 if (t) {
                     wn.current = e;
@@ -1345,27 +1420,27 @@
                 }
             }), [ Cn ]);
             var Un = (0, e.useCallback)((function(e) {
-                vn.current = e;
-                Ie(O, e);
-            }), [ O, vn ]);
+                an.current = e;
+                Ke(y, e);
+            }), [ y, an ]);
             var Jn = (0, e.useMemo)((function() {
                 var e;
-                return (e = An()) !== null && e !== void 0 ? e : [];
-            }), [ An ]);
-            var Gn = e.Children.toArray(f);
+                return (e = Tn()) !== null && e !== void 0 ? e : [];
+            }), [ Tn ]);
+            var Gn = e.Children.toArray(d);
             var Qn = Jn.some((function(e) {
-                var n = d()(Gn, (function(n) {
-                    return ln(n) && n.props.value === e;
+                var n = M()(Gn, (function(n) {
+                    return dn(n) && n.props.value === e;
                 }));
                 return n && !n.props.disabled;
             }));
-            var Yn = se === "immediately" ? Mn() : Ye;
+            var Yn = oe === "immediately" ? Mn() : Qe;
             var Zn = (0, e.useMemo)((function() {
                 Sn.current = 0;
                 xn.current = undefined;
                 jn.current = 0;
-                On.current = undefined;
-                yn.current = [];
+                hn.current = undefined;
+                vn.current = [];
                 var t = function e(n, t) {
                     return function(e) {
                         return Xn(e, n, t);
@@ -1376,86 +1451,86 @@
                 var o = false;
                 // used to avoid overwriting the selected item ref in multiple mode
                                 var i;
-                var c = e.Children.toArray(f).reduce((function(u, c, s) {
+                var s = e.Children.toArray(d).reduce((function(u, s, f) {
                     // ignore Headings and Dividers
-                    if (!ln(c)) {
-                        u.push(c);
+                    if (!dn(s)) {
+                        u.push(s);
                         return u;
                     }
-                    var f = c.props, d = f.disabled, p = f.hidden, v = f.label, b = f.value;
+                    var d = s.props, p = d.disabled, v = d.hidden, b = d.label, m = d.value;
  // Find out if the search string exactly matches a value
-                                        if (b === _e) {
+                                        if (m === Le) {
                         r = true;
                     }
-                    var m = Jn && Jn.indexOf(b) >= 0;
-                    var g = !!m && !d && !i;
-                    var y = l && !N && !S && !E && !U;
-                    var h = an(b, v);
-                    var O = -1;
-                    if (y && !d && !p) {
-                        yn.current.push({
-                            label: v,
-                            value: b
+                    var g = Jn && Jn.indexOf(m) >= 0;
+                    var y = !!g && !p && !i;
+                    var h = l && !I && !O && !j && !K;
+                    var C = pn(m, b);
+                    var S = -1;
+                    if (h && !p && !v) {
+                        vn.current.push({
+                            label: b,
+                            value: m
                         });
-                        O = yn.current.length - 1;
+                        S = vn.current.length - 1;
                     }
                     // Format the Menu.Item
-                                        var C =  (0, e.cloneElement)(c, {
-                        elementRef: t(h, g),
-                        key: c.key || s,
+                                        var k =  (0, e.cloneElement)(s, {
+                        elementRef: t(C, y),
+                        key: s.key || f,
                         onClick: Kn,
-                        onKeyDown: y ? function(e) {
-                            return Fn(e, O);
+                        onKeyDown: h ? function(e) {
+                            return Fn(e, S);
                         } : undefined,
-                        selected: m,
-                        multiple: N,
+                        selected: g,
+                        multiple: I,
                         role: "option"
                     });
-                    if (g) {
+                    if (y) {
                         i = true;
                     }
-                    if (Yn && Yn.indexOf(b) >= 0) {
+                    if (Yn && Yn.indexOf(m) >= 0) {
                         if (a === 0) {
-                            u.splice(a, 0,  n().createElement(q.Divider, {
+                            u.splice(a, 0,  n().createElement(c.Divider, {
                                 key: "topDivider"
                             }));
                             o = true;
                         }
-                        u.splice(a, 0, C);
+                        u.splice(a, 0, k);
                         a += 1;
                     } else {
-                        u.push(C);
+                        u.push(k);
                     }
                     return u;
                 }), []);
                 // In multiple mode, add missing items
-                                if (N) {
-                    v()(Jn, (function(e) {
-                        var l = d()(c, (function(n) {
-                            return ln(n) && n.props && n.props.value === e;
+                                if (I) {
+                    L()(Jn, (function(e) {
+                        var l = M()(s, (function(n) {
+                            return dn(n) && n.props && n.props.value === e;
                         }));
                         if (!l) {
-                            if (e === _e) {
+                            if (e === Le) {
                                 r = true;
                             }
                             var i = Yn && Yn.indexOf(e) >= 0;
                             var u = Yn.length;
                             if (a === 0) {
-                                c.splice(0, 0,  n().createElement(q.Divider, {
+                                s.splice(0, 0,  n().createElement(c.Divider, {
                                     key: "topDivider"
                                 }));
                                 a += 1;
                                 o = true;
                             }
-                            var s = String(e);
-                            var f = an(e, s);
-                            c.splice(i ? 0 : u + 1, 0,  n().createElement(re, {
-                                elementRef: t(f),
-                                label: s,
+                            var f = String(e);
+                            var d = pn(e, f);
+                            s.splice(i ? 0 : u + 1, 0,  n().createElement(C, {
+                                elementRef: t(d),
+                                label: f,
                                 value: e,
                                 key: "missing-value-".concat(e),
                                 onClick: Kn,
-                                multiple: N,
+                                multiple: I,
                                 selected: true
                             }));
                             if (i) {
@@ -1464,47 +1539,47 @@
                         }
                     }));
                 }
-                var p = S === "controlled";
+                var p = O === "controlled";
                 // Filter the items
-                                var b = (0, z.stringToKeywords)(_e);
-                c = p ? c : c.filter((function(e) {
-                    if (ln(e)) {
-                        return (0, z.testPhrase)(e.props.label, b);
+                                var v = (0, ce.stringToKeywords)(Le);
+                s = p ? s : s.filter((function(e) {
+                    if (dn(e)) {
+                        return (0, ce.testPhrase)(e.props.label, v);
                     }
                     return true;
  // Keep all headers and non-interactive options
                                 })).map((function(n) {
-                    if (!ln(n)) {
+                    if (!dn(n)) {
                         return n;
                     }
                     // highlight matched text
-                                        var t = b && (0, z.keywordLocations)(n.props.label, b);
+                                        var t = v && (0, ce.keywordLocations)(n.props.label, v);
                     
                     return (0, e.cloneElement)(n, {
                         matchRanges: t || undefined
                     });
                 }));
                 // Add the option to add the new value
-                                if (s && !r && _e) {
-                    var m = o ? a + 1 : a;
-                    var g = "".concat(_e, " (new value)");
-                    var y = an(_e, g);
-                    c.splice(m, 0,  n().createElement(re, {
-                        elementRef: t(y),
-                        label: g,
-                        value: _e,
+                                if (f && !r && Le) {
+                    var b = o ? a + 1 : a;
+                    var m = "".concat(Le, " (new value)");
+                    var g = pn(Le, m);
+                    s.splice(b, 0,  n().createElement(C, {
+                        elementRef: t(g),
+                        label: m,
+                        value: Le,
                         key: "newValue",
-                        multiple: N,
+                        multiple: I,
                         onClick: Kn
                     }));
                 }
                 // When selectAll is a menu item, add an offset so that activeItem accounts for the extra selectAll option.
-                                var h = ce === "checkbox" && N && c.length > 1 ? 1 : 0;
-                var O = true;
+                                var y = ae === "checkbox" && I && s.length > 1 ? 1 : 0;
+                var h = true;
                 // Highlight the selected Items and remove hidden
-                                c = c.reduce((function(n, t) {
+                                s = s.reduce((function(n, t) {
                     // ignore Dividers & Headings
-                    if (!ln(t)) {
+                    if (!dn(t)) {
                         n.push(t);
                         return n;
                     }
@@ -1515,91 +1590,91 @@
                     if (t.props.selected && !t.props.disabled && xn.current == null) {
                         xn.current = Sn.current;
                     }
-                    var r = h === Re;
-                    h += 1;
+                    var r = y === Ee;
+                    y += 1;
                     Sn.current += 1;
                     jn.current += t.props.selected ? 1 : 0;
                     if (t.key !== "newValue" && !t.props.disabled && !t.props.selected) {
-                        O = false;
+                        h = false;
                     }
-                    if (!r || !Ue) {
+                    if (!r || !We) {
                         n.push(t);
                         return n;
                     }
                     if (!t.props.disabled) {
-                        On.current = t.props.value;
+                        hn.current = t.props.value;
                     }
                     var l =  (0, e.cloneElement)(t, {
                         active: r,
                         elementRef: $n,
-                        id: je
+                        id: we
                     });
                     n.push(l);
                     return n;
                 }), []);
-                Pn.current = jn.current === 0 && "none" || O && "all" || "some";
+                Pn.current = jn.current === 0 && "none" || h && "all" || "some";
                 // add select all option
-                                if (ce === "checkbox" && N && Sn.current > 0) {
-                    var C;
+                                if (ae === "checkbox" && I && Sn.current > 0) {
+                    var S;
                     if (Pn.current === "all") {
-                        if (_e === "") {
-                            C = (0, u._)("Clear all");
+                        if (Le === "") {
+                            S = (0, u._)("Clear all");
                         } else {
-                            C = (0, u._)("Clear all matches");
+                            S = (0, u._)("Clear all matches");
                         }
-                    } else if (_e === "") {
-                        C = (0, u._)("Select all");
+                    } else if (Le === "") {
+                        S = (0, u._)("Select all");
                     } else {
-                        C = (0, u._)("Select all matches");
+                        S = (0, u._)("Select all matches");
                     }
-                    if (Re === 0 && Ue) {
-                        On.current = "selectAll";
+                    if (Ee === 0 && We) {
+                        hn.current = "selectAll";
                     }
-                    c.unshift( n().createElement(oe, {
+                    s.unshift( n().createElement(ve, {
                         key: "select-all-option",
-                        active: Re === 0,
-                        changedToggle: !!be,
+                        active: Ee === 0,
+                        changedToggle: !!me,
                         elementRef: $n,
-                        id: Re === 0 ? je : undefined,
+                        id: Ee === 0 ? we : undefined,
                         onClick: Pn.current === "all" ? Bn : _n,
-                        selectAllLabel: C,
+                        selectAllLabel: S,
                         selected: Pn.current === "all" || Pn.current !== "none" && "some",
                         totalCount: Jn.length,
                         tabIndex: -1
-                    }),  n().createElement(q.Divider, {
+                    }),  n().createElement(c.Divider, {
                         key: "selectAllDivider"
                     }));
                 }
-                kn.current = c.reduce((function(e, n) {
-                    if (ln(n)) {
+                kn.current = s.reduce((function(e, n) {
+                    if (dn(n)) {
                         e.push(n.props.value);
                     }
                     return e;
                 }), []);
-                return c;
-            }), [ Re, je, l, s, f, Jn, S, _e, $n, Bn, Kn, Fn, Xn, _n, E, N, Yn, U, ce, Ue, be ]);
+                return s;
+            }), [ Ee, we, l, f, d, Jn, O, Le, $n, Bn, Kn, Fn, Xn, _n, j, I, Yn, K, ae, We, me ]);
             var et = function e(t) {
                 var r = t.anchorWidth, l = t.maxHeight, o = t.placement, i = t.toggleId;
-                var u = tn({
+                var u = sn({
                     anchorWidth: r,
-                    isMultiple: N,
+                    isMultiple: I,
                     maxHeight: l,
-                    menuStyle: B
+                    menuStyle: T
                 });
-                var c = Jn.length > 0 && !Qn && !S ? 0 : undefined;
+                var c = Jn.length > 0 && !Qn && !O ? 0 : undefined;
                 var s = {
-                    "aria-multiselectable": N || undefined,
-                    childrenStart: !!S &&  n().createElement(fn, {
-                        activeItemId: je,
-                        filterA11yId: Rn,
-                        filterKeyword: _e,
+                    "aria-multiselectable": I || undefined,
+                    childrenStart: !!O &&  n().createElement(yn, {
+                        activeItemId: we,
+                        filterA11yId: An,
+                        filterKeyword: Le,
                         hasChildren: Zn.some((function(e) {
-                            return ln(e);
+                            return dn(e);
                         })),
-                        inputId: P,
-                        inputRef: T,
-                        menuListboxId: Pe,
-                        multiple: N,
+                        inputId: w,
+                        inputRef: x,
+                        menuListboxId: xe,
+                        multiple: I,
                         onClearAll: Bn,
                         onSelectAll: _n,
                         onTextBlur: Wn,
@@ -1608,156 +1683,80 @@
                         onTextKeyDown: Vn,
                         optionSelection: Pn,
                         placement: o,
-                        selectAllAppearance: ce,
-                        textHasFocus: Ue
+                        selectAllAppearance: ae,
+                        textHasFocus: We
                     }),
-                    focusMode: S ? "never" : undefined,
-                    isLoading: E,
-                    labelledBy: "".concat(Rn !== null && Rn !== void 0 ? Rn : "", " ").concat(i !== null && i !== void 0 ? i : "").trim(),
+                    focusMode: O ? "never" : undefined,
+                    isLoading: j,
+                    labelledBy: "".concat(An !== null && An !== void 0 ? An : "", " ").concat(i !== null && i !== void 0 ? i : "").trim(),
                     // NVDA ignores aria-labelledby attribute on popover, but reads it on menu
-                    menuId: Pe,
-                    onScrollBottom: U ? Nn : undefined,
+                    menuId: xe,
+                    onScrollBottom: K ? Nn : undefined,
                     placement: o !== null && o !== void 0 ? o : undefined,
-                    noOptionsMessage: F,
-                    footerMessage: k,
+                    noOptionsMessage: _,
+                    footerMessage: S,
                     animateLoading: a,
-                    loadingMessage: L,
-                    onScroll: X,
+                    loadingMessage: R,
+                    onScroll: V,
                     style: u,
                     tabIndex: c
                 };
-                if (ve) {
+                if (be) {
                     
-                    return n().createElement(D.VirtualizedResultsMenu, Ne({
-                        virtualization: ve
+                    return n().createElement(ne.VirtualizedResultsMenu, $e({
+                        virtualization: be
                     }, s), Zn);
                 }
                 
-                return n().createElement(_(), s, Zn);
+                return n().createElement(te(), s, Zn);
             };
             var nt = (0, e.useMemo)((function() {
                 
-                return n().createElement(pn, Ne({
+                return n().createElement(On, $e({
                     appearance: i,
-                    append: c,
-                    currentValues: An(),
-                    "data-test": N ? "multiselect" : "select",
-                    describedBy: g,
-                    disabled: h,
+                    append: s,
+                    currentValues: Tn(),
+                    "data-test": I ? "multiselect" : "select",
+                    describedBy: m,
+                    disabled: g,
                     elementRef: Un,
-                    error: C,
-                    inline: x,
-                    labelText: A,
-                    labelledBy: R,
-                    multiple: N,
-                    onClick: G,
-                    placeholder: ne,
-                    prefixLabel: te,
-                    prepend: le,
-                    required: Z,
-                    suffixLabel: fe,
-                    toggle: be,
-                    toggleContent: ge
-                }, ye), f);
-            }), [ i, c, An, N, g, h, C, Un, x, A, R, G, ne, te, le, Z, fe, be, ge, ye, f ]);
+                    error: h,
+                    inline: k,
+                    labelText: E,
+                    labelledBy: P,
+                    multiple: I,
+                    onClick: H,
+                    placeholder: G,
+                    prefixLabel: Q,
+                    prepend: Z,
+                    required: U,
+                    suffixLabel: ie,
+                    toggle: me,
+                    toggleContent: ye
+                }, he), d);
+            }), [ i, s, Tn, I, m, g, h, Un, k, E, P, H, G, Q, Z, U, ie, me, ye, he, d ]);
             
-            return n().createElement(M(), {
-                closeReasons: rn,
-                inputId: P,
-                "aria-labelledby": Rn,
+            return n().createElement(Y(), {
+                closeReasons: fn,
+                inputId: w,
+                "aria-labelledby": An,
                 toggle: nt,
-                onRequestOpen: Ln,
-                onRequestClose: In,
-                open: He,
+                onRequestOpen: In,
+                onRequestClose: Ln,
+                open: Ne,
                 openWithArrowKeys: true,
-                repositionMode: ie,
-                defaultPlacement: b,
-                canCoverAnchor: Ae().innerHeight < 500,
+                repositionMode: re,
+                defaultPlacement: v,
+                canCoverAnchor: Be().innerHeight < 500,
                 retainFocus: false,
-                takeFocus: Jn.length === 0 || Jn.length > 0 && !Qn || !!S
+                takeFocus: Jn.length === 0 || Jn.length > 0 && !Qn || !!O
             }, et);
         }
-        vn.propTypes = en;
-        vn.componentType = "SelectBase";
-        vn.Option = re;
-        vn.Divider = q.Divider;
-        vn.Heading = q.Heading;
-        /* harmony default export */        const bn = vn;
-        // CONCATENATED MODULE: ./src/Select/Option.tsx
-        function mn() {
-            return mn = 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]);
-                    }
-                }
-                return e;
-            }, mn.apply(null, arguments);
-        }
-        function gn(e, n) {
-            if (null == e) return {};
-            var t, r, l = yn(e, n);
-            if (Object.getOwnPropertySymbols) {
-                var a = Object.getOwnPropertySymbols(e);
-                for (r = 0; r < a.length; r++) {
-                    t = a[r], n.includes(t) || {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
-                }
-            }
-            return l;
-        }
-        function yn(e, n) {
-            if (null == e) return {};
-            var t = {};
-            for (var r in e) {
-                if ({}.hasOwnProperty.call(e, r)) {
-                    if (n.includes(r)) continue;
-                    t[r] = e[r];
-                }
-            }
-            return t;
-        }
-        var hn = {
-            /** @private */
-            active: a().bool,
-            children: a().node,
-            description: a().string,
-            descriptionPosition: a().oneOf([ "right", "bottom" ]),
-            disabled: a().bool,
-            elementRef: a().oneOfType([ a().func, a().object ]),
-            hidden: a().bool,
-            icon: a().node,
-            label: a().string.isRequired,
-            matchRanges: a().arrayOf(a().shape({
-                start: a().number.isRequired,
-                end: a().number.isRequired
-            })),
-            /** @private */
-            onClick: a().func,
-            /** @private */
-            role: a().oneOf([ "menuitemcheckbox", "option" ]),
-            /** @private */
-            selected: a().bool,
-            truncate: a().bool,
-            value: a().oneOfType([ a().string, a().number, a().bool ]).isRequired
-        };
-        /**
- * An option within a `Select`. Any elements passed to it should be memoized.
- */        function On(e) {
-            var t = e.children, r = e.descriptionPosition, l = r === void 0 ? "bottom" : r, a = e.elementRef, o = e.label, i = gn(e, [ "children", "descriptionPosition", "elementRef", "label" ]);
-            // @docs-props-type OptionPropsBase
-                        
-            return n().createElement(re, mn({
-                descriptionPosition: l,
-                label: o
-            }, i, {
-                elementRef: a,
-                multiple: false
-            }), t || o);
-        }
-        var Cn =  (0, e.memo)(On);
-        // @ts-expect-error Need to set propTypes on OptionMemoized so that javascript propType validation will work
-                Cn.propTypes = hn;
+        Cn.propTypes = un;
+        Cn.componentType = "SelectBase";
+        Cn.Option = C;
+        Cn.Divider = c.Divider;
+        Cn.Heading = c.Heading;
         /* harmony default export */        const Sn = Cn;
         // CONCATENATED MODULE: ./src/Select/Select.tsx
         function kn() {
@@ -1838,9 +1837,9 @@
             virtualization: a().number
         };
         var Pn = (0, u._)("No matches");
-        var Tn = (0, u._)("Select...");
-        function En(t) {
-            var r = t.allowKeyMatching, l = r === void 0 ? true : r, a = t.appearance, o = a === void 0 ? "default" : a, u = t.defaultPlacement, c = u === void 0 ? "vertical" : u, s = t.defaultValue, f = t.inline, d = f === void 0 ? true : f, p = t.noOptionsMessage, v = p === void 0 ? Pn : p, b = t.onChange, m = t.placeholder, g = m === void 0 ? Tn : m, y = t.toggleContent, h = y === void 0 ? "optionChildren" : y, O = t.value, C = wn(t, [ "allowKeyMatching", "appearance", "defaultPlacement", "defaultValue", "inline", "noOptionsMessage", "onChange", "placeholder", "toggleContent", "value" ]);
+        var En = (0, u._)("Select...");
+        function Rn(t) {
+            var r = t.allowKeyMatching, l = r === void 0 ? true : r, a = t.appearance, o = a === void 0 ? "default" : a, u = t.defaultPlacement, c = u === void 0 ? "vertical" : u, s = t.defaultValue, f = t.inline, d = f === void 0 ? true : f, p = t.noOptionsMessage, v = p === void 0 ? Pn : p, b = t.onChange, m = t.placeholder, g = m === void 0 ? En : m, y = t.toggleContent, h = y === void 0 ? "optionChildren" : y, O = t.value, C = wn(t, [ "allowKeyMatching", "appearance", "defaultPlacement", "defaultValue", "inline", "noOptionsMessage", "onChange", "placeholder", "toggleContent", "value" ]);
             // @docs-props-type SelectPropsBase
                         if (false) {}
             var S = i()({
@@ -1848,8 +1847,7 @@
                 /* eslint-disable-next-line prefer-rest-params */
                 componentProps: arguments[0]
             });
-            // Memoized otherwise useControlled in SelectBase can trigger "default props changed after render" warning even though nothing changed on subsequent renders
-                        var k = (0, e.useMemo)((function() {
+            var k = (0, e.useMemo)((function() {
                 // wrap defaultValue in an array once to avoid failing <SelectBase>'s defaultValues comparison check
                 if (s != null) {
                     return [ s ];
@@ -1877,7 +1875,7 @@
                 return t;
             }), [ k, b, S, O ]);
             
-            return n().createElement(bn, kn({
+            return n().createElement(Sn, kn({
                 allowKeyMatching: l,
                 appearance: o,
                 defaultPlacement: c,
@@ -1889,11 +1887,11 @@
                 multiple: false
             }));
         }
-        En.propTypes = jn;
-        En.Option = Sn;
-        En.Heading = q.Heading;
-        En.Divider = q.Divider;
-        /* harmony default export */        const Rn = En;
+        Rn.propTypes = jn;
+        Rn.Option = E;
+        Rn.Heading = c.Heading;
+        Rn.Divider = c.Divider;
+        /* harmony default export */        const An = Rn;
     }) // CONCATENATED MODULE: ./src/Select/index.ts
     ();
     module.exports = r;