@splunk/react-ui 4.37.0 → 4.39.0

package/Select.js

@@ -61,25 +61,25 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        Divider: () => /* reexport */ T.Divider,
-        Heading: () => /* reexport */ T.Heading,
-        Option: () => /* reexport */ nn,
-        default: () => /* reexport */ wn
+        Divider: () => /* reexport */ M.Divider,
+        Heading: () => /* reexport */ M.Heading,
+        Option: () => /* reexport */ zt,
+        default: () => /* reexport */ fn
     });
     // CONCATENATED MODULE: external "react"
     const n = require("react");
     var r =  e.n(n);
     // CONCATENATED MODULE: external "prop-types"
     const o = require("prop-types");
-    var i =  e.n(o);
+    var l =  e.n(o);
     // CONCATENATED MODULE: external "lodash/has"
-    const a = require("lodash/has");
-    var l =  e.n(a);
+    const i = require("lodash/has");
+    var a =  e.n(i);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const s = require("@splunk/ui-utils/i18n");
+    const u = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "lodash/castArray"
     const c = require("lodash/castArray");
-    var u =  e.n(c);
+    var s =  e.n(c);
     // CONCATENATED MODULE: external "lodash/find"
     const p = require("lodash/find");
     var f =  e.n(p);
@@ -90,268 +90,251 @@
     const h = require("lodash/includes");
     var b =  e.n(h);
     // CONCATENATED MODULE: external "lodash/isUndefined"
-    const m = require("lodash/isUndefined");
-    var y =  e.n(m);
+    const y = require("lodash/isUndefined");
+    var m =  e.n(y);
     // CONCATENATED MODULE: external "lodash/keys"
     const g = require("lodash/keys");
     var O =  e.n(g);
     // CONCATENATED MODULE: external "lodash/memoize"
-    const S = require("lodash/memoize");
-    var w =  e.n(S);
+    const w = require("lodash/memoize");
+    var S =  e.n(w);
     // CONCATENATED MODULE: external "lodash/omit"
-    const x = require("lodash/omit");
-    var C =  e.n(x);
+    const C = require("lodash/omit");
+    var x =  e.n(C);
     // CONCATENATED MODULE: external "lodash/pick"
     const k = require("lodash/pick");
-    var I =  e.n(k);
+    var j =  e.n(k);
     // CONCATENATED MODULE: external "lodash/uniq"
-    const _ = require("lodash/uniq");
-    var A =  e.n(_);
+    const P = require("lodash/uniq");
+    var E =  e.n(P);
     // CONCATENATED MODULE: external "lodash/without"
-    const j = require("lodash/without");
-    var E =  e.n(j);
+    const I = require("lodash/without");
+    var T =  e.n(I);
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-    const M = require("@splunk/ui-utils/id");
+    const A = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
-    const T = require("@splunk/react-ui/Menu");
+    const M = require("@splunk/react-ui/Menu");
     // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
-    const P = require("@splunk/react-ui/Dropdown");
-    var V =  e.n(P);
+    const _ = require("@splunk/react-ui/Dropdown");
+    var V =  e.n(_);
     // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-    const R = require("@splunk/ui-utils/keyboard");
+    const q = require("@splunk/ui-utils/keyboard");
     // CONCATENATED MODULE: external "@splunk/ui-utils/filter"
-    const D = require("@splunk/ui-utils/filter");
+    const R = require("@splunk/ui-utils/filter");
     // CONCATENATED MODULE: external "@splunk/react-ui/Link"
     const L = require("@splunk/react-ui/Link");
-    var q =  e.n(L);
+    var D =  e.n(L);
     // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
-    const N = require("@splunk/react-ui/ResultsMenu");
-    var B =  e.n(N);
+    const B = require("@splunk/react-ui/ResultsMenu");
+    var K =  e.n(B);
     // CONCATENATED MODULE: external "@splunk/react-ui/Text"
-    const K = require("@splunk/react-ui/Text");
-    var F =  e.n(K);
+    const N = require("@splunk/react-ui/Text");
+    var F =  e.n(N);
     // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
     const H = require("@splunk/react-icons/CaretSmallDown");
-    var $ =  e.n(H);
+    var z =  e.n(H);
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Caret"
-    const z = require("@splunk/react-icons/enterprise/Caret");
-    var W =  e.n(z);
+    const $ = require("@splunk/react-icons/enterprise/Caret");
+    var W =  e.n($);
     // CONCATENATED MODULE: external "@splunk/themes"
     const U = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Select/icons/CaretSmallDown.tsx
-    var G = function e() {
+    var J = function e() {
         var t = (0, U.useSplunkTheme)(), n = t.isEnterprise;
         var o = n ?  r().createElement(W(), {
             screenReaderText: null,
             hideDefaultTooltip: true,
             size: .5
-        }) :  r().createElement($(), null);
+        }) :  r().createElement(z(), null);
         return o;
     };
-    /* harmony default export */    const J = G;
+    /* harmony default export */    const X = J;
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Search"
-    const X = require("@splunk/react-icons/enterprise/Search");
-    var Y =  e.n(X);
+    const G = require("@splunk/react-icons/enterprise/Search");
+    var Q =  e.n(G);
     // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
-    const Q = require("@splunk/react-icons/Magnifier");
-    var Z =  e.n(Q);
+    const Y = require("@splunk/react-icons/Magnifier");
+    var Z =  e.n(Y);
     // CONCATENATED MODULE: ./src/Select/icons/Search.tsx
     var ee = function e() {
         var t = (0, U.useSplunkTheme)(), n = t.isEnterprise, o = t.isCompact;
-        var i = (0, s._)("Search");
-        var a = o ? "20px" : "24px";
-        var l = n ?  r().createElement(Y(), {
+        var l = (0, u._)("Search");
+        var i = o ? "20px" : "24px";
+        var a = n ?  r().createElement(Q(), {
             role: "presentation",
             size: "16px",
-            screenReaderText: i,
+            screenReaderText: l,
             hideDefaultTooltip: true
         }) :  r().createElement(Z(), {
             role: "presentation",
-            "aria-label": i,
-            width: a,
-            height: a
+            "aria-label": l,
+            width: i,
+            height: i
         });
-        return l;
+        return a;
     };
     /* harmony default export */    const te = ee;
     // CONCATENATED MODULE: ./src/Select/OptionBase.tsx
     function ne(e) {
         "@babel/helpers - typeof";
-        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            ne = function e(t) {
-                return typeof t;
-            };
-        } else {
-            ne = function e(t) {
-                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-            };
-        }
-        return ne(e);
+        return ne = "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;
+        }, ne(e);
     }
     function re() {
-        re = Object.assign || function(e) {
+        return re = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var r in n) {
-                    if (Object.prototype.hasOwnProperty.call(n, r)) {
-                        e[r] = n[r];
-                    }
+                    ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
                 }
             }
             return e;
-        };
-        return re.apply(this, arguments);
+        }, re.apply(null, arguments);
     }
     function oe(e, t) {
-        if (e == null) return {};
-        var n = ie(e, t);
-        var r, o;
+        if (null == e) return {};
+        var n, r, o = le(e, t);
         if (Object.getOwnPropertySymbols) {
-            var i = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < i.length; o++) {
-                r = i[o];
-                if (t.indexOf(r) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, r)) continue;
-                n[r] = e[r];
+            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]);
             }
         }
-        return n;
+        return o;
     }
-    function ie(e, t) {
-        if (e == null) return {};
+    function le(e, t) {
+        if (null == e) return {};
         var n = {};
-        var r = Object.keys(e);
-        var o, i;
-        for (i = 0; i < r.length; i++) {
-            o = r[i];
-            if (t.indexOf(o) >= 0) continue;
-            n[o] = e[o];
+        for (var r in e) {
+            if ({}.hasOwnProperty.call(e, r)) {
+                if (t.includes(r)) continue;
+                n[r] = e[r];
+            }
         }
         return n;
     }
-    function ae(e, t) {
-        if (!(e instanceof t)) {
-            throw new TypeError("Cannot call a class as a function");
-        }
+    function ie(e, t) {
+        if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
     }
-    function le(e, t) {
+    function ae(e, t) {
         for (var n = 0; n < t.length; n++) {
             var r = t[n];
-            r.enumerable = r.enumerable || false;
-            r.configurable = true;
-            if ("value" in r) r.writable = true;
-            Object.defineProperty(e, r.key, r);
+            r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
+            Object.defineProperty(e, ye(r.key), r);
         }
     }
-    function se(e, t, n) {
-        if (t) le(e.prototype, t);
-        if (n) le(e, n);
-        return e;
+    function ue(e, t, n) {
+        return t && ae(e.prototype, t), n && ae(e, n), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), e;
     }
     function ce(e, t) {
-        if (typeof t !== "function" && t !== null) {
-            throw new TypeError("Super expression must either be null or a function");
-        }
+        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: true,
-                configurable: true
+                writable: !0,
+                configurable: !0
             }
-        });
-        if (t) ue(e, t);
+        }), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), t && se(e, t);
     }
-    function ue(e, t) {
-        ue = Object.setPrototypeOf || function e(t, n) {
-            t.__proto__ = n;
-            return t;
-        };
-        return ue(e, t);
+    function se(e, t) {
+        return se = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+            return e.__proto__ = t, e;
+        }, se(e, t);
     }
     function pe(e) {
         var t = ve();
-        return function n() {
-            var r = he(e), o;
+        return function() {
+            var n, r = he(e);
             if (t) {
-                var i = he(this).constructor;
-                o = Reflect.construct(r, arguments, i);
-            } else {
-                o = r.apply(this, arguments);
-            }
-            return fe(this, o);
+                var o = he(this).constructor;
+                n = Reflect.construct(r, arguments, o);
+            } else n = r.apply(this, arguments);
+            return fe(this, n);
         };
     }
     function fe(e, t) {
-        if (t && (ne(t) === "object" || typeof t === "function")) {
-            return t;
-        }
+        if (t && ("object" == ne(t) || "function" == typeof t)) return t;
+        if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
         return de(e);
     }
     function de(e) {
-        if (e === void 0) {
-            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        }
+        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
     function ve() {
-        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-        if (Reflect.construct.sham) return false;
-        if (typeof Proxy === "function") return true;
         try {
-            Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
-            return true;
-        } catch (e) {
-            return false;
-        }
+            var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
+        } catch (e) {}
+        return (ve = function t() {
+            return !!e;
+        })();
     }
     function he(e) {
-        he = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
-            return t.__proto__ || Object.getPrototypeOf(t);
-        };
-        return he(e);
+        return he = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+            return e.__proto__ || Object.getPrototypeOf(e);
+        }, he(e);
     }
     function be(e, t, n) {
-        if (t in e) {
-            Object.defineProperty(e, t, {
-                value: n,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[t] = n;
+        return (t = ye(t)) in e ? Object.defineProperty(e, t, {
+            value: n,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[t] = n, e;
+    }
+    function ye(e) {
+        var t = me(e, "string");
+        return "symbol" == ne(t) ? t : t + "";
+    }
+    function me(e, t) {
+        if ("object" != ne(e) || !e) return e;
+        var n = e[Symbol.toPrimitive];
+        if (void 0 !== n) {
+            var r = n.call(e, t || "default");
+            if ("object" != ne(r)) return r;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return e;
+        return ("string" === t ? String : Number)(e);
     }
-    var me = {
+    var ge = {
         /** @private */
-        active: i().bool,
-        children: i().node,
-        description: i().string,
-        descriptionPosition: i().oneOf([ "right", "bottom" ]),
-        disabled: i().bool,
-        hidden: i().bool,
-        icon: i().node,
-        label: i().string.isRequired,
+        active: l().bool,
+        children: l().node,
+        description: l().string,
+        descriptionPosition: l().oneOf([ "right", "bottom" ]),
+        disabled: l().bool,
+        hidden: l().bool,
+        icon: l().node,
+        label: l().string.isRequired,
         /**
    * @private Passed down from <BaseSelect>
    */
-        multiple: i().bool,
-        matchRanges: i().arrayOf(i().shape({
-            start: i().number.isRequired,
-            end: i().number.isRequired
+        multiple: l().bool,
+        matchRanges: l().arrayOf(l().shape({
+            start: l().number.isRequired,
+            end: l().number.isRequired
         })),
         /** @private */
-        onClick: i().func,
+        onClick: l().func,
         /** @private */
-        selected: i().bool,
-        truncate: i().bool,
-        value: i().oneOfType([ i().string, i().number, i().bool ]).isRequired
+        role: l().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
     };
-    var ye = {
+    var Oe = {
         descriptionPosition: "bottom",
         disabled: false,
         multiple: false,
+        role: "option",
         selected: false,
         truncate: false
     };
@@ -359,20 +342,20 @@
  * An option within a `Multiselect`. This inherits from
  * [PureComponent](https://reactjs.org/docs/react-api.html#reactpurecomponent)
  * so any elements passed to it must also be pure.
- */    var ge =  function(e) {
+ */    var we =  function(e) {
         ce(n, e);
         var t = pe(n);
         function n() {
             var e;
-            ae(this, n);
-            for (var r = arguments.length, o = new Array(r), i = 0; i < r; i++) {
-                o[i] = arguments[i];
+            ie(this, n);
+            for (var r = arguments.length, o = new Array(r), l = 0; l < r; l++) {
+                o[l] = arguments[l];
             }
             e = t.call.apply(t, [ this ].concat(o));
             be(de(e), "c", null);
             be(de(e), "handleClick", (function(t) {
-                var n = e.props, r = n.onClick, o = n.value, i = n.disabled;
-                if (!i) {
+                var n = e.props, r = n.onClick, o = n.value, l = n.disabled;
+                if (!l) {
                     r === null || r === void 0 ? void 0 : r(t, {
                         value: o
                     });
@@ -383,15 +366,19 @@
             }));
             return e;
         }
-        se(n, [ {
+ // @docs-props-type OptionPropsBase
+                ue(n, [ {
             key: "scrollIntoViewIfNeeded",
+            // eslint-disable-next-line react/no-unused-class-component-methods
             value: function e() {
                 var t;
                 (t = this.c) === null || t === void 0 ? void 0 : t.scrollIntoViewIfNeeded();
             }
             /**
      * Place focus on the button.
-     */        }, {
+     */
+            // eslint-disable-next-line react/no-unused-class-component-methods
+                }, {
             key: "focus",
             value: function e() {
                 var t;
@@ -400,279 +387,73 @@
         }, {
             key: "render",
             value: function e() {
-                var t = this.props, n = t.value, o = t.children, i = t.label, a = t.multiple, l = oe(t, [ "value", "children", "label", "multiple" ]);
+                var t = this.props, n = t.value, o = t.children, l = t.label, i = t.multiple, a = t.role, u = t.icon, c = oe(t, [ "value", "children", "label", "multiple", "role", "icon" ]);
+                var s = n.toString();
                 
-                return r().createElement(T.Item, re({
-                    "aria-selected": this.props.selected,
+                return r().createElement(M.Item, re({
                     "data-test-value": n,
                     "data-test": "option",
                     ref: this.handleMount
-                }, l, {
+                }, c, {
                     selectable: true,
-                    selectableAppearance: a ? "checkbox" : undefined,
+                    selectableAppearance: i ? "checkbox" : "checkmark",
                     onClick: this.handleClick,
-                    role: "option",
-                    value: n.toString()
-                }), o || i);
+                    role: a,
+                    value: s,
+                    startAdornment: u
+                }), o || l);
             }
         } ]);
         return n;
     }(n.PureComponent);
-    be(ge, "propTypes", me);
-    be(ge, "defaultProps", ye);
-    be(ge, "type", T.Item);
-    /* harmony default export */    const Oe = ge;
-    // CONCATENATED MODULE: external "styled-components"
-    const Se = require("styled-components");
-    var we =  e.n(Se);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
-    const xe = require("@splunk/react-ui/Clickable");
-    var Ce =  e.n(xe);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Switch"
-    const ke = require("@splunk/react-ui/Switch");
-    var Ie =  e.n(ke);
-    // CONCATENATED MODULE: ./src/Menu/ItemStyles.ts
-    var _e = (0, Se.css)([ "color:", ";font-size:", ";line-height:", ";overflow:inherit;white-space:inherit;text-overflow:inherit;" ], (0, 
-    U.pick)({
-        prisma: U.variables.contentColorDefault,
-        enterprise: U.variables.textGray
-    }), U.variables.fontSizeSmall, (0, U.pick)({
-        prisma: "16px"
-    }));
-    var Ae = we().span.withConfig({
-        displayName: "ItemStyles__StyledItemDescriptionBottom",
-        componentId: "sc-4kc053-0"
-    })([ "", ";display:block;" ], _e);
-    var je = we().span.withConfig({
-        displayName: "ItemStyles__StyledItemDescriptionRight",
-        componentId: "sc-4kc053-1"
-    })([ "", ";float:right;", " max-width:50%;text-align:right;box-sizing:border-box;" ], _e, (0, 
-    U.pick)({
-        enterprise: (0, Se.css)([ "padding-left:", ";" ], U.variables.spacingLarge)
-    }));
-    var Ee = we().div.withConfig({
-        displayName: "ItemStyles__StyledItemSelectedIcon",
-        componentId: "sc-4kc053-2"
-    })([ "position:absolute;", " color:", ";" ], (0, U.pick)({
-        prisma: (0, Se.css)([ "right:16px;" ]),
-        enterprise: (0, Se.css)([ "right:3px;left:8px;" ])
-    }), (0, U.pick)({
-        prisma: U.variables.contentColorActive,
-        enterprise: U.variables.accentColorL10
-    }));
-    var Me = we().span.withConfig({
-        displayName: "ItemStyles__StyledItemIcon",
-        componentId: "sc-4kc053-3"
-    })([ "flex:0 0 auto;padding-right:", ";min-width:10px;display:inline-block;text-align:center;vertical-align:", ";", "" ], (0, 
-    U.pick)({
-        prisma: "8px",
-        enterprise: "3px"
-    }), (0, U.pick)({
-        prisma: "initial",
-        enterprise: "middle"
-    }), (0, U.pick)({
-        prisma: (0, Se.css)([ "color:", ";display:inline-flex;align-items:center;min-width:20px;min-height:20px;& > svg{width:20px;height:20px;}" ], U.variables.contentColorMuted),
-        enterprise: (0, Se.css)([ "transform:translateY(-1px);" ])
-    }));
-    var Te = we()(Ce()).withConfig({
-        displayName: "ItemStyles__StyledClickable",
-        componentId: "sc-4kc053-4"
-    })([ "display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;padding:", ";", " ", " ", " &:not([disabled],[aria-disabled='true']){&:hover{background:", ";", "}", " ", "}&:focus{outline:0;box-shadow:", ";", "}&[disabled],&[aria-disabled='true']{color:", ";cursor:not-allowed;", ",", "{color:inherit;}", "{cursor:not-allowed;color:", ";}", "}", "" ], (0, 
-    U.pick)({
-        prisma: U.variables.contentColorActive,
-        enterprise: {
-            dark: U.variables.gray96,
-            light: U.variables.gray22
-        }
-    }), (0, U.pick)({
-        prisma: {
-            comfortable: "10px 16px",
-            compact: "6px 16px"
-        },
-        enterprise: "6px 10px"
-    }), (function(e) {
-        var t = e.$isSelectable, n = e.$selectableAppearance;
-        return t && (0, U.pick)({
-            prisma: (0, Se.css)([ "padding-right:44px;", "" ], (function() {
-                return n === "checkbox" && "padding-left: 42px;";
-            })),
-            enterprise: (0, Se.css)([ "padding-right:10px;padding-left:", ";" ], (function() {
-                return n === "checkbox" ? "32px" : "28px";
-            }))
-        });
-    }), (function(e) {
-        var t = e.$active, n = e.$preventFocus;
-        return t && !n && (0, Se.css)([ "box-shadow:", ";" ], U.variables.focusShadowInset);
-    }), (function(e) {
-        var t = e.$active;
-        return t && (0, Se.css)([ "background:", ";font-weight:", ";" ], (0, U.pick)({
-            enterprise: {
-                light: U.variables.gray92,
-                dark: U.variables.gray22
-            },
-            prisma: U.variables.neutral100
-        }), U.variables.fontWeightBold);
-    }), (0, U.pick)({
-        prisma: U.variables.interactiveColorOverlayHover,
-        enterprise: U.variables.backgroundColorHover
-    }), (function(e) {
-        var t = e.$selected;
-        return t && (0, U.pick)({
-            prisma: (0, Se.css)([ "background:", ";" ], U.mixins.overlayColors(U.variables.interactiveColorOverlaySelected, U.variables.interactiveColorOverlayHover))
-        });
-    }), (0, U.pick)({
-        prisma: (0, Se.css)([ "&:active{background:", ";}" ], U.variables.interactiveColorOverlayActive)
-    }), (function(e) {
-        var t = e.$selected;
-        return t && (0, U.pick)({
-            prisma: (0, Se.css)([ "background:", ";&:active{background:", ";}" ], U.variables.interactiveColorOverlaySelected, U.mixins.overlayColors(U.variables.interactiveColorOverlaySelected, U.variables.interactiveColorOverlayActive))
-        });
-    }), U.variables.focusShadowInset, (0, U.pick)({
-        prisma: (0, Se.css)([ "background:", ";" ], U.variables.interactiveColorOverlayHover)
-    }), (0, U.pick)({
-        enterprise: {
-            light: U.variables.gray45,
-            dark: U.variables.contentColorDisabled
-        },
-        prisma: U.variables.contentColorDisabled
-    }), 
-    /* sc-sel */
-    Ae, 
-    /* sc-sel */
-    je, 
-    /* sc-sel */
-    Ee, (0, U.pick)({
-        prisma: U.variables.contentColorDisabled,
-        enterprise: U.variables.gray80
-    }), (0, U.pick)({
-        prisma: (0, Se.css)([ "& > * > ", "{color:", ";}" ], 
-        /* sc-sel */
-        Me, U.variables.contentColorDisabled)
-    }), (function(e) {
-        var t = e.$selected;
-        return t && (0, U.pick)({
-            prisma: (0, Se.css)([ "", "{color:", ";}" ], 
-            /* sc-sel */
-            Me, U.variables.contentColorActive)
-        });
-    }));
-    var Pe = we()(Ie()).withConfig({
-        displayName: "ItemStyles__StyledSwitch",
-        componentId: "sc-4kc053-5"
-    })([ "position:absolute;left:", ";top:", ";" ], (0, U.pick)({
-        prisma: "16px",
-        enterprise: "8px"
-    }), (0, U.pick)({
-        prisma: "0px",
-        enterprise: {
-            comfortable: "-1px",
-            compact: "2px"
-        }
-    }));
-    var Ve = we().span.withConfig({
-        displayName: "ItemStyles__StyledInnerWrapper",
-        componentId: "sc-4kc053-6"
-    })([ "display:flex;align-items:flex-start;" ]);
-    var Re = we().span.withConfig({
-        displayName: "ItemStyles__StyledTitleAndDescriptionWrapper",
-        componentId: "sc-4kc053-7"
-    })([ "display:flex;flex-wrap:wrap;flex-direction:column;max-width:100%;width:100%;align-self:center;word-break:break-word;white-space:normal;", "" ], (function(e) {
-        var t = e.$truncate;
-        return t && (0, Se.css)([ "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" ]);
-    }));
-    var De = we().div.withConfig({
-        displayName: "ItemStyles__StyledLabel",
-        componentId: "sc-4kc053-8"
-    })([ "overflow:inherit;white-space:inherit;text-overflow:inherit;max-width:100%;min-height:20px;", "" ], (function(e) {
-        var t = e.$truncate;
-        return t && (0, Se.css)([ "display:block;clear:both;" ]);
-    }));
-    var Le = we().span.withConfig({
-        displayName: "ItemStyles__StyledMatch",
-        componentId: "sc-4kc053-9"
-    })([ "border-bottom:1px solid ", ";" ], (0, U.pick)({
-        prisma: U.variables.contentColorActive,
-        enterprise: {
-            dark: U.variables.gray96,
-            light: U.variables.gray45
-        }
-    }));
-    var qe = we().span.withConfig({
-        displayName: "ItemStyles__StyledSubmenu",
-        componentId: "sc-4kc053-10"
-    })([ "float:right;padding-left:", ";color:", ";", "" ], U.variables.spacingSmall, (0, 
-    U.pick)({
-        prisma: "inherit",
-        enterprise: U.variables.textGray
-    }), (0, U.pick)({
-        prisma: (0, Se.css)([ "& > svg{width:20px;height:20px;}" ])
-    }));
-    // CONCATENATED MODULE: ./src/Select/SelectAllOptionStyles.ts
-    var Ne = we()(De).withConfig({
-        displayName: "SelectAllOptionStyles__StyledSelectAllLabel",
-        componentId: "y6bn08-0"
-    })([ "font-weight:", ";" ], U.variables.fontWeightBold);
-    var Be = we()(Oe).withConfig({
-        displayName: "SelectAllOptionStyles__StyledSelectAllOption",
-        componentId: "y6bn08-1"
-    })([ "padding-inline-start:", ";box-shadow:none;" ], (0, U.pick)({
-        prisma: "42px;",
-        enterprise: "32px;"
-    }));
+    be(we, "propTypes", ge);
+    be(we, "defaultProps", Oe);
+    be(we, "type", M.Item);
+    /* harmony default export */    const Se = we;
     // CONCATENATED MODULE: ./src/Select/SelectAllOption.tsx
-    var Ke = {
-        active: i().bool,
-        elementRef: i().oneOfType([ i().func, i().object ]),
-        id: i().string,
-        onClick: i().func,
-        selectAllLabel: i().string,
-        totalCount: i().number,
-        changedToggle: i().bool,
-        selected: i().oneOf([ false, true, "some" ])
+    var Ce = {
+        active: l().bool,
+        elementRef: l().oneOfType([ l().func, l().object ]),
+        id: l().string,
+        onClick: l().func,
+        selectAllLabel: l().string,
+        totalCount: l().number,
+        changedToggle: l().bool,
+        selected: l().oneOf([ false, true, "some" ])
     };
-    var Fe =  r().forwardRef((function(e, t) {
-        var n = e.active, o = e.id, i = e.onClick, a = e.selectAllLabel, l = e.totalCount, c = e.changedToggle, u = e.selected;
+    var xe =  r().forwardRef((function(e, t) {
+        var n = e.active, o = e.id, l = e.onClick, i = e.selectAllLabel, a = 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 p = c ? " (".concat(l === null || l === void 0 ? void 0 : l.toString(), ")") : "";
+                var s = u ? " (".concat(a === null || a === void 0 ? void 0 : a.toString(), ")") : "";
         
-        return r().createElement(Be, {
-            label: a,
+        return r().createElement(Se, {
+            label: i,
             value: "selectAll",
             key: "selectAll",
-            onClick: i,
+            onClick: l,
             "data-test": "select-all",
             "aria-keyshortcuts": "Control+A",
             id: o,
             active: n,
             ref: t,
-            tabIndex: -1
-        },  r().createElement(Pe, {
-            interactive: false,
-            selected: u === "some" && "some" || u,
-            key: "main-checkbox",
-            value: "main-checkbox",
-            appearance: "checkbox",
-            "aria-label": !u && (0, s._)("No options selected") || u === "some" && (0, s._)("Some options selected") || (0, 
-            s._)("All options selected"),
-            "data-test": "select-all-switch",
-            selectedLabel: u === true ? (0, s._)("All options selected") : (0, s._)("Option selected"),
-            unselectedLabel: u === true ? (0, s._)("No options selected") : (0, s._)("Option unselected"),
-            someSelectedLabel: (0, s._)("Some options selected")
-        }),  r().createElement(je, {
-            "data-test": "description"
-        }, "".concat(p, " Ctrl-a")),  r().createElement(Ve, null,  r().createElement(Re, {
-            $truncate: false
-        },  r().createElement(Ne, {
-            $truncate: false
-        }, a))));
+            tabIndex: -1,
+            selected: c,
+            description: "".concat(s, " Ctrl-a"),
+            descriptionPosition: "right",
+            multiple: true,
+            role: "menuitemcheckbox"
+        });
     }));
-    Fe.propTypes = Ke;
-    /* harmony default export */    const He = Fe;
+    xe.propTypes = Ce;
+    /* harmony default export */    const ke = xe;
+    // CONCATENATED MODULE: external "styled-components"
+    const je = require("styled-components");
+    var Pe =  e.n(je);
     // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const $e = require("@splunk/react-ui/Button");
-    var ze =  e.n($e);
+    const Ee = require("@splunk/react-ui/Button");
+    var Ie =  e.n(Ee);
     // CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
-    var We = we()(ze()).withConfig({
+    var Te = Pe()(Ie()).withConfig({
         displayName: "SelectBaseStyles__StyledButton",
         componentId: "sc-16cj7sk-0"
     })([ "&[data-inline]{width:", ";}", "" ], (function(e) {
@@ -682,22 +463,22 @@
         var t = e.$multiple;
         return !t && "flex-grow: 0;";
     }));
-    var Ue = we().span.withConfig({
+    var Ae = Pe().span.withConfig({
         displayName: "SelectBaseStyles__StyledLinkIcon",
         componentId: "sc-16cj7sk-1"
     })([ "padding-right:2px;" ]);
-    var Ge = we().span.withConfig({
+    var Me = Pe().span.withConfig({
         displayName: "SelectBaseStyles__StyledLinkCaret",
         componentId: "sc-16cj7sk-2"
     })([ "padding-left:2px;" ]);
-    var Je = we().div.withConfig({
+    var _e = Pe().div.withConfig({
         displayName: "SelectBaseStyles__StyledFilter",
         componentId: "sc-16cj7sk-3"
     })([ "padding:", ";min-width:160px;" ], (0, U.pick)({
         enterprise: "8px",
         prisma: "10px 16px"
     }));
-    var Xe = we().span.withConfig({
+    var Ve = Pe().span.withConfig({
         displayName: "SelectBaseStyles__StyledSearchIconWrapper",
         componentId: "sc-16cj7sk-4"
     })([ "color:", ";pointer-events:none;padding:", ";" ], (0, U.pick)({
@@ -710,18 +491,18 @@
         comfortable: "0 8px",
         compact: "0 6px"
     }));
-    var Ye = we().span.withConfig({
+    var qe = Pe().span.withConfig({
         displayName: "SelectBaseStyles__StyledCount",
         componentId: "sc-16cj7sk-5"
     })([ "padding-right:", ";" ], U.variables.spacingXSmall);
-    var Qe = we()(q()).withConfig({
+    var Re = Pe()(D()).withConfig({
         displayName: "SelectBaseStyles__StyledControlsLink",
         componentId: "sc-16cj7sk-6"
     })([ "margin-right:20px;", ";" ], (function(e) {
         var t = e.$disabled;
-        return t && (0, Se.css)([ "color:", ";" ], U.variables.contentColorDisabled);
+        return t && (0, je.css)([ "color:", ";" ], U.variables.contentColorDisabled);
     }));
-    var Ze = we().div.withConfig({
+    var Le = Pe().div.withConfig({
         displayName: "SelectBaseStyles__StyledToggleAllControls",
         componentId: "sc-16cj7sk-7"
     })([ "padding:", ";", "" ], (0, U.pick)({
@@ -729,54 +510,54 @@
         prisma: "10px 16px"
     }), (0, U.pickVariant)("$placement", {
         above: {
-            enterprise: (0, Se.css)([ "border-top:", ";" ], U.variables.border),
-            prisma: (0, Se.css)([ "border-top:1px solid ", ";" ], U.variables.neutral200)
+            enterprise: (0, je.css)([ "border-top:", ";" ], U.variables.border),
+            prisma: (0, je.css)([ "border-top:1px solid ", ";" ], U.variables.neutral200)
         },
         below: {
-            enterprise: (0, Se.css)([ "border-bottom:", ";" ], U.variables.border),
-            prisma: (0, Se.css)([ "border-bottom:1px solid ", ";" ], U.variables.neutral200)
+            enterprise: (0, je.css)([ "border-bottom:", ";" ], U.variables.border),
+            prisma: (0, je.css)([ "border-bottom:1px solid ", ";" ], U.variables.neutral200)
         }
     }));
     // CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
     // A utility for matching keyboard characters to list values
-    var et = function e(t, n) {
+    var De = function e(t, n) {
         return t ? t.label.charAt(n).toLowerCase() : "";
     };
-    var tt = function e(t, n) {
+    var Be = function e(t, n) {
         if (!t.length) {
             return t;
         }
         var r = null;
         var o = false;
-        var i = t.filter((function(e) {
-            var t = et(e, n.index);
+        var l = t.filter((function(e) {
+            var t = De(e, n.index);
             if (t === n.value) {
                 o = true;
                 return true;
             }
- // If we haven't found a match yet, keep track of the next closest match.
+            // 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 i = et(r, n.index);
-                if (!i) {
+                var l = De(r, n.index);
+                if (!l) {
                     r = e;
                 } else if (t > n.value) {
-                    if (i < n.value) {
+                    if (l < n.value) {
                         r = e;
-                    } else if (i > t) {
+                    } else if (l > t) {
                         r = e;
                     }
-                } else if (t > i) {
+                } else if (t > l) {
                     r = e;
                 }
             }
             return false;
         }));
-        return i.length === 0 && r ? [ r ] : i;
+        return l.length === 0 && r ? [ r ] : l;
     };
     // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var nt = {
+    var Ke = {
         body: {
             appendChild: function e() {
                 return [];
@@ -830,14 +611,14 @@
             search: ""
         }
     };
-    function rt() {
-        var e = typeof document !== "undefined" ? document : nt;
+    function Ne() {
+        var e = typeof document !== "undefined" ? document : Ke;
         return e;
     }
     // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var ot = {
-        document: nt,
+    var Fe = {
+        document: Ke,
         navigator: {
             userAgent: ""
         },
@@ -891,267 +672,243 @@
             clearTimeout(t);
         }
     };
-    function it() {
-        var e = typeof window !== "undefined" ? window : ot;
+    function He() {
+        var e = typeof window !== "undefined" ? window : Fe;
         return e;
     }
     // CONCATENATED MODULE: ./src/Select/SelectBase.tsx
-    function at() {
-        at = Object.assign || function(e) {
+    function ze() {
+        return ze = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var r in n) {
-                    if (Object.prototype.hasOwnProperty.call(n, r)) {
-                        e[r] = n[r];
-                    }
+                    ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
                 }
             }
             return e;
-        };
-        return at.apply(this, arguments);
+        }, ze.apply(null, arguments);
     }
-    function lt(e, t) {
-        return ut(e) || ct(e, t) || dt(e, t) || st();
+    function $e(e, t) {
+        return Je(e) || Ue(e, t) || Qe(e, t) || We();
     }
-    function st() {
+    function We() {
         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 ct(e, t) {
-        if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
-        var n = [];
-        var r = true;
-        var o = false;
-        var i = undefined;
-        try {
-            for (var a = e[Symbol.iterator](), l; !(r = (l = a.next()).done); r = true) {
-                n.push(l.value);
-                if (t && n.length === t) break;
-            }
-        } catch (e) {
-            o = true;
-            i = e;
-        } finally {
+    function Ue(e, t) {
+        var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != n) {
+            var r, o, l, i, a = [], u = !0, c = !1;
             try {
-                if (!r && a["return"] != null) a["return"]();
+                if (l = (n = n.call(e)).next, 0 === t) {
+                    if (Object(n) !== n) return;
+                    u = !1;
+                } else for (;!(u = (r = l.call(n)).done) && (a.push(r.value), a.length !== t); u = !0) {
+                }
+            } catch (e) {
+                c = !0, o = e;
             } finally {
-                if (o) throw i;
+                try {
+                    if (!u && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
+                } finally {
+                    if (c) throw o;
+                }
             }
+            return a;
         }
-        return n;
     }
-    function ut(e) {
+    function Je(e) {
         if (Array.isArray(e)) return e;
     }
-    function pt(e) {
-        return ht(e) || vt(e) || dt(e) || ft();
+    function Xe(e) {
+        return Ze(e) || Ye(e) || Qe(e) || Ge();
     }
-    function ft() {
+    function Ge() {
         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 dt(e, t) {
-        if (!e) return;
-        if (typeof e === "string") return bt(e, t);
-        var n = Object.prototype.toString.call(e).slice(8, -1);
-        if (n === "Object" && e.constructor) n = e.constructor.name;
-        if (n === "Map" || n === "Set") return Array.from(e);
-        if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return bt(e, t);
+    function Qe(e, t) {
+        if (e) {
+            if ("string" == typeof e) return et(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) ? et(e, t) : void 0;
+        }
     }
-    function vt(e) {
-        if (typeof Symbol !== "undefined" && Symbol.iterator in Object(e)) return Array.from(e);
+    function Ye(e) {
+        if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
-    function ht(e) {
-        if (Array.isArray(e)) return bt(e);
+    function Ze(e) {
+        if (Array.isArray(e)) return et(e);
     }
-    function bt(e, t) {
-        if (t == null || t > e.length) t = e.length;
-        for (var n = 0, r = new Array(t); n < t; n++) {
+    function et(e, t) {
+        (null == t || t > e.length) && (t = e.length);
+        for (var n = 0, r = Array(t); n < t; n++) {
             r[n] = e[n];
         }
         return r;
     }
-    function mt(e, t) {
-        if (!(e instanceof t)) {
-            throw new TypeError("Cannot call a class as a function");
-        }
+    function tt(e, t) {
+        if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
     }
-    function yt(e, t) {
+    function nt(e, t) {
         for (var n = 0; n < t.length; n++) {
             var r = t[n];
-            r.enumerable = r.enumerable || false;
-            r.configurable = true;
-            if ("value" in r) r.writable = true;
-            Object.defineProperty(e, r.key, r);
+            r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
+            Object.defineProperty(e, ht(r.key), r);
         }
     }
-    function gt(e, t, n) {
-        if (t) yt(e.prototype, t);
-        if (n) yt(e, n);
-        return e;
+    function rt(e, t, n) {
+        return t && nt(e.prototype, t), n && nt(e, n), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), e;
     }
-    function Ot(e, t) {
-        if (typeof t !== "function" && t !== null) {
-            throw new TypeError("Super expression must either be null or a function");
-        }
+    function ot(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: true,
-                configurable: true
+                writable: !0,
+                configurable: !0
             }
-        });
-        if (t) St(e, t);
+        }), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), t && lt(e, t);
     }
-    function St(e, t) {
-        St = Object.setPrototypeOf || function e(t, n) {
-            t.__proto__ = n;
-            return t;
-        };
-        return St(e, t);
-    }
-    function wt(e) {
-        var t = kt();
-        return function n() {
-            var r = It(e), o;
+    function lt(e, t) {
+        return lt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+            return e.__proto__ = t, e;
+        }, lt(e, t);
+    }
+    function it(e) {
+        var t = ct();
+        return function() {
+            var n, r = st(e);
             if (t) {
-                var i = It(this).constructor;
-                o = Reflect.construct(r, arguments, i);
-            } else {
-                o = r.apply(this, arguments);
-            }
-            return xt(this, o);
+                var o = st(this).constructor;
+                n = Reflect.construct(r, arguments, o);
+            } else n = r.apply(this, arguments);
+            return at(this, n);
         };
     }
-    function xt(e, t) {
-        if (t && (_t(t) === "object" || typeof t === "function")) {
-            return t;
-        }
-        return Ct(e);
+    function at(e, t) {
+        if (t && ("object" == pt(t) || "function" == typeof t)) return t;
+        if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
+        return ut(e);
     }
-    function Ct(e) {
-        if (e === void 0) {
-            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        }
+    function ut(e) {
+        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
-    function kt() {
-        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-        if (Reflect.construct.sham) return false;
-        if (typeof Proxy === "function") return true;
+    function ct() {
         try {
-            Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
-            return true;
-        } catch (e) {
-            return false;
-        }
+            var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
+        } catch (e) {}
+        return (ct = function t() {
+            return !!e;
+        })();
     }
-    function It(e) {
-        It = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
-            return t.__proto__ || Object.getPrototypeOf(t);
-        };
-        return It(e);
+    function st(e) {
+        return st = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+            return e.__proto__ || Object.getPrototypeOf(e);
+        }, st(e);
     }
-    function _t(e) {
+    function pt(e) {
         "@babel/helpers - typeof";
-        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            _t = function e(t) {
-                return typeof t;
-            };
-        } else {
-            _t = function e(t) {
-                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-            };
-        }
-        return _t(e);
+        return pt = "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;
+        }, pt(e);
     }
-    function At(e, t) {
+    function ft(e, t) {
         var n = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var r = Object.getOwnPropertySymbols(e);
-            if (t) r = r.filter((function(t) {
+            t && (r = r.filter((function(t) {
                 return Object.getOwnPropertyDescriptor(e, t).enumerable;
-            }));
-            n.push.apply(n, r);
+            }))), n.push.apply(n, r);
         }
         return n;
     }
-    function jt(e) {
+    function dt(e) {
         for (var t = 1; t < arguments.length; t++) {
-            var n = arguments[t] != null ? arguments[t] : {};
-            if (t % 2) {
-                At(Object(n), true).forEach((function(t) {
-                    Et(e, t, n[t]);
-                }));
-            } else if (Object.getOwnPropertyDescriptors) {
-                Object.defineProperties(e, Object.getOwnPropertyDescriptors(n));
-            } else {
-                At(Object(n)).forEach((function(t) {
-                    Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
-                }));
-            }
+            var n = null != arguments[t] ? arguments[t] : {};
+            t % 2 ? ft(Object(n), !0).forEach((function(t) {
+                vt(e, t, n[t]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : ft(Object(n)).forEach((function(t) {
+                Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+            }));
         }
         return e;
     }
-    function Et(e, t, n) {
-        if (t in e) {
-            Object.defineProperty(e, t, {
-                value: n,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[t] = n;
-        }
-        return e;
+    function vt(e, t, n) {
+        return (t = ht(t)) in e ? Object.defineProperty(e, t, {
+            value: n,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[t] = n, e;
     }
-    var Mt = {
-        allowKeyMatching: i().bool,
-        allowNewValues: i().bool,
-        animateLoading: i().bool,
-        appearance: i().oneOf([ "default", "link", "primary", "pill", "toggle", "flat", "subtle" ]),
-        append: i().bool,
-        children: i().node,
-        defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
-        defaultValues: i().array,
-        describedBy: i().string,
-        disabled: i().bool,
-        elementRef: i().oneOfType([ i().func, i().object ]),
-        error: i().bool,
-        filter: i().oneOf([ false, true, "controlled" ]),
-        footerMessage: i().node,
-        inline: i().bool,
-        inputId: i().string,
-        inputRef: i().oneOfType([ i().func, i().object ]),
-        isLoadingOptions: i().bool,
-        labelledBy: i().string,
-        labelText: i().string,
-        loadingMessage: i().node,
-        menuStyle: i().object,
-        multiple: i().bool,
-        name: i().string,
-        noOptionsMessage: i().node,
-        onChange: i().func,
-        onClose: i().func,
-        onFilterChange: i().func,
-        onOpen: i().func,
-        onScroll: i().func,
-        onScrollBottom: i().func,
+    function ht(e) {
+        var t = bt(e, "string");
+        return "symbol" == pt(t) ? t : t + "";
+    }
+    function bt(e, t) {
+        if ("object" != pt(e) || !e) return e;
+        var n = e[Symbol.toPrimitive];
+        if (void 0 !== n) {
+            var r = n.call(e, t || "default");
+            if ("object" != pt(r)) return r;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
+        }
+        return ("string" === t ? String : Number)(e);
+    }
+    var yt = {
+        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,
+        onClose: l().func,
+        onFilterChange: l().func,
+        onOpen: l().func,
+        onScroll: l().func,
+        onScrollBottom: l().func,
         /** @private. */
-        required: i().bool,
-        placeholder: i().string,
-        prefixLabel: i().string,
-        prepend: i().bool,
-        repositionMode: i().oneOf([ "none", "flip" ]),
-        selectAllAppearance: i().oneOf([ "buttongroup", "checkbox" ]),
-        showSelectedValuesFirst: i().oneOf([ "nextOpen", "immediately", "never" ]),
-        suffixLabel: i().string,
-        tabConfirmsNewValue: i().bool,
-        toggleContent: i().oneOf([ "optionChildren", "optionLabel" ]),
-        values: i().array,
+        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,
+        toggleContent: l().oneOf([ "optionChildren", "optionLabel" ]),
+        values: l().array,
         /** @private. */
-        virtualization: i().number
+        virtualization: l().number
     };
-    var Tt = {
+    var mt = {
         allowKeyMatching: true,
         allowNewValues: false,
         animateLoading: false,
@@ -1164,40 +921,40 @@
         isLoadingOptions: false,
         menuStyle: {},
         multiple: false,
-        noOptionsMessage: (0, s._)("No matches"),
-        placeholder: (0, s._)("Select..."),
+        noOptionsMessage: (0, u._)("No matches"),
+        placeholder: (0, u._)("Select..."),
         prepend: false,
         repositionMode: "flip",
         selectAllAppearance: "buttongroup",
         tabConfirmsNewValue: false,
         toggleContent: "optionChildren"
     };
-    var Pt = w()((function(e) {
+    var gt = S()((function(e) {
         return [ e ];
     }));
- // preserve separate widths for single vs. multi mode
-        var Vt = w()((function(e) {
+    // preserve separate widths for single vs. multi mode
+        var Ot = S()((function(e) {
         var t = e.anchorWidth, n = e.isMultiple, r = e.maxHeight, o = e.menuStyle;
-        return n ? jt({
+        return n ? dt({
             width: Math.max(t !== null && t !== void 0 ? t : 0, 200),
             maxHeight: r
-        }, o) : jt({
+        }, o) : dt({
             minWidth: t !== null && t !== void 0 ? t : undefined,
             maxWidth: Math.max(t !== null && t !== void 0 ? t : 0, 300),
             maxHeight: r
         }, o);
     }));
-    var Rt = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
-    function Dt(e) {
-        return e && l()(e.props, "value");
+    var wt = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
+    function St(e) {
+        return e && a()(e.props, "value");
     }
-    function Lt(e, t) {
-        return "".concat(_t(e), "-").concat(e, "-").concat(t);
+    function Ct(e, t) {
+        return "".concat(pt(e), "-").concat(e, "-").concat(t);
     }
-    var qt =  function(e) {
-        Ot(o, e);
-        var t = wt(o);
-        gt(o, null, [ {
+    var xt =  function(e) {
+        ot(o, e);
+        var t = it(o);
+        rt(o, null, [ {
             key: "validateAppearance",
             // @docs-props-type CompactPropsBase
             value: function e(t) {
@@ -1205,612 +962,602 @@
             }
         } ]);
         function o(e) {
-            var i;
-            mt(this, o);
-            i = t.call(this, e);
-            Et(Ct(i), "activeItemId", void 0);
-            Et(Ct(i), "activeValue", void 0);
-            Et(Ct(i), "availableOptionCount", void 0);
-            Et(Ct(i), "controlledExternally", void 0);
-            Et(Ct(i), "displayedValues", void 0);
-            Et(Ct(i), "dropdown", null);
-            Et(Ct(i), "firstSelectedEnabledOption", null);
-            Et(Ct(i), "firstSelectedOptionIndex", void 0);
-            Et(Ct(i), "menuId", void 0);
-            Et(Ct(i), "menuListboxId", void 0);
-            Et(Ct(i), "previousActiveIndex", null);
-            Et(Ct(i), "selectedOptionCount", void 0);
-            Et(Ct(i), "optionRefsByKey", void 0);
-            Et(Ct(i), "matchCharacter", void 0);
-            Et(Ct(i), "matchTimeout", void 0);
-            Et(Ct(i), "currentMatchOptions", void 0);
-            Et(Ct(i), "availableMatchOptions", void 0);
-            Et(Ct(i), "optionSelection", void 0);
-            Et(Ct(i), "resetMatches", (function() {
-                i.matchCharacter = null;
-                i.currentMatchOptions = [];
-                if (i.matchTimeout) {
-                    clearTimeout(i.matchTimeout);
+            var l;
+            tt(this, o);
+            l = t.call(this, e);
+            vt(ut(l), "activeItemId", void 0);
+            vt(ut(l), "activeValue", void 0);
+            vt(ut(l), "availableOptionCount", void 0);
+            vt(ut(l), "controlledExternally", void 0);
+            vt(ut(l), "displayedValues", void 0);
+            vt(ut(l), "dropdown", null);
+            vt(ut(l), "firstSelectedEnabledOption", null);
+            vt(ut(l), "firstSelectedOptionIndex", void 0);
+            vt(ut(l), "menuListboxId", void 0);
+            vt(ut(l), "previousActiveIndex", null);
+            vt(ut(l), "selectedOptionCount", void 0);
+            vt(ut(l), "optionRefsByKey", void 0);
+            vt(ut(l), "matchCharacter", void 0);
+            vt(ut(l), "matchTimeout", void 0);
+            vt(ut(l), "currentMatchOptions", void 0);
+            vt(ut(l), "availableMatchOptions", void 0);
+            vt(ut(l), "optionSelection", void 0);
+            vt(ut(l), "resetMatches", (function() {
+                l.matchCharacter = null;
+                l.currentMatchOptions = [];
+                if (l.matchTimeout) {
+                    clearTimeout(l.matchTimeout);
                 }
             }));
-            Et(Ct(i), "handleSelectAll", (function(e) {
+            vt(ut(l), "handleSelectAll", (function(e) {
                 var t, n, o;
-                var a = i.props, l = a.name, s = a.children, c = a.multiple;
+                var i = l.props, a = i.name, u = i.children, c = i.multiple;
  // this doesn't make sense if we can't select multiple values
                                 if (!c) {
                     return;
                 }
-                var u = (t = i.getCurrentValues()) !== null && t !== void 0 ? t : [];
-                var p = A()(u.concat(i.displayedValues));
-                p = r().Children.toArray(s).filter((function(e) {
-                    return Dt(e) && b()(p, e.props.value) && (!e.props.disabled || b()(u, e.props.value));
+                var s = (t = l.getCurrentValues()) !== null && t !== void 0 ? t : [];
+                var p = E()(s.concat(l.displayedValues));
+                p = r().Children.toArray(u).filter((function(e) {
+                    return St(e) && b()(p, e.props.value) && (!e.props.disabled || b()(s, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
-                if (!i.isControlled()) {
-                    i.setState({
+                if (!l.isControlled()) {
+                    l.setState({
                         values: p
                     });
                 }
-                (n = (o = i.props).onChange) === null || n === void 0 ? void 0 : n.call(o, e, {
+                (n = (o = l.props).onChange) === null || n === void 0 ? void 0 : n.call(o, e, {
                     values: p,
-                    name: l,
+                    name: a,
                     reason: "selectAll"
                 });
             }));
-            Et(Ct(i), "handleClearAll", (function(e) {
+            vt(ut(l), "handleClearAll", (function(e) {
                 var t, n, o;
-                var a = i.props, l = a.name, s = a.children, c = a.multiple;
+                var i = l.props, a = i.name, u = i.children, c = i.multiple;
  // this doesn't make sense if we can't select multiple values
                                 if (!c) {
                     return;
                 }
-                var u = (t = i.getCurrentValues()) !== null && t !== void 0 ? t : [];
-                var p = E().apply(void 0, [ u ].concat(pt(i.displayedValues)));
- // this will unselect all selected values unless those values are disabled or hidden by the filter
-                                var f = r().Children.toArray(s).filter((function(e) {
-                    return Dt(e) && (b()(u, e.props.value) && e.props.disabled || b()(p, e.props.value));
+                var s = (t = l.getCurrentValues()) !== null && t !== void 0 ? t : [];
+                var p = T().apply(void 0, [ s ].concat(Xe(l.displayedValues)));
+                // this will unselect all selected values unless those values are disabled or hidden by the filter
+                                var f = r().Children.toArray(u).filter((function(e) {
+                    return St(e) && (b()(s, e.props.value) && e.props.disabled || b()(p, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
-                if (!i.isControlled()) {
-                    i.setState({
+                if (!l.isControlled()) {
+                    l.setState({
                         values: f
                     });
                 }
-                (n = (o = i.props).onChange) === null || n === void 0 ? void 0 : n.call(o, e, {
+                (n = (o = l.props).onChange) === null || n === void 0 ? void 0 : n.call(o, e, {
                     values: f,
-                    name: l,
+                    name: a,
                     reason: "clearAll"
                 });
             }));
-            Et(Ct(i), "handleTextKeyDown", (function(e) {
-                var t = i.props, r = t.children, o = t.onScrollBottom, a = t.tabConfirmsNewValue;
-                var l = (0, R.keycode)(e.nativeEvent);
-                if (l === "tab") {
-                    if (a && !y()(i.activeValue) && i.availableOptionCount <= 1) {
+            vt(ut(l), "handleTextKeyDown", (function(e) {
+                var t = l.props, r = t.children, o = t.onScrollBottom, i = t.tabConfirmsNewValue;
+                var a = (0, q.keycode)(e.nativeEvent);
+                if (a === "tab") {
+                    if (i && !m()(l.activeValue) && l.availableOptionCount <= 1) {
                         e.preventDefault();
-                        i.toggleValue(e, i.activeValue);
+                        l.toggleValue(e, l.activeValue);
                     }
                 }
                 if (e.shiftKey || e.metaKey || e.ctrlKey) {
-                    if (l === "a" && (e.ctrlKey || e.metaKey)) {
+                    if (a === "a" && (e.ctrlKey || e.metaKey)) {
                         // handle control + A
-                        if (i.optionSelection === "all") {
-                            i.handleClearAll(e);
+                        if (l.optionSelection === "all") {
+                            l.handleClearAll(e);
                         } else {
-                            i.handleSelectAll(e);
+                            l.handleSelectAll(e);
                         }
                     }
                     return;
                 }
-                if (l === "down") {
+                if (a === "down") {
                     e.preventDefault();
-                    i.setState((function(e) {
+                    l.setState((function(e) {
                         return {
-                            activeIndex: Math.min(e.activeIndex + 1, i.props.selectAllAppearance === "checkbox" ? i.availableOptionCount : i.availableOptionCount - 1)
+                            activeIndex: Math.min(e.activeIndex + 1, l.props.selectAllAppearance === "checkbox" ? l.availableOptionCount : l.availableOptionCount - 1)
                         };
                     }));
                     if (r && o) {
-                        var s;
-                        var c = n.Children.toArray(r).length - (2 + ((s = i.getCurrentValues()) !== null && s !== void 0 ? s : []).length);
-                        if (i.state.activeIndex === c) {
-                            i.handleScrollBottom(e);
+                        var u;
+                        var c = n.Children.toArray(r).length - (2 + ((u = l.getCurrentValues()) !== null && u !== void 0 ? u : []).length);
+                        if (l.state.activeIndex === c) {
+                            l.handleScrollBottom(e);
                         }
                     }
                 }
-                if (l === "up") {
+                if (a === "up") {
                     e.preventDefault();
-                    i.setState((function(e) {
+                    l.setState((function(e) {
                         return {
                             activeIndex: Math.max(e.activeIndex - 1, 0)
                         };
                     }));
                 }
-                if (l === "enter" && !y()(i.activeValue) && i.state.open) {
-                    if (i.activeValue === "selectAll") {
-                        if (i.optionSelection === "all") {
-                            i.handleClearAll(e);
+                if (a === "enter" && !m()(l.activeValue) && l.state.open) {
+                    if (l.activeValue === "selectAll") {
+                        if (l.optionSelection === "all") {
+                            l.handleClearAll(e);
                         } else {
-                            i.handleSelectAll(e);
+                            l.handleSelectAll(e);
                         }
                     } else {
                         e.preventDefault();
-                        i.toggleValue(e, i.activeValue);
+                        l.toggleValue(e, l.activeValue);
                     }
                 }
             }));
-            Et(Ct(i), "handleMenuOptionClick", (function(e, t) {
+            vt(ut(l), "handleMenuOptionClick", (function(e, t) {
                 var n = t.value;
                 e.preventDefault();
-                if (!i.state.open) {
+                if (!l.state.open) {
                     return;
                 }
-                i.toggleValue(e, n);
+                l.toggleValue(e, n);
             }));
-            Et(Ct(i), "handleMenuOptionKeyDown", (function(e, t) {
+            vt(ut(l), "handleMenuOptionKeyDown", (function(e, t) {
                 var n = e.nativeEvent.key;
- // Checking for a single character to avoid complications from double-byte languages and emojis.
+                // Checking for a single character to avoid complications from double-byte languages and emojis.
                                 if (n.length === 1) {
                     var r = [];
                     var o = {
                         index: 0,
                         value: n
                     };
-                    if (!i.matchCharacter) {
+                    if (!l.matchCharacter) {
                         if (n === " ") {
-                            i.resetMatches();
+                            l.resetMatches();
                             return;
                         }
-                        r = tt(i.availableMatchOptions, o);
-                    } else if (i.currentMatchOptions.length > 1) {
-                        o.index = i.matchCharacter.index + 1;
-                        r = tt(i.currentMatchOptions, o);
+                        r = Be(l.availableMatchOptions, o);
+                    } else if (l.currentMatchOptions.length > 1) {
+                        o.index = l.matchCharacter.index + 1;
+                        r = Be(l.currentMatchOptions, o);
                     }
                     if (r.length) {
-                        var a = 0;
- // If the active option is a first character match, cycle to the next matching option.
+                        var i = 0;
+                        // If the active option is a first character match, cycle to the next matching option.
                                                 if (o.index === 0 && r.length > 1) {
-                            var l = r.indexOf(i.availableMatchOptions[t]);
-                            if (l >= 0) {
-                                a = l === r.length - 1 ? 0 : l + 1;
+                            var a = r.indexOf(l.availableMatchOptions[t]);
+                            if (a >= 0) {
+                                i = a === r.length - 1 ? 0 : a + 1;
                             }
                         }
-                        var s = r[a];
-                        var c = i.optionRefsByKey[Lt(s.value, s.label)];
+                        var u = r[i];
+                        var c = l.optionRefsByKey[Ct(u.value, u.label)];
                         if (c != null) {
-                            var u;
-                            (u = c.focus) === null || u === void 0 ? void 0 : u.call(c);
+                            var s;
+                            (s = c.focus) === null || s === void 0 ? void 0 : s.call(c);
                         }
                     }
-                    i.currentMatchOptions = r;
-                    i.matchCharacter = o;
-                    if (i.matchTimeout) {
-                        clearTimeout(i.matchTimeout);
+                    l.currentMatchOptions = r;
+                    l.matchCharacter = o;
+                    if (l.matchTimeout) {
+                        clearTimeout(l.matchTimeout);
                     }
-                    i.matchTimeout = setTimeout(i.resetMatches, 500);
+                    l.matchTimeout = setTimeout(l.resetMatches, 500);
                     e.preventDefault();
                     e.stopPropagation();
                 }
             }));
-            Et(Ct(i), "handleTextChange", (function(e, t) {
+            vt(ut(l), "handleTextChange", (function(e, t) {
                 var n, r;
                 var o = t.value;
-                i.setState({
+                l.setState({
                     filterKeyword: o,
                     open: true,
                     activeIndex: 0
                 });
-                (n = (r = i.props).onFilterChange) === null || n === void 0 ? void 0 : n.call(r, e, {
+                (n = (r = l.props).onFilterChange) === null || n === void 0 ? void 0 : n.call(r, e, {
                     keyword: o
                 });
             }));
-            Et(Ct(i), "handleTextFocus", (function() {
-                i.setState({
+            vt(ut(l), "handleTextFocus", (function() {
+                l.setState({
                     textHasFocus: true
                 });
             }));
-            Et(Ct(i), "handleTextBlur", (function() {
-                i.setState({
+            vt(ut(l), "handleTextBlur", (function() {
+                l.setState({
                     textHasFocus: false
                 });
             }));
-            Et(Ct(i), "handleRequestOpen", (function(e) {
+            vt(ut(l), "handleRequestOpen", (function(e) {
                 var t = {
                     open: true,
-                    topValues: i.getTopValues()
+                    topValues: l.getTopValues()
                 };
- // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
-                                if (i.props.multiple) {
+                // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
+                                if (l.props.multiple) {
                     t.filterKeyword = "";
                 }
-                var n = i.state.filterKeyword;
-                i.setState(t, (function() {
+                var n = l.state.filterKeyword;
+                l.setState(t, (function() {
                     var t, r;
-                    (t = (r = i.props).onOpen) === null || t === void 0 ? void 0 : t.call(r);
-                    if (i.firstSelectedEnabledOption && !i.hasFilter()) {
-                        i.firstSelectedEnabledOption.focus();
+                    (t = (r = l.props).onOpen) === null || t === void 0 ? void 0 : t.call(r);
+                    if (l.firstSelectedEnabledOption && !l.hasFilter()) {
+                        l.firstSelectedEnabledOption.focus();
                     } else {
                         var o;
-                        i.setState({
-                            activeIndex: (o = i.firstSelectedOptionIndex) !== null && o !== void 0 ? o : 0
+                        l.setState({
+                            activeIndex: (o = l.firstSelectedOptionIndex) !== null && o !== void 0 ? o : 0
                         });
                     }
-                    if (n !== i.state.filterKeyword) {
-                        var a, l;
-                        (a = (l = i.props).onFilterChange) === null || a === void 0 ? void 0 : a.call(l, e, {
-                            keyword: i.state.filterKeyword
+                    if (n !== l.state.filterKeyword) {
+                        var i, a;
+                        (i = (a = l.props).onFilterChange) === null || i === void 0 ? void 0 : i.call(a, e, {
+                            keyword: l.state.filterKeyword
                         });
                     }
                 }));
             }));
-            Et(Ct(i), "handleRequestClose", (function() {
-                i.setState({
+            vt(ut(l), "handleRequestClose", (function() {
+                l.setState({
                     open: false,
                     activeIndex: 0
                 }, (function() {
                     var e, t;
-                    i.previousActiveIndex = null;
-                    (e = (t = i.props).onClose) === null || e === void 0 ? void 0 : e.call(t);
+                    l.previousActiveIndex = null;
+                    (e = (t = l.props).onClose) === null || e === void 0 ? void 0 : e.call(t);
                 }));
             }));
-            Et(Ct(i), "handleScrollBottom", (function(e) {
-                if (i.state.open && !i.props.isLoadingOptions) {
+            vt(ut(l), "handleScrollBottom", (function(e) {
+                if (l.state.open && !l.props.isLoadingOptions) {
                     var t, n;
-                    (t = (n = i.props).onScrollBottom) === null || t === void 0 ? void 0 : t.call(n, e);
+                    (t = (n = l.props).onScrollBottom) === null || t === void 0 ? void 0 : t.call(n, e);
                 }
             }));
-            Et(Ct(i), "handleActiveOptionMount", (function(e) {
-                if (i.previousActiveIndex !== i.state.activeIndex) {
+            vt(ut(l), "handleActiveOptionMount", (function(e) {
+                if (l.previousActiveIndex !== l.state.activeIndex) {
                     e === null || e === void 0 ? void 0 : e.scrollIntoViewIfNeeded();
                 }
             }));
-            Et(Ct(i), "handleOptionMount", (function(e, t, n) {
+            vt(ut(l), "handleOptionMount", (function(e, t, n) {
                 if (n) {
-                    i.firstSelectedEnabledOption = e;
+                    l.firstSelectedEnabledOption = e;
                 }
                 if (e == null) {
-                    delete i.optionRefsByKey[t];
+                    delete l.optionRefsByKey[t];
                 } else {
-                    i.optionRefsByKey[t] = e;
+                    l.optionRefsByKey[t] = e;
                 }
             }));
-            Et(Ct(i), "createToggle", (function() {
+            vt(ut(l), "createToggle", (function() {
                 var e;
-                var t = i.props, a = t.toggle, l = t.appearance, c = t.children, u = t.describedBy, p = t.disabled, d = t.elementRef, v = t.error, h = t.inline, b = t.labelledBy, m = t.labelText, y = t.multiple, g = t.placeholder, S = t.prefixLabel, w = t.required, x = t.suffixLabel, k = t.toggleContent;
-                var _;
-                var A;
-                var j = [];
- // Generate buttonLabels
-                                var E = (e = i.getCurrentValues()) !== null && e !== void 0 ? e : [];
-                var M = n.Children.toArray(c);
-                var T = E.reduce((function(e, t, n, r) {
-                    var o = f()(M, (function(e) {
-                        return Dt(e) && e.props.value === t;
+                var t = l.props, i = t.toggle, a = t.appearance, c = t.children, s = t.describedBy, p = t.disabled, d = t.elementRef, v = t.error, h = t.inline, b = t.labelledBy, y = t.labelText, m = t.multiple, g = t.placeholder, w = t.prefixLabel, S = t.required, C = t.suffixLabel, k = t.toggleContent;
+                var P;
+                var E;
+                var I = [];
+                // Generate buttonLabels
+                                var T = (e = l.getCurrentValues()) !== null && e !== void 0 ? e : [];
+                var A = n.Children.toArray(c);
+                var M = T.reduce((function(e, t, n, r) {
+                    var o = f()(A, (function(e) {
+                        return St(e) && e.props.value === t;
                     }));
                     if (o) {
-                        var i = k !== "optionLabel" && o.props.children ? o.props.children : o.props.label;
-                        e.push(i);
-                        j.push(o.props.label);
- // if not in multiple mode, add the icon
-                                                if (!y && E.length === 1) {
-                            _ = o.props.icon;
+                        var l = k !== "optionLabel" && o.props.children ? o.props.children : o.props.label;
+                        e.push(l);
+                        I.push(o.props.label);
+                        // if not in multiple mode, add the icon
+                                                if (!m && T.length === 1) {
+                            P = o.props.icon;
                         }
-                    } else if (y) {
+                    } else if (m) {
                         // only add values that don't match an option in "multiple" mode to preserve old behaviour
                         e.push(t);
-                        j.push(t.toString());
+                        I.push(t.toString());
                     }
                     if (n < r.length - 1) {
-                        e.push((0, s._)(", "));
-                        j.push((0, s._)(", "));
+                        e.push((0, u._)(", "));
+                        I.push((0, u._)(", "));
                     }
                     return e;
                 }), []);
-                A = T;
- // only apply prefix / suffix if the label is not empty
-                                if (A.length > 0) {
-                    A = i.wrapLabel({
-                        prefixLabel: S,
-                        label: A,
-                        suffixLabel: x
+                E = M;
+                // only apply prefix / suffix if the label is not empty
+                                if (E.length > 0) {
+                    // If there's more than one item selected, read out the selected total
+                    // rather than reading out each selected item
+                    I = l.wrapLabel({
+                        prefixLabel: w,
+                        label: E.length > 1 ? [ "".concat(T.length, " items selected") ] : I,
+                        suffixLabel: C
+                    });
+                    E = l.wrapLabel({
+                        prefixLabel: w,
+                        label: E,
+                        suffixLabel: C
                     });
                 }
- // single <Select> behaviour is to show the placeholder if all parts of the the label
+                // single <Select> behaviour is to show the placeholder if all parts of the label
                 // are empty strings so we replicate this behaviour here
-                                if (A.length === 0 || !y && A.every((function(e) {
+                                if (E.length === 0 || !m && E.every((function(e) {
                     return e === "";
                 }))) {
-                    A = Pt(g);
- // placeholder has a default value so will not be undefined
-                                        j = Pt(g);
-                }
- // If there's more than one item selected, read out the selected total
-                // rather than reading out each selected item
-                                if (A.length > 1) {
-                    j = i.wrapLabel({
-                        prefixLabel: S,
-                        label: [ "".concat(E.length, " items selected") ],
-                        suffixLabel: x
-                    });
-                } else {
-                    j = i.wrapLabel({
-                        prefixLabel: S,
-                        label: j,
-                        suffixLabel: x
-                    });
+                    E = gt(g);
+                    I = E;
                 }
-                var P = jt({
-                    "aria-describedby": u,
-                    "aria-label": "".concat(m ? "".concat(m, ", ") : "").concat(j.join("")),
-                    "aria-labelledby": m ? undefined : b,
-                    "aria-required": w,
-                    "data-select-appearance": l,
-                    "data-test": y ? "multiselect" : "select",
+                var _ = dt({
+                    "aria-describedby": s,
+                    "aria-label": "".concat(y ? "".concat(y, ", ") : "").concat(I.join("")),
+                    "aria-labelledby": b,
+                    // aria-labelledby takes precedence over aria-label if exists
+                    "aria-required": S,
+                    "data-select-appearance": a,
+                    "data-test": m ? "multiselect" : "select",
+                    role: "combobox",
                     disabled: p,
                     elementRef: d,
                     error: v
-                }, C()(i.props, O()(o.propTypes)));
-                if (y) {
-                    P["data-test-values"] = JSON.stringify(E);
+                }, x()(l.props, O()(o.propTypes)));
+                if (m) {
+                    _["data-test-values"] = JSON.stringify(T);
                 } else {
-                    var V = lt(E, 1), R = V[0];
-                    P["data-test-value"] = R;
+                    var V = $e(T, 1), q = V[0];
+                    _["data-test-value"] = q;
                 }
-                if (a) {
+                if (i) {
                     
-                    return (0, n.cloneElement)(a, P);
+                    return (0, n.cloneElement)(i, _);
                 }
-                if (l === "link") {
+                if (a === "link") {
                     
-                    return r().createElement(q(), at({}, P, {
+                    return r().createElement(D(), ze({}, _, {
                         "data-select-appearance": "link"
-                    }), !!_ &&  r().createElement(Ue, null, _), A || g,  r().createElement(Ge, null,  r().createElement(J, null)));
+                    }), !!P &&  r().createElement(Ae, null, P), E || g,  r().createElement(Me, null,  r().createElement(X, null)));
                 }
                 
-                return r().createElement(We, at({}, P, {
-                    $multiple: y,
-                    appearance: l,
-                    label: A,
+                return r().createElement(Te, ze({}, _, {
+                    $multiple: m,
+                    appearance: a,
+                    label: E,
                     error: v,
-                    icon: _,
+                    icon: P,
                     inline: h,
                     isMenu: true,
-                    "aria-haspopup": "listbox",
-                    "aria-owns": i.menuId,
-                    onClick: i.props.onClick
-                }, I()(i.props, o.invalidLinkAppearanceProps)), !!E.length && y &&  r().createElement(Ye, {
+                    onClick: l.props.onClick
+                }, j()(l.props, o.invalidLinkAppearanceProps)), !!T.length && m &&  r().createElement(qe, {
                     "data-role": "count"
-                }, "(", E.length, ")"));
+                }, "(", T.length, ")"));
             }));
-            Et(Ct(i), "createChildren", (function() {
-                var e = i.state, t = e.filterKeyword, o = e.textHasFocus, a = e.topValues;
-                var l = i.props, c = l.allowKeyMatching, u = l.allowNewValues, p = l.filter, d = l.multiple, h = l.selectAllAppearance, b = l.showSelectedValuesFirst, m = l.isLoadingOptions, y = l.onScrollBottom;
-                var g = i.getCurrentValues();
-                i.availableOptionCount = 0;
-                i.firstSelectedOptionIndex = undefined;
-                i.selectedOptionCount = 0;
-                i.activeValue = undefined;
-                i.availableMatchOptions = [];
+            vt(ut(l), "createChildren", (function() {
+                var e = l.state, t = e.filterKeyword, o = e.textHasFocus, i = e.topValues;
+                var a = l.props, c = a.allowKeyMatching, s = a.allowNewValues, p = a.filter, d = a.multiple, h = a.selectAllAppearance, b = a.showSelectedValuesFirst, y = a.isLoadingOptions, m = a.onScrollBottom;
+                var g = l.getCurrentValues();
+                l.availableOptionCount = 0;
+                l.firstSelectedOptionIndex = undefined;
+                l.selectedOptionCount = 0;
+                l.activeValue = undefined;
+                l.availableMatchOptions = [];
                 var O;
-                var S = 0;
-                var w = false;
- // used to avoid overwriting the selected item ref in multiple mode
-                                var x;
-                var C = b === "immediately" ? i.getTopValues() : a;
-                var k = n.Children.toArray(i.props.children).reduce((function(e, t, o) {
+                var w = 0;
+                var S = false;
+                // used to avoid overwriting the selected item ref in multiple mode
+                                var C;
+                var x = b === "immediately" ? l.getTopValues() : i;
+                var k = n.Children.toArray(l.props.children).reduce((function(e, t, o) {
                     // ignore Headings and Dividers
-                    if (!Dt(t)) {
+                    if (!St(t)) {
                         e.push(t);
                         return e;
                     }
- // Find out if the search string exactly matches a value
-                                        if (t.props.value === i.state.filterKeyword) {
+                    // Find out if the search string exactly matches a value
+                                        if (t.props.value === l.state.filterKeyword) {
                         O = true;
                     }
-                    var a = g && g.indexOf(t.props.value) >= 0;
-                    var l = !!a && !t.props.disabled && !x;
-                    var s = c && !d && !p && !m && !y;
-                    var u = Lt(t.props.value, t.props.label);
+                    var i = g && g.indexOf(t.props.value) >= 0;
+                    var a = !!i && !t.props.disabled && !C;
+                    var u = c && !d && !p && !y && !m;
+                    var s = Ct(t.props.value, t.props.label);
                     var f = -1;
-                    if (s && !t.props.disabled && !t.props.hidden) {
-                        i.availableMatchOptions.push({
+                    if (u && !t.props.disabled && !t.props.hidden) {
+                        l.availableMatchOptions.push({
                             label: t.props.label,
                             value: t.props.value
                         });
-                        f = i.availableMatchOptions.length - 1;
+                        f = l.availableMatchOptions.length - 1;
                     }
- // Format the Menu.Item
+                    // Format the Menu.Item
                                         var v =  (0, n.cloneElement)(t, {
                         key: t.key || o,
-                        onClick: i.handleMenuOptionClick,
-                        onKeyDown: s ? function(e) {
-                            return i.handleMenuOptionKeyDown(e, f);
+                        onClick: l.handleMenuOptionClick,
+                        onKeyDown: u ? function(e) {
+                            return l.handleMenuOptionKeyDown(e, f);
                         } : undefined,
-                        selected: a,
+                        selected: i,
                         multiple: d,
                         role: "option",
                         ref: function e(t) {
-                            return i.handleOptionMount(t, u, l);
+                            return l.handleOptionMount(t, s, a);
                         }
                     });
-                    if (l) {
-                        x = true;
+                    if (a) {
+                        C = true;
                     }
-                    if (C && C.indexOf(t.props.value) >= 0) {
-                        if (S === 0) {
-                            e.splice(S, 0,  r().createElement(T.Divider, {
+                    if (x && x.indexOf(t.props.value) >= 0) {
+                        if (w === 0) {
+                            e.splice(w, 0,  r().createElement(M.Divider, {
                                 key: "topDivider"
                             }));
-                            w = true;
+                            S = true;
                         }
-                        e.splice(S, 0, v);
-                        S += 1;
+                        e.splice(w, 0, v);
+                        w += 1;
                     } else {
                         e.push(v);
                     }
                     return e;
                 }), []);
- // In multiple mode, add missing items
+                // In multiple mode, add missing items
                                 if (d) {
                     v()(g, (function(e) {
                         var t = f()(k, (function(t) {
-                            return Dt(t) && t.props && t.props.value === e;
+                            return St(t) && t.props && t.props.value === e;
                         }));
                         if (!t) {
-                            if (e === i.state.filterKeyword) {
+                            if (e === l.state.filterKeyword) {
                                 O = true;
                             }
-                            var n = C && C.indexOf(e) >= 0;
-                            var o = C.length;
-                            if (S === 0) {
-                                k.splice(0, 0,  r().createElement(T.Divider, {
+                            var n = x && x.indexOf(e) >= 0;
+                            var o = x.length;
+                            if (w === 0) {
+                                k.splice(0, 0,  r().createElement(M.Divider, {
                                     key: "topDivider"
                                 }));
-                                S += 1;
-                                w = true;
+                                w += 1;
+                                S = true;
                             }
-                            k.splice(n ? 0 : o + 1, 0,  r().createElement(Oe, {
+                            k.splice(n ? 0 : o + 1, 0,  r().createElement(Se, {
                                 label: String(e),
                                 value: e,
                                 key: "missing-value-".concat(e),
-                                onClick: i.handleMenuOptionClick,
+                                onClick: l.handleMenuOptionClick,
                                 multiple: d,
                                 selected: true
                             }));
                             if (n) {
-                                S += 1;
+                                w += 1;
                             }
                         }
                     }));
                 }
-                var I = p === "controlled";
- // Filter the items
-                                var _ = (0, D.stringToKeywords)(t);
-                k = I ? k : k.filter((function(e) {
-                    if (Dt(e)) {
-                        return (0, D.testPhrase)(e.props.label, _);
+                var j = p === "controlled";
+                // Filter the items
+                                var P = (0, R.stringToKeywords)(t);
+                k = j ? k : k.filter((function(e) {
+                    if (St(e)) {
+                        return (0, R.testPhrase)(e.props.label, P);
                     }
                     return true;
  // Keep all headers and non-interactive options
                                 })).map((function(e) {
-                    if (!Dt(e)) {
+                    if (!St(e)) {
                         return e;
                     }
- // highlight matched text
-                                        var t = _ && (0, D.keywordLocations)(e.props.label, _);
+                    // highlight matched text
+                                        var t = P && (0, R.keywordLocations)(e.props.label, P);
                     
                     return (0, n.cloneElement)(e, {
                         matchRanges: t || undefined
                     });
                 }));
- // Add the option to add the new value
-                                if (u && !O && t) {
-                    var A = w ? S + 1 : S;
-                    k.splice(A, 0,  r().createElement(Oe, {
+                // Add the option to add the new value
+                                if (s && !O && t) {
+                    var E = S ? w + 1 : w;
+                    k.splice(E, 0,  r().createElement(Se, {
                         label: "".concat(t, " (new value)"),
                         value: t,
                         key: "newValue",
                         multiple: d,
-                        onClick: i.handleMenuOptionClick
+                        onClick: l.handleMenuOptionClick
                     }));
                 }
- // When selectAll is a menu item, add an offset so that activeItem accounts for the extra selectAll option.
-                                var j = h === "checkbox" && d && k.length > 1 ? 1 : 0;
-                var E = true;
- // Highlight the selected Items and remove hidden
+                // When selectAll is a menu item, add an offset so that activeItem accounts for the extra selectAll option.
+                                var I = h === "checkbox" && d && k.length > 1 ? 1 : 0;
+                var T = true;
+                // Highlight the selected Items and remove hidden
                                 k = k.reduce((function(e, t) {
                     // ignore Dividers & Headings
-                    if (!Dt(t)) {
+                    if (!St(t)) {
                         e.push(t);
                         return e;
                     }
- // Ignore any hidden items
+                    // Ignore any hidden items
                                         if (t.props && t.props.hidden) {
                         return e;
                     }
-                    if (t.props.selected && !t.props.disabled && i.firstSelectedOptionIndex == null) {
-                        i.firstSelectedOptionIndex = i.availableOptionCount;
+                    if (t.props.selected && !t.props.disabled && l.firstSelectedOptionIndex == null) {
+                        l.firstSelectedOptionIndex = l.availableOptionCount;
                     }
-                    var r = j === i.state.activeIndex;
-                    j += 1;
-                    i.availableOptionCount += 1;
-                    i.selectedOptionCount += t.props.selected ? 1 : 0;
+                    var r = I === l.state.activeIndex;
+                    I += 1;
+                    l.availableOptionCount += 1;
+                    l.selectedOptionCount += t.props.selected ? 1 : 0;
                     if (t.key !== "newValue" && !t.props.disabled && !t.props.selected) {
-                        E = false;
+                        T = false;
                     }
                     if (!r || !o) {
                         e.push(t);
                         return e;
                     }
                     if (!t.props.disabled) {
-                        i.activeValue = t.props.value;
+                        l.activeValue = t.props.value;
                     }
-                    var a =  (0, n.cloneElement)(t, {
+                    var i =  (0, n.cloneElement)(t, {
                         active: r,
-                        id: i.activeItemId,
-                        ref: i.handleActiveOptionMount
+                        id: l.activeItemId,
+                        ref: l.handleActiveOptionMount
                     });
-                    e.push(a);
+                    e.push(i);
                     return e;
                 }), []);
-                i.optionSelection = i.selectedOptionCount === 0 && "none" || E && "all" || "some";
- // add select all option
-                                if (h === "checkbox" && d && i.availableOptionCount > 0) {
-                    var M;
-                    var P;
-                    if (i.optionSelection === "all") {
+                l.optionSelection = l.selectedOptionCount === 0 && "none" || T && "all" || "some";
+                // add select all option
+                                if (h === "checkbox" && d && l.availableOptionCount > 0) {
+                    var A;
+                    var _;
+                    if (l.optionSelection === "all") {
                         if (t === "") {
-                            P = (0, s._)("Clear all");
+                            _ = (0, u._)("Clear all");
                         } else {
-                            P = (0, s._)("Clear all matches");
+                            _ = (0, u._)("Clear all matches");
                         }
                     } else if (t === "") {
-                        P = (0, s._)("Select all");
+                        _ = (0, u._)("Select all");
                     } else {
-                        P = (0, s._)("Select all matches");
+                        _ = (0, u._)("Select all matches");
                     }
-                    if (i.state.activeIndex === 0 && o) {
-                        i.activeValue = "selectAll";
+                    if (l.state.activeIndex === 0 && o) {
+                        l.activeValue = "selectAll";
                     }
-                    k.unshift( r().createElement(He, {
+                    k.unshift( r().createElement(ke, {
                         key: "selectAllOption",
-                        selected: i.optionSelection === "all" || i.optionSelection !== "none" && "some",
-                        selectAllLabel: P,
-                        totalCount: (M = i.getCurrentValues()) === null || M === void 0 ? void 0 : M.length,
-                        changedToggle: !!i.props.toggle,
-                        onClick: i.optionSelection === "all" ? i.handleClearAll : i.handleSelectAll,
-                        id: i.state.activeIndex === 0 ? i.activeItemId : undefined,
-                        active: i.state.activeIndex === 0,
-                        ref: i.handleActiveOptionMount,
+                        selected: l.optionSelection === "all" || l.optionSelection !== "none" && "some",
+                        selectAllLabel: _,
+                        totalCount: (A = l.getCurrentValues()) === null || A === void 0 ? void 0 : A.length,
+                        changedToggle: !!l.props.toggle,
+                        onClick: l.optionSelection === "all" ? l.handleClearAll : l.handleSelectAll,
+                        id: l.state.activeIndex === 0 ? l.activeItemId : undefined,
+                        active: l.state.activeIndex === 0,
+                        ref: l.handleActiveOptionMount,
                         tabIndex: -1
-                    }),  r().createElement(T.Divider, {
+                    }),  r().createElement(M.Divider, {
                         key: "selectAllDivider"
                     }));
                 }
-                i.displayedValues = k.reduce((function(e, t) {
-                    if (Dt(t)) {
+                l.displayedValues = k.reduce((function(e, t) {
+                    if (St(t)) {
                         e.push(t.props.value);
                     }
                     return e;
                 }), []);
                 return k;
             }));
-            Et(Ct(i), "wrapLabel", (function(e) {
+            vt(ut(l), "wrapLabel", (function(e) {
                 var t = e.prefixLabel, n = e.label, r = e.suffixLabel;
                 var o = n;
                 if (t) {
                     o = [ "".concat(t, ": ") ].concat(o);
                 }
                 if (r) {
-                    o = u()(o).concat(" ".concat(r));
+                    o = s()(o).concat(" ".concat(r));
                 }
                 return o;
             }));
-            Et(Ct(i), "handleDropdownMount", (function(e) {
-                i.dropdown = e;
+            vt(ut(l), "handleDropdownMount", (function(e) {
+                l.dropdown = e;
             }));
-            i.state = {
+            l.state = {
                 activeIndex: 0,
                 filterKeyword: "",
                 open: false,
@@ -1818,26 +1565,25 @@
                 topValues: [],
                 values: e.defaultValues || []
             };
-            i.controlledExternally = l()(e, "values");
-            i.displayedValues = [];
-            i.availableOptionCount = 0;
-            i.firstSelectedOptionIndex = undefined;
-            i.selectedOptionCount = 0;
-            i.matchCharacter = null;
-            i.matchTimeout = null;
-            i.currentMatchOptions = [];
-            i.availableMatchOptions = [];
-            i.optionRefsByKey = {};
-            i.optionSelection = "none";
+            l.controlledExternally = a()(e, "values");
+            l.displayedValues = [];
+            l.availableOptionCount = 0;
+            l.firstSelectedOptionIndex = undefined;
+            l.selectedOptionCount = 0;
+            l.matchCharacter = null;
+            l.matchTimeout = null;
+            l.currentMatchOptions = [];
+            l.availableMatchOptions = [];
+            l.optionRefsByKey = {};
+            l.optionSelection = "none";
             if (false) {}
             if (false) {}
             o.validateAppearance(e);
-            i.menuId = (0, M.createDOMID)("menu");
-            i.menuListboxId = (0, M.createDOMID)("menu-listbox");
-            i.activeItemId = (0, M.createDOMID)("active-item");
-            return i;
+            l.menuListboxId = (0, A.createDOMID)("menu-listbox");
+            l.activeItemId = (0, A.createDOMID)("active-item");
+            return l;
         }
-        gt(o, [ {
+        rt(o, [ {
             key: "componentDidUpdate",
             value: function e(t, n) {
                 if (false) {}
@@ -1871,16 +1617,16 @@
         }, {
             key: "toggleValue",
             value: function e(t, n) {
-                var r, o, i;
-                var a = (r = this.getCurrentValues()) !== null && r !== void 0 ? r : [];
-                var l = a.indexOf(n);
-                var s = this.props, c = s.name, u = s.multiple;
+                var r, o, l;
+                var i = (r = this.getCurrentValues()) !== null && r !== void 0 ? r : [];
+                var a = i.indexOf(n);
+                var u = this.props, c = u.name, s = u.multiple;
                 var p;
-                if (u) {
-                    if (l >= 0) {
-                        p = [].concat(pt(a.slice(0, l)), pt(a.slice(l + 1)));
+                if (s) {
+                    if (a >= 0) {
+                        p = [].concat(Xe(i.slice(0, a)), Xe(i.slice(a + 1)));
                     } else {
-                        p = a.concat([ n ]);
+                        p = i.concat([ n ]);
                     }
                 } else {
                     // non-multiple mode must always have a value
@@ -1892,7 +1638,7 @@
                         values: p
                     });
                 }
-                if (u) {
+                if (s) {
                     // in uncontrolled multiple mode, keep the menu open
                     if (f) {
                         this.setState({
@@ -1907,7 +1653,7 @@
                     });
                     this.focus();
                 }
-                (o = (i = this.props).onChange) === null || o === void 0 ? void 0 : o.call(i, t, {
+                (o = (l = this.props).onChange) === null || o === void 0 ? void 0 : o.call(l, t, {
                     values: p,
                     name: c,
                     reason: "valueToggle"
@@ -1925,32 +1671,32 @@
             key: "renderControls",
             value: function e(t) {
                 var n = t.hasChildren, o = t.placement;
-                var i = this.state.filterKeyword;
-                var a = this.props, l = a.inputId, c = a.inputRef, u = a.multiple, p = a.selectAllAppearance;
-                var f = (0, s._)("Select all options".concat(this.optionSelection === "all" ? " disabled" : ""));
-                var d = (0, s._)("Clear all options".concat(this.optionSelection === "none" ? " disabled" : ""));
- // only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
-                                var v =  r().createElement(Ze, {
+                var l = this.state.filterKeyword;
+                var i = this.props, a = i.inputId, c = i.inputRef, s = i.multiple, p = i.selectAllAppearance;
+                var f = (0, u._)("Select all options".concat(this.optionSelection === "all" ? " disabled" : ""));
+                var d = (0, u._)("Clear all options".concat(this.optionSelection === "none" ? " disabled" : ""));
+                // only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
+                                var v =  r().createElement(Le, {
                     $placement: o,
                     key: "selectAll"
-                },  r().createElement(Qe, {
+                },  r().createElement(Re, {
                     $disabled: this.optionSelection === "all",
                     "aria-label": f,
                     onClick: this.handleSelectAll,
                     "data-test": "select-all"
-                }, i ? (0, s._)("Select all Matches") : (0, s._)("Select all")),  r().createElement(Qe, {
+                }, l ? (0, u._)("Select all Matches") : (0, u._)("Select all")),  r().createElement(Re, {
                     $disabled: this.optionSelection === "none",
                     "aria-label": d,
                     onClick: this.handleClearAll,
                     "data-test": "clear-all"
-                }, i ? (0, s._)("Clear all Matches") : (0, s._)("Clear all")));
+                }, l ? (0, u._)("Clear all Matches") : (0, u._)("Clear all")));
                 return this.hasFilter() &&  r().createElement("div", {
                     key: "controls"
-                },  r().createElement(Je, {
+                },  r().createElement(_e, {
                     key: "filter",
                     "data-test": "filter"
                 },  r().createElement(F(), {
-                    value: i,
+                    value: l,
                     autoCapitalize: "off",
                     autoComplete: "off",
                     autoCorrect: "off",
@@ -1959,239 +1705,229 @@
                     onKeyDown: this.handleTextKeyDown,
                     onFocus: this.handleTextFocus,
                     onBlur: this.handleTextBlur,
-                    placeholder: (0, s._)("filter"),
+                    placeholder: (0, u._)("filter"),
                     role: "combobox",
                     "aria-expanded": "true",
                     "aria-controls": this.menuListboxId,
-                    "aria-label": (0, s._)("Filter"),
+                    "aria-owns": n ? this.activeItemId : undefined,
+                    "aria-label": (0, u._)("Filter"),
+                    "aria-autocomplete": "list",
                     "aria-activedescendant": this.state.textHasFocus && n ? this.activeItemId : undefined,
                     inputRef: c,
-                    inputId: l,
+                    inputId: a,
                     canClear: true,
-                    startAdornment:  r().createElement(Xe, null,  r().createElement(te, null))
-                })), u && n && p === "buttongroup" && v);
+                    startAdornment:  r().createElement(Ve, null,  r().createElement(te, null))
+                })), s && n && p === "buttongroup" && v);
             }
         }, {
             key: "render",
             value: function e() {
                 var t, o = this;
-                var i = this.props, a = i.children, l = i.defaultPlacement, s = i.inputId, c = i.multiple, u = i.repositionMode, p = i.virtualization;
+                var l = this.props, i = l.children, a = l.defaultPlacement, u = l.inputId, c = l.multiple, s = l.repositionMode, p = l.virtualization;
                 var d = this.hasFilter();
                 var v = (t = this.getCurrentValues()) !== null && t !== void 0 ? t : [];
-                var h = n.Children.toArray(a);
+                var h = n.Children.toArray(i);
                 var b = v.some((function(e) {
                     var t = f()(h, (function(t) {
-                        return Dt(t) && t.props.value === e;
+                        return St(t) && t.props.value === e;
                     }));
                     return t && !t.props.disabled;
                 }));
-                var m = this.createChildren();
-                var y = this.createToggle();
+                var y = this.createChildren();
+                var m = this.createToggle();
                 var g = function e(t) {
-                    var n = t.anchorWidth, i = t.maxHeight, a = t.placement;
-                    var l = Vt({
+                    var n = t.anchorWidth, l = t.maxHeight, i = t.placement;
+                    var a = Ot({
                         anchorWidth: n,
                         isMultiple: o.props.multiple,
-                        maxHeight: i,
+                        maxHeight: l,
                         menuStyle: o.props.menuStyle
                     });
-                    var s = v.length > 0 && !b && !o.hasFilter() ? 0 : undefined;
-                    var u = jt(jt({
+                    var u = v.length > 0 && !b && !o.hasFilter() ? 0 : undefined;
+                    var s = dt(dt({
                         "aria-multiselectable": c || undefined,
                         childrenStart: o.renderControls({
-                            placement: a,
-                            hasChildren: !!m.length
+                            placement: i,
+                            hasChildren: y.some((function(e) {
+                                return St(e);
+                            }))
                         }),
                         focusMode: o.hasFilter() ? "never" : undefined,
-                        id: o.menuId,
                         isLoading: o.props.isLoadingOptions,
                         menuId: o.menuListboxId,
                         onScrollBottom: o.props.onScrollBottom ? o.handleScrollBottom : undefined,
-                        placement: a !== null && a !== void 0 ? a : undefined
-                    }, I()(o.props, "noOptionsMessage", "footerMessage", "animateLoading", "loadingMessage", "onScroll")), {}, {
-                        style: l,
-                        tabIndex: s
+                        placement: i !== null && i !== void 0 ? i : undefined
+                    }, j()(o.props, "noOptionsMessage", "footerMessage", "animateLoading", "loadingMessage", "onScroll")), {}, {
+                        style: a,
+                        tabIndex: u
                     });
                     if (p) {
                         
-                        return r().createElement(N.VirtualizedResultsMenu, at({
+                        return r().createElement(B.VirtualizedResultsMenu, ze({
                             virtualization: p
-                        }, u), m);
+                        }, s), y);
                     }
                     
-                    return r().createElement(B(), u, m);
+                    return r().createElement(K(), s, y);
                 };
                 
                 return r().createElement(V(), {
-                    closeReasons: Rt,
-                    inputId: s,
-                    toggle: y,
+                    closeReasons: wt,
+                    inputId: u,
+                    toggle: m,
                     onRequestOpen: this.handleRequestOpen,
                     onRequestClose: this.handleRequestClose,
                     open: this.state.open,
                     openWithArrowKeys: true,
-                    repositionMode: u,
-                    defaultPlacement: d ? l : undefined,
-                    canCoverAnchor: it().innerHeight < 500,
+                    repositionMode: s,
+                    defaultPlacement: d ? a : undefined,
+                    canCoverAnchor: He().innerHeight < 500,
                     ref: this.handleDropdownMount,
                     retainFocus: false,
-                    takeFocus: v.length === 0 || v.length > 0 && !b || !!d
+                    takeFocus: v.length === 0 || v.length > 0 && !b || d
                 }, g);
             }
         } ]);
         return o;
     }(n.Component);
-    Et(qt, "propTypes", Mt);
-    Et(qt, "defaultProps", Tt);
-    Et(qt, "Option", Oe);
-    Et(qt, "Divider", T.Divider);
-    Et(qt, "Heading", T.Heading);
-    Et(qt, "invalidLinkAppearanceProps", [ "append", "error", "prepend" ]);
-    /* harmony default export */    const Nt = qt;
+    vt(xt, "propTypes", yt);
+    vt(xt, "defaultProps", mt);
+    vt(xt, "Option", Se);
+    vt(xt, "Divider", M.Divider);
+    vt(xt, "Heading", M.Heading);
+    vt(xt, "invalidLinkAppearanceProps", [ "append", "error", "prepend" ]);
+    /* harmony default export */    const kt = xt;
     // CONCATENATED MODULE: ./src/Select/Option.tsx
-    function Bt(e) {
+    function jt(e) {
         "@babel/helpers - typeof";
-        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            Bt = function e(t) {
-                return typeof t;
-            };
-        } else {
-            Bt = function e(t) {
-                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-            };
-        }
-        return Bt(e);
-    }
-    function Kt() {
-        Kt = Object.assign || function(e) {
+        return jt = "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;
+        }, jt(e);
+    }
+    function Pt() {
+        return Pt = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var r in n) {
-                    if (Object.prototype.hasOwnProperty.call(n, r)) {
-                        e[r] = n[r];
-                    }
+                    ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
                 }
             }
             return e;
-        };
-        return Kt.apply(this, arguments);
+        }, Pt.apply(null, arguments);
     }
-    function Ft(e, t) {
-        if (!(e instanceof t)) {
-            throw new TypeError("Cannot call a class as a function");
-        }
+    function Et(e, t) {
+        if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
     }
-    function Ht(e, t) {
+    function It(e, t) {
         for (var n = 0; n < t.length; n++) {
             var r = t[n];
-            r.enumerable = r.enumerable || false;
-            r.configurable = true;
-            if ("value" in r) r.writable = true;
-            Object.defineProperty(e, r.key, r);
+            r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
+            Object.defineProperty(e, Bt(r.key), r);
         }
     }
-    function $t(e, t, n) {
-        if (t) Ht(e.prototype, t);
-        if (n) Ht(e, n);
-        return e;
+    function Tt(e, t, n) {
+        return t && It(e.prototype, t), n && It(e, n), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), e;
     }
-    function zt(e, t) {
-        if (typeof t !== "function" && t !== null) {
-            throw new TypeError("Super expression must either be null or a function");
-        }
+    function At(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: true,
-                configurable: true
+                writable: !0,
+                configurable: !0
             }
-        });
-        if (t) Wt(e, t);
+        }), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), t && Mt(e, t);
     }
-    function Wt(e, t) {
-        Wt = Object.setPrototypeOf || function e(t, n) {
-            t.__proto__ = n;
-            return t;
-        };
-        return Wt(e, t);
+    function Mt(e, t) {
+        return Mt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+            return e.__proto__ = t, e;
+        }, Mt(e, t);
     }
-    function Ut(e) {
-        var t = Xt();
-        return function n() {
-            var r = Yt(e), o;
+    function _t(e) {
+        var t = Rt();
+        return function() {
+            var n, r = Lt(e);
             if (t) {
-                var i = Yt(this).constructor;
-                o = Reflect.construct(r, arguments, i);
-            } else {
-                o = r.apply(this, arguments);
-            }
-            return Gt(this, o);
+                var o = Lt(this).constructor;
+                n = Reflect.construct(r, arguments, o);
+            } else n = r.apply(this, arguments);
+            return Vt(this, n);
         };
     }
-    function Gt(e, t) {
-        if (t && (Bt(t) === "object" || typeof t === "function")) {
-            return t;
-        }
-        return Jt(e);
+    function Vt(e, t) {
+        if (t && ("object" == jt(t) || "function" == typeof t)) return t;
+        if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
+        return qt(e);
     }
-    function Jt(e) {
-        if (e === void 0) {
-            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        }
+    function qt(e) {
+        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
-    function Xt() {
-        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-        if (Reflect.construct.sham) return false;
-        if (typeof Proxy === "function") return true;
+    function Rt() {
         try {
-            Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
-            return true;
-        } catch (e) {
-            return false;
-        }
+            var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
+        } catch (e) {}
+        return (Rt = function t() {
+            return !!e;
+        })();
+    }
+    function Lt(e) {
+        return Lt = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+            return e.__proto__ || Object.getPrototypeOf(e);
+        }, Lt(e);
+    }
+    function Dt(e, t, n) {
+        return (t = Bt(t)) in e ? Object.defineProperty(e, t, {
+            value: n,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[t] = n, e;
     }
-    function Yt(e) {
-        Yt = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
-            return t.__proto__ || Object.getPrototypeOf(t);
-        };
-        return Yt(e);
-    }
-    function Qt(e, t, n) {
-        if (t in e) {
-            Object.defineProperty(e, t, {
-                value: n,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[t] = n;
+    function Bt(e) {
+        var t = Kt(e, "string");
+        return "symbol" == jt(t) ? t : t + "";
+    }
+    function Kt(e, t) {
+        if ("object" != jt(e) || !e) return e;
+        var n = e[Symbol.toPrimitive];
+        if (void 0 !== n) {
+            var r = n.call(e, t || "default");
+            if ("object" != jt(r)) return r;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return e;
+        return ("string" === t ? String : Number)(e);
     }
-    var Zt = {
+    var Nt = {
         /** @private */
-        active: i().bool,
-        children: i().node,
-        description: i().string,
-        descriptionPosition: i().oneOf([ "right", "bottom" ]),
-        disabled: i().bool,
-        hidden: i().bool,
-        icon: i().node,
-        label: i().string.isRequired,
-        matchRanges: i().arrayOf(i().shape({
-            start: i().number.isRequired,
-            end: i().number.isRequired
+        active: l().bool,
+        children: l().node,
+        description: l().string,
+        descriptionPosition: l().oneOf([ "right", "bottom" ]),
+        disabled: l().bool,
+        hidden: l().bool,
+        icon: l().node,
+        label: l().string.isRequired,
+        matchRanges: l().arrayOf(l().shape({
+            start: l().number.isRequired,
+            end: l().number.isRequired
         })),
         /** @private */
-        onClick: i().func,
+        onClick: l().func,
         /** @private */
-        selected: i().bool,
-        truncate: i().bool,
-        value: i().oneOfType([ i().string, i().number, i().bool ]).isRequired
+        role: l().oneOf([ "menuitemcheckbox", "option" ]),
+        /** @private */
+        selected: l().bool,
+        truncate: l().bool,
+        value: l().oneOfType([ l().string, l().number, l().bool ]).isRequired
     };
-    var en = {
+    var Ft = {
         active: false,
         descriptionPosition: "bottom",
         disabled: false,
@@ -2203,31 +1939,35 @@
  * 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 tn =  function(e) {
-        zt(n, e);
-        var t = Ut(n);
+ */    var Ht =  function(e) {
+        At(n, e);
+        var t = _t(n);
         function n() {
             var e;
-            Ft(this, n);
-            for (var r = arguments.length, o = new Array(r), i = 0; i < r; i++) {
-                o[i] = arguments[i];
+            Et(this, n);
+            for (var r = arguments.length, o = new Array(r), l = 0; l < r; l++) {
+                o[l] = arguments[l];
             }
             e = t.call.apply(t, [ this ].concat(o));
-            Qt(Jt(e), "c", null);
-            Qt(Jt(e), "handleMount", (function(t) {
+            Dt(qt(e), "c", null);
+            Dt(qt(e), "handleMount", (function(t) {
                 e.c = t;
             }));
             return e;
         }
-        $t(n, [ {
+ // @docs-props-type OptionPropsBase
+                Tt(n, [ {
             key: "scrollIntoViewIfNeeded",
+            // eslint-disable-next-line react/no-unused-class-component-methods
             value: function e() {
                 var t;
                 (t = this.c) === null || t === void 0 ? void 0 : t.scrollIntoViewIfNeeded();
             }
             /**
      * Place focus on the button.
-     */        }, {
+     */
+            // eslint-disable-next-line react/no-unused-class-component-methods
+                }, {
             key: "focus",
             value: function e() {
                 var t;
@@ -2237,7 +1977,7 @@
             key: "render",
             value: function e() {
                 
-                return r().createElement(Oe, Kt({}, this.props, {
+                return r().createElement(Se, Pt({}, this.props, {
                     multiple: false,
                     ref: this.handleMount
                 }), this.props.children || this.props.label);
@@ -2245,201 +1985,183 @@
         } ]);
         return n;
     }(n.PureComponent);
-    Qt(tn, "propTypes", Zt);
-    Qt(tn, "defaultProps", en);
-    /* harmony default export */    const nn = tn;
+    Dt(Ht, "propTypes", Nt);
+    Dt(Ht, "defaultProps", Ft);
+    /* harmony default export */    const zt = Ht;
     // CONCATENATED MODULE: ./src/Select/Select.tsx
-    function rn(e) {
+    function $t(e) {
         "@babel/helpers - typeof";
-        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            rn = function e(t) {
-                return typeof t;
-            };
-        } else {
-            rn = function e(t) {
-                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-            };
-        }
-        return rn(e);
-    }
-    function on() {
-        on = Object.assign || function(e) {
+        return $t = "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;
+        }, $t(e);
+    }
+    function Wt() {
+        return Wt = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var r in n) {
-                    if (Object.prototype.hasOwnProperty.call(n, r)) {
-                        e[r] = n[r];
-                    }
+                    ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
                 }
             }
             return e;
-        };
-        return on.apply(this, arguments);
+        }, Wt.apply(null, arguments);
     }
-    function an(e, t) {
-        if (e == null) return {};
-        var n = ln(e, t);
-        var r, o;
+    function Ut(e, t) {
+        if (null == e) return {};
+        var n, r, o = Jt(e, t);
         if (Object.getOwnPropertySymbols) {
-            var i = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < i.length; o++) {
-                r = i[o];
-                if (t.indexOf(r) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, r)) continue;
-                n[r] = e[r];
+            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]);
             }
         }
-        return n;
+        return o;
     }
-    function ln(e, t) {
-        if (e == null) return {};
+    function Jt(e, t) {
+        if (null == e) return {};
         var n = {};
-        var r = Object.keys(e);
-        var o, i;
-        for (i = 0; i < r.length; i++) {
-            o = r[i];
-            if (t.indexOf(o) >= 0) continue;
-            n[o] = e[o];
+        for (var r in e) {
+            if ({}.hasOwnProperty.call(e, r)) {
+                if (t.includes(r)) continue;
+                n[r] = e[r];
+            }
         }
         return n;
     }
-    function sn(e, t) {
-        if (!(e instanceof t)) {
-            throw new TypeError("Cannot call a class as a function");
-        }
+    function Xt(e, t) {
+        if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
     }
-    function cn(e, t) {
+    function Gt(e, t) {
         for (var n = 0; n < t.length; n++) {
             var r = t[n];
-            r.enumerable = r.enumerable || false;
-            r.configurable = true;
-            if ("value" in r) r.writable = true;
-            Object.defineProperty(e, r.key, r);
+            r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
+            Object.defineProperty(e, an(r.key), r);
         }
     }
-    function un(e, t, n) {
-        if (t) cn(e.prototype, t);
-        if (n) cn(e, n);
-        return e;
+    function Qt(e, t, n) {
+        return t && Gt(e.prototype, t), n && Gt(e, n), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), e;
     }
-    function pn(e, t) {
-        if (typeof t !== "function" && t !== null) {
-            throw new TypeError("Super expression must either be null or a function");
-        }
+    function Yt(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: true,
-                configurable: true
+                writable: !0,
+                configurable: !0
             }
-        });
-        if (t) fn(e, t);
-    }
-    function fn(e, t) {
-        fn = Object.setPrototypeOf || function e(t, n) {
-            t.__proto__ = n;
-            return t;
-        };
-        return fn(e, t);
-    }
-    function dn(e) {
-        var t = bn();
-        return function n() {
-            var r = mn(e), o;
+        }), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), t && Zt(e, t);
+    }
+    function Zt(e, t) {
+        return Zt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+            return e.__proto__ = t, e;
+        }, Zt(e, t);
+    }
+    function en(e) {
+        var t = rn();
+        return function() {
+            var n, r = on(e);
             if (t) {
-                var i = mn(this).constructor;
-                o = Reflect.construct(r, arguments, i);
-            } else {
-                o = r.apply(this, arguments);
-            }
-            return vn(this, o);
+                var o = on(this).constructor;
+                n = Reflect.construct(r, arguments, o);
+            } else n = r.apply(this, arguments);
+            return tn(this, n);
         };
     }
-    function vn(e, t) {
-        if (t && (rn(t) === "object" || typeof t === "function")) {
-            return t;
-        }
-        return hn(e);
+    function tn(e, t) {
+        if (t && ("object" == $t(t) || "function" == typeof t)) return t;
+        if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
+        return nn(e);
     }
-    function hn(e) {
-        if (e === void 0) {
-            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        }
+    function nn(e) {
+        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
-    function bn() {
-        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-        if (Reflect.construct.sham) return false;
-        if (typeof Proxy === "function") return true;
+    function rn() {
         try {
-            Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
-            return true;
-        } catch (e) {
-            return false;
-        }
-    }
-    function mn(e) {
-        mn = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
-            return t.__proto__ || Object.getPrototypeOf(t);
-        };
-        return mn(e);
-    }
-    function yn(e, t, n) {
-        if (t in e) {
-            Object.defineProperty(e, t, {
-                value: n,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[t] = n;
+            var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
+        } catch (e) {}
+        return (rn = function t() {
+            return !!e;
+        })();
+    }
+    function on(e) {
+        return on = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+            return e.__proto__ || Object.getPrototypeOf(e);
+        }, on(e);
+    }
+    function ln(e, t, n) {
+        return (t = an(t)) in e ? Object.defineProperty(e, t, {
+            value: n,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[t] = n, e;
+    }
+    function an(e) {
+        var t = un(e, "string");
+        return "symbol" == $t(t) ? t : t + "";
+    }
+    function un(e, t) {
+        if ("object" != $t(e) || !e) return e;
+        var n = e[Symbol.toPrimitive];
+        if (void 0 !== n) {
+            var r = n.call(e, t || "default");
+            if ("object" != $t(r)) return r;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return e;
+        return ("string" === t ? String : Number)(e);
     }
     /* eslint-disable max-classes-per-file */
-    /** @public */    var gn = {
-        allowKeyMatching: i().bool,
-        animateLoading: i().bool,
-        appearance: i().oneOf([ "default", "link", "primary", "pill", "toggle", "flat", "subtle" ]),
-        append: i().bool,
-        children: i().node,
-        defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
-        defaultValue: i().oneOfType([ i().string, i().number, i().bool ]),
-        describedBy: i().string,
-        disabled: i().bool,
-        elementRef: i().oneOfType([ i().func, i().object ]),
-        error: i().bool,
-        filter: i().oneOf([ false, true, "controlled" ]),
-        footerMessage: i().node,
-        inline: i().bool,
-        inputId: i().string,
-        inputRef: i().oneOfType([ i().func, i().object ]),
-        isLoadingOptions: i().bool,
-        labelledBy: i().string,
-        labelText: i().string,
-        loadingMessage: i().node,
-        menuStyle: i().object,
-        name: i().string,
-        noOptionsMessage: i().node,
-        onChange: i().func,
-        onClose: i().func,
-        onFilterChange: i().func,
-        onOpen: i().func,
-        onScroll: i().func,
-        onScrollBottom: i().func,
-        placeholder: i().string,
-        prefixLabel: i().string,
-        prepend: i().bool,
-        suffixLabel: i().string,
-        toggleContent: i().oneOf([ "optionChildren", "optionLabel" ]),
+    /** @public */
+    /** @public */
+    /** @public */    var cn = {
+        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" ]),
         /** @private. */
-        toggle: i().node,
-        value: i().oneOfType([ i().string, i().number, i().bool ]),
+        toggle: l().node,
+        value: l().oneOfType([ l().string, l().number, l().bool ]),
         /** @private. */
-        virtualization: i().number
+        virtualization: l().number
     };
-    var On = {
+    var sn = {
         allowKeyMatching: true,
         animateLoading: false,
         appearance: "toggle",
@@ -2452,23 +2174,23 @@
         inline: true,
         isLoadingOptions: false,
         menuStyle: {},
-        noOptionsMessage: (0, s._)("No matches"),
-        placeholder: (0, s._)("Select..."),
+        noOptionsMessage: (0, u._)("No matches"),
+        placeholder: (0, u._)("Select..."),
         prepend: false,
         toggleContent: "optionChildren"
     };
-    var Sn =  function(e) {
-        pn(n, e);
-        var t = dn(n);
+    var pn =  function(e) {
+        Yt(n, e);
+        var t = en(n);
         // @docs-props-type SelectPropsBase
                 function n(e) {
             var r;
-            sn(this, n);
+            Xt(this, n);
             r = t.call(this, e);
             var o = {};
- // wrap defaultValue in an array once to avoid failing <SelectBase>'s defaultValues comparison check
+            // 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 (l()(e, "defaultValue")) {
+                        if (a()(e, "defaultValue")) {
                 if (e.defaultValue != null) {
                     o.defaultValues = [ e.defaultValue ];
                 } else {
@@ -2476,12 +2198,12 @@
                 }
             }
             r.state = o;
- // `this.props.appearance === 'toggle'` is not included here because it is the default value.
+            // `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 r;
         }
-        un(n, [ {
+        Qt(n, [ {
             key: "componentDidUpdate",
             value: function e(t) {
                 if (false) {}
@@ -2489,41 +2211,41 @@
         }, {
             key: "render",
             value: function e() {
-                var t = this.props, n = t.defaultValue, o = t.onChange, i = t.value, a = an(t, [ "defaultValue", "onChange", "value" ]);
-                var s = {
+                var t = this.props, n = t.defaultValue, o = t.onChange, l = t.value, i = Ut(t, [ "defaultValue", "onChange", "value" ]);
+                var u = {
                     onChange: function e(t, n) {
-                        var r = n.name, i = n.values;
+                        var r = n.name, l = n.values;
                         o === null || o === void 0 ? void 0 : o(t, {
                             name: r,
-                            value: i[0]
+                            value: l[0]
                         });
                     }
                 };
- // using "has" as opposed to a null check to match SelectBase
-                                if (l()(this.props, "value")) {
-                    if (i != null) {
-                        s.values = [ i ];
+                // using "has" as opposed to a null check to match SelectBase
+                                if (a()(this.props, "value")) {
+                    if (l != null) {
+                        u.values = [ l ];
                     } else {
-                        s.values = [];
+                        u.values = [];
                     }
                 } else if (this.state.defaultValues != null) {
                     // using defaultValues from state in order to avoid wrapping defaultValue here
-                    s.defaultValues = this.state.defaultValues;
+                    u.defaultValues = this.state.defaultValues;
                 }
                 
-                return r().createElement(Nt, on({}, a, s, {
+                return r().createElement(kt, Wt({}, i, u, {
                     multiple: false
                 }));
             }
         } ]);
         return n;
     }(n.Component);
-    yn(Sn, "propTypes", gn);
-    yn(Sn, "defaultProps", On);
-    yn(Sn, "Option", nn);
-    yn(Sn, "Heading", T.Heading);
-    yn(Sn, "Divider", T.Divider);
-    /* harmony default export */    const wn = Sn;
+    ln(pn, "propTypes", cn);
+    ln(pn, "defaultProps", sn);
+    ln(pn, "Option", zt);
+    ln(pn, "Heading", M.Heading);
+    ln(pn, "Divider", M.Divider);
+    /* harmony default export */    const fn = pn;
     // CONCATENATED MODULE: ./src/Select/index.ts
     module.exports = t;
     /******/})();