@splunk/react-ui 4.43.0 → 5.0.0-beta.2

package/Select.js

@@ -3,16 +3,16 @@
     /******/ "use strict";
     /******/    var e = {
         /***/ 2907: 
-        /***/ (e, t, n) => {
+        /***/ (e, n, t) => {
             // EXPORTS
-            n.d(t, {
+            t.d(n, {
                 default: () => /* reexport */ i
             });
             // EXTERNAL MODULE: external "react"
-                        var r = n(9497);
+                        var r = t(9497);
             // EXTERNAL MODULE: external "lodash/has"
-                        var o = n(5919);
-            var l =  n.n(o);
+                        var l = t(5919);
+            var a =  t.n(l);
             // CONCATENATED MODULE: ./src/useControlled/useControlled.tsx
             /**
  * This is a private component not intended for use outside @splunk/react-ui
@@ -24,20 +24,20 @@
  *
  * Return the controlled state of the component.
  */
-            function a(e) {
-                var t = e.componentProps, n = e.componentName, o = n === void 0 ? "this component" : n, a = e.defaultValuePropName, i = a === void 0 ? "defaultValue" : a, u = e.valuePropName, c = u === void 0 ? "value" : u;
-                var s = (0, r.useRef)(l()(t, c));
-                var f = (0, r.useRef)(t[i]);
+            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() {
                     if (false) {}
-                }), [ o, t, i, c ]);
+                }), [ l, n, i, c ]);
                 (0, r.useEffect)((function() {
                     if (false) {}
                     if (false) {}
-                }), [ o, t, i, c ]);
+                }), [ l, n, i, c ]);
                 return s.current;
             }
-            /* harmony default export */            const i = a;
+            /* harmony default export */            const i = o;
         } // CONCATENATED MODULE: ./src/useControlled/index.ts
         /***/ ,
         /***/ 5919: 
@@ -52,54 +52,54 @@
     };
     /************************************************************************/
     /******/ // The module cache
-    /******/    var t = {};
+    /******/    var n = {};
     /******/
     /******/ // The require function
-    /******/    function n(r) {
+    /******/    function t(r) {
         /******/ // Check if module is in cache
-        /******/ var o = t[r];
-        /******/        if (o !== undefined) {
-            /******/ return o.exports;
+        /******/ var l = n[r];
+        /******/        if (l !== undefined) {
+            /******/ return l.exports;
             /******/        }
         /******/ // Create a new module (and put it into the cache)
-        /******/        var l = t[r] = {
+        /******/        var a = n[r] = {
             /******/ // no module.id needed
             /******/ // no module.loaded needed
             /******/ exports: {}
             /******/        };
         /******/
         /******/ // Execute the module function
-        /******/        e[r](l, l.exports, n);
+        /******/        e[r](a, a.exports, t);
         /******/
         /******/ // Return the exports of the module
-        /******/        return l.exports;
+        /******/        return a.exports;
         /******/    }
     /******/
     /************************************************************************/
     /******/ /* webpack/runtime/compat get default export */
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/ n.n = e => {
-            /******/ var t = e && e.__esModule ? 
+        /******/ t.n = e => {
+            /******/ var n = e && e.__esModule ? 
             /******/ () => e["default"]
             /******/ : () => e
             /******/;
-            n.d(t, {
-                a: t
+            t.d(n, {
+                a: n
             });
-            /******/            return t;
+            /******/            return n;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ n.d = (e, t) => {
-            /******/ for (var r in t) {
-                /******/ if (n.o(t, r) && !n.o(e, r)) {
+        /******/ t.d = (e, n) => {
+            /******/ for (var r in n) {
+                /******/ if (t.o(n, r) && !t.o(e, r)) {
                     /******/ Object.defineProperty(e, r, {
                         enumerable: true,
-                        get: t[r]
+                        get: n[r]
                     });
                     /******/                }
                 /******/            }
@@ -108,14 +108,14 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ n.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
+        /******/ t.o = (e, n) => Object.prototype.hasOwnProperty.call(e, n)
         /******/;
     })();
     /******/
     /******/ /* webpack/runtime/make namespace object */
     /******/    (() => {
         /******/ // define __esModule on exports
-        /******/ n.r = e => {
+        /******/ t.r = e => {
             /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
                 /******/ Object.defineProperty(e, Symbol.toStringTag, {
                     value: "Module"
@@ -131,435 +131,381 @@
     // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
         (() => {
         // ESM COMPAT FLAG
-        n.r(r);
+        t.r(r);
         // EXPORTS
-                n.d(r, {
-            Divider: () => /* reexport */ T.Divider,
-            Heading: () => /* reexport */ T.Heading,
-            Option: () => /* reexport */ Mt,
-            default: () => /* reexport */ tn
+                t.d(r, {
+            Divider: () => /* reexport */ q.Divider,
+            Heading: () => /* reexport */ q.Heading,
+            Option: () => /* reexport */ On,
+            default: () => /* reexport */ En
         });
         // EXTERNAL MODULE: external "react"
-                var e = n(9497);
-        var t =  n.n(e);
+                var e = t(9497);
+        var n =  t.n(e);
         // CONCATENATED MODULE: external "prop-types"
-        const o = require("prop-types");
-        var l =  n.n(o);
-        // EXTERNAL MODULE: external "lodash/has"
-                var a = n(5919);
-        var i =  n.n(a);
+        const l = require("prop-types");
+        var a =  t.n(l);
+        // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
+        const o = require("@splunk/react-ui/useControlled");
+        var i =  t.n(o);
         // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
         const u = require("@splunk/ui-utils/i18n");
         // CONCATENATED MODULE: external "lodash/castArray"
         const c = require("lodash/castArray");
-        var s =  n.n(c);
+        var s =  t.n(c);
         // CONCATENATED MODULE: external "lodash/find"
         const f = require("lodash/find");
-        var p =  n.n(f);
+        var d =  t.n(f);
         // CONCATENATED MODULE: external "lodash/forEachRight"
-        const d = require("lodash/forEachRight");
-        var v =  n.n(d);
+        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 b = require("lodash/includes");
-        var m =  n.n(b);
+        const g = require("lodash/includes");
+        var y =  t.n(g);
         // CONCATENATED MODULE: external "lodash/memoize"
-        const y = require("lodash/memoize");
-        var h =  n.n(y);
+        const h = require("lodash/memoize");
+        var O =  t.n(h);
         // CONCATENATED MODULE: external "lodash/pick"
-        const g = require("lodash/pick");
-        var O =  n.n(g);
+        const C = require("lodash/pick");
+        var S =  t.n(C);
         // CONCATENATED MODULE: external "lodash/uniq"
-        const S = require("lodash/uniq");
-        var C =  n.n(S);
+        const k = require("lodash/uniq");
+        var w =  t.n(k);
         // CONCATENATED MODULE: external "lodash/without"
-        const k = require("lodash/without");
-        var w =  n.n(k);
+        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 E =  t.n(P);
+        // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
+        const R = require("@splunk/react-icons/Magnifier");
+        var T =  t.n(R);
         // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
-        const x = require("@splunk/react-ui/Dropdown");
-        var j =  n.n(x);
+        const A = require("@splunk/react-ui/Dropdown");
+        var M =  t.n(A);
         // CONCATENATED MODULE: external "@splunk/react-ui/Link"
-        const P = require("@splunk/react-ui/Link");
-        var E =  n.n(P);
+        const L = require("@splunk/react-ui/Link");
+        var I =  t.n(L);
         // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
-        const T = require("@splunk/react-ui/Menu");
+        const q = require("@splunk/react-ui/Menu");
         // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
-        const R = require("@splunk/react-ui/ResultsMenu");
-        var A =  n.n(R);
+        const D = require("@splunk/react-ui/ResultsMenu");
+        var _ =  t.n(D);
         // CONCATENATED MODULE: external "@splunk/react-ui/Text"
-        const _ = require("@splunk/react-ui/Text");
-        var I =  n.n(_);
+        const B = require("@splunk/react-ui/Text");
+        var N =  t.n(B);
         // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
-        const M = require("@splunk/react-ui/ScreenReaderContent");
-        var L =  n.n(M);
+        const V = require("@splunk/react-ui/ScreenReaderContent");
+        var K =  t.n(V);
         // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
-        const q = require("@splunk/react-ui/usePrevious");
-        var D =  n.n(q);
+        const F = require("@splunk/react-ui/usePrevious");
+        var H =  t.n(F);
         // CONCATENATED MODULE: external "@splunk/ui-utils/filter"
-        const B = require("@splunk/ui-utils/filter");
+        const z = require("@splunk/ui-utils/filter");
         // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-        const V = require("@splunk/ui-utils/id");
+        const $ = require("@splunk/ui-utils/id");
         // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-        const N = require("@splunk/ui-utils/keyboard");
-        // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
-        const K = require("@splunk/react-icons/CaretSmallDown");
-        var F =  n.n(K);
-        // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Caret"
-        const H = require("@splunk/react-icons/enterprise/Caret");
-        var z =  n.n(H);
-        // CONCATENATED MODULE: external "@splunk/themes"
-        const $ = require("@splunk/themes");
-        // CONCATENATED MODULE: ./src/Select/icons/CaretSmallDown.tsx
-        var W = function e() {
-            var n = (0, $.useSplunkTheme)(), r = n.isEnterprise;
-            var o = r ?  t().createElement(z(), {
-                screenReaderText: null,
-                hideDefaultTooltip: true,
-                size: .5
-            }) :  t().createElement(F(), null);
-            return o;
-        };
-        /* harmony default export */        const U = W;
-        // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Search"
-        const J = require("@splunk/react-icons/enterprise/Search");
-        var X =  n.n(J);
-        // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
-        const G = require("@splunk/react-icons/Magnifier");
-        var Q =  n.n(G);
-        // CONCATENATED MODULE: ./src/Select/icons/Search.tsx
-        var Y = function e() {
-            var n = (0, $.useSplunkTheme)(), r = n.isEnterprise, o = n.isCompact;
-            var l = (0, u._)("Search");
-            var a = o ? "20px" : "24px";
-            var i = r ?  t().createElement(X(), {
-                role: "presentation",
-                size: "16px",
-                screenReaderText: l,
-                hideDefaultTooltip: true
-            }) :  t().createElement(Q(), {
-                role: "presentation",
-                "aria-label": l,
-                width: a,
-                height: a
-            });
-            return i;
-        };
-        /* harmony default export */        const Z = Y;
+        const W = require("@splunk/ui-utils/keyboard");
         // CONCATENATED MODULE: ./src/Select/OptionBase.tsx
-        function ee(e) {
+        function X(e) {
             "@babel/helpers - typeof";
-            return ee = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return X = "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;
-            }, ee(e);
-        }
-        function te() {
-            return te = Object.assign ? Object.assign.bind() : function(e) {
-                for (var t = 1; t < arguments.length; t++) {
-                    var n = arguments[t];
-                    for (var r in n) {
-                        ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
+            }, X(e);
+        }
+        function J() {
+            return J = 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;
-            }, te.apply(null, arguments);
+            }, J.apply(null, arguments);
         }
-        function ne(e, t) {
-            var n = Object.keys(e);
+        function U(e, n) {
+            var t = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
                 var r = Object.getOwnPropertySymbols(e);
-                t && (r = r.filter((function(t) {
-                    return Object.getOwnPropertyDescriptor(e, t).enumerable;
-                }))), n.push.apply(n, r);
+                n && (r = r.filter((function(n) {
+                    return Object.getOwnPropertyDescriptor(e, n).enumerable;
+                }))), t.push.apply(t, r);
             }
-            return n;
-        }
-        function re(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var n = null != arguments[t] ? arguments[t] : {};
-                t % 2 ? ne(Object(n), !0).forEach((function(t) {
-                    oe(e, t, n[t]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : ne(Object(n)).forEach((function(t) {
-                    Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+            return t;
+        }
+        function G(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) {
+                    Q(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));
                 }));
             }
             return e;
         }
-        function oe(e, t, n) {
-            return (t = le(t)) in e ? Object.defineProperty(e, t, {
-                value: n,
+        function Q(e, n, t) {
+            return (n = Y(n)) in e ? Object.defineProperty(e, n, {
+                value: t,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
-            }) : e[t] = n, e;
-        }
-        function le(e) {
-            var t = ae(e, "string");
-            return "symbol" == ee(t) ? t : t + "";
-        }
-        function ae(e, t) {
-            if ("object" != ee(e) || !e) return e;
-            var n = e[Symbol.toPrimitive];
-            if (void 0 !== n) {
-                var r = n.call(e, t || "default");
-                if ("object" != ee(r)) return r;
+            }) : e[n] = t, e;
+        }
+        function Y(e) {
+            var n = Z(e, "string");
+            return "symbol" == X(n) ? n : n + "";
+        }
+        function Z(e, n) {
+            if ("object" != X(e) || !e) return e;
+            var t = e[Symbol.toPrimitive];
+            if (void 0 !== t) {
+                var r = t.call(e, n || "default");
+                if ("object" != X(r)) return r;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
-            return ("string" === t ? String : Number)(e);
+            return ("string" === n ? String : Number)(e);
         }
-        function ie(e, t) {
+        function ee(e, n) {
             if (null == e) return {};
-            var n, r, o = ue(e, t);
+            var t, r, l = ne(e, n);
             if (Object.getOwnPropertySymbols) {
-                var l = Object.getOwnPropertySymbols(e);
-                for (r = 0; r < l.length; r++) {
-                    n = l[r], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+                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 o;
+            return l;
         }
-        function ue(e, t) {
+        function ne(e, n) {
             if (null == e) return {};
-            var n = {};
+            var t = {};
             for (var r in e) {
                 if ({}.hasOwnProperty.call(e, r)) {
-                    if (t.includes(r)) continue;
-                    n[r] = e[r];
+                    if (n.includes(r)) continue;
+                    t[r] = e[r];
                 }
             }
-            return n;
+            return t;
         }
-        var ce = {
+        var te = {
             /** @private */
-            active: l().bool,
-            children: l().node,
-            description: l().string,
-            descriptionPosition: l().oneOf([ "right", "bottom" ]),
-            disabled: l().bool,
-            elementRef: l().oneOfType([ l().func, l().object ]),
-            hidden: l().bool,
-            icon: l().node,
-            label: l().string.isRequired,
+            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,
             /**
    * @private Passed down from <BaseSelect>
    */
-            multiple: l().bool,
-            matchRanges: l().arrayOf(l().shape({
-                start: l().number.isRequired,
-                end: l().number.isRequired
+            multiple: a().bool,
+            matchRanges: a().arrayOf(a().shape({
+                start: a().number.isRequired,
+                end: a().number.isRequired
             })),
             /** @private */
-            onClick: l().func,
+            onClick: a().func,
             /** @private */
-            role: l().oneOf([ "menuitemcheckbox", "option" ]),
+            role: a().oneOf([ "menuitemcheckbox", "option" ]),
             /** @private */
-            selected: l().oneOfType([ l().bool, l().oneOf([ "some" ]) ]),
-            truncate: l().bool,
-            value: l().oneOfType([ l().string, l().number, l().bool ]).isRequired
+            selected: a().oneOfType([ a().bool, a().oneOf([ "some" ]) ]),
+            truncate: a().bool,
+            value: a().oneOfType([ a().string, a().number, a().bool ]).isRequired
         };
         /**
  * An option within a `Multiselect`.
- */        function se(n) {
-            var r = n.children, o = n.descriptionPosition, l = o === void 0 ? "bottom" : o, a = n.disabled, i = n.elementRef, u = n.icon, c = n.label, s = n.multiple, f = n.onClick, p = n.role, d = p === void 0 ? "option" : p, v = n.value, b = ie(n, [ "children", "descriptionPosition", "disabled", "elementRef", "icon", "label", "multiple", "onClick", "role", "value" ]);
+ */        function re(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 = ee(t, [ "children", "descriptionPosition", "disabled", "elementRef", "icon", "label", "multiple", "onClick", "role", "value" ]);
             // @docs-props-type OptionPropsBase
                         var m = (0, e.useCallback)((function(e) {
-                if (!a) {
+                if (!o) {
                     f === null || f === void 0 ? void 0 : f(e, {
                         value: v
                     });
                 }
-            }), [ a, f, v ]);
-            var y = v.toString();
-            var h = re({
-                descriptionPosition: l,
-                disabled: a
+            }), [ o, f, v ]);
+            var g = v.toString();
+            var y = G({
+                descriptionPosition: a,
+                disabled: o ? "disabled" : undefined
             }, b);
             
-            return t().createElement(T.Item, te({
+            return n().createElement(q.Item, J({
                 "data-test-value": v,
                 "data-test": "option",
                 elementRef: i
-            }, h, {
+            }, y, {
                 selectable: true,
                 selectableAppearance: s ? "checkbox" : "checkmark",
                 startAdornment: u,
                 onClick: m,
-                role: d,
-                value: y
+                role: p,
+                value: g
             }), r || c);
         }
-        se.propTypes = ce;
-        se.type = T.Item;
+        re.propTypes = te;
+        re.type = q.Item;
  // For components to distinguish if their children are Options or Headings/Dividers
-        /* harmony default export */        const fe = se;
+        /* harmony default export */        const le = re;
         // CONCATENATED MODULE: ./src/Select/SelectAllOption.tsx
-        var pe = {
-            active: l().bool,
-            changedToggle: l().bool,
-            elementRef: l().oneOfType([ l().func, l().object ]),
-            id: l().string,
-            onClick: l().func,
-            selectAllLabel: l().string,
-            selected: l().oneOf([ false, true, "some" ]),
-            totalCount: l().number
+        var ae = {
+            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
         };
-        function de(e) {
-            var n = e.active, r = e.elementRef, o = e.id, l = e.onClick, a = e.selectAllLabel, i = e.totalCount, u = e.changedToggle, c = e.selected;
+        function oe(e) {
+            var t = e.active, r = e.elementRef, l = e.id, a = e.onClick, o = e.selectAllLabel, i = e.totalCount, u = e.changedToggle, c = e.selected;
             // When toggle is changed the total count is not displayed anymore so the count is now shown in the Select all menu item
                         var s = u ? " (".concat(i === null || i === void 0 ? void 0 : i.toString(), ")") : "";
             
-            return t().createElement(fe, {
-                active: n,
+            return n().createElement(le, {
+                active: t,
                 elementRef: r,
                 "aria-keyshortcuts": "Control+A",
                 "data-test": "select-all",
                 description: "".concat(s, " Ctrl-a"),
                 descriptionPosition: "right",
-                id: o,
+                id: l,
                 key: "selectAll",
-                label: a,
+                label: o,
                 multiple: true,
-                onClick: l,
+                onClick: a,
                 role: "menuitemcheckbox",
                 selected: c,
                 tabIndex: -1,
                 value: "selectAll"
             });
         }
-        de.propTypes = pe;
-        /* harmony default export */        const ve = de;
+        oe.propTypes = ae;
+        /* harmony default export */        const ie = oe;
         // CONCATENATED MODULE: external "styled-components"
-        const be = require("styled-components");
-        var me =  n.n(be);
+        const ue = require("styled-components");
+        var ce =  t.n(ue);
         // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-        const ye = require("@splunk/react-ui/Button");
-        var he =  n.n(ye);
+        const se = require("@splunk/react-ui/Button");
+        var fe =  t.n(se);
+        // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
+        const de = require("@splunk/react-ui/Divider");
+        var pe =  t.n(de);
+        // CONCATENATED MODULE: external "@splunk/themes"
+        const ve = require("@splunk/themes");
         // CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
-        var ge = me()(he()).withConfig({
+        var be = ce()(fe()).withConfig({
             displayName: "SelectBaseStyles__StyledButton",
             componentId: "sc-16cj7sk-0"
         })([ "&[data-inline]{width:", ";}", "" ], (function(e) {
-            var t = e.$multiple;
-            return t ? "400px" : "auto";
+            var n = e.$multiple;
+            return n ? "400px" : "auto";
         }), (function(e) {
-            var t = e.$multiple;
-            return !t && "flex-grow: 0;";
+            var n = e.$multiple;
+            return !n && "flex-grow: 0;";
         }));
-        var Oe = me().span.withConfig({
+        var me = ce().span.withConfig({
             displayName: "SelectBaseStyles__StyledLinkIcon",
             componentId: "sc-16cj7sk-1"
-        })([ "padding-right:2px;" ]);
-        var Se = me().span.withConfig({
+        })([ "padding-right:", ";" ], ve.variables.spacingXSmall);
+        var ge = ce().span.withConfig({
             displayName: "SelectBaseStyles__StyledLinkCaret",
             componentId: "sc-16cj7sk-2"
-        })([ "padding-left:2px;" ]);
-        var Ce = me().div.withConfig({
+        })([ "padding-left:", ";" ], ve.variables.spacingXSmall);
+        var ye = ce().div.withConfig({
             displayName: "SelectBaseStyles__StyledFilter",
             componentId: "sc-16cj7sk-3"
-        })([ "padding:", ";min-width:160px;" ], (0, $.pick)({
-            enterprise: "8px",
-            prisma: "10px 16px"
-        }));
-        var ke = me().span.withConfig({
-            displayName: "SelectBaseStyles__StyledSearchIconWrapper",
-            componentId: "sc-16cj7sk-4"
-        })([ "color:", ";pointer-events:none;padding:", ";" ], (0, $.pick)({
-            enterprise: {
-                light: $.variables.gray60,
-                dark: $.variables.white
-            },
-            prisma: $.variables.contentColorMuted
-        }), (0, $.pick)({
-            comfortable: "0 8px",
-            compact: "0 6px"
-        }));
-        var we = me().span.withConfig({
+        })([ "padding:", " ", " ", ";min-width:160px;" ], ve.variables.spacingLarge, ve.variables.spacingLarge, ve.variables.spacingSmall);
+        var he = ce().span.withConfig({
             displayName: "SelectBaseStyles__StyledCount",
-            componentId: "sc-16cj7sk-5"
-        })([ "padding-right:", ";" ], $.variables.spacingXSmall);
-        var xe = me()(E()).withConfig({
+            componentId: "sc-16cj7sk-4"
+        })([ "padding-right:", ";" ], ve.variables.spacingXSmall);
+        var Oe = ce()(I()).withConfig({
             displayName: "SelectBaseStyles__StyledControlsLink",
-            componentId: "sc-16cj7sk-6"
-        })([ "margin-right:20px;", ";" ], (function(e) {
-            var t = e.$disabled;
-            return t && (0, be.css)([ "color:", ";" ], $.variables.contentColorDisabled);
+            componentId: "sc-16cj7sk-5"
+        })([ "", ";" ], (function(e) {
+            var n = e.$disabled;
+            return n && (0, ue.css)([ "color:", ";" ], ve.variables.contentColorDisabled);
         }));
-        var je = me().div.withConfig({
+        var Ce = ce().div.withConfig({
             displayName: "SelectBaseStyles__StyledToggleAllControls",
+            componentId: "sc-16cj7sk-6"
+        })([ "", ";gap:", ";padding:", " ", " ", ";" ], ve.mixins.reset("flex"), ve.variables.spacingMedium, ve.variables.spacingXSmall, ve.variables.spacingLarge, ve.variables.spacingSmall);
+        var Se = ce()(pe()).withConfig({
+            displayName: "SelectBaseStyles__StyledControlsDivider",
             componentId: "sc-16cj7sk-7"
-        })([ "padding:", ";", "" ], (0, $.pick)({
-            enterprise: "5px 8px",
-            prisma: "10px 16px"
-        }), (0, $.pickVariant)("$placement", {
-            above: {
-                enterprise: (0, be.css)([ "border-top:", ";" ], $.variables.border),
-                prisma: (0, be.css)([ "border-top:1px solid ", ";" ], $.variables.neutral200)
-            },
-            below: {
-                enterprise: (0, be.css)([ "border-bottom:", ";" ], $.variables.border),
-                prisma: (0, be.css)([ "border-bottom:1px solid ", ";" ], $.variables.neutral200)
-            }
-        }));
+        })([ "border-color:", ";" ], ve.variables.borderColor);
         // EXTERNAL MODULE: ./src/useControlled/index.ts + 1 modules
-                var Pe = n(2907);
+                var ke = t(2907);
         // CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
         // A utility for matching keyboard characters to list values
-        var Ee = function e(t, n) {
-            return t ? t.label.charAt(n).toLowerCase() : "";
+        var we = function e(n, t) {
+            return n ? n.label.charAt(t).toLowerCase() : "";
         };
-        var Te = function e(t, n) {
-            if (!t.length) {
-                return t;
+        var xe = function e(n, t) {
+            if (!n.length) {
+                return n;
             }
             var r = null;
-            var o = false;
-            var l = t.filter((function(e) {
-                var t = Ee(e, n.index);
-                if (t === n.value) {
-                    o = true;
+            var l = false;
+            var a = n.filter((function(e) {
+                var n = we(e, t.index);
+                if (n === t.value) {
+                    l = true;
                     return true;
                 }
                 // If we haven't found a match yet, keep track of the next closest match.
                 // Secondary matching looks for the closest character of a higher value, and failing that, closest of a lower value.
-                                if (!o) {
-                    var l = Ee(r, n.index);
-                    if (!l) {
+                                if (!l) {
+                    var a = we(r, t.index);
+                    if (!a) {
                         r = e;
-                    } else if (t > n.value) {
-                        if (l < n.value) {
+                    } else if (n > t.value) {
+                        if (a < t.value) {
                             r = e;
-                        } else if (l > t) {
+                        } else if (a > n) {
                             r = e;
                         }
-                    } else if (t > l) {
+                    } else if (n > a) {
                         r = e;
                     }
                 }
                 return false;
             }));
-            return l.length === 0 && r ? [ r ] : l;
+            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 Re = function e(t) {
-            if (!t) {
+        var je = function e(n) {
+            if (!n) {
                 return;
             }
-            var n = t.offsetParent;
-            if (!n) {
+            var t = n.offsetParent;
+            if (!t) {
                 return;
             }
             // Below the bottom of the container.
-                        if (n.scrollTop + n.clientHeight < t.offsetTop + t.clientHeight) {
-                n.scrollTop = t.offsetTop + t.clientHeight - n.clientHeight;
+                        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 (n.scrollTop > t.offsetTop) {
-                n.scrollTop = t.offsetTop;
+                        } else if (t.scrollTop > n.offsetTop) {
+                t.scrollTop = n.offsetTop;
             }
         };
         // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
         /* eslint-disable @typescript-eslint/no-empty-function */
-        var Ae = {
+        var Pe = {
             body: {
                 appendChild: function e() {
                     return [];
@@ -613,14 +559,14 @@
                 search: ""
             }
         };
-        function _e() {
-            var e = typeof document !== "undefined" ? document : Ae;
+        function Ee() {
+            var e = typeof document !== "undefined" ? document : Pe;
             return e;
         }
         // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
         /* eslint-disable @typescript-eslint/no-empty-function */
-        var Ie = {
-            document: Ae,
+        var Re = {
+            document: Pe,
             navigator: {
                 userAgent: ""
             },
@@ -660,409 +606,432 @@
             matchMedia: function e() {
                 return {};
             },
-            requestAnimationFrame: function e(t) {
+            requestAnimationFrame: function e(n) {
                 if (typeof setTimeout === "undefined") {
-                    t();
+                    n();
                     return null;
                 }
-                return setTimeout(t, 0);
+                return setTimeout(n, 0);
             },
-            cancelAnimationFrame: function e(t) {
+            cancelAnimationFrame: function e(n) {
                 if (typeof setTimeout === "undefined") {
                     return;
                 }
-                clearTimeout(t);
+                clearTimeout(n);
             }
         };
-        function Me() {
-            var e = typeof window !== "undefined" ? window : Ie;
+        function Te() {
+            var e = typeof window !== "undefined" ? window : Re;
             return e;
         }
+        // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
+        /**
+ * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
+ *
+ * @param ref - The React callback or object ref. Can be `null` or `undefined`.
+ * @param current - The new value of the ref.
+ */
+        function Ae(e, n) {
+            if (e) {
+                if (typeof e === "function") {
+                    e(n);
+                } else {
+                    // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
+                    // the intention here is to signal "we will take care of setting 'current', not you".
+                    e.current = n;
+ // eslint-disable-line no-param-reassign
+                                }
+            }
+        }
         // CONCATENATED MODULE: ./src/Select/SelectBase.tsx
-        function Le(e) {
-            return Be(e) || De(e) || Fe(e) || qe();
+        function Me(e) {
+            return qe(e) || Ie(e) || Ne(e) || Le();
         }
-        function qe() {
+        function Le() {
             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 De(e) {
+        function Ie(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 qe(e) {
+            if (Array.isArray(e)) return Ve(e);
         }
-        function Ve() {
-            return Ve = Object.assign ? Object.assign.bind() : function(e) {
-                for (var t = 1; t < arguments.length; t++) {
-                    var n = arguments[t];
-                    for (var r in n) {
-                        ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
+        function De() {
+            return De = 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;
-            }, Ve.apply(null, arguments);
+            }, De.apply(null, arguments);
         }
-        function Ne(e, t) {
-            return $e(e) || ze(e, t) || Fe(e, t) || Ke();
+        function _e(e, n) {
+            return Fe(e) || Ke(e, n) || Ne(e, n) || Be();
         }
-        function Ke() {
+        function Be() {
             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, t) {
+        function Ne(e, n) {
             if (e) {
-                if ("string" == typeof e) return He(e, t);
-                var n = {}.toString.call(e).slice(8, -1);
-                return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? He(e, t) : void 0;
+                if ("string" == typeof e) return Ve(e, n);
+                var t = {}.toString.call(e).slice(8, -1);
+                return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Ve(e, n) : void 0;
             }
         }
-        function He(e, t) {
-            (null == t || t > e.length) && (t = e.length);
-            for (var n = 0, r = Array(t); n < t; n++) {
-                r[n] = e[n];
+        function Ve(e, n) {
+            (null == n || n > e.length) && (n = e.length);
+            for (var t = 0, r = Array(n); t < n; t++) {
+                r[t] = e[t];
             }
             return r;
         }
-        function ze(e, t) {
-            var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
-            if (null != n) {
-                var r, o, l, a, i = [], u = !0, c = !1;
+        function Ke(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;
                 try {
-                    if (l = (n = n.call(e)).next, 0 === t) {
-                        if (Object(n) !== n) return;
+                    if (a = (t = t.call(e)).next, 0 === n) {
+                        if (Object(t) !== t) return;
                         u = !1;
-                    } else for (;!(u = (r = l.call(n)).done) && (i.push(r.value), i.length !== t); u = !0) {
+                    } else for (;!(u = (r = a.call(t)).done) && (i.push(r.value), i.length !== n); u = !0) {
                     }
                 } catch (e) {
-                    c = !0, o = e;
+                    c = !0, l = e;
                 } finally {
                     try {
-                        if (!u && null != n["return"] && (a = n["return"](), Object(a) !== a)) return;
+                        if (!u && null != t["return"] && (o = t["return"](), Object(o) !== o)) return;
                     } finally {
-                        if (c) throw o;
+                        if (c) throw l;
                     }
                 }
                 return i;
             }
         }
-        function $e(e) {
+        function Fe(e) {
             if (Array.isArray(e)) return e;
         }
-        function We(e, t) {
+        function He(e, n) {
             if (null == e) return {};
-            var n, r, o = Ue(e, t);
+            var t, r, l = ze(e, n);
             if (Object.getOwnPropertySymbols) {
-                var l = Object.getOwnPropertySymbols(e);
-                for (r = 0; r < l.length; r++) {
-                    n = l[r], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+                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 o;
+            return l;
         }
-        function Ue(e, t) {
+        function ze(e, n) {
             if (null == e) return {};
-            var n = {};
+            var t = {};
             for (var r in e) {
                 if ({}.hasOwnProperty.call(e, r)) {
-                    if (t.includes(r)) continue;
-                    n[r] = e[r];
+                    if (n.includes(r)) continue;
+                    t[r] = e[r];
                 }
             }
-            return n;
+            return t;
         }
-        function Je(e) {
+        function $e(e) {
             "@babel/helpers - typeof";
-            return Je = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return $e = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
                 return typeof e;
             } : function(e) {
                 return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-            }, Je(e);
+            }, $e(e);
         }
-        function Xe(e, t) {
-            var n = Object.keys(e);
+        function We(e, n) {
+            var t = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
                 var r = Object.getOwnPropertySymbols(e);
-                t && (r = r.filter((function(t) {
-                    return Object.getOwnPropertyDescriptor(e, t).enumerable;
-                }))), n.push.apply(n, r);
+                n && (r = r.filter((function(n) {
+                    return Object.getOwnPropertyDescriptor(e, n).enumerable;
+                }))), t.push.apply(t, r);
             }
-            return n;
-        }
-        function Ge(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var n = null != arguments[t] ? arguments[t] : {};
-                t % 2 ? Xe(Object(n), !0).forEach((function(t) {
-                    Qe(e, t, n[t]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Xe(Object(n)).forEach((function(t) {
-                    Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+            return t;
+        }
+        function Xe(e) {
+            for (var n = 1; n < arguments.length; n++) {
+                var t = null != arguments[n] ? arguments[n] : {};
+                n % 2 ? We(Object(t), !0).forEach((function(n) {
+                    Je(e, n, t[n]);
+                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : We(Object(t)).forEach((function(n) {
+                    Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
                 }));
             }
             return e;
         }
-        function Qe(e, t, n) {
-            return (t = Ye(t)) in e ? Object.defineProperty(e, t, {
-                value: n,
+        function Je(e, n, t) {
+            return (n = Ue(n)) in e ? Object.defineProperty(e, n, {
+                value: t,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
-            }) : e[t] = n, e;
-        }
-        function Ye(e) {
-            var t = Ze(e, "string");
-            return "symbol" == Je(t) ? t : t + "";
-        }
-        function Ze(e, t) {
-            if ("object" != Je(e) || !e) return e;
-            var n = e[Symbol.toPrimitive];
-            if (void 0 !== n) {
-                var r = n.call(e, t || "default");
-                if ("object" != Je(r)) return r;
+            }) : e[n] = t, e;
+        }
+        function Ue(e) {
+            var n = Ge(e, "string");
+            return "symbol" == $e(n) ? n : n + "";
+        }
+        function Ge(e, n) {
+            if ("object" != $e(e) || !e) return e;
+            var t = e[Symbol.toPrimitive];
+            if (void 0 !== t) {
+                var r = t.call(e, n || "default");
+                if ("object" != $e(r)) return r;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
-            return ("string" === t ? String : Number)(e);
-        }
-        var et = {
-            allowKeyMatching: l().bool,
-            allowNewValues: l().bool,
-            animateLoading: l().bool,
-            appearance: l().oneOf([ "default", "link", "primary", "pill", "toggle", "flat", "subtle" ]),
-            append: l().bool,
-            children: l().node,
-            defaultPlacement: l().oneOf([ "above", "below", "vertical" ]),
-            defaultValues: l().array,
-            describedBy: l().string,
-            disabled: l().bool,
-            elementRef: l().oneOfType([ l().func, l().object ]),
-            error: l().bool,
-            filter: l().oneOf([ false, true, "controlled" ]),
-            footerMessage: l().node,
-            inline: l().bool,
-            inputId: l().string,
-            inputRef: l().oneOfType([ l().func, l().object ]),
-            isLoadingOptions: l().bool,
-            labelledBy: l().string,
-            labelText: l().string,
-            loadingMessage: l().node,
-            menuStyle: l().object,
-            multiple: l().bool,
-            name: l().string,
-            noOptionsMessage: l().node,
-            onChange: l().func,
-            onClick: l().func,
-            onClose: l().func,
-            onFilterChange: l().func,
-            onOpen: l().func,
-            onScroll: l().func,
-            onScrollBottom: l().func,
+            return ("string" === n ? String : Number)(e);
+        }
+        var Qe = {
+            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,
             /** @private. */
-            required: l().bool,
-            placeholder: l().string,
-            prefixLabel: l().string,
-            prepend: l().bool,
-            repositionMode: l().oneOf([ "none", "flip" ]),
-            selectAllAppearance: l().oneOf([ "buttongroup", "checkbox" ]),
-            showSelectedValuesFirst: l().oneOf([ "nextOpen", "immediately", "never" ]),
-            suffixLabel: l().string,
-            tabConfirmsNewValue: l().bool,
-            toggle: l().node,
-            toggleContent: l().oneOf([ "optionChildren", "optionLabel" ]),
-            values: l().array,
+            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,
             /** @private. */
-            virtualization: l().number
+            virtualization: a().number
         };
-        var tt = h()((function(e) {
+        var Ye = O()((function(e) {
             return [ e ];
         }));
         // preserve separate widths for single vs. multi mode
-                var nt = h()((function(e) {
-            var t = e.anchorWidth, n = e.isMultiple, r = e.maxHeight, o = e.menuStyle;
-            return n ? Ge({
-                width: Math.max(t !== null && t !== void 0 ? t : 0, 200),
+                var Ze = O()((function(e) {
+            var n = e.anchorWidth, t = e.isMultiple, r = e.maxHeight, l = e.menuStyle;
+            return t ? Xe({
+                width: Math.max(n !== null && n !== void 0 ? n : 0, 200),
                 maxHeight: r
-            }, o) : Ge({
-                minWidth: t !== null && t !== void 0 ? t : undefined,
-                maxWidth: Math.max(t !== null && t !== void 0 ? t : 0, 300),
+            }, l) : Xe({
+                minWidth: n !== null && n !== void 0 ? n : undefined,
+                maxWidth: Math.max(n !== null && n !== void 0 ? n : 0, 300),
                 maxHeight: r
-            }, o);
+            }, l);
         }));
-        var rt = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
-        function ot(e) {
-            return e && i()(e.props, "value");
-        }
-        function lt(e, t) {
-            return "".concat(Je(e), "-").concat(e, "-").concat(t);
-        }
-        var at = [ "append", "error", "prepend" ];
-        var it = (0, u._)("No matches");
-        var ut = (0, u._)("Select...");
-        var ct = function e(n) {
-            var r = n.activeItemId, o = n.filterA11yId, l = n.filterKeyword, a = n.hasChildren, i = n.inputId, c = n.inputRef, s = n.menuListboxId, f = n.multiple, p = n.onClearAll, d = n.onSelectAll, v = n.onTextBlur, b = n.onTextChange, m = n.onTextFocus, y = n.onTextKeyDown, h = n.optionSelection, g = n.placement, O = n.selectAllAppearance, S = n.textHasFocus;
-            var C = (0, u._)("Select all options".concat(h.current === "all" ? " disabled" : ""));
-            var k = (0, u._)("Clear all options".concat(h.current === "none" ? " disabled" : ""));
+        var en = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
+        function nn(e) {
+            return e && m()(e.props, "value");
+        }
+        function tn(e, n) {
+            return "".concat($e(e), "-").concat(e, "-").concat(n);
+        }
+        var rn = [ "append", "error", "prepend" ];
+        var ln = (0, u._)("No matches");
+        var an = (0, u._)("Select...");
+        var on =  n().createElement(T(), null);
+        var un = function e(t) {
+            var r = t.activeItemId, l = t.filterA11yId, a = t.filterKeyword, o = t.hasChildren, i = t.inputId, c = t.inputRef, s = t.menuListboxId, f = t.multiple, d = t.onClearAll, p = t.onSelectAll, v = t.onTextBlur, b = t.onTextChange, m = t.onTextFocus, g = t.onTextKeyDown, y = t.optionSelection, h = t.placement, O = t.selectAllAppearance, C = t.textHasFocus;
+            var S = (0, u._)("Select all options".concat(y.current === "all" ? " disabled" : ""));
+            var k = (0, u._)("Clear all options".concat(y.current === "none" ? " disabled" : ""));
             // only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
-                        var w =  t().createElement(je, {
-                $placement: g,
+                        var w =  n().createElement(Ce, {
                 key: "selectAll"
-            },  t().createElement(xe, {
-                $disabled: h.current === "all",
-                "aria-label": C,
-                onClick: d,
+            },  n().createElement(Oe, {
+                $disabled: y.current === "all",
+                appearance: "standalone",
+                "aria-label": S,
+                onClick: p,
                 "data-test": "select-all"
-            }, l ? (0, u._)("Select all Matches") : (0, u._)("Select all")),  t().createElement(xe, {
-                $disabled: h.current === "none",
+            }, a ? (0, u._)("Select all Matches") : (0, u._)("Select all")),  n().createElement(Oe, {
+                $disabled: y.current === "none",
+                appearance: "standalone",
                 "aria-label": k,
-                onClick: p,
+                onClick: d,
                 "data-test": "clear-all"
-            }, l ? (0, u._)("Clear all Matches") : (0, u._)("Clear all")));
+            }, a ? (0, u._)("Clear all Matches") : (0, u._)("Clear all")));
             
-            return t().createElement("div", {
+            return n().createElement("div", {
                 key: "controls"
-            }, o &&  t().createElement(L(), {
-                id: o
-            }, (0, u._)("Type to filter")),  t().createElement(Ce, {
+            }, l &&  n().createElement(K(), {
+                id: l
+            }, (0, u._)("Type to filter")), h === "above" &&  n().createElement(Se, null),  n().createElement(ye, {
                 key: "filter",
                 "data-test": "filter"
-            },  t().createElement(I(), {
-                value: l,
+            },  n().createElement(N(), {
+                value: a,
                 autoCapitalize: "off",
                 autoComplete: "off",
                 autoCorrect: "off",
                 spellCheck: false,
                 onChange: b,
-                onKeyDown: y,
+                onKeyDown: g,
                 onFocus: m,
                 onBlur: v,
                 placeholder: (0, u._)("filter"),
                 role: "combobox",
                 "aria-expanded": "true",
                 "aria-controls": s,
-                "aria-owns": S && a ? r : undefined,
+                "aria-owns": C && o ? r : undefined,
                 "aria-label": (0, u._)("Filter"),
                 "aria-autocomplete": "list",
-                "aria-activedescendant": S && a ? r : undefined,
+                "aria-activedescendant": C && o ? r : undefined,
                 inputRef: c,
                 inputId: i,
                 canClear: true,
-                startAdornment:  t().createElement(ke, null,  t().createElement(Z, null))
-            })), f && a && O === "buttongroup" && w);
+                startAdornment: on
+            })), f && o && O === "buttongroup" && w, h === "below" &&  n().createElement(Se, null));
         };
-        var st = false;
-        var ft = function e(t) {
-            var n = t.prefixLabel, r = t.label, o = t.suffixLabel;
-            var l = r;
-            if (n) {
-                l = [ "".concat(n, ": ") ].concat(l);
+        var cn = false;
+        var sn = function e(n) {
+            var t = n.prefixLabel, r = n.label, l = n.suffixLabel;
+            var a = r;
+            if (t) {
+                a = [ "".concat(t, ": ") ].concat(a);
             }
-            if (o) {
-                l = s()(l).concat(" ".concat(o));
+            if (l) {
+                a = s()(a).concat(" ".concat(l));
             }
-            return l;
+            return a;
         };
-        function pt(n) {
-            var r = n.appearance, o = n.append, l = n.children, a = n.currentValues, i = a === void 0 ? [] : a, c = n.describedBy, s = n.disabled, f = n.elementRef, d = n.error, v = n.inline, b = n.labelText, m = n.labelledBy, y = n.multiple, h = n.onClick, g = n.placeholder, S = n.prefixLabel, C = n.prepend, k = n.required, w = n.suffixLabel, x = n.toggle, j = n.toggleContent, P = We(n, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent" ]);
+        var fn =  n().forwardRef((function(t, r) {
+            var l = t.appearance, a = t.append, o = t.children, i = t.currentValues, c = i === void 0 ? [] : i, s = t.describedBy, f = t.disabled, p = t.elementRef, v = t.error, b = t.inline, m = t.labelText, g = t.labelledBy, y = t.multiple, h = t.onClick, O = t.placeholder, C = t.prefixLabel, k = t.prepend, w = t.required, x = t.suffixLabel, j = t.toggle, P = t.toggleContent, R = He(t, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent" ]);
             var T;
-            var R;
-            var A = [];
+            var A;
+            var M = [];
             // Generate buttonLabels
-                        var _ = e.Children.toArray(l);
-            var I = i.reduce((function(e, t, n, r) {
-                var o = p()(_, (function(e) {
-                    return ot(e) && e.props.value === t;
+                        var L = e.Children.toArray(o);
+            var q = c.reduce((function(e, n, t, r) {
+                var l = d()(L, (function(e) {
+                    return nn(e) && e.props.value === n;
                 }));
-                if (o) {
-                    var l = o.props, a = l.children, c = l.icon, s = l.label;
-                    var f = j !== "optionLabel" && a ? a : s;
+                if (l) {
+                    var a = l.props, o = a.children, i = a.icon, s = a.label;
+                    var f = P !== "optionLabel" && o ? o : s;
                     e.push(f);
-                    A.push(s);
+                    M.push(s);
                     // if not in multiple mode, add the icon
-                                        if (!y && i.length === 1) {
-                        T = c;
+                                        if (!y && c.length === 1) {
+                        T = i;
                     }
                 } else if (y) {
                     // only add values that don't match an option in "multiple" mode to preserve old behaviour
-                    e.push(t);
-                    A.push(t.toString());
+                    e.push(n);
+                    M.push(n.toString());
                 }
-                if (n < r.length - 1) {
+                if (t < r.length - 1) {
                     e.push((0, u._)(", "));
-                    A.push((0, u._)(", "));
+                    M.push((0, u._)(", "));
                 }
                 return e;
             }), []);
-            R = I;
+            A = q;
             // only apply prefix / suffix if the label is not empty
-                        if (R.length > 0) {
+                        if (A.length > 0) {
                 // If there's more than one item selected, read out the selected total
                 // rather than reading out each selected item
-                A = ft({
-                    prefixLabel: S,
-                    label: R.length > 1 ? [ "".concat(i.length, " items selected") ] : A,
-                    suffixLabel: w
+                M = sn({
+                    prefixLabel: C,
+                    label: A.length > 1 ? [ "".concat(c.length, " items selected") ] : M,
+                    suffixLabel: x
                 });
-                R = ft({
-                    prefixLabel: S,
-                    label: R,
-                    suffixLabel: w
+                A = sn({
+                    prefixLabel: C,
+                    label: A,
+                    suffixLabel: x
                 });
             }
             // single <Select> behaviour is to show the placeholder if all parts of the label
             // are empty strings so we replicate this behaviour here
-                        if (R.length === 0 || !y && R.every((function(e) {
+                        if (A.length === 0 || !y && A.every((function(e) {
                 return e === "";
             }))) {
-                R = tt(g);
-                A = R;
+                A = Ye(O);
+                M = A;
             }
-            var M = Object.keys(P).includes("aria-labelledby");
-            var L = Ge({
-                "aria-describedby": c,
-                "aria-label": m || M ? undefined : "".concat(b ? "".concat(b, ", ") : "").concat(A.join("")),
+            var D = Object.keys(R).includes("aria-labelledby");
+            var _ = Xe({
+                "aria-describedby": s,
+                "aria-label": g || D ? undefined : "".concat(m ? "".concat(m, ", ") : "").concat(M.join("")),
                 // aria-labelledby takes precedence over aria-label, so existence of both is redundant
-                "aria-labelledby": m,
-                "aria-required": k,
-                "data-select-appearance": r,
-                append: o,
-                prepend: C,
+                "aria-labelledby": g,
+                "aria-required": w,
+                "data-select-appearance": l,
+                append: a,
+                prepend: k,
                 onClick: h,
                 role: "combobox",
-                disabled: s,
-                elementRef: f,
-                error: d
-            }, P);
+                disabled: f,
+                elementRef: p,
+                error: v,
+                ref: r
+            }, R);
             if (y) {
-                L["data-test-values"] = JSON.stringify(i);
+                _["data-test-values"] = JSON.stringify(c);
             } else {
-                var q = Ne(i, 1), D = q[0];
-                L["data-test-value"] = D;
+                var B = _e(c, 1), N = B[0];
+                _["data-test-value"] = N;
             }
-            if (x) {
+            if (j) {
                 
-                return (0, e.cloneElement)(x, L);
+                return (0, e.cloneElement)(j, _);
             }
-            if (r === "link") {
+            if (l === "link") {
                 
-                return t().createElement(E(), Ve({}, L, {
+                return n().createElement(I(), De({
+                    appearance: "standalone"
+                }, _, {
                     "data-select-appearance": "link"
-                }), !!T &&  t().createElement(Oe, null, T), R || g,  t().createElement(Se, null,  t().createElement(U, null)));
+                }), !!T &&  n().createElement(me, null, T), A || O,  n().createElement(ge, null,  n().createElement(E(), null)));
             }
             
-            return t().createElement(ge, Ve({}, L, {
+            return n().createElement(be, De({}, _, {
                 $multiple: y,
-                appearance: r,
-                label: R,
-                error: d,
+                appearance: l,
+                label: A,
+                error: v,
                 icon: T,
-                inline: v,
+                inline: b,
                 isMenu: true,
                 onClick: h
-            }, O()(P, at)), !!i.length && y &&  t().createElement(we, {
+            }, S()(R, rn)), !!c.length && y &&  n().createElement(he, {
                 "data-role": "count"
-            }, "(", i.length, ")"));
-        }
-        pt[x.legacyRefMode] = true;
-        function dt(n) {
-            var r = n.allowKeyMatching, o = r === void 0 ? true : r, l = n.animateLoading, a = n.appearance, i = a === void 0 ? "toggle" : a, c = n.append, s = n.allowNewValues, f = n.children, d = n.defaultPlacement, b = d === void 0 ? "vertical" : d, y = n.defaultValues, h = n.describedBy, g = n.disabled, O = n.elementRef, S = n.error, k = n.filter, x = n.footerMessage, P = n.inline, E = n.inputId, _ = n.inputRef, I = n.isLoadingOptions, M = n.labelledBy, L = n.labelText, q = n.loadingMessage, K = n.menuStyle, F = K === void 0 ? {} : K, H = n.multiple, z = n.name, $ = n.noOptionsMessage, W = $ === void 0 ? it : $, U = n.onChange, J = n.onScroll, X = n.onScrollBottom, G = n.onFilterChange, Q = n.onClick, Y = n.onClose, Z = n.onOpen, ee = n.required, te = n.placeholder, ne = te === void 0 ? ut : te, re = n.prefixLabel, oe = n.prepend, le = n.repositionMode, ae = le === void 0 ? "flip" : le, ie = n.selectAllAppearance, ue = ie === void 0 ? "buttongroup" : ie, ce = n.showSelectedValuesFirst, se = n.suffixLabel, pe = n.tabConfirmsNewValue, de = n.values, be = n.virtualization, me = n.toggle, ye = n.toggleContent, he = ye === void 0 ? "optionChildren" : ye, ge = We(n, [ "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" ]);
+            }, "(", c.length, ")"));
+        }));
+        function dn(t) {
+            var r = t.allowKeyMatching, l = r === void 0 ? true : r, a = t.animateLoading, o = t.appearance, i = o === void 0 ? "default" : o, c = t.append, s = t.allowNewValues, f = t.children, p = t.defaultPlacement, b = p === void 0 ? "vertical" : p, m = t.defaultValues, g = t.describedBy, h = t.disabled, O = t.elementRef, C = t.error, S = t.filter, k = t.footerMessage, x = t.inline, P = t.inputId, E = t.inputRef, R = t.isLoadingOptions, T = t.labelledBy, A = t.labelText, L = t.loadingMessage, I = t.menuStyle, B = I === void 0 ? {} : I, N = t.multiple, V = t.name, K = t.noOptionsMessage, F = K === void 0 ? ln : K, X = t.onChange, J = t.onScroll, U = t.onScrollBottom, G = t.onFilterChange, Q = t.onClick, Y = t.onClose, Z = t.onOpen, ee = t.required, ne = t.placeholder, te = ne === void 0 ? an : ne, re = t.prefixLabel, ae = t.prepend, oe = t.repositionMode, ue = oe === void 0 ? "flip" : oe, ce = t.selectAllAppearance, se = ce === void 0 ? "buttongroup" : ce, fe = t.showSelectedValuesFirst, de = t.suffixLabel, pe = t.tabConfirmsNewValue, ve = t.values, be = t.virtualization, me = t.toggle, ge = t.toggleContent, ye = ge === void 0 ? "optionChildren" : ge, he = He(t, [ "allowKeyMatching", "animateLoading", "appearance", "append", "allowNewValues", "children", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "filter", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "labelText", "loadingMessage", "menuStyle", "multiple", "name", "noOptionsMessage", "onChange", "onScroll", "onScrollBottom", "onFilterChange", "onClick", "onClose", "onOpen", "required", "placeholder", "prefixLabel", "prepend", "repositionMode", "selectAllAppearance", "showSelectedValuesFirst", "suffixLabel", "tabConfirmsNewValue", "values", "virtualization", "toggle", "toggleContent" ]);
             // @docs-props-type SelectBasePropsBase
-                        var Oe = (0, Pe["default"])({
+                        var Oe = (0, ke["default"])({
                 componentName: "SelectBase",
                 /* eslint-disable-next-line prefer-rest-params */
                 componentProps: arguments[0],
@@ -1071,1107 +1040,855 @@
                 valuePropName: "values"
             });
             // states
-                        var Se = (0, e.useState)((function() {
+                        var Ce = (0, e.useState)((function() {
                 return {
-                    activeItemId: (0, V.createDOMID)("active-item"),
-                    menuListboxId: (0, V.createDOMID)("menu-listbox")
+                    activeItemId: (0, $.createDOMID)("active-item"),
+                    menuListboxId: (0, $.createDOMID)("menu-listbox")
                 };
-            })), Ce = Ne(Se, 1), ke = Ce[0], we = ke.activeItemId, xe = ke.menuListboxId;
-            var je = (0, e.useState)(0), Ee = Ne(je, 2), Ae = Ee[0], _e = Ee[1];
-            var Ie = (0, e.useState)(""), qe = Ne(Ie, 2), De = qe[0], Be = qe[1];
-            var Ke = (0, e.useState)(false), Fe = Ne(Ke, 2), He = Fe[0], ze = Fe[1];
-            var $e = (0, e.useState)(false), Ue = Ne($e, 2), Je = Ue[0], Xe = Ue[1];
-            var Ge = (0, e.useState)([]), Qe = Ne(Ge, 2), Ye = Qe[0], Ze = Qe[1];
-            var et = (0, e.useState)(y || []), tt = Ne(et, 2), at = tt[0], ft = tt[1];
+            })), Se = _e(Ce, 1), we = Se[0], Pe = we.activeItemId, Ee = we.menuListboxId;
+            var Re = (0, e.useState)(0), Le = _e(Re, 2), Ie = Le[0], qe = Le[1];
+            var Be = (0, e.useState)(""), Ne = _e(Be, 2), Ve = Ne[0], Ke = Ne[1];
+            var Fe = (0, e.useState)(false), ze = _e(Fe, 2), $e = ze[0], We = ze[1];
+            var Xe = (0, e.useState)(false), Je = _e(Xe, 2), Ue = Je[0], Ge = Je[1];
+            var Qe = (0, e.useState)([]), Ye = _e(Qe, 2), rn = Ye[0], on = Ye[1];
+            var sn = (0, e.useState)(m || []), dn = _e(sn, 2), pn = dn[0], vn = dn[1];
  // previous state
-                        var dt = D()(Ae);
+                        var bn = H()(Ie);
             // refs
-                        var vt = (0, e.useRef)(null);
-            var bt = (0, e.useRef)(null);
-            var mt = (0, e.useRef)(null);
-            var yt = (0, e.useRef)([]);
-            var ht = (0, e.useRef)([]);
-            var gt = (0, e.useRef)(dt);
-            var Ot = (0, e.useRef)();
-            var St = (0, e.useRef)({});
-            var Ct = (0, e.useRef)(0);
-            var kt = (0, e.useRef)([]);
-            var wt = (0, e.useRef)(null);
-            var xt = (0, e.useRef)();
-            var jt = (0, e.useRef)(0);
-            var Pt = (0, e.useRef)("none");
-            var Et = (0, e.useState)(k ? (0, V.createDOMID)("filter") : undefined), Tt = Ne(Et, 1), Rt = Tt[0];
+                        var mn = (0, e.useRef)(null);
+            var gn = (0, e.useRef)(null);
+            var yn = (0, e.useRef)(null);
+            var hn = (0, e.useRef)([]);
+            var On = (0, e.useRef)([]);
+            var Cn = (0, e.useRef)(bn);
+            var Sn = (0, e.useRef)();
+            var kn = (0, e.useRef)({});
+            var wn = (0, e.useRef)(0);
+            var xn = (0, e.useRef)([]);
+            var jn = (0, e.useRef)(null);
+            var Pn = (0, e.useRef)();
+            var En = (0, e.useRef)(0);
+            var Rn = (0, e.useRef)("none");
+            var Tn = (0, e.useState)(S ? (0, $.createDOMID)("filter") : undefined), An = _e(Tn, 1), Mn = An[0];
             (0, e.useEffect)((function() {
                 if (false) {}
-            }), [ i, c, S, oe ]);
-            var At = (0, e.useCallback)((function() {
-                var e = Oe ? de : at;
-                return H || e == null ? e : e.slice(0, 1);
-            }), [ Oe, H, de, at ]);
-            var _t = (0, e.useCallback)((function() {
+            }), [ i, c, C, ae ]);
+            var Ln = (0, e.useCallback)((function() {
+                var e = Oe ? ve : pn;
+                return N || e == null ? e : e.slice(0, 1);
+            }), [ Oe, N, ve, pn ]);
+            var In = (0, e.useCallback)((function() {
                 var e;
                 // in non-multiple mode, don't move values to the top of the list
-                                return H && ce !== "never" ? (e = At()) !== null && e !== void 0 ? e : [] : [];
-            }), [ At, H, ce ]);
-            var It = (0, e.useCallback)((function(e) {
-                var t = De;
-                ze(true);
-                Ze(_t());
+                                return N && fe !== "never" ? (e = Ln()) !== null && e !== void 0 ? e : [] : [];
+            }), [ Ln, N, fe ]);
+            var qn = (0, e.useCallback)((function(e) {
+                var n = Ve;
+                We(true);
+                on(In());
                 // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
-                                if (H) {
-                    Be("");
+                                if (N) {
+                    Ke("");
                 }
-                if (t !== De) {
+                if (n !== Ve) {
                     G === null || G === void 0 ? void 0 : G(e, {
-                        keyword: De
+                        keyword: Ve
                     });
                 }
-            }), [ De, _t, H, G ]);
+            }), [ Ve, In, N, G ]);
             (0, e.useEffect)((function() {
-                if (He) {
+                if ($e) {
                     Z === null || Z === void 0 ? void 0 : Z();
-                    if (wt.current && !k) {
-                        wt.current.focus();
+                    if (jn.current && !S) {
+                        jn.current.focus();
                     } else {
                         var e;
-                        _e((e = xt.current) !== null && e !== void 0 ? e : 0);
+                        qe((e = Pn.current) !== null && e !== void 0 ? e : 0);
                     }
                 }
-            }), [ Z, He, Ye, De, k ]);
-            var Mt = (0, e.useCallback)((function() {
-                ze(false);
-                _e(0);
-                gt.current = null;
+            }), [ Z, $e, rn, Ve, S ]);
+            var Dn = (0, e.useCallback)((function() {
+                We(false);
+                qe(0);
+                Cn.current = null;
                 Y === null || Y === void 0 ? void 0 : Y();
             }), [ Y ]);
-            var Lt = (0, e.useCallback)((function(e, t) {
-                var n;
-                var r = (n = At()) !== null && n !== void 0 ? n : [];
-                var o = r.indexOf(t);
-                var l;
-                if (H) {
-                    if (o >= 0) {
-                        l = [].concat(Le(r.slice(0, o)), Le(r.slice(o + 1)));
+            var _n = (0, e.useCallback)((function(e, n) {
+                var t;
+                var r = (t = Ln()) !== null && t !== void 0 ? t : [];
+                var l = r.indexOf(n);
+                var a;
+                if (N) {
+                    if (l >= 0) {
+                        a = [].concat(Me(r.slice(0, l)), Me(r.slice(l + 1)));
                     } else {
-                        l = r.concat([ t ]);
+                        a = r.concat([ n ]);
                     }
                 } else {
                     // non-multiple mode must always have a value
-                    l = [ t ];
+                    a = [ n ];
                 }
-                var a = !Oe;
-                if (a) {
-                    ft(l);
+                var o = !Oe;
+                if (o) {
+                    vn(a);
                 }
-                if (H) {
+                if (N) {
                     // in uncontrolled multiple mode, keep the menu open
-                    if (a) {
-                        ze(true);
+                    if (o) {
+                        We(true);
                     }
                 } else {
                     var i;
                     // non-multiple mode only supports a single selection
                     // so close the menu once a selection is made
-                                        Mt({
+                                        Dn({
                         reason: "contentClick"
                     });
-                    (i = vt.current) === null || i === void 0 ? void 0 : i.focus();
+                    (i = mn.current) === null || i === void 0 ? void 0 : i.focus();
                 }
-                U === null || U === void 0 ? void 0 : U(e, {
-                    values: l,
-                    name: z,
+                X === null || X === void 0 ? void 0 : X(e, {
+                    values: a,
+                    name: V,
                     reason: "valueToggle"
                 });
-            }), [ At, Mt, Oe, H, z, U ]);
-            var qt = function e() {
-                bt.current = null;
-                yt.current = [];
-                if (mt.current) {
-                    clearTimeout(mt.current);
+            }), [ Ln, Dn, Oe, N, V, X ]);
+            var Bn = function e() {
+                gn.current = null;
+                hn.current = [];
+                if (yn.current) {
+                    clearTimeout(yn.current);
                 }
             };
-            var Dt = (0, e.useCallback)((function(e) {
-                var n;
+            var Nn = (0, e.useCallback)((function(e) {
+                var t;
                 // this doesn't make sense if we can't select multiple values
-                                if (!H) {
+                                if (!N) {
                     return;
                 }
-                var r = (n = At()) !== null && n !== void 0 ? n : [];
-                var o = C()(r.concat(kt.current));
-                o = t().Children.toArray(f).filter((function(e) {
-                    return ot(e) && m()(o, e.props.value) && (!e.props.disabled || m()(r, e.props.value));
+                var r = (t = Ln()) !== null && t !== void 0 ? t : [];
+                var l = w()(r.concat(xn.current));
+                l = n().Children.toArray(f).filter((function(e) {
+                    return nn(e) && y()(l, e.props.value) && (!e.props.disabled || y()(r, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
                 if (!Oe) {
-                    ft(o);
+                    vn(l);
                 }
-                U === null || U === void 0 ? void 0 : U(e, {
-                    values: o,
-                    name: z,
+                X === null || X === void 0 ? void 0 : X(e, {
+                    values: l,
+                    name: V,
                     reason: "selectAll"
                 });
-            }), [ f, At, Oe, H, z, U ]);
-            var Bt = (0, e.useCallback)((function(e) {
-                var n;
+            }), [ f, Ln, Oe, N, V, X ]);
+            var Vn = (0, e.useCallback)((function(e) {
+                var t;
                 // this doesn't make sense if we can't select multiple values
-                                if (!H) {
+                                if (!N) {
                     return;
                 }
-                var r = (n = At()) !== null && n !== void 0 ? n : [];
-                var o = w().apply(void 0, [ r ].concat(Le(kt.current)));
+                var r = (t = Ln()) !== null && t !== void 0 ? t : [];
+                var l = j().apply(void 0, [ r ].concat(Me(xn.current)));
                 // this will unselect all selected values unless those values are disabled or hidden by the filter
-                                var l = t().Children.toArray(f).filter((function(e) {
-                    return ot(e) && (m()(r, e.props.value) && e.props.disabled || m()(o, e.props.value));
+                                var a = n().Children.toArray(f).filter((function(e) {
+                    return nn(e) && (y()(r, e.props.value) && e.props.disabled || y()(l, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
                 if (!Oe) {
-                    ft(l);
+                    vn(a);
                 }
-                U === null || U === void 0 ? void 0 : U(e, {
-                    values: l,
-                    name: z,
+                X === null || X === void 0 ? void 0 : X(e, {
+                    values: a,
+                    name: V,
                     reason: "clearAll"
                 });
-            }), [ f, At, Oe, H, z, U ]);
-            var Vt = (0, e.useCallback)((function(e) {
-                if (He && !I) {
-                    X === null || X === void 0 ? void 0 : X(e);
+            }), [ f, Ln, Oe, N, V, X ]);
+            var Kn = (0, e.useCallback)((function(e) {
+                if ($e && !R) {
+                    U === null || U === void 0 ? void 0 : U(e);
                 }
-            }), [ He, I, X ]);
-            var Nt = (0, e.useCallback)((function(t) {
-                var n = (0, N.keycode)(t.nativeEvent);
-                if (n === "tab") {
-                    if (pe && Ot.current && Ct.current <= 1) {
-                        t.preventDefault();
-                        Lt(t, Ot.current);
+            }), [ $e, R, U ]);
+            var Fn = (0, e.useCallback)((function(n) {
+                var t = (0, W.keycode)(n.nativeEvent);
+                if (t === "tab") {
+                    if (pe && Sn.current && wn.current <= 1) {
+                        n.preventDefault();
+                        _n(n, Sn.current);
                     }
                 }
-                if (t.shiftKey || t.metaKey || t.ctrlKey) {
-                    if (n === "a" && (t.ctrlKey || t.metaKey)) {
+                if (n.shiftKey || n.metaKey || n.ctrlKey) {
+                    if (t === "a" && (n.ctrlKey || n.metaKey)) {
                         // handle control + A
-                        if (Pt.current === "all") {
-                            Bt(t);
+                        if (Rn.current === "all") {
+                            Vn(n);
                         } else {
-                            Dt(t);
+                            Nn(n);
                         }
                     }
                     return;
                 }
-                if (n === "down") {
-                    t.preventDefault();
-                    _e(Math.min(Ae + 1, ue === "checkbox" ? Ct.current : Ct.current - 1));
-                    if (f && X) {
+                if (t === "down") {
+                    n.preventDefault();
+                    qe(Math.min(Ie + 1, se === "checkbox" ? wn.current : wn.current - 1));
+                    if (f && U) {
                         var r;
-                        var o = e.Children.toArray(f).length - (2 + ((r = At()) !== null && r !== void 0 ? r : []).length);
-                        if (Ae === o) {
-                            Vt(t);
+                        var l = e.Children.toArray(f).length - (2 + ((r = Ln()) !== null && r !== void 0 ? r : []).length);
+                        if (Ie === l) {
+                            Kn(n);
                         }
                     }
                 }
-                if (n === "up") {
-                    t.preventDefault();
-                    _e(Math.max(Ae - 1, 0));
+                if (t === "up") {
+                    n.preventDefault();
+                    qe(Math.max(Ie - 1, 0));
                 }
-                if (n === "enter" && Ot.current && He) {
-                    if (Ot.current === "selectAll") {
-                        if (Pt.current === "all") {
-                            Bt(t);
+                if (t === "enter" && Sn.current && $e) {
+                    if (Sn.current === "selectAll") {
+                        if (Rn.current === "all") {
+                            Vn(n);
                         } else {
-                            Dt(t);
+                            Nn(n);
                         }
                     } else {
-                        t.preventDefault();
-                        Lt(t, Ot.current);
+                        n.preventDefault();
+                        _n(n, Sn.current);
                     }
                 }
-            }), [ Ae, f, At, Bt, Vt, Dt, X, He, ue, pe, Lt ]);
-            var Kt = (0, e.useCallback)((function(e, t) {
-                var n = t.value;
+            }), [ Ie, f, Ln, Vn, Kn, Nn, U, $e, se, pe, _n ]);
+            var Hn = (0, e.useCallback)((function(e, n) {
+                var t = n.value;
                 e.preventDefault();
-                if (!He) {
+                if (!$e) {
                     return;
                 }
-                Lt(e, n);
-            }), [ He, Lt ]);
-            var Ft = (0, e.useCallback)((function(e, t) {
-                var n = e.nativeEvent.key;
+                _n(e, t);
+            }), [ $e, _n ]);
+            var zn = (0, e.useCallback)((function(e, n) {
+                var t = e.nativeEvent.key;
                 // Checking for a single character to avoid complications from double-byte languages and emojis.
-                                if (n.length === 1) {
+                                if (t.length === 1) {
                     var r = [];
-                    var o = {
+                    var l = {
                         index: 0,
-                        value: n
+                        value: t
                     };
-                    if (!bt.current) {
-                        if (n === " ") {
-                            qt();
+                    if (!gn.current) {
+                        if (t === " ") {
+                            Bn();
                             return;
                         }
-                        r = Te(ht.current, o);
-                    } else if (yt.current.length > 1) {
-                        o.index = bt.current.index + 1;
-                        r = Te(yt.current, o);
+                        r = xe(On.current, l);
+                    } else if (hn.current.length > 1) {
+                        l.index = gn.current.index + 1;
+                        r = xe(hn.current, l);
                     }
                     if (r.length) {
-                        var l;
-                        var a = 0;
+                        var a;
+                        var o = 0;
                         // If the active option is a first character match, cycle to the next matching option.
-                                                if (o.index === 0 && r.length > 1) {
-                            var i = r.indexOf(ht.current[t]);
+                                                if (l.index === 0 && r.length > 1) {
+                            var i = r.indexOf(On.current[n]);
                             if (i >= 0) {
-                                a = i === r.length - 1 ? 0 : i + 1;
+                                o = i === r.length - 1 ? 0 : i + 1;
                             }
                         }
-                        var u = r[a];
+                        var u = r[o];
                         var c = u.value, s = u.label;
-                        var f = St.current[lt(c, s)];
-                        f === null || f === void 0 ? void 0 : (l = f.focus) === null || l === void 0 ? void 0 : l.call(f);
+                        var f = kn.current[tn(c, s)];
+                        f === null || f === void 0 ? void 0 : (a = f.focus) === null || a === void 0 ? void 0 : a.call(f);
                     }
-                    yt.current = r;
-                    bt.current = o;
-                    if (mt.current) {
-                        clearTimeout(mt.current);
+                    hn.current = r;
+                    gn.current = l;
+                    if (yn.current) {
+                        clearTimeout(yn.current);
                     }
-                    mt.current = setTimeout(qt, 500);
+                    yn.current = setTimeout(Bn, 500);
                     e.preventDefault();
                     e.stopPropagation();
                 }
             }), []);
-            var Ht = (0, e.useCallback)((function(e, t) {
-                var n = t.value;
-                Be(n);
-                ze(true);
-                _e(0);
+            var $n = (0, e.useCallback)((function(e, n) {
+                var t = n.value;
+                Ke(t);
+                We(true);
+                qe(0);
                 G === null || G === void 0 ? void 0 : G(e, {
-                    keyword: n
+                    keyword: t
                 });
             }), [ G ]);
-            var zt = (0, e.useCallback)((function() {
-                Xe(true);
+            var Wn = (0, e.useCallback)((function() {
+                Ge(true);
             }), []);
-            var $t = (0, e.useCallback)((function() {
-                Xe(false);
+            var Xn = (0, e.useCallback)((function() {
+                Ge(false);
             }), []);
-            var Wt = (0, e.useCallback)((function(e) {
-                if (gt.current !== Ae) {
-                    Re(e);
+            var Jn = (0, e.useCallback)((function(e) {
+                if (Cn.current !== Ie) {
+                    je(e);
                 }
-            }), [ Ae ]);
-            var Ut = (0, e.useCallback)((function(e, t, n) {
-                if (n) {
-                    wt.current = e;
+            }), [ Ie ]);
+            var Un = (0, e.useCallback)((function(e, n, t) {
+                if (t) {
+                    jn.current = e;
                 }
                 if (e == null) {
-                    delete St.current[t];
+                    delete kn.current[n];
                 } else {
-                    St.current[t] = e;
+                    kn.current[n] = e;
                 }
-            }), [ St ]);
-            var Jt = (0, e.useCallback)((function(e) {
-                vt.current = e;
-            }), [ vt ]);
-            var Xt = (0, e.useMemo)((function() {
+            }), [ kn ]);
+            var Gn = (0, e.useCallback)((function(e) {
+                mn.current = e;
+                Ae(O, e);
+            }), [ O, mn ]);
+            var Qn = (0, e.useMemo)((function() {
                 var e;
-                return (e = At()) !== null && e !== void 0 ? e : [];
-            }), [ At ]);
-            var Gt = e.Children.toArray(f);
-            var Qt = Xt.some((function(e) {
-                var t = p()(Gt, (function(t) {
-                    return ot(t) && t.props.value === e;
+                return (e = Ln()) !== null && e !== void 0 ? e : [];
+            }), [ Ln ]);
+            var Yn = e.Children.toArray(f);
+            var Zn = Qn.some((function(e) {
+                var n = d()(Yn, (function(n) {
+                    return nn(n) && n.props.value === e;
                 }));
-                return t && !t.props.disabled;
+                return n && !n.props.disabled;
             }));
-            var Yt = ce === "immediately" ? _t() : Ye;
-            var Zt = (0, e.useMemo)((function() {
-                Ct.current = 0;
-                xt.current = undefined;
-                jt.current = 0;
-                Ot.current = undefined;
-                ht.current = [];
-                var n = function e(t, n) {
+            var et = fe === "immediately" ? In() : rn;
+            var nt = (0, e.useMemo)((function() {
+                wn.current = 0;
+                Pn.current = undefined;
+                En.current = 0;
+                Sn.current = undefined;
+                On.current = [];
+                var t = function e(n, t) {
                     return function(e) {
-                        return Ut(e, t, n);
+                        return Un(e, n, t);
                     };
                 };
                 var r;
-                var l = 0;
-                var a = false;
+                var a = 0;
+                var o = false;
                 // used to avoid overwriting the selected item ref in multiple mode
                                 var i;
                 var c = e.Children.toArray(f).reduce((function(u, c, s) {
                     // ignore Headings and Dividers
-                    if (!ot(c)) {
+                    if (!nn(c)) {
                         u.push(c);
                         return u;
                     }
-                    var f = c.props, p = f.disabled, d = f.hidden, v = f.label, b = f.value;
+                    var f = c.props, d = f.disabled, p = f.hidden, v = f.label, b = f.value;
  // Find out if the search string exactly matches a value
-                                        if (b === De) {
+                                        if (b === Ve) {
                         r = true;
                     }
-                    var m = Xt && Xt.indexOf(b) >= 0;
-                    var y = !!m && !p && !i;
-                    var h = o && !H && !k && !I && !X;
-                    var g = lt(b, v);
+                    var m = Qn && Qn.indexOf(b) >= 0;
+                    var g = !!m && !d && !i;
+                    var y = l && !N && !S && !R && !U;
+                    var h = tn(b, v);
                     var O = -1;
-                    if (h && !p && !d) {
-                        ht.current.push({
+                    if (y && !d && !p) {
+                        On.current.push({
                             label: v,
                             value: b
                         });
-                        O = ht.current.length - 1;
+                        O = On.current.length - 1;
                     }
                     // Format the Menu.Item
-                                        var S =  (0, e.cloneElement)(c, {
-                        elementRef: n(g, y),
+                                        var C =  (0, e.cloneElement)(c, {
+                        elementRef: t(h, g),
                         key: c.key || s,
-                        onClick: Kt,
-                        onKeyDown: h ? function(e) {
-                            return Ft(e, O);
+                        onClick: Hn,
+                        onKeyDown: y ? function(e) {
+                            return zn(e, O);
                         } : undefined,
                         selected: m,
-                        multiple: H,
+                        multiple: N,
                         role: "option"
                     });
-                    if (y) {
+                    if (g) {
                         i = true;
                     }
-                    if (Yt && Yt.indexOf(b) >= 0) {
-                        if (l === 0) {
-                            u.splice(l, 0,  t().createElement(T.Divider, {
+                    if (et && et.indexOf(b) >= 0) {
+                        if (a === 0) {
+                            u.splice(a, 0,  n().createElement(q.Divider, {
                                 key: "topDivider"
                             }));
-                            a = true;
+                            o = true;
                         }
-                        u.splice(l, 0, S);
-                        l += 1;
+                        u.splice(a, 0, C);
+                        a += 1;
                     } else {
-                        u.push(S);
+                        u.push(C);
                     }
                     return u;
                 }), []);
                 // In multiple mode, add missing items
-                                if (H) {
-                    v()(Xt, (function(e) {
-                        var o = p()(c, (function(t) {
-                            return ot(t) && t.props && t.props.value === e;
+                                if (N) {
+                    v()(Qn, (function(e) {
+                        var l = d()(c, (function(n) {
+                            return nn(n) && n.props && n.props.value === e;
                         }));
-                        if (!o) {
-                            if (e === De) {
+                        if (!l) {
+                            if (e === Ve) {
                                 r = true;
                             }
-                            var i = Yt && Yt.indexOf(e) >= 0;
-                            var u = Yt.length;
-                            if (l === 0) {
-                                c.splice(0, 0,  t().createElement(T.Divider, {
+                            var i = et && et.indexOf(e) >= 0;
+                            var u = et.length;
+                            if (a === 0) {
+                                c.splice(0, 0,  n().createElement(q.Divider, {
                                     key: "topDivider"
                                 }));
-                                l += 1;
-                                a = true;
+                                a += 1;
+                                o = true;
                             }
                             var s = String(e);
-                            var f = lt(e, s);
-                            c.splice(i ? 0 : u + 1, 0,  t().createElement(fe, {
-                                elementRef: n(f),
+                            var f = tn(e, s);
+                            c.splice(i ? 0 : u + 1, 0,  n().createElement(le, {
+                                elementRef: t(f),
                                 label: s,
                                 value: e,
                                 key: "missing-value-".concat(e),
-                                onClick: Kt,
-                                multiple: H,
+                                onClick: Hn,
+                                multiple: N,
                                 selected: true
                             }));
                             if (i) {
-                                l += 1;
+                                a += 1;
                             }
                         }
                     }));
                 }
-                var d = k === "controlled";
+                var p = S === "controlled";
                 // Filter the items
-                                var b = (0, B.stringToKeywords)(De);
-                c = d ? c : c.filter((function(e) {
-                    if (ot(e)) {
-                        return (0, B.testPhrase)(e.props.label, b);
+                                var b = (0, z.stringToKeywords)(Ve);
+                c = p ? c : c.filter((function(e) {
+                    if (nn(e)) {
+                        return (0, z.testPhrase)(e.props.label, b);
                     }
                     return true;
  // Keep all headers and non-interactive options
-                                })).map((function(t) {
-                    if (!ot(t)) {
-                        return t;
+                                })).map((function(n) {
+                    if (!nn(n)) {
+                        return n;
                     }
                     // highlight matched text
-                                        var n = b && (0, B.keywordLocations)(t.props.label, b);
+                                        var t = b && (0, z.keywordLocations)(n.props.label, b);
                     
-                    return (0, e.cloneElement)(t, {
-                        matchRanges: n || undefined
+                    return (0, e.cloneElement)(n, {
+                        matchRanges: t || undefined
                     });
                 }));
                 // Add the option to add the new value
-                                if (s && !r && De) {
-                    var m = a ? l + 1 : l;
-                    var y = "".concat(De, " (new value)");
-                    var h = lt(De, y);
-                    c.splice(m, 0,  t().createElement(fe, {
-                        elementRef: n(h),
-                        label: y,
-                        value: De,
+                                if (s && !r && Ve) {
+                    var m = o ? a + 1 : a;
+                    var g = "".concat(Ve, " (new value)");
+                    var y = tn(Ve, g);
+                    c.splice(m, 0,  n().createElement(le, {
+                        elementRef: t(y),
+                        label: g,
+                        value: Ve,
                         key: "newValue",
-                        multiple: H,
-                        onClick: Kt
+                        multiple: N,
+                        onClick: Hn
                     }));
                 }
                 // When selectAll is a menu item, add an offset so that activeItem accounts for the extra selectAll option.
-                                var g = ue === "checkbox" && H && c.length > 1 ? 1 : 0;
+                                var h = se === "checkbox" && N && c.length > 1 ? 1 : 0;
                 var O = true;
                 // Highlight the selected Items and remove hidden
-                                c = c.reduce((function(t, n) {
+                                c = c.reduce((function(n, t) {
                     // ignore Dividers & Headings
-                    if (!ot(n)) {
-                        t.push(n);
-                        return t;
+                    if (!nn(t)) {
+                        n.push(t);
+                        return n;
                     }
                     // Ignore any hidden items
-                                        if (n.props && n.props.hidden) {
-                        return t;
+                                        if (t.props && t.props.hidden) {
+                        return n;
                     }
-                    if (n.props.selected && !n.props.disabled && xt.current == null) {
-                        xt.current = Ct.current;
+                    if (t.props.selected && !t.props.disabled && Pn.current == null) {
+                        Pn.current = wn.current;
                     }
-                    var r = g === Ae;
-                    g += 1;
-                    Ct.current += 1;
-                    jt.current += n.props.selected ? 1 : 0;
-                    if (n.key !== "newValue" && !n.props.disabled && !n.props.selected) {
+                    var r = h === Ie;
+                    h += 1;
+                    wn.current += 1;
+                    En.current += t.props.selected ? 1 : 0;
+                    if (t.key !== "newValue" && !t.props.disabled && !t.props.selected) {
                         O = false;
                     }
-                    if (!r || !Je) {
-                        t.push(n);
-                        return t;
+                    if (!r || !Ue) {
+                        n.push(t);
+                        return n;
                     }
-                    if (!n.props.disabled) {
-                        Ot.current = n.props.value;
+                    if (!t.props.disabled) {
+                        Sn.current = t.props.value;
                     }
-                    var o =  (0, e.cloneElement)(n, {
+                    var l =  (0, e.cloneElement)(t, {
                         active: r,
-                        elementRef: Wt,
-                        id: we
+                        elementRef: Jn,
+                        id: Pe
                     });
-                    t.push(o);
-                    return t;
+                    n.push(l);
+                    return n;
                 }), []);
-                Pt.current = jt.current === 0 && "none" || O && "all" || "some";
+                Rn.current = En.current === 0 && "none" || O && "all" || "some";
                 // add select all option
-                                if (ue === "checkbox" && H && Ct.current > 0) {
-                    var S;
-                    if (Pt.current === "all") {
-                        if (De === "") {
-                            S = (0, u._)("Clear all");
+                                if (se === "checkbox" && N && wn.current > 0) {
+                    var C;
+                    if (Rn.current === "all") {
+                        if (Ve === "") {
+                            C = (0, u._)("Clear all");
                         } else {
-                            S = (0, u._)("Clear all matches");
+                            C = (0, u._)("Clear all matches");
                         }
-                    } else if (De === "") {
-                        S = (0, u._)("Select all");
+                    } else if (Ve === "") {
+                        C = (0, u._)("Select all");
                     } else {
-                        S = (0, u._)("Select all matches");
+                        C = (0, u._)("Select all matches");
                     }
-                    if (Ae === 0 && Je) {
-                        Ot.current = "selectAll";
+                    if (Ie === 0 && Ue) {
+                        Sn.current = "selectAll";
                     }
-                    c.unshift( t().createElement(ve, {
+                    c.unshift( n().createElement(ie, {
                         key: "select-all-option",
-                        active: Ae === 0,
+                        active: Ie === 0,
                         changedToggle: !!me,
-                        elementRef: Wt,
-                        id: Ae === 0 ? we : undefined,
-                        onClick: Pt.current === "all" ? Bt : Dt,
-                        selectAllLabel: S,
-                        selected: Pt.current === "all" || Pt.current !== "none" && "some",
-                        totalCount: Xt.length,
+                        elementRef: Jn,
+                        id: Ie === 0 ? Pe : undefined,
+                        onClick: Rn.current === "all" ? Vn : Nn,
+                        selectAllLabel: C,
+                        selected: Rn.current === "all" || Rn.current !== "none" && "some",
+                        totalCount: Qn.length,
                         tabIndex: -1
-                    }),  t().createElement(T.Divider, {
+                    }),  n().createElement(q.Divider, {
                         key: "selectAllDivider"
                     }));
                 }
-                kt.current = c.reduce((function(e, t) {
-                    if (ot(t)) {
-                        e.push(t.props.value);
+                xn.current = c.reduce((function(e, n) {
+                    if (nn(n)) {
+                        e.push(n.props.value);
                     }
                     return e;
                 }), []);
-                st = c.some((function(e) {
-                    return ot(e);
+                cn = c.some((function(e) {
+                    return nn(e);
                 }));
                 return c;
-            }), [ Ae, we, o, s, f, Xt, k, De, Wt, Bt, Kt, Ft, Ut, Dt, I, H, Yt, X, ue, Je, me ]);
-            var en = function e(n) {
-                var r = n.anchorWidth, o = n.maxHeight, a = n.placement;
-                var i = nt({
+            }), [ Ie, Pe, l, s, f, Qn, S, Ve, Jn, Vn, Hn, zn, Un, Nn, R, N, et, U, se, Ue, me ]);
+            var tt = function e(t) {
+                var r = t.anchorWidth, l = t.maxHeight, o = t.placement;
+                var i = Ze({
                     anchorWidth: r,
-                    isMultiple: H,
-                    maxHeight: o,
-                    menuStyle: F
+                    isMultiple: N,
+                    maxHeight: l,
+                    menuStyle: B
                 });
-                var u = Xt.length > 0 && !Qt && !k ? 0 : undefined;
+                var u = Qn.length > 0 && !Zn && !S ? 0 : undefined;
                 var c = {
-                    "aria-multiselectable": H || undefined,
-                    childrenStart: !!k &&  t().createElement(ct, {
-                        activeItemId: we,
-                        filterA11yId: Rt,
-                        filterKeyword: De,
-                        hasChildren: st,
-                        inputId: E,
-                        inputRef: _,
-                        menuListboxId: xe,
-                        multiple: H,
-                        onClearAll: Bt,
-                        onSelectAll: Dt,
-                        onTextBlur: $t,
-                        onTextChange: Ht,
-                        onTextFocus: zt,
-                        onTextKeyDown: Nt,
-                        optionSelection: Pt,
-                        placement: a,
-                        selectAllAppearance: ue,
-                        textHasFocus: Je
+                    "aria-multiselectable": N || undefined,
+                    childrenStart: !!S &&  n().createElement(un, {
+                        activeItemId: Pe,
+                        filterA11yId: Mn,
+                        filterKeyword: Ve,
+                        hasChildren: cn,
+                        inputId: P,
+                        inputRef: E,
+                        menuListboxId: Ee,
+                        multiple: N,
+                        onClearAll: Vn,
+                        onSelectAll: Nn,
+                        onTextBlur: Xn,
+                        onTextChange: $n,
+                        onTextFocus: Wn,
+                        onTextKeyDown: Fn,
+                        optionSelection: Rn,
+                        placement: o,
+                        selectAllAppearance: se,
+                        textHasFocus: Ue
                     }),
-                    focusMode: k ? "never" : undefined,
-                    isLoading: I,
-                    menuId: xe,
-                    onScrollBottom: X ? Vt : undefined,
-                    placement: a !== null && a !== void 0 ? a : undefined,
-                    noOptionsMessage: W,
-                    footerMessage: x,
-                    animateLoading: l,
-                    loadingMessage: q,
+                    focusMode: S ? "never" : undefined,
+                    isLoading: R,
+                    menuId: Ee,
+                    onScrollBottom: U ? Kn : undefined,
+                    placement: o !== null && o !== void 0 ? o : undefined,
+                    noOptionsMessage: F,
+                    footerMessage: k,
+                    animateLoading: a,
+                    loadingMessage: L,
                     onScroll: J,
                     style: i,
                     tabIndex: u
                 };
                 if (be) {
                     
-                    return t().createElement(R.VirtualizedResultsMenu, Ve({
+                    return n().createElement(D.VirtualizedResultsMenu, De({
                         virtualization: be
-                    }, c), Zt);
+                    }, c), nt);
                 }
                 
-                return t().createElement(A(), c, Zt);
+                return n().createElement(_(), c, nt);
             };
-            
-            return t().createElement(j(), {
-                closeReasons: rt,
-                inputId: E,
-                "aria-labelledby": Rt,
-                toggle:  t().createElement(pt, Ve({
+            var rt = (0, e.useMemo)((function() {
+                
+                return n().createElement(fn, De({
                     appearance: i,
                     append: c,
-                    currentValues: At(),
-                    "data-test": H ? "multiselect" : "select",
-                    describedBy: h,
-                    disabled: g,
-                    elementRef: O,
-                    error: S,
-                    inline: P,
-                    labelText: L,
-                    labelledBy: M,
-                    multiple: H,
+                    currentValues: Ln(),
+                    "data-test": N ? "multiselect" : "select",
+                    describedBy: g,
+                    disabled: h,
+                    elementRef: Gn,
+                    error: C,
+                    inline: x,
+                    labelText: A,
+                    labelledBy: T,
+                    multiple: N,
                     onClick: Q,
-                    placeholder: ne,
+                    placeholder: te,
                     prefixLabel: re,
-                    prepend: oe,
+                    prepend: ae,
                     required: ee,
-                    suffixLabel: se,
+                    suffixLabel: de,
                     toggle: me,
-                    toggleContent: he
-                }, ge), f),
-                onRequestOpen: It,
-                onRequestClose: Mt,
-                open: He,
+                    toggleContent: ye
+                }, he), f);
+            }), [ i, c, Ln, N, g, h, C, Gn, x, A, T, Q, te, re, ae, ee, de, me, ye, he, f ]);
+            
+            return n().createElement(M(), {
+                closeReasons: en,
+                inputId: P,
+                "aria-labelledby": Mn,
+                toggle: rt,
+                onRequestOpen: qn,
+                onRequestClose: Dn,
+                open: $e,
                 openWithArrowKeys: true,
-                repositionMode: ae,
-                defaultPlacement: k ? b : undefined,
-                canCoverAnchor: Me().innerHeight < 500,
-                ref: Jt,
+                repositionMode: ue,
+                defaultPlacement: b,
+                canCoverAnchor: Te().innerHeight < 500,
                 retainFocus: false,
-                takeFocus: Xt.length === 0 || Xt.length > 0 && !Qt || !!k
-            }, en);
-        }
-        dt.propTypes = et;
-        dt.componentType = "SelectBase";
-        dt.Option = fe;
-        dt.Divider = T.Divider;
-        dt.Heading = T.Heading;
-        /* harmony default export */        const vt = dt;
-        // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
-        /**
- * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
- *
- * @param ref - The React callback or object ref. Can be `null` or `undefined`.
- * @param current - The new value of the ref.
- */
-        function bt(e, t) {
-            if (e) {
-                if (typeof e === "function") {
-                    e(t);
-                } else {
-                    // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
-                    // the intention here is to signal "we will take care of setting 'current', not you".
-                    e.current = t;
- // eslint-disable-line no-param-reassign
-                                }
-            }
-        }
+                takeFocus: Qn.length === 0 || Qn.length > 0 && !Zn || !!S
+            }, tt);
+        }
+        dn.propTypes = Qe;
+        dn.componentType = "SelectBase";
+        dn.Option = le;
+        dn.Divider = q.Divider;
+        dn.Heading = q.Heading;
+        /* harmony default export */        const pn = dn;
         // CONCATENATED MODULE: ./src/Select/Option.tsx
-        function mt(e) {
-            "@babel/helpers - typeof";
-            return mt = "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;
-            }, mt(e);
-        }
-        function yt() {
-            return yt = Object.assign ? Object.assign.bind() : function(e) {
-                for (var t = 1; t < arguments.length; t++) {
-                    var n = arguments[t];
-                    for (var r in n) {
-                        ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
+        function vn() {
+            return vn = 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;
-            }, yt.apply(null, arguments);
-        }
-        function ht(e, t) {
-            if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
+            }, vn.apply(null, arguments);
         }
-        function gt(e, t) {
-            for (var n = 0; n < t.length; n++) {
-                var r = t[n];
-                r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
-                Object.defineProperty(e, Tt(r.key), r);
+        function bn(e, n) {
+            if (null == e) return {};
+            var t, r, l = mn(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 Ot(e, t, n) {
-            return t && gt(e.prototype, t), n && gt(e, n), Object.defineProperty(e, "prototype", {
-                writable: !1
-            }), e;
-        }
-        function St(e, t) {
-            if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
-            e.prototype = Object.create(t && t.prototype, {
-                constructor: {
-                    value: e,
-                    writable: !0,
-                    configurable: !0
+        function mn(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];
                 }
-            }), Object.defineProperty(e, "prototype", {
-                writable: !1
-            }), t && Ct(e, t);
-        }
-        function Ct(e, t) {
-            return Ct = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
-                return e.__proto__ = t, e;
-            }, Ct(e, t);
-        }
-        function kt(e) {
-            var t = jt();
-            return function() {
-                var n, r = Pt(e);
-                if (t) {
-                    var o = Pt(this).constructor;
-                    n = Reflect.construct(r, arguments, o);
-                } else n = r.apply(this, arguments);
-                return wt(this, n);
-            };
-        }
-        function wt(e, t) {
-            if (t && ("object" == mt(t) || "function" == typeof t)) return t;
-            if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-            return xt(e);
-        }
-        function xt(e) {
-            if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-            return e;
-        }
-        function jt() {
-            try {
-                var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
-            } catch (e) {}
-            return (jt = function t() {
-                return !!e;
-            })();
-        }
-        function Pt(e) {
-            return Pt = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
-                return e.__proto__ || Object.getPrototypeOf(e);
-            }, Pt(e);
-        }
-        function Et(e, t, n) {
-            return (t = Tt(t)) in e ? Object.defineProperty(e, t, {
-                value: n,
-                enumerable: !0,
-                configurable: !0,
-                writable: !0
-            }) : e[t] = n, e;
-        }
-        function Tt(e) {
-            var t = Rt(e, "string");
-            return "symbol" == mt(t) ? t : t + "";
-        }
-        function Rt(e, t) {
-            if ("object" != mt(e) || !e) return e;
-            var n = e[Symbol.toPrimitive];
-            if (void 0 !== n) {
-                var r = n.call(e, t || "default");
-                if ("object" != mt(r)) return r;
-                throw new TypeError("@@toPrimitive must return a primitive value.");
             }
-            return ("string" === t ? String : Number)(e);
+            return t;
         }
-        var At = {
+        var gn = {
             /** @private */
-            active: l().bool,
-            children: l().node,
-            description: l().string,
-            descriptionPosition: l().oneOf([ "right", "bottom" ]),
-            disabled: l().bool,
-            elementRef: l().oneOfType([ l().func, l().object ]),
-            hidden: l().bool,
-            icon: l().node,
-            label: l().string.isRequired,
-            matchRanges: l().arrayOf(l().shape({
-                start: l().number.isRequired,
-                end: l().number.isRequired
+            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: l().func,
+            onClick: a().func,
             /** @private */
-            role: l().oneOf([ "menuitemcheckbox", "option" ]),
+            role: a().oneOf([ "menuitemcheckbox", "option" ]),
             /** @private */
-            selected: l().bool,
-            truncate: l().bool,
-            value: l().oneOfType([ l().string, l().number, l().bool ]).isRequired
-        };
-        var _t = {
-            active: false,
-            descriptionPosition: "bottom",
-            disabled: false,
-            hidden: false,
-            selected: false,
-            truncate: false
+            selected: a().bool,
+            truncate: a().bool,
+            value: a().oneOfType([ a().string, a().number, a().bool ]).isRequired
         };
         /**
- * An option within a `Select`. This inherits from
- * [PureComponent](https://reactjs.org/docs/react-api.html#reactpurecomponent)
- * so any elements passed to it must also be pure.
- */        var It =  function(e) {
-            St(r, e);
-            var n = kt(r);
-            function r() {
-                var e;
-                ht(this, r);
-                for (var o = arguments.length, l = new Array(o), a = 0; a < o; a++) {
-                    l[a] = arguments[a];
-                }
-                e = n.call.apply(n, [ this ].concat(l));
-                Et(xt(e), "optionBaseRef",  t().createRef());
-                Et(xt(e), "handleMount", (function(t) {
-                    bt(e.props.elementRef, t);
-                    bt(e.optionBaseRef, t);
-                }));
-                return e;
-            }
- // @docs-props-type OptionPropsBase
-                        Ot(r, [ {
-                key: "scrollIntoViewIfNeeded",
-                // eslint-disable-next-line react/no-unused-class-component-methods
-                value: function e() {
-                    Re(this.optionBaseRef.current);
-                }
-                /**
-     * Place focus on the button.
-     */
-                // eslint-disable-next-line react/no-unused-class-component-methods
-                        }, {
-                key: "focus",
-                value: function e() {
-                    var t, n;
-                    (t = this.optionBaseRef) === null || t === void 0 ? void 0 : (n = t.current) === null || n === void 0 ? void 0 : n.focus();
-                }
-            }, {
-                key: "render",
-                value: function e() {
-                    
-                    return t().createElement(fe, yt({}, this.props, {
-                        elementRef: this.handleMount,
-                        multiple: false
-                    }), this.props.children || this.props.label);
-                }
-            } ]);
-            return r;
-        }(e.PureComponent);
-        Et(It, "propTypes", At);
-        Et(It, "defaultProps", _t);
-        /* harmony default export */        const Mt = It;
+ * An option within a `Select`. Any elements passed to it should be memoized.
+ */        function yn(e) {
+            var t = e.children, r = e.descriptionPosition, l = r === void 0 ? "bottom" : r, a = e.elementRef, o = e.label, i = bn(e, [ "children", "descriptionPosition", "elementRef", "label" ]);
+            // @docs-props-type OptionPropsBase
+                        
+            return n().createElement(le, vn({
+                descriptionPosition: l,
+                label: o
+            }, i, {
+                elementRef: a,
+                multiple: false
+            }), t || o);
+        }
+        var hn =  (0, e.memo)(yn);
+        // @ts-expect-error Need to set propTypes on OptionMemoized so that javascript propType validation will work
+                hn.propTypes = gn;
+        /* harmony default export */        const On = hn;
         // CONCATENATED MODULE: ./src/Select/Select.tsx
-        function Lt(e) {
-            "@babel/helpers - typeof";
-            return Lt = "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;
-            }, Lt(e);
-        }
-        function qt() {
-            return qt = Object.assign ? Object.assign.bind() : function(e) {
-                for (var t = 1; t < arguments.length; t++) {
-                    var n = arguments[t];
-                    for (var r in n) {
-                        ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
+        function Cn() {
+            return Cn = 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;
-            }, qt.apply(null, arguments);
+            }, Cn.apply(null, arguments);
         }
-        function Dt(e, t) {
+        function Sn(e, n) {
             if (null == e) return {};
-            var n, r, o = Bt(e, t);
+            var t, r, l = kn(e, n);
             if (Object.getOwnPropertySymbols) {
-                var l = Object.getOwnPropertySymbols(e);
-                for (r = 0; r < l.length; r++) {
-                    n = l[r], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+                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 o;
+            return l;
         }
-        function Bt(e, t) {
+        function kn(e, n) {
             if (null == e) return {};
-            var n = {};
+            var t = {};
             for (var r in e) {
                 if ({}.hasOwnProperty.call(e, r)) {
-                    if (t.includes(r)) continue;
-                    n[r] = e[r];
+                    if (n.includes(r)) continue;
+                    t[r] = e[r];
                 }
             }
-            return n;
+            return t;
         }
-        function Vt(e, t) {
-            if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
-        }
-        function Nt(e, t) {
-            for (var n = 0; n < t.length; n++) {
-                var r = t[n];
-                r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
-                Object.defineProperty(e, Gt(r.key), r);
-            }
-        }
-        function Kt(e, t, n) {
-            return t && Nt(e.prototype, t), n && Nt(e, n), Object.defineProperty(e, "prototype", {
-                writable: !1
-            }), e;
-        }
-        function Ft(e, t) {
-            if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
-            e.prototype = Object.create(t && t.prototype, {
-                constructor: {
-                    value: e,
-                    writable: !0,
-                    configurable: !0
-                }
-            }), Object.defineProperty(e, "prototype", {
-                writable: !1
-            }), t && Ht(e, t);
-        }
-        function Ht(e, t) {
-            return Ht = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
-                return e.__proto__ = t, e;
-            }, Ht(e, t);
-        }
-        function zt(e) {
-            var t = Ut();
-            return function() {
-                var n, r = Jt(e);
-                if (t) {
-                    var o = Jt(this).constructor;
-                    n = Reflect.construct(r, arguments, o);
-                } else n = r.apply(this, arguments);
-                return $t(this, n);
-            };
-        }
-        function $t(e, t) {
-            if (t && ("object" == Lt(t) || "function" == typeof t)) return t;
-            if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-            return Wt(e);
-        }
-        function Wt(e) {
-            if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-            return e;
-        }
-        function Ut() {
-            try {
-                var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
-            } catch (e) {}
-            return (Ut = function t() {
-                return !!e;
-            })();
-        }
-        function Jt(e) {
-            return Jt = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
-                return e.__proto__ || Object.getPrototypeOf(e);
-            }, Jt(e);
-        }
-        function Xt(e, t, n) {
-            return (t = Gt(t)) in e ? Object.defineProperty(e, t, {
-                value: n,
-                enumerable: !0,
-                configurable: !0,
-                writable: !0
-            }) : e[t] = n, e;
-        }
-        function Gt(e) {
-            var t = Qt(e, "string");
-            return "symbol" == Lt(t) ? t : t + "";
-        }
-        function Qt(e, t) {
-            if ("object" != Lt(e) || !e) return e;
-            var n = e[Symbol.toPrimitive];
-            if (void 0 !== n) {
-                var r = n.call(e, t || "default");
-                if ("object" != Lt(r)) return r;
-                throw new TypeError("@@toPrimitive must return a primitive value.");
-            }
-            return ("string" === t ? String : Number)(e);
-        }
-        /* eslint-disable max-classes-per-file */
         /** @public */
         /** @public */
-        /** @public */        var Yt = {
-            allowKeyMatching: l().bool,
-            animateLoading: l().bool,
-            appearance: l().oneOf([ "default", "link", "primary", "pill", "toggle", "flat", "subtle" ]),
-            append: l().bool,
-            children: l().node,
-            defaultPlacement: l().oneOf([ "above", "below", "vertical" ]),
-            defaultValue: l().oneOfType([ l().string, l().number, l().bool ]),
-            describedBy: l().string,
-            disabled: l().bool,
-            elementRef: l().oneOfType([ l().func, l().object ]),
-            error: l().bool,
-            filter: l().oneOf([ false, true, "controlled" ]),
-            footerMessage: l().node,
-            inline: l().bool,
-            inputId: l().string,
-            inputRef: l().oneOfType([ l().func, l().object ]),
-            isLoadingOptions: l().bool,
-            labelledBy: l().string,
-            labelText: l().string,
-            loadingMessage: l().node,
-            menuStyle: l().object,
-            name: l().string,
-            noOptionsMessage: l().node,
-            onChange: l().func,
-            onClose: l().func,
-            onFilterChange: l().func,
-            onOpen: l().func,
-            onScroll: l().func,
-            onScrollBottom: l().func,
-            placeholder: l().string,
-            prefixLabel: l().string,
-            prepend: l().bool,
-            suffixLabel: l().string,
-            toggleContent: l().oneOf([ "optionChildren", "optionLabel" ]),
+        /** @public */        var wn = {
+            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" ]),
             /** @private. */
-            toggle: l().node,
-            value: l().oneOfType([ l().string, l().number, l().bool ]),
+            toggle: a().node,
+            value: a().oneOfType([ a().string, a().number, a().bool ]),
             /** @private. */
-            virtualization: l().number
-        };
-        var Zt = {
-            allowKeyMatching: true,
-            animateLoading: false,
-            appearance: "toggle",
-            append: false,
-            children: [],
-            defaultPlacement: "vertical",
-            disabled: false,
-            error: false,
-            filter: false,
-            inline: true,
-            isLoadingOptions: false,
-            menuStyle: {},
-            noOptionsMessage: (0, u._)("No matches"),
-            placeholder: (0, u._)("Select..."),
-            prepend: false,
-            toggleContent: "optionChildren"
+            virtualization: a().number
         };
-        var en =  function(e) {
-            Ft(r, e);
-            var n = zt(r);
+        var xn = (0, u._)("No matches");
+        var jn = (0, u._)("Select...");
+        function Pn(t) {
+            var r = t.allowKeyMatching, l = r === void 0 ? true : r, a = t.appearance, o = a === void 0 ? "default" : a, u = t.defaultPlacement, c = u === void 0 ? "vertical" : u, s = t.defaultValue, f = t.inline, d = f === void 0 ? true : f, p = t.noOptionsMessage, v = p === void 0 ? xn : p, b = t.onChange, m = t.placeholder, g = m === void 0 ? jn : m, y = t.toggleContent, h = y === void 0 ? "optionChildren" : y, O = t.value, C = Sn(t, [ "allowKeyMatching", "appearance", "defaultPlacement", "defaultValue", "inline", "noOptionsMessage", "onChange", "placeholder", "toggleContent", "value" ]);
             // @docs-props-type SelectPropsBase
-                        function r(e) {
-                var t;
-                Vt(this, r);
-                t = n.call(this, e);
-                var o = {};
+                        if (false) {}
+            var S = i()({
+                componentName: "Select",
+                /* eslint-disable-next-line prefer-rest-params */
+                componentProps: arguments[0]
+            });
+            // Converts the provided props into a structure suitable for SelectBase.
+                        var k = (0, e.useMemo)((function() {
                 // wrap defaultValue in an array once to avoid failing <SelectBase>'s defaultValues comparison check
-                // using "has" to make sure that pre-4.3 behavior is preserved if a user explicitly passes "null" or "undefined"
-                                if (i()(e, "defaultValue")) {
-                    if (e.defaultValue != null) {
-                        o.defaultValues = [ e.defaultValue ];
+                var e;
+                if (!S) {
+                    if (s != null) {
+                        e = [ s ];
                     } else {
-                        o.defaultValues = [];
+                        e = [];
                     }
+                } else {
+                    e = undefined;
                 }
-                t.state = o;
-                // `this.props.appearance === 'toggle'` is not included here because it is the default value.
-                // Including it would trigger a warning for every instance of using `Select`.
-                                if (false) {}
-                return t;
-            }
-            Kt(r, [ {
-                key: "componentDidUpdate",
-                value: function e(t) {
-                    if (false) {}
-                }
-            }, {
-                key: "render",
-                value: function e() {
-                    var n = this.props, r = n.defaultValue, o = n.onChange, l = n.value, a = Dt(n, [ "defaultValue", "onChange", "value" ]);
-                    var u = {
-                        onChange: function e(t, n) {
-                            var r = n.name, l = n.values;
-                            o === null || o === void 0 ? void 0 : o(t, {
-                                name: r,
-                                value: l[0]
-                            });
-                        }
-                    };
-                    // using "has" as opposed to a null check to match SelectBase
-                                        if (i()(this.props, "value")) {
-                        if (l != null) {
-                            u.values = [ l ];
-                        } else {
-                            u.values = [];
-                        }
-                    } else if (this.state.defaultValues != null) {
-                        // using defaultValues from state in order to avoid wrapping defaultValue here
-                        u.defaultValues = this.state.defaultValues;
-                    }
-                    
-                    return t().createElement(vt, qt({}, a, u, {
-                        multiple: false
-                    }));
+                var n = function e(n, t) {
+                    var r = t.name, l = t.values;
+                    b === null || b === void 0 ? void 0 : b(n, {
+                        name: r,
+                        value: l[0]
+                    });
+                };
+                var t = {
+                    onChange: n
+                };
+                if (S) {
+                    t.values = O != null ? [ O ] : [];
+                } else if (e != null) {
+                    t.defaultValues = e;
                 }
-            } ]);
-            return r;
-        }(e.Component);
-        Xt(en, "propTypes", Yt);
-        Xt(en, "defaultProps", Zt);
-        Xt(en, "Option", Mt);
-        Xt(en, "Heading", T.Heading);
-        Xt(en, "Divider", T.Divider);
-        /* harmony default export */        const tn = en;
+                return t;
+            }), [ b, S, O, s ]);
+            
+            return n().createElement(pn, Cn({
+                allowKeyMatching: l,
+                appearance: o,
+                defaultPlacement: c,
+                inline: d,
+                noOptionsMessage: v,
+                placeholder: g,
+                toggleContent: h
+            }, C, k, {
+                multiple: false
+            }));
+        }
+        Pn.propTypes = wn;
+        Pn.Option = On;
+        Pn.Heading = q.Heading;
+        Pn.Divider = q.Divider;
+        /* harmony default export */        const En = Pn;
     }) // CONCATENATED MODULE: ./src/Select/index.ts
     ();
     module.exports = r;