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

package/Select.js

@@ -136,8 +136,8 @@
                 t.d(r, {
             Divider: () => /* reexport */ q.Divider,
             Heading: () => /* reexport */ q.Heading,
-            Option: () => /* reexport */ On,
-            default: () => /* reexport */ En
+            Option: () => /* reexport */ kn,
+            default: () => /* reexport */ Mn
         });
         // EXTERNAL MODULE: external "react"
                 var e = t(9497);
@@ -184,8 +184,8 @@
         const R = require("@splunk/react-icons/Magnifier");
         var T =  t.n(R);
         // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
-        const A = require("@splunk/react-ui/Dropdown");
-        var M =  t.n(A);
+        const M = require("@splunk/react-ui/Dropdown");
+        var A =  t.n(M);
         // CONCATENATED MODULE: external "@splunk/react-ui/Link"
         const L = require("@splunk/react-ui/Link");
         var I =  t.n(L);
@@ -206,9 +206,9 @@
         // CONCATENATED MODULE: external "@splunk/ui-utils/filter"
         const z = require("@splunk/ui-utils/filter");
         // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-        const $ = require("@splunk/ui-utils/id");
+        const W = require("@splunk/ui-utils/id");
         // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-        const W = require("@splunk/ui-utils/keyboard");
+        const $ = require("@splunk/ui-utils/keyboard");
         // CONCATENATED MODULE: ./src/Select/OptionBase.tsx
         function X(e) {
             "@babel/helpers - typeof";
@@ -563,9 +563,11 @@
             var e = typeof document !== "undefined" ? document : Pe;
             return e;
         }
+        var Re = Ee();
+        /* harmony default export */        const Te = /* unused pure expression or super */ null && Re;
         // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
         /* eslint-disable @typescript-eslint/no-empty-function */
-        var Re = {
+        var Me = {
             document: Pe,
             navigator: {
                 userAgent: ""
@@ -620,10 +622,12 @@
                 clearTimeout(n);
             }
         };
-        function Te() {
-            var e = typeof window !== "undefined" ? window : Re;
+        function Ae() {
+            var e = typeof window !== "undefined" ? window : Me;
             return e;
         }
+        var Le = Ae();
+        /* harmony default export */        const Ie = /* unused pure expression or super */ null && Le;
         // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
         /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -631,7 +635,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-        function Ae(e, n) {
+        function qe(e, n) {
             if (e) {
                 if (typeof e === "function") {
                     e(n);
@@ -644,20 +648,20 @@
             }
         }
         // CONCATENATED MODULE: ./src/Select/SelectBase.tsx
-        function Me(e) {
-            return qe(e) || Ie(e) || Ne(e) || Le();
+        function De(e) {
+            return Ne(e) || Be(e) || He(e) || _e();
         }
-        function Le() {
+        function _e() {
             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 Ie(e) {
+        function Be(e) {
             if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
         }
-        function qe(e) {
-            if (Array.isArray(e)) return Ve(e);
+        function Ne(e) {
+            if (Array.isArray(e)) return ze(e);
         }
-        function De() {
-            return De = Object.assign ? Object.assign.bind() : function(e) {
+        function Ve() {
+            return Ve = Object.assign ? Object.assign.bind() : function(e) {
                 for (var n = 1; n < arguments.length; n++) {
                     var t = arguments[n];
                     for (var r in t) {
@@ -665,29 +669,29 @@
                     }
                 }
                 return e;
-            }, De.apply(null, arguments);
+            }, Ve.apply(null, arguments);
         }
-        function _e(e, n) {
-            return Fe(e) || Ke(e, n) || Ne(e, n) || Be();
+        function Ke(e, n) {
+            return $e(e) || We(e, n) || He(e, n) || Fe();
         }
-        function Be() {
+        function Fe() {
             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 Ne(e, n) {
+        function He(e, n) {
             if (e) {
-                if ("string" == typeof e) return Ve(e, n);
+                if ("string" == typeof e) return ze(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) ? Ve(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) ? ze(e, n) : void 0;
             }
         }
-        function Ve(e, n) {
+        function ze(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 Ke(e, n) {
+        function We(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;
@@ -709,12 +713,12 @@
                 return i;
             }
         }
-        function Fe(e) {
+        function $e(e) {
             if (Array.isArray(e)) return e;
         }
-        function He(e, n) {
+        function Xe(e, n) {
             if (null == e) return {};
-            var t, r, l = ze(e, n);
+            var t, r, l = Je(e, n);
             if (Object.getOwnPropertySymbols) {
                 var a = Object.getOwnPropertySymbols(e);
                 for (r = 0; r < a.length; r++) {
@@ -723,7 +727,7 @@
             }
             return l;
         }
-        function ze(e, n) {
+        function Je(e, n) {
             if (null == e) return {};
             var t = {};
             for (var r in e) {
@@ -734,15 +738,15 @@
             }
             return t;
         }
-        function $e(e) {
+        function Ue(e) {
             "@babel/helpers - typeof";
-            return $e = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return Ue = "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(e);
+            }, Ue(e);
         }
-        function We(e, n) {
+        function Ge(e, n) {
             var t = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
                 var r = Object.getOwnPropertySymbols(e);
@@ -752,40 +756,40 @@
             }
             return t;
         }
-        function Xe(e) {
+        function Qe(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = null != arguments[n] ? arguments[n] : {};
-                n % 2 ? We(Object(t), !0).forEach((function(n) {
-                    Je(e, n, t[n]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : We(Object(t)).forEach((function(n) {
+                n % 2 ? Ge(Object(t), !0).forEach((function(n) {
+                    Ye(e, n, t[n]);
+                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Ge(Object(t)).forEach((function(n) {
                     Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
                 }));
             }
             return e;
         }
-        function Je(e, n, t) {
-            return (n = Ue(n)) in e ? Object.defineProperty(e, n, {
+        function Ye(e, n, t) {
+            return (n = Ze(n)) in e ? Object.defineProperty(e, n, {
                 value: t,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
             }) : e[n] = t, e;
         }
-        function Ue(e) {
-            var n = Ge(e, "string");
-            return "symbol" == $e(n) ? n : n + "";
+        function Ze(e) {
+            var n = en(e, "string");
+            return "symbol" == Ue(n) ? n : n + "";
         }
-        function Ge(e, n) {
-            if ("object" != $e(e) || !e) return e;
+        function en(e, n) {
+            if ("object" != Ue(e) || !e) return e;
             var t = e[Symbol.toPrimitive];
             if (void 0 !== t) {
                 var r = t.call(e, n || "default");
-                if ("object" != $e(r)) return r;
+                if ("object" != Ue(r)) return r;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === n ? String : Number)(e);
         }
-        var Qe = {
+        var nn = {
             allowKeyMatching: a().bool,
             allowNewValues: a().bool,
             animateLoading: a().bool,
@@ -834,33 +838,33 @@
             /** @private. */
             virtualization: a().number
         };
-        var Ye = O()((function(e) {
+        var tn = O()((function(e) {
             return [ e ];
         }));
         // preserve separate widths for single vs. multi mode
-                var Ze = O()((function(e) {
+                var rn = O()((function(e) {
             var n = e.anchorWidth, t = e.isMultiple, r = e.maxHeight, l = e.menuStyle;
-            return t ? Xe({
+            return t ? Qe({
                 width: Math.max(n !== null && n !== void 0 ? n : 0, 200),
                 maxHeight: r
-            }, l) : Xe({
+            }, l) : Qe({
                 minWidth: n !== null && n !== void 0 ? n : undefined,
                 maxWidth: Math.max(n !== null && n !== void 0 ? n : 0, 300),
                 maxHeight: r
             }, l);
         }));
-        var en = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
-        function nn(e) {
+        var ln = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
+        function an(e) {
             return e && m()(e.props, "value");
         }
-        function tn(e, n) {
-            return "".concat($e(e), "-").concat(e, "-").concat(n);
+        function on(e, n) {
+            return "".concat(Ue(e), "-").concat(e, "-").concat(n);
         }
-        var rn = [ "append", "error", "prepend" ];
-        var ln = (0, u._)("No matches");
-        var an = (0, u._)("Select...");
-        var on =  n().createElement(T(), null);
-        var un = function e(t) {
+        var un = [ "append", "error", "prepend" ];
+        var cn = (0, u._)("No matches");
+        var sn = (0, u._)("Select...");
+        var fn =  n().createElement(T(), null);
+        var dn = 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" : ""));
@@ -868,17 +872,19 @@
                         var w =  n().createElement(Ce, {
                 key: "selectAll"
             },  n().createElement(Oe, {
-                $disabled: y.current === "all",
+                disabled: y.current === "all",
                 appearance: "standalone",
                 "aria-label": S,
                 onClick: p,
-                "data-test": "select-all"
+                "data-test": "select-all",
+                tag: "button"
             }, a ? (0, u._)("Select all Matches") : (0, u._)("Select all")),  n().createElement(Oe, {
-                $disabled: y.current === "none",
+                disabled: y.current === "none",
                 appearance: "standalone",
                 "aria-label": k,
                 onClick: d,
-                "data-test": "clear-all"
+                "data-test": "clear-all",
+                tag: "button"
             }, a ? (0, u._)("Clear all Matches") : (0, u._)("Clear all")));
             
             return n().createElement("div", {
@@ -909,11 +915,10 @@
                 inputRef: c,
                 inputId: i,
                 canClear: true,
-                startAdornment: on
+                startAdornment: fn
             })), f && o && O === "buttongroup" && w, h === "below" &&  n().createElement(Se, null));
         };
-        var cn = false;
-        var sn = function e(n) {
+        var pn = function e(n) {
             var t = n.prefixLabel, r = n.label, l = n.suffixLabel;
             var a = r;
             if (t) {
@@ -924,16 +929,16 @@
             }
             return a;
         };
-        var fn =  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, R = t.toggleContent, T = He(t, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent" ]);
-            var A;
+        var vn =  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, R = t.toggleContent, T = Xe(t, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent" ]);
             var M;
+            var A;
             var L = [];
             // Generate buttonLabels
                         var q = e.Children.toArray(i);
             var D = s.reduce((function(e, n, t, r) {
                 var l = d()(q, (function(e) {
-                    return nn(e) && e.props.value === n;
+                    return an(e) && e.props.value === n;
                 }));
                 if (l) {
                     var a = l.props, o = a.children, i = a.icon, c = a.label;
@@ -942,7 +947,7 @@
                     L.push(c);
                     // if not in multiple mode, add the icon
                                         if (!h && s.length === 1) {
-                        A = i;
+                        M = i;
                     }
                 } else if (h) {
                     // only add values that don't match an option in "multiple" mode to preserve old behaviour
@@ -955,32 +960,32 @@
                 }
                 return e;
             }), []);
-            M = D;
+            A = D;
             // only apply prefix / suffix if the label is not empty
-                        if (M.length > 0) {
+                        if (A.length > 0) {
                 // If there's more than one item selected, read out the selected total
                 // rather than reading out each selected item
-                L = sn({
+                L = pn({
                     prefixLabel: k,
-                    label: M.length > 1 ? [ "".concat(s.length, " items selected") ] : L,
+                    label: A.length > 1 ? [ "".concat(s.length, " items selected") ] : L,
                     suffixLabel: j
                 });
-                M = sn({
+                A = pn({
                     prefixLabel: k,
-                    label: M,
+                    label: A,
                     suffixLabel: j
                 });
             }
             // single <Select> behaviour is to show the placeholder if all parts of the label
             // are empty strings so we replicate this behaviour here
-                        if (M.length === 0 || !h && M.every((function(e) {
+                        if (A.length === 0 || !h && A.every((function(e) {
                 return e === "";
             }))) {
-                M = Ye(C);
-                L = M;
+                A = tn(C);
+                L = A;
             }
             var _ = Object.keys(T).includes("aria-labelledby");
-            var B = Xe({
+            var B = Qe({
                 "aria-describedby": f,
                 "aria-label": y || _ ? undefined : "".concat(g ? "".concat(g, ", ") : "").concat(L.join("")),
                 // aria-labelledby takes precedence over aria-label, so existence of both is redundant
@@ -991,7 +996,7 @@
                 prepend: w,
                 onClick: O,
                 role: "combobox",
-                disabled: p,
+                disabled: p ? "disabled" : undefined,
                 elementRef: v,
                 error: b,
                 ref: r
@@ -999,7 +1004,7 @@
             if (h) {
                 B["data-test-values"] = JSON.stringify(s);
             } else {
-                var N = _e(s, 1), V = N[0];
+                var N = Ke(s, 1), V = N[0];
                 B["data-test-value"] = V;
             }
             if (P) {
@@ -1008,30 +1013,31 @@
             }
             if (a === "link") {
                 
-                return n().createElement(I(), De({
+                return n().createElement(I(), Ve({
+                    tag: "button",
                     appearance: "standalone"
                 }, B, {
                     "data-select-appearance": "link"
-                }), !!A &&  n().createElement(me, null, A), M || C,  n().createElement(ge, null,  n().createElement(E(), null)));
+                }), !!M &&  n().createElement(me, null, M), A || C,  n().createElement(ge, null,  n().createElement(E(), null)));
             }
             // Using Button's secondary appearance as Select's default appearance.
                         var K = a === "default" ? "secondary" : a;
             
-            return n().createElement(be, De({}, B, {
+            return n().createElement(be, Ve({}, B, {
                 $multiple: h,
                 appearance: K,
-                label: M,
+                label: A,
                 error: b,
-                icon: A,
+                icon: M,
                 inline: m,
                 isMenu: true,
                 onClick: O
-            }, S()(T, rn)), !!s.length && h &&  n().createElement(he, {
+            }, S()(T, un)), !!s.length && h &&  n().createElement(he, {
                 "data-role": "count"
             }, "(", s.length, ")"));
         }));
-        function dn(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, E = t.inputRef, R = t.isLoadingOptions, T = 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 ? ln : K, X = t.onChange, J = t.onScroll, U = t.onScrollBottom, G = t.onFilterChange, Q = t.onClick, Y = t.onClose, Z = t.onOpen, ee = t.required, ne = t.placeholder, te = ne === void 0 ? an : ne, re = t.prefixLabel, ae = t.prepend, oe = t.repositionMode, ue = oe === void 0 ? "flip" : oe, ce = t.selectAllAppearance, se = ce === void 0 ? "buttongroup" : ce, fe = t.showSelectedValuesFirst, de = t.suffixLabel, pe = t.tabConfirmsNewValue, ve = t.values, be = t.virtualization, me = t.toggle, ge = t.toggleContent, ye = ge === void 0 ? "optionChildren" : ge, he = He(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 bn(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, E = t.inputRef, R = t.isLoadingOptions, T = t.labelledBy, M = 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 ? cn : K, X = t.onChange, J = t.onScroll, U = t.onScrollBottom, G = t.onFilterChange, Q = t.onClick, Y = t.onClose, Z = t.onOpen, ee = t.required, ne = t.placeholder, te = ne === void 0 ? sn : ne, re = t.prefixLabel, ae = t.prepend, oe = t.repositionMode, ue = oe === void 0 ? "flip" : oe, ce = t.selectAllAppearance, se = ce === void 0 ? "buttongroup" : ce, fe = t.showSelectedValuesFirst, de = t.suffixLabel, pe = t.tabConfirmsNewValue, ve = t.values, be = t.virtualization, me = t.toggle, ge = t.toggleContent, ye = ge === void 0 ? "optionChildren" : ge, he = Xe(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 Oe = (0, ke["default"])({
                 componentName: "SelectBase",
@@ -1044,85 +1050,85 @@
             // states
                         var Ce = (0, e.useState)((function() {
                 return {
-                    activeItemId: (0, $.createDOMID)("active-item"),
-                    menuListboxId: (0, $.createDOMID)("menu-listbox")
+                    activeItemId: (0, W.createDOMID)("active-item"),
+                    menuListboxId: (0, W.createDOMID)("menu-listbox")
                 };
-            })), Se = _e(Ce, 1), we = Se[0], Pe = we.activeItemId, Ee = we.menuListboxId;
-            var Re = (0, e.useState)(0), Le = _e(Re, 2), Ie = Le[0], qe = Le[1];
-            var Be = (0, e.useState)(""), Ne = _e(Be, 2), Ve = Ne[0], Ke = Ne[1];
-            var Fe = (0, e.useState)(false), ze = _e(Fe, 2), $e = ze[0], We = ze[1];
-            var Xe = (0, e.useState)(false), Je = _e(Xe, 2), Ue = Je[0], Ge = Je[1];
-            var Qe = (0, e.useState)([]), Ye = _e(Qe, 2), rn = Ye[0], on = Ye[1];
-            var sn = (0, e.useState)(m || []), dn = _e(sn, 2), pn = dn[0], vn = dn[1];
+            })), Se = Ke(Ce, 1), we = Se[0], Pe = we.activeItemId, Ee = we.menuListboxId;
+            var Re = (0, e.useState)(0), Te = Ke(Re, 2), Me = Te[0], Le = Te[1];
+            var Ie = (0, e.useState)(""), _e = Ke(Ie, 2), Be = _e[0], Ne = _e[1];
+            var Fe = (0, e.useState)(false), He = Ke(Fe, 2), ze = He[0], We = He[1];
+            var $e = (0, e.useState)(false), Je = Ke($e, 2), Ue = Je[0], Ge = Je[1];
+            var Qe = (0, e.useState)([]), Ye = Ke(Qe, 2), Ze = Ye[0], en = Ye[1];
+            var nn = (0, e.useState)(m || []), tn = Ke(nn, 2), un = tn[0], fn = tn[1];
  // previous state
-                        var bn = H()(Ie);
+                        var pn = H()(Me);
             // refs
-                        var mn = (0, e.useRef)(null);
+                        var bn = (0, e.useRef)(null);
+            var mn = (0, e.useRef)(null);
             var gn = (0, e.useRef)(null);
-            var yn = (0, e.useRef)(null);
+            var yn = (0, e.useRef)([]);
             var hn = (0, e.useRef)([]);
-            var On = (0, e.useRef)([]);
-            var Cn = (0, e.useRef)(bn);
-            var Sn = (0, e.useRef)();
-            var kn = (0, e.useRef)({});
-            var wn = (0, e.useRef)(0);
-            var xn = (0, e.useRef)([]);
-            var jn = (0, e.useRef)(null);
-            var Pn = (0, e.useRef)();
-            var En = (0, e.useRef)(0);
-            var Rn = (0, e.useRef)("none");
-            var Tn = (0, e.useState)(S ? (0, $.createDOMID)("filter") : undefined), An = _e(Tn, 1), Mn = An[0];
+            var On = (0, e.useRef)(pn);
+            var Cn = (0, e.useRef)();
+            var Sn = (0, e.useRef)({});
+            var kn = (0, e.useRef)(0);
+            var wn = (0, e.useRef)([]);
+            var xn = (0, e.useRef)(null);
+            var jn = (0, e.useRef)();
+            var Pn = (0, e.useRef)(0);
+            var En = (0, e.useRef)("none");
+            var Rn = (0, e.useState)(S ? (0, W.createDOMID)("filter") : undefined), Tn = Ke(Rn, 1), Mn = Tn[0];
             (0, e.useEffect)((function() {
                 if (false) {}
             }), [ i, c, C, ae ]);
-            var Ln = (0, e.useCallback)((function() {
-                var e = Oe ? ve : pn;
+            var An = (0, e.useCallback)((function() {
+                var e = Oe ? ve : un;
                 return N || e == null ? e : e.slice(0, 1);
-            }), [ Oe, N, ve, pn ]);
-            var In = (0, e.useCallback)((function() {
+            }), [ Oe, N, ve, un ]);
+            var Ln = (0, e.useCallback)((function() {
                 var e;
                 // in non-multiple mode, don't move values to the top of the list
-                                return N && fe !== "never" ? (e = Ln()) !== null && e !== void 0 ? e : [] : [];
-            }), [ Ln, N, fe ]);
-            var qn = (0, e.useCallback)((function(e) {
-                var n = Ve;
+                                return N && fe !== "never" ? (e = An()) !== null && e !== void 0 ? e : [] : [];
+            }), [ An, N, fe ]);
+            var In = (0, e.useCallback)((function(e) {
+                var n = Be;
                 We(true);
-                on(In());
+                en(Ln());
                 // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
                                 if (N) {
-                    Ke("");
+                    Ne("");
                 }
-                if (n !== Ve) {
+                if (n !== Be) {
                     G === null || G === void 0 ? void 0 : G(e, {
-                        keyword: Ve
+                        keyword: Be
                     });
                 }
-            }), [ Ve, In, N, G ]);
+            }), [ Be, Ln, N, G ]);
             (0, e.useEffect)((function() {
-                if ($e) {
+                if (ze) {
                     Z === null || Z === void 0 ? void 0 : Z();
-                    if (jn.current && !S) {
-                        jn.current.focus();
+                    if (xn.current && !S) {
+                        xn.current.focus();
                     } else {
                         var e;
-                        qe((e = Pn.current) !== null && e !== void 0 ? e : 0);
+                        Le((e = jn.current) !== null && e !== void 0 ? e : 0);
                     }
                 }
-            }), [ Z, $e, rn, Ve, S ]);
-            var Dn = (0, e.useCallback)((function() {
+            }), [ Z, ze, Ze, Be, S ]);
+            var qn = (0, e.useCallback)((function() {
                 We(false);
-                qe(0);
-                Cn.current = null;
+                Le(0);
+                On.current = null;
                 Y === null || Y === void 0 ? void 0 : Y();
             }), [ Y ]);
-            var _n = (0, e.useCallback)((function(e, n) {
+            var Dn = (0, e.useCallback)((function(e, n) {
                 var t;
-                var r = (t = Ln()) !== null && t !== void 0 ? t : [];
+                var r = (t = An()) !== null && t !== void 0 ? t : [];
                 var l = r.indexOf(n);
                 var a;
                 if (N) {
                     if (l >= 0) {
-                        a = [].concat(Me(r.slice(0, l)), Me(r.slice(l + 1)));
+                        a = [].concat(De(r.slice(0, l)), De(r.slice(l + 1)));
                     } else {
                         a = r.concat([ n ]);
                     }
@@ -1132,7 +1138,7 @@
                 }
                 var o = !Oe;
                 if (o) {
-                    vn(a);
+                    fn(a);
                 }
                 if (N) {
                     // in uncontrolled multiple mode, keep the menu open
@@ -1143,130 +1149,130 @@
                     var i;
                     // non-multiple mode only supports a single selection
                     // so close the menu once a selection is made
-                                        Dn({
+                                        qn({
                         reason: "contentClick"
                     });
-                    (i = mn.current) === null || i === void 0 ? void 0 : i.focus();
+                    (i = bn.current) === null || i === void 0 ? void 0 : i.focus();
                 }
                 X === null || X === void 0 ? void 0 : X(e, {
                     values: a,
                     name: V,
                     reason: "valueToggle"
                 });
-            }), [ Ln, Dn, Oe, N, V, X ]);
-            var Bn = function e() {
-                gn.current = null;
-                hn.current = [];
-                if (yn.current) {
-                    clearTimeout(yn.current);
+            }), [ An, qn, Oe, N, V, X ]);
+            var _n = function e() {
+                mn.current = null;
+                yn.current = [];
+                if (gn.current) {
+                    clearTimeout(gn.current);
                 }
             };
-            var Nn = (0, e.useCallback)((function(e) {
+            var Bn = (0, e.useCallback)((function(e) {
                 var t;
                 // this doesn't make sense if we can't select multiple values
                                 if (!N) {
                     return;
                 }
-                var r = (t = Ln()) !== null && t !== void 0 ? t : [];
-                var l = w()(r.concat(xn.current));
+                var r = (t = An()) !== null && t !== void 0 ? t : [];
+                var l = w()(r.concat(wn.current));
                 l = n().Children.toArray(f).filter((function(e) {
-                    return nn(e) && y()(l, e.props.value) && (!e.props.disabled || y()(r, e.props.value));
+                    return an(e) && y()(l, e.props.value) && (!e.props.disabled || y()(r, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
                 if (!Oe) {
-                    vn(l);
+                    fn(l);
                 }
                 X === null || X === void 0 ? void 0 : X(e, {
                     values: l,
                     name: V,
                     reason: "selectAll"
                 });
-            }), [ f, Ln, Oe, N, V, X ]);
-            var Vn = (0, e.useCallback)((function(e) {
+            }), [ f, An, Oe, N, V, X ]);
+            var Nn = (0, e.useCallback)((function(e) {
                 var t;
                 // this doesn't make sense if we can't select multiple values
                                 if (!N) {
                     return;
                 }
-                var r = (t = Ln()) !== null && t !== void 0 ? t : [];
-                var l = j().apply(void 0, [ r ].concat(Me(xn.current)));
+                var r = (t = An()) !== null && t !== void 0 ? t : [];
+                var l = j().apply(void 0, [ r ].concat(De(wn.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 nn(e) && (y()(r, e.props.value) && e.props.disabled || y()(l, e.props.value));
+                    return an(e) && (y()(r, e.props.value) && e.props.disabled || y()(l, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
                 if (!Oe) {
-                    vn(a);
+                    fn(a);
                 }
                 X === null || X === void 0 ? void 0 : X(e, {
                     values: a,
                     name: V,
                     reason: "clearAll"
                 });
-            }), [ f, Ln, Oe, N, V, X ]);
-            var Kn = (0, e.useCallback)((function(e) {
-                if ($e && !R) {
+            }), [ f, An, Oe, N, V, X ]);
+            var Vn = (0, e.useCallback)((function(e) {
+                if (ze && !R) {
                     U === null || U === void 0 ? void 0 : U(e);
                 }
-            }), [ $e, R, U ]);
-            var Fn = (0, e.useCallback)((function(n) {
-                var t = (0, W.keycode)(n.nativeEvent);
+            }), [ ze, R, U ]);
+            var Kn = (0, e.useCallback)((function(n) {
+                var t = (0, $.keycode)(n.nativeEvent);
                 if (t === "tab") {
-                    if (pe && Sn.current && wn.current <= 1) {
+                    if (pe && Cn.current && kn.current <= 1) {
                         n.preventDefault();
-                        _n(n, Sn.current);
+                        Dn(n, Cn.current);
                     }
                 }
                 if (n.shiftKey || n.metaKey || n.ctrlKey) {
                     if (t === "a" && (n.ctrlKey || n.metaKey)) {
                         // handle control + A
-                        if (Rn.current === "all") {
-                            Vn(n);
-                        } else {
+                        if (En.current === "all") {
                             Nn(n);
+                        } else {
+                            Bn(n);
                         }
                     }
                     return;
                 }
                 if (t === "down") {
                     n.preventDefault();
-                    qe(Math.min(Ie + 1, se === "checkbox" ? wn.current : wn.current - 1));
+                    Le(Math.min(Me + 1, se === "checkbox" ? kn.current : kn.current - 1));
                     if (f && U) {
                         var r;
-                        var l = e.Children.toArray(f).length - (2 + ((r = Ln()) !== null && r !== void 0 ? r : []).length);
-                        if (Ie === l) {
-                            Kn(n);
+                        var l = e.Children.toArray(f).length - (2 + ((r = An()) !== null && r !== void 0 ? r : []).length);
+                        if (Me === l) {
+                            Vn(n);
                         }
                     }
                 }
                 if (t === "up") {
                     n.preventDefault();
-                    qe(Math.max(Ie - 1, 0));
+                    Le(Math.max(Me - 1, 0));
                 }
-                if (t === "enter" && Sn.current && $e) {
-                    if (Sn.current === "selectAll") {
-                        if (Rn.current === "all") {
-                            Vn(n);
-                        } else {
+                if (t === "enter" && Cn.current && ze) {
+                    if (Cn.current === "selectAll") {
+                        if (En.current === "all") {
                             Nn(n);
+                        } else {
+                            Bn(n);
                         }
                     } else {
                         n.preventDefault();
-                        _n(n, Sn.current);
+                        Dn(n, Cn.current);
                     }
                 }
-            }), [ Ie, f, Ln, Vn, Kn, Nn, U, $e, se, pe, _n ]);
-            var Hn = (0, e.useCallback)((function(e, n) {
+            }), [ Me, f, An, Nn, Vn, Bn, U, ze, se, pe, Dn ]);
+            var Fn = (0, e.useCallback)((function(e, n) {
                 var t = n.value;
                 e.preventDefault();
-                if (!$e) {
+                if (!ze) {
                     return;
                 }
-                _n(e, t);
-            }), [ $e, _n ]);
-            var zn = (0, e.useCallback)((function(e, n) {
+                Dn(e, t);
+            }), [ ze, Dn ]);
+            var Hn = (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.
                                 if (t.length === 1) {
@@ -1275,46 +1281,46 @@
                         index: 0,
                         value: t
                     };
-                    if (!gn.current) {
+                    if (!mn.current) {
                         if (t === " ") {
-                            Bn();
+                            _n();
                             return;
                         }
-                        r = xe(On.current, l);
-                    } else if (hn.current.length > 1) {
-                        l.index = gn.current.index + 1;
                         r = xe(hn.current, l);
+                    } else if (yn.current.length > 1) {
+                        l.index = mn.current.index + 1;
+                        r = xe(yn.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(On.current[n]);
+                            var i = r.indexOf(hn.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 = kn.current[tn(c, s)];
+                        var f = Sn.current[on(c, s)];
                         f === null || f === void 0 ? void 0 : (a = f.focus) === null || a === void 0 ? void 0 : a.call(f);
                     }
-                    hn.current = r;
-                    gn.current = l;
-                    if (yn.current) {
-                        clearTimeout(yn.current);
+                    yn.current = r;
+                    mn.current = l;
+                    if (gn.current) {
+                        clearTimeout(gn.current);
                     }
-                    yn.current = setTimeout(Bn, 500);
+                    gn.current = setTimeout(_n, 500);
                     e.preventDefault();
                     e.stopPropagation();
                 }
             }), []);
-            var $n = (0, e.useCallback)((function(e, n) {
+            var zn = (0, e.useCallback)((function(e, n) {
                 var t = n.value;
-                Ke(t);
+                Ne(t);
                 We(true);
-                qe(0);
+                Le(0);
                 G === null || G === void 0 ? void 0 : G(e, {
                     keyword: t
                 });
@@ -1322,49 +1328,49 @@
             var Wn = (0, e.useCallback)((function() {
                 Ge(true);
             }), []);
-            var Xn = (0, e.useCallback)((function() {
+            var $n = (0, e.useCallback)((function() {
                 Ge(false);
             }), []);
-            var Jn = (0, e.useCallback)((function(e) {
-                if (Cn.current !== Ie) {
+            var Xn = (0, e.useCallback)((function(e) {
+                if (On.current !== Me) {
                     je(e);
                 }
-            }), [ Ie ]);
-            var Un = (0, e.useCallback)((function(e, n, t) {
+            }), [ Me ]);
+            var Jn = (0, e.useCallback)((function(e, n, t) {
                 if (t) {
-                    jn.current = e;
+                    xn.current = e;
                 }
                 if (e == null) {
-                    delete kn.current[n];
+                    delete Sn.current[n];
                 } else {
-                    kn.current[n] = e;
+                    Sn.current[n] = e;
                 }
-            }), [ kn ]);
-            var Gn = (0, e.useCallback)((function(e) {
-                mn.current = e;
-                Ae(O, e);
-            }), [ O, mn ]);
-            var Qn = (0, e.useMemo)((function() {
+            }), [ Sn ]);
+            var Un = (0, e.useCallback)((function(e) {
+                bn.current = e;
+                qe(O, e);
+            }), [ O, bn ]);
+            var Gn = (0, e.useMemo)((function() {
                 var e;
-                return (e = Ln()) !== null && e !== void 0 ? e : [];
-            }), [ Ln ]);
-            var Yn = e.Children.toArray(f);
-            var Zn = Qn.some((function(e) {
-                var n = d()(Yn, (function(n) {
-                    return nn(n) && n.props.value === e;
+                return (e = An()) !== null && e !== void 0 ? e : [];
+            }), [ An ]);
+            var Qn = e.Children.toArray(f);
+            var Yn = Gn.some((function(e) {
+                var n = d()(Qn, (function(n) {
+                    return an(n) && n.props.value === e;
                 }));
                 return n && !n.props.disabled;
             }));
-            var et = fe === "immediately" ? In() : rn;
-            var nt = (0, e.useMemo)((function() {
-                wn.current = 0;
-                Pn.current = undefined;
-                En.current = 0;
-                Sn.current = undefined;
-                On.current = [];
+            var Zn = fe === "immediately" ? Ln() : Ze;
+            var et = (0, e.useMemo)((function() {
+                kn.current = 0;
+                jn.current = undefined;
+                Pn.current = 0;
+                Cn.current = undefined;
+                hn.current = [];
                 var t = function e(n, t) {
                     return function(e) {
-                        return Un(e, n, t);
+                        return Jn(e, n, t);
                     };
                 };
                 var r;
@@ -1374,34 +1380,34 @@
                                 var i;
                 var c = e.Children.toArray(f).reduce((function(u, c, s) {
                     // ignore Headings and Dividers
-                    if (!nn(c)) {
+                    if (!an(c)) {
                         u.push(c);
                         return u;
                     }
                     var f = c.props, d = f.disabled, p = f.hidden, v = f.label, b = f.value;
  // Find out if the search string exactly matches a value
-                                        if (b === Ve) {
+                                        if (b === Be) {
                         r = true;
                     }
-                    var m = Qn && Qn.indexOf(b) >= 0;
+                    var m = Gn && Gn.indexOf(b) >= 0;
                     var g = !!m && !d && !i;
                     var y = l && !N && !S && !R && !U;
-                    var h = tn(b, v);
+                    var h = on(b, v);
                     var O = -1;
                     if (y && !d && !p) {
-                        On.current.push({
+                        hn.current.push({
                             label: v,
                             value: b
                         });
-                        O = On.current.length - 1;
+                        O = hn.current.length - 1;
                     }
                     // Format the Menu.Item
                                         var C =  (0, e.cloneElement)(c, {
                         elementRef: t(h, g),
                         key: c.key || s,
-                        onClick: Hn,
+                        onClick: Fn,
                         onKeyDown: y ? function(e) {
-                            return zn(e, O);
+                            return Hn(e, O);
                         } : undefined,
                         selected: m,
                         multiple: N,
@@ -1410,7 +1416,7 @@
                     if (g) {
                         i = true;
                     }
-                    if (et && et.indexOf(b) >= 0) {
+                    if (Zn && Zn.indexOf(b) >= 0) {
                         if (a === 0) {
                             u.splice(a, 0,  n().createElement(q.Divider, {
                                 key: "topDivider"
@@ -1426,16 +1432,16 @@
                 }), []);
                 // In multiple mode, add missing items
                                 if (N) {
-                    v()(Qn, (function(e) {
+                    v()(Gn, (function(e) {
                         var l = d()(c, (function(n) {
-                            return nn(n) && n.props && n.props.value === e;
+                            return an(n) && n.props && n.props.value === e;
                         }));
                         if (!l) {
-                            if (e === Ve) {
+                            if (e === Be) {
                                 r = true;
                             }
-                            var i = et && et.indexOf(e) >= 0;
-                            var u = et.length;
+                            var i = Zn && Zn.indexOf(e) >= 0;
+                            var u = Zn.length;
                             if (a === 0) {
                                 c.splice(0, 0,  n().createElement(q.Divider, {
                                     key: "topDivider"
@@ -1444,13 +1450,13 @@
                                 o = true;
                             }
                             var s = String(e);
-                            var f = tn(e, s);
+                            var f = on(e, s);
                             c.splice(i ? 0 : u + 1, 0,  n().createElement(le, {
                                 elementRef: t(f),
                                 label: s,
                                 value: e,
                                 key: "missing-value-".concat(e),
-                                onClick: Hn,
+                                onClick: Fn,
                                 multiple: N,
                                 selected: true
                             }));
@@ -1462,15 +1468,15 @@
                 }
                 var p = S === "controlled";
                 // Filter the items
-                                var b = (0, z.stringToKeywords)(Ve);
+                                var b = (0, z.stringToKeywords)(Be);
                 c = p ? c : c.filter((function(e) {
-                    if (nn(e)) {
+                    if (an(e)) {
                         return (0, z.testPhrase)(e.props.label, b);
                     }
                     return true;
  // Keep all headers and non-interactive options
                                 })).map((function(n) {
-                    if (!nn(n)) {
+                    if (!an(n)) {
                         return n;
                     }
                     // highlight matched text
@@ -1481,17 +1487,17 @@
                     });
                 }));
                 // Add the option to add the new value
-                                if (s && !r && Ve) {
+                                if (s && !r && Be) {
                     var m = o ? a + 1 : a;
-                    var g = "".concat(Ve, " (new value)");
-                    var y = tn(Ve, g);
+                    var g = "".concat(Be, " (new value)");
+                    var y = on(Be, g);
                     c.splice(m, 0,  n().createElement(le, {
                         elementRef: t(y),
                         label: g,
-                        value: Ve,
+                        value: Be,
                         key: "newValue",
                         multiple: N,
-                        onClick: Hn
+                        onClick: Fn
                     }));
                 }
                 // When selectAll is a menu item, add an offset so that activeItem accounts for the extra selectAll option.
@@ -1500,7 +1506,7 @@
                 // Highlight the selected Items and remove hidden
                                 c = c.reduce((function(n, t) {
                     // ignore Dividers & Headings
-                    if (!nn(t)) {
+                    if (!an(t)) {
                         n.push(t);
                         return n;
                     }
@@ -1508,13 +1514,13 @@
                                         if (t.props && t.props.hidden) {
                         return n;
                     }
-                    if (t.props.selected && !t.props.disabled && Pn.current == null) {
-                        Pn.current = wn.current;
+                    if (t.props.selected && !t.props.disabled && jn.current == null) {
+                        jn.current = kn.current;
                     }
-                    var r = h === Ie;
+                    var r = h === Me;
                     h += 1;
-                    wn.current += 1;
-                    En.current += t.props.selected ? 1 : 0;
+                    kn.current += 1;
+                    Pn.current += t.props.selected ? 1 : 0;
                     if (t.key !== "newValue" && !t.props.disabled && !t.props.selected) {
                         O = false;
                     }
@@ -1523,87 +1529,86 @@
                         return n;
                     }
                     if (!t.props.disabled) {
-                        Sn.current = t.props.value;
+                        Cn.current = t.props.value;
                     }
                     var l =  (0, e.cloneElement)(t, {
                         active: r,
-                        elementRef: Jn,
+                        elementRef: Xn,
                         id: Pe
                     });
                     n.push(l);
                     return n;
                 }), []);
-                Rn.current = En.current === 0 && "none" || O && "all" || "some";
+                En.current = Pn.current === 0 && "none" || O && "all" || "some";
                 // add select all option
-                                if (se === "checkbox" && N && wn.current > 0) {
+                                if (se === "checkbox" && N && kn.current > 0) {
                     var C;
-                    if (Rn.current === "all") {
-                        if (Ve === "") {
+                    if (En.current === "all") {
+                        if (Be === "") {
                             C = (0, u._)("Clear all");
                         } else {
                             C = (0, u._)("Clear all matches");
                         }
-                    } else if (Ve === "") {
+                    } else if (Be === "") {
                         C = (0, u._)("Select all");
                     } else {
                         C = (0, u._)("Select all matches");
                     }
-                    if (Ie === 0 && Ue) {
-                        Sn.current = "selectAll";
+                    if (Me === 0 && Ue) {
+                        Cn.current = "selectAll";
                     }
                     c.unshift( n().createElement(ie, {
                         key: "select-all-option",
-                        active: Ie === 0,
+                        active: Me === 0,
                         changedToggle: !!me,
-                        elementRef: Jn,
-                        id: Ie === 0 ? Pe : undefined,
-                        onClick: Rn.current === "all" ? Vn : Nn,
+                        elementRef: Xn,
+                        id: Me === 0 ? Pe : undefined,
+                        onClick: En.current === "all" ? Nn : Bn,
                         selectAllLabel: C,
-                        selected: Rn.current === "all" || Rn.current !== "none" && "some",
-                        totalCount: Qn.length,
+                        selected: En.current === "all" || En.current !== "none" && "some",
+                        totalCount: Gn.length,
                         tabIndex: -1
                     }),  n().createElement(q.Divider, {
                         key: "selectAllDivider"
                     }));
                 }
-                xn.current = c.reduce((function(e, n) {
-                    if (nn(n)) {
+                wn.current = c.reduce((function(e, n) {
+                    if (an(n)) {
                         e.push(n.props.value);
                     }
                     return e;
                 }), []);
-                cn = c.some((function(e) {
-                    return nn(e);
-                }));
                 return c;
-            }), [ Ie, Pe, l, s, f, Qn, S, Ve, Jn, Vn, Hn, zn, Un, Nn, R, N, et, U, se, Ue, me ]);
-            var tt = function e(t) {
+            }), [ Me, Pe, l, s, f, Gn, S, Be, Xn, Nn, Fn, Hn, Jn, Bn, R, N, Zn, U, se, Ue, me ]);
+            var nt = function e(t) {
                 var r = t.anchorWidth, l = t.maxHeight, o = t.placement;
-                var i = Ze({
+                var i = rn({
                     anchorWidth: r,
                     isMultiple: N,
                     maxHeight: l,
                     menuStyle: B
                 });
-                var u = Qn.length > 0 && !Zn && !S ? 0 : undefined;
+                var u = Gn.length > 0 && !Yn && !S ? 0 : undefined;
                 var c = {
                     "aria-multiselectable": N || undefined,
-                    childrenStart: !!S &&  n().createElement(un, {
+                    childrenStart: !!S &&  n().createElement(dn, {
                         activeItemId: Pe,
                         filterA11yId: Mn,
-                        filterKeyword: Ve,
-                        hasChildren: cn,
+                        filterKeyword: Be,
+                        hasChildren: et.some((function(e) {
+                            return an(e);
+                        })),
                         inputId: P,
                         inputRef: E,
                         menuListboxId: Ee,
                         multiple: N,
-                        onClearAll: Vn,
-                        onSelectAll: Nn,
-                        onTextBlur: Xn,
-                        onTextChange: $n,
+                        onClearAll: Nn,
+                        onSelectAll: Bn,
+                        onTextBlur: $n,
+                        onTextChange: zn,
                         onTextFocus: Wn,
-                        onTextKeyDown: Fn,
-                        optionSelection: Rn,
+                        onTextKeyDown: Kn,
+                        optionSelection: En,
                         placement: o,
                         selectAllAppearance: se,
                         textHasFocus: Ue
@@ -1611,7 +1616,7 @@
                     focusMode: S ? "never" : undefined,
                     isLoading: R,
                     menuId: Ee,
-                    onScrollBottom: U ? Kn : undefined,
+                    onScrollBottom: U ? Vn : undefined,
                     placement: o !== null && o !== void 0 ? o : undefined,
                     noOptionsMessage: F,
                     footerMessage: k,
@@ -1623,26 +1628,26 @@
                 };
                 if (be) {
                     
-                    return n().createElement(D.VirtualizedResultsMenu, De({
+                    return n().createElement(D.VirtualizedResultsMenu, Ve({
                         virtualization: be
-                    }, c), nt);
+                    }, c), et);
                 }
                 
-                return n().createElement(_(), c, nt);
+                return n().createElement(_(), c, et);
             };
-            var rt = (0, e.useMemo)((function() {
+            var tt = (0, e.useMemo)((function() {
                 
-                return n().createElement(fn, De({
+                return n().createElement(vn, Ve({
                     appearance: i,
                     append: c,
-                    currentValues: Ln(),
+                    currentValues: An(),
                     "data-test": N ? "multiselect" : "select",
                     describedBy: g,
                     disabled: h,
-                    elementRef: Gn,
+                    elementRef: Un,
                     error: C,
                     inline: x,
-                    labelText: A,
+                    labelText: M,
                     labelledBy: T,
                     multiple: N,
                     onClick: Q,
@@ -1654,33 +1659,33 @@
                     toggle: me,
                     toggleContent: ye
                 }, he), f);
-            }), [ i, c, Ln, N, g, h, C, Gn, x, A, T, Q, te, re, ae, ee, de, me, ye, he, f ]);
+            }), [ i, c, An, N, g, h, C, Un, x, M, T, Q, te, re, ae, ee, de, me, ye, he, f ]);
             
-            return n().createElement(M(), {
-                closeReasons: en,
+            return n().createElement(A(), {
+                closeReasons: ln,
                 inputId: P,
                 "aria-labelledby": Mn,
-                toggle: rt,
-                onRequestOpen: qn,
-                onRequestClose: Dn,
-                open: $e,
+                toggle: tt,
+                onRequestOpen: In,
+                onRequestClose: qn,
+                open: ze,
                 openWithArrowKeys: true,
                 repositionMode: ue,
                 defaultPlacement: b,
-                canCoverAnchor: Te().innerHeight < 500,
+                canCoverAnchor: Ae().innerHeight < 500,
                 retainFocus: false,
-                takeFocus: Qn.length === 0 || Qn.length > 0 && !Zn || !!S
-            }, tt);
+                takeFocus: Gn.length === 0 || Gn.length > 0 && !Yn || !!S
+            }, nt);
         }
-        dn.propTypes = Qe;
-        dn.componentType = "SelectBase";
-        dn.Option = le;
-        dn.Divider = q.Divider;
-        dn.Heading = q.Heading;
-        /* harmony default export */        const pn = dn;
+        bn.propTypes = nn;
+        bn.componentType = "SelectBase";
+        bn.Option = le;
+        bn.Divider = q.Divider;
+        bn.Heading = q.Heading;
+        /* harmony default export */        const mn = bn;
         // CONCATENATED MODULE: ./src/Select/Option.tsx
-        function vn() {
-            return vn = Object.assign ? Object.assign.bind() : function(e) {
+        function gn() {
+            return gn = Object.assign ? Object.assign.bind() : function(e) {
                 for (var n = 1; n < arguments.length; n++) {
                     var t = arguments[n];
                     for (var r in t) {
@@ -1688,11 +1693,11 @@
                     }
                 }
                 return e;
-            }, vn.apply(null, arguments);
+            }, gn.apply(null, arguments);
         }
-        function bn(e, n) {
+        function yn(e, n) {
             if (null == e) return {};
-            var t, r, l = mn(e, n);
+            var t, r, l = hn(e, n);
             if (Object.getOwnPropertySymbols) {
                 var a = Object.getOwnPropertySymbols(e);
                 for (r = 0; r < a.length; r++) {
@@ -1701,7 +1706,7 @@
             }
             return l;
         }
-        function mn(e, n) {
+        function hn(e, n) {
             if (null == e) return {};
             var t = {};
             for (var r in e) {
@@ -1712,7 +1717,7 @@
             }
             return t;
         }
-        var gn = {
+        var On = {
             /** @private */
             active: a().bool,
             children: a().node,
@@ -1738,11 +1743,11 @@
         };
         /**
  * An option within a `Select`. Any elements passed to it should be memoized.
- */        function yn(e) {
-            var t = e.children, r = e.descriptionPosition, l = r === void 0 ? "bottom" : r, a = e.elementRef, o = e.label, i = bn(e, [ "children", "descriptionPosition", "elementRef", "label" ]);
+ */        function Cn(e) {
+            var t = e.children, r = e.descriptionPosition, l = r === void 0 ? "bottom" : r, a = e.elementRef, o = e.label, i = yn(e, [ "children", "descriptionPosition", "elementRef", "label" ]);
             // @docs-props-type OptionPropsBase
                         
-            return n().createElement(le, vn({
+            return n().createElement(le, gn({
                 descriptionPosition: l,
                 label: o
             }, i, {
@@ -1750,13 +1755,13 @@
                 multiple: false
             }), t || o);
         }
-        var hn =  (0, e.memo)(yn);
+        var Sn =  (0, e.memo)(Cn);
         // @ts-expect-error Need to set propTypes on OptionMemoized so that javascript propType validation will work
-                hn.propTypes = gn;
-        /* harmony default export */        const On = hn;
+                Sn.propTypes = On;
+        /* harmony default export */        const kn = Sn;
         // CONCATENATED MODULE: ./src/Select/Select.tsx
-        function Cn() {
-            return Cn = Object.assign ? Object.assign.bind() : function(e) {
+        function wn() {
+            return wn = Object.assign ? Object.assign.bind() : function(e) {
                 for (var n = 1; n < arguments.length; n++) {
                     var t = arguments[n];
                     for (var r in t) {
@@ -1764,11 +1769,11 @@
                     }
                 }
                 return e;
-            }, Cn.apply(null, arguments);
+            }, wn.apply(null, arguments);
         }
-        function Sn(e, n) {
+        function xn(e, n) {
             if (null == e) return {};
-            var t, r, l = kn(e, n);
+            var t, r, l = jn(e, n);
             if (Object.getOwnPropertySymbols) {
                 var a = Object.getOwnPropertySymbols(e);
                 for (r = 0; r < a.length; r++) {
@@ -1777,7 +1782,7 @@
             }
             return l;
         }
-        function kn(e, n) {
+        function jn(e, n) {
             if (null == e) return {};
             var t = {};
             for (var r in e) {
@@ -1790,7 +1795,7 @@
         }
         /** @public */
         /** @public */
-        /** @public */        var wn = {
+        /** @public */        var Pn = {
             allowKeyMatching: a().bool,
             animateLoading: a().bool,
             appearance: a().oneOf([ "default", "link", "subtle" ]),
@@ -1832,10 +1837,10 @@
             /** @private. */
             virtualization: a().number
         };
-        var xn = (0, u._)("No matches");
-        var jn = (0, u._)("Select...");
-        function Pn(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 ? xn : p, b = t.onChange, m = t.placeholder, g = m === void 0 ? jn : m, y = t.toggleContent, h = y === void 0 ? "optionChildren" : y, O = t.value, C = Sn(t, [ "allowKeyMatching", "appearance", "defaultPlacement", "defaultValue", "inline", "noOptionsMessage", "onChange", "placeholder", "toggleContent", "value" ]);
+        var En = (0, u._)("No matches");
+        var Rn = (0, u._)("Select...");
+        function Tn(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 ? En : p, b = t.onChange, m = t.placeholder, g = m === void 0 ? Rn : m, y = t.toggleContent, h = y === void 0 ? "optionChildren" : y, O = t.value, C = xn(t, [ "allowKeyMatching", "appearance", "defaultPlacement", "defaultValue", "inline", "noOptionsMessage", "onChange", "placeholder", "toggleContent", "value" ]);
             // @docs-props-type SelectPropsBase
                         if (false) {}
             var S = i()({
@@ -1843,19 +1848,17 @@
                 /* eslint-disable-next-line prefer-rest-params */
                 componentProps: arguments[0]
             });
-            // Converts the provided props into a structure suitable for SelectBase.
+            // Memoized otherwise useControlled can trigger "default props changed after render" warning even though nothing changed on subsequent renders
                         var k = (0, e.useMemo)((function() {
                 // wrap defaultValue in an array once to avoid failing <SelectBase>'s defaultValues comparison check
-                var e;
-                if (!S) {
-                    if (s != null) {
-                        e = [ s ];
-                    } else {
-                        e = [];
-                    }
-                } else {
-                    e = undefined;
+                if (s != null) {
+                    return [ s ];
                 }
+                return [];
+            }), [ s ]);
+            // Converts the provided props into a structure suitable for SelectBase.
+                        var w = (0, e.useMemo)((function() {
+                var e = S ? undefined : k;
                 var n = function e(n, t) {
                     var r = t.name, l = t.values;
                     b === null || b === void 0 ? void 0 : b(n, {
@@ -1872,9 +1875,9 @@
                     t.defaultValues = e;
                 }
                 return t;
-            }), [ b, S, O, s ]);
+            }), [ k, b, S, O ]);
             
-            return n().createElement(pn, Cn({
+            return n().createElement(mn, wn({
                 allowKeyMatching: l,
                 appearance: o,
                 defaultPlacement: c,
@@ -1882,15 +1885,15 @@
                 noOptionsMessage: v,
                 placeholder: g,
                 toggleContent: h
-            }, C, k, {
+            }, C, w, {
                 multiple: false
             }));
         }
-        Pn.propTypes = wn;
-        Pn.Option = On;
-        Pn.Heading = q.Heading;
-        Pn.Divider = q.Divider;
-        /* harmony default export */        const En = Pn;
+        Tn.propTypes = Pn;
+        Tn.Option = kn;
+        Tn.Heading = q.Heading;
+        Tn.Divider = q.Divider;
+        /* harmony default export */        const Mn = Tn;
     }) // CONCATENATED MODULE: ./src/Select/index.ts
     ();
     module.exports = r;