@splunk/react-ui 5.3.0 → 5.5.0

package/Multiselect.js

@@ -1,120 +1,34 @@
 /******/ (() => {
     // webpackBootstrap
     /******/ "use strict";
-    /******/    var e = {
-        /***/ 3639: 
-        /***/ (e, n, r) => {
-            // EXPORTS
-            r.d(n, {
-                default: () => /* reexport */ s
-            });
-            // UNUSED EXPORTS: isAllowedType, isPrimitive
-            // EXTERNAL MODULE: external "react"
-                        var t = r(9497);
-            // CONCATENATED MODULE: external "lodash/isEqual"
-            const o = require("lodash/isEqual");
-            // EXTERNAL MODULE: external "lodash/has"
-                        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";
-            }
-            function u(e) {
-                if (i(e)) {
-                    return true;
-                }
-                if (Array.isArray(e)) {
-                    return e.every(i);
-                }
-                return false;
-            }
-            /**
- * This is a private component not intended for use outside @splunk/react-ui
- *
- * A hook that accepts a default value (as used in an uncontrolled component)
- * and validates that actions that aren't valid in an uncontrolled component
- * such as updating the default value, combining default value with value, etc.
- * are not happening.
- *
- * Return the controlled state of the component.
- */            function c(e) {
-                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) {}
-                }), [ o, n, i, c ]);
-                (0, t.useEffect)((function() {
-                    if (false) {}
-                    if (false) {}
-                    if (false) {}
-                }), [ o, n, i, c ]);
-                return s.current;
-            }
-            /* harmony default export */            const s = c;
-        } // CONCATENATED MODULE: ./src/useControlled/index.ts
-        /***/ ,
-        /***/ 5919: 
-        /***/ e => {
-            e.exports = require("lodash/has");
-            /***/        },
-        /***/ 9497: 
-        /***/ e => {
-            e.exports = require("react");
-            /***/
-            /******/        }
-    };
-    /************************************************************************/
-    /******/ // The module cache
-    /******/    var n = {};
-    /******/
-    /******/ // The require function
-    /******/    function r(t) {
-        /******/ // Check if module is in cache
-        /******/ var o = n[t];
-        /******/        if (o !== undefined) {
-            /******/ return o.exports;
-            /******/        }
-        /******/ // Create a new module (and put it into the cache)
-        /******/        var a = n[t] = {
-            /******/ // no module.id needed
-            /******/ // no module.loaded needed
-            /******/ exports: {}
-            /******/        };
-        /******/
-        /******/ // Execute the module function
-        /******/        e[t](a, a.exports, r);
-        /******/
-        /******/ // Return the exports of the module
-        /******/        return a.exports;
-        /******/    }
+    /******/ // The require scope
+    /******/    var e = {};
     /******/
     /************************************************************************/
     /******/ /* webpack/runtime/compat get default export */
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/ r.n = e => {
-            /******/ var n = e && e.__esModule ? 
-            /******/ () => e["default"]
-            /******/ : () => e
+        /******/ e.n = n => {
+            /******/ var r = n && n.__esModule ? 
+            /******/ () => n["default"]
+            /******/ : () => n
             /******/;
-            r.d(n, {
-                a: n
+            e.d(r, {
+                a: r
             });
-            /******/            return n;
+            /******/            return r;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ r.d = (e, n) => {
-            /******/ for (var t in n) {
-                /******/ if (r.o(n, t) && !r.o(e, t)) {
-                    /******/ Object.defineProperty(e, t, {
+        /******/ e.d = (n, r) => {
+            /******/ for (var t in r) {
+                /******/ if (e.o(r, t) && !e.o(n, t)) {
+                    /******/ Object.defineProperty(n, t, {
                         enumerable: true,
-                        get: n[t]
+                        get: r[t]
                     });
                     /******/                }
                 /******/            }
@@ -123,14 +37,14 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ r.o = (e, n) => Object.prototype.hasOwnProperty.call(e, n)
+        /******/ e.o = (e, n) => Object.prototype.hasOwnProperty.call(e, n)
         /******/;
     })();
     /******/
     /******/ /* webpack/runtime/make namespace object */
     /******/    (() => {
         /******/ // define __esModule on exports
-        /******/ r.r = e => {
+        /******/ e.r = e => {
             /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
                 /******/ Object.defineProperty(e, Symbol.toStringTag, {
                     value: "Module"
@@ -142,2855 +56,1306 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var t = {};
-    // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
-        (() => {
-        // ESM COMPAT FLAG
-        r.r(t);
-        // EXPORTS
-                r.d(t, {
-            Divider: () => /* reexport */ u.Divider,
-            Heading: () => /* reexport */ u.Heading,
-            Option: () => /* reexport */ M,
-            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 a =  r.n(o);
-        // CONCATENATED MODULE: external "prop-types"
-        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"
-        const c = require("@splunk/react-ui/useControlled");
-        var s =  r.n(c);
-        // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-        const d = require("@splunk/ui-utils/i18n");
-        // CONCATENATED MODULE: ./src/Select/OptionBase.tsx
-        function f(e) {
-            "@babel/helpers - typeof";
-            return f = "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;
-            }, f(e);
-        }
-        function p() {
-            return p = 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;
-            }, p.apply(null, arguments);
-        }
-        function v(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 b(e) {
+    /************************************************************************/    var n = {};
+    // ESM COMPAT FLAG
+        e.r(n);
+    // EXPORTS
+        e.d(n, {
+        Divider: () => /* reexport */ u.Divider,
+        Heading: () => /* reexport */ u.Heading,
+        Option: () => /* reexport */ h,
+        default: () => /* reexport */ an
+    });
+    // CONCATENATED MODULE: external "react"
+    const r = require("react");
+    var t =  e.n(r);
+    // CONCATENATED MODULE: external "lodash/has"
+    const o = require("lodash/has");
+    var a =  e.n(o);
+    // CONCATENATED MODULE: external "prop-types"
+    const l = require("prop-types");
+    var i =  e.n(l);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
+    const u = require("@splunk/react-ui/Menu");
+    // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
+    const s = require("@splunk/react-ui/useControlled");
+    var c =  e.n(s);
+    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+    const d = require("@splunk/ui-utils/i18n");
+    // CONCATENATED MODULE: external "@splunk/react-ui/SelectBase"
+    const f = require("@splunk/react-ui/SelectBase");
+    var p =  e.n(f);
+    // CONCATENATED MODULE: ./src/Multiselect/Option.tsx
+    function v() {
+        return v = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
-                var r = null != arguments[n] ? arguments[n] : {};
-                n % 2 ? v(Object(r), !0).forEach((function(n) {
-                    m(e, n, r[n]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : v(Object(r)).forEach((function(n) {
-                    Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
-                }));
+                var r = arguments[n];
+                for (var t in r) {
+                    ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
+                }
             }
             return e;
-        }
-        function m(e, n, r) {
-            return (n = y(n)) in e ? Object.defineProperty(e, n, {
-                value: r,
-                enumerable: !0,
-                configurable: !0,
-                writable: !0
-            }) : e[n] = r, e;
-        }
-        function y(e) {
-            var n = g(e, "string");
-            return "symbol" == f(n) ? n : n + "";
-        }
-        function g(e, n) {
-            if ("object" != f(e) || !e) return e;
-            var r = e[Symbol.toPrimitive];
-            if (void 0 !== r) {
-                var t = r.call(e, n || "default");
-                if ("object" != f(t)) return t;
-                throw new TypeError("@@toPrimitive must return a primitive value.");
+        }, v.apply(null, arguments);
+    }
+    function b(e, n) {
+        if (null == e) return {};
+        var r, t, o = m(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 ("string" === n ? String : Number)(e);
         }
-        function h(e, n) {
-            if (null == e) return {};
-            var r, t, o = O(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 O(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 o;
+    }
+    function m(e, n) {
+        if (null == e) return {};
+        var r = {};
+        for (var t in e) {
+            if ({}.hasOwnProperty.call(e, t)) {
+                if (-1 !== n.indexOf(t)) continue;
+                r[t] = e[t];
             }
-            return r;
         }
-        var S = {
-            /** @private */
-            active: i().bool,
-            children: i().node,
-            description: i().string,
-            descriptionPosition: i().oneOf([ "right", "bottom" ]),
-            disabled: i().bool,
-            elementRef: i().oneOfType([ i().func, i().object ]),
-            hidden: i().bool,
-            icon: i().node,
-            label: i().string.isRequired,
-            /**
-   * @private Passed down from <BaseSelect>
-   */
-            multiple: i().bool,
-            matchRanges: i().arrayOf(i().shape({
-                start: i().number.isRequired,
-                end: i().number.isRequired
-            })),
-            /** @private */
-            onClick: i().func,
-            /** @private */
-            role: i().oneOf([ "menuitemcheckbox", "option" ]),
-            /** @private */
-            selected: i().oneOfType([ i().bool, i().oneOf([ "some" ]) ]),
-            truncate: i().bool,
-            value: i().oneOfType([ i().string, i().number, i().bool ]).isRequired
-        };
+        return r;
+    }
+    var g = {
+        /** @private */
+        active: i().bool,
+        children: i().node,
         /**
- * An option within a `Multiselect`.
- */        function w(r) {
-            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 (!l) {
-                    f === null || f === void 0 ? void 0 : f(e, {
-                        value: y
-                    });
-                }
-            }), [ l, f, y ]);
-            var S = y.toString();
-            var w = b({
-                descriptionPosition: a,
-                disabled: l ? "disabled" : undefined
-            }, g);
-            
-            return n().createElement(u.Item, p({
-                "data-test-value": y,
-                "data-test": "option",
-                elementRef: i
-            }, w, {
-                selectable: true,
-                selectableAppearance: d ? "checkbox" : "checkmark",
-                startAdornment: c,
-                onClick: O,
-                role: m,
-                value: S
-            }), t || s);
-        }
-        w.propTypes = S;
-        w.type = u.Item;
- // For components to distinguish if their children are Options or Headings/Dividers
-        /* harmony default export */        const C = w;
-        // CONCATENATED MODULE: ./src/Multiselect/Option.tsx
-        function k() {
-            return k = 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;
-            }, k.apply(null, arguments);
-        }
-        function x(e, n) {
-            if (null == e) return {};
-            var r, t, o = j(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 j(e, n) {
-            if (null == e) return {};
-            var r = {};
-            for (var t in e) {
-                if ({}.hasOwnProperty.call(e, t)) {
-                    if (-1 !== n.indexOf(t)) continue;
-                    r[t] = e[t];
-                }
-            }
-            return r;
-        }
-        var P = {
-            /** @private */
-            active: i().bool,
-            children: i().node,
-            /**
    * @private this is passed down from Multiselect.
    */
-            compact: i().bool,
-            description: i().string,
-            descriptionPosition: i().oneOf([ "right", "bottom" ]),
-            disabled: i().bool,
-            elementRef: i().oneOfType([ i().func, i().object ]),
-            hidden: i().bool,
-            icon: i().node,
-            label: i().string.isRequired,
-            matchRanges: i().arrayOf(i().shape({
-                start: i().number.isRequired,
-                end: i().number.isRequired
-            })),
-            /** @private */
-            onClick: i().func,
-            /** @private */
-            role: i().oneOf([ "menuitemcheckbox", "option" ]),
-            /** @private */
-            selected: i().bool,
-            selectedAppearance: i().oneOf([ "info", "success", "warning", "error" ]),
-            selectedBackgroundColor: i().string,
-            selectedForegroundColor: i().string,
-            truncate: i().bool,
-            value: i().oneOfType([ i().string, i().number, i().bool ]).isRequired
-        };
-        /**
+        compact: i().bool,
+        description: i().string,
+        descriptionPosition: i().oneOf([ "right", "bottom" ]),
+        disabled: i().bool,
+        elementRef: i().oneOfType([ i().func, i().object ]),
+        hidden: i().bool,
+        icon: i().node,
+        label: i().string.isRequired,
+        matchRanges: i().arrayOf(i().shape({
+            start: i().number.isRequired,
+            end: i().number.isRequired
+        })),
+        /** @private */
+        onClick: i().func,
+        /** @private */
+        role: i().oneOf([ "menuitemcheckbox", "option" ]),
+        /** @private */
+        selected: i().bool,
+        selectedAppearance: i().oneOf([ "info", "success", "warning", "error" ]),
+        selectedBackgroundColor: i().string,
+        selectedForegroundColor: i().string,
+        truncate: i().bool,
+        value: i().oneOfType([ i().string, i().number, i().bool ]).isRequired
+    };
+    /**
  * An option within a `Multiselect`.
- */        function E(e) {
-            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: l,
-                disabled: i,
-                elementRef: u,
-                hidden: c,
-                icon: s,
-                label: d,
-                matchRanges: f,
-                role: p,
-                selected: v,
-                truncate: b,
-                value: m
-            }, y, {
-                multiple: r
-            }), t || d);
-        }
-        E.propTypes = P;
-        /* harmony default export */        const M = E;
-        // CONCATENATED MODULE: external "lodash/castArray"
-        const R = require("lodash/castArray");
-        var A =  r.n(R);
-        // CONCATENATED MODULE: external "lodash/find"
-        const I = require("lodash/find");
-        var B =  r.n(I);
-        // CONCATENATED MODULE: external "lodash/forEachRight"
-        const N = require("lodash/forEachRight");
-        var V =  r.n(N);
-        // CONCATENATED MODULE: external "lodash/includes"
-        const D = require("lodash/includes");
-        var q =  r.n(D);
-        // CONCATENATED MODULE: external "lodash/memoize"
-        const L = require("lodash/memoize");
-        var T =  r.n(L);
-        // CONCATENATED MODULE: external "lodash/pick"
-        const F = require("lodash/pick");
-        var _ =  r.n(F);
-        // CONCATENATED MODULE: external "lodash/uniq"
-        const K = require("lodash/uniq");
-        var H =  r.n(K);
-        // CONCATENATED MODULE: external "lodash/without"
-        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);
-        // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
-        const X = require("@splunk/react-icons/Magnifier");
-        var G =  r.n(X);
-        // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
-        const J = require("@splunk/react-ui/Dropdown");
-        var Q =  r.n(J);
-        // CONCATENATED MODULE: external "@splunk/react-ui/Link"
-        const Y = require("@splunk/react-ui/Link");
-        var Z =  r.n(Y);
-        // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
-        const ee = require("@splunk/react-ui/ResultsMenu");
-        var ne =  r.n(ee);
-        // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
-        const re = require("@splunk/react-ui/ScreenReaderContent");
-        var te =  r.n(re);
-        // CONCATENATED MODULE: external "@splunk/react-ui/Text"
-        const oe = require("@splunk/react-ui/Text");
-        var ae =  r.n(oe);
-        // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
-        const 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"
-        const ce = require("@splunk/ui-utils/id");
-        // CONCATENATED MODULE: external "@splunk/ui-utils/scroll"
-        const se = require("@splunk/ui-utils/scroll");
-        // CONCATENATED MODULE: ./src/Select/SelectAllOption.tsx
-        function de(e) {
-            "@babel/helpers - typeof";
-            return de = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
-                return typeof e;
-            } : function(e) {
-                return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-            }, de(e);
-        }
-        function 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) {
+ */    function y(e) {
+        var n = e.compact, r = e.children, o = e.description, a = e.descriptionPosition, l = a === void 0 ? "bottom" : a, i = e.disabled, u = e.elementRef, s = e.hidden, c = e.icon, d = e.label, p = e.matchRanges, m = e.role, g = e.selected, y = e.truncate, h = e.value, O = b(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 t().createElement(f.Option, v({
+            description: o,
+            descriptionPosition: l,
+            disabled: i,
+            elementRef: u,
+            hidden: s,
+            icon: c,
+            label: d,
+            matchRanges: p,
+            role: m,
+            selected: g,
+            truncate: y,
+            value: h
+        }, O, {
+            multiple: n
+        }), r || d);
+    }
+    y.propTypes = g;
+    /* harmony default export */    const h = y;
+    // CONCATENATED MODULE: ./src/utils/useDeprecate.tsx
+    var O = "is deprecated and will be removed in the next major version.";
+    var w = function e(n) {
+        var r = n.additionalMessage, t = r === void 0 ? "" : r, o = n.componentName;
+        useEffect((function() {
+            if (false) {}
+        }), [ t, o ]);
+    };
+    var S = 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 C = function e(n) {
+        var t = n.additionalMessage, o = t === void 0 ? "" : t, a = n.componentName, l = n.deprecatedPropValue, i = n.propName, u = n.propValue;
+        (0, r.useEffect)((function() {
+            if (false) {}
+        }), [ o, a, i, u, l ]);
+    };
+    // CONCATENATED MODULE: ./src/Multiselect/Compact.tsx
+    function M() {
+        return M = Object.assign ? Object.assign.bind() : function(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));
-                }));
+                var r = arguments[n];
+                for (var t in r) {
+                    ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
+                }
             }
             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.");
+        }, M.apply(null, arguments);
+    }
+    function P(e, n) {
+        if (null == e) return {};
+        var r, t, o = k(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 ("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 f = u != null ? " (".concat(u === null || u === void 0 ? void 0 : u.toString(), ")") : "";
-            
-            return n().createElement(C, fe({
-                active: r,
-                elementRef: t,
-                "aria-keyshortcuts": "Control+A",
-                "data-test": "select-all",
-                description: "".concat(f, " Ctrl-a"),
-                descriptionPosition: "right",
-                id: o,
-                key: "selectAll",
-                multiple: true,
-                label: a,
-                onClick: l,
-                selected: i,
-                role: "menuitemcheckbox",
-                value: s
-            }, d));
         }
-        Se.propTypes = Oe;
-        /* harmony default export */        const we = Se;
-        // CONCATENATED MODULE: external "styled-components"
-        const Ce = require("styled-components");
-        var ke =  r.n(Ce);
-        // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-        const xe = require("@splunk/react-ui/Button");
-        var je =  r.n(xe);
-        // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
-        const Pe = require("@splunk/react-ui/Divider");
-        var Ee =  r.n(Pe);
-        // CONCATENATED MODULE: external "@splunk/themes"
-        const Me = require("@splunk/themes");
-        // CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
-        var Re = ke()(je()).withConfig({
-            displayName: "SelectBaseStyles__StyledButton",
-            componentId: "sc-16cj7sk-0"
-        })([ "&[data-inline]{width:", ";}", "" ], (function(e) {
-            var n = e.$multiple;
-            return n ? "400px" : "auto";
-        }), (function(e) {
-            var n = e.$multiple;
-            return !n && "flex-grow: 0;";
-        }));
-        var Ae = ke().span.withConfig({
-            displayName: "SelectBaseStyles__StyledLinkIcon",
-            componentId: "sc-16cj7sk-1"
-        })([ "padding-right:", ";" ], Me.variables.spacingXSmall);
-        var Ie = ke().span.withConfig({
-            displayName: "SelectBaseStyles__StyledLinkCaret",
-            componentId: "sc-16cj7sk-2"
-        })([ "padding-left:", ";" ], Me.variables.spacingXSmall);
-        var Be = ke().div.withConfig({
-            displayName: "SelectBaseStyles__StyledFilter",
-            componentId: "sc-16cj7sk-3"
-        })([ "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:", ";" ], Me.variables.spacingXSmall);
-        var Ve = ke()(Z()).withConfig({
-            displayName: "SelectBaseStyles__StyledControlsLink",
-            componentId: "sc-16cj7sk-5"
-        })([ "", ";" ], (function(e) {
-            var n = e.$disabled;
-            return n && (0, Ce.css)([ "color:", ";" ], Me.variables.contentColorDisabled);
-        }));
-        var De = ke().div.withConfig({
-            displayName: "SelectBaseStyles__StyledToggleAllControls",
-            componentId: "sc-16cj7sk-6"
-        })([ "", ";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:", ";" ], Me.variables.borderColor);
-        // EXTERNAL MODULE: ./src/useControlled/index.ts + 2 modules
-                var Le = r(3639);
-        // CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
-        // A utility for matching keyboard characters to list values
-        var Te = function e(n, r) {
-            return n ? n.label.charAt(r).toLowerCase() : "";
-        };
-        var Fe = function e(n, r) {
-            if (!n.length) {
-                return n;
-            }
-            var t = null;
-            var o = false;
-            var a = n.filter((function(e) {
-                var n = Te(e, r.index);
-                if (n === r.value) {
-                    o = true;
-                    return true;
-                }
-                // If we haven't found a match yet, keep track of the next closest match.
-                // Secondary matching looks for the closest character of a higher value, and failing that, closest of a lower value.
-                                if (!o) {
-                    var a = Te(t, r.index);
-                    if (!a) {
-                        t = e;
-                    } else if (n > r.value) {
-                        if (a < r.value) {
-                            t = e;
-                        } else if (a > n) {
-                            t = e;
-                        }
-                    } else if (n > a) {
-                        t = e;
-                    }
-                }
-                return false;
-            }));
-            return a.length === 0 && t ? [ t ] : a;
-        };
-        // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
-        /* eslint-disable @typescript-eslint/no-empty-function */
-        var _e = {
-            body: {
-                appendChild: function e() {
-                    return [];
-                }
-            },
-            addEventListener: function e() {},
-            removeEventListener: function e() {},
-            activeElement: {
-                blur: function e() {},
-                nodeName: ""
-            },
-            querySelector: function e() {
-                return null;
-            },
-            querySelectorAll: function e() {
-                return [];
-            },
-            getElementById: function e() {
-                return null;
-            },
-            createEvent: function e() {
-                return {
-                    initEvent: function e() {}
-                };
-            },
-            createElement: function e() {
-                return {
-                    children: [],
-                    childNodes: [],
-                    style: {},
-                    setAttribute: function e() {},
-                    getElementsByTagName: function e() {
-                        return [];
-                    }
-                };
-            },
-            createElementNS: function e() {
-                return {};
-            },
-            importNode: function e() {
-                return null;
-            },
-            location: {
-                hash: "",
-                host: "",
-                hostname: "",
-                href: "",
-                origin: "",
-                pathname: "",
-                protocol: "",
-                search: ""
+        return o;
+    }
+    function k(e, n) {
+        if (null == e) return {};
+        var r = {};
+        for (var t in e) {
+            if ({}.hasOwnProperty.call(e, t)) {
+                if (-1 !== n.indexOf(t)) continue;
+                r[t] = e[t];
             }
-        };
-        function Ke() {
-            var e = typeof document !== "undefined" ? document : _e;
-            return e;
         }
-        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 ze = {
-            document: _e,
-            navigator: {
-                userAgent: ""
-            },
-            location: {
-                hash: "",
-                host: "",
-                hostname: "",
-                href: "",
-                origin: "",
-                pathname: "",
-                protocol: "",
-                search: ""
-            },
-            history: {
-                replaceState: function e() {},
-                pushState: function e() {},
-                go: function e() {},
-                back: function e() {}
-            },
-            CustomEvent: function e() {
-                return this;
-            },
-            addEventListener: function e() {},
-            removeEventListener: function e() {},
-            getComputedStyle: function e() {
-                return {
-                    getPropertyValue: function e() {
-                        return "";
-                    }
-                };
-            },
-            Image: function e() {},
-            Date: function e() {},
-            screen: {},
-            setTimeout: function e() {},
-            clearTimeout: function e() {},
-            matchMedia: function e() {
-                return {};
-            },
-            requestAnimationFrame: function e(n) {
-                if (typeof setTimeout === "undefined") {
-                    n();
-                    return null;
-                }
-                return setTimeout(n, 0);
-            },
-            cancelAnimationFrame: function e(n) {
-                if (typeof setTimeout === "undefined") {
-                    return;
+        return r;
+    }
+    var j = {
+        allowNewValues: i().bool,
+        animateLoading: i().bool,
+        append: i().bool,
+        children: i().node,
+        controlledFilter: i().bool,
+        defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
+        defaultValues: i().array,
+        describedBy: i().string,
+        disabled: i().bool,
+        elementRef: i().oneOfType([ i().func, i().object ]),
+        error: i().bool,
+        filter: i().oneOf([ false, true, "controlled" ]),
+        footerMessage: i().node,
+        inline: i().bool,
+        inputId: i().string,
+        inputRef: i().oneOfType([ i().func, i().object ]),
+        isLoadingOptions: i().bool,
+        labelledBy: i().string,
+        loadingMessage: i().node,
+        menuStyle: i().object,
+        name: i().string,
+        noOptionsMessage: i().node,
+        onChange: i().func,
+        onClose: i().func,
+        onFilterChange: i().func,
+        onOpen: i().func,
+        onScroll: i().func,
+        onScrollBottom: i().func,
+        placeholder: i().string,
+        prepend: i().bool,
+        repositionMode: i().oneOf([ "none", "flip" ]),
+        selectAllAppearance: i().oneOf([ "buttongroup", "checkbox", "none" ]),
+        showSelectedValuesFirst: i().oneOf([ "nextOpen", "immediately", "never" ]),
+        tabConfirmsNewValue: i().bool,
+        values: i().array,
+        /** @private */
+        virtualization: i().number
+    };
+    // TS: not typed controlled/uncontrolled, handled by Multiselect wrapper component
+        var V = {};
+    var x = (0, d._)("No matches");
+    var N = (0, d._)("Select...");
+    function B(e) {
+        var n = e.allowNewValues, o = e.animateLoading, a = e.append, l = e.children, i = e.controlledFilter, u = e.defaultPlacement, s = u === void 0 ? "vertical" : u, c = e.defaultValues, d = e.describedBy, v = e.disabled, b = e.elementRef, m = e.error, g = e.filter, y = e.footerMessage, h = e.inline, O = e.inputId, w = e.inputRef, S = e.isLoadingOptions, k = e.labelledBy, j = e.loadingMessage, B = e.menuStyle, R = B === void 0 ? V : B, E = e.name, F = e.noOptionsMessage, A = F === void 0 ? x : F, I = e.onChange, q = e.onClose, D = e.onFilterChange, L = e.onOpen, T = e.onScroll, _ = e.onScrollBottom, H = e.placeholder, $ = H === void 0 ? N : H, z = e.prepend, K = e.repositionMode, W = e.selectAllAppearance, U = e.showSelectedValuesFirst, G = U === void 0 ? "nextOpen" : U, X = e.tabConfirmsNewValue, J = e.values, Q = e.virtualization, Y = P(e, [ "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
+                C({
+            componentName: "Multiselect",
+            deprecatedPropValue: "buttongroup",
+            propName: "selectAllAppearance",
+            propValue: W
+        });
+        var Z = true;
+        if (g != null) {
+            Z = g;
+            if (false) {}
+        } else {
+            Z = i ? "controlled" : true;
+        }
+        var ee = {
+            children: r.Children.toArray(l).map((function(e) {
+                if ((0, f.isOption)(e)) {
+                    var n;
+                    var r = (n = e.key) !== null && n !== void 0 ? n : "".concat(e.props.label, "-").concat(e.props.value);
+                    
+                    return t().createElement(f.Option, M({
+                        key: r
+                    }, e.props, {
+                        multiple: true
+                    }));
                 }
-                clearTimeout(n);
-            }
+                return e;
+            })),
+            filter: Z
         };
-        function We() {
-            var e = typeof window !== "undefined" ? window : ze;
-            return e;
-        }
-        var Ue = We();
-        /* harmony default export */        const Xe = /* unused pure expression or super */ null && Ue;
-        // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
-        /**
+        if (c != null) {
+            ee.defaultValues = c;
+        }
+        if (J != null) {
+            ee.values = J;
+        }
+        
+        return t().createElement(p(), M({
+            allowNewValues: n,
+            animateLoading: o,
+            append: a,
+            describedBy: d,
+            disabled: v,
+            defaultPlacement: s,
+            elementRef: b,
+            error: m,
+            footerMessage: y,
+            inline: h,
+            inputId: O,
+            inputRef: w,
+            isLoadingOptions: S,
+            labelledBy: k,
+            loadingMessage: j,
+            menuStyle: R,
+            name: E,
+            noOptionsMessage: A,
+            onChange: I,
+            onClose: q,
+            onFilterChange: D,
+            onOpen: L,
+            onScroll: T,
+            onScrollBottom: _,
+            placeholder: $,
+            prepend: z,
+            repositionMode: K,
+            selectAllAppearance: W,
+            showSelectedValuesFirst: G,
+            tabConfirmsNewValue: X,
+            virtualization: Q
+        }, Y, ee, {
+            multiple: true
+        }));
+    }
+    B.propTypes = j;
+    B.Option = h;
+    B.Divider = u.Divider;
+    B.Heading = u.Heading;
+    /* harmony default export */    const R = B;
+    // CONCATENATED MODULE: external "lodash/defer"
+    const E = require("lodash/defer");
+    var F =  e.n(E);
+    // CONCATENATED MODULE: external "lodash/get"
+    const A = require("lodash/get");
+    var I =  e.n(A);
+    // CONCATENATED MODULE: external "lodash/isString"
+    const q = require("lodash/isString");
+    var D =  e.n(q);
+    // CONCATENATED MODULE: external "lodash/keys"
+    const L = require("lodash/keys");
+    var T =  e.n(L);
+    // CONCATENATED MODULE: external "lodash/last"
+    const _ = require("lodash/last");
+    var H =  e.n(_);
+    // CONCATENATED MODULE: external "lodash/memoize"
+    const $ = require("lodash/memoize");
+    var z =  e.n($);
+    // CONCATENATED MODULE: external "lodash/omit"
+    const K = require("lodash/omit");
+    var W =  e.n(K);
+    // CONCATENATED MODULE: external "lodash/pickBy"
+    const U = require("lodash/pickBy");
+    var G =  e.n(U);
+    // CONCATENATED MODULE: external "lodash/without"
+    const X = require("lodash/without");
+    var J =  e.n(X);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
+    const Q = require("@splunk/react-ui/Popover");
+    var Y =  e.n(Q);
+    // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
+    const Z = require("@splunk/react-ui/ResultsMenu");
+    var ee =  e.n(Z);
+    // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
+    const ne = require("@splunk/react-ui/ScreenReaderContent");
+    var re =  e.n(ne);
+    // CONCATENATED MODULE: external "@splunk/ui-utils/filter"
+    const te = require("@splunk/ui-utils/filter");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/format"
+    const oe = require("@splunk/ui-utils/format");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/id"
+    const ae = require("@splunk/ui-utils/id");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/scroll"
+    const le = require("@splunk/ui-utils/scroll");
+    // CONCATENATED MODULE: external "styled-components"
+    const ie = require("styled-components");
+    var ue =  e.n(ie);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Box"
+    const se = require("@splunk/react-ui/Box");
+    var ce =  e.n(se);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Chip"
+    const de = require("@splunk/react-ui/Chip");
+    var fe =  e.n(de);
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const pe = require("@splunk/themes");
+    // CONCATENATED MODULE: ./src/Multiselect/NormalStyles.ts
+    var ve = ue()(ce()).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;}" ], pe.variables.spacingXSmall, pe.variables.borderRadius, pe.variables.inputHeight, pe.variables.inputBorderWidth, pe.variables.interactiveColorBorder, pe.variables.spacingXSmall, pe.variables.interactiveColorBackground, (function(e) {
+        var n = e.$append;
+        return n && (0, ie.css)([ "border-start-end-radius:0;border-end-end-radius:0;border-inline-end:none;" ]);
+    }), (function(e) {
+        var n = e.$prepend;
+        return n && (0, ie.css)([ "border-start-start-radius:0;border-end-start-radius:0;" ]);
+    }), (function(e) {
+        var n = e.$hasFocus;
+        return n && (0, ie.css)([ "box-shadow:", ";" ], pe.variables.focusShadow);
+    }), (function(e) {
+        var n = e.$error;
+        return n && (0, ie.css)([ "border-color:", ";&:hover:not([disabled]){border-color:", ";}" ], pe.variables.interactiveColorAccentError, pe.variables.interactiveColorAccentErrorStrong);
+    }), (function(e) {
+        var n = e.$disabled;
+        return n && (0, ie.css)([ "border-color:", ";background-color:", ";cursor:not-allowed;" ], pe.variables.interactiveColorBorderDisabled, pe.variables.interactiveColorBackgroundDisabled);
+    }), (function(e) {
+        var n = e.$disabled, r = e.$hasFocus;
+        return !n && !r && (0, ie.css)([ "&:hover{border-color:", ";}" ], pe.variables.interactiveColorBorderHover);
+    }), (function(e) {
+        var n = e.$popoverOpen;
+        return n && (0, ie.css)([ "position:relative;z-index:calc(", " - 2);" ], pe.variables.zindexFixedNavbar);
+    }));
+    var be = ue().span.withConfig({
+        displayName: "NormalStyles__StyledButtonsWrapper",
+        componentId: "sc-1uwwpco-1"
+    })([ "display:contents;" ]);
+    var me = ue().input.withConfig({
+        displayName: "NormalStyles__StyledInput",
+        componentId: "sc-1uwwpco-2"
+    })([ "", ";flex:1 0 auto;max-width:100%;" ], pe.mixins.reset("block"));
+    var ge = ue()(fe()).withConfig({
+        displayName: "NormalStyles__StyledChip",
+        componentId: "sc-1uwwpco-3"
+    })([ "line-height:1.1429;height:auto;", ";&:not([disabled]):focus{box-shadow:", ";}" ], (0, 
+    pe.pick)({
+        compact: (0, ie.css)([ "padding-block:2px;" ])
+    }), pe.variables.focusShadowInset);
+    // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
+    /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
  *
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-        function Ge(e, n) {
-            if (e) {
-                if (typeof e === "function") {
-                    e(n);
-                } else {
-                    // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
-                    // the intention here is to signal "we will take care of setting 'current', not you".
-                    e.current = n;
+    function ye(e, n) {
+        if (e) {
+            if (typeof e === "function") {
+                e(n);
+            } else {
+                // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
+                // the intention here is to signal "we will take care of setting 'current', not you".
+                e.current = n;
  // eslint-disable-line no-param-reassign
-                                }
-            }
-        }
-        // CONCATENATED MODULE: ./src/Select/SelectBase.tsx
-        function Je(e) {
-            return Ze(e) || Ye(e) || tn(e) || Qe();
-        }
-        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 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 on(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) {
-                        ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
-                    }
+    }
+    // CONCATENATED MODULE: ./src/Multiselect/Normal.tsx
+    function he(e) {
+        "@babel/helpers - typeof";
+        return he = "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;
+        }, he(e);
+    }
+    function Oe() {
+        return Oe = 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;
-            }, en.apply(null, arguments);
-        }
-        function nn(e, n) {
-            return ln(e) || an(e, n) || tn(e, n) || rn();
-        }
-        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 tn(e, n) {
-            if (e) {
-                if ("string" == typeof e) return on(e, n);
-                var r = {}.toString.call(e).slice(8, -1);
-                return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? on(e, n) : void 0;
-            }
-        }
-        function 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 an(e, n) {
-            var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
-            if (null != r) {
-                var t, o, a, l, i = [], u = !0, c = !1;
+            return e;
+        }, Oe.apply(null, arguments);
+    }
+    function we(e) {
+        return Me(e) || Ce(e) || je(e) || Se();
+    }
+    function Se() {
+        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 Ce(e) {
+        if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
+    }
+    function Me(e) {
+        if (Array.isArray(e)) return Ve(e);
+    }
+    function Pe(e, n) {
+        return Ne(e) || xe(e, n) || je(e, n) || ke();
+    }
+    function ke() {
+        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 je(e, n) {
+        if (e) {
+            if ("string" == typeof e) return Ve(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) ? Ve(e, n) : void 0;
+        }
+    }
+    function Ve(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 xe(e, n) {
+        var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != r) {
+            var t, o, a, l, i = [], u = !0, s = !1;
+            try {
+                if (a = (r = r.call(e)).next, 0 === n) {
+                    if (Object(r) !== r) return;
+                    u = !1;
+                } else for (;!(u = (t = a.call(r)).done) && (i.push(t.value), i.length !== n); u = !0) {
+                }
+            } catch (e) {
+                s = !0, o = e;
+            } finally {
                 try {
-                    if (a = (r = r.call(e)).next, 0 === n) {
-                        if (Object(r) !== r) return;
-                        u = !1;
-                    } else for (;!(u = (t = a.call(r)).done) && (i.push(t.value), i.length !== n); u = !0) {
-                    }
-                } catch (e) {
-                    c = !0, o = e;
+                    if (!u && null != r["return"] && (l = r["return"](), Object(l) !== l)) return;
                 } finally {
-                    try {
-                        if (!u && null != r["return"] && (l = r["return"](), Object(l) !== l)) return;
-                    } finally {
-                        if (c) throw o;
-                    }
-                }
-                return i;
-            }
-        }
-        function ln(e) {
-            if (Array.isArray(e)) return e;
-        }
-        function un(e, n) {
-            if (null == e) return {};
-            var r, t, o = cn(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 cn(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];
+                    if (s) throw o;
                 }
             }
-            return r;
-        }
-        function sn(e) {
-            "@babel/helpers - typeof";
-            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;
-            }, sn(e);
-        }
-        function dn(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 fn(e) {
-            for (var n = 1; n < arguments.length; n++) {
-                var r = null != arguments[n] ? arguments[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 i;
+        }
+    }
+    function Ne(e) {
+        if (Array.isArray(e)) return e;
+    }
+    function Be(e, n) {
+        if (null == e) return {};
+        var r, t, o = Re(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 e;
-        }
-        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 vn(e) {
-            var n = bn(e, "string");
-            return "symbol" == sn(n) ? n : n + "";
-        }
-        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" != sn(t)) return t;
-                throw new TypeError("@@toPrimitive must return a primitive value.");
+        return o;
+    }
+    function Re(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 ("string" === n ? String : Number)(e);
-        }
-        var mn = {
-            allowKeyMatching: i().bool,
-            allowNewValues: i().bool,
-            animateLoading: i().bool,
-            appearance: i().oneOf([ "default", "link", "subtle" ]),
-            append: i().bool,
-            children: i().node,
-            defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
-            defaultValues: i().array,
-            describedBy: i().string,
-            disabled: i().bool,
-            elementRef: i().oneOfType([ i().func, i().object ]),
-            error: i().bool,
-            filter: i().oneOf([ false, true, "controlled" ]),
-            footerMessage: i().node,
-            inline: i().bool,
-            inputId: i().string,
-            inputRef: i().oneOfType([ i().func, i().object ]),
-            isLoadingOptions: i().bool,
-            labelledBy: i().string,
-            labelText: i().string,
-            loadingMessage: i().node,
-            menuStyle: i().object,
-            multiple: i().bool,
-            name: i().string,
-            noOptionsMessage: i().node,
-            onChange: i().func,
-            onClick: i().func,
-            onClose: i().func,
-            onFilterChange: i().func,
-            onOpen: i().func,
-            onScroll: i().func,
-            onScrollBottom: i().func,
-            /** @private. */
-            required: i().bool,
-            placeholder: i().string,
-            prefixLabel: i().string,
-            prepend: i().bool,
-            repositionMode: i().oneOf([ "none", "flip" ]),
-            selectAllAppearance: i().oneOf([ "buttongroup", "checkbox", "none" ]),
-            showSelectedValuesFirst: i().oneOf([ "nextOpen", "immediately", "never" ]),
-            suffixLabel: i().string,
-            tabConfirmsNewValue: i().bool,
-            toggle: i().node,
-            toggleContent: i().oneOf([ "optionChildren", "optionLabel" ]),
-            values: i().array,
-            /** @private. */
-            virtualization: i().number
-        };
-        var yn = T()((function(e) {
-            return [ e ];
-        }));
-        // preserve separate widths for single vs. multi mode
-                var gn = T()((function(e) {
-            var n = e.anchorWidth, r = e.isMultiple, t = e.maxHeight, o = e.menuStyle;
-            return r ? fn({
-                width: Math.max(n !== null && n !== void 0 ? n : 0, 200),
-                maxHeight: t
-            }, 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 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);
+        return r;
+    }
+    function Ee(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 Fe(e) {
+        for (var n = 1; n < arguments.length; n++) {
+            var r = null != arguments[n] ? arguments[n] : {};
+            n % 2 ? Ee(Object(r), !0).forEach((function(n) {
+                Ae(e, n, r[n]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Ee(Object(r)).forEach((function(n) {
+                Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, 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(De, {
-                key: "selectAll"
-            },  n().createElement(Ve, {
-                disabled: g.current === "all",
-                appearance: "standalone",
-                "aria-label": w,
-                onClick: p,
-                "data-test": "select-all",
-                tag: "button"
-            }, 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"
-            }, 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(qe, null),  n().createElement(Be, {
-                key: "filter",
-                "data-test": "filter"
-            },  n().createElement(ae(), {
-                value: a,
-                autoCapitalize: "off",
-                autoComplete: "off",
-                autoCorrect: "off",
-                spellCheck: false,
-                onChange: b,
-                onKeyDown: y,
-                onFocus: m,
-                onBlur: v,
-                placeholder: (0, d._)("filter"),
-                role: "combobox",
-                "aria-expanded": "true",
-                "aria-controls": c,
-                "aria-owns": S && l ? t : undefined,
-                "aria-label": (0, d._)("Filter"),
-                "aria-autocomplete": "list",
-                "aria-activedescendant": S && l ? t : undefined,
-                inputRef: u,
-                inputId: i,
-                canClear: true,
-                startAdornment: xn
-            })), s && l && O === "buttongroup" && k, h === "below" &&  n().createElement(qe, null));
+        return e;
+    }
+    function Ae(e, n, r) {
+        return (n = Ie(n)) in e ? Object.defineProperty(e, n, {
+            value: r,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[n] = r, e;
+    }
+    function Ie(e) {
+        var n = qe(e, "string");
+        return "symbol" == he(n) ? n : n + "";
+    }
+    function qe(e, n) {
+        if ("object" != he(e) || !e) return e;
+        var r = e[Symbol.toPrimitive];
+        if (void 0 !== r) {
+            var t = r.call(e, n || "default");
+            if ("object" != he(t)) return t;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
+        }
+        return ("string" === n ? String : Number)(e);
+    }
+    var De = {
+        allowNewValues: i().bool,
+        animateLoading: i().bool,
+        append: i().bool,
+        children: i().node,
+        controlledFilter: i().bool,
+        defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
+        defaultValues: i().array,
+        describedBy: i().string,
+        disabled: i().bool,
+        elementRef: i().oneOfType([ i().func, i().object ]),
+        error: i().bool,
+        footerMessage: i().node,
+        inline: i().bool,
+        inputId: i().string,
+        inputRef: i().oneOfType([ i().func, i().object ]),
+        isLoadingOptions: i().bool,
+        labelledBy: i().string,
+        loadingMessage: i().node,
+        menuStyle: i().object,
+        name: i().string,
+        noOptionsMessage: i().node,
+        onChange: i().func,
+        onClose: i().func,
+        onFilterChange: i().func,
+        onOpen: i().func,
+        onScroll: i().func,
+        onScrollBottom: i().func,
+        placeholder: i().string,
+        prepend: i().bool,
+        /** @private. */
+        required: i().bool,
+        repositionMode: i().oneOf([ "none", "flip" ]),
+        tabConfirmsNewValue: i().bool,
+        values: i().array
+    };
+    var Le = z()((function(e) {
+        return {
+            flexBasis: e,
+            width: e
         };
-        var Pn = function e(n) {
-            var r = n.prefixLabel, t = n.label, o = n.suffixLabel;
-            var a = t;
-            if (r) {
-                a = [ "".concat(r, ": ") ].concat(a);
-            }
-            if (o) {
-                a = A()(a).concat(" ".concat(o));
+    }));
+    // export for testing purpose
+        var Te = z()((function(e) {
+        var n = e.anchorWidth, r = n === void 0 ? 0 : n, t = e.maxHeight, o = e.menuStyle;
+        return Fe({
+            maxHeight: t,
+            overflow: "auto",
+            width: Math.max(r, 200)
+        }, o || {});
+    }));
+    // TS: not typed controlled/uncontrolled, handled by Multiselect wrapper component
+        var _e = {};
+    var He = (0, d._)("No matches");
+    var $e = (0, d._)("Select...");
+    function ze(e) {
+        var n = e.allowNewValues, o = e.animateLoading, l = e.append, i = e.children, u = e.controlledFilter, s = e.defaultPlacement, f = s === void 0 ? "vertical" : s, p = e.defaultValues, v = e.describedBy, b = e.disabled, m = e.elementRef, g = e.error, y = e.footerMessage, O = e.inline, w = e.inputId, S = e.inputRef, C = e.isLoadingOptions, M = e.labelledBy, P = e.loadingMessage, k = e.menuStyle, j = k === void 0 ? _e : k, V = e.name, x = e.noOptionsMessage, N = x === void 0 ? He : x, B = e.onChange, R = e.onClose, E = e.onFilterChange, A = e.onScroll, q = e.onScrollBottom, L = e.onOpen, _ = e.placeholder, $ = _ === void 0 ? $e : _, z = e.prepend, K = e.required, U = e.repositionMode, X = e.tabConfirmsNewValue, Q = e.values, Z = Be(e, [ "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 ne = c()({
+            componentName: "Multiselect",
+            /* eslint-disable-next-line prefer-rest-params */
+            componentProps: arguments[0],
+            // see SUI-7028
+            defaultValuePropName: "defaultValues",
+            valuePropName: "values"
+        });
+        if (false) {}
+        var ie = (0, r.useState)(0), ue = Pe(ie, 2), se = ue[0], ce = ue[1];
+        var de = (0, r.useState)(null), fe = Pe(de, 2), pe = fe[0], he = fe[1];
+        var Se = (0, r.useState)(""), Ce = Pe(Se, 2), Me = Ce[0], ke = Ce[1];
+        var je = (0, r.useState)(false), Ve = Pe(je, 2), xe = Ve[0], Ne = Ve[1];
+        var Re = (0, r.useState)(false), Ee = Pe(Re, 2), Ae = Ee[0], Ie = Ee[1];
+        var qe = (0, r.useState)(p || []), De = Pe(qe, 2), ze = De[0], Ke = De[1];
+        var We = (0, r.useState)(""), Ue = Pe(We, 2), Ge = Ue[0], Xe = Ue[1];
+        var Je = ne && Q ? Q : ze;
+        var Qe = Je.slice(0);
+        var Ye = Je.indexOf(Me) >= 0;
+        var Ze = (0, r.useRef)(null);
+        var en = (0, r.useRef)(null);
+        var nn = (0, r.useRef)(undefined);
+        var rn = (0, r.useRef)(0);
+        var tn = (0, r.useState)((function() {
+            return {
+                activeItemId: (0, ae.createDOMID)("active-item"),
+                popoverId: (0, ae.createDOMID)("popover")
+            };
+        })), on = Pe(tn, 1), an = on[0], ln = an.activeItemId, un = an.popoverId;
+        (0, r.useEffect)((function() {
+            if (ne) {
+                ke("");
+                ce(0);
             }
-            return a;
-        };
-        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 = [];
-            // Generate buttonLabels
-                        var A = e.Children.toArray(i);
-            var I = c.reduce((function(e, n, r, t) {
-                var o = B()(A, (function(e) {
-                    return On(e) && e.props.value === n;
+        }), [ Q, ne ]);
+        // 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, r.useEffect)((function() {
+            en.current = se;
+        }), [ se ]);
+        var sn = (0, r.useCallback)((function(e) {
+            var n = e.resetFilterKeyword;
+            if (!Ae) {
+                ke((function(e) {
+                    return n ? "" : e;
                 }));
-                if (o) {
-                    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
-                                        if (!g && c.length === 1) {
-                        E = i;
-                    }
-                } else if (g) {
-                    // only add values that don't match an option in "multiple" mode to preserve old behaviour
-                    e.push(n);
-                    R.push(n.toString());
-                }
-                if (r < t.length - 1) {
-                    e.push((0, d._)(", "));
-                    R.push((0, d._)(", "));
-                }
-                return e;
-            }), []);
-            M = I;
-            // only apply prefix / suffix if the label is not empty
-                        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 = Pn({
-                    prefixLabel: S,
-                    label: M.length > 1 ? [ "".concat(c.length, " items selected") ] : R,
-                    suffixLabel: k
-                });
-                M = Pn({
-                    prefixLabel: S,
-                    label: M,
-                    suffixLabel: k
-                });
+                Ne(true);
+                Ie(true);
+                L === null || L === void 0 ? void 0 : L();
             }
-            // single <Select> behaviour is to show the placeholder if all parts of the label
-            // are empty strings so we replicate this behaviour here
-                        if (M.length === 0 || !g && M.every((function(e) {
-                return e === "";
-            }))) {
-                M = yn(O);
-                R = M;
-            }
-            var N = Object.keys(P).includes("aria-labelledby");
-            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": a,
-                append: l,
-                prepend: w,
-                onClick: h,
-                role: "combobox",
-                disabled: f ? "disabled" : undefined,
-                elementRef: p,
-                error: v,
-                ref: t
-            }, P);
-            if (g) {
-                V["data-test-values"] = JSON.stringify(c);
+        }), [ Ae, L ]);
+        var cn = (0, r.useCallback)((function() {
+            if (xe) {
+                sn({
+                    resetFilterKeyword: false
+                });
             } else {
-                var D = nn(c, 1), q = D[0];
-                V["data-test-value"] = q;
+                var e;
+                (e = Ze.current) === null || e === void 0 ? void 0 : e.focus();
             }
-            if (x) {
-                
-                return (0, e.cloneElement)(x, V);
+        }), [ xe, sn ]);
+        var dn = (0, r.useCallback)((function(e, n) {
+            if (!Ae) {
+                return;
             }
-            if (a === "link") {
-                
-                return n().createElement(Z(), en({
-                    tag: "button",
-                    appearance: "standalone"
-                }, V, {
-                    "data-select-appearance": "link"
-                }), !!E &&  n().createElement(Ae, null, E), M || O,  n().createElement(Ie, null,  n().createElement(U(), null)));
+            var r = (Je || []).concat([ n ]);
+            if (!ne) {
+                Ke(r);
+                ce(0);
+                Ie(true);
+                ke("");
             }
-            // Using Button's secondary appearance as Select's default appearance.
-                        var L = a === "default" ? "secondary" : a;
-            
-            return n().createElement(Re, en({}, V, {
-                $multiple: g,
-                appearance: L,
-                label: M,
-                error: v,
-                icon: E,
-                inline: b,
-                isMenu: true,
-                onClick: h
-            }, _()(P, wn)), !!c.length && g &&  n().createElement(Ne, {
-                "data-role": "count"
-            }, "(", c.length, ")"));
-        }));
-        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 he = (0, Le["default"])({
-                componentName: "SelectBase",
-                /* eslint-disable-next-line prefer-rest-params */
-                componentProps: arguments[0],
-                // see SUI-7028
-                defaultValuePropName: "defaultValues",
-                valuePropName: "values"
+            B === null || B === void 0 ? void 0 : B(e, {
+                values: r,
+                name: V
             });
-            // states
-                        var Oe = (0, e.useState)((function() {
-                return {
-                    activeItemId: (0, ce.createDOMID)("active-item"),
-                    menuListboxId: (0, ce.createDOMID)("menu-listbox")
-                };
-            })), 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 tn = ie()(Ee);
-            // refs
-                        var on = (0, e.useRef)(null);
-            var an = (0, e.useRef)(null);
-            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 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 = he ? pe : Ze;
-                return I || e == null ? e : e.slice(0, 1);
-            }), [ 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 && le !== "never" ? (e = An()) !== null && e !== void 0 ? e : [] : [];
-            }), [ An, I, le ]);
-            var Bn = (0, e.useCallback)((function(e) {
-                var n = Ie;
-                qe(true);
-                Xe(In());
-                // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
-                                if (I) {
-                    Be("");
-                }
-                if (n !== Ie) {
-                    K === null || K === void 0 ? void 0 : K(e, {
-                        keyword: Ie
-                    });
-                }
-            }), [ Ie, In, I, K ]);
-            (0, e.useEffect)((function() {
-                if (De) {
-                    U === null || U === void 0 ? void 0 : U();
-                    if (mn.current && !O) {
-                        mn.current.focus();
-                    } else {
-                        var e;
-                        Me((e = yn.current) !== null && e !== void 0 ? e : 0);
-                    }
-                }
-            }), [ U, De, Ue, Ie, O ]);
-            var Nn = (0, e.useCallback)((function() {
-                qe(false);
-                Me(0);
-                dn.current = null;
-                W === null || W === void 0 ? void 0 : W();
-            }), [ W ]);
-            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 a;
-                if (I) {
-                    if (o >= 0) {
-                        a = [].concat(Je(t.slice(0, o)), Je(t.slice(o + 1)));
-                    } else {
-                        a = t.concat([ n ]);
-                    }
-                } else {
-                    // non-multiple mode must always have a value
-                    a = [ n ];
-                }
-                var l = !he;
-                if (l) {
-                    rn(a);
-                }
-                if (I) {
-                    // in uncontrolled multiple mode, keep the menu open
-                    if (l) {
-                        qe(true);
-                    }
-                } else {
-                    var i;
-                    // non-multiple mode only supports a single selection
-                    // so close the menu once a selection is made
-                                        Nn({
-                        reason: "contentClick"
-                    });
-                    (i = on.current) === null || i === void 0 ? void 0 : i.focus();
-                }
-                T === null || T === void 0 ? void 0 : T(e, {
-                    values: a,
-                    name: N,
-                    reason: "valueToggle"
-                });
-            }), [ An, Nn, he, I, N, T ]);
-            var Dn = function e() {
-                an.current = null;
-                cn.current = [];
-                if (ln.current) {
-                    clearTimeout(ln.current);
-                }
-            };
-            var qn = (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 = H()(t.concat(bn.current));
-                o = n().Children.toArray(f).filter((function(e) {
-                    return On(e) && q()(o, e.props.value) && (!e.props.disabled || q()(t, e.props.value));
-                })).map((function(e) {
-                    return e.props.value;
-                }));
-                if (!he) {
-                    rn(o);
-                }
-                T === null || T === void 0 ? void 0 : T(e, {
-                    values: o,
-                    name: N,
-                    reason: "selectAll"
-                });
-            }), [ 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 = 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 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 (!he) {
-                    rn(a);
-                }
-                T === null || T === void 0 ? void 0 : T(e, {
-                    values: a,
-                    name: N,
-                    reason: "clearAll"
-                });
-            }), [ f, An, he, I, N, T ]);
-            var Tn = (0, e.useCallback)((function(e) {
-                if (De && !j) {
-                    _ === null || _ === void 0 ? void 0 : _(e);
-                }
-            }), [ De, j, _ ]);
-            var Fn = (0, e.useCallback)((function(n) {
-                var r = n.key;
-                if (r === "Tab") {
-                    if (fe && fn.current && vn.current <= 1) {
-                        n.preventDefault();
-                        Vn(n, fn.current);
-                    }
-                }
-                if (n.shiftKey || n.metaKey || n.ctrlKey) {
-                    if (r === "a" && (n.ctrlKey || n.metaKey)) {
-                        // handle control + A
-                        if (xn.current === "all") {
-                            Ln(n);
-                        } else {
-                            qn(n);
-                        }
-                    }
-                    return;
-                }
-                if (r === "ArrowDown") {
-                    n.preventDefault();
-                    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);
-                        if (Ee === o) {
-                            Tn(n);
-                        }
-                    }
-                }
-                if (r === "ArrowUp") {
-                    n.preventDefault();
-                    Me(Math.max(Ee - 1, 0));
-                }
-                if (r === "Enter" && fn.current && De) {
-                    if (fn.current === "selectAll") {
-                        if (xn.current === "all") {
-                            Ln(n);
-                        } else {
-                            qn(n);
-                        }
-                    } else {
-                        n.preventDefault();
-                        Vn(n, fn.current);
-                    }
-                }
-            }), [ 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 (!De) {
-                    return;
-                }
-                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.
-                                if (r.length === 1) {
-                    var t = [];
-                    var o = {
-                        index: 0,
-                        value: r
-                    };
-                    if (!an.current) {
-                        if (r === " ") {
-                            Dn();
-                            return;
-                        }
-                        t = Fe(sn.current, o);
-                    } else if (cn.current.length > 1) {
-                        o.index = an.current.index + 1;
-                        t = Fe(cn.current, o);
-                    }
-                    if (t.length) {
-                        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(sn.current[n]);
-                            if (i >= 0) {
-                                l = i === t.length - 1 ? 0 : i + 1;
-                            }
-                        }
-                        var u = t[l];
-                        var c = u.value, s = u.label;
-                        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);
-                    }
-                    cn.current = t;
-                    an.current = o;
-                    if (ln.current) {
-                        clearTimeout(ln.current);
-                    }
-                    ln.current = setTimeout(Dn, 500);
-                    e.preventDefault();
-                    e.stopPropagation();
-                }
-            }), []);
-            var Hn = (0, e.useCallback)((function(e, n) {
-                var r = n.value;
-                Be(r);
-                qe(true);
-                Me(0);
-                K === null || K === void 0 ? void 0 : K(e, {
-                    keyword: r
-                });
-            }), [ K ]);
-            var $n = (0, e.useCallback)((function() {
-                He(true);
-            }), []);
-            var zn = (0, e.useCallback)((function() {
-                He(false);
-            }), []);
-            var Wn = (0, e.useCallback)((function(e) {
-                if (dn.current !== Ee) {
-                    (0, se.scrollIntoViewIfNeeded)(e);
-                }
-            }), [ Ee ]);
-            var Un = (0, e.useCallback)((function(e, n, r) {
-                if (r) {
-                    mn.current = e;
-                }
-                if (e == null) {
-                    delete pn.current[n];
-                } else {
-                    pn.current[n] = e;
-                }
-            }), [ pn ]);
-            var Xn = (0, e.useCallback)((function(e) {
-                on.current = e;
-                Ge(g, e);
-            }), [ g, on ]);
-            var Gn = (0, e.useMemo)((function() {
-                var e;
-                return (e = An()) !== null && e !== void 0 ? e : [];
-            }), [ An ]);
-            var Jn = e.Children.toArray(f);
-            var Qn = Gn.some((function(e) {
-                var n = B()(Jn, (function(n) {
-                    return On(n) && n.props.value === e;
-                }));
-                return n && !n.props.disabled;
+        }), [ Ae, Je, ne, B, V ]);
+        var fn = (0, r.useCallback)((function(e, n) {
+            var r = J()(Je, n);
+            if (!ne) {
+                Ke(r);
+            }
+            B === null || B === void 0 ? void 0 : B(e, {
+                values: r,
+                name: V
+            });
+        }), [ Je, ne, V, B ]);
+        var pn = (0, r.useCallback)((function(e) {
+            if (Ae && !C) {
+                q === null || q === void 0 ? void 0 : q(e);
+                Xe("".concat(rn.current, " options, loading more options"));
+            }
+        }), [ Ae, C, q ]);
+        var vn = (0, r.useCallback)((function(e, n) {
+            var r = n.value;
+            F()((function() {
+                return fn(e, r);
             }));
-            var Yn = le === "immediately" ? In() : Ue;
-            var Zn = (0, e.useMemo)((function() {
-                vn.current = 0;
-                yn.current = undefined;
-                wn.current = 0;
-                fn.current = undefined;
-                sn.current = [];
-                var r = function e(n, r) {
-                    return function(e) {
-                        return Un(e, n, r);
-                    };
-                };
-                var t;
-                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 (!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 === Ie) {
-                        t = true;
-                    }
-                    var y = Gn && Gn.indexOf(m) >= 0;
-                    var g = !!y && !p && !i;
-                    var h = o && !I && !O && !j && !_;
-                    var S = Sn(m, b);
-                    var w = -1;
-                    if (h && !p && !v) {
-                        sn.current.push({
-                            label: b,
-                            value: m
-                        });
-                        w = sn.current.length - 1;
-                    }
-                    // Format the Menu.Item
-                                        var C =  (0, e.cloneElement)(s, {
-                        elementRef: r(S, g),
-                        key: s.key || d,
-                        onClick: _n,
-                        onKeyDown: h ? function(e) {
-                            return Kn(e, w);
-                        } : undefined,
-                        selected: y,
-                        multiple: I,
-                        role: "option"
-                    });
-                    if (g) {
-                        i = true;
-                    }
-                    if (Yn && Yn.indexOf(m) >= 0) {
-                        if (a === 0) {
-                            c.splice(a, 0,  n().createElement(u.Divider, {
-                                key: "topDivider"
-                            }));
-                            l = true;
-                        }
-                        c.splice(a, 0, C);
-                        a += 1;
-                    } else {
-                        c.push(C);
-                    }
-                    return c;
-                }), []);
-                // In multiple mode, add missing items
-                                if (I) {
-                    V()(Gn, (function(e) {
-                        var o = B()(c, (function(n) {
-                            return On(n) && n.props && n.props.value === e;
-                        }));
-                        if (!o) {
-                            if (e === Ie) {
-                                t = true;
-                            }
-                            var i = Yn && Yn.indexOf(e) >= 0;
-                            var s = Yn.length;
-                            if (a === 0) {
-                                c.splice(0, 0,  n().createElement(u.Divider, {
-                                    key: "topDivider"
-                                }));
-                                a += 1;
-                                l = true;
-                            }
-                            var d = String(e);
-                            var f = Sn(e, d);
-                            c.splice(i ? 0 : s + 1, 0,  n().createElement(C, {
-                                elementRef: r(f),
-                                label: d,
-                                value: e,
-                                key: "missing-value-".concat(e),
-                                onClick: _n,
-                                multiple: I,
-                                selected: true
-                            }));
-                            if (i) {
-                                a += 1;
-                            }
-                        }
-                    }));
-                }
-                var p = O === "controlled";
-                // Filter the items
-                                var v = (0, ue.stringToKeywords)(Ie);
-                c = p ? c : c.filter((function(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 (!On(n)) {
-                        return n;
-                    }
-                    // highlight matched text
-                                        var r = v && (0, ue.keywordLocations)(n.props.label, v);
-                    
-                    return (0, e.cloneElement)(n, {
-                        matchRanges: r || undefined
-                    });
-                }));
-                // Add the option to add the new value
-                                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: 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 = 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 (!On(r)) {
-                        n.push(r);
-                        return n;
-                    }
-                    // Ignore any hidden items
-                                        if (r.props && r.props.hidden) {
-                        return n;
-                    }
-                    if (r.props.selected && !r.props.disabled && yn.current == null) {
-                        yn.current = vn.current;
-                    }
-                    var t = g === Ee;
-                    g += 1;
-                    vn.current += 1;
-                    wn.current += r.props.selected ? 1 : 0;
-                    if (r.key !== "newValue" && !r.props.disabled && !r.props.selected) {
-                        h = false;
-                    }
-                    if (!t || !Ke) {
-                        n.push(r);
-                        return n;
-                    }
-                    if (!r.props.disabled) {
-                        fn.current = r.props.value;
-                    }
-                    var o =  (0, e.cloneElement)(r, {
-                        active: t,
-                        elementRef: Wn,
-                        id: ke
-                    });
-                    n.push(o);
-                    return n;
-                }), []);
-                xn.current = wn.current === 0 && "none" || h && "all" || "some";
-                // add select all option
-                                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 {
-                            w = (0, d._)("Clear all matches");
-                        }
-                    } else if (Ie === "") {
-                        w = (0, d._)("Select all");
-                    } else {
-                        w = (0, d._)("Select all matches");
-                    }
-                    if (S) {
-                        fn.current = "selectAll";
-                    }
-                    c.unshift( n().createElement(we, {
-                        key: "select-all-option",
-                        active: S,
-                        elementRef: Wn,
-                        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"
-                    }));
-                }
-                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, 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, l = r.placement, i = r.toggleId;
-                var u = gn({
-                    anchorWidth: t,
-                    isMultiple: I,
-                    maxHeight: o,
-                    menuStyle: A
+        }), [ fn ]);
+        var bn = (0, r.useCallback)((function(e) {
+            if (Me !== "") {
+                E === null || E === void 0 ? void 0 : E(e, {
+                    keyword: ""
                 });
-                var c = Gn.length > 0 && !Qn && !O ? 0 : undefined;
-                var s = {
-                    "aria-multiselectable": I || undefined,
-                    childrenStart: !!O &&  n().createElement(jn, {
-                        activeItemId: ke,
-                        filterA11yId: Rn,
-                        filterKeyword: Ie,
-                        hasChildren: Zn.some((function(e) {
-                            return On(e);
-                        })),
-                        inputId: k,
-                        inputRef: x,
-                        menuListboxId: xe,
-                        multiple: I,
-                        onClearAll: Ln,
-                        onSelectAll: qn,
-                        onTextBlur: zn,
-                        onTextChange: Hn,
-                        onTextFocus: $n,
-                        onTextKeyDown: Fn,
-                        optionSelection: xn,
-                        placement: l,
-                        selectAllAppearance: ae,
-                        textHasFocus: Ke
-                    }),
-                    focusMode: O ? "never" : undefined,
-                    isLoading: j,
-                    labelledBy: "".concat(Rn !== null && Rn !== void 0 ? Rn : "", " ").concat(i !== null && i !== void 0 ? i : "").trim(),
-                    // NVDA ignores aria-labelledby attribute on popover, but reads it on menu
-                    menuId: xe,
-                    onScrollBottom: _ ? Tn : undefined,
-                    placement: l !== null && l !== void 0 ? l : undefined,
-                    noOptionsMessage: L,
-                    footerMessage: S,
-                    animateLoading: a,
-                    loadingMessage: M,
-                    onScroll: F,
-                    style: u,
-                    tabIndex: c
-                };
-                if (ve) {
-                    
-                    return n().createElement(ee.VirtualizedResultsMenu, en({
-                        virtualization: ve
-                    }, s), Zn);
-                }
-                
-                return n().createElement(ne(), s, Zn);
-            };
-            var nr = (0, e.useMemo)((function() {
-                
-                return n().createElement(En, en({
-                    appearance: i,
-                    append: c,
-                    currentValues: An(),
-                    "data-test": I ? "multiselect" : "select",
-                    describedBy: m,
-                    disabled: y,
-                    elementRef: Xn,
-                    error: h,
-                    inline: w,
-                    labelText: E,
-                    labelledBy: P,
-                    multiple: I,
-                    onClick: $,
-                    placeholder: J,
-                    prefixLabel: Y,
-                    prepend: Z,
-                    required: X,
-                    suffixLabel: de,
-                    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: hn,
-                inputId: k,
-                "aria-labelledby": Rn,
-                toggle: nr,
-                onRequestOpen: Bn,
-                onRequestClose: Nn,
-                open: De,
-                openWithArrowKeys: true,
-                repositionMode: te,
-                defaultPlacement: v,
-                canCoverAnchor: We().innerHeight < 500,
-                retainFocus: false,
-                takeFocus: Gn.length === 0 || Gn.length > 0 && !Qn || !!O
-            }, er);
-        }
-        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 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) {
-                        ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
-                    }
-                }
-                return e;
-            }, Vn.apply(null, arguments);
-        }
-        function Dn(e, n) {
-            if (null == e) return {};
-            var r, t, o = qn(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 qn(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];
+            sn({
+                resetFilterKeyword: true
+            });
+        }), [ Me, E, sn ]);
+        var mn = (0, r.useCallback)((function(e) {
+            var n;
+            var t = e.key;
+            if (t === "Tab" && Ae) {
+                if (X && nn.current !== undefined && rn.current <= 1) {
+                    var o;
+                    e.preventDefault();
+                    dn(e, nn.current);
+                    (o = Ze.current) === null || o === void 0 ? void 0 : o.focus();
+                } else {
+                    Ie(false);
                 }
             }
-            return r;
-        }
-        var Ln = {
-            allowNewValues: i().bool,
-            animateLoading: i().bool,
-            append: i().bool,
-            children: i().node,
-            controlledFilter: i().bool,
-            defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
-            defaultValues: i().array,
-            describedBy: i().string,
-            disabled: i().bool,
-            elementRef: i().oneOfType([ i().func, i().object ]),
-            error: i().bool,
-            filter: i().oneOf([ false, true, "controlled" ]),
-            footerMessage: i().node,
-            inline: i().bool,
-            inputId: i().string,
-            inputRef: i().oneOfType([ i().func, i().object ]),
-            isLoadingOptions: i().bool,
-            labelledBy: i().string,
-            loadingMessage: i().node,
-            menuStyle: i().object,
-            name: i().string,
-            noOptionsMessage: i().node,
-            onChange: i().func,
-            onClose: i().func,
-            onFilterChange: i().func,
-            onOpen: i().func,
-            onScroll: i().func,
-            onScrollBottom: i().func,
-            placeholder: i().string,
-            prepend: i().bool,
-            repositionMode: i().oneOf([ "none", "flip" ]),
-            selectAllAppearance: i().oneOf([ "buttongroup", "checkbox", "none" ]),
-            showSelectedValuesFirst: i().oneOf([ "nextOpen", "immediately", "never" ]),
-            tabConfirmsNewValue: i().bool,
-            values: i().array,
-            /** @private */
-            virtualization: i().number
-        };
-        // TS: not typed controlled/uncontrolled, handled by Multiselect wrapper component
-                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
-                        Nn({
-                componentName: "Multiselect",
-                deprecatedPropValue: "buttongroup",
-                propName: "selectAllAppearance",
-                propValue: T
-            });
-            var W = true;
-            if (b != null) {
-                W = b;
-                if (false) {}
-            } else {
-                W = i ? "controlled" : true;
+            if (e.shiftKey || e.metaKey || e.ctrlKey) {
+                return;
             }
-            var U = {
-                children: e.Children.toArray(l).map((function(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, Vn({
-                            key: t
-                        }, e.props, {
-                            multiple: true
-                        }));
-                    }
-                    return e;
-                })),
-                filter: W
-            };
-            if (s != null) {
-                U.defaultValues = s;
+            if (t === "End" && Ae) {
+                e.preventDefault();
+                ce(rn.current - 1);
             }
-            if (H != null) {
-                U.values = H;
+            if (t === "Home" && Ae) {
+                e.preventDefault();
+                ce(0);
             }
-            
-            return n().createElement(Rn, Vn({
-                allowNewValues: t,
-                animateLoading: o,
-                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
-            }));
-        }
-        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 $n = require("lodash/defer");
-        var zn =  r.n($n);
-        // CONCATENATED MODULE: external "lodash/get"
-        const Wn = require("lodash/get");
-        var Un =  r.n(Wn);
-        // CONCATENATED MODULE: external "lodash/isString"
-        const Xn = require("lodash/isString");
-        var Gn =  r.n(Xn);
-        // CONCATENATED MODULE: external "lodash/keys"
-        const Jn = require("lodash/keys");
-        var Qn =  r.n(Jn);
-        // CONCATENATED MODULE: external "lodash/last"
-        const Yn = require("lodash/last");
-        var Zn =  r.n(Yn);
-        // CONCATENATED MODULE: external "lodash/omit"
-        const er = require("lodash/omit");
-        var nr =  r.n(er);
-        // CONCATENATED MODULE: external "lodash/pickBy"
-        const rr = require("lodash/pickBy");
-        var tr =  r.n(rr);
-        // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
-        const or = require("@splunk/react-ui/Popover");
-        var ar =  r.n(or);
-        // CONCATENATED MODULE: external "@splunk/ui-utils/format"
-        const lr = require("@splunk/ui-utils/format");
-        // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-        const ir = require("@splunk/react-ui/Box");
-        var ur =  r.n(ir);
-        // CONCATENATED MODULE: external "@splunk/react-ui/Chip"
-        const cr = require("@splunk/react-ui/Chip");
-        var sr =  r.n(cr);
-        // CONCATENATED MODULE: ./src/Multiselect/NormalStyles.ts
-        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;}" ], 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, Ce.css)([ "box-shadow:", ";" ], Me.variables.focusShadow);
-        }), (function(e) {
-            var n = e.$error;
-            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, 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, Ce.css)([ "&:hover{border-color:", ";}" ], Me.variables.interactiveColorBorderHover);
-        }), (function(e) {
-            var n = e.$popoverOpen;
-            return n && (0, Ce.css)([ "position:relative;z-index:calc(", " - 2);" ], Me.variables.zindexFixedNavbar);
-        }));
-        var fr = ke().span.withConfig({
-            displayName: "NormalStyles__StyledButtonsWrapper",
-            componentId: "sc-1uwwpco-1"
-        })([ "display:contents;" ]);
-        var pr = ke().input.withConfig({
-            displayName: "NormalStyles__StyledInput",
-            componentId: "sc-1uwwpco-2"
-        })([ "", ";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, 
-        Me.pick)({
-            compact: (0, Ce.css)([ "padding-block:2px;" ])
-        }), Me.variables.focusShadowInset);
-        // CONCATENATED MODULE: ./src/Multiselect/Normal.tsx
-        function br(e) {
-            "@babel/helpers - typeof";
-            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;
-            }, br(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) {
-                        ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
-                    }
+            if (t === "ArrowDown") {
+                e.preventDefault();
+                if (Ae) {
+                    ce((function(e) {
+                        return Math.min(e + 1, rn.current - 1);
+                    }));
+                } else {
+                    ce(0);
+                    Ie(true);
                 }
-                return e;
-            }, mr.apply(null, arguments);
-        }
-        function yr(e) {
-            return Or(e) || hr(e) || Cr(e) || gr();
-        }
-        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 hr(e) {
-            if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
-        }
-        function Or(e) {
-            if (Array.isArray(e)) return kr(e);
-        }
-        function Sr(e, n) {
-            return jr(e) || xr(e, n) || Cr(e, n) || wr();
-        }
-        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 Cr(e, n) {
-            if (e) {
-                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) ? kr(e, n) : void 0;
-            }
-        }
-        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 xr(e, n) {
-            var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
-            if (null != r) {
-                var t, o, a, l, i = [], u = !0, c = !1;
-                try {
-                    if (a = (r = r.call(e)).next, 0 === n) {
-                        if (Object(r) !== r) return;
-                        u = !1;
-                    } 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"] && (l = r["return"](), Object(l) !== l)) return;
-                    } finally {
-                        if (c) throw o;
+                if (i && q) {
+                    var a = r.Children.toArray(i).length - (2 + ((Je === null || Je === void 0 ? void 0 : Je.length) || 0));
+                    if (se === a) {
+                        pn(e);
                     }
                 }
-                return i;
-            }
-        }
-        function jr(e) {
-            if (Array.isArray(e)) return e;
-        }
-        function Pr(e, n) {
-            if (null == e) return {};
-            var r, t, o = Er(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 Er(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];
+            if (t === "ArrowUp") {
+                e.preventDefault();
+                if (Ae) {
+                    ce((function(e) {
+                        return Math.max(e - 1, 0);
+                    }));
+                } else {
+                    ce(0);
+                    Ie(true);
                 }
             }
-            return r;
-        }
-        function Mr(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);
+            if (t === "Enter" && nn.current !== undefined && Ae) {
+                dn(e, nn.current);
             }
-            return r;
-        }
-        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) {
-                    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));
-                }));
+            if (t === "Backspace" && ((n = Ze.current) === null || n === void 0 ? void 0 : n.value) === "" && Je.length) {
+                fn(e, H()(Je));
             }
-            return e;
-        }
-        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 Ir(e) {
-            var n = Br(e, "string");
-            return "symbol" == br(n) ? n : n + "";
-        }
-        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" != br(t)) return t;
-                throw new TypeError("@@toPrimitive must return a primitive value.");
-            }
-            return ("string" === n ? String : Number)(e);
-        }
-        var Nr = {
-            allowNewValues: i().bool,
-            animateLoading: i().bool,
-            append: i().bool,
-            children: i().node,
-            controlledFilter: i().bool,
-            defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
-            defaultValues: i().array,
-            describedBy: i().string,
-            disabled: i().bool,
-            elementRef: i().oneOfType([ i().func, i().object ]),
-            error: i().bool,
-            footerMessage: i().node,
-            inline: i().bool,
-            inputId: i().string,
-            inputRef: i().oneOfType([ i().func, i().object ]),
-            isLoadingOptions: i().bool,
-            labelledBy: i().string,
-            loadingMessage: i().node,
-            menuStyle: i().object,
-            name: i().string,
-            noOptionsMessage: i().node,
-            onChange: i().func,
-            onClose: i().func,
-            onFilterChange: i().func,
-            onOpen: i().func,
-            onScroll: i().func,
-            onScrollBottom: i().func,
-            placeholder: i().string,
-            prepend: i().bool,
-            /** @private. */
-            required: i().bool,
-            repositionMode: i().oneOf([ "none", "flip" ]),
-            tabConfirmsNewValue: i().bool,
-            values: i().array
-        };
-        var Vr = T()((function(e) {
-            return {
-                flexBasis: e,
-                width: e
-            };
-        }));
-        // export for testing purpose
-                var Dr = T()((function(e) {
-            var n = e.anchorWidth, r = n === void 0 ? 0 : n, t = e.maxHeight, o = e.menuStyle;
-            return Rr({
-                maxHeight: t,
-                overflow: "auto",
-                width: Math.max(r, 200)
-            }, o || {});
-        }));
-        // TS: not typed controlled/uncontrolled, handled by Multiselect wrapper component
-                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 W = s()({
-                componentName: "Multiselect",
-                /* eslint-disable-next-line prefer-rest-params */
-                componentProps: arguments[0],
-                // see SUI-7028
-                defaultValuePropName: "defaultValues",
-                valuePropName: "values"
+        }), [ Ae, Je, X, dn, i, q, se, pn, fn ]);
+        var gn = (0, r.useCallback)((function(e) {
+            ke(e.target.value);
+            Ie(true);
+            ce(0);
+            E === null || E === void 0 ? void 0 : E(e, {
+                keyword: e.target.value
             });
-            if (false) {}
-            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")
-                };
-            })), Ne = Sr(Be, 1), Ve = Ne[0], De = Ve.activeItemId, qe = Ve.popoverId;
-            (0, e.useEffect)((function() {
-                if (W) {
-                    le("");
-                    J(0);
-                }
-            }), [ 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() {
-                Re.current = G;
-            }), [ G ]);
-            var Le = (0, e.useCallback)((function(e) {
-                var n = e.resetFilterKeyword;
-                if (!me) {
-                    le((function(e) {
-                        return n ? "" : e;
-                    }));
-                    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 = Me.current) === null || e === void 0 ? void 0 : e.focus();
-                }
-            }), [ fe, Le ]);
-            var Fe = (0, e.useCallback)((function(e, n) {
-                if (!me) {
-                    return;
-                }
-                var r = (je || []).concat([ n ]);
-                if (!W) {
-                    Se(r);
-                    J(0);
-                    ye(true);
-                    le("");
-                }
-                A === null || A === void 0 ? void 0 : A(e, {
-                    values: r,
-                    name: P
-                });
-            }), [ me, je, W, A, P ]);
-            var _e = (0, e.useCallback)((function(e, n) {
-                var r = z()(je, n);
-                if (!W) {
-                    Se(r);
-                }
-                A === null || A === void 0 ? void 0 : A(e, {
-                    values: r,
-                    name: P
-                });
-            }), [ 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;
-                zn()((function() {
-                    return _e(e, r);
-                }));
-            }), [ _e ]);
-            var $e = (0, e.useCallback)((function(e) {
-                if (ae !== "") {
-                    B === null || B === void 0 ? void 0 : B(e, {
-                        keyword: ""
-                    });
-                }
-                Le({
-                    resetFilterKeyword: true
-                });
-            }), [ ae, B, Le ]);
-            var ze = (0, e.useCallback)((function(n) {
-                var r;
-                var t = n.key;
-                if (t === "Tab" && me) {
-                    if (K && Ae.current !== undefined && Ie.current <= 1) {
-                        var o;
-                        n.preventDefault();
-                        Fe(n, Ae.current);
-                        (o = Me.current) === null || o === void 0 ? void 0 : o.focus();
-                    } else {
-                        ye(false);
-                    }
-                }
-                if (n.shiftKey || n.metaKey || n.ctrlKey) {
-                    return;
-                }
-                if (t === "End" && me) {
-                    n.preventDefault();
-                    J(Ie.current - 1);
-                }
-                if (t === "Home" && me) {
-                    n.preventDefault();
-                    J(0);
-                }
-                if (t === "ArrowDown") {
-                    n.preventDefault();
-                    if (me) {
-                        J((function(e) {
-                            return Math.min(e + 1, Ie.current - 1);
-                        }));
-                    } else {
-                        J(0);
-                        ye(true);
-                    }
-                    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 (me) {
-                        J((function(e) {
-                            return Math.max(e - 1, 0);
-                        }));
-                    } else {
-                        J(0);
-                        ye(true);
-                    }
-                }
-                if (t === "Enter" && Ae.current !== undefined && me) {
-                    Fe(n, Ae.current);
-                }
-                if (t === "Backspace" && ((r = Me.current) === null || r === void 0 ? void 0 : r.value) === "" && je.length) {
-                    _e(n, Zn()(je));
-                }
-            }), [ 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
-                });
-            }), [ B ]);
-            var Ue = (0, e.useCallback)((function(e, n) {
-                var r;
-                var t = n.value;
-                e.stopPropagation();
-                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;
+        }), [ E ]);
+        var yn = (0, r.useCallback)((function(e, n) {
+            var r;
+            var t = n.value;
+            e.stopPropagation();
+            dn(e, t);
+            (r = Ze.current) === null || r === void 0 ? void 0 : r.focus();
+        }), [ dn ]);
+        var hn = (0, r.useCallback)((function(e) {
+            var n = document.getElementById(un);
+            var r = e.relatedTarget || document.activeElement;
  // IE11 doesn't support relatedTarget but sets activeElement
-                                var t = n && r && n.contains(r);
+                        var t = n && r && n.contains(r);
  // TS: target as Node is an unsafe assumption
-                                le(t ? ae : "");
-                pe(false);
-                if (!t) {
-                    B === null || B === void 0 ? void 0 : B(e, {
-                        keyword: ""
-                    });
-                }
-            }), [ 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 && !(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 = Me.current) === null || t === void 0 ? void 0 : t.focus();
-                }
-            }), [ Z, I ]);
-            var Qe = (0, e.useCallback)((function(e) {
-                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);
-                }
-            }), [ 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;
+                        ke(t ? Me : "");
+            Ne(false);
+            if (!t) {
+                E === null || E === void 0 ? void 0 : E(e, {
+                    keyword: ""
+                });
+            }
+        }), [ Me, E, un ]);
+        var On = (0, r.useCallback)((function(e) {
+            var n = e.reason, r = e.event;
+            if (n === "escapeKey" || n === "offScreen" || n === "clickAway" && r !== undefined && !(pe === null || pe === void 0 ? void 0 : pe.contains(r.target))) {
+                Ie(false);
+                en.current = null;
+                R === null || R === void 0 ? void 0 : R();
+            }
+            if (n === "escapeKey") {
+                var t;
+                (t = Ze.current) === null || t === void 0 ? void 0 : t.focus();
+            }
+        }), [ pe, R ]);
+        var wn = (0, r.useCallback)((function(e) {
+            he(e);
+            ye(m, e);
+        }), [ m ]);
+        var Sn = (0, r.useCallback)((function(e) {
+            Ze.current = e;
+            ye(S, e);
+        }), [ S ]);
+        var Cn = (0, r.useCallback)((function(e) {
+            if (en.current !== se) {
+                (0, le.scrollIntoViewIfNeeded)(e);
+            }
+        }), [ se ]);
+        var Mn = (0, r.useCallback)((function(e) {
+            // selectedOptions may contain items or unmatched values at this point
+            return e.map((function(e) {
+                var n = e;
  // TS: faking props here
-                                        var t = r.props;
-                    if (t != null) {
-                        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(vr, {
-                            "aria-selected": true,
-                            disabled: b,
-                            icon: a,
-                            key: s.toString(),
-                            "data-test": "selected-option",
-                            onRequestRemove: He,
-                            role: "option",
-                            value: s,
-                            appearance: i,
-                            backgroundColor: u,
-                            foregroundColor: c
-                        }, o || l);
-                    }
+                                var r = n.props;
+                if (r != null) {
+                    var o = r.children, a = r.icon, l = r.label, i = r.selectedAppearance, u = r.selectedBackgroundColor, s = r.selectedForegroundColor, c = r.value;
                     
-                    return n().createElement(vr, {
+                    return t().createElement(ge, {
                         "aria-selected": true,
                         disabled: b,
-                        key: (0, ce.createGUID)(),
+                        icon: a,
+                        key: c.toString(),
                         "data-test": "selected-option",
-                        onRequestRemove: He,
+                        onRequestRemove: vn,
                         role: "option",
-                        value: r
-                    }, r);
-                }));
-            }), [ b, He ]);
-            var nn = function e(r) {
-                return r.map((function(e) {
-                    var r = e;
+                        value: c,
+                        appearance: i,
+                        backgroundColor: u,
+                        foregroundColor: s
+                    }, o || l);
+                }
+                
+                return t().createElement(ge, {
+                    "aria-selected": true,
+                    disabled: b,
+                    key: (0, ae.createGUID)(),
+                    "data-test": "selected-option",
+                    onRequestRemove: vn,
+                    role: "option",
+                    value: n
+                }, n);
+            }));
+        }), [ b, vn ]);
+        var Pn = function e(n) {
+            return n.map((function(e) {
+                var n = e;
  // TS: faking props here
-                                        var t = r.props;
-                    if (t != null) {
-                        
-                        return n().createElement("span", {
-                            key: t.value.toString()
-                        }, t.children || t.label, (0, lr.sprintf)((0, d._)(" selected")));
-                    }
+                                var r = n.props;
+                if (r != null) {
                     
-                    return n().createElement("span", {
-                        key: (0, ce.createGUID)()
-                    },  n().createElement(n().Fragment, null, r, (0, lr.sprintf)((0, d._)(" selected"))));
-                }));
-            };
-            // Map Options to selected values
-                        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 = je.indexOf(e.props.value);
-                        if (n !== -1) {
-                            Pe[n] = e;
-                        }
+                    return t().createElement("span", {
+                        key: r.value.toString()
+                    }, r.children || r.label, (0, oe.sprintf)((0, d._)(" selected")));
+                }
+                
+                return t().createElement("span", {
+                    key: (0, ae.createGUID)()
+                },  t().createElement(t().Fragment, null, n, (0, oe.sprintf)((0, d._)(" selected"))));
+            }));
+        };
+        // Map Options to selected values
+                if (Je && Je.length) {
+            r.Children.toArray(i).filter(r.isValidElement).filter((function(e) {
+                return e.type === h;
+            })).forEach((function(e) {
+                if (e.type === h) {
+                    var n = Je.indexOf(e.props.value);
+                    if (n !== -1) {
+                        Qe[n] = e;
                     }
-                }));
-            }
-            // Filter the items
-                        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;
+            }));
+        }
+        // Filter the items
+                var kn = (0, te.stringToKeywords)(Me);
+        var jn = u ? r.Children.toArray(i) : r.Children.toArray(i).filter((function(e) {
+            if (I()(e, [ "props", "label" ], false)) {
+                return (0, te.testPhrase)(e.props.label, kn);
+            }
+            return true;
  // Keep all headers and non-interactive options
-                        }));
-            Ie.current = 0;
-            Ae.current = undefined;
-            var on = e.Children.map(tn, (function(n, r) {
-                var t = n.props;
-                if (!t || !a()(t, "value")) {
-                    // ignore Headings and Dividers
-                    return n;
-                }
-                var o = n;
-                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 === ae) {
-                    Ee = true;
-                }
-                // remove items that are already selected
-                                var f = je.indexOf(d);
-                if (f >= 0) {
-                    return null;
-                }
-                // highlight matched text
-                                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: Ue,
-                    matchRanges: p && (s || v) || undefined
-                });
-                return b;
-            })).filter((function(e) {
-                return e !== null;
-            })) || [];
-            // Add the option to add the new value
-                        if (t && !Ee && ae) {
-                on.unshift( n().createElement(M, {
-                    label: "".concat(ae),
-                    description: (0, d._)("(New value)"),
-                    descriptionPosition: "right",
-                    value: ae,
-                    key: "newValue",
-                    onClick: Ue
                 }));
+        rn.current = 0;
+        nn.current = undefined;
+        var Vn = r.Children.map(jn, (function(e, n) {
+            var t = e.props;
+            if (!t || !a()(t, "value")) {
+                // ignore Headings and Dividers
+                return e;
             }
-            // highlight the selected Item
-                        var an = e.Children.map(on, (function(n) {
-                var r = n.props;
-                if (!r || !a()(r, "value")) {
-                    // ignore Headings and Dividers
-                    return n;
-                }
-                var t = n;
-                var o = t.props, l = o.disabled, i = o.value;
-                var u = Ie.current === G;
-                Ie.current += 1;
-                if (!u) {
-                    return t;
-                }
-                if (!l) {
-                    Ae.current = i;
-                }
-                var c =  (0, e.cloneElement)(t, {
-                    active: u,
-                    id: De,
-                    elementRef: function e(n) {
-                        Ze(n);
-                        Ge(t.props.elementRef, n);
-                    }
-                });
-                return c;
-            }));
-            var ln = function e(r) {
-                var t = r.anchorWidth, a = r.maxHeight, l = r.placement;
-                var i = Dr({
-                    anchorWidth: t,
-                    maxHeight: a,
-                    menuStyle: j
-                });
-                
-                return n().createElement(ne(), {
-                    focusMode: "never",
-                    placement: l !== null && l !== void 0 ? l : undefined,
-                    isLoading: w,
-                    onScrollBottom: V ? Ke : undefined,
-                    noOptionsMessage: R,
-                    footerMessage: g,
-                    animateLoading: o,
-                    loadingMessage: k,
-                    onScroll: N,
-                    style: i
-                }, an);
-            };
-            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": v,
-                "aria-labelledby": C,
-                "aria-invalid": y || undefined
+            var o = e;
+            var l = o.props, i = l.children, s = l.label, c = l.matchRanges, d = l.value;
+ // find out if the search string exactly matches a value
+                        if (d === Me) {
+                Ye = true;
+            }
+            // remove items that are already selected
+                        var f = Je.indexOf(d);
+            if (f >= 0) {
+                return null;
+            }
+            // highlight matched text
+                        var p = i === undefined || D()(i);
+            var v = p && !u && !c && kn && (0, te.keywordLocations)(s, kn);
+            // clone item
+                        var b =  (0, r.cloneElement)(o, {
+                // eslint-disable-next-line react/no-array-index-key
+                key: n,
+                onClick: yn,
+                matchRanges: p && (c || v) || undefined
             });
-            var sn = Rr({}, tr()($, (function(e, n) {
-                return n === "aria-label" || n === "aria-describedby";
-            })));
-            
-            return n().createElement(n().Fragment, null,  n().createElement(dr, mr({
-                key: "control",
-                $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: Qe,
-                role: "group",
-                "aria-disabled": b || undefined,
-                "aria-labelledby": C
-            }, sn),  n().createElement(fr, {
-                role: "listbox",
-                "aria-invalid": y,
-                "aria-multiselectable": "true"
-            }, en(Pe)), !b &&  n().createElement(pr, mr({
-                role: "combobox",
-                "data-test": "textbox",
-                id: O,
-                ref: Ye,
-                onBlur: Xe,
-                onFocus: $e,
-                onChange: We,
-                onKeyDown: ze,
-                value: ae,
-                autoCapitalize: "off",
-                autoComplete: "off",
-                autoCorrect: "off",
-                spellCheck: false,
-                style: un,
-                placeholder: je.length ? "" : L,
-                required: F,
-                "aria-activedescendant": me && Ie.current > 0 ? De : undefined,
-                "aria-autocomplete": "list",
-                "aria-controls": me ? qe : undefined,
-                "aria-owns": me ? qe : undefined,
-                "aria-expanded": me,
-                "aria-haspopup": true
-            }, cn)),  n().createElement(ar(), {
-                open: me && !!Z,
-                autoCloseWhenOffScreen: true,
-                anchor: Z,
-                onRequestClose: Je,
-                canCoverAnchor: false,
-                defaultPlacement: f,
-                repositionMode: _,
-                id: qe
-            }, ln)),  n().createElement(te(), {
-                role: "status",
-                "aria-relevant": "text"
-            }, ke),  n().createElement(te(), {
-                role: "alert",
-                "aria-relevant": "additions"
-            }, nn(Pe)));
-        }
-        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 Kr(e) {
-            "@babel/helpers - typeof";
-            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;
-            }, Kr(e);
+            return b;
+        })).filter((function(e) {
+            return e !== null;
+        })) || [];
+        // Add the option to add the new value
+                if (n && !Ye && Me) {
+            Vn.unshift( t().createElement(h, {
+                label: "".concat(Me),
+                description: (0, d._)("(New value)"),
+                descriptionPosition: "right",
+                value: Me,
+                key: "newValue",
+                onClick: yn
+            }));
         }
-        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) {
-                        ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
-                    }
-                }
+        // highlight the selected Item
+                var xn = r.Children.map(Vn, (function(e) {
+            var n = e.props;
+            if (!n || !a()(n, "value")) {
+                // ignore Headings and Dividers
                 return e;
-            }, Hr.apply(null, arguments);
-        }
-        function $r(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 zr(e) {
+            var t = e;
+            var o = t.props, l = o.disabled, i = o.value;
+            var u = rn.current === se;
+            rn.current += 1;
+            if (!u) {
+                return t;
+            }
+            if (!l) {
+                nn.current = i;
+            }
+            var s =  (0, r.cloneElement)(t, {
+                active: u,
+                id: ln,
+                elementRef: function e(n) {
+                    Cn(n);
+                    ye(t.props.elementRef, n);
+                }
+            });
+            return s;
+        }));
+        var Nn = function e(n) {
+            var r = n.anchorWidth, a = n.maxHeight, l = n.placement;
+            var i = Te({
+                anchorWidth: r,
+                maxHeight: a,
+                menuStyle: j
+            });
+            
+            return t().createElement(ee(), {
+                focusMode: "never",
+                placement: l !== null && l !== void 0 ? l : undefined,
+                isLoading: C,
+                onScrollBottom: q ? pn : undefined,
+                noOptionsMessage: N,
+                footerMessage: y,
+                animateLoading: o,
+                loadingMessage: P,
+                onScroll: A,
+                style: i
+            }, xn);
+        };
+        var Bn = Le("".concat(Me.length * .8, "em"));
+        var Rn = Fe(Fe({}, G()(Z, (function(e, n) {
+            return n === "role" || n.indexOf("aria-") === 0;
+        }))), {}, {
+            "aria-describedby": v,
+            "aria-labelledby": M,
+            "aria-invalid": g || undefined
+        });
+        var En = Fe({}, G()(Z, (function(e, n) {
+            return n === "aria-label" || n === "aria-describedby";
+        })));
+        
+        return t().createElement(t().Fragment, null,  t().createElement(ve, Oe({
+            key: "control",
+            $append: l,
+            "data-test-values": JSON.stringify(Je),
+            "data-test-disabled": b ? "disabled" : undefined,
+            inline: O,
+            $hasFocus: xe
+        }, W().apply(void 0, [ Z ].concat(we(T()(Rn)))), {
+            onClick: b ? undefined : cn,
+            $disabled: b,
+            $error: g,
+            "data-test-popover-id": un,
+            $popoverOpen: Ae,
+            $prepend: z,
+            flex: true,
+            elementRef: wn,
+            role: "group",
+            "aria-disabled": b || undefined,
+            "aria-labelledby": M
+        }, En),  t().createElement(be, {
+            role: "listbox",
+            "aria-invalid": g,
+            "aria-multiselectable": "true"
+        }, Mn(Qe)), !b &&  t().createElement(me, Oe({
+            role: "combobox",
+            "data-test": "textbox",
+            id: w,
+            ref: Sn,
+            onBlur: hn,
+            onFocus: bn,
+            onChange: gn,
+            onKeyDown: mn,
+            value: Me,
+            autoCapitalize: "off",
+            autoComplete: "off",
+            autoCorrect: "off",
+            spellCheck: false,
+            style: Bn,
+            placeholder: Je.length ? "" : $,
+            required: K,
+            "aria-activedescendant": Ae && rn.current > 0 ? ln : undefined,
+            "aria-autocomplete": "list",
+            "aria-controls": Ae ? un : undefined,
+            "aria-owns": Ae ? un : undefined,
+            "aria-expanded": Ae,
+            "aria-haspopup": true
+        }, Rn)),  t().createElement(Y(), {
+            open: Ae && !!pe,
+            autoCloseWhenOffScreen: true,
+            anchor: pe,
+            onRequestClose: On,
+            canCoverAnchor: false,
+            defaultPlacement: f,
+            repositionMode: U,
+            id: un
+        }, Nn)),  t().createElement(re(), {
+            role: "status",
+            "aria-relevant": "text"
+        }, Ge),  t().createElement(re(), {
+            role: "alert",
+            "aria-relevant": "additions"
+        }, Pn(Qe)));
+    }
+    ze.propTypes = De;
+    ze.Option = h;
+    ze.Divider = u.Divider;
+    ze.Heading = u.Heading;
+    /* harmony default export */    const Ke = ze;
+    // CONCATENATED MODULE: ./src/Multiselect/Multiselect.tsx
+    function We(e) {
+        "@babel/helpers - typeof";
+        return We = "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;
+        }, We(e);
+    }
+    function Ue() {
+        return Ue = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
-                var r = null != arguments[n] ? arguments[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));
-                }));
+                var r = arguments[n];
+                for (var t in r) {
+                    ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
+                }
             }
             return e;
+        }, Ue.apply(null, arguments);
+    }
+    function Ge(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 Xe(e) {
+        for (var n = 1; n < arguments.length; n++) {
+            var r = null != arguments[n] ? arguments[n] : {};
+            n % 2 ? Ge(Object(r), !0).forEach((function(n) {
+                Je(e, n, r[n]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Ge(Object(r)).forEach((function(n) {
+                Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, 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 Ur(e) {
-            var n = Xr(e, "string");
-            return "symbol" == Kr(n) ? n : n + "";
-        }
-        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" != Kr(t)) return t;
-                throw new TypeError("@@toPrimitive must return a primitive value.");
+        return e;
+    }
+    function Je(e, n, r) {
+        return (n = Qe(n)) in e ? Object.defineProperty(e, n, {
+            value: r,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[n] = r, e;
+    }
+    function Qe(e) {
+        var n = Ye(e, "string");
+        return "symbol" == We(n) ? n : n + "";
+    }
+    function Ye(e, n) {
+        if ("object" != We(e) || !e) return e;
+        var r = e[Symbol.toPrimitive];
+        if (void 0 !== r) {
+            var t = r.call(e, n || "default");
+            if ("object" != We(t)) return t;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
+        }
+        return ("string" === n ? String : Number)(e);
+    }
+    function Ze(e, n) {
+        if (null == e) return {};
+        var r, t, o = en(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 ("string" === n ? String : Number)(e);
         }
-        function Gr(e, n) {
-            if (null == e) return {};
-            var r, t, o = Jr(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 en(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 o;
         }
-        function Jr(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;
+    }
+    /** @public */
+    /** @public */
+    /** @public */    var nn = {
+        allowNewValues: i().bool,
+        animateLoading: i().bool,
+        append: i().bool,
+        children: i().node,
+        compact: i().bool,
+        controlledFilter: i().bool,
+        defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
+        defaultValues: i().array,
+        describedBy: i().string,
+        disabled: i().bool,
+        elementRef: i().oneOfType([ i().func, i().object ]),
+        error: i().bool,
+        filter: i().oneOf([ false, true, "controlled" ]),
+        footerMessage: i().node,
+        inline: i().bool,
+        inputId: i().string,
+        inputRef: i().oneOfType([ i().func, i().object ]),
+        isLoadingOptions: i().bool,
+        labelledBy: i().string,
+        loadingMessage: i().node,
+        menuStyle: i().object,
+        name: i().string,
+        noOptionsMessage: i().node,
+        onChange: i().func,
+        onClose: i().func,
+        onFilterChange: i().func,
+        onOpen: i().func,
+        onScroll: i().func,
+        onScrollBottom: i().func,
+        placeholder: i().string,
+        prepend: i().bool,
+        repositionMode: i().oneOf([ "none", "flip" ]),
+        selectAllAppearance: i().oneOf([ "buttongroup", "checkbox", "none" ]),
+        showSelectedValuesFirst: i().oneOf([ "nextOpen", "immediately", "never" ]),
+        tabConfirmsNewValue: i().bool,
+        values: i().array,
+        /** @private */
+        virtualization: i().number
+    };
+    var rn = (0, d._)("No matches");
+    var tn = (0, d._)("Select...");
+    function on(e) {
+        var n = e.allowNewValues, o = e.animateLoading, a = e.append, l = e.compact, i = e.children, u = e.controlledFilter, s = e.defaultPlacement, d = s === void 0 ? "vertical" : s, f = e.defaultValues, p = e.describedBy, v = e.disabled, b = e.elementRef, m = e.error, g = e.filter, y = e.footerMessage, h = e.inline, O = e.inputId, w = e.inputRef, S = e.isLoadingOptions, C = e.labelledBy, M = e.loadingMessage, P = e.menuStyle, k = e.name, j = e.noOptionsMessage, V = j === void 0 ? rn : j, x = e.onChange, N = e.onClose, B = e.onFilterChange, E = e.onOpen, F = e.onScroll, A = e.onScrollBottom, I = e.placeholder, q = I === void 0 ? tn : I, D = e.prepend, L = e.repositionMode, T = L === void 0 ? "flip" : L, _ = e.selectAllAppearance, H = e.showSelectedValuesFirst, $ = e.tabConfirmsNewValue, z = e.values, K = e.virtualization, W = Ze(e, [ "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 U = c()({
+            componentName: "Multiselect",
+            /* eslint-disable-next-line prefer-rest-params */
+            componentProps: arguments[0],
+            // see SUI-7028
+            defaultValuePropName: "defaultValues",
+            valuePropName: "values"
+        });
+        /* eslint-disable-next-line prefer-rest-params */        var G = arguments[0];
+        (0, r.useEffect)((function() {
+            if (l !== true) {
+                if (false) {}
+                if (false) {}
             }
-            return r;
-        }
-        /** @public */
-        /** @public */
-        /** @public */        var Qr = {
-            allowNewValues: i().bool,
-            animateLoading: i().bool,
-            append: i().bool,
-            children: i().node,
-            compact: i().bool,
-            controlledFilter: i().bool,
-            defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
-            defaultValues: i().array,
-            describedBy: i().string,
-            disabled: i().bool,
-            elementRef: i().oneOfType([ i().func, i().object ]),
-            error: i().bool,
-            filter: i().oneOf([ false, true, "controlled" ]),
-            footerMessage: i().node,
-            inline: i().bool,
-            inputId: i().string,
-            inputRef: i().oneOfType([ i().func, i().object ]),
-            isLoadingOptions: i().bool,
-            labelledBy: i().string,
-            loadingMessage: i().node,
-            menuStyle: i().object,
-            name: i().string,
-            noOptionsMessage: i().node,
-            onChange: i().func,
-            onClose: i().func,
-            onFilterChange: i().func,
-            onOpen: i().func,
-            onScroll: i().func,
-            onScrollBottom: i().func,
-            placeholder: i().string,
-            prepend: i().bool,
-            repositionMode: i().oneOf([ "none", "flip" ]),
-            selectAllAppearance: i().oneOf([ "buttongroup", "checkbox", "none" ]),
-            showSelectedValuesFirst: i().oneOf([ "nextOpen", "immediately", "never" ]),
-            tabConfirmsNewValue: i().bool,
-            values: i().array,
-            /** @private */
-            virtualization: i().number
-        };
-        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 W = s()({
-                componentName: "Multiselect",
-                /* eslint-disable-next-line prefer-rest-params */
-                componentProps: arguments[0],
-                // see SUI-7028
-                defaultValuePropName: "defaultValues",
-                valuePropName: "values"
-            });
-            /* eslint-disable-next-line prefer-rest-params */            var U = arguments[0];
-            (0, e.useEffect)((function() {
-                if (l !== true) {
-                    if (false) {}
-                    if (false) {}
-                }
-            }), [ l, U ]);
-            // Compact uses Button, which defaults `inline` to true, explicitly pass a boolean to prevent the underlying Button from applying its default.
-                        var X = !!h;
-            var G = zr({
-                allowNewValues: t,
-                animateLoading: o,
-                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: f
-                };
-            }), [ f ]);
-            var Q = (0, e.useMemo)((function() {
-                return {
-                    values: H
-                };
-            }), [ H ]);
-            var Y = (0, e.useMemo)((function() {
-                return W ? Q : J;
-            }), [ J, W, Q ]);
-            var Z = {
-                filter: y,
-                selectAllAppearance: F,
-                showSelectedValuesFirst: _,
-                virtualization: $
+        }), [ l, G ]);
+        // Compact uses Button, which defaults `inline` to true, explicitly pass a boolean to prevent the underlying Button from applying its default.
+                var X = !!h;
+        var J = Xe({
+            allowNewValues: n,
+            animateLoading: o,
+            append: a,
+            children: i,
+            controlledFilter: u,
+            defaultPlacement: d,
+            describedBy: p,
+            disabled: v,
+            elementRef: b,
+            error: m,
+            footerMessage: y,
+            inline: X,
+            inputId: O,
+            inputRef: w,
+            isLoadingOptions: S,
+            labelledBy: C,
+            loadingMessage: M,
+            menuStyle: P,
+            name: k,
+            noOptionsMessage: V,
+            onClose: N,
+            onChange: x,
+            onFilterChange: B,
+            onOpen: E,
+            onScroll: F,
+            onScrollBottom: A,
+            placeholder: q,
+            prepend: D,
+            repositionMode: T,
+            showSelectedValuesFirst: H,
+            tabConfirmsNewValue: $,
+            virtualization: K
+        }, W);
+        var Q = (0, r.useMemo)((function() {
+            return {
+                defaultValues: f
             };
-            if (l) {
-                
-                return n().createElement(Hn, Hr({
-                    "data-test": "multiselect"
-                }, Y, Z, G));
-            }
+        }), [ f ]);
+        var Y = (0, r.useMemo)((function() {
+            return {
+                values: z
+            };
+        }), [ z ]);
+        var Z = (0, r.useMemo)((function() {
+            return U ? Y : Q;
+        }), [ Q, U, Y ]);
+        var ee = {
+            filter: g,
+            selectAllAppearance: _,
+            showSelectedValuesFirst: H,
+            virtualization: K
+        };
+        if (l) {
             
-            return n().createElement(_r, Hr({
+            return t().createElement(R, Ue({
                 "data-test": "multiselect"
-            }, Y, G));
-        }
-        // TODO: SUI-3402, this can be removed when ControlGroup no longer needs to inspect componentType
-                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;
+            }, Z, ee, J));
+        }
+        
+        return t().createElement(Ke, Ue({
+            "data-test": "multiselect"
+        }, Z, J));
+    }
+    // TODO: SUI-3402, this can be removed when ControlGroup no longer needs to inspect componentType
+        on.componentType = "Multiselect";
+    on.Option = h;
+    on.Heading = u.Heading;
+    on.Divider = u.Divider;
+    on.propTypes = nn;
+    /* harmony default export */    const an = on;
+    // CONCATENATED MODULE: ./src/Multiselect/index.ts
+    module.exports = n;
     /******/})();