@splunk/react-ui 5.0.0 → 5.2.0

package/Select.js

@@ -2,18 +2,33 @@
     // webpackBootstrap
     /******/ "use strict";
     /******/    var e = {
-        /***/ 2907: 
-        /***/ (e, n, t) => {
+        /***/ 3639: 
+        /***/ (e, n, r) => {
             // EXPORTS
-            t.d(n, {
-                default: () => /* reexport */ i
+            r.d(n, {
+                default: () => /* reexport */ s
             });
+            // UNUSED EXPORTS: isAllowedType, isPrimitive
             // EXTERNAL MODULE: external "react"
-                        var r = t(9497);
+                        var t = r(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 o = r(5919);
+            var a =  r.n(o);
             // 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,21 +38,21 @@
  * 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));
-                var f = (0, r.useRef)(n[i]);
-                (0, r.useEffect)((function() {
+ */            function c(e) {
+                var n = e.componentProps, r = e.componentName, l = r === void 0 ? "this component" : r, o = e.defaultValuePropName, i = o === void 0 ? "defaultValue" : o, u = e.valuePropName, c = u === void 0 ? "value" : u;
+                var s = (0, t.useRef)(a()(n, c));
+                var f = (0, t.useRef)(n[i]);
+                (0, t.useEffect)((function() {
                     if (false) {}
                 }), [ l, n, i, c ]);
-                (0, r.useEffect)((function() {
+                (0, t.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: 
@@ -55,36 +70,36 @@
     /******/    var n = {};
     /******/
     /******/ // The require function
-    /******/    function t(r) {
+    /******/    function r(t) {
         /******/ // Check if module is in cache
-        /******/ var l = n[r];
+        /******/ var l = n[t];
         /******/        if (l !== undefined) {
             /******/ return l.exports;
             /******/        }
         /******/ // Create a new module (and put it into the cache)
-        /******/        var a = n[r] = {
+        /******/        var o = n[t] = {
             /******/ // no module.id needed
             /******/ // no module.loaded needed
             /******/ exports: {}
             /******/        };
         /******/
         /******/ // Execute the module function
-        /******/        e[r](a, a.exports, t);
+        /******/        e[t](o, o.exports, r);
         /******/
         /******/ // Return the exports of the module
-        /******/        return a.exports;
+        /******/        return o.exports;
         /******/    }
     /******/
     /************************************************************************/
     /******/ /* webpack/runtime/compat get default export */
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/ t.n = e => {
+        /******/ r.n = e => {
             /******/ var n = e && e.__esModule ? 
             /******/ () => e["default"]
             /******/ : () => e
             /******/;
-            t.d(n, {
+            r.d(n, {
                 a: n
             });
             /******/            return n;
@@ -94,12 +109,12 @@
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ t.d = (e, n) => {
-            /******/ for (var r in n) {
-                /******/ if (t.o(n, r) && !t.o(e, r)) {
-                    /******/ Object.defineProperty(e, r, {
+        /******/ r.d = (e, n) => {
+            /******/ for (var t in n) {
+                /******/ if (r.o(n, t) && !r.o(e, t)) {
+                    /******/ Object.defineProperty(e, t, {
                         enumerable: true,
-                        get: n[r]
+                        get: n[t]
                     });
                     /******/                }
                 /******/            }
@@ -108,14 +123,14 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ t.o = (e, n) => Object.prototype.hasOwnProperty.call(e, n)
+        /******/ r.o = (e, n) => Object.prototype.hasOwnProperty.call(e, n)
         /******/;
     })();
     /******/
     /******/ /* webpack/runtime/make namespace object */
     /******/    (() => {
         /******/ // define __esModule on exports
-        /******/ t.r = e => {
+        /******/ r.r = e => {
             /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
                 /******/ Object.defineProperty(e, Symbol.toStringTag, {
                     value: "Module"
@@ -127,283 +142,439 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var r = {};
+    /************************************************************************/    var t = {};
     // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
         (() => {
         // ESM COMPAT FLAG
-        t.r(r);
+        r.r(t);
         // EXPORTS
-                t.d(r, {
-            Divider: () => /* reexport */ q.Divider,
-            Heading: () => /* reexport */ q.Heading,
-            Option: () => /* reexport */ Sn,
-            default: () => /* reexport */ Rn
+                r.d(t, {
+            Divider: () => /* reexport */ c.Divider,
+            Heading: () => /* reexport */ c.Heading,
+            Option: () => /* reexport */ E,
+            default: () => /* reexport */ Hn
         });
         // EXTERNAL MODULE: external "react"
-                var e = t(9497);
-        var n =  t.n(e);
+                var e = r(9497);
+        var n =  r.n(e);
         // CONCATENATED MODULE: external "prop-types"
         const l = require("prop-types");
-        var a =  t.n(l);
+        var o =  r.n(l);
         // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
-        const o = require("@splunk/react-ui/useControlled");
-        var i =  t.n(o);
+        const a = require("@splunk/react-ui/useControlled");
+        var i =  r.n(a);
         // 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) {
-                        ({}).hasOwnProperty.call(t, r) && (e[r] = t[r]);
+                    var r = arguments[n];
+                    for (var t in r) {
+                        ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
                     }
                 }
                 return e;
-            }, X.apply(null, arguments);
+            }, f.apply(null, arguments);
         }
-        function U(e, n) {
-            var t = Object.keys(e);
+        function d(e, n) {
+            var r = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
-                var r = Object.getOwnPropertySymbols(e);
-                n && (r = r.filter((function(n) {
+                var t = Object.getOwnPropertySymbols(e);
+                n && (t = t.filter((function(n) {
                     return Object.getOwnPropertyDescriptor(e, n).enumerable;
-                }))), t.push.apply(t, r);
+                }))), r.push.apply(r, t);
             }
-            return t;
+            return r;
         }
-        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) {
-                    Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
+                var r = null != arguments[n] ? arguments[n] : {};
+                n % 2 ? d(Object(r), !0).forEach((function(n) {
+                    v(e, n, r[n]);
+                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : d(Object(r)).forEach((function(n) {
+                    Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
                 }));
             }
             return e;
         }
-        function G(e, n, t) {
-            return (n = Q(n)) in e ? Object.defineProperty(e, n, {
-                value: t,
+        function v(e, n, r) {
+            return (n = b(n)) in e ? Object.defineProperty(e, n, {
+                value: r,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
-            }) : e[n] = t, e;
+            }) : e[n] = r, 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;
-            var t = e[Symbol.toPrimitive];
-            if (void 0 !== t) {
-                var r = t.call(e, n || "default");
-                if ("object" != $(r)) return r;
+        function m(e, n) {
+            if ("object" != s(e) || !e) return e;
+            var r = e[Symbol.toPrimitive];
+            if (void 0 !== r) {
+                var t = r.call(e, n || "default");
+                if ("object" != s(t)) return t;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === n ? String : Number)(e);
         }
-        function Z(e, n) {
+        function y(e, n) {
             if (null == e) return {};
-            var t, r, l = ee(e, n);
+            var r, t, l = g(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]);
+                var o = Object.getOwnPropertySymbols(e);
+                for (t = 0; t < o.length; t++) {
+                    r = o[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (l[r] = e[r]);
                 }
             }
             return l;
         }
-        function ee(e, n) {
+        function g(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];
+            var r = {};
+            for (var t in e) {
+                if ({}.hasOwnProperty.call(e, t)) {
+                    if (-1 !== n.indexOf(t)) continue;
+                    r[t] = e[t];
                 }
             }
-            return t;
+            return r;
         }
-        var ne = {
+        var h = {
             /** @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,
+            active: o().bool,
+            children: o().node,
+            description: o().string,
+            descriptionPosition: o().oneOf([ "right", "bottom" ]),
+            disabled: o().bool,
+            elementRef: o().oneOfType([ o().func, o().object ]),
+            hidden: o().bool,
+            icon: o().node,
+            label: o().string.isRequired,
             /**
    * @private Passed down from <BaseSelect>
    */
-            multiple: a().bool,
-            matchRanges: a().arrayOf(a().shape({
-                start: a().number.isRequired,
-                end: a().number.isRequired
+            multiple: o().bool,
+            matchRanges: o().arrayOf(o().shape({
+                start: o().number.isRequired,
+                end: o().number.isRequired
             })),
             /** @private */
-            onClick: a().func,
+            onClick: o().func,
             /** @private */
-            role: a().oneOf([ "menuitemcheckbox", "option" ]),
+            role: o().oneOf([ "menuitemcheckbox", "option" ]),
             /** @private */
-            selected: a().oneOfType([ a().bool, a().oneOf([ "some" ]) ]),
-            truncate: a().bool,
-            value: a().oneOfType([ a().string, a().number, a().bool ]).isRequired
+            selected: o().oneOfType([ o().bool, o().oneOf([ "some" ]) ]),
+            truncate: o().bool,
+            value: o().oneOfType([ o().string, o().number, o().bool ]).isRequired
         };
         /**
  * 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(r) {
+            var t = r.children, l = r.descriptionPosition, o = l === void 0 ? "bottom" : l, a = r.disabled, i = r.elementRef, u = r.icon, s = r.label, d = r.multiple, v = r.onClick, b = r.role, m = b === void 0 ? "option" : b, g = r.value, h = y(r, [ "children", "descriptionPosition", "disabled", "elementRef", "icon", "label", "multiple", "onClick", "role", "value" ]);
             // @docs-props-type OptionPropsBase
-                        var m = (0, e.useCallback)((function(e) {
-                if (!o) {
-                    f === null || f === void 0 ? void 0 : f(e, {
-                        value: v
+                        var O = (0, e.useCallback)((function(e) {
+                if (!a) {
+                    v === null || v === void 0 ? void 0 : v(e, {
+                        value: g
                     });
                 }
-            }), [ o, f, v ]);
-            var g = v.toString();
-            var y = J({
-                descriptionPosition: a,
-                disabled: o ? "disabled" : undefined
-            }, b);
+            }), [ a, v, g ]);
+            var S = g.toString();
+            var C = p({
+                descriptionPosition: o,
+                disabled: a ? "disabled" : undefined
+            }, h);
             
-            return n().createElement(q.Item, X({
-                "data-test-value": v,
+            return n().createElement(c.Item, f({
+                "data-test-value": g,
                 "data-test": "option",
                 elementRef: i
-            }, y, {
+            }, C, {
                 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: S
+            }), t || 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;
-        // CONCATENATED MODULE: ./src/Select/SelectAllOption.tsx
-        var le = {
-            active: a().bool,
-            changedToggle: a().bool,
-            elementRef: a().oneOfType([ a().func, a().object ]),
-            id: a().string,
-            onClick: a().func,
-            selectAllLabel: a().string,
-            selected: a().oneOfType([ a().bool, a().oneOf([ "some" ]) ]),
-            totalCount: a().number
+        /* harmony default export */        const S = O;
+        // CONCATENATED MODULE: ./src/Select/Option.tsx
+        function C() {
+            return C = Object.assign ? Object.assign.bind() : function(e) {
+                for (var n = 1; n < arguments.length; n++) {
+                    var r = arguments[n];
+                    for (var t in r) {
+                        ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
+                    }
+                }
+                return e;
+            }, C.apply(null, arguments);
+        }
+        function w(e, n) {
+            if (null == e) return {};
+            var r, t, l = k(e, n);
+            if (Object.getOwnPropertySymbols) {
+                var o = Object.getOwnPropertySymbols(e);
+                for (t = 0; t < o.length; t++) {
+                    r = o[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (l[r] = e[r]);
+                }
+            }
+            return l;
+        }
+        function k(e, n) {
+            if (null == e) return {};
+            var r = {};
+            for (var t in e) {
+                if ({}.hasOwnProperty.call(e, t)) {
+                    if (-1 !== n.indexOf(t)) continue;
+                    r[t] = e[t];
+                }
+            }
+            return r;
+        }
+        var x = {
+            /** @private */
+            active: o().bool,
+            children: o().node,
+            description: o().string,
+            descriptionPosition: o().oneOf([ "right", "bottom" ]),
+            disabled: o().bool,
+            elementRef: o().oneOfType([ o().func, o().object ]),
+            hidden: o().bool,
+            icon: o().node,
+            label: o().string.isRequired,
+            matchRanges: o().arrayOf(o().shape({
+                start: o().number.isRequired,
+                end: o().number.isRequired
+            })),
+            /** @private */
+            onClick: o().func,
+            /** @private */
+            role: o().oneOf([ "menuitemcheckbox", "option" ]),
+            /** @private */
+            selected: o().bool,
+            truncate: o().bool,
+            value: o().oneOfType([ o().string, o().number, o().bool ]).isRequired
         };
-        function ae(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;
+        /**
+ * An option within a `Select`. Any elements passed to it should be memoized.
+ */        function j(e) {
+            var r = e.children, t = e.descriptionPosition, l = t === void 0 ? "bottom" : t, o = e.elementRef, a = e.label, i = w(e, [ "children", "descriptionPosition", "elementRef", "label" ]);
+            // @docs-props-type OptionPropsBase
+                        
+            return n().createElement(S, C({
+                descriptionPosition: l,
+                label: a
+            }, i, {
+                elementRef: o,
+                multiple: false
+            }), r || a);
+        }
+        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 M =  r.n(R);
+        // CONCATENATED MODULE: external "lodash/find"
+        const A = require("lodash/find");
+        var T =  r.n(A);
+        // CONCATENATED MODULE: external "lodash/forEachRight"
+        const I = require("lodash/forEachRight");
+        var q =  r.n(I);
+        // EXTERNAL MODULE: external "lodash/has"
+                var L = r(5919);
+        var D =  r.n(L);
+        // CONCATENATED MODULE: external "lodash/includes"
+        const N = require("lodash/includes");
+        var _ =  r.n(N);
+        // CONCATENATED MODULE: external "lodash/memoize"
+        const B = require("lodash/memoize");
+        var V =  r.n(B);
+        // CONCATENATED MODULE: external "lodash/pick"
+        const K = require("lodash/pick");
+        var F =  r.n(K);
+        // CONCATENATED MODULE: external "lodash/uniq"
+        const H = require("lodash/uniq");
+        var z =  r.n(H);
+        // CONCATENATED MODULE: external "lodash/without"
+        const W = require("lodash/without");
+        var $ =  r.n(W);
+        // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
+        const X = require("@splunk/react-icons/CaretSmallDown");
+        var U =  r.n(X);
+        // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
+        const J = require("@splunk/react-icons/Magnifier");
+        var G =  r.n(J);
+        // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
+        const Q = require("@splunk/react-ui/Dropdown");
+        var Y =  r.n(Q);
+        // CONCATENATED MODULE: external "@splunk/react-ui/Link"
+        const Z = require("@splunk/react-ui/Link");
+        var ee =  r.n(Z);
+        // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
+        const ne = require("@splunk/react-ui/ResultsMenu");
+        var re =  r.n(ne);
+        // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
+        const te = require("@splunk/react-ui/ScreenReaderContent");
+        var le =  r.n(te);
+        // CONCATENATED MODULE: external "@splunk/react-ui/Text"
+        const oe = require("@splunk/react-ui/Text");
+        var ae =  r.n(oe);
+        // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
+        const ie = require("@splunk/react-ui/usePrevious");
+        var ue =  r.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
+        function de(e) {
+            "@babel/helpers - typeof";
+            return de = "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;
+            }, de(e);
+        }
+        function pe() {
+            return pe = Object.assign ? Object.assign.bind() : function(e) {
+                for (var n = 1; n < arguments.length; n++) {
+                    var r = arguments[n];
+                    for (var t in r) {
+                        ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
+                    }
+                }
+                return e;
+            }, pe.apply(null, arguments);
+        }
+        function ve(e, n) {
+            if (null == e) return {};
+            var r, t, l = be(e, n);
+            if (Object.getOwnPropertySymbols) {
+                var o = Object.getOwnPropertySymbols(e);
+                for (t = 0; t < o.length; t++) {
+                    r = o[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (l[r] = e[r]);
+                }
+            }
+            return l;
+        }
+        function be(e, n) {
+            if (null == e) return {};
+            var r = {};
+            for (var t in e) {
+                if ({}.hasOwnProperty.call(e, t)) {
+                    if (-1 !== n.indexOf(t)) continue;
+                    r[t] = e[t];
+                }
+            }
+            return r;
+        }
+        function me(e, n) {
+            var r = Object.keys(e);
+            if (Object.getOwnPropertySymbols) {
+                var t = Object.getOwnPropertySymbols(e);
+                n && (t = t.filter((function(n) {
+                    return Object.getOwnPropertyDescriptor(e, n).enumerable;
+                }))), r.push.apply(r, t);
+            }
+            return r;
+        }
+        function ye(e) {
+            for (var n = 1; n < arguments.length; n++) {
+                var r = null != arguments[n] ? arguments[n] : {};
+                n % 2 ? me(Object(r), !0).forEach((function(n) {
+                    ge(e, n, r[n]);
+                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : me(Object(r)).forEach((function(n) {
+                    Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
+                }));
+            }
+            return e;
+        }
+        function ge(e, n, r) {
+            return (n = he(n)) in e ? Object.defineProperty(e, n, {
+                value: r,
+                enumerable: !0,
+                configurable: !0,
+                writable: !0
+            }) : e[n] = r, e;
+        }
+        function he(e) {
+            var n = Oe(e, "string");
+            return "symbol" == de(n) ? n : n + "";
+        }
+        function Oe(e, n) {
+            if ("object" != de(e) || !e) return e;
+            var r = e[Symbol.toPrimitive];
+            if (void 0 !== r) {
+                var t = r.call(e, n || "default");
+                if ("object" != de(t)) return t;
+                throw new TypeError("@@toPrimitive must return a primitive value.");
+            }
+            return ("string" === n ? String : Number)(e);
+        }
+        var Se = ye(ye({}, S.propTypes), {}, {
+            totalCount: o().number,
+            // unlike OptionBase, there's a default value for this prop
+            value: o().string
+        });
+        function Ce(e) {
+            var r = e.active, t = e.elementRef, l = e.id, o = e.label, a = e.onClick, i = e.selected, u = e.totalCount, c = e.value, s = c === void 0 ? "selectAll" : c, f = ve(e, [ "active", "elementRef", "id", "label", "onClick", "selected", "totalCount", "value" ]);
             // 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(), ")") : "";
+                        var d = u != null ? " (".concat(u === null || u === void 0 ? void 0 : u.toString(), ")") : "";
             
-            return n().createElement(re, {
-                active: t,
-                elementRef: r,
+            return n().createElement(S, pe({
+                active: r,
+                elementRef: t,
                 "aria-keyshortcuts": "Control+A",
                 "data-test": "select-all",
-                description: "".concat(s, " Ctrl-a"),
+                description: "".concat(d, " Ctrl-a"),
                 descriptionPosition: "right",
                 id: l,
                 key: "selectAll",
-                label: o,
                 multiple: true,
+                label: o,
                 onClick: a,
+                selected: i,
                 role: "menuitemcheckbox",
-                selected: c,
-                tabIndex: -1,
-                value: "selectAll"
-            });
+                value: s
+            }, f));
         }
-        ae.propTypes = le;
-        /* harmony default export */        const oe = ae;
+        Ce.propTypes = Se;
+        /* harmony default export */        const we = Ce;
         // CONCATENATED MODULE: external "styled-components"
-        const ie = require("styled-components");
-        var ue =  t.n(ie);
+        const ke = require("styled-components");
+        var xe =  r.n(ke);
         // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-        const ce = require("@splunk/react-ui/Button");
-        var se =  t.n(ce);
+        const je = require("@splunk/react-ui/Button");
+        var Pe =  r.n(je);
         // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
-        const fe = require("@splunk/react-ui/Divider");
-        var de =  t.n(fe);
+        const Ee = require("@splunk/react-ui/Divider");
+        var Re =  r.n(Ee);
         // CONCATENATED MODULE: external "@splunk/themes"
-        const pe = require("@splunk/themes");
+        const Me = require("@splunk/themes");
         // CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
-        var ve = ue()(se()).withConfig({
+        var Ae = xe()(Pe()).withConfig({
             displayName: "SelectBaseStyles__StyledButton",
             componentId: "sc-16cj7sk-0"
         })([ "&[data-inline]{width:", ";}", "" ], (function(e) {
@@ -413,97 +584,79 @@
             var n = e.$multiple;
             return !n && "flex-grow: 0;";
         }));
-        var be = ue().span.withConfig({
+        var Te = xe().span.withConfig({
             displayName: "SelectBaseStyles__StyledLinkIcon",
             componentId: "sc-16cj7sk-1"
-        })([ "padding-right:", ";" ], pe.variables.spacingXSmall);
-        var me = ue().span.withConfig({
+        })([ "padding-right:", ";" ], Me.variables.spacingXSmall);
+        var Ie = xe().span.withConfig({
             displayName: "SelectBaseStyles__StyledLinkCaret",
             componentId: "sc-16cj7sk-2"
-        })([ "padding-left:", ";" ], pe.variables.spacingXSmall);
-        var ge = ue().div.withConfig({
+        })([ "padding-left:", ";" ], Me.variables.spacingXSmall);
+        var qe = xe().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;" ], Me.variables.spacingLarge, Me.variables.spacingLarge, Me.variables.spacingSmall);
+        var Le = xe().span.withConfig({
             displayName: "SelectBaseStyles__StyledCount",
             componentId: "sc-16cj7sk-4"
-        })([ "padding-right:", ";" ], pe.variables.spacingXSmall);
-        var he = ue()(I()).withConfig({
+        })([ "padding-right:", ";" ], Me.variables.spacingXSmall);
+        var De = xe()(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, ke.css)([ "color:", ";" ], Me.variables.contentColorDisabled);
         }));
-        var Oe = ue().div.withConfig({
+        var Ne = xe().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:", " ", " ", ";" ], Me.mixins.reset("flex"), Me.variables.spacingMedium, Me.variables.spacingXSmall, Me.variables.spacingLarge, Me.variables.spacingSmall);
+        var _e = xe()(Re()).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:", ";" ], Me.variables.borderColor);
+        // EXTERNAL MODULE: ./src/useControlled/index.ts + 2 modules
+                var Be = r(3639);
         // CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
         // A utility for matching keyboard characters to list values
-        var ke = function e(n, t) {
-            return n ? n.label.charAt(t).toLowerCase() : "";
+        var Ve = function e(n, r) {
+            return n ? n.label.charAt(r).toLowerCase() : "";
         };
-        var we = function e(n, t) {
+        var Ke = function e(n, r) {
             if (!n.length) {
                 return n;
             }
-            var r = null;
+            var t = null;
             var l = false;
-            var a = n.filter((function(e) {
-                var n = ke(e, t.index);
-                if (n === t.value) {
+            var o = n.filter((function(e) {
+                var n = Ve(e, r.index);
+                if (n === r.value) {
                     l = true;
                     return true;
                 }
                 // If we haven't found a match yet, keep track of the next closest match.
                 // Secondary matching looks for the closest character of a higher value, and failing that, closest of a lower value.
                                 if (!l) {
-                    var a = ke(r, t.index);
-                    if (!a) {
-                        r = e;
-                    } else if (n > t.value) {
-                        if (a < t.value) {
-                            r = e;
-                        } else if (a > n) {
-                            r = e;
+                    var o = Ve(t, r.index);
+                    if (!o) {
+                        t = e;
+                    } else if (n > r.value) {
+                        if (o < r.value) {
+                            t = e;
+                        } else if (o > n) {
+                            t = e;
                         }
-                    } else if (n > a) {
-                        r = e;
+                    } else if (n > o) {
+                        t = e;
                     }
                 }
                 return false;
             }));
-            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;
-            }
+            return o.length === 0 && t ? [ t ] : o;
         };
         // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
         /* eslint-disable @typescript-eslint/no-empty-function */
-        var je = {
+        var Fe = {
             body: {
                 appendChild: function e() {
                     return [];
@@ -557,16 +710,16 @@
                 search: ""
             }
         };
-        function Pe() {
-            var e = typeof document !== "undefined" ? document : je;
+        function He() {
+            var e = typeof document !== "undefined" ? document : Fe;
             return e;
         }
-        var Te = Pe();
-        /* harmony default export */        const Ee = /* unused pure expression or super */ null && Te;
+        var ze = He();
+        /* harmony default export */        const We = /* unused pure expression or super */ null && ze;
         // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
         /* eslint-disable @typescript-eslint/no-empty-function */
-        var Re = {
-            document: je,
+        var $e = {
+            document: Fe,
             navigator: {
                 userAgent: ""
             },
@@ -620,12 +773,12 @@
                 clearTimeout(n);
             }
         };
-        function Ae() {
-            var e = typeof window !== "undefined" ? window : Re;
+        function Xe() {
+            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 Ue = Xe();
+        /* harmony default export */        const Je = /* unused pure expression or super */ null && Ue;
         // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
         /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -633,7 +786,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 Ge(e, n) {
             if (e) {
                 if (typeof e === "function") {
                     e(n);
@@ -646,64 +799,64 @@
             }
         }
         // CONCATENATED MODULE: ./src/Select/SelectBase.tsx
-        function qe(e) {
-            return Be(e) || _e(e) || Fe(e) || De();
+        function Qe(e) {
+            return en(e) || Ze(e) || ln(e) || Ye();
         }
-        function De() {
+        function Ye() {
             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 en(e) {
+            if (Array.isArray(e)) return on(e);
         }
-        function Ne() {
-            return Ne = Object.assign ? Object.assign.bind() : function(e) {
+        function nn() {
+            return nn = 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]);
+                    var r = arguments[n];
+                    for (var t in r) {
+                        ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
                     }
                 }
                 return e;
-            }, Ne.apply(null, arguments);
+            }, nn.apply(null, arguments);
         }
-        function Ve(e, n) {
-            return We(e) || ze(e, n) || Fe(e, n) || Ke();
+        function rn(e, n) {
+            return un(e) || an(e, n) || ln(e, n) || tn();
         }
-        function Ke() {
+        function tn() {
             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 ln(e, n) {
             if (e) {
-                if ("string" == typeof e) return He(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;
+                if ("string" == typeof e) return on(e, n);
+                var r = {}.toString.call(e).slice(8, -1);
+                return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? on(e, n) : void 0;
             }
         }
-        function He(e, n) {
+        function on(e, n) {
             (null == n || n > e.length) && (n = e.length);
-            for (var t = 0, r = Array(n); t < n; t++) {
-                r[t] = e[t];
+            for (var r = 0, t = Array(n); r < n; r++) {
+                t[r] = e[r];
             }
-            return r;
+            return t;
         }
-        function ze(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;
+        function an(e, n) {
+            var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+            if (null != r) {
+                var t, l, o, a, i = [], u = !0, c = !1;
                 try {
-                    if (a = (t = t.call(e)).next, 0 === n) {
-                        if (Object(t) !== t) return;
+                    if (o = (r = r.call(e)).next, 0 === n) {
+                        if (Object(r) !== r) return;
                         u = !1;
-                    } else for (;!(u = (r = a.call(t)).done) && (i.push(r.value), i.length !== n); u = !0) {
+                    } else for (;!(u = (t = o.call(r)).done) && (i.push(t.value), i.length !== n); u = !0) {
                     }
                 } catch (e) {
                     c = !0, l = e;
                 } finally {
                     try {
-                        if (!u && null != t["return"] && (o = t["return"](), Object(o) !== o)) return;
+                        if (!u && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
                     } finally {
                         if (c) throw l;
                     }
@@ -711,333 +864,333 @@
                 return i;
             }
         }
-        function We(e) {
+        function un(e) {
             if (Array.isArray(e)) return e;
         }
-        function $e(e, n) {
+        function cn(e, n) {
             if (null == e) return {};
-            var t, r, l = Xe(e, n);
+            var r, t, l = sn(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]);
+                var o = Object.getOwnPropertySymbols(e);
+                for (t = 0; t < o.length; t++) {
+                    r = o[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (l[r] = e[r]);
                 }
             }
             return l;
         }
-        function Xe(e, n) {
+        function sn(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];
+            var r = {};
+            for (var t in e) {
+                if ({}.hasOwnProperty.call(e, t)) {
+                    if (-1 !== n.indexOf(t)) continue;
+                    r[t] = e[t];
                 }
             }
-            return t;
+            return r;
         }
-        function Ue(e) {
+        function fn(e) {
             "@babel/helpers - typeof";
-            return Ue = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return fn = "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);
+            }, fn(e);
         }
-        function Je(e, n) {
-            var t = Object.keys(e);
+        function dn(e, n) {
+            var r = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
-                var r = Object.getOwnPropertySymbols(e);
-                n && (r = r.filter((function(n) {
+                var t = Object.getOwnPropertySymbols(e);
+                n && (t = t.filter((function(n) {
                     return Object.getOwnPropertyDescriptor(e, n).enumerable;
-                }))), t.push.apply(t, r);
+                }))), r.push.apply(r, t);
             }
-            return t;
+            return r;
         }
-        function Ge(e) {
+        function pn(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) {
-                    Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
+                var r = null != arguments[n] ? arguments[n] : {};
+                n % 2 ? dn(Object(r), !0).forEach((function(n) {
+                    vn(e, n, r[n]);
+                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : dn(Object(r)).forEach((function(n) {
+                    Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
                 }));
             }
             return e;
         }
-        function Qe(e, n, t) {
-            return (n = Ye(n)) in e ? Object.defineProperty(e, n, {
-                value: t,
+        function vn(e, n, r) {
+            return (n = bn(n)) in e ? Object.defineProperty(e, n, {
+                value: r,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
-            }) : e[n] = t, e;
+            }) : e[n] = r, e;
         }
-        function Ye(e) {
-            var n = Ze(e, "string");
-            return "symbol" == Ue(n) ? n : n + "";
+        function bn(e) {
+            var n = mn(e, "string");
+            return "symbol" == fn(n) ? n : n + "";
         }
-        function Ze(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" != Ue(r)) return r;
+        function mn(e, n) {
+            if ("object" != fn(e) || !e) return e;
+            var r = e[Symbol.toPrimitive];
+            if (void 0 !== r) {
+                var t = r.call(e, n || "default");
+                if ("object" != fn(t)) return t;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === n ? String : Number)(e);
         }
-        var en = {
-            allowKeyMatching: a().bool,
-            allowNewValues: a().bool,
-            animateLoading: a().bool,
-            appearance: a().oneOf([ "default", "link", "subtle" ]),
-            append: a().bool,
-            children: a().node,
-            defaultPlacement: a().oneOf([ "above", "below", "vertical" ]),
-            defaultValues: a().array,
-            describedBy: a().string,
-            disabled: a().bool,
-            elementRef: a().oneOfType([ a().func, a().object ]),
-            error: a().bool,
-            filter: a().oneOf([ false, true, "controlled" ]),
-            footerMessage: a().node,
-            inline: a().bool,
-            inputId: a().string,
-            inputRef: a().oneOfType([ a().func, a().object ]),
-            isLoadingOptions: a().bool,
-            labelledBy: a().string,
-            labelText: a().string,
-            loadingMessage: a().node,
-            menuStyle: a().object,
-            multiple: a().bool,
-            name: a().string,
-            noOptionsMessage: a().node,
-            onChange: a().func,
-            onClick: a().func,
-            onClose: a().func,
-            onFilterChange: a().func,
-            onOpen: a().func,
-            onScroll: a().func,
-            onScrollBottom: a().func,
+        var yn = {
+            allowKeyMatching: o().bool,
+            allowNewValues: o().bool,
+            animateLoading: o().bool,
+            appearance: o().oneOf([ "default", "link", "subtle" ]),
+            append: o().bool,
+            children: o().node,
+            defaultPlacement: o().oneOf([ "above", "below", "vertical" ]),
+            defaultValues: o().array,
+            describedBy: o().string,
+            disabled: o().bool,
+            elementRef: o().oneOfType([ o().func, o().object ]),
+            error: o().bool,
+            filter: o().oneOf([ false, true, "controlled" ]),
+            footerMessage: o().node,
+            inline: o().bool,
+            inputId: o().string,
+            inputRef: o().oneOfType([ o().func, o().object ]),
+            isLoadingOptions: o().bool,
+            labelledBy: o().string,
+            labelText: o().string,
+            loadingMessage: o().node,
+            menuStyle: o().object,
+            multiple: o().bool,
+            name: o().string,
+            noOptionsMessage: o().node,
+            onChange: o().func,
+            onClick: o().func,
+            onClose: o().func,
+            onFilterChange: o().func,
+            onOpen: o().func,
+            onScroll: o().func,
+            onScrollBottom: o().func,
             /** @private. */
-            required: a().bool,
-            placeholder: a().string,
-            prefixLabel: a().string,
-            prepend: a().bool,
-            repositionMode: a().oneOf([ "none", "flip" ]),
-            selectAllAppearance: a().oneOf([ "buttongroup", "checkbox" ]),
-            showSelectedValuesFirst: a().oneOf([ "nextOpen", "immediately", "never" ]),
-            suffixLabel: a().string,
-            tabConfirmsNewValue: a().bool,
-            toggle: a().node,
-            toggleContent: a().oneOf([ "optionChildren", "optionLabel" ]),
-            values: a().array,
+            required: o().bool,
+            placeholder: o().string,
+            prefixLabel: o().string,
+            prepend: o().bool,
+            repositionMode: o().oneOf([ "none", "flip" ]),
+            selectAllAppearance: o().oneOf([ "buttongroup", "checkbox", "none" ]),
+            showSelectedValuesFirst: o().oneOf([ "nextOpen", "immediately", "never" ]),
+            suffixLabel: o().string,
+            tabConfirmsNewValue: o().bool,
+            toggle: o().node,
+            toggleContent: o().oneOf([ "optionChildren", "optionLabel" ]),
+            values: o().array,
             /** @private. */
-            virtualization: a().number
+            virtualization: o().number
         };
-        var nn = O()((function(e) {
+        var gn = V()((function(e) {
             return [ e ];
         }));
         // preserve separate widths for single vs. multi mode
-                var tn = O()((function(e) {
-            var n = e.anchorWidth, t = e.isMultiple, r = e.maxHeight, l = e.menuStyle;
-            return t ? Ge({
+                var hn = V()((function(e) {
+            var n = e.anchorWidth, r = e.isMultiple, t = e.maxHeight, l = e.menuStyle;
+            return r ? pn({
                 width: Math.max(n !== null && n !== void 0 ? n : 0, 200),
-                maxHeight: r
-            }, l) : Ge({
+                maxHeight: t
+            }, l) : pn({
                 minWidth: n !== null && n !== void 0 ? n : undefined,
                 maxWidth: Math.max(n !== null && n !== void 0 ? n : 0, 300),
-                maxHeight: r
+                maxHeight: t
             }, l);
         }));
-        var rn = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
-        function ln(e) {
-            return e && m()(e.props, "value");
+        var On = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
+        function Sn(e) {
+            return e && D()(e.props, "value");
         }
-        function an(e, n) {
-            return "".concat(Ue(e), "-").concat(e, "-").concat(n);
+        function Cn(e, n) {
+            return "".concat(fn(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 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" : ""));
+        var wn = [ "append", "error", "prepend" ];
+        var kn = (0, u._)("No matches");
+        var xn = (0, u._)("Select...");
+        var jn =  n().createElement(G(), null);
+        var Pn = function e(r) {
+            var t = r.activeItemId, l = r.filterA11yId, o = r.filterKeyword, a = r.hasChildren, i = r.inputId, c = r.inputRef, s = r.menuListboxId, f = r.multiple, d = r.onClearAll, p = r.onSelectAll, v = r.onTextBlur, b = r.onTextChange, m = r.onTextFocus, y = r.onTextKeyDown, g = r.optionSelection, h = r.placement, O = r.selectAllAppearance, S = r.textHasFocus;
+            var C = (0, u._)("Select all options".concat(g.current === "all" ? " disabled" : ""));
+            var w = (0, u._)("Clear all options".concat(g.current === "none" ? " disabled" : ""));
             // only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
-                        var w =  n().createElement(Oe, {
+                        var k =  n().createElement(Ne, {
                 key: "selectAll"
-            },  n().createElement(he, {
-                disabled: y.current === "all",
+            },  n().createElement(De, {
+                disabled: g.current === "all",
                 appearance: "standalone",
-                "aria-label": S,
+                "aria-label": C,
                 onClick: p,
                 "data-test": "select-all",
                 tag: "button"
-            }, a ? (0, u._)("Select all Matches") : (0, u._)("Select all")),  n().createElement(he, {
-                disabled: y.current === "none",
+            }, o ? (0, u._)("Select all Matches") : (0, u._)("Select all")),  n().createElement(De, {
+                disabled: g.current === "none",
                 appearance: "standalone",
-                "aria-label": k,
+                "aria-label": w,
                 onClick: d,
                 "data-test": "clear-all",
                 tag: "button"
-            }, a ? (0, u._)("Clear all Matches") : (0, u._)("Clear all")));
+            }, o ? (0, u._)("Clear all Matches") : (0, u._)("Clear all")));
             
             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(_e, null),  n().createElement(qe, {
                 key: "filter",
                 "data-test": "filter"
-            },  n().createElement(N(), {
-                value: a,
+            },  n().createElement(ae(), {
+                value: o,
                 autoCapitalize: "off",
                 autoComplete: "off",
                 autoCorrect: "off",
                 spellCheck: false,
                 onChange: b,
-                onKeyDown: g,
+                onKeyDown: y,
                 onFocus: m,
                 onBlur: v,
                 placeholder: (0, u._)("filter"),
                 role: "combobox",
                 "aria-expanded": "true",
                 "aria-controls": s,
-                "aria-owns": C && o ? r : undefined,
+                "aria-owns": S && a ? t : undefined,
                 "aria-label": (0, u._)("Filter"),
                 "aria-autocomplete": "list",
-                "aria-activedescendant": C && o ? r : undefined,
+                "aria-activedescendant": S && a ? t : undefined,
                 inputRef: c,
                 inputId: i,
                 canClear: true,
-                startAdornment: sn
-            })), f && o && O === "buttongroup" && w, h === "below" &&  n().createElement(Ce, null));
+                startAdornment: jn
+            })), f && a && O === "buttongroup" && k, h === "below" &&  n().createElement(_e, null));
         };
-        var dn = function e(n) {
-            var t = n.prefixLabel, r = n.label, l = n.suffixLabel;
-            var a = r;
-            if (t) {
-                a = [ "".concat(t, ": ") ].concat(a);
+        var En = function e(n) {
+            var r = n.prefixLabel, t = n.label, l = n.suffixLabel;
+            var o = t;
+            if (r) {
+                o = [ "".concat(r, ": ") ].concat(o);
             }
             if (l) {
-                a = s()(a).concat(" ".concat(l));
+                o = M()(o).concat(" ".concat(l));
             }
-            return a;
+            return o;
         };
-        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 Rn =  n().forwardRef((function(r, t) {
+            var l = r.appearance, o = l === void 0 ? "default" : l, a = r.append, i = r.children, c = r.currentValues, s = c === void 0 ? [] : c, f = r.describedBy, d = r.disabled, p = r.elementRef, v = r.error, b = r.inline, m = r.labelText, y = r.labelledBy, g = r.multiple, h = r.onClick, O = r.placeholder, S = r.prefixLabel, C = r.prepend, w = r.required, k = r.suffixLabel, x = r.toggle, j = r.toggleContent, P = cn(r, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent" ]);
+            var E;
+            var R;
+            var M = [];
             // 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 A = e.Children.toArray(i);
+            var I = s.reduce((function(e, n, r, t) {
+                var l = T()(A, (function(e) {
+                    return Sn(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 o = l.props, a = o.children, i = o.icon, c = o.label;
+                    var f = j !== "optionLabel" && a ? a : c;
                     e.push(f);
-                    L.push(c);
+                    M.push(c);
                     // if not in multiple mode, add the icon
-                                        if (!h && s.length === 1) {
-                        A = i;
+                                        if (!g && s.length === 1) {
+                        E = i;
                     }
-                } else if (h) {
+                } else if (g) {
                     // only add values that don't match an option in "multiple" mode to preserve old behaviour
                     e.push(n);
-                    L.push(n.toString());
+                    M.push(n.toString());
                 }
-                if (t < r.length - 1) {
+                if (r < t.length - 1) {
                     e.push((0, u._)(", "));
-                    L.push((0, u._)(", "));
+                    M.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
+                M = En({
+                    prefixLabel: S,
+                    label: R.length > 1 ? [ "".concat(s.length, " items selected") ] : M,
+                    suffixLabel: k
                 });
-                M = dn({
-                    prefixLabel: k,
-                    label: M,
-                    suffixLabel: j
+                R = En({
+                    prefixLabel: S,
+                    label: R,
+                    suffixLabel: k
                 });
             }
             // single <Select> behaviour is to show the placeholder if all parts of the label
             // are empty strings so we replicate this behaviour here
-                        if (M.length === 0 || !h && M.every((function(e) {
+                        if (R.length === 0 || !g && R.every((function(e) {
                 return e === "";
             }))) {
-                M = nn(C);
-                L = M;
+                R = gn(O);
+                M = R;
             }
-            var _ = Object.keys(R).includes("aria-labelledby");
-            var B = Ge({
+            var q = Object.keys(P).includes("aria-labelledby");
+            var L = pn({
                 "aria-describedby": f,
-                "aria-label": y || _ ? undefined : "".concat(g ? "".concat(g, ", ") : "").concat(L.join("")),
+                "aria-label": y || q ? undefined : "".concat(m ? "".concat(m, ", ") : "").concat(M.join("")),
                 // aria-labelledby takes precedence over aria-label, so existence of both is redundant
                 "aria-labelledby": y,
-                "aria-required": x,
-                "data-select-appearance": a,
-                append: o,
-                prepend: w,
-                onClick: O,
+                "aria-required": w,
+                "data-select-appearance": o,
+                append: a,
+                prepend: C,
+                onClick: h,
                 role: "combobox",
-                disabled: p ? "disabled" : undefined,
-                elementRef: v,
-                error: b,
-                ref: r
-            }, R);
-            if (h) {
-                B["data-test-values"] = JSON.stringify(s);
+                disabled: d ? "disabled" : undefined,
+                elementRef: p,
+                error: v,
+                ref: t
+            }, P);
+            if (g) {
+                L["data-test-values"] = JSON.stringify(s);
             } else {
-                var N = Ve(s, 1), V = N[0];
-                B["data-test-value"] = V;
+                var D = rn(s, 1), N = D[0];
+                L["data-test-value"] = N;
             }
-            if (P) {
+            if (x) {
                 
-                return (0, e.cloneElement)(P, B);
+                return (0, e.cloneElement)(x, L);
             }
-            if (a === "link") {
+            if (o === "link") {
                 
-                return n().createElement(I(), Ne({
+                return n().createElement(ee(), nn({
                     tag: "button",
                     appearance: "standalone"
-                }, B, {
+                }, L, {
                     "data-select-appearance": "link"
-                }), !!A &&  n().createElement(be, null, A), M || C,  n().createElement(me, null,  n().createElement(T(), null)));
+                }), !!E &&  n().createElement(Te, null, E), R || O,  n().createElement(Ie, null,  n().createElement(U(), null)));
             }
             // Using Button's secondary appearance as Select's default appearance.
-                        var K = a === "default" ? "secondary" : a;
+                        var _ = o === "default" ? "secondary" : o;
             
-            return n().createElement(ve, Ne({}, B, {
-                $multiple: h,
-                appearance: K,
-                label: M,
-                error: b,
-                icon: A,
-                inline: m,
+            return n().createElement(Ae, nn({}, L, {
+                $multiple: g,
+                appearance: _,
+                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, wn)), !!s.length && g &&  n().createElement(Le, {
                 "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 Mn(r) {
+            var t = r.allowKeyMatching, l = t === void 0 ? true : t, o = r.animateLoading, a = r.appearance, i = a === void 0 ? "default" : a, s = r.append, f = r.allowNewValues, d = r.children, p = r.defaultPlacement, v = p === void 0 ? "vertical" : p, b = r.defaultValues, m = r.describedBy, y = r.disabled, g = r.elementRef, h = r.error, O = r.filter, C = r.footerMessage, w = r.inline, k = r.inputId, x = r.inputRef, j = r.isLoadingOptions, P = r.labelledBy, E = r.labelText, R = r.loadingMessage, M = r.menuStyle, A = M === void 0 ? {} : M, I = r.multiple, L = r.name, D = r.noOptionsMessage, N = D === void 0 ? kn : D, B = r.onChange, V = r.onScroll, K = r.onScrollBottom, F = r.onFilterChange, H = r.onClick, W = r.onClose, X = r.onOpen, U = r.required, J = r.placeholder, G = J === void 0 ? xn : J, Q = r.prefixLabel, Z = r.prepend, ee = r.repositionMode, te = ee === void 0 ? "flip" : ee, le = r.selectAllAppearance, oe = le === void 0 ? "buttongroup" : le, ae = r.showSelectedValuesFirst, ie = r.suffixLabel, de = r.tabConfirmsNewValue, pe = r.values, ve = r.virtualization, be = r.toggle, me = r.toggleContent, ye = me === void 0 ? "optionChildren" : me, ge = cn(r, [ "allowKeyMatching", "animateLoading", "appearance", "append", "allowNewValues", "children", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "filter", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "labelText", "loadingMessage", "menuStyle", "multiple", "name", "noOptionsMessage", "onChange", "onScroll", "onScrollBottom", "onFilterChange", "onClick", "onClose", "onOpen", "required", "placeholder", "prefixLabel", "prepend", "repositionMode", "selectAllAppearance", "showSelectedValuesFirst", "suffixLabel", "tabConfirmsNewValue", "values", "virtualization", "toggle", "toggleContent" ]);
             // @docs-props-type SelectBasePropsBase
-                        var he = (0, Se["default"])({
+                        var he = (0, Be["default"])({
                 componentName: "SelectBase",
                 /* eslint-disable-next-line prefer-rest-params */
                 componentProps: arguments[0],
@@ -1048,808 +1201,756 @@
             // states
                         var Oe = (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 = rn(Oe, 1), Ce = Se[0], ke = Ce.activeItemId, xe = Ce.menuListboxId;
+            var je = (0, e.useState)(0), Pe = rn(je, 2), Ee = Pe[0], Re = Pe[1];
+            var Me = (0, e.useState)(""), Ae = rn(Me, 2), Te = Ae[0], Ie = Ae[1];
+            var qe = (0, e.useState)(false), Le = rn(qe, 2), De = Le[0], Ne = Le[1];
+            var _e = (0, e.useState)(false), Ve = rn(_e, 2), Fe = Ve[0], He = Ve[1];
+            var ze = (0, e.useState)([]), We = rn(ze, 2), $e = We[0], Ue = We[1];
+            var Je = (0, e.useState)(b || []), Ye = rn(Je, 2), Ze = Ye[0], en = Ye[1];
  // previous state
-                        var dn = H()(Re);
+                        var tn = ue()(Ee);
             // refs
-                        var vn = (0, e.useRef)(null);
-            var bn = (0, e.useRef)(null);
+                        var ln = (0, e.useRef)(null);
+            var on = (0, e.useRef)(null);
+            var an = (0, e.useRef)(null);
+            var un = (0, e.useRef)([]);
+            var sn = (0, e.useRef)([]);
+            var fn = (0, e.useRef)(tn);
+            var dn = (0, e.useRef)();
+            var pn = (0, e.useRef)({});
+            var vn = (0, e.useRef)(0);
+            var bn = (0, e.useRef)([]);
             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 Cn = (0, e.useRef)({});
-            var Sn = (0, e.useRef)(0);
-            var kn = (0, e.useRef)([]);
-            var wn = (0, e.useRef)(null);
-            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 yn = (0, e.useRef)();
+            var gn = (0, e.useRef)(0);
+            var wn = (0, e.useRef)("none");
+            var jn = (0, e.useState)(O ? (0, se.createDOMID)("filter") : undefined), En = rn(jn, 1), Mn = En[0];
             (0, e.useEffect)((function() {
                 if (false) {}
-            }), [ i, c, C, le ]);
+            }), [ i, s, h, Z ]);
             var An = (0, e.useCallback)((function() {
-                var e = he ? pe : on;
-                return N || e == null ? e : e.slice(0, 1);
-            }), [ he, N, pe, on ]);
-            var Mn = (0, e.useCallback)((function() {
+                var e = he ? pe : Ze;
+                return I || e == null ? e : e.slice(0, 1);
+            }), [ he, I, pe, Ze ]);
+            var Tn = (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 && ae !== "never" ? (e = An()) !== null && e !== void 0 ? e : [] : [];
+            }), [ An, I, ae ]);
+            var In = (0, e.useCallback)((function(e) {
+                var n = Te;
+                Ne(true);
+                Ue(Tn());
                 // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
-                                if (N) {
-                    Be("");
+                                if (I) {
+                    Ie("");
                 }
-                if (n !== _e) {
-                    J === null || J === void 0 ? void 0 : J(e, {
-                        keyword: _e
+                if (n !== Te) {
+                    F === null || F === void 0 ? void 0 : F(e, {
+                        keyword: Te
                     });
                 }
-            }), [ _e, Mn, N, J ]);
+            }), [ Te, Tn, I, F ]);
             (0, e.useEffect)((function() {
-                if (He) {
-                    Y === null || Y === void 0 ? void 0 : Y();
-                    if (wn.current && !S) {
-                        wn.current.focus();
+                if (De) {
+                    X === null || X === void 0 ? void 0 : X();
+                    if (mn.current && !O) {
+                        mn.current.focus();
                     } else {
                         var e;
-                        Me((e = xn.current) !== null && e !== void 0 ? e : 0);
+                        Re((e = yn.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 ]);
-            var qn = (0, e.useCallback)((function(e, n) {
-                var t;
-                var r = (t = An()) !== null && t !== void 0 ? t : [];
-                var l = r.indexOf(n);
-                var a;
-                if (N) {
+            }), [ X, De, $e, Te, O ]);
+            var qn = (0, e.useCallback)((function() {
+                Ne(false);
+                Re(0);
+                fn.current = null;
+                W === null || W === void 0 ? void 0 : W();
+            }), [ W ]);
+            var Ln = (0, e.useCallback)((function(e, n) {
+                var r;
+                var t = (r = An()) !== null && r !== void 0 ? r : [];
+                var l = t.indexOf(n);
+                var o;
+                if (I) {
                     if (l >= 0) {
-                        a = [].concat(qe(r.slice(0, l)), qe(r.slice(l + 1)));
+                        o = [].concat(Qe(t.slice(0, l)), Qe(t.slice(l + 1)));
                     } else {
-                        a = r.concat([ n ]);
+                        o = t.concat([ n ]);
                     }
                 } else {
                     // non-multiple mode must always have a value
-                    a = [ n ];
+                    o = [ n ];
                 }
-                var o = !he;
-                if (o) {
-                    sn(a);
+                var a = !he;
+                if (a) {
+                    en(o);
                 }
-                if (N) {
+                if (I) {
                     // in uncontrolled multiple mode, keep the menu open
-                    if (o) {
-                        ze(true);
+                    if (a) {
+                        Ne(true);
                     }
                 } else {
                     var i;
                     // non-multiple mode only supports a single selection
                     // so close the menu once a selection is made
-                                        In({
+                                        qn({
                         reason: "contentClick"
                     });
-                    (i = vn.current) === null || i === void 0 ? void 0 : i.focus();
+                    (i = ln.current) === null || i === void 0 ? void 0 : i.focus();
                 }
-                $ === null || $ === void 0 ? void 0 : $(e, {
-                    values: a,
-                    name: V,
+                B === null || B === void 0 ? void 0 : B(e, {
+                    values: o,
+                    name: L,
                     reason: "valueToggle"
                 });
-            }), [ An, In, he, N, V, $ ]);
+            }), [ An, qn, he, I, L, B ]);
             var Dn = function e() {
-                bn.current = null;
-                gn.current = [];
-                if (mn.current) {
-                    clearTimeout(mn.current);
+                on.current = null;
+                un.current = [];
+                if (an.current) {
+                    clearTimeout(an.current);
                 }
             };
-            var _n = (0, e.useCallback)((function(e) {
-                var t;
+            var Nn = (0, e.useCallback)((function(e) {
+                var r;
                 // 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 t = (r = An()) !== null && r !== void 0 ? r : [];
+                var l = z()(t.concat(bn.current));
+                l = n().Children.toArray(d).filter((function(e) {
+                    return Sn(e) && _()(l, e.props.value) && (!e.props.disabled || _()(t, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
                 if (!he) {
-                    sn(l);
+                    en(l);
                 }
-                $ === null || $ === void 0 ? void 0 : $(e, {
+                B === null || B === void 0 ? void 0 : B(e, {
                     values: l,
-                    name: V,
+                    name: L,
                     reason: "selectAll"
                 });
-            }), [ f, An, he, N, V, $ ]);
-            var Bn = (0, e.useCallback)((function(e) {
-                var t;
+            }), [ d, An, he, I, L, B ]);
+            var _n = (0, e.useCallback)((function(e) {
+                var r;
                 // 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 t = (r = An()) !== null && r !== void 0 ? r : [];
+                var l = $().apply(void 0, [ t ].concat(Qe(bn.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 o = n().Children.toArray(d).filter((function(e) {
+                    return Sn(e) && (_()(t, e.props.value) && e.props.disabled || _()(l, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
                 if (!he) {
-                    sn(a);
+                    en(o);
                 }
-                $ === null || $ === void 0 ? void 0 : $(e, {
-                    values: a,
-                    name: V,
+                B === null || B === void 0 ? void 0 : B(e, {
+                    values: o,
+                    name: L,
                     reason: "clearAll"
                 });
-            }), [ f, An, he, N, V, $ ]);
-            var Nn = (0, e.useCallback)((function(e) {
-                if (He && !E) {
-                    U === null || U === void 0 ? void 0 : U(e);
+            }), [ d, An, he, I, L, B ]);
+            var Bn = (0, e.useCallback)((function(e) {
+                if (De && !j) {
+                    K === null || K === void 0 ? void 0 : K(e);
                 }
-            }), [ He, E, U ]);
+            }), [ De, j, K ]);
             var Vn = (0, e.useCallback)((function(n) {
-                var t = n.key;
-                if (t === "Tab") {
-                    if (de && On.current && Sn.current <= 1) {
+                var r = n.key;
+                if (r === "Tab") {
+                    if (de && dn.current && vn.current <= 1) {
                         n.preventDefault();
-                        qn(n, On.current);
+                        Ln(n, dn.current);
                     }
                 }
                 if (n.shiftKey || n.metaKey || n.ctrlKey) {
-                    if (t === "a" && (n.ctrlKey || n.metaKey)) {
+                    if (r === "a" && (n.ctrlKey || n.metaKey)) {
                         // handle control + A
-                        if (Pn.current === "all") {
-                            Bn(n);
-                        } else {
+                        if (wn.current === "all") {
                             _n(n);
+                        } else {
+                            Nn(n);
                         }
                     }
                     return;
                 }
-                if (t === "ArrowDown") {
+                if (r === "ArrowDown") {
                     n.preventDefault();
-                    Me(Math.min(Re + 1, ce === "checkbox" ? Sn.current : Sn.current - 1));
-                    if (f && U) {
-                        var r;
-                        var l = e.Children.toArray(f).length - (2 + ((r = An()) !== null && r !== void 0 ? r : []).length);
-                        if (Re === l) {
-                            Nn(n);
+                    Re(Math.min(Ee + 1, oe === "checkbox" ? vn.current : vn.current - 1));
+                    if (d && K) {
+                        var t;
+                        var l = e.Children.toArray(d).length - (2 + ((t = An()) !== null && t !== void 0 ? t : []).length);
+                        if (Ee === l) {
+                            Bn(n);
                         }
                     }
                 }
-                if (t === "ArrowUp") {
+                if (r === "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 (Pn.current === "all") {
-                            Bn(n);
-                        } else {
+                if (r === "Enter" && dn.current && De) {
+                    if (dn.current === "selectAll") {
+                        if (wn.current === "all") {
                             _n(n);
+                        } else {
+                            Nn(n);
                         }
                     } else {
                         n.preventDefault();
-                        qn(n, On.current);
+                        Ln(n, dn.current);
                     }
                 }
-            }), [ Re, f, An, Bn, Nn, _n, U, He, ce, de, qn ]);
+            }), [ Ee, d, An, _n, Bn, Nn, K, De, oe, de, Ln ]);
             var Kn = (0, e.useCallback)((function(e, n) {
-                var t = n.value;
+                var r = n.value;
                 e.preventDefault();
-                if (!He) {
+                if (!De) {
                     return;
                 }
-                qn(e, t);
-            }), [ He, qn ]);
+                Ln(e, r);
+            }), [ De, Ln ]);
             var Fn = (0, e.useCallback)((function(e, n) {
-                var t = e.nativeEvent.key;
+                var r = e.nativeEvent.key;
                 // Checking for a single character to avoid complications from double-byte languages and emojis.
-                                if (t.length === 1) {
-                    var r = [];
+                                if (r.length === 1) {
+                    var t = [];
                     var l = {
                         index: 0,
-                        value: t
+                        value: r
                     };
-                    if (!bn.current) {
-                        if (t === " ") {
+                    if (!on.current) {
+                        if (r === " ") {
                             Dn();
                             return;
                         }
-                        r = we(yn.current, l);
-                    } else if (gn.current.length > 1) {
-                        l.index = bn.current.index + 1;
-                        r = we(gn.current, l);
+                        t = Ke(sn.current, l);
+                    } else if (un.current.length > 1) {
+                        l.index = on.current.index + 1;
+                        t = Ke(un.current, l);
                     }
-                    if (r.length) {
-                        var a;
-                        var o = 0;
+                    if (t.length) {
+                        var o;
+                        var a = 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]);
+                                                if (l.index === 0 && t.length > 1) {
+                            var i = t.indexOf(sn.current[n]);
                             if (i >= 0) {
-                                o = i === r.length - 1 ? 0 : i + 1;
+                                a = i === t.length - 1 ? 0 : i + 1;
                             }
                         }
-                        var u = r[o];
+                        var u = t[a];
                         var c = u.value, s = u.label;
-                        var f = Cn.current[an(c, s)];
-                        f === null || f === void 0 ? void 0 : (a = f.focus) === null || a === void 0 ? void 0 : a.call(f);
+                        var f = pn.current[Cn(c, s)];
+                        f === null || f === void 0 ? void 0 : (o = f.focus) === null || o === void 0 ? void 0 : o.call(f);
                     }
-                    gn.current = r;
-                    bn.current = l;
-                    if (mn.current) {
-                        clearTimeout(mn.current);
+                    un.current = t;
+                    on.current = l;
+                    if (an.current) {
+                        clearTimeout(an.current);
                     }
-                    mn.current = setTimeout(Dn, 500);
+                    an.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, {
-                    keyword: t
+                var r = n.value;
+                Ie(r);
+                Ne(true);
+                Re(0);
+                F === null || F === void 0 ? void 0 : F(e, {
+                    keyword: r
                 });
-            }), [ J ]);
+            }), [ F ]);
             var zn = (0, e.useCallback)((function() {
-                Je(true);
+                He(true);
             }), []);
             var Wn = (0, e.useCallback)((function() {
-                Je(false);
+                He(false);
             }), []);
             var $n = (0, e.useCallback)((function(e) {
-                if (hn.current !== Re) {
-                    xe(e);
+                if (fn.current !== Ee) {
+                    (0, fe.scrollIntoViewIfNeeded)(e);
                 }
-            }), [ Re ]);
-            var Xn = (0, e.useCallback)((function(e, n, t) {
-                if (t) {
-                    wn.current = e;
+            }), [ Ee ]);
+            var Xn = (0, e.useCallback)((function(e, n, r) {
+                if (r) {
+                    mn.current = e;
                 }
                 if (e == null) {
-                    delete Cn.current[n];
+                    delete pn.current[n];
                 } else {
-                    Cn.current[n] = e;
+                    pn.current[n] = e;
                 }
-            }), [ Cn ]);
+            }), [ pn ]);
             var Un = (0, e.useCallback)((function(e) {
-                vn.current = e;
-                Ie(O, e);
-            }), [ O, vn ]);
+                ln.current = e;
+                Ge(g, e);
+            }), [ g, ln ]);
             var Jn = (0, e.useMemo)((function() {
                 var e;
                 return (e = An()) !== null && e !== void 0 ? e : [];
             }), [ An ]);
-            var Gn = e.Children.toArray(f);
+            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 = T()(Gn, (function(n) {
+                    return Sn(n) && n.props.value === e;
                 }));
                 return n && !n.props.disabled;
             }));
-            var Yn = se === "immediately" ? Mn() : Ye;
+            var Yn = ae === "immediately" ? Tn() : $e;
             var Zn = (0, e.useMemo)((function() {
-                Sn.current = 0;
-                xn.current = undefined;
-                jn.current = 0;
-                On.current = undefined;
-                yn.current = [];
-                var t = function e(n, t) {
+                vn.current = 0;
+                yn.current = undefined;
+                gn.current = 0;
+                dn.current = undefined;
+                sn.current = [];
+                var r = function e(n, r) {
                     return function(e) {
-                        return Xn(e, n, t);
+                        return Xn(e, n, r);
                     };
                 };
-                var r;
-                var a = 0;
-                var o = false;
+                var t;
+                var o = 0;
+                var a = 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 (!Sn(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) {
-                        r = true;
+                                        if (m === Te) {
+                        t = 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 y = Jn && Jn.indexOf(m) >= 0;
+                    var g = !!y && !p && !i;
+                    var h = l && !I && !O && !j && !K;
+                    var S = Cn(m, b);
+                    var C = -1;
+                    if (h && !p && !v) {
+                        sn.current.push({
+                            label: b,
+                            value: m
                         });
-                        O = yn.current.length - 1;
+                        C = sn.current.length - 1;
                     }
                     // Format the Menu.Item
-                                        var C =  (0, e.cloneElement)(c, {
-                        elementRef: t(h, g),
-                        key: c.key || s,
+                                        var w =  (0, e.cloneElement)(s, {
+                        elementRef: r(S, g),
+                        key: s.key || f,
                         onClick: Kn,
-                        onKeyDown: y ? function(e) {
-                            return Fn(e, O);
+                        onKeyDown: h ? function(e) {
+                            return Fn(e, C);
                         } : undefined,
-                        selected: m,
-                        multiple: N,
+                        selected: y,
+                        multiple: I,
                         role: "option"
                     });
                     if (g) {
                         i = true;
                     }
-                    if (Yn && Yn.indexOf(b) >= 0) {
-                        if (a === 0) {
-                            u.splice(a, 0,  n().createElement(q.Divider, {
+                    if (Yn && Yn.indexOf(m) >= 0) {
+                        if (o === 0) {
+                            u.splice(o, 0,  n().createElement(c.Divider, {
                                 key: "topDivider"
                             }));
-                            o = true;
+                            a = true;
                         }
-                        u.splice(a, 0, C);
-                        a += 1;
+                        u.splice(o, 0, w);
+                        o += 1;
                     } else {
-                        u.push(C);
+                        u.push(w);
                     }
                     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) {
+                    q()(Jn, (function(e) {
+                        var l = T()(s, (function(n) {
+                            return Sn(n) && n.props && n.props.value === e;
                         }));
                         if (!l) {
-                            if (e === _e) {
-                                r = true;
+                            if (e === Te) {
+                                t = true;
                             }
                             var i = Yn && Yn.indexOf(e) >= 0;
                             var u = Yn.length;
-                            if (a === 0) {
-                                c.splice(0, 0,  n().createElement(q.Divider, {
+                            if (o === 0) {
+                                s.splice(0, 0,  n().createElement(c.Divider, {
                                     key: "topDivider"
                                 }));
-                                a += 1;
-                                o = true;
+                                o += 1;
+                                a = 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 = Cn(e, f);
+                            s.splice(i ? 0 : u + 1, 0,  n().createElement(S, {
+                                elementRef: r(d),
+                                label: f,
                                 value: e,
                                 key: "missing-value-".concat(e),
                                 onClick: Kn,
-                                multiple: N,
+                                multiple: I,
                                 selected: true
                             }));
                             if (i) {
-                                a += 1;
+                                o += 1;
                             }
                         }
                     }));
                 }
-                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)(Te);
+                s = p ? s : s.filter((function(e) {
+                    if (Sn(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 (!Sn(n)) {
                         return n;
                     }
                     // highlight matched text
-                                        var t = b && (0, z.keywordLocations)(n.props.label, b);
+                                        var r = v && (0, ce.keywordLocations)(n.props.label, v);
                     
                     return (0, e.cloneElement)(n, {
-                        matchRanges: t || undefined
+                        matchRanges: r || 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 && !t && Te) {
+                    var b = a ? o + 1 : o;
+                    var m = "".concat(Te, " (new value)");
+                    var y = Cn(Te, m);
+                    s.splice(b, 0,  n().createElement(S, {
+                        elementRef: r(y),
+                        label: m,
+                        value: Te,
                         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 g = oe === "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, r) {
                     // ignore Dividers & Headings
-                    if (!ln(t)) {
-                        n.push(t);
+                    if (!Sn(r)) {
+                        n.push(r);
                         return n;
                     }
                     // Ignore any hidden items
-                                        if (t.props && t.props.hidden) {
+                                        if (r.props && r.props.hidden) {
                         return n;
                     }
-                    if (t.props.selected && !t.props.disabled && xn.current == null) {
-                        xn.current = Sn.current;
+                    if (r.props.selected && !r.props.disabled && yn.current == null) {
+                        yn.current = vn.current;
                     }
-                    var r = h === Re;
-                    h += 1;
-                    Sn.current += 1;
-                    jn.current += t.props.selected ? 1 : 0;
-                    if (t.key !== "newValue" && !t.props.disabled && !t.props.selected) {
-                        O = false;
+                    var t = g === Ee;
+                    g += 1;
+                    vn.current += 1;
+                    gn.current += r.props.selected ? 1 : 0;
+                    if (r.key !== "newValue" && !r.props.disabled && !r.props.selected) {
+                        h = false;
                     }
-                    if (!r || !Ue) {
-                        n.push(t);
+                    if (!t || !Fe) {
+                        n.push(r);
                         return n;
                     }
-                    if (!t.props.disabled) {
-                        On.current = t.props.value;
+                    if (!r.props.disabled) {
+                        dn.current = r.props.value;
                     }
-                    var l =  (0, e.cloneElement)(t, {
-                        active: r,
+                    var l =  (0, e.cloneElement)(r, {
+                        active: t,
                         elementRef: $n,
-                        id: je
+                        id: ke
                     });
                     n.push(l);
                     return n;
                 }), []);
-                Pn.current = jn.current === 0 && "none" || O && "all" || "some";
+                wn.current = gn.current === 0 && "none" || h && "all" || "some";
                 // add select all option
-                                if (ce === "checkbox" && N && Sn.current > 0) {
-                    var C;
-                    if (Pn.current === "all") {
-                        if (_e === "") {
-                            C = (0, u._)("Clear all");
+                                if (oe === "checkbox" && I && vn.current > 0) {
+                    var C = Ee === 0 && Fe;
+                    var w;
+                    if (wn.current === "all") {
+                        if (Te === "") {
+                            w = (0, u._)("Clear all");
                         } else {
-                            C = (0, u._)("Clear all matches");
+                            w = (0, u._)("Clear all matches");
                         }
-                    } else if (_e === "") {
-                        C = (0, u._)("Select all");
+                    } else if (Te === "") {
+                        w = (0, u._)("Select all");
                     } else {
-                        C = (0, u._)("Select all matches");
+                        w = (0, u._)("Select all matches");
                     }
-                    if (Re === 0 && Ue) {
-                        On.current = "selectAll";
+                    if (C) {
+                        dn.current = "selectAll";
                     }
-                    c.unshift( n().createElement(oe, {
+                    s.unshift( n().createElement(we, {
                         key: "select-all-option",
-                        active: Re === 0,
-                        changedToggle: !!be,
+                        active: C,
                         elementRef: $n,
-                        id: Re === 0 ? je : undefined,
-                        onClick: Pn.current === "all" ? Bn : _n,
-                        selectAllLabel: C,
-                        selected: Pn.current === "all" || Pn.current !== "none" && "some",
-                        totalCount: Jn.length,
-                        tabIndex: -1
-                    }),  n().createElement(q.Divider, {
+                        id: C ? ke : undefined,
+                        onClick: wn.current === "all" ? _n : Nn,
+                        label: w,
+                        selected: wn.current === "all" || wn.current !== "none" && "some",
+                        totalCount: !!be && Jn.length || undefined,
+                        tabIndex: Fe ? -1 : undefined
+                    }),  n().createElement(c.Divider, {
                         key: "selectAllDivider"
                     }));
                 }
-                kn.current = c.reduce((function(e, n) {
-                    if (ln(n)) {
+                bn.current = s.reduce((function(e, n) {
+                    if (Sn(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 ]);
-            var et = function e(t) {
-                var r = t.anchorWidth, l = t.maxHeight, o = t.placement, i = t.toggleId;
-                var u = tn({
-                    anchorWidth: r,
-                    isMultiple: N,
+                return s;
+            }), [ Ee, ke, l, f, d, Jn, O, Te, $n, _n, Kn, Fn, Xn, Nn, j, I, Yn, K, oe, Fe, be ]);
+            var er = function e(r) {
+                var t = r.anchorWidth, l = r.maxHeight, a = r.placement, i = r.toggleId;
+                var u = hn({
+                    anchorWidth: t,
+                    isMultiple: I,
                     maxHeight: l,
-                    menuStyle: B
+                    menuStyle: A
                 });
-                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(Pn, {
+                        activeItemId: ke,
+                        filterA11yId: Mn,
+                        filterKeyword: Te,
                         hasChildren: Zn.some((function(e) {
-                            return ln(e);
+                            return Sn(e);
                         })),
-                        inputId: P,
-                        inputRef: T,
-                        menuListboxId: Pe,
-                        multiple: N,
-                        onClearAll: Bn,
-                        onSelectAll: _n,
+                        inputId: k,
+                        inputRef: x,
+                        menuListboxId: xe,
+                        multiple: I,
+                        onClearAll: _n,
+                        onSelectAll: Nn,
                         onTextBlur: Wn,
                         onTextChange: Hn,
                         onTextFocus: zn,
                         onTextKeyDown: Vn,
-                        optionSelection: Pn,
-                        placement: o,
-                        selectAllAppearance: ce,
-                        textHasFocus: Ue
+                        optionSelection: wn,
+                        placement: a,
+                        selectAllAppearance: oe,
+                        textHasFocus: Fe
                     }),
-                    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(Mn !== null && Mn !== void 0 ? Mn : "", " ").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,
-                    placement: o !== null && o !== void 0 ? o : undefined,
-                    noOptionsMessage: F,
-                    footerMessage: k,
-                    animateLoading: a,
-                    loadingMessage: L,
-                    onScroll: X,
+                    menuId: xe,
+                    onScrollBottom: K ? Bn : undefined,
+                    placement: a !== null && a !== void 0 ? a : undefined,
+                    noOptionsMessage: N,
+                    footerMessage: C,
+                    animateLoading: o,
+                    loadingMessage: R,
+                    onScroll: V,
                     style: u,
                     tabIndex: c
                 };
                 if (ve) {
                     
-                    return n().createElement(D.VirtualizedResultsMenu, Ne({
+                    return n().createElement(ne.VirtualizedResultsMenu, nn({
                         virtualization: ve
                     }, s), Zn);
                 }
                 
-                return n().createElement(_(), s, Zn);
+                return n().createElement(re(), s, Zn);
             };
-            var nt = (0, e.useMemo)((function() {
+            var nr = (0, e.useMemo)((function() {
                 
-                return n().createElement(pn, Ne({
+                return n().createElement(Rn, nn({
                     appearance: i,
-                    append: c,
+                    append: s,
                     currentValues: An(),
-                    "data-test": N ? "multiselect" : "select",
-                    describedBy: g,
-                    disabled: h,
+                    "data-test": I ? "multiselect" : "select",
+                    describedBy: m,
+                    disabled: y,
                     elementRef: Un,
-                    error: C,
-                    inline: x,
-                    labelText: A,
-                    labelledBy: R,
-                    multiple: N,
-                    onClick: G,
-                    placeholder: ne,
-                    prefixLabel: te,
-                    prepend: le,
-                    required: Z,
-                    suffixLabel: fe,
+                    error: h,
+                    inline: w,
+                    labelText: E,
+                    labelledBy: P,
+                    multiple: I,
+                    onClick: H,
+                    placeholder: G,
+                    prefixLabel: Q,
+                    prepend: Z,
+                    required: U,
+                    suffixLabel: ie,
                     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 ]);
+                    toggleContent: ye
+                }, ge), d);
+            }), [ i, s, An, I, m, y, h, Un, w, E, P, H, G, Q, Z, U, ie, be, ye, ge, d ]);
             
-            return n().createElement(M(), {
-                closeReasons: rn,
-                inputId: P,
-                "aria-labelledby": Rn,
-                toggle: nt,
-                onRequestOpen: Ln,
-                onRequestClose: In,
-                open: He,
+            return n().createElement(Y(), {
+                closeReasons: On,
+                inputId: k,
+                "aria-labelledby": Mn,
+                toggle: nr,
+                onRequestOpen: In,
+                onRequestClose: qn,
+                open: De,
                 openWithArrowKeys: true,
-                repositionMode: ie,
-                defaultPlacement: b,
-                canCoverAnchor: Ae().innerHeight < 500,
+                repositionMode: te,
+                defaultPlacement: v,
+                canCoverAnchor: Xe().innerHeight < 500,
                 retainFocus: false,
-                takeFocus: Jn.length === 0 || Jn.length > 0 && !Qn || !!S
-            }, 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;
+                takeFocus: Jn.length === 0 || Jn.length > 0 && !Qn || !!O
+            }, er);
         }
-        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
+        Mn.propTypes = yn;
+        Mn.componentType = "SelectBase";
+        Mn.Option = S;
+        Mn.Divider = c.Divider;
+        Mn.Heading = c.Heading;
+        /* harmony default export */        const An = Mn;
+        // CONCATENATED MODULE: ./src/utils/useDeprecate.tsx
+        var Tn = "is deprecated and will be removed in the next major version.";
+        var In = function e(n) {
+            var r = n.additionalMessage, t = r === void 0 ? "" : r, l = n.componentName;
+            useEffect((function() {
+                if (false) {}
+            }), [ t, l ]);
+        };
+        var qn = function e(n) {
+            var r = n.additionalMessage, t = r === void 0 ? "" : r, l = n.componentName, o = n.propName, a = n.propValue;
+            useEffect((function() {
+                if (false) {}
+            }), [ t, l, o, a ]);
+        };
+        var Ln = function n(r) {
+            var t = r.additionalMessage, l = t === void 0 ? "" : t, o = r.componentName, a = r.deprecatedPropValue, i = r.propName, u = r.propValue;
+            (0, e.useEffect)((function() {
+                if (false) {}
+            }), [ l, o, i, u, a ]);
         };
-        /**
- * 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;
-        /* harmony default export */        const Sn = Cn;
         // CONCATENATED MODULE: ./src/Select/Select.tsx
-        function kn() {
-            return kn = Object.assign ? Object.assign.bind() : function(e) {
+        function Dn() {
+            return Dn = 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]);
+                    var r = arguments[n];
+                    for (var t in r) {
+                        ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
                     }
                 }
                 return e;
-            }, kn.apply(null, arguments);
+            }, Dn.apply(null, arguments);
         }
-        function wn(e, n) {
+        function Nn(e, n) {
             if (null == e) return {};
-            var t, r, l = xn(e, n);
+            var r, t, l = _n(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]);
+                var o = Object.getOwnPropertySymbols(e);
+                for (t = 0; t < o.length; t++) {
+                    r = o[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (l[r] = e[r]);
                 }
             }
             return l;
         }
-        function xn(e, n) {
+        function _n(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];
+            var r = {};
+            for (var t in e) {
+                if ({}.hasOwnProperty.call(e, t)) {
+                    if (-1 !== n.indexOf(t)) continue;
+                    r[t] = e[t];
                 }
             }
-            return t;
+            return r;
         }
         /** @public */
         /** @public */
-        /** @public */        var jn = {
-            allowKeyMatching: a().bool,
-            animateLoading: a().bool,
-            appearance: a().oneOf([ "default", "link", "subtle" ]),
-            append: a().bool,
-            children: a().node,
-            defaultPlacement: a().oneOf([ "above", "below", "vertical" ]),
-            defaultValue: a().oneOfType([ a().string, a().number, a().bool ]),
-            describedBy: a().string,
-            disabled: a().bool,
-            elementRef: a().oneOfType([ a().func, a().object ]),
-            error: a().bool,
-            filter: a().oneOf([ false, true, "controlled" ]),
-            footerMessage: a().node,
-            inline: a().bool,
-            inputId: a().string,
-            inputRef: a().oneOfType([ a().func, a().object ]),
-            isLoadingOptions: a().bool,
-            labelledBy: a().string,
-            labelText: a().string,
-            loadingMessage: a().node,
-            menuStyle: a().object,
-            name: a().string,
-            noOptionsMessage: a().node,
-            onChange: a().func,
-            onClose: a().func,
-            onFilterChange: a().func,
-            onOpen: a().func,
-            onScroll: a().func,
-            onScrollBottom: a().func,
-            placeholder: a().string,
-            prefixLabel: a().string,
-            prepend: a().bool,
-            repositionMode: a().oneOf([ "none", "flip" ]),
-            suffixLabel: a().string,
-            toggleContent: a().oneOf([ "optionChildren", "optionLabel" ]),
+        /** @public */        var Bn = {
+            allowKeyMatching: o().bool,
+            animateLoading: o().bool,
+            appearance: o().oneOf([ "default", "link", "subtle" ]),
+            append: o().bool,
+            children: o().node,
+            defaultPlacement: o().oneOf([ "above", "below", "vertical" ]),
+            defaultValue: o().oneOfType([ o().string, o().number, o().bool ]),
+            describedBy: o().string,
+            disabled: o().bool,
+            elementRef: o().oneOfType([ o().func, o().object ]),
+            error: o().bool,
+            filter: o().oneOf([ false, true, "controlled" ]),
+            footerMessage: o().node,
+            inline: o().bool,
+            inputId: o().string,
+            inputRef: o().oneOfType([ o().func, o().object ]),
+            isLoadingOptions: o().bool,
+            labelledBy: o().string,
+            labelText: o().string,
+            loadingMessage: o().node,
+            menuStyle: o().object,
+            name: o().string,
+            noOptionsMessage: o().node,
+            onChange: o().func,
+            onClose: o().func,
+            onFilterChange: o().func,
+            onOpen: o().func,
+            onScroll: o().func,
+            onScrollBottom: o().func,
+            placeholder: o().string,
+            prefixLabel: o().string,
+            prepend: o().bool,
+            repositionMode: o().oneOf([ "none", "flip" ]),
+            suffixLabel: o().string,
+            toggleContent: o().oneOf([ "optionChildren", "optionLabel" ]),
             /** @private. */
-            toggle: a().node,
-            value: a().oneOfType([ a().string, a().number, a().bool ]),
+            toggle: o().node,
+            value: o().oneOfType([ o().string, o().number, o().bool ]),
             /** @private. */
-            virtualization: a().number
+            virtualization: o().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 Vn = (0, u._)("No matches");
+        var Kn = (0, u._)("Select...");
+        function Fn(r) {
+            var t = r.allowKeyMatching, l = t === void 0 ? true : t, o = r.appearance, a = o === void 0 ? "default" : o, u = r.defaultPlacement, c = u === void 0 ? "vertical" : u, s = r.defaultValue, f = r.inline, d = f === void 0 ? true : f, p = r.noOptionsMessage, v = p === void 0 ? Vn : p, b = r.onChange, m = r.placeholder, y = m === void 0 ? Kn : m, g = r.toggleContent, h = g === void 0 ? "optionChildren" : g, O = r.value, S = Nn(r, [ "allowKeyMatching", "appearance", "defaultPlacement", "defaultValue", "inline", "noOptionsMessage", "onChange", "placeholder", "toggleContent", "value" ]);
             // @docs-props-type SelectPropsBase
-                        if (false) {}
-            var S = i()({
+                        Ln({
+                componentName: "Select",
+                deprecatedPropValue: "link",
+                propName: "appearance",
+                propValue: a
+            });
+            var C = i()({
                 componentName: "Select",
                 /* 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 w = (0, e.useMemo)((function() {
                 // wrap defaultValue in an array once to avoid failing <SelectBase>'s defaultValues comparison check
                 if (s != null) {
                     return [ s ];
@@ -1857,44 +1958,44 @@
                 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;
+                        var k = (0, e.useMemo)((function() {
+                var e = C ? undefined : w;
+                var n = function e(n, r) {
+                    var t = r.name, l = r.values;
                     b === null || b === void 0 ? void 0 : b(n, {
-                        name: r,
+                        name: t,
                         value: l[0]
                     });
                 };
-                var t = {
+                var r = {
                     onChange: n
                 };
-                if (S) {
-                    t.values = O != null ? [ O ] : [];
+                if (C) {
+                    r.values = O != null ? [ O ] : [];
                 } else if (e != null) {
-                    t.defaultValues = e;
+                    r.defaultValues = e;
                 }
-                return t;
-            }), [ k, b, S, O ]);
+                return r;
+            }), [ w, b, C, O ]);
             
-            return n().createElement(bn, kn({
+            return n().createElement(An, Dn({
                 allowKeyMatching: l,
-                appearance: o,
+                appearance: a,
                 defaultPlacement: c,
                 inline: d,
                 noOptionsMessage: v,
-                placeholder: g,
+                placeholder: y,
                 toggleContent: h
-            }, C, w, {
+            }, S, k, {
                 multiple: false
             }));
         }
-        En.propTypes = jn;
-        En.Option = Sn;
-        En.Heading = q.Heading;
-        En.Divider = q.Divider;
-        /* harmony default export */        const Rn = En;
+        Fn.propTypes = Bn;
+        Fn.Option = E;
+        Fn.Heading = c.Heading;
+        Fn.Divider = c.Divider;
+        /* harmony default export */        const Hn = Fn;
     }) // CONCATENATED MODULE: ./src/Select/index.ts
     ();
-    module.exports = r;
+    module.exports = t;
     /******/})();