@splunk/react-ui 5.1.0 → 5.3.0

package/Multiselect.js

@@ -14,8 +14,8 @@
             // CONCATENATED MODULE: external "lodash/isEqual"
             const o = require("lodash/isEqual");
             // EXTERNAL MODULE: external "lodash/has"
-                        var l = r(5919);
-            var a =  r.n(l);
+                        var a = r(5919);
+            var l =  r.n(a);
             // CONCATENATED MODULE: ./src/useControlled/useControlled.tsx
             function i(e) {
                 return e === null || e === undefined || typeof e === "boolean" || typeof e === "string" || typeof e === "number";
@@ -39,8 +39,8 @@
  *
  * Return the controlled state of the component.
  */            function c(e) {
-                var n = e.componentProps, r = e.componentName, o = r === void 0 ? "this component" : r, l = e.defaultValuePropName, i = l === void 0 ? "defaultValue" : l, u = e.valuePropName, c = u === void 0 ? "value" : u;
-                var s = (0, t.useRef)(a()(n, c));
+                var n = e.componentProps, r = e.componentName, o = r === void 0 ? "this component" : r, a = e.defaultValuePropName, i = a === void 0 ? "defaultValue" : a, u = e.valuePropName, c = u === void 0 ? "value" : u;
+                var s = (0, t.useRef)(l()(n, c));
                 var d = (0, t.useRef)(n[i]);
                 (0, t.useEffect)((function() {
                     if (false) {}
@@ -77,17 +77,17 @@
             /******/ return o.exports;
             /******/        }
         /******/ // Create a new module (and put it into the cache)
-        /******/        var l = n[t] = {
+        /******/        var a = n[t] = {
             /******/ // no module.id needed
             /******/ // no module.loaded needed
             /******/ exports: {}
             /******/        };
         /******/
         /******/ // Execute the module function
-        /******/        e[t](l, l.exports, r);
+        /******/        e[t](a, a.exports, r);
         /******/
         /******/ // Return the exports of the module
-        /******/        return l.exports;
+        /******/        return a.exports;
         /******/    }
     /******/
     /************************************************************************/
@@ -152,17 +152,17 @@
             Divider: () => /* reexport */ u.Divider,
             Heading: () => /* reexport */ u.Heading,
             Option: () => /* reexport */ M,
-            default: () => /* reexport */ Kr
+            default: () => /* reexport */ nt
         });
         // EXTERNAL MODULE: external "react"
                 var e = r(9497);
         var n =  r.n(e);
         // EXTERNAL MODULE: external "lodash/has"
                 var o = r(5919);
-        var l =  r.n(o);
+        var a =  r.n(o);
         // CONCATENATED MODULE: external "prop-types"
-        const a = require("prop-types");
-        var i =  r.n(a);
+        const l = require("prop-types");
+        var i =  r.n(l);
         // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
         const u = require("@splunk/react-ui/Menu");
         // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
@@ -237,9 +237,9 @@
             if (null == e) return {};
             var r, t, o = O(e, n);
             if (Object.getOwnPropertySymbols) {
-                var l = Object.getOwnPropertySymbols(e);
-                for (t = 0; t < l.length; t++) {
-                    r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                var a = Object.getOwnPropertySymbols(e);
+                for (t = 0; t < a.length; t++) {
+                    r = a[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
                 }
             }
             return o;
@@ -249,7 +249,7 @@
             var r = {};
             for (var t in e) {
                 if ({}.hasOwnProperty.call(e, t)) {
-                    if (n.includes(t)) continue;
+                    if (-1 !== n.indexOf(t)) continue;
                     r[t] = e[t];
                 }
             }
@@ -286,19 +286,19 @@
         /**
  * An option within a `Multiselect`.
  */        function w(r) {
-            var t = r.children, o = r.descriptionPosition, l = o === void 0 ? "bottom" : o, a = r.disabled, i = r.elementRef, c = r.icon, s = r.label, d = r.multiple, f = r.onClick, v = r.role, m = v === void 0 ? "option" : v, y = r.value, g = h(r, [ "children", "descriptionPosition", "disabled", "elementRef", "icon", "label", "multiple", "onClick", "role", "value" ]);
+            var t = r.children, o = r.descriptionPosition, a = o === void 0 ? "bottom" : o, l = r.disabled, i = r.elementRef, c = r.icon, s = r.label, d = r.multiple, f = r.onClick, v = r.role, m = v === void 0 ? "option" : v, y = r.value, g = h(r, [ "children", "descriptionPosition", "disabled", "elementRef", "icon", "label", "multiple", "onClick", "role", "value" ]);
             // @docs-props-type OptionPropsBase
                         var O = (0, e.useCallback)((function(e) {
-                if (!a) {
+                if (!l) {
                     f === null || f === void 0 ? void 0 : f(e, {
                         value: y
                     });
                 }
-            }), [ a, f, y ]);
+            }), [ l, f, y ]);
             var S = y.toString();
             var w = b({
-                descriptionPosition: l,
-                disabled: a ? "disabled" : undefined
+                descriptionPosition: a,
+                disabled: l ? "disabled" : undefined
             }, g);
             
             return n().createElement(u.Item, p({
@@ -334,9 +334,9 @@
             if (null == e) return {};
             var r, t, o = j(e, n);
             if (Object.getOwnPropertySymbols) {
-                var l = Object.getOwnPropertySymbols(e);
-                for (t = 0; t < l.length; t++) {
-                    r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                var a = Object.getOwnPropertySymbols(e);
+                for (t = 0; t < a.length; t++) {
+                    r = a[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
                 }
             }
             return o;
@@ -346,7 +346,7 @@
             var r = {};
             for (var t in e) {
                 if ({}.hasOwnProperty.call(e, t)) {
-                    if (n.includes(t)) continue;
+                    if (-1 !== n.indexOf(t)) continue;
                     r[t] = e[t];
                 }
             }
@@ -386,14 +386,14 @@
         /**
  * An option within a `Multiselect`.
  */        function E(e) {
-            var r = e.compact, t = e.children, o = e.description, l = e.descriptionPosition, a = l === void 0 ? "bottom" : l, i = e.disabled, u = e.elementRef, c = e.hidden, s = e.icon, d = e.label, f = e.matchRanges, p = e.role, v = e.selected, b = e.truncate, m = e.value, y = x(e, [ "compact", "children", "description", "descriptionPosition", "disabled", "elementRef", "hidden", "icon", "label", "matchRanges", "role", "selected", "truncate", "value" ]);
+            var r = e.compact, t = e.children, o = e.description, a = e.descriptionPosition, l = a === void 0 ? "bottom" : a, i = e.disabled, u = e.elementRef, c = e.hidden, s = e.icon, d = e.label, f = e.matchRanges, p = e.role, v = e.selected, b = e.truncate, m = e.value, y = x(e, [ "compact", "children", "description", "descriptionPosition", "disabled", "elementRef", "hidden", "icon", "label", "matchRanges", "role", "selected", "truncate", "value" ]);
             // @docs-props-type OptionPropsBase
             // selectedAppearance, selectedBackgroundColor, and selectedForegroundColor are not used directly by the Option component.
             // They are consumed by the parent component (Multiselect-Normal) to render the Chip, so they are not included in the above prop list.
                         
             return n().createElement(C, k({
                 description: o,
-                descriptionPosition: a,
+                descriptionPosition: l,
                 disabled: i,
                 elementRef: u,
                 hidden: c,
@@ -418,13 +418,13 @@
         var B =  r.n(I);
         // CONCATENATED MODULE: external "lodash/forEachRight"
         const N = require("lodash/forEachRight");
-        var L =  r.n(N);
+        var V =  r.n(N);
         // CONCATENATED MODULE: external "lodash/includes"
-        const V = require("lodash/includes");
-        var q =  r.n(V);
+        const D = require("lodash/includes");
+        var q =  r.n(D);
         // CONCATENATED MODULE: external "lodash/memoize"
-        const D = require("lodash/memoize");
-        var T =  r.n(D);
+        const L = require("lodash/memoize");
+        var T =  r.n(L);
         // CONCATENATED MODULE: external "lodash/pick"
         const F = require("lodash/pick");
         var _ =  r.n(F);
@@ -432,8 +432,8 @@
         const K = require("lodash/uniq");
         var H =  r.n(K);
         // CONCATENATED MODULE: external "lodash/without"
-        const z = require("lodash/without");
-        var $ =  r.n(z);
+        const $ = require("lodash/without");
+        var z =  r.n($);
         // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
         const W = require("@splunk/react-icons/CaretSmallDown");
         var U =  r.n(W);
@@ -454,10 +454,10 @@
         var te =  r.n(re);
         // CONCATENATED MODULE: external "@splunk/react-ui/Text"
         const oe = require("@splunk/react-ui/Text");
-        var le =  r.n(oe);
+        var ae =  r.n(oe);
         // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
-        const ae = require("@splunk/react-ui/usePrevious");
-        var ie =  r.n(ae);
+        const le = require("@splunk/react-ui/usePrevious");
+        var ie =  r.n(le);
         // CONCATENATED MODULE: external "@splunk/ui-utils/filter"
         const ue = require("@splunk/ui-utils/filter");
         // CONCATENATED MODULE: external "@splunk/ui-utils/id"
@@ -465,54 +465,133 @@
         // CONCATENATED MODULE: external "@splunk/ui-utils/scroll"
         const se = require("@splunk/ui-utils/scroll");
         // CONCATENATED MODULE: ./src/Select/SelectAllOption.tsx
-        var de = {
-            active: i().bool,
-            changedToggle: i().bool,
-            elementRef: i().oneOfType([ i().func, i().object ]),
-            id: i().string,
-            onClick: i().func,
-            selectAllLabel: i().string,
-            selected: i().oneOfType([ i().bool, i().oneOf([ "some" ]) ]),
-            totalCount: i().number
-        };
-        function fe(e) {
-            var r = e.active, t = e.elementRef, o = e.id, l = e.onClick, a = e.selectAllLabel, i = e.totalCount, u = e.changedToggle, c = e.selected;
+        function de(e) {
+            "@babel/helpers - typeof";
+            return de = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+                return typeof e;
+            } : function(e) {
+                return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+            }, de(e);
+        }
+        function fe() {
+            return fe = Object.assign ? Object.assign.bind() : function(e) {
+                for (var n = 1; n < arguments.length; n++) {
+                    var r = arguments[n];
+                    for (var t in r) {
+                        ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
+                    }
+                }
+                return e;
+            }, fe.apply(null, arguments);
+        }
+        function pe(e, n) {
+            if (null == e) return {};
+            var r, t, o = ve(e, n);
+            if (Object.getOwnPropertySymbols) {
+                var a = Object.getOwnPropertySymbols(e);
+                for (t = 0; t < a.length; t++) {
+                    r = a[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                }
+            }
+            return o;
+        }
+        function ve(e, n) {
+            if (null == e) return {};
+            var r = {};
+            for (var t in e) {
+                if ({}.hasOwnProperty.call(e, t)) {
+                    if (-1 !== n.indexOf(t)) continue;
+                    r[t] = e[t];
+                }
+            }
+            return r;
+        }
+        function be(e, n) {
+            var r = Object.keys(e);
+            if (Object.getOwnPropertySymbols) {
+                var t = Object.getOwnPropertySymbols(e);
+                n && (t = t.filter((function(n) {
+                    return Object.getOwnPropertyDescriptor(e, n).enumerable;
+                }))), r.push.apply(r, t);
+            }
+            return r;
+        }
+        function me(e) {
+            for (var n = 1; n < arguments.length; n++) {
+                var r = null != arguments[n] ? arguments[n] : {};
+                n % 2 ? be(Object(r), !0).forEach((function(n) {
+                    ye(e, n, r[n]);
+                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : be(Object(r)).forEach((function(n) {
+                    Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
+                }));
+            }
+            return e;
+        }
+        function ye(e, n, r) {
+            return (n = ge(n)) in e ? Object.defineProperty(e, n, {
+                value: r,
+                enumerable: !0,
+                configurable: !0,
+                writable: !0
+            }) : e[n] = r, e;
+        }
+        function ge(e) {
+            var n = he(e, "string");
+            return "symbol" == de(n) ? n : n + "";
+        }
+        function he(e, n) {
+            if ("object" != de(e) || !e) return e;
+            var r = e[Symbol.toPrimitive];
+            if (void 0 !== r) {
+                var t = r.call(e, n || "default");
+                if ("object" != de(t)) return t;
+                throw new TypeError("@@toPrimitive must return a primitive value.");
+            }
+            return ("string" === n ? String : Number)(e);
+        }
+        var Oe = me(me({}, C.propTypes), {}, {
+            totalCount: i().number,
+            // unlike OptionBase, there's a default value for this prop
+            value: i().string
+        });
+        function Se(e) {
+            var r = e.active, t = e.elementRef, o = e.id, a = e.label, l = e.onClick, i = e.selected, u = e.totalCount, c = e.value, s = c === void 0 ? "selectAll" : c, d = pe(e, [ "active", "elementRef", "id", "label", "onClick", "selected", "totalCount", "value" ]);
+            // @docs-props-type SelectAllOptionPropsBase
             // When toggle is changed the total count is not displayed anymore so the count is now shown in the Select all menu item
-                        var s = u ? " (".concat(i === null || i === void 0 ? void 0 : i.toString(), ")") : "";
+                        var f = u != null ? " (".concat(u === null || u === void 0 ? void 0 : u.toString(), ")") : "";
             
-            return n().createElement(C, {
+            return n().createElement(C, fe({
                 active: r,
                 elementRef: t,
                 "aria-keyshortcuts": "Control+A",
                 "data-test": "select-all",
-                description: "".concat(s, " Ctrl-a"),
+                description: "".concat(f, " Ctrl-a"),
                 descriptionPosition: "right",
                 id: o,
                 key: "selectAll",
-                label: a,
                 multiple: true,
+                label: a,
                 onClick: l,
+                selected: i,
                 role: "menuitemcheckbox",
-                selected: c,
-                tabIndex: -1,
-                value: "selectAll"
-            });
+                value: s
+            }, d));
         }
-        fe.propTypes = de;
-        /* harmony default export */        const pe = fe;
+        Se.propTypes = Oe;
+        /* harmony default export */        const we = Se;
         // CONCATENATED MODULE: external "styled-components"
-        const ve = require("styled-components");
-        var be =  r.n(ve);
+        const Ce = require("styled-components");
+        var ke =  r.n(Ce);
         // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-        const me = require("@splunk/react-ui/Button");
-        var ye =  r.n(me);
+        const xe = require("@splunk/react-ui/Button");
+        var je =  r.n(xe);
         // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
-        const ge = require("@splunk/react-ui/Divider");
-        var he =  r.n(ge);
+        const Pe = require("@splunk/react-ui/Divider");
+        var Ee =  r.n(Pe);
         // CONCATENATED MODULE: external "@splunk/themes"
-        const Oe = require("@splunk/themes");
+        const Me = require("@splunk/themes");
         // CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
-        var Se = be()(ye()).withConfig({
+        var Re = ke()(je()).withConfig({
             displayName: "SelectBaseStyles__StyledButton",
             componentId: "sc-16cj7sk-0"
         })([ "&[data-inline]{width:", ";}", "" ], (function(e) {
@@ -522,52 +601,52 @@
             var n = e.$multiple;
             return !n && "flex-grow: 0;";
         }));
-        var we = be().span.withConfig({
+        var Ae = ke().span.withConfig({
             displayName: "SelectBaseStyles__StyledLinkIcon",
             componentId: "sc-16cj7sk-1"
-        })([ "padding-right:", ";" ], Oe.variables.spacingXSmall);
-        var Ce = be().span.withConfig({
+        })([ "padding-right:", ";" ], Me.variables.spacingXSmall);
+        var Ie = ke().span.withConfig({
             displayName: "SelectBaseStyles__StyledLinkCaret",
             componentId: "sc-16cj7sk-2"
-        })([ "padding-left:", ";" ], Oe.variables.spacingXSmall);
-        var ke = be().div.withConfig({
+        })([ "padding-left:", ";" ], Me.variables.spacingXSmall);
+        var Be = ke().div.withConfig({
             displayName: "SelectBaseStyles__StyledFilter",
             componentId: "sc-16cj7sk-3"
-        })([ "padding:", " ", " ", ";min-width:160px;" ], Oe.variables.spacingLarge, Oe.variables.spacingLarge, Oe.variables.spacingSmall);
-        var xe = be().span.withConfig({
+        })([ "padding:", " ", " ", ";min-width:160px;" ], Me.variables.spacingLarge, Me.variables.spacingLarge, Me.variables.spacingSmall);
+        var Ne = ke().span.withConfig({
             displayName: "SelectBaseStyles__StyledCount",
             componentId: "sc-16cj7sk-4"
-        })([ "padding-right:", ";" ], Oe.variables.spacingXSmall);
-        var je = be()(Z()).withConfig({
+        })([ "padding-right:", ";" ], Me.variables.spacingXSmall);
+        var Ve = ke()(Z()).withConfig({
             displayName: "SelectBaseStyles__StyledControlsLink",
             componentId: "sc-16cj7sk-5"
         })([ "", ";" ], (function(e) {
             var n = e.$disabled;
-            return n && (0, ve.css)([ "color:", ";" ], Oe.variables.contentColorDisabled);
+            return n && (0, Ce.css)([ "color:", ";" ], Me.variables.contentColorDisabled);
         }));
-        var Pe = be().div.withConfig({
+        var De = ke().div.withConfig({
             displayName: "SelectBaseStyles__StyledToggleAllControls",
             componentId: "sc-16cj7sk-6"
-        })([ "", ";gap:", ";padding:", " ", " ", ";" ], Oe.mixins.reset("flex"), Oe.variables.spacingMedium, Oe.variables.spacingXSmall, Oe.variables.spacingLarge, Oe.variables.spacingSmall);
-        var Ee = be()(he()).withConfig({
+        })([ "", ";gap:", ";padding:", " ", " ", ";" ], Me.mixins.reset("flex"), Me.variables.spacingMedium, Me.variables.spacingXSmall, Me.variables.spacingLarge, Me.variables.spacingSmall);
+        var qe = ke()(Ee()).withConfig({
             displayName: "SelectBaseStyles__StyledControlsDivider",
             componentId: "sc-16cj7sk-7"
-        })([ "border-color:", ";" ], Oe.variables.borderColor);
+        })([ "border-color:", ";" ], Me.variables.borderColor);
         // EXTERNAL MODULE: ./src/useControlled/index.ts + 2 modules
-                var Me = r(3639);
+                var Le = r(3639);
         // CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
         // A utility for matching keyboard characters to list values
-        var Re = function e(n, r) {
+        var Te = function e(n, r) {
             return n ? n.label.charAt(r).toLowerCase() : "";
         };
-        var Ae = function e(n, r) {
+        var Fe = function e(n, r) {
             if (!n.length) {
                 return n;
             }
             var t = null;
             var o = false;
-            var l = n.filter((function(e) {
-                var n = Re(e, r.index);
+            var a = n.filter((function(e) {
+                var n = Te(e, r.index);
                 if (n === r.value) {
                     o = true;
                     return true;
@@ -575,26 +654,26 @@
                 // If we haven't found a match yet, keep track of the next closest match.
                 // Secondary matching looks for the closest character of a higher value, and failing that, closest of a lower value.
                                 if (!o) {
-                    var l = Re(t, r.index);
-                    if (!l) {
+                    var a = Te(t, r.index);
+                    if (!a) {
                         t = e;
                     } else if (n > r.value) {
-                        if (l < r.value) {
+                        if (a < r.value) {
                             t = e;
-                        } else if (l > n) {
+                        } else if (a > n) {
                             t = e;
                         }
-                    } else if (n > l) {
+                    } else if (n > a) {
                         t = e;
                     }
                 }
                 return false;
             }));
-            return l.length === 0 && t ? [ t ] : l;
+            return a.length === 0 && t ? [ t ] : a;
         };
         // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
         /* eslint-disable @typescript-eslint/no-empty-function */
-        var Ie = {
+        var _e = {
             body: {
                 appendChild: function e() {
                     return [];
@@ -648,16 +727,16 @@
                 search: ""
             }
         };
-        function Be() {
-            var e = typeof document !== "undefined" ? document : Ie;
+        function Ke() {
+            var e = typeof document !== "undefined" ? document : _e;
             return e;
         }
-        var Ne = Be();
-        /* harmony default export */        const Le = /* unused pure expression or super */ null && Ne;
+        var He = Ke();
+        /* harmony default export */        const $e = /* unused pure expression or super */ null && He;
         // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
         /* eslint-disable @typescript-eslint/no-empty-function */
-        var Ve = {
-            document: Ie,
+        var ze = {
+            document: _e,
             navigator: {
                 userAgent: ""
             },
@@ -711,12 +790,12 @@
                 clearTimeout(n);
             }
         };
-        function qe() {
-            var e = typeof window !== "undefined" ? window : Ve;
+        function We() {
+            var e = typeof window !== "undefined" ? window : ze;
             return e;
         }
-        var De = qe();
-        /* harmony default export */        const Te = /* unused pure expression or super */ null && De;
+        var Ue = We();
+        /* harmony default export */        const Xe = /* unused pure expression or super */ null && Ue;
         // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
         /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -724,7 +803,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-        function Fe(e, n) {
+        function Ge(e, n) {
             if (e) {
                 if (typeof e === "function") {
                     e(n);
@@ -737,20 +816,20 @@
             }
         }
         // CONCATENATED MODULE: ./src/Select/SelectBase.tsx
-        function _e(e) {
-            return ze(e) || He(e) || Xe(e) || Ke();
+        function Je(e) {
+            return Ze(e) || Ye(e) || tn(e) || Qe();
         }
-        function Ke() {
+        function Qe() {
             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 He(e) {
+        function Ye(e) {
             if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
         }
-        function ze(e) {
-            if (Array.isArray(e)) return Ge(e);
+        function Ze(e) {
+            if (Array.isArray(e)) return on(e);
         }
-        function $e() {
-            return $e = Object.assign ? Object.assign.bind() : function(e) {
+        function en() {
+            return en = Object.assign ? Object.assign.bind() : function(e) {
                 for (var n = 1; n < arguments.length; n++) {
                     var r = arguments[n];
                     for (var t in r) {
@@ -758,43 +837,43 @@
                     }
                 }
                 return e;
-            }, $e.apply(null, arguments);
+            }, en.apply(null, arguments);
         }
-        function We(e, n) {
-            return Qe(e) || Je(e, n) || Xe(e, n) || Ue();
+        function nn(e, n) {
+            return ln(e) || an(e, n) || tn(e, n) || rn();
         }
-        function Ue() {
+        function rn() {
             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 Xe(e, n) {
+        function tn(e, n) {
             if (e) {
-                if ("string" == typeof e) return Ge(e, n);
+                if ("string" == typeof e) return on(e, n);
                 var r = {}.toString.call(e).slice(8, -1);
-                return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? Ge(e, n) : void 0;
+                return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? on(e, n) : void 0;
             }
         }
-        function Ge(e, n) {
+        function on(e, n) {
             (null == n || n > e.length) && (n = e.length);
             for (var r = 0, t = Array(n); r < n; r++) {
                 t[r] = e[r];
             }
             return t;
         }
-        function Je(e, n) {
+        function an(e, n) {
             var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
             if (null != r) {
-                var t, o, l, a, i = [], u = !0, c = !1;
+                var t, o, a, l, i = [], u = !0, c = !1;
                 try {
-                    if (l = (r = r.call(e)).next, 0 === n) {
+                    if (a = (r = r.call(e)).next, 0 === n) {
                         if (Object(r) !== r) return;
                         u = !1;
-                    } else for (;!(u = (t = l.call(r)).done) && (i.push(t.value), i.length !== n); u = !0) {
+                    } else for (;!(u = (t = a.call(r)).done) && (i.push(t.value), i.length !== n); u = !0) {
                     }
                 } catch (e) {
                     c = !0, o = e;
                 } finally {
                     try {
-                        if (!u && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
+                        if (!u && null != r["return"] && (l = r["return"](), Object(l) !== l)) return;
                     } finally {
                         if (c) throw o;
                     }
@@ -802,40 +881,40 @@
                 return i;
             }
         }
-        function Qe(e) {
+        function ln(e) {
             if (Array.isArray(e)) return e;
         }
-        function Ye(e, n) {
+        function un(e, n) {
             if (null == e) return {};
-            var r, t, o = Ze(e, n);
+            var r, t, o = cn(e, n);
             if (Object.getOwnPropertySymbols) {
-                var l = Object.getOwnPropertySymbols(e);
-                for (t = 0; t < l.length; t++) {
-                    r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                var a = Object.getOwnPropertySymbols(e);
+                for (t = 0; t < a.length; t++) {
+                    r = a[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
                 }
             }
             return o;
         }
-        function Ze(e, n) {
+        function cn(e, n) {
             if (null == e) return {};
             var r = {};
             for (var t in e) {
                 if ({}.hasOwnProperty.call(e, t)) {
-                    if (n.includes(t)) continue;
+                    if (-1 !== n.indexOf(t)) continue;
                     r[t] = e[t];
                 }
             }
             return r;
         }
-        function en(e) {
+        function sn(e) {
             "@babel/helpers - typeof";
-            return en = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return sn = "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;
-            }, en(e);
+            }, sn(e);
         }
-        function nn(e, n) {
+        function dn(e, n) {
             var r = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
                 var t = Object.getOwnPropertySymbols(e);
@@ -845,40 +924,40 @@
             }
             return r;
         }
-        function rn(e) {
+        function fn(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var r = null != arguments[n] ? arguments[n] : {};
-                n % 2 ? nn(Object(r), !0).forEach((function(n) {
-                    tn(e, n, r[n]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : nn(Object(r)).forEach((function(n) {
+                n % 2 ? dn(Object(r), !0).forEach((function(n) {
+                    pn(e, n, r[n]);
+                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : dn(Object(r)).forEach((function(n) {
                     Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
                 }));
             }
             return e;
         }
-        function tn(e, n, r) {
-            return (n = on(n)) in e ? Object.defineProperty(e, n, {
+        function pn(e, n, r) {
+            return (n = vn(n)) in e ? Object.defineProperty(e, n, {
                 value: r,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
             }) : e[n] = r, e;
         }
-        function on(e) {
-            var n = ln(e, "string");
-            return "symbol" == en(n) ? n : n + "";
+        function vn(e) {
+            var n = bn(e, "string");
+            return "symbol" == sn(n) ? n : n + "";
         }
-        function ln(e, n) {
-            if ("object" != en(e) || !e) return e;
+        function bn(e, n) {
+            if ("object" != sn(e) || !e) return e;
             var r = e[Symbol.toPrimitive];
             if (void 0 !== r) {
                 var t = r.call(e, n || "default");
-                if ("object" != en(t)) return t;
+                if ("object" != sn(t)) return t;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === n ? String : Number)(e);
         }
-        var an = {
+        var mn = {
             allowKeyMatching: i().bool,
             allowNewValues: i().bool,
             animateLoading: i().bool,
@@ -917,7 +996,7 @@
             prefixLabel: i().string,
             prepend: i().bool,
             repositionMode: i().oneOf([ "none", "flip" ]),
-            selectAllAppearance: i().oneOf([ "buttongroup", "checkbox" ]),
+            selectAllAppearance: i().oneOf([ "buttongroup", "checkbox", "none" ]),
             showSelectedValuesFirst: i().oneOf([ "nextOpen", "immediately", "never" ]),
             suffixLabel: i().string,
             tabConfirmsNewValue: i().bool,
@@ -927,64 +1006,64 @@
             /** @private. */
             virtualization: i().number
         };
-        var un = T()((function(e) {
+        var yn = T()((function(e) {
             return [ e ];
         }));
         // preserve separate widths for single vs. multi mode
-                var cn = T()((function(e) {
+                var gn = T()((function(e) {
             var n = e.anchorWidth, r = e.isMultiple, t = e.maxHeight, o = e.menuStyle;
-            return r ? rn({
+            return r ? fn({
                 width: Math.max(n !== null && n !== void 0 ? n : 0, 200),
                 maxHeight: t
-            }, o) : rn({
+            }, o) : fn({
                 minWidth: n !== null && n !== void 0 ? n : undefined,
                 maxWidth: Math.max(n !== null && n !== void 0 ? n : 0, 300),
                 maxHeight: t
             }, o);
         }));
-        var sn = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
-        function dn(e) {
-            return e && l()(e.props, "value");
-        }
-        function fn(e, n) {
-            return "".concat(en(e), "-").concat(e, "-").concat(n);
-        }
-        var pn = [ "append", "error", "prepend" ];
-        var vn = (0, d._)("No matches");
-        var bn = (0, d._)("Select...");
-        var mn =  n().createElement(G(), null);
-        var yn = function e(r) {
-            var t = r.activeItemId, o = r.filterA11yId, l = r.filterKeyword, a = r.hasChildren, i = r.inputId, u = r.inputRef, c = r.menuListboxId, s = r.multiple, f = r.onClearAll, p = r.onSelectAll, v = r.onTextBlur, b = r.onTextChange, m = r.onTextFocus, y = r.onTextKeyDown, g = r.optionSelection, h = r.placement, O = r.selectAllAppearance, S = r.textHasFocus;
+        var hn = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
+        function On(e) {
+            return e && a()(e.props, "value");
+        }
+        function Sn(e, n) {
+            return "".concat(sn(e), "-").concat(e, "-").concat(n);
+        }
+        var wn = [ "append", "error", "prepend" ];
+        var Cn = (0, d._)("No matches");
+        var kn = (0, d._)("Select...");
+        var xn =  n().createElement(G(), null);
+        var jn = function e(r) {
+            var t = r.activeItemId, o = r.filterA11yId, a = r.filterKeyword, l = r.hasChildren, i = r.inputId, u = r.inputRef, c = r.menuListboxId, s = r.multiple, f = r.onClearAll, p = r.onSelectAll, v = r.onTextBlur, b = r.onTextChange, m = r.onTextFocus, y = r.onTextKeyDown, g = r.optionSelection, h = r.placement, O = r.selectAllAppearance, S = r.textHasFocus;
             var w = (0, d._)("Select all options".concat(g.current === "all" ? " disabled" : ""));
             var C = (0, d._)("Clear all options".concat(g.current === "none" ? " disabled" : ""));
             // only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
-                        var k =  n().createElement(Pe, {
+                        var k =  n().createElement(De, {
                 key: "selectAll"
-            },  n().createElement(je, {
+            },  n().createElement(Ve, {
                 disabled: g.current === "all",
                 appearance: "standalone",
                 "aria-label": w,
                 onClick: p,
                 "data-test": "select-all",
                 tag: "button"
-            }, l ? (0, d._)("Select all Matches") : (0, d._)("Select all")),  n().createElement(je, {
+            }, a ? (0, d._)("Select all Matches") : (0, d._)("Select all")),  n().createElement(Ve, {
                 disabled: g.current === "none",
                 appearance: "standalone",
                 "aria-label": C,
                 onClick: f,
                 "data-test": "clear-all",
                 tag: "button"
-            }, l ? (0, d._)("Clear all Matches") : (0, d._)("Clear all")));
+            }, a ? (0, d._)("Clear all Matches") : (0, d._)("Clear all")));
             
             return n().createElement("div", {
                 key: "controls"
             }, o &&  n().createElement(te(), {
                 id: o
-            }, (0, d._)("Type to filter")), h === "above" &&  n().createElement(Ee, null),  n().createElement(ke, {
+            }, (0, d._)("Type to filter")), h === "above" &&  n().createElement(qe, null),  n().createElement(Be, {
                 key: "filter",
                 "data-test": "filter"
-            },  n().createElement(le(), {
-                value: l,
+            },  n().createElement(ae(), {
+                value: a,
                 autoCapitalize: "off",
                 autoComplete: "off",
                 autoCorrect: "off",
@@ -997,29 +1076,29 @@
                 role: "combobox",
                 "aria-expanded": "true",
                 "aria-controls": c,
-                "aria-owns": S && a ? t : undefined,
+                "aria-owns": S && l ? t : undefined,
                 "aria-label": (0, d._)("Filter"),
                 "aria-autocomplete": "list",
-                "aria-activedescendant": S && a ? t : undefined,
+                "aria-activedescendant": S && l ? t : undefined,
                 inputRef: u,
                 inputId: i,
                 canClear: true,
-                startAdornment: mn
-            })), s && a && O === "buttongroup" && k, h === "below" &&  n().createElement(Ee, null));
+                startAdornment: xn
+            })), s && l && O === "buttongroup" && k, h === "below" &&  n().createElement(qe, null));
         };
-        var gn = function e(n) {
+        var Pn = function e(n) {
             var r = n.prefixLabel, t = n.label, o = n.suffixLabel;
-            var l = t;
+            var a = t;
             if (r) {
-                l = [ "".concat(r, ": ") ].concat(l);
+                a = [ "".concat(r, ": ") ].concat(a);
             }
             if (o) {
-                l = A()(l).concat(" ".concat(o));
+                a = A()(a).concat(" ".concat(o));
             }
-            return l;
+            return a;
         };
-        var hn =  n().forwardRef((function(r, t) {
-            var o = r.appearance, l = o === void 0 ? "default" : o, a = r.append, i = r.children, u = r.currentValues, c = u === void 0 ? [] : u, s = r.describedBy, f = r.disabled, p = r.elementRef, v = r.error, b = r.inline, m = r.labelText, y = r.labelledBy, g = r.multiple, h = r.onClick, O = r.placeholder, S = r.prefixLabel, w = r.prepend, C = r.required, k = r.suffixLabel, x = r.toggle, j = r.toggleContent, P = Ye(r, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent" ]);
+        var En =  n().forwardRef((function(r, t) {
+            var o = r.appearance, a = o === void 0 ? "default" : o, l = r.append, i = r.children, u = r.currentValues, c = u === void 0 ? [] : u, s = r.describedBy, f = r.disabled, p = r.elementRef, v = r.error, b = r.inline, m = r.labelText, y = r.labelledBy, g = r.multiple, h = r.onClick, O = r.placeholder, S = r.prefixLabel, w = r.prepend, C = r.required, k = r.suffixLabel, x = r.toggle, j = r.toggleContent, P = un(r, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent" ]);
             var E;
             var M;
             var R = [];
@@ -1027,11 +1106,11 @@
                         var A = e.Children.toArray(i);
             var I = c.reduce((function(e, n, r, t) {
                 var o = B()(A, (function(e) {
-                    return dn(e) && e.props.value === n;
+                    return On(e) && e.props.value === n;
                 }));
                 if (o) {
-                    var l = o.props, a = l.children, i = l.icon, u = l.label;
-                    var s = j !== "optionLabel" && a ? a : u;
+                    var a = o.props, l = a.children, i = a.icon, u = a.label;
+                    var s = j !== "optionLabel" && l ? l : u;
                     e.push(s);
                     R.push(u);
                     // if not in multiple mode, add the icon
@@ -1054,12 +1133,12 @@
                         if (M.length > 0) {
                 // If there's more than one item selected, read out the selected total
                 // rather than reading out each selected item
-                R = gn({
+                R = Pn({
                     prefixLabel: S,
                     label: M.length > 1 ? [ "".concat(c.length, " items selected") ] : R,
                     suffixLabel: k
                 });
-                M = gn({
+                M = Pn({
                     prefixLabel: S,
                     label: M,
                     suffixLabel: k
@@ -1070,18 +1149,18 @@
                         if (M.length === 0 || !g && M.every((function(e) {
                 return e === "";
             }))) {
-                M = un(O);
+                M = yn(O);
                 R = M;
             }
             var N = Object.keys(P).includes("aria-labelledby");
-            var L = rn({
+            var V = fn({
                 "aria-describedby": s,
                 "aria-label": y || N ? undefined : "".concat(m ? "".concat(m, ", ") : "").concat(R.join("")),
                 // aria-labelledby takes precedence over aria-label, so existence of both is redundant
                 "aria-labelledby": y,
                 "aria-required": C,
-                "data-select-appearance": l,
-                append: a,
+                "data-select-appearance": a,
+                append: l,
                 prepend: w,
                 onClick: h,
                 role: "combobox",
@@ -1091,44 +1170,44 @@
                 ref: t
             }, P);
             if (g) {
-                L["data-test-values"] = JSON.stringify(c);
+                V["data-test-values"] = JSON.stringify(c);
             } else {
-                var V = We(c, 1), q = V[0];
-                L["data-test-value"] = q;
+                var D = nn(c, 1), q = D[0];
+                V["data-test-value"] = q;
             }
             if (x) {
                 
-                return (0, e.cloneElement)(x, L);
+                return (0, e.cloneElement)(x, V);
             }
-            if (l === "link") {
+            if (a === "link") {
                 
-                return n().createElement(Z(), $e({
+                return n().createElement(Z(), en({
                     tag: "button",
                     appearance: "standalone"
-                }, L, {
+                }, V, {
                     "data-select-appearance": "link"
-                }), !!E &&  n().createElement(we, null, E), M || O,  n().createElement(Ce, null,  n().createElement(U(), null)));
+                }), !!E &&  n().createElement(Ae, null, E), M || O,  n().createElement(Ie, null,  n().createElement(U(), null)));
             }
             // Using Button's secondary appearance as Select's default appearance.
-                        var D = l === "default" ? "secondary" : l;
+                        var L = a === "default" ? "secondary" : a;
             
-            return n().createElement(Se, $e({}, L, {
+            return n().createElement(Re, en({}, V, {
                 $multiple: g,
-                appearance: D,
+                appearance: L,
                 label: M,
                 error: v,
                 icon: E,
                 inline: b,
                 isMenu: true,
                 onClick: h
-            }, _()(P, pn)), !!c.length && g &&  n().createElement(xe, {
+            }, _()(P, wn)), !!c.length && g &&  n().createElement(Ne, {
                 "data-role": "count"
             }, "(", c.length, ")"));
         }));
-        function On(r) {
-            var t = r.allowKeyMatching, o = t === void 0 ? true : t, l = r.animateLoading, a = r.appearance, i = a === void 0 ? "default" : a, c = r.append, s = r.allowNewValues, f = r.children, p = r.defaultPlacement, v = p === void 0 ? "vertical" : p, b = r.defaultValues, m = r.describedBy, y = r.disabled, g = r.elementRef, h = r.error, O = r.filter, S = r.footerMessage, w = r.inline, k = r.inputId, x = r.inputRef, j = r.isLoadingOptions, P = r.labelledBy, E = r.labelText, M = r.loadingMessage, R = r.menuStyle, A = R === void 0 ? {} : R, I = r.multiple, N = r.name, V = r.noOptionsMessage, D = V === void 0 ? vn : V, T = r.onChange, F = r.onScroll, _ = r.onScrollBottom, K = r.onFilterChange, z = r.onClick, W = r.onClose, U = r.onOpen, X = r.required, G = r.placeholder, J = G === void 0 ? bn : G, Y = r.prefixLabel, Z = r.prepend, re = r.repositionMode, te = re === void 0 ? "flip" : re, oe = r.selectAllAppearance, le = oe === void 0 ? "buttongroup" : oe, ae = r.showSelectedValuesFirst, de = r.suffixLabel, fe = r.tabConfirmsNewValue, ve = r.values, be = r.virtualization, me = r.toggle, ye = r.toggleContent, ge = ye === void 0 ? "optionChildren" : ye, he = Ye(r, [ "allowKeyMatching", "animateLoading", "appearance", "append", "allowNewValues", "children", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "filter", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "labelText", "loadingMessage", "menuStyle", "multiple", "name", "noOptionsMessage", "onChange", "onScroll", "onScrollBottom", "onFilterChange", "onClick", "onClose", "onOpen", "required", "placeholder", "prefixLabel", "prepend", "repositionMode", "selectAllAppearance", "showSelectedValuesFirst", "suffixLabel", "tabConfirmsNewValue", "values", "virtualization", "toggle", "toggleContent" ]);
+        function Mn(r) {
+            var t = r.allowKeyMatching, o = t === void 0 ? true : t, a = r.animateLoading, l = r.appearance, i = l === void 0 ? "default" : l, c = r.append, s = r.allowNewValues, f = r.children, p = r.defaultPlacement, v = p === void 0 ? "vertical" : p, b = r.defaultValues, m = r.describedBy, y = r.disabled, g = r.elementRef, h = r.error, O = r.filter, S = r.footerMessage, w = r.inline, k = r.inputId, x = r.inputRef, j = r.isLoadingOptions, P = r.labelledBy, E = r.labelText, M = r.loadingMessage, R = r.menuStyle, A = R === void 0 ? {} : R, I = r.multiple, N = r.name, D = r.noOptionsMessage, L = D === void 0 ? Cn : D, T = r.onChange, F = r.onScroll, _ = r.onScrollBottom, K = r.onFilterChange, $ = r.onClick, W = r.onClose, U = r.onOpen, X = r.required, G = r.placeholder, J = G === void 0 ? kn : G, Y = r.prefixLabel, Z = r.prepend, re = r.repositionMode, te = re === void 0 ? "flip" : re, oe = r.selectAllAppearance, ae = oe === void 0 ? "buttongroup" : oe, le = r.showSelectedValuesFirst, de = r.suffixLabel, fe = r.tabConfirmsNewValue, pe = r.values, ve = r.virtualization, be = r.toggle, me = r.toggleContent, ye = me === void 0 ? "optionChildren" : me, ge = un(r, [ "allowKeyMatching", "animateLoading", "appearance", "append", "allowNewValues", "children", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "filter", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "labelText", "loadingMessage", "menuStyle", "multiple", "name", "noOptionsMessage", "onChange", "onScroll", "onScrollBottom", "onFilterChange", "onClick", "onClose", "onOpen", "required", "placeholder", "prefixLabel", "prepend", "repositionMode", "selectAllAppearance", "showSelectedValuesFirst", "suffixLabel", "tabConfirmsNewValue", "values", "virtualization", "toggle", "toggleContent" ]);
             // @docs-props-type SelectBasePropsBase
-                        var Oe = (0, Me["default"])({
+                        var he = (0, Le["default"])({
                 componentName: "SelectBase",
                 /* eslint-disable-next-line prefer-rest-params */
                 componentProps: arguments[0],
@@ -1137,102 +1216,102 @@
                 valuePropName: "values"
             });
             // states
-                        var Se = (0, e.useState)((function() {
+                        var Oe = (0, e.useState)((function() {
                 return {
                     activeItemId: (0, ce.createDOMID)("active-item"),
                     menuListboxId: (0, ce.createDOMID)("menu-listbox")
                 };
-            })), we = We(Se, 1), Ce = we[0], ke = Ce.activeItemId, xe = Ce.menuListboxId;
-            var je = (0, e.useState)(0), Pe = We(je, 2), Ee = Pe[0], Re = Pe[1];
-            var Ie = (0, e.useState)(""), Be = We(Ie, 2), Ne = Be[0], Le = Be[1];
-            var Ve = (0, e.useState)(false), De = We(Ve, 2), Te = De[0], Ke = De[1];
-            var He = (0, e.useState)(false), ze = We(He, 2), Ue = ze[0], Xe = ze[1];
-            var Ge = (0, e.useState)([]), Je = We(Ge, 2), Qe = Je[0], Ze = Je[1];
-            var en = (0, e.useState)(b || []), nn = We(en, 2), rn = nn[0], tn = nn[1];
+            })), Se = nn(Oe, 1), Ce = Se[0], ke = Ce.activeItemId, xe = Ce.menuListboxId;
+            var je = (0, e.useState)(0), Pe = nn(je, 2), Ee = Pe[0], Me = Pe[1];
+            var Re = (0, e.useState)(""), Ae = nn(Re, 2), Ie = Ae[0], Be = Ae[1];
+            var Ne = (0, e.useState)(false), Ve = nn(Ne, 2), De = Ve[0], qe = Ve[1];
+            var Te = (0, e.useState)(false), _e = nn(Te, 2), Ke = _e[0], He = _e[1];
+            var $e = (0, e.useState)([]), ze = nn($e, 2), Ue = ze[0], Xe = ze[1];
+            var Qe = (0, e.useState)(b || []), Ye = nn(Qe, 2), Ze = Ye[0], rn = Ye[1];
  // previous state
-                        var on = ie()(Ee);
+                        var tn = ie()(Ee);
             // refs
-                        var ln = (0, e.useRef)(null);
+                        var on = (0, e.useRef)(null);
             var an = (0, e.useRef)(null);
-            var un = (0, e.useRef)(null);
-            var pn = (0, e.useRef)([]);
-            var mn = (0, e.useRef)([]);
-            var gn = (0, e.useRef)(on);
-            var On = (0, e.useRef)();
-            var Sn = (0, e.useRef)({});
+            var ln = (0, e.useRef)(null);
+            var cn = (0, e.useRef)([]);
+            var sn = (0, e.useRef)([]);
+            var dn = (0, e.useRef)(tn);
+            var fn = (0, e.useRef)();
+            var pn = (0, e.useRef)({});
+            var vn = (0, e.useRef)(0);
+            var bn = (0, e.useRef)([]);
+            var mn = (0, e.useRef)(null);
+            var yn = (0, e.useRef)();
             var wn = (0, e.useRef)(0);
-            var Cn = (0, e.useRef)([]);
-            var kn = (0, e.useRef)(null);
-            var xn = (0, e.useRef)();
-            var jn = (0, e.useRef)(0);
-            var Pn = (0, e.useRef)("none");
-            var En = (0, e.useState)(O ? (0, ce.createDOMID)("filter") : undefined), Mn = We(En, 1), Rn = Mn[0];
+            var xn = (0, e.useRef)("none");
+            var Pn = (0, e.useState)(O ? (0, ce.createDOMID)("filter") : undefined), Mn = nn(Pn, 1), Rn = Mn[0];
             (0, e.useEffect)((function() {
                 if (false) {}
             }), [ i, c, h, Z ]);
             var An = (0, e.useCallback)((function() {
-                var e = Oe ? ve : rn;
+                var e = he ? pe : Ze;
                 return I || e == null ? e : e.slice(0, 1);
-            }), [ Oe, I, ve, rn ]);
+            }), [ he, I, pe, Ze ]);
             var In = (0, e.useCallback)((function() {
                 var e;
                 // in non-multiple mode, don't move values to the top of the list
-                                return I && ae !== "never" ? (e = An()) !== null && e !== void 0 ? e : [] : [];
-            }), [ An, I, ae ]);
+                                return I && le !== "never" ? (e = An()) !== null && e !== void 0 ? e : [] : [];
+            }), [ An, I, le ]);
             var Bn = (0, e.useCallback)((function(e) {
-                var n = Ne;
-                Ke(true);
-                Ze(In());
+                var n = Ie;
+                qe(true);
+                Xe(In());
                 // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
                                 if (I) {
-                    Le("");
+                    Be("");
                 }
-                if (n !== Ne) {
+                if (n !== Ie) {
                     K === null || K === void 0 ? void 0 : K(e, {
-                        keyword: Ne
+                        keyword: Ie
                     });
                 }
-            }), [ Ne, In, I, K ]);
+            }), [ Ie, In, I, K ]);
             (0, e.useEffect)((function() {
-                if (Te) {
+                if (De) {
                     U === null || U === void 0 ? void 0 : U();
-                    if (kn.current && !O) {
-                        kn.current.focus();
+                    if (mn.current && !O) {
+                        mn.current.focus();
                     } else {
                         var e;
-                        Re((e = xn.current) !== null && e !== void 0 ? e : 0);
+                        Me((e = yn.current) !== null && e !== void 0 ? e : 0);
                     }
                 }
-            }), [ U, Te, Qe, Ne, O ]);
+            }), [ U, De, Ue, Ie, O ]);
             var Nn = (0, e.useCallback)((function() {
-                Ke(false);
-                Re(0);
-                gn.current = null;
+                qe(false);
+                Me(0);
+                dn.current = null;
                 W === null || W === void 0 ? void 0 : W();
             }), [ W ]);
-            var Ln = (0, e.useCallback)((function(e, n) {
+            var Vn = (0, e.useCallback)((function(e, n) {
                 var r;
                 var t = (r = An()) !== null && r !== void 0 ? r : [];
                 var o = t.indexOf(n);
-                var l;
+                var a;
                 if (I) {
                     if (o >= 0) {
-                        l = [].concat(_e(t.slice(0, o)), _e(t.slice(o + 1)));
+                        a = [].concat(Je(t.slice(0, o)), Je(t.slice(o + 1)));
                     } else {
-                        l = t.concat([ n ]);
+                        a = t.concat([ n ]);
                     }
                 } else {
                     // non-multiple mode must always have a value
-                    l = [ n ];
+                    a = [ n ];
                 }
-                var a = !Oe;
-                if (a) {
-                    tn(l);
+                var l = !he;
+                if (l) {
+                    rn(a);
                 }
                 if (I) {
                     // in uncontrolled multiple mode, keep the menu open
-                    if (a) {
-                        Ke(true);
+                    if (l) {
+                        qe(true);
                     }
                 } else {
                     var i;
@@ -1241,19 +1320,19 @@
                                         Nn({
                         reason: "contentClick"
                     });
-                    (i = ln.current) === null || i === void 0 ? void 0 : i.focus();
+                    (i = on.current) === null || i === void 0 ? void 0 : i.focus();
                 }
                 T === null || T === void 0 ? void 0 : T(e, {
-                    values: l,
+                    values: a,
                     name: N,
                     reason: "valueToggle"
                 });
-            }), [ An, Nn, Oe, I, N, T ]);
-            var Vn = function e() {
+            }), [ An, Nn, he, I, N, T ]);
+            var Dn = function e() {
                 an.current = null;
-                pn.current = [];
-                if (un.current) {
-                    clearTimeout(un.current);
+                cn.current = [];
+                if (ln.current) {
+                    clearTimeout(ln.current);
                 }
             };
             var qn = (0, e.useCallback)((function(e) {
@@ -1263,62 +1342,62 @@
                     return;
                 }
                 var t = (r = An()) !== null && r !== void 0 ? r : [];
-                var o = H()(t.concat(Cn.current));
+                var o = H()(t.concat(bn.current));
                 o = n().Children.toArray(f).filter((function(e) {
-                    return dn(e) && q()(o, e.props.value) && (!e.props.disabled || q()(t, e.props.value));
+                    return On(e) && q()(o, e.props.value) && (!e.props.disabled || q()(t, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
-                if (!Oe) {
-                    tn(o);
+                if (!he) {
+                    rn(o);
                 }
                 T === null || T === void 0 ? void 0 : T(e, {
                     values: o,
                     name: N,
                     reason: "selectAll"
                 });
-            }), [ f, An, Oe, I, N, T ]);
-            var Dn = (0, e.useCallback)((function(e) {
+            }), [ f, An, he, I, N, T ]);
+            var Ln = (0, e.useCallback)((function(e) {
                 var r;
                 // this doesn't make sense if we can't select multiple values
                                 if (!I) {
                     return;
                 }
                 var t = (r = An()) !== null && r !== void 0 ? r : [];
-                var o = $().apply(void 0, [ t ].concat(_e(Cn.current)));
+                var o = z().apply(void 0, [ t ].concat(Je(bn.current)));
                 // this will unselect all selected values unless those values are disabled or hidden by the filter
-                                var l = n().Children.toArray(f).filter((function(e) {
-                    return dn(e) && (q()(t, e.props.value) && e.props.disabled || q()(o, e.props.value));
+                                var a = n().Children.toArray(f).filter((function(e) {
+                    return On(e) && (q()(t, e.props.value) && e.props.disabled || q()(o, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
-                if (!Oe) {
-                    tn(l);
+                if (!he) {
+                    rn(a);
                 }
                 T === null || T === void 0 ? void 0 : T(e, {
-                    values: l,
+                    values: a,
                     name: N,
                     reason: "clearAll"
                 });
-            }), [ f, An, Oe, I, N, T ]);
+            }), [ f, An, he, I, N, T ]);
             var Tn = (0, e.useCallback)((function(e) {
-                if (Te && !j) {
+                if (De && !j) {
                     _ === null || _ === void 0 ? void 0 : _(e);
                 }
-            }), [ Te, j, _ ]);
+            }), [ De, j, _ ]);
             var Fn = (0, e.useCallback)((function(n) {
                 var r = n.key;
                 if (r === "Tab") {
-                    if (fe && On.current && wn.current <= 1) {
+                    if (fe && fn.current && vn.current <= 1) {
                         n.preventDefault();
-                        Ln(n, On.current);
+                        Vn(n, fn.current);
                     }
                 }
                 if (n.shiftKey || n.metaKey || n.ctrlKey) {
                     if (r === "a" && (n.ctrlKey || n.metaKey)) {
                         // handle control + A
-                        if (Pn.current === "all") {
-                            Dn(n);
+                        if (xn.current === "all") {
+                            Ln(n);
                         } else {
                             qn(n);
                         }
@@ -1327,7 +1406,7 @@
                 }
                 if (r === "ArrowDown") {
                     n.preventDefault();
-                    Re(Math.min(Ee + 1, le === "checkbox" ? wn.current : wn.current - 1));
+                    Me(Math.min(Ee + 1, ae === "checkbox" ? vn.current : vn.current - 1));
                     if (f && _) {
                         var t;
                         var o = e.Children.toArray(f).length - (2 + ((t = An()) !== null && t !== void 0 ? t : []).length);
@@ -1338,29 +1417,29 @@
                 }
                 if (r === "ArrowUp") {
                     n.preventDefault();
-                    Re(Math.max(Ee - 1, 0));
+                    Me(Math.max(Ee - 1, 0));
                 }
-                if (r === "Enter" && On.current && Te) {
-                    if (On.current === "selectAll") {
-                        if (Pn.current === "all") {
-                            Dn(n);
+                if (r === "Enter" && fn.current && De) {
+                    if (fn.current === "selectAll") {
+                        if (xn.current === "all") {
+                            Ln(n);
                         } else {
                             qn(n);
                         }
                     } else {
                         n.preventDefault();
-                        Ln(n, On.current);
+                        Vn(n, fn.current);
                     }
                 }
-            }), [ Ee, f, An, Dn, Tn, qn, _, Te, le, fe, Ln ]);
+            }), [ Ee, f, An, Ln, Tn, qn, _, De, ae, fe, Vn ]);
             var _n = (0, e.useCallback)((function(e, n) {
                 var r = n.value;
                 e.preventDefault();
-                if (!Te) {
+                if (!De) {
                     return;
                 }
-                Ln(e, r);
-            }), [ Te, Ln ]);
+                Vn(e, r);
+            }), [ De, Vn ]);
             var Kn = (0, e.useCallback)((function(e, n) {
                 var r = e.nativeEvent.key;
                 // Checking for a single character to avoid complications from double-byte languages and emojis.
@@ -1372,73 +1451,73 @@
                     };
                     if (!an.current) {
                         if (r === " ") {
-                            Vn();
+                            Dn();
                             return;
                         }
-                        t = Ae(mn.current, o);
-                    } else if (pn.current.length > 1) {
+                        t = Fe(sn.current, o);
+                    } else if (cn.current.length > 1) {
                         o.index = an.current.index + 1;
-                        t = Ae(pn.current, o);
+                        t = Fe(cn.current, o);
                     }
                     if (t.length) {
-                        var l;
-                        var a = 0;
+                        var a;
+                        var l = 0;
                         // If the active option is a first character match, cycle to the next matching option.
                                                 if (o.index === 0 && t.length > 1) {
-                            var i = t.indexOf(mn.current[n]);
+                            var i = t.indexOf(sn.current[n]);
                             if (i >= 0) {
-                                a = i === t.length - 1 ? 0 : i + 1;
+                                l = i === t.length - 1 ? 0 : i + 1;
                             }
                         }
-                        var u = t[a];
+                        var u = t[l];
                         var c = u.value, s = u.label;
-                        var d = Sn.current[fn(c, s)];
-                        d === null || d === void 0 ? void 0 : (l = d.focus) === null || l === void 0 ? void 0 : l.call(d);
+                        var d = pn.current[Sn(c, s)];
+                        d === null || d === void 0 ? void 0 : (a = d.focus) === null || a === void 0 ? void 0 : a.call(d);
                     }
-                    pn.current = t;
+                    cn.current = t;
                     an.current = o;
-                    if (un.current) {
-                        clearTimeout(un.current);
+                    if (ln.current) {
+                        clearTimeout(ln.current);
                     }
-                    un.current = setTimeout(Vn, 500);
+                    ln.current = setTimeout(Dn, 500);
                     e.preventDefault();
                     e.stopPropagation();
                 }
             }), []);
             var Hn = (0, e.useCallback)((function(e, n) {
                 var r = n.value;
-                Le(r);
-                Ke(true);
-                Re(0);
+                Be(r);
+                qe(true);
+                Me(0);
                 K === null || K === void 0 ? void 0 : K(e, {
                     keyword: r
                 });
             }), [ K ]);
-            var zn = (0, e.useCallback)((function() {
-                Xe(true);
-            }), []);
             var $n = (0, e.useCallback)((function() {
-                Xe(false);
+                He(true);
+            }), []);
+            var zn = (0, e.useCallback)((function() {
+                He(false);
             }), []);
             var Wn = (0, e.useCallback)((function(e) {
-                if (gn.current !== Ee) {
+                if (dn.current !== Ee) {
                     (0, se.scrollIntoViewIfNeeded)(e);
                 }
             }), [ Ee ]);
             var Un = (0, e.useCallback)((function(e, n, r) {
                 if (r) {
-                    kn.current = e;
+                    mn.current = e;
                 }
                 if (e == null) {
-                    delete Sn.current[n];
+                    delete pn.current[n];
                 } else {
-                    Sn.current[n] = e;
+                    pn.current[n] = e;
                 }
-            }), [ Sn ]);
+            }), [ pn ]);
             var Xn = (0, e.useCallback)((function(e) {
-                ln.current = e;
-                Fe(g, e);
-            }), [ g, ln ]);
+                on.current = e;
+                Ge(g, e);
+            }), [ g, on ]);
             var Gn = (0, e.useMemo)((function() {
                 var e;
                 return (e = An()) !== null && e !== void 0 ? e : [];
@@ -1446,49 +1525,49 @@
             var Jn = e.Children.toArray(f);
             var Qn = Gn.some((function(e) {
                 var n = B()(Jn, (function(n) {
-                    return dn(n) && n.props.value === e;
+                    return On(n) && n.props.value === e;
                 }));
                 return n && !n.props.disabled;
             }));
-            var Yn = ae === "immediately" ? In() : Qe;
+            var Yn = le === "immediately" ? In() : Ue;
             var Zn = (0, e.useMemo)((function() {
+                vn.current = 0;
+                yn.current = undefined;
                 wn.current = 0;
-                xn.current = undefined;
-                jn.current = 0;
-                On.current = undefined;
-                mn.current = [];
+                fn.current = undefined;
+                sn.current = [];
                 var r = function e(n, r) {
                     return function(e) {
                         return Un(e, n, r);
                     };
                 };
                 var t;
-                var l = 0;
-                var a = false;
+                var a = 0;
+                var l = false;
                 // used to avoid overwriting the selected item ref in multiple mode
                                 var i;
                 var c = e.Children.toArray(f).reduce((function(c, s, d) {
                     // ignore Headings and Dividers
-                    if (!dn(s)) {
+                    if (!On(s)) {
                         c.push(s);
                         return c;
                     }
                     var f = s.props, p = f.disabled, v = f.hidden, b = f.label, m = f.value;
  // Find out if the search string exactly matches a value
-                                        if (m === Ne) {
+                                        if (m === Ie) {
                         t = true;
                     }
                     var y = Gn && Gn.indexOf(m) >= 0;
                     var g = !!y && !p && !i;
                     var h = o && !I && !O && !j && !_;
-                    var S = fn(m, b);
+                    var S = Sn(m, b);
                     var w = -1;
                     if (h && !p && !v) {
-                        mn.current.push({
+                        sn.current.push({
                             label: b,
                             value: m
                         });
-                        w = mn.current.length - 1;
+                        w = sn.current.length - 1;
                     }
                     // Format the Menu.Item
                                         var C =  (0, e.cloneElement)(s, {
@@ -1506,14 +1585,14 @@
                         i = true;
                     }
                     if (Yn && Yn.indexOf(m) >= 0) {
-                        if (l === 0) {
-                            c.splice(l, 0,  n().createElement(u.Divider, {
+                        if (a === 0) {
+                            c.splice(a, 0,  n().createElement(u.Divider, {
                                 key: "topDivider"
                             }));
-                            a = true;
+                            l = true;
                         }
-                        c.splice(l, 0, C);
-                        l += 1;
+                        c.splice(a, 0, C);
+                        a += 1;
                     } else {
                         c.push(C);
                     }
@@ -1521,25 +1600,25 @@
                 }), []);
                 // In multiple mode, add missing items
                                 if (I) {
-                    L()(Gn, (function(e) {
+                    V()(Gn, (function(e) {
                         var o = B()(c, (function(n) {
-                            return dn(n) && n.props && n.props.value === e;
+                            return On(n) && n.props && n.props.value === e;
                         }));
                         if (!o) {
-                            if (e === Ne) {
+                            if (e === Ie) {
                                 t = true;
                             }
                             var i = Yn && Yn.indexOf(e) >= 0;
                             var s = Yn.length;
-                            if (l === 0) {
+                            if (a === 0) {
                                 c.splice(0, 0,  n().createElement(u.Divider, {
                                     key: "topDivider"
                                 }));
-                                l += 1;
-                                a = true;
+                                a += 1;
+                                l = true;
                             }
                             var d = String(e);
-                            var f = fn(e, d);
+                            var f = Sn(e, d);
                             c.splice(i ? 0 : s + 1, 0,  n().createElement(C, {
                                 elementRef: r(f),
                                 label: d,
@@ -1550,22 +1629,22 @@
                                 selected: true
                             }));
                             if (i) {
-                                l += 1;
+                                a += 1;
                             }
                         }
                     }));
                 }
                 var p = O === "controlled";
                 // Filter the items
-                                var v = (0, ue.stringToKeywords)(Ne);
+                                var v = (0, ue.stringToKeywords)(Ie);
                 c = p ? c : c.filter((function(e) {
-                    if (dn(e)) {
+                    if (On(e)) {
                         return (0, ue.testPhrase)(e.props.label, v);
                     }
                     return true;
  // Keep all headers and non-interactive options
                                 })).map((function(n) {
-                    if (!dn(n)) {
+                    if (!On(n)) {
                         return n;
                     }
                     // highlight matched text
@@ -1576,26 +1655,26 @@
                     });
                 }));
                 // Add the option to add the new value
-                                if (s && !t && Ne) {
-                    var b = a ? l + 1 : l;
-                    var m = "".concat(Ne, " (new value)");
-                    var y = fn(Ne, m);
+                                if (s && !t && Ie) {
+                    var b = l ? a + 1 : a;
+                    var m = "".concat(Ie, " (new value)");
+                    var y = Sn(Ie, m);
                     c.splice(b, 0,  n().createElement(C, {
                         elementRef: r(y),
                         label: m,
-                        value: Ne,
+                        value: Ie,
                         key: "newValue",
                         multiple: I,
                         onClick: _n
                     }));
                 }
                 // When selectAll is a menu item, add an offset so that activeItem accounts for the extra selectAll option.
-                                var g = le === "checkbox" && I && c.length > 1 ? 1 : 0;
+                                var g = ae === "checkbox" && I && c.length > 1 ? 1 : 0;
                 var h = true;
                 // Highlight the selected Items and remove hidden
                                 c = c.reduce((function(n, r) {
                     // ignore Dividers & Headings
-                    if (!dn(r)) {
+                    if (!On(r)) {
                         n.push(r);
                         return n;
                     }
@@ -1603,22 +1682,22 @@
                                         if (r.props && r.props.hidden) {
                         return n;
                     }
-                    if (r.props.selected && !r.props.disabled && xn.current == null) {
-                        xn.current = wn.current;
+                    if (r.props.selected && !r.props.disabled && yn.current == null) {
+                        yn.current = vn.current;
                     }
                     var t = g === Ee;
                     g += 1;
-                    wn.current += 1;
-                    jn.current += r.props.selected ? 1 : 0;
+                    vn.current += 1;
+                    wn.current += r.props.selected ? 1 : 0;
                     if (r.key !== "newValue" && !r.props.disabled && !r.props.selected) {
                         h = false;
                     }
-                    if (!t || !Ue) {
+                    if (!t || !Ke) {
                         n.push(r);
                         return n;
                     }
                     if (!r.props.disabled) {
-                        On.current = r.props.value;
+                        fn.current = r.props.value;
                     }
                     var o =  (0, e.cloneElement)(r, {
                         active: t,
@@ -1628,50 +1707,50 @@
                     n.push(o);
                     return n;
                 }), []);
-                Pn.current = jn.current === 0 && "none" || h && "all" || "some";
+                xn.current = wn.current === 0 && "none" || h && "all" || "some";
                 // add select all option
-                                if (le === "checkbox" && I && wn.current > 0) {
-                    var S;
-                    if (Pn.current === "all") {
-                        if (Ne === "") {
-                            S = (0, d._)("Clear all");
+                                if (ae === "checkbox" && I && vn.current > 0) {
+                    var S = Ee === 0 && !!O;
+                    var w;
+                    if (xn.current === "all") {
+                        if (Ie === "") {
+                            w = (0, d._)("Clear all");
                         } else {
-                            S = (0, d._)("Clear all matches");
+                            w = (0, d._)("Clear all matches");
                         }
-                    } else if (Ne === "") {
-                        S = (0, d._)("Select all");
+                    } else if (Ie === "") {
+                        w = (0, d._)("Select all");
                     } else {
-                        S = (0, d._)("Select all matches");
+                        w = (0, d._)("Select all matches");
                     }
-                    if (Ee === 0 && Ue) {
-                        On.current = "selectAll";
+                    if (S) {
+                        fn.current = "selectAll";
                     }
-                    c.unshift( n().createElement(pe, {
+                    c.unshift( n().createElement(we, {
                         key: "select-all-option",
-                        active: Ee === 0,
-                        changedToggle: !!me,
+                        active: S,
                         elementRef: Wn,
-                        id: Ee === 0 ? ke : undefined,
-                        onClick: Pn.current === "all" ? Dn : qn,
-                        selectAllLabel: S,
-                        selected: Pn.current === "all" || Pn.current !== "none" && "some",
-                        totalCount: Gn.length,
-                        tabIndex: -1
+                        id: S ? ke : undefined,
+                        onClick: xn.current === "all" ? Ln : qn,
+                        label: w,
+                        selected: xn.current === "all" || xn.current !== "none" && "some",
+                        totalCount: !!be && Gn.length || undefined,
+                        tabIndex: O ? -1 : undefined
                     }),  n().createElement(u.Divider, {
                         key: "selectAllDivider"
                     }));
                 }
-                Cn.current = c.reduce((function(e, n) {
-                    if (dn(n)) {
+                bn.current = c.reduce((function(e, n) {
+                    if (On(n)) {
                         e.push(n.props.value);
                     }
                     return e;
                 }), []);
                 return c;
-            }), [ Ee, ke, o, s, f, Gn, O, Ne, Wn, Dn, _n, Kn, Un, qn, j, I, Yn, _, le, Ue, me ]);
+            }), [ Ee, ke, o, s, f, Gn, O, Ie, Wn, Ln, _n, Kn, Un, qn, j, I, Yn, _, ae, Ke, be ]);
             var er = function e(r) {
-                var t = r.anchorWidth, o = r.maxHeight, a = r.placement, i = r.toggleId;
-                var u = cn({
+                var t = r.anchorWidth, o = r.maxHeight, l = r.placement, i = r.toggleId;
+                var u = gn({
                     anchorWidth: t,
                     isMultiple: I,
                     maxHeight: o,
@@ -1680,27 +1759,27 @@
                 var c = Gn.length > 0 && !Qn && !O ? 0 : undefined;
                 var s = {
                     "aria-multiselectable": I || undefined,
-                    childrenStart: !!O &&  n().createElement(yn, {
+                    childrenStart: !!O &&  n().createElement(jn, {
                         activeItemId: ke,
                         filterA11yId: Rn,
-                        filterKeyword: Ne,
+                        filterKeyword: Ie,
                         hasChildren: Zn.some((function(e) {
-                            return dn(e);
+                            return On(e);
                         })),
                         inputId: k,
                         inputRef: x,
                         menuListboxId: xe,
                         multiple: I,
-                        onClearAll: Dn,
+                        onClearAll: Ln,
                         onSelectAll: qn,
-                        onTextBlur: $n,
+                        onTextBlur: zn,
                         onTextChange: Hn,
-                        onTextFocus: zn,
+                        onTextFocus: $n,
                         onTextKeyDown: Fn,
-                        optionSelection: Pn,
-                        placement: a,
-                        selectAllAppearance: le,
-                        textHasFocus: Ue
+                        optionSelection: xn,
+                        placement: l,
+                        selectAllAppearance: ae,
+                        textHasFocus: Ke
                     }),
                     focusMode: O ? "never" : undefined,
                     isLoading: j,
@@ -1708,19 +1787,19 @@
                     // NVDA ignores aria-labelledby attribute on popover, but reads it on menu
                     menuId: xe,
                     onScrollBottom: _ ? Tn : undefined,
-                    placement: a !== null && a !== void 0 ? a : undefined,
-                    noOptionsMessage: D,
+                    placement: l !== null && l !== void 0 ? l : undefined,
+                    noOptionsMessage: L,
                     footerMessage: S,
-                    animateLoading: l,
+                    animateLoading: a,
                     loadingMessage: M,
                     onScroll: F,
                     style: u,
                     tabIndex: c
                 };
-                if (be) {
+                if (ve) {
                     
-                    return n().createElement(ee.VirtualizedResultsMenu, $e({
-                        virtualization: be
+                    return n().createElement(ee.VirtualizedResultsMenu, en({
+                        virtualization: ve
                     }, s), Zn);
                 }
                 
@@ -1728,7 +1807,7 @@
             };
             var nr = (0, e.useMemo)((function() {
                 
-                return n().createElement(hn, $e({
+                return n().createElement(En, en({
                     appearance: i,
                     append: c,
                     currentValues: An(),
@@ -1741,42 +1820,62 @@
                     labelText: E,
                     labelledBy: P,
                     multiple: I,
-                    onClick: z,
+                    onClick: $,
                     placeholder: J,
                     prefixLabel: Y,
                     prepend: Z,
                     required: X,
                     suffixLabel: de,
-                    toggle: me,
-                    toggleContent: ge
-                }, he), f);
-            }), [ i, c, An, I, m, y, h, Xn, w, E, P, z, J, Y, Z, X, de, me, ge, he, f ]);
+                    toggle: be,
+                    toggleContent: ye
+                }, ge), f);
+            }), [ i, c, An, I, m, y, h, Xn, w, E, P, $, J, Y, Z, X, de, be, ye, ge, f ]);
             
             return n().createElement(Q(), {
-                closeReasons: sn,
+                closeReasons: hn,
                 inputId: k,
                 "aria-labelledby": Rn,
                 toggle: nr,
                 onRequestOpen: Bn,
                 onRequestClose: Nn,
-                open: Te,
+                open: De,
                 openWithArrowKeys: true,
                 repositionMode: te,
                 defaultPlacement: v,
-                canCoverAnchor: qe().innerHeight < 500,
+                canCoverAnchor: We().innerHeight < 500,
                 retainFocus: false,
                 takeFocus: Gn.length === 0 || Gn.length > 0 && !Qn || !!O
             }, er);
         }
-        On.propTypes = an;
-        On.componentType = "SelectBase";
-        On.Option = C;
-        On.Divider = u.Divider;
-        On.Heading = u.Heading;
-        /* harmony default export */        const Sn = On;
+        Mn.propTypes = mn;
+        Mn.componentType = "SelectBase";
+        Mn.Option = C;
+        Mn.Divider = u.Divider;
+        Mn.Heading = u.Heading;
+        /* harmony default export */        const Rn = Mn;
+        // CONCATENATED MODULE: ./src/utils/useDeprecate.tsx
+        var An = "is deprecated and will be removed in the next major version.";
+        var In = function e(n) {
+            var r = n.additionalMessage, t = r === void 0 ? "" : r, o = n.componentName;
+            useEffect((function() {
+                if (false) {}
+            }), [ t, o ]);
+        };
+        var Bn = function e(n) {
+            var r = n.additionalMessage, t = r === void 0 ? "" : r, o = n.componentName, a = n.propName, l = n.propValue;
+            useEffect((function() {
+                if (false) {}
+            }), [ t, o, a, l ]);
+        };
+        var Nn = function n(r) {
+            var t = r.additionalMessage, o = t === void 0 ? "" : t, a = r.componentName, l = r.deprecatedPropValue, i = r.propName, u = r.propValue;
+            (0, e.useEffect)((function() {
+                if (false) {}
+            }), [ o, a, i, u, l ]);
+        };
         // CONCATENATED MODULE: ./src/Multiselect/Compact.tsx
-        function wn() {
-            return wn = Object.assign ? Object.assign.bind() : function(e) {
+        function Vn() {
+            return Vn = Object.assign ? Object.assign.bind() : function(e) {
                 for (var n = 1; n < arguments.length; n++) {
                     var r = arguments[n];
                     for (var t in r) {
@@ -1784,33 +1883,34 @@
                     }
                 }
                 return e;
-            }, wn.apply(null, arguments);
+            }, Vn.apply(null, arguments);
         }
-        function Cn(e, n) {
+        function Dn(e, n) {
             if (null == e) return {};
-            var r, t, o = kn(e, n);
+            var r, t, o = qn(e, n);
             if (Object.getOwnPropertySymbols) {
-                var l = Object.getOwnPropertySymbols(e);
-                for (t = 0; t < l.length; t++) {
-                    r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                var a = Object.getOwnPropertySymbols(e);
+                for (t = 0; t < a.length; t++) {
+                    r = a[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
                 }
             }
             return o;
         }
-        function kn(e, n) {
+        function qn(e, n) {
             if (null == e) return {};
             var r = {};
             for (var t in e) {
                 if ({}.hasOwnProperty.call(e, t)) {
-                    if (n.includes(t)) continue;
+                    if (-1 !== n.indexOf(t)) continue;
                     r[t] = e[t];
                 }
             }
             return r;
         }
-        var xn = {
+        var Ln = {
             allowNewValues: i().bool,
             animateLoading: i().bool,
+            append: i().bool,
             children: i().node,
             controlledFilter: i().bool,
             defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
@@ -1837,8 +1937,9 @@
             onScroll: i().func,
             onScrollBottom: i().func,
             placeholder: i().string,
+            prepend: i().bool,
             repositionMode: i().oneOf([ "none", "flip" ]),
-            selectAllAppearance: i().oneOf([ "buttongroup", "checkbox" ]),
+            selectAllAppearance: i().oneOf([ "buttongroup", "checkbox", "none" ]),
             showSelectedValuesFirst: i().oneOf([ "nextOpen", "immediately", "never" ]),
             tabConfirmsNewValue: i().bool,
             values: i().array,
@@ -1846,27 +1947,32 @@
             virtualization: i().number
         };
         // TS: not typed controlled/uncontrolled, handled by Multiselect wrapper component
-                var jn = {};
-        var Pn = (0, d._)("No matches");
-        var En = (0, d._)("Select...");
-        function Mn(r) {
-            var t = r.allowNewValues, o = r.animateLoading, l = r.children, a = r.controlledFilter, i = r.defaultPlacement, u = i === void 0 ? "vertical" : i, c = r.defaultValues, s = r.describedBy, d = r.disabled, f = r.elementRef, p = r.error, v = r.filter, b = r.footerMessage, m = r.inline, y = r.inputId, g = r.inputRef, h = r.isLoadingOptions, O = r.labelledBy, S = r.loadingMessage, w = r.menuStyle, k = w === void 0 ? jn : w, x = r.name, j = r.noOptionsMessage, P = j === void 0 ? Pn : j, E = r.onChange, M = r.onClose, R = r.onFilterChange, A = r.onOpen, I = r.onScroll, B = r.onScrollBottom, N = r.placeholder, L = N === void 0 ? En : N, V = r.repositionMode, q = r.selectAllAppearance, D = r.showSelectedValuesFirst, T = D === void 0 ? "nextOpen" : D, F = r.tabConfirmsNewValue, _ = r.values, K = r.virtualization, H = Cn(r, [ "allowNewValues", "animateLoading", "children", "controlledFilter", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "filter", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onChange", "onClose", "onFilterChange", "onOpen", "onScroll", "onScrollBottom", "placeholder", "repositionMode", "selectAllAppearance", "showSelectedValuesFirst", "tabConfirmsNewValue", "values", "virtualization" ]);
+                var Tn = {};
+        var Fn = (0, d._)("No matches");
+        var _n = (0, d._)("Select...");
+        function Kn(r) {
+            var t = r.allowNewValues, o = r.animateLoading, a = r.append, l = r.children, i = r.controlledFilter, u = r.defaultPlacement, c = u === void 0 ? "vertical" : u, s = r.defaultValues, d = r.describedBy, f = r.disabled, p = r.elementRef, v = r.error, b = r.filter, m = r.footerMessage, y = r.inline, g = r.inputId, h = r.inputRef, O = r.isLoadingOptions, S = r.labelledBy, w = r.loadingMessage, k = r.menuStyle, x = k === void 0 ? Tn : k, j = r.name, P = r.noOptionsMessage, E = P === void 0 ? Fn : P, M = r.onChange, R = r.onClose, A = r.onFilterChange, I = r.onOpen, B = r.onScroll, N = r.onScrollBottom, V = r.placeholder, D = V === void 0 ? _n : V, q = r.prepend, L = r.repositionMode, T = r.selectAllAppearance, F = r.showSelectedValuesFirst, _ = F === void 0 ? "nextOpen" : F, K = r.tabConfirmsNewValue, H = r.values, $ = r.virtualization, z = Dn(r, [ "allowNewValues", "animateLoading", "append", "children", "controlledFilter", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "filter", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onChange", "onClose", "onFilterChange", "onOpen", "onScroll", "onScrollBottom", "placeholder", "prepend", "repositionMode", "selectAllAppearance", "showSelectedValuesFirst", "tabConfirmsNewValue", "values", "virtualization" ]);
             // @docs-props-type CompactPropsBase
-                        if (false) {}
-            var z = true;
-            if (v != null) {
-                z = v;
+                        Nn({
+                componentName: "Multiselect",
+                deprecatedPropValue: "buttongroup",
+                propName: "selectAllAppearance",
+                propValue: T
+            });
+            var W = true;
+            if (b != null) {
+                W = b;
                 if (false) {}
             } else {
-                z = a ? "controlled" : true;
+                W = i ? "controlled" : true;
             }
-            var $ = {
+            var U = {
                 children: e.Children.toArray(l).map((function(e) {
-                    if (dn(e)) {
+                    if (On(e)) {
                         var r;
                         var t = (r = e.key) !== null && r !== void 0 ? r : "".concat(e.props.label, "-").concat(e.props.value);
                         
-                        return n().createElement(C, wn({
+                        return n().createElement(C, Vn({
                             key: t
                         }, e.props, {
                             multiple: true
@@ -1874,132 +1980,140 @@
                     }
                     return e;
                 })),
-                filter: z
+                filter: W
             };
-            if (c != null) {
-                $.defaultValues = c;
+            if (s != null) {
+                U.defaultValues = s;
             }
-            if (_ != null) {
-                $.values = _;
+            if (H != null) {
+                U.values = H;
             }
             
-            return n().createElement(Sn, wn({
+            return n().createElement(Rn, Vn({
                 allowNewValues: t,
                 animateLoading: o,
-                describedBy: s,
-                disabled: d,
-                defaultPlacement: u,
-                elementRef: f,
-                error: p,
-                footerMessage: b,
-                inline: m,
-                inputId: y,
-                inputRef: g,
-                isLoadingOptions: h,
-                labelledBy: O,
-                loadingMessage: S,
-                menuStyle: k,
-                name: x,
-                noOptionsMessage: P,
-                onChange: E,
-                onClose: M,
-                onFilterChange: R,
-                onOpen: A,
-                onScroll: I,
-                onScrollBottom: B,
-                placeholder: L,
-                repositionMode: V,
-                selectAllAppearance: q,
-                showSelectedValuesFirst: T,
-                tabConfirmsNewValue: F,
-                virtualization: K
-            }, H, $, {
+                append: a,
+                describedBy: d,
+                disabled: f,
+                defaultPlacement: c,
+                elementRef: p,
+                error: v,
+                footerMessage: m,
+                inline: y,
+                inputId: g,
+                inputRef: h,
+                isLoadingOptions: O,
+                labelledBy: S,
+                loadingMessage: w,
+                menuStyle: x,
+                name: j,
+                noOptionsMessage: E,
+                onChange: M,
+                onClose: R,
+                onFilterChange: A,
+                onOpen: I,
+                onScroll: B,
+                onScrollBottom: N,
+                placeholder: D,
+                prepend: q,
+                repositionMode: L,
+                selectAllAppearance: T,
+                showSelectedValuesFirst: _,
+                tabConfirmsNewValue: K,
+                virtualization: $
+            }, z, U, {
                 multiple: true
             }));
         }
-        Mn.propTypes = xn;
-        Mn.Option = M;
-        Mn.Divider = u.Divider;
-        Mn.Heading = u.Heading;
-        /* harmony default export */        const Rn = Mn;
+        Kn.propTypes = Ln;
+        Kn.Option = M;
+        Kn.Divider = u.Divider;
+        Kn.Heading = u.Heading;
+        /* harmony default export */        const Hn = Kn;
         // CONCATENATED MODULE: external "lodash/defer"
-        const An = require("lodash/defer");
-        var In =  r.n(An);
+        const $n = require("lodash/defer");
+        var zn =  r.n($n);
         // CONCATENATED MODULE: external "lodash/get"
-        const Bn = require("lodash/get");
-        var Nn =  r.n(Bn);
+        const Wn = require("lodash/get");
+        var Un =  r.n(Wn);
         // CONCATENATED MODULE: external "lodash/isString"
-        const Ln = require("lodash/isString");
-        var Vn =  r.n(Ln);
+        const Xn = require("lodash/isString");
+        var Gn =  r.n(Xn);
         // CONCATENATED MODULE: external "lodash/keys"
-        const qn = require("lodash/keys");
-        var Dn =  r.n(qn);
+        const Jn = require("lodash/keys");
+        var Qn =  r.n(Jn);
         // CONCATENATED MODULE: external "lodash/last"
-        const Tn = require("lodash/last");
-        var Fn =  r.n(Tn);
+        const Yn = require("lodash/last");
+        var Zn =  r.n(Yn);
         // CONCATENATED MODULE: external "lodash/omit"
-        const _n = require("lodash/omit");
-        var Kn =  r.n(_n);
+        const er = require("lodash/omit");
+        var nr =  r.n(er);
         // CONCATENATED MODULE: external "lodash/pickBy"
-        const Hn = require("lodash/pickBy");
-        var zn =  r.n(Hn);
+        const rr = require("lodash/pickBy");
+        var tr =  r.n(rr);
         // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
-        const $n = require("@splunk/react-ui/Popover");
-        var Wn =  r.n($n);
+        const or = require("@splunk/react-ui/Popover");
+        var ar =  r.n(or);
         // CONCATENATED MODULE: external "@splunk/ui-utils/format"
-        const Un = require("@splunk/ui-utils/format");
+        const lr = require("@splunk/ui-utils/format");
         // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-        const Xn = require("@splunk/react-ui/Box");
-        var Gn =  r.n(Xn);
+        const ir = require("@splunk/react-ui/Box");
+        var ur =  r.n(ir);
         // CONCATENATED MODULE: external "@splunk/react-ui/Chip"
-        const Jn = require("@splunk/react-ui/Chip");
-        var Qn =  r.n(Jn);
+        const cr = require("@splunk/react-ui/Chip");
+        var sr =  r.n(cr);
         // CONCATENATED MODULE: ./src/Multiselect/NormalStyles.ts
-        var Yn = be()(Gn()).withConfig({
+        var dr = ke()(ur()).withConfig({
             displayName: "NormalStyles__StyledBox",
             componentId: "sc-1uwwpco-0"
-        })([ "display:flex;align-items:center;flex-wrap:wrap;gap:", ";border-radius:", ";min-width:200px;min-height:", ";max-height:300px;overflow-y:auto;border:", " solid ", ";padding-inline:", ";background-color:", ";", " ", " ", " ", " ", " &[data-inline]{width:400px;}" ], Oe.variables.spacingXSmall, Oe.variables.borderRadius, Oe.variables.inputHeight, Oe.variables.inputBorderWidth, Oe.variables.interactiveColorBorder, Oe.variables.spacingXSmall, Oe.variables.interactiveColorBackground, (function(e) {
+        })([ "display:flex;align-items:center;flex-wrap:wrap;gap:", ";border-radius:", ";min-width:200px;min-height:", ";max-height:300px;overflow-y:auto;border:", " solid ", ";padding-inline:", ";background-color:", ";", " ", " ", " ", " ", " ", " ", " &[data-inline]{width:400px;}" ], Me.variables.spacingXSmall, Me.variables.borderRadius, Me.variables.inputHeight, Me.variables.inputBorderWidth, Me.variables.interactiveColorBorder, Me.variables.spacingXSmall, Me.variables.interactiveColorBackground, (function(e) {
+            var n = e.$append;
+            return n && (0, Ce.css)([ "border-start-end-radius:0;border-end-end-radius:0;border-inline-end:none;" ]);
+        }), (function(e) {
+            var n = e.$prepend;
+            return n && (0, Ce.css)([ "border-start-start-radius:0;border-end-start-radius:0;" ]);
+        }), (function(e) {
             var n = e.$hasFocus;
-            return n && (0, ve.css)([ "box-shadow:", ";" ], Oe.variables.focusShadow);
+            return n && (0, Ce.css)([ "box-shadow:", ";" ], Me.variables.focusShadow);
         }), (function(e) {
             var n = e.$error;
-            return n && (0, ve.css)([ "border-color:", ";&:hover:not([disabled]){border-color:", ";}" ], Oe.variables.interactiveColorAccentError, Oe.variables.interactiveColorAccentErrorStrong);
+            return n && (0, Ce.css)([ "border-color:", ";&:hover:not([disabled]){border-color:", ";}" ], Me.variables.interactiveColorAccentError, Me.variables.interactiveColorAccentErrorStrong);
         }), (function(e) {
             var n = e.$disabled;
-            return n && (0, ve.css)([ "border-color:", ";background-color:", ";cursor:not-allowed;" ], Oe.variables.interactiveColorBorderDisabled, Oe.variables.interactiveColorBackgroundDisabled);
+            return n && (0, Ce.css)([ "border-color:", ";background-color:", ";cursor:not-allowed;" ], Me.variables.interactiveColorBorderDisabled, Me.variables.interactiveColorBackgroundDisabled);
         }), (function(e) {
             var n = e.$disabled, r = e.$hasFocus;
-            return !n && !r && (0, ve.css)([ "&:hover{border-color:", ";}" ], Oe.variables.interactiveColorBorderHover);
+            return !n && !r && (0, Ce.css)([ "&:hover{border-color:", ";}" ], Me.variables.interactiveColorBorderHover);
         }), (function(e) {
             var n = e.$popoverOpen;
-            return n && (0, ve.css)([ "position:relative;z-index:calc(", " - 2);" ], Oe.variables.zindexFixedNavbar);
+            return n && (0, Ce.css)([ "position:relative;z-index:calc(", " - 2);" ], Me.variables.zindexFixedNavbar);
         }));
-        var Zn = be().span.withConfig({
+        var fr = ke().span.withConfig({
             displayName: "NormalStyles__StyledButtonsWrapper",
             componentId: "sc-1uwwpco-1"
         })([ "display:contents;" ]);
-        var er = be().input.withConfig({
+        var pr = ke().input.withConfig({
             displayName: "NormalStyles__StyledInput",
             componentId: "sc-1uwwpco-2"
-        })([ "", ";flex:1 0 auto;max-width:100%;" ], Oe.mixins.reset("block"));
-        var nr = be()(Qn()).withConfig({
+        })([ "", ";flex:1 0 auto;max-width:100%;" ], Me.mixins.reset("block"));
+        var vr = ke()(sr()).withConfig({
             displayName: "NormalStyles__StyledChip",
             componentId: "sc-1uwwpco-3"
         })([ "line-height:1.1429;height:auto;", ";&:not([disabled]):focus{box-shadow:", ";}" ], (0, 
-        Oe.pick)({
-            compact: (0, ve.css)([ "padding-block:2px;" ])
-        }), Oe.variables.focusShadowInset);
+        Me.pick)({
+            compact: (0, Ce.css)([ "padding-block:2px;" ])
+        }), Me.variables.focusShadowInset);
         // CONCATENATED MODULE: ./src/Multiselect/Normal.tsx
-        function rr(e) {
+        function br(e) {
             "@babel/helpers - typeof";
-            return rr = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return br = "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;
-            }, rr(e);
+            }, br(e);
         }
-        function tr() {
-            return tr = Object.assign ? Object.assign.bind() : function(e) {
+        function mr() {
+            return mr = Object.assign ? Object.assign.bind() : function(e) {
                 for (var n = 1; n < arguments.length; n++) {
                     var r = arguments[n];
                     for (var t in r) {
@@ -2007,55 +2121,55 @@
                     }
                 }
                 return e;
-            }, tr.apply(null, arguments);
+            }, mr.apply(null, arguments);
         }
-        function or(e) {
-            return ir(e) || ar(e) || sr(e) || lr();
+        function yr(e) {
+            return Or(e) || hr(e) || Cr(e) || gr();
         }
-        function lr() {
+        function gr() {
             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 ar(e) {
+        function hr(e) {
             if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
         }
-        function ir(e) {
-            if (Array.isArray(e)) return dr(e);
+        function Or(e) {
+            if (Array.isArray(e)) return kr(e);
         }
-        function ur(e, n) {
-            return pr(e) || fr(e, n) || sr(e, n) || cr();
+        function Sr(e, n) {
+            return jr(e) || xr(e, n) || Cr(e, n) || wr();
         }
-        function cr() {
+        function wr() {
             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 sr(e, n) {
+        function Cr(e, n) {
             if (e) {
-                if ("string" == typeof e) return dr(e, n);
+                if ("string" == typeof e) return kr(e, n);
                 var r = {}.toString.call(e).slice(8, -1);
-                return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? dr(e, n) : void 0;
+                return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? kr(e, n) : void 0;
             }
         }
-        function dr(e, n) {
+        function kr(e, n) {
             (null == n || n > e.length) && (n = e.length);
             for (var r = 0, t = Array(n); r < n; r++) {
                 t[r] = e[r];
             }
             return t;
         }
-        function fr(e, n) {
+        function xr(e, n) {
             var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
             if (null != r) {
-                var t, o, l, a, i = [], u = !0, c = !1;
+                var t, o, a, l, i = [], u = !0, c = !1;
                 try {
-                    if (l = (r = r.call(e)).next, 0 === n) {
+                    if (a = (r = r.call(e)).next, 0 === n) {
                         if (Object(r) !== r) return;
                         u = !1;
-                    } else for (;!(u = (t = l.call(r)).done) && (i.push(t.value), i.length !== n); u = !0) {
+                    } else for (;!(u = (t = a.call(r)).done) && (i.push(t.value), i.length !== n); u = !0) {
                     }
                 } catch (e) {
                     c = !0, o = e;
                 } finally {
                     try {
-                        if (!u && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
+                        if (!u && null != r["return"] && (l = r["return"](), Object(l) !== l)) return;
                     } finally {
                         if (c) throw o;
                     }
@@ -2063,32 +2177,32 @@
                 return i;
             }
         }
-        function pr(e) {
+        function jr(e) {
             if (Array.isArray(e)) return e;
         }
-        function vr(e, n) {
+        function Pr(e, n) {
             if (null == e) return {};
-            var r, t, o = br(e, n);
+            var r, t, o = Er(e, n);
             if (Object.getOwnPropertySymbols) {
-                var l = Object.getOwnPropertySymbols(e);
-                for (t = 0; t < l.length; t++) {
-                    r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                var a = Object.getOwnPropertySymbols(e);
+                for (t = 0; t < a.length; t++) {
+                    r = a[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
                 }
             }
             return o;
         }
-        function br(e, n) {
+        function Er(e, n) {
             if (null == e) return {};
             var r = {};
             for (var t in e) {
                 if ({}.hasOwnProperty.call(e, t)) {
-                    if (n.includes(t)) continue;
+                    if (-1 !== n.indexOf(t)) continue;
                     r[t] = e[t];
                 }
             }
             return r;
         }
-        function mr(e, n) {
+        function Mr(e, n) {
             var r = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
                 var t = Object.getOwnPropertySymbols(e);
@@ -2098,42 +2212,43 @@
             }
             return r;
         }
-        function yr(e) {
+        function Rr(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var r = null != arguments[n] ? arguments[n] : {};
-                n % 2 ? mr(Object(r), !0).forEach((function(n) {
-                    gr(e, n, r[n]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : mr(Object(r)).forEach((function(n) {
+                n % 2 ? Mr(Object(r), !0).forEach((function(n) {
+                    Ar(e, n, r[n]);
+                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Mr(Object(r)).forEach((function(n) {
                     Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
                 }));
             }
             return e;
         }
-        function gr(e, n, r) {
-            return (n = hr(n)) in e ? Object.defineProperty(e, n, {
+        function Ar(e, n, r) {
+            return (n = Ir(n)) in e ? Object.defineProperty(e, n, {
                 value: r,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
             }) : e[n] = r, e;
         }
-        function hr(e) {
-            var n = Or(e, "string");
-            return "symbol" == rr(n) ? n : n + "";
+        function Ir(e) {
+            var n = Br(e, "string");
+            return "symbol" == br(n) ? n : n + "";
         }
-        function Or(e, n) {
-            if ("object" != rr(e) || !e) return e;
+        function Br(e, n) {
+            if ("object" != br(e) || !e) return e;
             var r = e[Symbol.toPrimitive];
             if (void 0 !== r) {
                 var t = r.call(e, n || "default");
-                if ("object" != rr(t)) return t;
+                if ("object" != br(t)) return t;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === n ? String : Number)(e);
         }
-        var Sr = {
+        var Nr = {
             allowNewValues: i().bool,
             animateLoading: i().bool,
+            append: i().bool,
             children: i().node,
             controlledFilter: i().bool,
             defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
@@ -2159,35 +2274,36 @@
             onScroll: i().func,
             onScrollBottom: i().func,
             placeholder: i().string,
+            prepend: i().bool,
             /** @private. */
             required: i().bool,
             repositionMode: i().oneOf([ "none", "flip" ]),
             tabConfirmsNewValue: i().bool,
             values: i().array
         };
-        var wr = T()((function(e) {
+        var Vr = T()((function(e) {
             return {
                 flexBasis: e,
                 width: e
             };
         }));
         // export for testing purpose
-                var Cr = T()((function(e) {
+                var Dr = T()((function(e) {
             var n = e.anchorWidth, r = n === void 0 ? 0 : n, t = e.maxHeight, o = e.menuStyle;
-            return yr({
+            return Rr({
                 maxHeight: t,
                 overflow: "auto",
                 width: Math.max(r, 200)
             }, o || {});
         }));
         // TS: not typed controlled/uncontrolled, handled by Multiselect wrapper component
-                var kr = {};
-        var xr = (0, d._)("No matches");
-        var jr = (0, d._)("Select...");
-        function Pr(r) {
-            var t = r.allowNewValues, o = r.animateLoading, a = r.children, i = r.controlledFilter, u = r.defaultPlacement, c = u === void 0 ? "vertical" : u, f = r.defaultValues, p = r.describedBy, v = r.disabled, b = r.elementRef, m = r.error, y = r.footerMessage, g = r.inline, h = r.inputId, O = r.inputRef, S = r.isLoadingOptions, w = r.labelledBy, C = r.loadingMessage, k = r.menuStyle, x = k === void 0 ? kr : k, j = r.name, P = r.noOptionsMessage, E = P === void 0 ? xr : P, R = r.onChange, A = r.onClose, I = r.onFilterChange, B = r.onScroll, N = r.onScrollBottom, L = r.onOpen, V = r.placeholder, q = V === void 0 ? jr : V, D = r.required, T = r.repositionMode, F = r.tabConfirmsNewValue, _ = r.values, K = vr(r, [ "allowNewValues", "animateLoading", "children", "controlledFilter", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onChange", "onClose", "onFilterChange", "onScroll", "onScrollBottom", "onOpen", "placeholder", "required", "repositionMode", "tabConfirmsNewValue", "values" ]);
+                var qr = {};
+        var Lr = (0, d._)("No matches");
+        var Tr = (0, d._)("Select...");
+        function Fr(r) {
+            var t = r.allowNewValues, o = r.animateLoading, l = r.append, i = r.children, u = r.controlledFilter, c = r.defaultPlacement, f = c === void 0 ? "vertical" : c, p = r.defaultValues, v = r.describedBy, b = r.disabled, m = r.elementRef, y = r.error, g = r.footerMessage, h = r.inline, O = r.inputId, S = r.inputRef, w = r.isLoadingOptions, C = r.labelledBy, k = r.loadingMessage, x = r.menuStyle, j = x === void 0 ? qr : x, P = r.name, E = r.noOptionsMessage, R = E === void 0 ? Lr : E, A = r.onChange, I = r.onClose, B = r.onFilterChange, N = r.onScroll, V = r.onScrollBottom, D = r.onOpen, q = r.placeholder, L = q === void 0 ? Tr : q, T = r.prepend, F = r.required, _ = r.repositionMode, K = r.tabConfirmsNewValue, H = r.values, $ = Pr(r, [ "allowNewValues", "animateLoading", "append", "children", "controlledFilter", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onChange", "onClose", "onFilterChange", "onScroll", "onScrollBottom", "onOpen", "placeholder", "prepend", "required", "repositionMode", "tabConfirmsNewValue", "values" ]);
             // @docs-props-type NormalPropsBase
-                        var H = s()({
+                        var W = s()({
                 componentName: "Multiselect",
                 /* eslint-disable-next-line prefer-rest-params */
                 componentProps: arguments[0],
@@ -2196,254 +2312,254 @@
                 valuePropName: "values"
             });
             if (false) {}
-            var z = (0, e.useState)(0), W = ur(z, 2), U = W[0], X = W[1];
-            var G = (0, e.useState)(null), J = ur(G, 2), Q = J[0], Y = J[1];
-            var Z = (0, e.useState)(""), ee = ur(Z, 2), re = ee[0], oe = ee[1];
-            var le = (0, e.useState)(false), ae = ur(le, 2), ie = ae[0], de = ae[1];
-            var fe = (0, e.useState)(false), pe = ur(fe, 2), ve = pe[0], be = pe[1];
-            var me = (0, e.useState)(f || []), ye = ur(me, 2), ge = ye[0], he = ye[1];
-            var Oe = (0, e.useState)(""), Se = ur(Oe, 2), we = Se[0], Ce = Se[1];
-            var ke = H && _ ? _ : ge;
-            var xe = ke.slice(0);
-            var je = ke.indexOf(re) >= 0;
-            var Pe = (0, e.useRef)(null);
-            var Ee = (0, e.useRef)(null);
-            var Me = (0, e.useRef)(undefined);
-            var Re = (0, e.useRef)(0);
-            var Ae = (0, e.useState)((function() {
+            var U = (0, e.useState)(0), X = Sr(U, 2), G = X[0], J = X[1];
+            var Q = (0, e.useState)(null), Y = Sr(Q, 2), Z = Y[0], ee = Y[1];
+            var re = (0, e.useState)(""), oe = Sr(re, 2), ae = oe[0], le = oe[1];
+            var ie = (0, e.useState)(false), de = Sr(ie, 2), fe = de[0], pe = de[1];
+            var ve = (0, e.useState)(false), be = Sr(ve, 2), me = be[0], ye = be[1];
+            var ge = (0, e.useState)(p || []), he = Sr(ge, 2), Oe = he[0], Se = he[1];
+            var we = (0, e.useState)(""), Ce = Sr(we, 2), ke = Ce[0], xe = Ce[1];
+            var je = W && H ? H : Oe;
+            var Pe = je.slice(0);
+            var Ee = je.indexOf(ae) >= 0;
+            var Me = (0, e.useRef)(null);
+            var Re = (0, e.useRef)(null);
+            var Ae = (0, e.useRef)(undefined);
+            var Ie = (0, e.useRef)(0);
+            var Be = (0, e.useState)((function() {
                 return {
                     activeItemId: (0, ce.createDOMID)("active-item"),
                     popoverId: (0, ce.createDOMID)("popover")
                 };
-            })), Ie = ur(Ae, 1), Be = Ie[0], Ne = Be.activeItemId, Le = Be.popoverId;
+            })), Ne = Sr(Be, 1), Ve = Ne[0], De = Ve.activeItemId, qe = Ve.popoverId;
             (0, e.useEffect)((function() {
-                if (H) {
-                    oe("");
-                    X(0);
+                if (W) {
+                    le("");
+                    J(0);
                 }
-            }), [ _, H ]);
+            }), [ H, W ]);
             // Tracks the prev activeIndex so its known if scrolling is needed in handleActiveOptionMount - can't use usePrevious b/c the value needs wiped on Menu close
                         (0, e.useEffect)((function() {
-                Ee.current = U;
-            }), [ U ]);
-            var Ve = (0, e.useCallback)((function(e) {
+                Re.current = G;
+            }), [ G ]);
+            var Le = (0, e.useCallback)((function(e) {
                 var n = e.resetFilterKeyword;
-                if (!ve) {
-                    oe((function(e) {
+                if (!me) {
+                    le((function(e) {
                         return n ? "" : e;
                     }));
-                    de(true);
-                    be(true);
-                    L === null || L === void 0 ? void 0 : L();
-                }
-            }), [ ve, L ]);
-            var qe = (0, e.useCallback)((function() {
-                if (ie) {
-                    Ve({
+                    pe(true);
+                    ye(true);
+                    D === null || D === void 0 ? void 0 : D();
+                }
+            }), [ me, D ]);
+            var Te = (0, e.useCallback)((function() {
+                if (fe) {
+                    Le({
                         resetFilterKeyword: false
                     });
                 } else {
                     var e;
-                    (e = Pe.current) === null || e === void 0 ? void 0 : e.focus();
+                    (e = Me.current) === null || e === void 0 ? void 0 : e.focus();
                 }
-            }), [ ie, Ve ]);
-            var De = (0, e.useCallback)((function(e, n) {
-                if (!ve) {
+            }), [ fe, Le ]);
+            var Fe = (0, e.useCallback)((function(e, n) {
+                if (!me) {
                     return;
                 }
-                var r = (ke || []).concat([ n ]);
-                if (!H) {
-                    he(r);
-                    X(0);
-                    be(true);
-                    oe("");
+                var r = (je || []).concat([ n ]);
+                if (!W) {
+                    Se(r);
+                    J(0);
+                    ye(true);
+                    le("");
                 }
-                R === null || R === void 0 ? void 0 : R(e, {
+                A === null || A === void 0 ? void 0 : A(e, {
                     values: r,
-                    name: j
+                    name: P
                 });
-            }), [ ve, ke, H, R, j ]);
-            var Te = (0, e.useCallback)((function(e, n) {
-                var r = $()(ke, n);
-                if (!H) {
-                    he(r);
+            }), [ me, je, W, A, P ]);
+            var _e = (0, e.useCallback)((function(e, n) {
+                var r = z()(je, n);
+                if (!W) {
+                    Se(r);
                 }
-                R === null || R === void 0 ? void 0 : R(e, {
+                A === null || A === void 0 ? void 0 : A(e, {
                     values: r,
-                    name: j
+                    name: P
                 });
-            }), [ ke, H, j, R ]);
-            var _e = (0, e.useCallback)((function(e) {
-                if (ve && !S) {
-                    N === null || N === void 0 ? void 0 : N(e);
-                    Ce("".concat(Re.current, " options, loading more options"));
-                }
-            }), [ ve, S, N ]);
-            var Ke = (0, e.useCallback)((function(e, n) {
+            }), [ je, W, P, A ]);
+            var Ke = (0, e.useCallback)((function(e) {
+                if (me && !w) {
+                    V === null || V === void 0 ? void 0 : V(e);
+                    xe("".concat(Ie.current, " options, loading more options"));
+                }
+            }), [ me, w, V ]);
+            var He = (0, e.useCallback)((function(e, n) {
                 var r = n.value;
-                In()((function() {
-                    return Te(e, r);
+                zn()((function() {
+                    return _e(e, r);
                 }));
-            }), [ Te ]);
-            var He = (0, e.useCallback)((function(e) {
-                if (re !== "") {
-                    I === null || I === void 0 ? void 0 : I(e, {
+            }), [ _e ]);
+            var $e = (0, e.useCallback)((function(e) {
+                if (ae !== "") {
+                    B === null || B === void 0 ? void 0 : B(e, {
                         keyword: ""
                     });
                 }
-                Ve({
+                Le({
                     resetFilterKeyword: true
                 });
-            }), [ re, I, Ve ]);
+            }), [ ae, B, Le ]);
             var ze = (0, e.useCallback)((function(n) {
                 var r;
                 var t = n.key;
-                if (t === "Tab" && ve) {
-                    if (F && Me.current !== undefined && Re.current <= 1) {
+                if (t === "Tab" && me) {
+                    if (K && Ae.current !== undefined && Ie.current <= 1) {
                         var o;
                         n.preventDefault();
-                        De(n, Me.current);
-                        (o = Pe.current) === null || o === void 0 ? void 0 : o.focus();
+                        Fe(n, Ae.current);
+                        (o = Me.current) === null || o === void 0 ? void 0 : o.focus();
                     } else {
-                        be(false);
+                        ye(false);
                     }
                 }
                 if (n.shiftKey || n.metaKey || n.ctrlKey) {
                     return;
                 }
-                if (t === "End" && ve) {
+                if (t === "End" && me) {
                     n.preventDefault();
-                    X(Re.current - 1);
+                    J(Ie.current - 1);
                 }
-                if (t === "Home" && ve) {
+                if (t === "Home" && me) {
                     n.preventDefault();
-                    X(0);
+                    J(0);
                 }
                 if (t === "ArrowDown") {
                     n.preventDefault();
-                    if (ve) {
-                        X((function(e) {
-                            return Math.min(e + 1, Re.current - 1);
+                    if (me) {
+                        J((function(e) {
+                            return Math.min(e + 1, Ie.current - 1);
                         }));
                     } else {
-                        X(0);
-                        be(true);
+                        J(0);
+                        ye(true);
                     }
-                    if (a && N) {
-                        var l = e.Children.toArray(a).length - (2 + ((ke === null || ke === void 0 ? void 0 : ke.length) || 0));
-                        if (U === l) {
-                            _e(n);
+                    if (i && V) {
+                        var a = e.Children.toArray(i).length - (2 + ((je === null || je === void 0 ? void 0 : je.length) || 0));
+                        if (G === a) {
+                            Ke(n);
                         }
                     }
                 }
                 if (t === "ArrowUp") {
                     n.preventDefault();
-                    if (ve) {
-                        X((function(e) {
+                    if (me) {
+                        J((function(e) {
                             return Math.max(e - 1, 0);
                         }));
                     } else {
-                        X(0);
-                        be(true);
+                        J(0);
+                        ye(true);
                     }
                 }
-                if (t === "Enter" && Me.current !== undefined && ve) {
-                    De(n, Me.current);
+                if (t === "Enter" && Ae.current !== undefined && me) {
+                    Fe(n, Ae.current);
                 }
-                if (t === "Backspace" && ((r = Pe.current) === null || r === void 0 ? void 0 : r.value) === "" && ke.length) {
-                    Te(n, Fn()(ke));
+                if (t === "Backspace" && ((r = Me.current) === null || r === void 0 ? void 0 : r.value) === "" && je.length) {
+                    _e(n, Zn()(je));
                 }
-            }), [ ve, ke, F, De, a, N, U, _e, Te ]);
-            var $e = (0, e.useCallback)((function(e) {
-                oe(e.target.value);
-                be(true);
-                X(0);
-                I === null || I === void 0 ? void 0 : I(e, {
+            }), [ me, je, K, Fe, i, V, G, Ke, _e ]);
+            var We = (0, e.useCallback)((function(e) {
+                le(e.target.value);
+                ye(true);
+                J(0);
+                B === null || B === void 0 ? void 0 : B(e, {
                     keyword: e.target.value
                 });
-            }), [ I ]);
-            var We = (0, e.useCallback)((function(e, n) {
+            }), [ B ]);
+            var Ue = (0, e.useCallback)((function(e, n) {
                 var r;
                 var t = n.value;
                 e.stopPropagation();
-                De(e, t);
-                (r = Pe.current) === null || r === void 0 ? void 0 : r.focus();
-            }), [ De ]);
-            var Ue = (0, e.useCallback)((function(e) {
-                var n = document.getElementById(Le);
+                Fe(e, t);
+                (r = Me.current) === null || r === void 0 ? void 0 : r.focus();
+            }), [ Fe ]);
+            var Xe = (0, e.useCallback)((function(e) {
+                var n = document.getElementById(qe);
                 var r = e.relatedTarget || document.activeElement;
  // IE11 doesn't support relatedTarget but sets activeElement
                                 var t = n && r && n.contains(r);
  // TS: target as Node is an unsafe assumption
-                                oe(t ? re : "");
-                de(false);
+                                le(t ? ae : "");
+                pe(false);
                 if (!t) {
-                    I === null || I === void 0 ? void 0 : I(e, {
+                    B === null || B === void 0 ? void 0 : B(e, {
                         keyword: ""
                     });
                 }
-            }), [ re, I, Le ]);
-            var Xe = (0, e.useCallback)((function(e) {
+            }), [ ae, B, qe ]);
+            var Je = (0, e.useCallback)((function(e) {
                 var n = e.reason, r = e.event;
-                if (n === "escapeKey" || n === "offScreen" || n === "clickAway" && r !== undefined && !(Q === null || Q === void 0 ? void 0 : Q.contains(r.target))) {
-                    be(false);
-                    Ee.current = null;
-                    A === null || A === void 0 ? void 0 : A();
+                if (n === "escapeKey" || n === "offScreen" || n === "clickAway" && r !== undefined && !(Z === null || Z === void 0 ? void 0 : Z.contains(r.target))) {
+                    ye(false);
+                    Re.current = null;
+                    I === null || I === void 0 ? void 0 : I();
                 }
                 if (n === "escapeKey") {
                     var t;
-                    (t = Pe.current) === null || t === void 0 ? void 0 : t.focus();
+                    (t = Me.current) === null || t === void 0 ? void 0 : t.focus();
                 }
-            }), [ Q, A ]);
-            var Ge = (0, e.useCallback)((function(e) {
-                Y(e);
-                Fe(b, e);
-            }), [ b ]);
-            var Je = (0, e.useCallback)((function(e) {
-                Pe.current = e;
-                Fe(O, e);
-            }), [ O ]);
+            }), [ Z, I ]);
             var Qe = (0, e.useCallback)((function(e) {
-                if (Ee.current !== U) {
+                ee(e);
+                Ge(m, e);
+            }), [ m ]);
+            var Ye = (0, e.useCallback)((function(e) {
+                Me.current = e;
+                Ge(S, e);
+            }), [ S ]);
+            var Ze = (0, e.useCallback)((function(e) {
+                if (Re.current !== G) {
                     (0, se.scrollIntoViewIfNeeded)(e);
                 }
-            }), [ U ]);
-            var Ye = (0, e.useCallback)((function(e) {
+            }), [ G ]);
+            var en = (0, e.useCallback)((function(e) {
                 // selectedOptions may contain items or unmatched values at this point
                 return e.map((function(e) {
                     var r = e;
  // TS: faking props here
                                         var t = r.props;
                     if (t != null) {
-                        var o = t.children, l = t.icon, a = t.label, i = t.selectedAppearance, u = t.selectedBackgroundColor, c = t.selectedForegroundColor, s = t.value;
+                        var o = t.children, a = t.icon, l = t.label, i = t.selectedAppearance, u = t.selectedBackgroundColor, c = t.selectedForegroundColor, s = t.value;
                         
-                        return n().createElement(nr, {
+                        return n().createElement(vr, {
                             "aria-selected": true,
-                            disabled: v,
-                            icon: l,
+                            disabled: b,
+                            icon: a,
                             key: s.toString(),
                             "data-test": "selected-option",
-                            onRequestRemove: Ke,
+                            onRequestRemove: He,
                             role: "option",
                             value: s,
                             appearance: i,
                             backgroundColor: u,
                             foregroundColor: c
-                        }, o || a);
+                        }, o || l);
                     }
                     
-                    return n().createElement(nr, {
+                    return n().createElement(vr, {
                         "aria-selected": true,
-                        disabled: v,
+                        disabled: b,
                         key: (0, ce.createGUID)(),
                         "data-test": "selected-option",
-                        onRequestRemove: Ke,
+                        onRequestRemove: He,
                         role: "option",
                         value: r
                     }, r);
                 }));
-            }), [ v, Ke ]);
-            var Ze = function e(r) {
+            }), [ b, He ]);
+            var nn = function e(r) {
                 return r.map((function(e) {
                     var r = e;
  // TS: faking props here
@@ -2452,63 +2568,63 @@
                         
                         return n().createElement("span", {
                             key: t.value.toString()
-                        }, t.children || t.label, (0, Un.sprintf)((0, d._)(" selected")));
+                        }, t.children || t.label, (0, lr.sprintf)((0, d._)(" selected")));
                     }
                     
                     return n().createElement("span", {
                         key: (0, ce.createGUID)()
-                    },  n().createElement(n().Fragment, null, r, (0, Un.sprintf)((0, d._)(" selected"))));
+                    },  n().createElement(n().Fragment, null, r, (0, lr.sprintf)((0, d._)(" selected"))));
                 }));
             };
             // Map Options to selected values
-                        if (ke && ke.length) {
-                e.Children.toArray(a).filter(e.isValidElement).filter((function(e) {
+                        if (je && je.length) {
+                e.Children.toArray(i).filter(e.isValidElement).filter((function(e) {
                     return e.type === M;
                 })).forEach((function(e) {
                     if (e.type === M) {
-                        var n = ke.indexOf(e.props.value);
+                        var n = je.indexOf(e.props.value);
                         if (n !== -1) {
-                            xe[n] = e;
+                            Pe[n] = e;
                         }
                     }
                 }));
             }
             // Filter the items
-                        var en = (0, ue.stringToKeywords)(re);
-            var nn = i ? e.Children.toArray(a) : e.Children.toArray(a).filter((function(e) {
-                if (Nn()(e, [ "props", "label" ], false)) {
-                    return (0, ue.testPhrase)(e.props.label, en);
+                        var rn = (0, ue.stringToKeywords)(ae);
+            var tn = u ? e.Children.toArray(i) : e.Children.toArray(i).filter((function(e) {
+                if (Un()(e, [ "props", "label" ], false)) {
+                    return (0, ue.testPhrase)(e.props.label, rn);
                 }
                 return true;
  // Keep all headers and non-interactive options
                         }));
-            Re.current = 0;
-            Me.current = undefined;
-            var rn = e.Children.map(nn, (function(n, r) {
+            Ie.current = 0;
+            Ae.current = undefined;
+            var on = e.Children.map(tn, (function(n, r) {
                 var t = n.props;
-                if (!t || !l()(t, "value")) {
+                if (!t || !a()(t, "value")) {
                     // ignore Headings and Dividers
                     return n;
                 }
                 var o = n;
-                var a = o.props, u = a.children, c = a.label, s = a.matchRanges, d = a.value;
+                var l = o.props, i = l.children, c = l.label, s = l.matchRanges, d = l.value;
  // find out if the search string exactly matches a value
-                                if (d === re) {
-                    je = true;
+                                if (d === ae) {
+                    Ee = true;
                 }
                 // remove items that are already selected
-                                var f = ke.indexOf(d);
+                                var f = je.indexOf(d);
                 if (f >= 0) {
                     return null;
                 }
                 // highlight matched text
-                                var p = u === undefined || Vn()(u);
-                var v = p && !i && !s && en && (0, ue.keywordLocations)(c, en);
+                                var p = i === undefined || Gn()(i);
+                var v = p && !u && !s && rn && (0, ue.keywordLocations)(c, rn);
                 // clone item
                                 var b =  (0, e.cloneElement)(o, {
                     // eslint-disable-next-line react/no-array-index-key
                     key: r,
-                    onClick: We,
+                    onClick: Ue,
                     matchRanges: p && (s || v) || undefined
                 });
                 return b;
@@ -2516,153 +2632,155 @@
                 return e !== null;
             })) || [];
             // Add the option to add the new value
-                        if (t && !je && re) {
-                rn.unshift( n().createElement(M, {
-                    label: "".concat(re),
+                        if (t && !Ee && ae) {
+                on.unshift( n().createElement(M, {
+                    label: "".concat(ae),
                     description: (0, d._)("(New value)"),
                     descriptionPosition: "right",
-                    value: re,
+                    value: ae,
                     key: "newValue",
-                    onClick: We
+                    onClick: Ue
                 }));
             }
             // highlight the selected Item
-                        var tn = e.Children.map(rn, (function(n) {
+                        var an = e.Children.map(on, (function(n) {
                 var r = n.props;
-                if (!r || !l()(r, "value")) {
+                if (!r || !a()(r, "value")) {
                     // ignore Headings and Dividers
                     return n;
                 }
                 var t = n;
-                var o = t.props, a = o.disabled, i = o.value;
-                var u = Re.current === U;
-                Re.current += 1;
+                var o = t.props, l = o.disabled, i = o.value;
+                var u = Ie.current === G;
+                Ie.current += 1;
                 if (!u) {
                     return t;
                 }
-                if (!a) {
-                    Me.current = i;
+                if (!l) {
+                    Ae.current = i;
                 }
                 var c =  (0, e.cloneElement)(t, {
                     active: u,
-                    id: Ne,
+                    id: De,
                     elementRef: function e(n) {
-                        Qe(n);
-                        Fe(t.props.elementRef, n);
+                        Ze(n);
+                        Ge(t.props.elementRef, n);
                     }
                 });
                 return c;
             }));
-            var on = function e(r) {
-                var t = r.anchorWidth, l = r.maxHeight, a = r.placement;
-                var i = Cr({
+            var ln = function e(r) {
+                var t = r.anchorWidth, a = r.maxHeight, l = r.placement;
+                var i = Dr({
                     anchorWidth: t,
-                    maxHeight: l,
-                    menuStyle: x
+                    maxHeight: a,
+                    menuStyle: j
                 });
                 
                 return n().createElement(ne(), {
                     focusMode: "never",
-                    placement: a !== null && a !== void 0 ? a : undefined,
-                    isLoading: S,
-                    onScrollBottom: N ? _e : undefined,
-                    noOptionsMessage: E,
-                    footerMessage: y,
+                    placement: l !== null && l !== void 0 ? l : undefined,
+                    isLoading: w,
+                    onScrollBottom: V ? Ke : undefined,
+                    noOptionsMessage: R,
+                    footerMessage: g,
                     animateLoading: o,
-                    loadingMessage: C,
-                    onScroll: B,
+                    loadingMessage: k,
+                    onScroll: N,
                     style: i
-                }, tn);
+                }, an);
             };
-            var ln = wr("".concat(re.length * .8, "em"));
-            var an = yr(yr({}, zn()(K, (function(e, n) {
+            var un = Vr("".concat(ae.length * .8, "em"));
+            var cn = Rr(Rr({}, tr()($, (function(e, n) {
                 return n === "role" || n.indexOf("aria-") === 0;
             }))), {}, {
-                "aria-describedby": p,
-                "aria-labelledby": w,
-                "aria-invalid": m || undefined
+                "aria-describedby": v,
+                "aria-labelledby": C,
+                "aria-invalid": y || undefined
             });
-            var un = yr({}, zn()(K, (function(e, n) {
+            var sn = Rr({}, tr()($, (function(e, n) {
                 return n === "aria-label" || n === "aria-describedby";
             })));
             
-            return n().createElement(n().Fragment, null,  n().createElement(Yn, tr({
+            return n().createElement(n().Fragment, null,  n().createElement(dr, mr({
                 key: "control",
-                "data-test-values": JSON.stringify(ke),
-                "data-test-disabled": v ? "disabled" : undefined,
-                inline: g,
-                $hasFocus: ie
-            }, Kn().apply(void 0, [ K ].concat(or(Dn()(an)))), {
-                onClick: v ? undefined : qe,
-                $disabled: v,
-                $error: m,
-                "data-test-popover-id": Le,
-                $popoverOpen: ve,
+                $append: l,
+                "data-test-values": JSON.stringify(je),
+                "data-test-disabled": b ? "disabled" : undefined,
+                inline: h,
+                $hasFocus: fe
+            }, nr().apply(void 0, [ $ ].concat(yr(Qn()(cn)))), {
+                onClick: b ? undefined : Te,
+                $disabled: b,
+                $error: y,
+                "data-test-popover-id": qe,
+                $popoverOpen: me,
+                $prepend: T,
                 flex: true,
-                elementRef: Ge,
+                elementRef: Qe,
                 role: "group",
-                "aria-disabled": v || undefined,
-                "aria-labelledby": w
-            }, un),  n().createElement(Zn, {
+                "aria-disabled": b || undefined,
+                "aria-labelledby": C
+            }, sn),  n().createElement(fr, {
                 role: "listbox",
-                "aria-invalid": m,
+                "aria-invalid": y,
                 "aria-multiselectable": "true"
-            }, Ye(xe)), !v &&  n().createElement(er, tr({
+            }, en(Pe)), !b &&  n().createElement(pr, mr({
                 role: "combobox",
                 "data-test": "textbox",
-                id: h,
-                ref: Je,
-                onBlur: Ue,
-                onFocus: He,
-                onChange: $e,
+                id: O,
+                ref: Ye,
+                onBlur: Xe,
+                onFocus: $e,
+                onChange: We,
                 onKeyDown: ze,
-                value: re,
+                value: ae,
                 autoCapitalize: "off",
                 autoComplete: "off",
                 autoCorrect: "off",
                 spellCheck: false,
-                style: ln,
-                placeholder: ke.length ? "" : q,
-                required: D,
-                "aria-activedescendant": ve && Re.current > 0 ? Ne : undefined,
+                style: un,
+                placeholder: je.length ? "" : L,
+                required: F,
+                "aria-activedescendant": me && Ie.current > 0 ? De : undefined,
                 "aria-autocomplete": "list",
-                "aria-controls": ve ? Le : undefined,
-                "aria-owns": ve ? Le : undefined,
-                "aria-expanded": ve,
+                "aria-controls": me ? qe : undefined,
+                "aria-owns": me ? qe : undefined,
+                "aria-expanded": me,
                 "aria-haspopup": true
-            }, an)),  n().createElement(Wn(), {
-                open: ve && !!Q,
+            }, cn)),  n().createElement(ar(), {
+                open: me && !!Z,
                 autoCloseWhenOffScreen: true,
-                anchor: Q,
-                onRequestClose: Xe,
+                anchor: Z,
+                onRequestClose: Je,
                 canCoverAnchor: false,
-                defaultPlacement: c,
-                repositionMode: T,
-                id: Le
-            }, on)),  n().createElement(te(), {
+                defaultPlacement: f,
+                repositionMode: _,
+                id: qe
+            }, ln)),  n().createElement(te(), {
                 role: "status",
                 "aria-relevant": "text"
-            }, we),  n().createElement(te(), {
+            }, ke),  n().createElement(te(), {
                 role: "alert",
                 "aria-relevant": "additions"
-            }, Ze(xe)));
+            }, nn(Pe)));
         }
-        Pr.propTypes = Sr;
-        Pr.Option = M;
-        Pr.Divider = u.Divider;
-        Pr.Heading = u.Heading;
-        /* harmony default export */        const Er = Pr;
+        Fr.propTypes = Nr;
+        Fr.Option = M;
+        Fr.Divider = u.Divider;
+        Fr.Heading = u.Heading;
+        /* harmony default export */        const _r = Fr;
         // CONCATENATED MODULE: ./src/Multiselect/Multiselect.tsx
-        function Mr(e) {
+        function Kr(e) {
             "@babel/helpers - typeof";
-            return Mr = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return Kr = "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;
-            }, Mr(e);
+            }, Kr(e);
         }
-        function Rr() {
-            return Rr = Object.assign ? Object.assign.bind() : function(e) {
+        function Hr() {
+            return Hr = Object.assign ? Object.assign.bind() : function(e) {
                 for (var n = 1; n < arguments.length; n++) {
                     var r = arguments[n];
                     for (var t in r) {
@@ -2670,9 +2788,9 @@
                     }
                 }
                 return e;
-            }, Rr.apply(null, arguments);
+            }, Hr.apply(null, arguments);
         }
-        function Ar(e, n) {
+        function $r(e, n) {
             var r = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
                 var t = Object.getOwnPropertySymbols(e);
@@ -2682,56 +2800,56 @@
             }
             return r;
         }
-        function Ir(e) {
+        function zr(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var r = null != arguments[n] ? arguments[n] : {};
-                n % 2 ? Ar(Object(r), !0).forEach((function(n) {
-                    Br(e, n, r[n]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Ar(Object(r)).forEach((function(n) {
+                n % 2 ? $r(Object(r), !0).forEach((function(n) {
+                    Wr(e, n, r[n]);
+                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : $r(Object(r)).forEach((function(n) {
                     Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
                 }));
             }
             return e;
         }
-        function Br(e, n, r) {
-            return (n = Nr(n)) in e ? Object.defineProperty(e, n, {
+        function Wr(e, n, r) {
+            return (n = Ur(n)) in e ? Object.defineProperty(e, n, {
                 value: r,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
             }) : e[n] = r, e;
         }
-        function Nr(e) {
-            var n = Lr(e, "string");
-            return "symbol" == Mr(n) ? n : n + "";
+        function Ur(e) {
+            var n = Xr(e, "string");
+            return "symbol" == Kr(n) ? n : n + "";
         }
-        function Lr(e, n) {
-            if ("object" != Mr(e) || !e) return e;
+        function Xr(e, n) {
+            if ("object" != Kr(e) || !e) return e;
             var r = e[Symbol.toPrimitive];
             if (void 0 !== r) {
                 var t = r.call(e, n || "default");
-                if ("object" != Mr(t)) return t;
+                if ("object" != Kr(t)) return t;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === n ? String : Number)(e);
         }
-        function Vr(e, n) {
+        function Gr(e, n) {
             if (null == e) return {};
-            var r, t, o = qr(e, n);
+            var r, t, o = Jr(e, n);
             if (Object.getOwnPropertySymbols) {
-                var l = Object.getOwnPropertySymbols(e);
-                for (t = 0; t < l.length; t++) {
-                    r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                var a = Object.getOwnPropertySymbols(e);
+                for (t = 0; t < a.length; t++) {
+                    r = a[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
                 }
             }
             return o;
         }
-        function qr(e, n) {
+        function Jr(e, n) {
             if (null == e) return {};
             var r = {};
             for (var t in e) {
                 if ({}.hasOwnProperty.call(e, t)) {
-                    if (n.includes(t)) continue;
+                    if (-1 !== n.indexOf(t)) continue;
                     r[t] = e[t];
                 }
             }
@@ -2739,9 +2857,10 @@
         }
         /** @public */
         /** @public */
-        /** @public */        var Dr = {
+        /** @public */        var Qr = {
             allowNewValues: i().bool,
             animateLoading: i().bool,
+            append: i().bool,
             children: i().node,
             compact: i().bool,
             controlledFilter: i().bool,
@@ -2769,20 +2888,21 @@
             onScroll: i().func,
             onScrollBottom: i().func,
             placeholder: i().string,
+            prepend: i().bool,
             repositionMode: i().oneOf([ "none", "flip" ]),
-            selectAllAppearance: i().oneOf([ "buttongroup", "checkbox" ]),
+            selectAllAppearance: i().oneOf([ "buttongroup", "checkbox", "none" ]),
             showSelectedValuesFirst: i().oneOf([ "nextOpen", "immediately", "never" ]),
             tabConfirmsNewValue: i().bool,
             values: i().array,
             /** @private */
             virtualization: i().number
         };
-        var Tr = (0, d._)("No matches");
-        var Fr = (0, d._)("Select...");
-        function _r(r) {
-            var t = r.allowNewValues, o = r.animateLoading, l = r.compact, a = r.children, i = r.controlledFilter, u = r.defaultPlacement, c = u === void 0 ? "vertical" : u, d = r.defaultValues, f = r.describedBy, p = r.disabled, v = r.elementRef, b = r.error, m = r.filter, y = r.footerMessage, g = r.inline, h = r.inputId, O = r.inputRef, S = r.isLoadingOptions, w = r.labelledBy, C = r.loadingMessage, k = r.menuStyle, x = r.name, j = r.noOptionsMessage, P = j === void 0 ? Tr : j, E = r.onChange, M = r.onClose, R = r.onFilterChange, A = r.onOpen, I = r.onScroll, B = r.onScrollBottom, N = r.placeholder, L = N === void 0 ? Fr : N, V = r.repositionMode, q = V === void 0 ? "flip" : V, D = r.selectAllAppearance, T = r.showSelectedValuesFirst, F = r.tabConfirmsNewValue, _ = r.values, K = r.virtualization, H = Vr(r, [ "allowNewValues", "animateLoading", "compact", "children", "controlledFilter", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "filter", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onChange", "onClose", "onFilterChange", "onOpen", "onScroll", "onScrollBottom", "placeholder", "repositionMode", "selectAllAppearance", "showSelectedValuesFirst", "tabConfirmsNewValue", "values", "virtualization" ]);
+        var Yr = (0, d._)("No matches");
+        var Zr = (0, d._)("Select...");
+        function et(r) {
+            var t = r.allowNewValues, o = r.animateLoading, a = r.append, l = r.compact, i = r.children, u = r.controlledFilter, c = r.defaultPlacement, d = c === void 0 ? "vertical" : c, f = r.defaultValues, p = r.describedBy, v = r.disabled, b = r.elementRef, m = r.error, y = r.filter, g = r.footerMessage, h = r.inline, O = r.inputId, S = r.inputRef, w = r.isLoadingOptions, C = r.labelledBy, k = r.loadingMessage, x = r.menuStyle, j = r.name, P = r.noOptionsMessage, E = P === void 0 ? Yr : P, M = r.onChange, R = r.onClose, A = r.onFilterChange, I = r.onOpen, B = r.onScroll, N = r.onScrollBottom, V = r.placeholder, D = V === void 0 ? Zr : V, q = r.prepend, L = r.repositionMode, T = L === void 0 ? "flip" : L, F = r.selectAllAppearance, _ = r.showSelectedValuesFirst, K = r.tabConfirmsNewValue, H = r.values, $ = r.virtualization, z = Gr(r, [ "allowNewValues", "animateLoading", "append", "compact", "children", "controlledFilter", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "filter", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onChange", "onClose", "onFilterChange", "onOpen", "onScroll", "onScrollBottom", "placeholder", "prepend", "repositionMode", "selectAllAppearance", "showSelectedValuesFirst", "tabConfirmsNewValue", "values", "virtualization" ]);
             // @docs-props-type MultiselectPropsBase
-                        var z = s()({
+                        var W = s()({
                 componentName: "Multiselect",
                 /* eslint-disable-next-line prefer-rest-params */
                 componentProps: arguments[0],
@@ -2790,84 +2910,86 @@
                 defaultValuePropName: "defaultValues",
                 valuePropName: "values"
             });
-            /* eslint-disable-next-line prefer-rest-params */            var $ = arguments[0];
+            /* eslint-disable-next-line prefer-rest-params */            var U = arguments[0];
             (0, e.useEffect)((function() {
                 if (l !== true) {
                     if (false) {}
                     if (false) {}
                 }
-            }), [ l, $ ]);
+            }), [ l, U ]);
             // Compact uses Button, which defaults `inline` to true, explicitly pass a boolean to prevent the underlying Button from applying its default.
-                        var W = !!g;
-            var U = Ir({
+                        var X = !!h;
+            var G = zr({
                 allowNewValues: t,
                 animateLoading: o,
-                children: a,
-                controlledFilter: i,
-                defaultPlacement: c,
-                describedBy: f,
-                disabled: p,
-                elementRef: v,
-                error: b,
-                footerMessage: y,
-                inline: W,
-                inputId: h,
-                inputRef: O,
-                isLoadingOptions: S,
-                labelledBy: w,
-                loadingMessage: C,
-                menuStyle: k,
-                name: x,
-                noOptionsMessage: P,
-                onClose: M,
-                onChange: E,
-                onFilterChange: R,
-                onOpen: A,
-                onScroll: I,
-                onScrollBottom: B,
-                placeholder: L,
-                repositionMode: q,
-                showSelectedValuesFirst: T,
-                tabConfirmsNewValue: F,
-                virtualization: K
-            }, H);
-            var X = (0, e.useMemo)((function() {
+                append: a,
+                children: i,
+                controlledFilter: u,
+                defaultPlacement: d,
+                describedBy: p,
+                disabled: v,
+                elementRef: b,
+                error: m,
+                footerMessage: g,
+                inline: X,
+                inputId: O,
+                inputRef: S,
+                isLoadingOptions: w,
+                labelledBy: C,
+                loadingMessage: k,
+                menuStyle: x,
+                name: j,
+                noOptionsMessage: E,
+                onClose: R,
+                onChange: M,
+                onFilterChange: A,
+                onOpen: I,
+                onScroll: B,
+                onScrollBottom: N,
+                placeholder: D,
+                prepend: q,
+                repositionMode: T,
+                showSelectedValuesFirst: _,
+                tabConfirmsNewValue: K,
+                virtualization: $
+            }, z);
+            var J = (0, e.useMemo)((function() {
                 return {
-                    defaultValues: d
+                    defaultValues: f
                 };
-            }), [ d ]);
-            var G = (0, e.useMemo)((function() {
+            }), [ f ]);
+            var Q = (0, e.useMemo)((function() {
                 return {
-                    values: _
+                    values: H
                 };
-            }), [ _ ]);
-            var J = (0, e.useMemo)((function() {
-                return z ? G : X;
-            }), [ X, z, G ]);
-            var Q = {
-                filter: m,
-                selectAllAppearance: D,
-                showSelectedValuesFirst: T,
-                virtualization: K
+            }), [ H ]);
+            var Y = (0, e.useMemo)((function() {
+                return W ? Q : J;
+            }), [ J, W, Q ]);
+            var Z = {
+                filter: y,
+                selectAllAppearance: F,
+                showSelectedValuesFirst: _,
+                virtualization: $
             };
             if (l) {
                 
-                return n().createElement(Rn, Rr({
+                return n().createElement(Hn, Hr({
                     "data-test": "multiselect"
-                }, J, Q, U));
+                }, Y, Z, G));
             }
             
-            return n().createElement(Er, Rr({
+            return n().createElement(_r, Hr({
                 "data-test": "multiselect"
-            }, J, U));
+            }, Y, G));
         }
         // TODO: SUI-3402, this can be removed when ControlGroup no longer needs to inspect componentType
-                _r.componentType = "Multiselect";
-        _r.Option = M;
-        _r.Heading = u.Heading;
-        _r.Divider = u.Divider;
-        _r.propTypes = Dr;
-        /* harmony default export */        const Kr = _r;
+                et.componentType = "Multiselect";
+        et.Option = M;
+        et.Heading = u.Heading;
+        et.Divider = u.Divider;
+        et.propTypes = Qr;
+        /* harmony default export */        const nt = et;
     }) // CONCATENATED MODULE: ./src/Multiselect/index.ts
     ();
     module.exports = t;